@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(cssreset.css);

/*--------------------------------------------------------------------------------------------------------------
 *  common - layout
 *--------------------------------------------------------------------------------------------------------------*/
html {overflow-y:scroll;}
html,body {width:100%;position:relative;}
body{min-width:1200px;}
/*#wrap {min-width:1080px;width:100%;margin:0 auto;overflow:hidden;}*/
#wrap {min-width:1200px;width:100%;margin:0 auto;overflow:hidden;} /* min-width 사이즈 변경 - 20160415(정인영) */
#container {width:100%;z-index:0;position:relative;z-index:0;}
#container .contents {width:100%;margin:0 auto;min-height:300px;margin-top:-42px;padding-top:42px;}


/*--------------------------------------------------------------------------------------------------------------
 *  common - header
 *--------------------------------------------------------------------------------------------------------------*/
#header {width:100%;z-index:20;position:relative;background:transparent url(/static/cw/asset/img/common/bg_gnb.png) 50% 63px no-repeat;}
#header .header {width:1080px;margin:0 auto;}
#header .header:after {content:" ";display:block;position:absolute;left:-99.9%;top:63px;width:100%;height:70px;background-color:#ee3212;z-index:0;}
#header .header:before {content:" ";display:block;position:absolute;right:-99%;top:63px;width:100%;height:29px;background-color:#ee3212;z-index:0;}
#header .header .h_top {width:100%;height:63px;line-height:63px;}
#header .header .h_top #nav_util {top:0px;right:0;}
#header .header .h_top #nav_util li {float:left;margin-left:10px;}
#header .header .h_top #nav_util li.last {font-weight:bold;padding-left:10px;background:url(/static/cw/asset/img/common/icon_bul1.png) 0 50% no-repeat;}
#header .header #gnb {width:100%;height:70px;line-height:70px;}
#header .header #gnb > ul > li {float:left;font-size:18px;color:#fff;margin-right:66px;font-weight:bold;}
#header .header #gnb > ul > li > a {position:relative;}
/*#header .header #gnb > ul > li > a:after {content:" ";display:block;position:absolute;left:0;bottom:-12px;width:0%;height:4px;background:#fff;z-index:0;transition: all 0.2s; }
#header .header #gnb > ul > li > a:hover:after {width:100%;}*/
#header .header #gnb > ul > li > a > span {display:block;position:absolute;left:0;bottom:-12px;width:0%;height:4px;background:#fff;z-index:0;/* transition: all 0.2s; */ }
#header .header #gnb > ul > li.on > a {font-weight:bold;}
#header .header #gnb > ul > li:hover > a, #header .header #gnb ul > li:focus > a {font-weight:bold;}
#header .header #gnb > ul > li.on > ul {display:block;}
/* #header .header #gnb ul > li:hover > ul {display:block;} */
#header .header #gnb > ul > li > ul {position:absolute;height:50px;line-height:50px;display:none;z-index:0;}
#header .header #gnb > ul > li > ul.sub1 {left:0;}
#header .header #gnb > ul > li > ul.sub2 {left:0;}
#header .header #gnb > ul > li > ul.sub3 {left:0;}
#header .header #gnb > ul > li > ul.sub4 {left:0;}
#header .header #gnb > ul > li > ul.sub5 {left:0;}
#header .header #gnb > ul > li > ul.sub6 {left:0;}
#header .header #gnb > ul > li > ul > li {float:left;font-size:13px;color:#666;margin-right:28px;position:relative;}
#header .header #gnb > ul > li > ul > li:after {content:" ";display:block;position:absolute;left:0;bottom:0;width:100%;height:5px;background:#ee3212;z-index:0;display:none;}
#header .header #gnb > ul > li > ul > li.on > a {color:#222;font-weight:bold;}
#header .header #gnb > ul > li > ul > li:hover, #header .header #gnb ul > li > ul > li:focus {color:#222;font-weight:bold;}
#header .header #gnb > ul > li > ul > li.on:after {display:block;}
#header .header #gnb > ul > li > ul > li:hover:after, #header .header #gnb ul > li > ul > li:focus:after {display:block;}
#header .header .set_search {width:220px;height:41px;right:0;top:92px;}
#header .header .set_search .btn_search {position:absolute;top:8px;right:0;}
#header .header .set_search .btn_search a {display:block;width:21px;height:22px;background:url(/static/cw/asset/img/common/icon_search_h.png) 0 0 no-repeat;font-size:0;}
#header .header .set_search #f_h_search {/* width:255px; */height:40px;line-height:40px;border-bottom:1px solid #000;/* margin-left:45px; */position:relative;}
#header .header .set_search #keyword {width:190px;height:30px;line-height:20px;padding-left:5px;border:0;background:transparent;color:#000;}

/* all_gnb */
#all_gnb {position:absolute;top:90px;height:360px;width:100%;border-bottom:2px solid #ee3212;padding-top:70px;background:#fff url(/static/cw/asset/img/main/bg_all_gnb.jpg) 50% 100% no-repeat;display:none;z-index:10;}
#all_gnb > ul {width:1080px;margin:0 auto;font-size:13px;color:#444;}
#all_gnb > ul > li {float:left;}
#all_gnb > ul > li.g1 {width:135px;}
#all_gnb > ul > li.g2 {width:133px;}
#all_gnb > ul > li.g3 {width:132px;}
#all_gnb > ul > li.g4 {width:300px;}
#all_gnb > ul > li.g5 {width:136px;}
#all_gnb > ul > li > ul > li {margin-bottom:0px;margin-bottom:8px;}
#all_gnb > ul > li > ul > li a:hover, #all_gnb > ul > li > ul > li a:focus {font-weight:bold;color:#222;text-decoration:underline;}


/*--------------------------------------------------------------------------------------------------------------
 *  common - footer
 *--------------------------------------------------------------------------------------------------------------*/
#footer {width:100%;background-color:#4d4d4d;z-index:10;position:relative;}
#footer .footer {width:1080px;height:77px;margin:0 auto;z-index:10;}
#footer .footer .address {font-size:12px;color:#fff;opacity:0.61;filter:alpha(opacity=61);padding-top:23px;}
#footer .footer .copyright {font-size:13px;color:#fff;opacity:0.61;filter:alpha(opacity=61);}
#footer .footer #fnb {font-size:12px;top:24px;right:0;color:#c8c8c8;opacity:0.80;filter:alpha(opacity=80);}
#footer .footer #fnb li {float:left;margin-left:13px;padding-left:5px;position:relative;}
/* #footer .footer #fnb li:after {content:" ";display:block;position:absolute;left:0;top:8px;width:2px;height:2px;background:#fff;z-index:0;} */
#footer .footer #fnb li.btn_policy3 {font-weight:bold;color:#d8d8d8;}

.family_site {/* top:-31px; */bottom:77px;right:50%;margin-right:-526px;z-index:0;}
.family_site .btn_family {position:relative;}
.family_site .set_link {border-top:3px solid #ee3212;padding-top:12px;padding-bottom:15px;background-color:#f3f3f3;/* top:33px; */bottom:0;left:18px;}
.family_site .set_link li {width:148px;height:30px;line-height:30px;background-color:#f3f3f3;color:#333;padding-left:50px;position:relative;display:none;}
.family_site .set_link li a {display:block;width:100%;height:100%;}
.family_site .set_link li:hover, .family_site .set_link li a:focus {color:#ee3212;}
.family_site .set_link li:after {content:" ";display:block;position:absolute;left:25px;top:15px;width:13px;height:1px;background:#ee3212;display:none;}
.family_site .set_link li:hover:after, .family_site .set_link li :focus:after {display:block;}

/*--------------------------------------------------------------------------------------------------------------
 *  common
 *--------------------------------------------------------------------------------------------------------------*/
/* 탑버튼 */
.btn_c_top {right:0;bottom:100px;background-color:#aea9a2;color:#fff;text-align:center;font-size:13px;width:62px;height:33px;line-height:33px;}

/* 공통 팝업 */
#p_policy .p_policy {width:900px;top:50px;}

.admin_board th,
.admin_board td{border:solid 1px #ccc}

/** 메인팝업 **/
.popup_banner{display:none;position:absolute;left:50%;top:164px;z-index:99;margin:0 0 0 -511px;width:1022px}
.popup_banner .bottom{padding:0 0 0 10px;height:34px;font-size:14px;line-height:34px;color:#fff;;font-size:0;background:#3a3a41}
.popup_banner .bottom > *{vertical-align:middle}
.popup_banner .bottom label{margin:0 4px 0 0;font-size:14px}
.popup_banner .bottom a{float:right}


/** 판매 약국 찾기 **/
.dark{display:none;position:fixed;left:0;top:0;z-index:9998;width:100%;height:100%;background:#000;opacity:0.6}

/** pharmacy_search **/
#pharmacy_search{display:none;position:absolute;left:50%;top:100px;z-index:9999;margin:0 0 0 -540px;padding:0 50px 45px 50px;width:980px;border-top:solid 10px #ee3212;background:#fff}
#pharmacy_search .btn_close{position:absolute;right:-47px;top:-10px}
#pharmacy_search .in_tit{margin:0 0 8px 0;padding:27px 0 0 0;font-size:30px;color:#000;font-weight:bold;text-align:center}

/** pharmacy_frame **/
.pharmacy_frame legend{position:absolute;left:0;top:-99999px}
.pharmacy_frame .search{margin:0 0 15px 0;height:50px}
.pharmacy_frame .search > li{float:left;margin:0 0 0 10px;width:176px}
.pharmacy_frame .search > li .cs_select{position:relative;z-index:1;border:solid 1px #dbdbdb;}
.pharmacy_frame .search > li .cs_select.on{z-index:9}
.pharmacy_frame .search > li .cs_select > select{position:absolute;left:0;top:0;z-index:-1;width:50px}
.pharmacy_frame .search > li .cs_select .cs_list{position:relative;z-index:10;height:48px;background:#fff;}
.pharmacy_frame .search > li .cs_select .cs_list > a{overflow:hidden;display:block;height:48px;padding:0 50px 0 10px;font-size:13px;color:#131010;font-weight:bold;line-height:48px; white-space:nowrap;text-overflow:ellipsis;background:url('../img/common/selectarr.gif') no-repeat 100% 50%}
.pharmacy_frame .search > li .cs_select.on .cs_list > a{background:url('../img/common/selectarr2.gif') no-repeat 100% 50%}
.pharmacy_frame .search > li .cs_select .cs_list > .list{display:none;position:absolute;left:-1px;top:48px;min-width:174px;border:solid 1px #dbdbdb;background:#fff;white-space:nowrap;overflow-y: scroll; height: 300px;}
.pharmacy_frame .search > li .cs_select .cs_list > .list > ul > li > a{display:block;height:24px;font-size:13px;color:#222;padding:0 10px;line-height:24px}
.pharmacy_frame .search > li .cs_select .cs_list > .list > ul > li a:hover, .cs_select .cs_list > .list > ul > li a:focus, .cs_select .cs_list > .list > ul > li a:active{background:#f1f1f1}
.pharmacy_frame .search .f1{margin:0}
.pharmacy_frame .search .f4{width:422px}
.pharmacy_frame .search .f4 input{padding:0 10px;width:302px;height:50px;font-size:13px;color:#131010;font-weight:bold;border:solid #dbdbdb;border-width:1px 0 1px 1px;vertical-align:top;background:url('../img/common/linebg.gif') repeat 0 0}
.pharmacy_frame .search .f4 a{display:inline-block;height:50px;width:120px;font-size:14px;color:#fff;text-align:center;line-height:50px;vertical-align:top;background:#ee3212}
.pharmacy_frame #in_map{margin:0 0 23px 0;height:316px;border:solid 2px #e8e8e8;}
.pharmacy_frame .in_table{margin:0 0 18px 0}
.pharmacy_frame .in_table table{width:100%;border-top:solid 2px #ee3212;border-bottom:solid 1px #828282}
.pharmacy_frame .in_table table caption{position:absolute;left:0;top:-999999px}
.pharmacy_frame .in_table table th{height:60px;font-size:14px;color:#333;font-weight:bold;vertical-align:middle;border-bottom:solid 1px #c0c0c0}
.pharmacy_frame .in_table table td{padding:5px 10px;height:42px;font-size:13px;color:#555;text-align:center;line-height:1.3;vertical-align:middle;border-top:solid 1px #e8e8e8}
.pharmacy_frame .in_table table tr:first-child td{border-top:none}
.pharmacy_frame .in_table table .tleft{text-align:left !important}
.pharmacy_frame .in_table table td .view{color:#ee3212;font-weight:bold}
.pharmacy_frame .in_table table td .view:after{content:'>';padding:0 0 0 2px}
.pharmacy_frame .paging{text-align:center;font-size:0}
.pharmacy_frame .paging *{display:inline-block;vertical-align:top;color:#333;text-decoration:none}
.pharmacy_frame .paging > a{margin:0 -1px;width:33px;height:33px;border:solid 1px #c7c7c7;font-size:0;line-height:0;background:#fff url('../img/common/page.png') no-repeat}
.pharmacy_frame .paging .off{cursor:default}
.pharmacy_frame .paging .first{background-position:-2px -2px}
.pharmacy_frame .paging .prev{background-position:-37px -2px}
.pharmacy_frame .paging .next{background-position:-70px -2px}
.pharmacy_frame .paging .last{background-position:-105px -2px}
.pharmacy_frame .paging .first.off{background-position:-2px -37px}
.pharmacy_frame .paging .prev.off{background-position:-37px -37px}
.pharmacy_frame .paging .next.off{background-position:-70px -37px}
.pharmacy_frame .paging .last.off{background-position:-105px -37px}
.pharmacy_frame .paging > span{margin:0 10px;text-align:center}
.pharmacy_frame .paging > span > *{margin:0  -1px;width:33px;height:33px;line-height:33px;border:solid 1px #c7c7c7;font-size:12px;background:#fff}
.pharmacy_frame .paging > span > strong{position:relative;color:#fff;border-color:#ee3212;background:#ee3212}

/* 하단 락손정 팝업 */
.btm_pop {overflow:hidden; position:fixed; bottom:-181px; left:50px; z-index:11; width:250px; background:#fff; border-width:1px 1px 0 1px; border-style:solid; border-color:#000; transition:transform .3s ease-out;}
.btm_pop.open {transform: translateY(-181px);}
.btm_pop img {vertical-align:top}
.btm_pop .bnr_box a span {position:relative; display:block; padding:10px 15px;}
.btm_pop .bnr_box a span:after {display:block; position:absolute; top:13px; left:70%; content:'>'; font-size:10px; font-weight:bold;}
.btm_pop .btn_bnr {display:flex; width:100%; height:40px; align-items:center; justify-content:space-between; background:#e5e4e3;}
.btm_pop .btn_bnr .input_wrap {flex:1; padding:0 15px; font-size:13px}
.btm_pop .btn_bnr .input_wrap input + label {color:#000; padding-left:8px}
.btm_pop .btn_bnr a {padding:0 15px; }