@charset "utf-8";

/* 
	Copyright(c) 2017 Onlinepowers Development Team
 	http://www.onlinepowers.com
*/

/* common */
html,body{height:100%;}
#wrap{min-width:1366px;}
.inner{width:1366px; margin: 0 auto; position: relative;}
.inner.w-auto{width:auto;}
.inner:after {content:''; display:block; clear:both;}  
.inner_in{width:1090px;margin:0 auto;}
.pg_main .inner, header .inner{padding:0 46px;}
.float_box:after{content:'';display:block;clear:both;}
.float_box > *:first-child{float:left;}
.float_box > *:last-child{float:right;}
.float_box > .col-w-3{padding-right:10px;}
.cont_wrap{padding-bottom:200px;}
.cont_wrap > .btn_wrap, .contents_inner > .btn_wrap, .contents_inner .btn_wrap.w300{padding-top:70px;}
.cont_wrap > .btn_wrap > *:only-child, .cont_wrap > form > .btn_wrap > *:only-child{width:520px;} 
.cont_wrap > .btn_wrap > *.small:only-child{width:120px;}
.inner_event{width:1274px;margin:40px auto 0;}
.img_title{text-align:center;height:180px;line-height:180px;}
.img_title.type-review{margin:0 auto;width:1274px;height:180px;/*background: url('/content/images/banner/img-banner-review.png') no-repeat;background-size:100% 100%;*/}
.img_title.type-best{margin:0 auto;width:1274px;background: url('/content/images/banner/img-banner-best.png') no-repeat;background-size:100% 100%;font-size:30px;font-weight:bold;color:#213989;}

/*== header ==*/ 
/* header top */
.header_top{line-height:36px;} 
.greetings{float:right;}
.greetings p{position:relative;font-weight:bold;}
.greetings p:before{content:'';position:absolute;top:-2px;left:-18px;width:16px;height:16px;}
.greetings.type_s p:before{background:url('/content/images/icon-membership-log-002.png') no-repeat;background-size:100%;}
.greetings.type_b p:before{background:url('/content/images/icon-membership-log-001.png') no-repeat;background-size:100%;}
.greetings.type_q p:before{background:url('/content/images/icon-membership-log-003.png') no-repeat;background-size:100%;}
/* util menu */
.util_menu{float:right;padding:18px 0 5px 10px;}
.util_menu:after{content:''; display:block; clear:both;}
.util_menu li{float:left; line-height:16px;}
.util_menu li a{display:block; padding:0 8px;}
.util_menu li:last-child a{padding-right:0;} 
.util_menu .btn_logout{padding-left:4px;color:#7f7f7f;font-size:10px;text-decoration:underline;}

/* header middle */
.header_middle{width:100%;padding:19px 0 18px 0;border-bottom: 1px solid rgba(0,0,0,.06);} 
.header_middle .logo{float:left;}
.header_middle .logo a{display:block;width:214px;height:34px;}
.header_middle .logo img{vertical-align:middle;width:100%;padding-top:17px;}
.header_search{float:left;width:438px;height:50px;margin-left:202px;}  
.header_search .searchForm{clear:both;}
.header_search .searchForm fieldset{position:relative;border-bottom:2px solid #000;}
.header_search .searchForm fieldset:after{content:'';display:block;clear:both;}
.header_search .search_box{float:left;width:388px; height:50px;padding:0 16px;font-size:20px;text-align:left;background:transparent;border:0; margin:0;color:#000} 
.header_search .btn_search{float:left;width:50px; height:50px;text-indent:-9999px;background:url(/content/images/btn-search.png) no-repeat center center;background-size:30px 30px;} 
/*.header_search .search_box:focus ~ .recommend-list{display:block;}*/
.header_list{float:right; display: flex; align-items: center;}
.header_list li{padding:0 12px;} 
.header_list li:last-child{padding-right:0;}
.header_list li a{display:block;}
.header_list .btn_search{width: 29px; height: 29px; background:url('/content/images/btn-search.png') center 0 / 29px 29px no-repeat;}
.header_list .btn_cart{position:relative; width: 30px; height: 30px; background:url('/content/images/btn-cart.png') center 0 / 30px 30px no-repeat;}
.header_list .btn_delivery{background:url('/content/images/btn-delivery.png') center 0 / 36px 36px no-repeat;}
.header_list .btn_mypage{width: 32px; height: 35px; background:url('/content/images/btn-mypage.png') center 0 / 32px 35px no-repeat;}
.header_list .btn_pharm{width: 31px; height: 36px; background:url('/content/images/btn-pharm.png') center 0 / 31px 36px no-repeat;} 
.btn_cart .count{position:absolute;top:0;left:55%;min-width:20px;max-width:26px;padding:0 3px;height:20px;line-height:20px;background-color:#e2211c;border-radius:5rem;color:#fff;text-align:center;}
.recommend-list{display:none;position:absolute;left:0;right:0;top:60px;padding:16px 20px;border:1px solid #e1e1e1;border-radius:10px;background-color:#fff;z-index:11;}
.recommend-list a{display:block;width:100%;text-align:left;font-size:14px;line-height:2.43;}
.recommend-list.on{display:block;}
/* header bottom */
.header_bottom{position:relative;}
.header_bottom:before{content:'';position:absolute;top:0;left:0;right:0;height:60px;background-color:rgba(255,255,255,.3);z-index:0}
.gnb_menu_list{display:inline-block;font-size:0;margin-left:32px;}
.gnb_menu_list li{display:inline-block;padding-right:20px;}
.gnb_menu_list li:last-child{padding-right:0;}
.gnb_menu_list li a{display:inline-block;height:50px;line-height:50px;padding:0 20px;font-size:16px;}
.gnb_menu_list .btn_pharm_recom{position:relative;}
.gnb_menu_list .btn_pharm_recom::after{content:'';display:inline-block;margin-left:4px;width:16px;height:16px;background:url('/content/images/icon-pharm.png') no-repeat;background-size:100% 100%;}
/* footer */ 
#footer{background-color: #141517;}
#footer .inner{padding:0 92px;}
.footer_top{display: flex; justify-content: space-between; align-items: center; padding: 70px 0 32px; border-bottom:1px solid rgba(255,255,255,.26); color: #797979;} 
.footer_top .footer_menu{font-size: 0;;}
.footer_top .footer_menu li{position: relative; display: inline-block; vertical-align: top;;}
.footer_top .footer_menu li + li{margin-left: 50px;}
.footer_top .footer_menu li + li:before{content: '|'; position: absolute; top: 0; left: -25px; font-size: 20px; color: #4e4e4e;}
.footer_top .footer_menu li a{display:block; font-size: 20px; font-weight:400; color: #797979;} 
.footer_top .footer_menu li:first-child a{padding-left:0;} 
.footer_top .select_box{width: auto; min-width:271px; margin: 0; padding: 0 25px; height:49px; border:1px solid #6e6e6e; font-size:20px; background: url('/content/images/main-new/icon-footer-sel-arr.png') no-repeat right 26px center / 17px 9px; color: #797979}
.footer_bottom{padding:44px 0 117px; font-size: 0;}
.footer_bottom .cont-left, .footer_bottom .cont-right{display: inline-block; vertical-align: top;;}
.footer_bottom .cont-left{width: calc(100% - 273px);}
.footer_bottom .cont-right{width: 273px;}

.foot-txt-info{margin-top: 36px; color:#797979;}
.foot-txt-info li{font-size: 20px; line-height: 40px;}
.foot-txt-info li .gap{display: inline-block; color:#4e4e4e; vertical-align: top;;}
.footer_bottom .cont-left .desc{margin-top: 43px;}
.footer_bottom .cont-left .desc, .footer_bottom .cont-left .copyright{display: block; font-size: 18px; color: #5c5c5c; line-height: 30px;}
.footer_bottom .ttl{display: block; margin-bottom: 50px; font-size: 20px; font-weight:bold; color: #a6a6a6}
.footer_bottom .btn-round.go{display:block; min-width:160px; height: 71px; padding:0 34px; background:rgba(255,255,255,.14) url('/content/images/main-new/icon-footer-btn-arr.png') no-repeat right 36px center / 9px 17px; border-radius: 35px; font-size: 18px; color: #fff; line-height:71px;}
.footer_bottom .btn-round.go + p{margin-top:29px; font-size: 18px; line-height: 30px; color: #797979;}
.footer_bottom .img-box{margin-top: 29px; text-align: center;}
.cs-info{margin-left:70px;}
.cs-info .tel{display:block;margin-top:36px;font-size:24px;font-weight:bold;letter-spacing:-0.4px;}
.cs-info .time-info{margin-top:29px;}
.cs-info .time-info span{display:inline-block;line-height:normal;}
.cs-info .time-info span:first-child{min-width:45px;color: #aeaeae !important;text-align:right;}
.cs-info .time-info span:last-child{padding-left:10px;}

/* container */ 
#container{min-height:800px;}

/* LNB */  
#lnb, 
#left_contents{position:relative;float:left;width:256px;height: auto;}
#lnb{padding:60px 46px 0;}
#lnb >.title, #left_contents > .title{font-size:24px;font-weight:bold;line-height:50px;} 
.category_team{float:left;width:100%;padding:26px 10px;}
.category_team ul li a{display:block;}  
.category_team .depth_02>li{padding:10px 0;}
.category_team .depth_02>li:first-child{padding-top:0;}
.category_team .depth_02 .ttl{display:block;line-height:30px;color:#7f7f7f;font-size:12px;}
.category_team .depth_03>li>a.on,
.category_team .depth_03>li>a:hover,
.category_team .depth_03>li>a:focus{color:#2b3aa1;font-weight:bold;}
.category_team .depth_03 li a{line-height:40px;font-size:16px;}
.category_team.customer, 
.category_team.pages{border-top:1px solid #dedede;}
.category_team.customer .depth_02>li{padding:10px 0;  } 

.category_team.typeA{padding:0 10px;}
.category_team.typeA .depth_02>li{padding:0;}
.category_team.typeA .depth_02>li a{line-height:50px;font-size:16px;}
.category_team.typeA .depth_02>li a.on,
.category_team.typeA .depth_02>li a:hover,
.category_team.typeA .depth_02>li a:focus{color:#2b3aa1;font-weight:bold;} 
.category_team.pages .depth_02>li{padding:15px 0;  border-bottom:1px solid #eaebec;}
.category_team.pages .depth_02>li:last-child{padding-bottom:0; border-bottom:0;}
.category_team.typeB{position:relative;padding:0 10px;}
.category_team.typeB + .category_team.typeB{margin-top:30px;padding-top:30px;}
.category_team.typeB:before{content:'';position:absolute;top:0;left:-13px;width:190px;height:1px;background-color:#e1e1e1;}
.category_team.typeB:first-child:before{display:none;}
.category_team.typeB .title{display:block;padding-bottom:10px;line-height:50px;font-size:20px;font-weight:bold;}

/* 고객센터 left content */
#left_contents {padding-top:60px;}
#left_contents > .title{display:block;padding:0 46px;}
/* .contents */
/*#contents{padding:15px 0 0 0;}*/
#contents:after{content:'';display:block;clear:both;}
.contents_inner{position:relative;width:1110px;min-height:800px;float:left;padding:40px 0 200px;padding-left:40px;border-left:1px solid #e1e1e1;} 
#left_contents + .contents_inner{padding-top:70px;}
/* 약국찾기 left content */
.left_search_box{padding-top:46px !important;width:364px !important;}
.left_search_box + .contents_inner{width:calc(100% - 364px);height:800px;}
.left_search_box .top{padding:0 20px;}
.left_search_box .search_form{margin-top:20px;border-bottom:2px solid #f9f9f9;}

/* 퀵메뉴 */
#floating{position:absolute; left:50%; top:0px; margin-left: -540px; width:1080px; z-index:1; background:#fff;} 
#floating .quick_menu{position: absolute; top:1388px; left:50%;  margin-left:582px; width:100px; text-align:center; z-index: 50;}
.pg_main #floating .quick_menu{top:1062px;}
.quick_cart .num{color:#2b3aa1;font-weight:bold;} 
.quick_menu .quick_latest{padding:18px 0 14px;position:relative;}
.quick_menu .quick_menu_inner{position:relative;width:102px;background:transparent;}
.quick_menu_inner .recency_box, .quick_menu_inner .quick_btn_list{border:1px solid #e1e1e1;background-color:#fff;}
.quick_menu_inner .recency_box{margin-bottom:20px;}
.quick_menu .quick_menu_inner .quick_btn_list>a{display:block;padding:14px 0;}
.quick_btn_list>a + a{border-top:1px solid #e1e1e1;}
.recency-item{margin-top:3px;}
.recency-item .item_area {position:relative;width:82px;height:82px;margin:0 auto 8px;overflow-y: hidden;}
.recency-item .item_area:after{content:''; display:block; clear:both; }
.recency-item ul li img {width:100%;height:100%;} 
.recency-item .page {position: relative;font-size:0;vertical-align:middle;border-top:1px solid #e1e1e1;}
.recency-item .page a {display:inline-block;width:50%;} 

/* breadcrumbs */
.location_area{background-color:#f4f4f4;}
.breadcrumbs{display:block;width:1366px;margin:0 auto;height:50px;line-height:50px;padding:0 46px;}  
.breadcrumbs a{position:relative;display:inline-block;font-size:14px;color:#7f7f7f;}
.breadcrumbs a:after{content:'>';display:inline-block;color:#7f7f7f;font-size:14px;padding:0 6px;}
.breadcrumbs a + a:last-of-type:after {content:none;}
.breadcrumbs span {display:inline-block;color:#000000;font-size:14px;}

/* common | all menu */
.all_menu{position:relative;display:inline-block;}
.all_menu .btn_menu{position:relative;display:block;width:115px;line-height:60px;height:60px;padding-left:36px;font-size:16px;font-weight:400;background:transparent url('/content/images/btn-menu.png') no-repeat 0 center;background-size:20px 20px;}
.all_menu .btn_menu.on{z-index:10;} 
 /* main 메뉴버튼 */
/*.main_lnb .all_menu .btn_menu{
	display:block; 
	width: 182px; 
	line-height:49px;
	height:49px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	cursor:pointer;
	border:1px solid #333949;
	border-top:0;
	padding-left:20px;
	background:#333949 url('/content/images/icon/icon_menu_on_new.png') no-repeat right 20px center;
}*/
  
/*
.gnbs{
	display:none;
	position:absolute;
	top:42px;
	z-index:100;
	width:1080px;
	background:#fff;
	border:2px solid #1c2957;	
	border-top:0;
    padding:30px 20px 0px;
    background:#fff url('../../content/images/common/gnbs_bar.jpg') no-repeat 1px 0; 
    z-index:210;
}
*/
.gnbs{display:none;position:absolute;top:-5px;left:-54px;width:528px;min-height:599px;background:url(/content/images/bg-allmenu.png) no-repeat;background-size:100%;padding:105px 40px 50px 90px;z-index:9;}
.gnbs:after{content: '';display:block;clear:both;}
.gnbs .depth:after{content:'';display:block;clear:both;overflow:hidden;}
.gnbs.show, .gnbs_sub.show{display:block;}  
.gnb_menu_bar .menu{float:left;width:224px;}
.gnb_menu_bar .menu:last-child{width:174px;}
.gnb_menu_bar .menu h2 > a{position:relative;line-height: 2.5;font-weight: 400;font-size:18px;}
.gnb_menu_bar .menu h2 > a:after{content:'';position:absolute;bottom:-6px;left:0;right:0;height:3px;background-color:#333;}
.gnb_menu_bar .menu>ul{width:100%;padding:12px 0 0 0;}
.gnb_menu_bar .menu ul:after{content:''; display:block; clear:both; }
.gnb_menu_bar .menu>ul>li{float:left;width:100%;padding-right:10px;}
.gnb_menu_bar .menu>ul>li>a{position:relative;line-height:2.5;font-size:16px;}
/*.gnb_menu_bar .menu>ul>li>a:hover:after, .gnb_menu_bar .menu>ul>li>a:focus:after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:1px;background-color:#e50012;}*/
.gnb_menu_bar .menu>ul>li>a:hover, .gnb_menu_bar .menu>ul>li>a:focus{color:#e50012;text-decoration:underline;}
/* 브랜드소개 서브메뉴 */
.gnbs_sub_box{position:relative;}
.gnbs_sub_box > a.on{position:relative;z-index:10;}
.gnbs_sub{display:none;position:absolute;top:-10px;left:-24px;width:212px;min-height:307px;background:url(/content/images/bg-brandmenu.png) no-repeat;background-size:100%;padding:105px 44px 50px;z-index:9;}
.gnbs_sub .sub_menu{width:124px;}
.gnbs_sub .sub_menu:after{content:'';display:block;clear:both;} 
.gnbs_sub .sub_menu > li{float:left;width:100%;padding-right:0;}
.gnbs_sub .sub_menu > li > a{padding:0;height:40px;line-height:2.5;font-size:16px;}
.gnbs_sub .sub_menu > li > a:hover, .gnbs_sub .menu > li > a:focus{color:#e50012;text-decoration:underline;}


  /*======211020: 웹 메인 메뉴 카테고리 변경======*/
.all_menu .btn_menu.on{font-weight: bold;}
.gnbs{top: 60px;left: -46px;width: 1132px;min-height: 607px;padding: 50px 82px 44px 82px;-ms-box-shadow:-2px -1px 14px 0 rgba(0,0,0,.21);-webkit-box-shadow: -2px -1px 14px 0 rgba(0,0,0,.21);box-shadow: -2px -1px 14px 0 rgba(0,0,0,.21);filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(0,0,0,.21),Direction=45,Strength=6);background: #fff;/* background: url(../images/bg-allmenu2.png) no-repeat;background-size: 100%; */}
.all_menu .btn_menu.on::before{content: '';display: block;position: absolute;top: 0px;left: -46px;width: 180px;height: 60px;-ms-box-shadow:-2px -1px 14px 0 rgba(0,0,0,.21);-webkit-box-shadow: -2px -1px 14px 0 rgba(0,0,0,.21);box-shadow: -2px -1px 14px 0 rgba(0,0,0,.21);filter:progid:DXImageTransform.Microsoft.Shadow(color=rgb(0 0 0 / 21%),Direction=45,Strength=6);background: transparent;}
.all_menu .btn_menu.on::after{content: '';display: block;position: absolute;bottom: -20px;left: -46px;width: 180px;height: 40px;background: #ffffff;}
.gnb_menu_bar .menu{width: 452px;}
.gnb_menu_bar .menu.menu-item2{width: 296px;margin-left: 40px;}
.gnb_menu_bar .menu.menu-item3{width: 140px;margin-left: 40px;}
.gnb_menu_bar .menu h2{line-height: 1;}
.gnb_menu_bar .menu h2 > a{display: block;padding-bottom: 8px;font-weight: bold;line-height: 1;border-bottom: 2px solid #333;}	
.gnb_menu_bar .menu h2 > a:after{display: none;}
.gnb_menu_bar .menu .menu-sub{float: left;width: 140px;margin-top: 16px;}
.gnb_menu_bar .menu .menu-sub + .menu-sub{margin-left: 16px;}
.gnb_menu_bar .menu .menu-sub > h3{padding: 7px 10px;font-size: 13px;font-weight: bold;line-height: 1.25;border-radius: 3px;background: #f4f4f4;}
.gnb_menu_bar .menu .menu-sub ul{margin-top: 8px;}
.gnb_menu_bar .menu .menu-sub ul li a{display: block;width: 100%;padding-left: 10px;font-size: 16px;line-height: 2.5;}
.gnb_menu_bar .menu .menu-sub ul li a:hover, .gnb_menu_bar .menu .menu-sub ul li a:focus{color: #e50012;text-decoration: underline;}


@media all and (min-width:320px) and (max-width:1366px) {
	#wrap{display: inline-block;}
	.banner_mid img {width: 100%;}
	.notice_wrap, #footer {min-width: 1366px;display: inline-block;}
	.notice_wrap {height: 102px;}
	.bf-line:before {content: none;}
  }
  
/* 211215 - 팝업창 검색 결과 없을 때 */
.none-cont{display: table;width: 100%;height: 100%;}
.none-cont p{display: table-cell;color: #7f7f7f;font-size: 20px;line-height: 1.6;vertical-align: middle;text-align: center;}

/* 220922 - new footer */
#footer{background: #333333;}


/* 20230131 */
/*
.header_list .re {position: relative;width: 180px;padding: 0;}
.header_list .re .btn_search {position: absolute;right: 0;top: 0;}
.header_list .re .search_box {
	float: left;width: 100%;height: 40px;padding: 0 30px 0 0;font-size: 20px;text-align: left;background: transparent;border: 0;margin: 0;color: #000;
	border-bottom: 2px solid #000;border-radius: 0;
}
.header_list .re .search_box::placeholder {font-size: 16px;}
.header_list .re .search_box {font-size: 16px;}
.header_list .re .recommend-list {top: 50px;padding: 16px 10px;}
.header_list .re .recommend-list li {padding: 0;}
.header_list .re .recommend-list li a {font-size: 13px;}
*/