@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);



/*========================================================================
	기본&공통
========================================================================*/
* { margin:0; padding:0; border:0; outline:0; vertical-align:top; box-sizing:border-box; }
html {margin:0; padding:0; height:100% }
ul, ol, li {margin:0; padding:0; list-style:none;}
body {margin:0; padding:0; height:100%; font-family:Nanum Gothic, 굴림,Tahoma; font-size:13px; background-color:#202024; line-height:140%;}
h3,h4,h5,h6 {margin:0; padding:0; text-decoration:none;}

table { boder-collapse:collapse; boder-spacing:0;}
TD,TR,input,DIV,form,pre,select,textarea{word-break:break-all;}

a{text-decoration:none; border:none;}
a:link{text-decoration:none; border:none;}
a:visited{text-decoration:none; border:none;}
a:active{text-decoration:none; border:none;}
a:hover,a:focus{text-decoration:none; border:none;}

/* 부동 포함: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix {}

/*========================================================================
  미들정렬기법
========================================================================*/
  .middle_box {
    width: 100%;
    height: 100%;
    margin: 0 auto;
  }
  .middle_box_outer {
    display: table;
    width: 100%;
    height: 100%;
  }
  .middle_box_inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
  }
  .middle_box_inner_content {
    position: relative;
    display: inline-block;
    width: 50%;
  }


  /*****************************************************************************************************************************************
  	form 요소 절대값 정의
  *****************************************************************************************************************************************/
  button {padding:0 0; vertical-align:middle;box-sizing:border-box; cursor:pointer;background-color:transparent;color:#777;  font-family:'Nanum Gothic',dotum, sans-serif;}
  button span {box-sizing:border-box;}
  label {display:inline-block;vertical-align:middle;}

  select[disabled='disabled'], input[disabled='disabled'], .disabled {background-color:#f0f0f0;border:1px solid #d9d9d9;cursor:default;}
  select[readonly='readonly'], input[readonly='readonly'], .readonly {background-color:#f0f0f0;border:1px solid #d9d9d9;}
  /*input[type="text"] {display:none;} /* 익스 10, 11에서 입풋창에 생성되는 텍스트 삭제 버튼제어 */

  /*a, a:link, a:visited, a:active {text-decoration:none; outline:0;}
  a:hover {text-decoration:none}
  a[class~="btn"] {vertical-align:middle;box-sizing:border-box;text-decoration:none;} */ /* 버튼의 경우에 언더라인 삭제 */


/*========================================================================
  여백 스타일
========================================================================*/
/* 여백 스타일 */
.mt00 {margin-top:0 !important;}
.mt05 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}
.mmt10 {margin-top:-10px !important;}

.mb00 {margin-bottom:0 !important;}
.mb05 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}

.ml00 {margin-left:0 !important;}
.ml05 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml19 {margin-left:19px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}

.mr00 {margin-right:0 !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mr60 {margin-right:60px !important;}


.pt00 {padding-top:0 !important;}
.pt05 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}

.pb00 {padding-bottom:0 !important;}
.pb05 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}

.pl00 {padding-left:0 !important;}
.pl05 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}

.pr00 {padding-right:0 !important;}
.pr05 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}


/*폰트크기*/
.fs12 {font-size:12px !important;}


/*========================================================================
	html 내용
========================================================================*/
#wrap {width:100%; height:100%; margin:0; padding:0;}

/************
상단
************/
#wrap_header {clear:both; position:relative; width:100%; height:80px; background-color:#202024;}
#wrap_header a {color:#ffffff; text-decoration:none;}
#wrap_header a:link,a:visited,a:active,a:hover,a:focus {color:#f86864; text-decoration:none;}

.logo {position: absolute; left:20px; top: 50%; bottom: auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin:0; padding:20px 48px; background:url(/_img/allbino_logo_white.png) no-repeat; background-size:contain;}


/************
컨텐츠
************/
#wrap_content {width:100%; background-color:#ffffff;}
.content_box {padding:15px 30px 15px 10px; color:#51595c;}
.content_box h3 {margin:30px 0; font-size:18px;}
	.personal_tap1 {margin:10px 0 0 10px;}
	.personal_tap1 h4 {font-size:15px;}
	.personal_tap1 ul {margin:10px 0 0 10px;}

/************
하단
************/
#wrap_footer {clear:both; width:100%;}
   #copylight {height:40px; background-color:#202024;}
     .middle_box_inner_content p {margin:0; font-size:0.7rem; color:#9e9e9e; line-height:200%;}










/*========================================================================
	상단 오른쪽 메뉴 - 메일&전화 반응형코딩
========================================================================*/
@media screen and (min-width: 320px), screen and (max-width: 319px) {
.navi_quick_menu_pc {display:none; visibility:hidden;}
.navi_quick_menu_mobile {display:table; visibility:visible; float:right; height:100%; padding-right:10px;}
.navi_quick_menu_mobile ul {
	display: table-cell; vertical-align: middle;
	/* reset mobile style */
    position: relative; width: auto; top: 0; right: 10px; padding: 0;
    background-color: transparent; box-shadow: none;
}
.navi_quick_menu_mobile ul li {
	float:left; display:inline-block; margin-left:15px; font-size:0.9rem;
}
.navi_quick_menu_mobile ul li a.email{
	padding:8px 20px;
	background:url(/_img/icon_email_white.png) no-repeat;
	background-size:contain;
}
.navi_quick_menu_mobile ul li a.tel{
	padding:7px 10px 4px 20px;
	background:url(/_img/icon_tel_white.png) no-repeat;
	background-size:contain;
}
}


/*========================================================================
  스크린사이즈 - 700px 이상
========================================================================*/
@media screen and (min-width: 700px) {
.navi_quick_menu_mobile {display:none; visibility:hidden;}
.navi_quick_menu_pc {
	display:table; visibility:visible; float:right; height:100%; padding-right:10px;
}
.navi_quick_menu_pc ul {
	display: table-cell; vertical-align: middle;
	/* reset mobile style */
    position: relative; width: auto; top: 0; right: 20px; padding: 0;
    background-color: transparent; box-shadow: none;
}
.navi_quick_menu_pc ul li {
	display:inline-block; margin-left:20px; font-size:0.9rem;
}
.navi_quick_menu_pc ul li.li_tel {
	display:none; visibility:hidden;
}
.navi_quick_menu_pc ul li.li_email_mobile {
	display:none; visibility:hidden;
}
.navi_quick_menu_pc ul li.li_email_tablet {
	display:block; visibility:visible;
}
.navi_quick_menu_pc ul li.li_email {
	display:none; visibility:hidden;
}
.navi_quick_menu_pc ul li a.email{
	padding:2px 0 2px 25px;
	background:url(/_img/icon_email_white.png) no-repeat;
	background-size:contain;
}
.navi_quick_menu_pc ul li a.tel{
	padding:2px 0 2px 22px;
	background:url(/_img/icon_tel_white.png) no-repeat;
	background-size:contain;
}

}

/*========================================================================
  스크린사이즈 - 769px 이상
========================================================================*/
@media screen and (min-width: 769px) {
.content_box {padding:35px;}
}

/*========================================================================
  스크린사이즈 - 1025px 이상
========================================================================*/
@media screen and (min-width: 1025px) {
.navi_quick_menu_mobile {display:none; visibility:hidden;}
.navi_quick_menu_pc {
	display:table; visibility:visible; float:right; height:100%; padding-right:10px;
}
.navi_quick_menu_pc ul {
	display: table-cell; vertical-align: middle;
	/* reset mobile style */
    position: relative; width: auto; top: 0; right: 20px; padding: 0;
    background-color: transparent; box-shadow: none;
}
.navi_quick_menu_pc ul li {
	display:inline-block; margin-left:30px; font-size:0.9rem;
}
.navi_quick_menu_pc ul li.li_tel {
	display:none; visibility:hidden;
}
.navi_quick_menu_pc ul li.li_email_mobile {
	display:none; visibility:hidden;
}
.navi_quick_menu_pc ul li.li_email_tablet {
	display:none; visibility:hidden;
}
.navi_quick_menu_pc ul li.li_email {
	display:block; visibility:visible;
}
.navi_quick_menu_pc ul li a.email{
	padding-left:25px;
	background:url(/_img/icon_email_white.png) no-repeat;
	background-size:contain;
}
.navi_quick_menu_pc ul li a.tel{
	padding-left:18px;
	background:url(/_img/icon_tel_white.png) no-repeat;
	background-size:contain;
}

}