@charset "utf-8";

/* Import Fonts */
@import url(reset.css);
@import url(font.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/spoqa-han-sans/2.1.1/css/SpoqaHanSans-kr.min.css);


.header_wrap:after,
.header_inr .gnb_wrap:after,
.header_inr .gnb_wrap ul:after,
.header_inr .util_common ul:after,
.footer:after,
.footer .footer_top_inr ul:after{
	display: block;
	content: '';
	clear: both
}
.moving_site_box a,
.moving_site_box a:before,
.footer .footer_top select{
	display: inline-block;
	background-image: url('../../images/renew/ico.png');
	background-size: 500px auto;
	background-repeat: no-repeat
}

body { position: relative }

/* HEADER */
.header_wrap *, .allmenu_wrap, .footer * { font-family: 'Spoqa Han Sans', sans-serif !important }
.header_wrap { position: relative; background: #fff; width: 100%; min-width:1600px; height: 92px; line-height: 92px; /* border-bottom: 1px solid #e1e1e1; */ border-bottom:3px solid #ff754b; text-align: center; z-index: 99 }
.header_inr { position: relative; min-width: 1200px; /* border-bottom:3px solid #ff754b */ }
.header_inr h1 { float: left; margin-left: 25px; margin-top:28px }
.header_inr .gnb_wrap { display: inline-block; margin: 0 auto; text-align: center }
.header_inr .gnb>li { display: inline-block }
.header_inr .gnb>li>a { position: relative; display: block; padding: 0 34px; font-size: 18px; font-weight: bold; color: #4c5357; text-decoration: none }
.header_inr .gnb>li>a.active:before { position: absolute; content: ''; width: 1px; height: 20px; background: #ff754b; left: 50%; margin-left: -.5px; bottom: 0 }
.header_inr .gnb li ul { display: none; position: absolute; width: 100%; height: 60px; line-height: 60px; left: 0; top: 90px; background: #fff; border-top:1px solid #e1e1e1; border-bottom: 1px solid #ff754b; transition: background 0.3s }
.header_inr .gnb li ul.first li:first-child { margin-left: -100px }
.header_inr .gnb li ul.second li:first-child { margin-left: -300px }
.header_inr .gnb li ul.fifth li:first-child { margin-left: 300px }
.header_inr .gnb li ul.last li:first-child { margin-left: 190px }
.header_inr .gnb li ul li { display: inline-block; margin-left: 30px }
.header_inr .gnb li ul li:first-child { margin-left: 0 }
.header_inr .gnb li ul li a { font-size: 15px; font-weight: 400; color: #414c58; text-decoration: none }
.header_inr .gnb li ul li a:hover { color: #ff7a39; transition: 0.5s }

/* header right */
.header_inr .util_common { float: right; margin-right: 70px }
.header_inr .util_common li { display: inline-block; vertical-align: middle; margin-left: 15px }
.header_inr .util_common li a { font-size: 13px; font-weight: bold; color: #91979d; text-decoration: none }
.header_inr .util_common li.careers a { color: #ff754b }

/* Allmenu conts */
.allmenu_wrap { min-width:1600px; display: none; position: fixed; width: 100%; height: 515px; top: 0px; left: 0px; background-color: #fff; transition: ease-out 2s all; border-bottom: 1px solid #ff754b; z-index: 100 }
.allmenu_inr { width: 1480px; margin: 0 auto; height: 100% }
.allmenu_inr .info_tit, .allmenu_inr .allmenu_list, .allmenu_inr .moving_site_box { display: block; height: 515px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box }
.allmenu_inr .info_tit { width: 25%; border-right: 1px solid #e5e5e5; padding-top: 86px }
.allmenu_inr .info_tit h2 { margin-bottom: 50px; font-size: 36px; color: #686c6f; font-weight: 300 }
.allmenu_inr .info_tit h2 span { color: #ff754b }
.allmenu_inr .allmenu_list dl { padding-left: 30px; padding-top: 87px; width: 145px; height: 515px; float: left; border-right: 1px solid #e5e5e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box }
.allmenu_inr .allmenu_list dl dt { margin-bottom: 30px; font-size: 20px; font-weight: bold; color: #4c5357 }
.allmenu_inr .allmenu_list dl dd li { margin-bottom: 17px }
.allmenu_inr .allmenu_list dl dd li a { position: relative; font-size: 15px; font-weight: 400; color: #414c58; text-decoration: none }
.allmenu_inr .allmenu_list dl dd li a:hover { color: #ff7a39; -webkit-transition: ease-in-out 0.5s; transition: ease-in-out 0.5s }
.allmenu_inr .allmenu_list dl dd li a:before { width: 0px; position: absolute; content: ''; height: 2px; background: #ff7a39; left: -30px; top: 50%; margin-top: -1px; -webkit-transition: ease-in-out 0.4s; transition: ease-in-out 0.4s }
.allmenu_inr .allmenu_list dl dd li a:hover:before { width: 23px }
.moving_site_box { padding-top: 85px; margin-left: 150px }
.moving_site_box a { position: relative; display: block; width: 90px; height: 90px; margin-bottom: 20px; padding-top: 16px; padding-left: 19px; background-color: #fbfbfb; border: 1px solid #dcdcdc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; text-decoration: none; font-size: 14px; line-height: 16px; color: #414c58; background-position: -280px 60px }
.moving_site_box a:before { position: absolute; content: ''; top: 11px; left: -12px; width: 25px; height: 25px }
.moving_site_box a.find_pharmacy:before { background-position: -200px -100px }
.moving_site_box a.recruit_site:before { background-position: -300px -100px }

/* header allmenu */
.allmenu_btn { position: absolute; right: 25px; top: 40px; width: 25px; height: 25px; z-index: 999 }
.navicon { position: relative; background: transparent; display: block; width: 19px; height: 14px; transition: linear 0.5s all; z-index: 999 }
.navicon:before, .navicon:after { background: #4c5357; position: absolute; content: ""; width: 20px; height: 3px; left: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: 0.8s ease }
.navicon:before { top: 0; box-shadow: #4c5357 0 7px 0 0 }
.navicon:after { top: 14px }
.navicon_active { position:fixed; height: 25px; transition: linear 0.5s all }
.navicon_active:before { background: #747474; width: 34px; box-shadow: transparent 0 0 0 0; top: 15px; -webkit-transform: rotate(225deg); transform: rotate(225deg) }
.navicon_active:after { background: #747474; width: 34px; top: 15px; -webkit-transform: rotate(315deg); transform: rotate(315deg) }

/* footer */
.footer { width: 100%; min-width:1600px; clear: both }
.footer .footer_top { position: relative; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7 }
.footer .footer_top_inr, .footer .footer_bot { width: 1100px; margin: 0 auto; text-align: left }
.footer .footer_top_inr { height: 69px; line-height: 69px }
.footer .footer_top_inr ul { width: 50%; float: left }
.footer .footer_top_inr li { position: relative; display: inline-block; margin-left: 42px }
.footer .footer_top_inr li:first-child { margin-left: 0 }
.footer .footer_top_inr li:before { position: absolute; content: ''; width: 2px; height: 13px; background: #e0e0e0; left: -22px; top: 50%; margin-top: -6.5px }
.footer .footer_top_inr li:first-child:before { content: none }
.footer .footer_top_inr li a { font-size: 17px; color: #757575; text-decoration: none }
.footer .footer_top_inr .customer_service { width: 45%; float: right; text-align: right; font-size: 18px; color: #757575 }
.footer .footer_top_inr .customer_service em { color: #ff754b; margin-left: 20px; font-style:normal }
.footer .footer_top select { position: absolute; right: 30px; top: 0;	/* float: right; */ width: 185px; height: 69px; padding-left: 20px; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-top: none; border-bottom: none; background-position: 45px -124px }
.footer .footer_top select { -webkit-appearance: none; -moz-appearance: none; appearance: none }
/* IE 에서 Select box 화살표 제거 */
.footer .footer_top select::-ms-expand { display: none }
.footer .footer_bot { padding: 30px 0 }
.footer .footer_bot p { font-size: 14px; color: #757575 }
.footer .footer_bot p span { position: relative; padding-left: 14px; padding-right: 14px }
.footer .footer_bot p span:before { position: absolute; content: ''; width: 2px; height: 12px; background: #e2e2e2; top: 50%; margin-top: -6px; left: 14px }
.footer .footer_bot p.copyright { margin-top: 17px; font-size: 10px }