/*상단레이아웃*/
#header{width: 100%; border-bottom: 1px solid rgba(0,0,0,0.0);	background-color: #fff; z-index: 999;	width: 100%;}
#header.on{position: fixed;
	height: auto;
	top: -55px;
	transition: all 0.3s ease-in-out, transform 0.3s ease-in-out;
	box-shadow: 0 0 20px #0000002A;}
#hd_h1 {position: absolute;font-size: 0;line-height: 0;overflow: hidden}
#hd_wrapper{max-width:1300px; margin: 0 auto;}
#header .area_top{padding-top: 20px;}
#header .logo{text-align: left;    ; display: flex;	align-items: center;	justify-content: flex-start;	gap: 20px;	font-size: 1.3em;	font-weight:700;}
#header .logo img{height: 32px;}
#header .logo a{color: #1a2a49;}
#header .logo a:nth-of-type(2):before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	background: #30b8e2;
	border-radius: 50%;
	vertical-align: top;
	margin-right: 2px;
}
#header .tnb{display: flex; align-items: center; justify-content: right;}
#header .tnb a{display: inline-block; margin-left: 15px; font-size: 1.05em;}

#header .area_bottom{padding: 15px 0;}
#header nav {display: flex; align-items: center}
#header nav ul{display: flex;}
#header nav li{margin-right: 20px;}
#header nav a{font-size: 1.35em; font-weight: 600;}
#header nav a.new:after{content: ""; display: inline-block; width: 6px; height: 6px; background: #30b8e2; border-radius: 50%; vertical-align: top; margin-left: 2px;}

.hd_search{display: flex; align-items: center; justify-content: space-between; border-radius: 30px; border: 2px solid #1a2a49; height: fit-content}
.hd_search form{width: 100%;display: flex; align-items: center; justify-content: space-between; }
.hd_search img {width: 30px;margin: 5px}
.hd_search input{all: unset; line-height: 40px; padding: 0 20px;}
#header .hd_search input{  padding: 0 20px 0 10px; font-size: 1.15em!important;     min-width: 400px;}
.hd_search button{all: unset; color:#1a2a49; font-weight: 600; font-size: 1.2em; line-height: 30px; padding: 0 10px;}
#header .cart_btn{font-size: 1.6em; display: inline-block; padding: 6px; margin-left: 6px;}

@media screen and (max-width: 1400px) {
    #hd_wrapper{width: 95%;}
}
@media screen and (max-width: 1300px) {

	.inr,
	.container{width: calc( 100% - 40px )}
	#user .inr{width: calc( 100% )}
}
@media screen and (max-width: 1200px) {
    #header nav li:not(:first-child){display: none;}
    #header .hd_search{display: none;}
	#header {border-bottom: 1px solid #eee;}

	#header .tnb{display: none;}
	#header nav a span {display: none;}
	#header .area_top{padding-bottom: 20px;}
	#header .area_bottom .flex{display: none;}
	#header .area_bottom{position: fixed; right: 4%; top: 5px; padding: 20px 0;		z-index: 999;}
	#header nav li{margin: 0;}
	#header{position: fixed}
	#header.on{		top: 0px;}
}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 550px) {}

#wrapper h2{font-size: 2em; font-weight: 600;}
#wrapper h4{font-size: 2em; font-weight: 700; }
.inr,
.container{max-width:1300px; padding: 20px 0 40px; margin: 0 auto;}

@media screen and (max-width: 1200px) {
	div#wrapper {padding-top: 73px}
}

#wrapper .area_top{margin-bottom: 40px;}

#contact{border-top:1px solid #eee; margin-top: 50px }
#contact .inr{display: flex; padding: 50px 0;}
#contact .inr > div{width: calc(100% / 3);}
#contact h5{font-size: 1.5em;font-weight: 700;margin-bottom: 20px;}

.area_cus{}
.area_cus .call{}
.area_cus .call p{
    font-size: 2.4em;
    color: #30b8e2;
    font-weight: 700;
    margin-bottom: 10px;
}
.area_cus .call span{
    margin-bottom: 20px;
    display: block;
}
.area_cus .call span strong{display: block;}
.area_cus .btn_wrap a{
    display: block;
    padding: 6px 30px;
    border-radius: 20px;
    border: 1px solid rgba(0,0,0,0.2);
    color: #343434;
    margin-right: 10px;
    font-weight: 600;
}

.area_bank{}
.area_bank .bank{}
.area_bank .bank p{
    font-size: 2em;
    font-weight: 700;
    margin-bottom: 10px; line-height: 1.2em;
}
.area_bank .bank span{font-size: 1.1em;}
.area_bank p.info{ margin-top: 20px;}

.area_latest li{display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
.area_latest li p{display:inline-block; width:calc(100% - 90px); overflow: hidden; text-overflow: ellipsis; vertical-align:middle; white-space: nowrap;}

@media screen and (max-width: 1200px) {
    #contact .inr{display: block; padding: 25px 0}
    #contact .inr > div{width: calc(100%); border-bottom: 1px solid #eee; padding-bottom: 20px; margin-bottom:20px;}
    #contact .inr > div:last-child{border-bottom: 0; margin-bottom: 0;padding-bottom: 0}
    #contact h5 {
		opacity: 0.3;}
	.area_cus .call p{		font-size: 1.5em;	}
	.area_bank .bank p {		font-size: 1.2em;	}
}

/*하단레이아웃*/
#footer{background: #FAFAFA;}
#ft_wrapper{max-width:1300px; padding:20px 0; margin: 0 auto;}
#footer .area_top{ border-bottom: 1px solid rgba(0,0,0,0.1); padding: 20px 0;
        display: flex; align-items: center; justify-content: space-between;}
#footer .area_top .ft_menu a{display: inline-block; margin-right: 20px; font-size: 1.1em;}
#footer .area_top .ft_sns a{display: inline-block; margin-left: 4px;}
#footer .area_bottom{ padding: 20px 0;}
#footer .area_bottom address ul{display: flex; flex-wrap: wrap;}
#footer .area_bottom address li{margin:0 10px 5px 0;}


@media screen and (max-width: 1400px) {
    #ft_wrapper{width: calc( 100% - 40px )}
}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 768px) {
    #footer .area_top{ display: block;}
    #footer .area_top .ft_sns{display: none;}
}
@media screen and (max-width: 550px) {
    #footer .area_top{font-size: 0.9em;}
    #footer .area_top .ft_menu a{margin-bottom: 5px;margin-right: 5px;}
	.area_cus .btn_wrap a {
		border-radius: 10px;}
}

/*로그인*//*
.member{padding: 40px 0;}*/
.member .boxline{max-width: 500px; width: 100%; margin: 0 auto;}
.member .area_top{text-align: center;}
.member .btn_wrap > a {width: 100%;}
.member .btn_middle{width: 100%; text-align: center;}

#login .login_form{width:100%; padding:0px 0px; margin: 0 auto;}

#find .nav-tabs{margin-bottom: 20px;}
#find .btn_wrap{margin-top:20px;}

#reset .boxline h1{padding: 35px 0; display: flex; align-items: center; justify-content: center;}
#reset .boxline h1 img{height: 30px;}
#reset .boxline h1 span{margin-left: 10px; color: #78787B; font-size: 1.2em; line-height: 24px; vertical-align: middle; font-weight: 300;}


/* 회원가입 */
.sign_form > div > p{padding-bottom: 10px; font-weight: bold}
.sign_form .form_wrap input[type="checkbox"]{  margin-bottom: 10px!important;   width: 20px;    min-width: unset;}
.sign_form .form_wrap input[type="checkbox"] + label{  margin-bottom: 8px!important;}
.sign_form .btn_wrap{border-top: 1px solid #E8E8E8;}

@media screen and (max-width:1300px) {

    .sign_form { text-align: left}
    .sign_form .form_wrap{ display:block; text-align: left}
    .sign_form{overflow-y: auto; /*height:calc(100vh - 150px)*/}
    .sign_form > div {padding: 20px 25px;}
    .sign_form .form_wrap > div{border-right: 0; border-bottom: 1px solid #C8C8CB; padding:0 0 20px; margin: 0 0 20px; }
    .sign_form .form_wrap > div:last-child{margin-bottom: 0; padding-bottom: 0;}

}
@media screen and (max-width:950px) {
    .sign_form input{width: 100%; min-width: 100%;}

}
@media screen and (max-width:550px){
	.member .boxline {padding: 20px 25px;}
	.sign_form > div {padding: 0px;}
    .sign_form .form_wrap input{ min-width:0px;}
	#login .login_form .btn_wrap {
		flex-wrap: wrap;
	}
}
/*약재리스트*/
#drugs_list .top_bast{border-bottom: 1px solid rgba(0,0,0,0.05);}
#drugs_list .top_bast h4{margin-bottom: 40px;}
#drugs_list #main_list{padding-top: 40px;}

/*제품리스트 페이지*/
.location{text-align: right;}
.lnb{padding: 20px 30px; border: 1px solid rgba(0,0,0,0.1); margin: 20px 0 40px;}
.lnb ul{display: flex; flex-wrap: wrap;}
.lnb li{margin-right: 20px; font-weight: 600; font-size: 1.1em;}
.lnb li a.active{text-decoration: underline;}
.lnb li a:hover{text-decoration: underline;}

#products_list .top_bast{border-bottom: 1px solid rgba(0,0,0,0.05);}
#products_list .top_bast h4{margin-bottom: 40px;}
#products_list #main_list{padding-top: 40px;}

#main_list{padding: 0 0 40px 0;}
#main_list .top_list{ margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between;}
#main_list .total{font-size: 1.2em;}
#main_list .sort ul{display: flex;}
#main_list .sort li{font-size: 1.1em; cursor: pointer;}
#main_list .sort li:after{content: ""; display: inline-block ; width: 1px; height: 10px; background: #eee; margin: 0 10px; vertical-align: middle;}
#main_list .sort li:last-child:after{display: none;}

@media screen and (max-width: 1400px) {
    #main_list .top_list{display: block; font-size: 0.9em;}
    #main_list .total{margin-bottom: 10px;}
}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 550px) {}


/*약재장바구니*/
.fixed{position: fixed; bottom: 5%; right: 5%; z-index: 10;}
.fixed .drugs_cart{background: #fff; box-shadow: rgba(255, 255, 255, 0.12) 0px 0px 2px 0px inset, rgba(0, 0, 0, 0.05) 0px 0px 2px 1px, rgba(0, 0, 0, 0.3) 0px 12px 60px;
	border-radius: 10px; padding: 30px 25px; width: 600px;
    /*display: flex; align-items: flex-end; justify-content: space-between;*/}
.fixed .drugs_cart > div{width: 100%;}
.fixed .drugs_cart .cart_list:has(details[open]){margin-bottom: 0px;border-bottom: 0px solid rgba(0,0,0,0.05);}
.fixed .drugs_cart .cart_list{padding-bottom: 0px; margin-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,0.05);}
.fixed .drugs_cart .cart_list h5{padding: 5px 0;}
.fixed .drugs_cart .cart_list ul{max-height: 350px; overflow-y: auto; padding-right: 0px;}
.fixed .drugs_cart .cart_list li{padding: 6px 0;}
.fixed .drugs_cart .cart_list li:last-child{border-bottom: 0;}

.fixed .drugs_cart .total{max-width: unset;}

@media screen and (max-width: 1400px) {}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {
    .fixed{position: fixed; bottom: 0; right: 0; left: 0;}
    .fixed .drugs_cart{width: 100%!important; padding: 15px!important;}
    .fixed .drugs_cart .total{max-width: 100%;}
}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 550px) {}

/*제품상세보기*/
#products_view{padding: 40px 0;}
#products_view .area_top{display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 50px;}
#products_view .area_top .area_img{width: 640px; margin-right:60px;}
#products_view .area_top .area_img .swiper-slide{width:100%;height: 430px;}
#products_view .area_top .area_img .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
#products_view .area_top .area_img .swiper-free-mode{margin-top: 20px;}
#products_view .area_top .area_img .swiper-free-mode>.swiper-wrapper{justify-content: center;}
#products_view .area_top .area_img .swiper-free-mode>.swiper-wrapper .swiper-slide{width: 90px!important; height: 70px;}
#products_view .area_top .area_img .mySwiper .swiper-slide-thumb-active{border: 2px solid #1a2a49;}

#products_view .area_top .area_text{width: calc(100% - 700px);}
#products_view.medi .area_top .area_text{width: calc(100%);}
#products_view .area_top .location{text-align: left; margin-bottom: 15px;}
#products_view .area_top h2{margin-bottom: 35px; font-weight: 700; display: flex; align-items: center;}
#products_view .area_top .soldout{display: inline-block; font-size: 12px; font-weight: 600; background: #2e2e2e; color: #fff; border-radius: 2px; padding: 6px 8px; line-height: 1.2em; margin-left: 10px;}
#products_view .area_top dl{display: flex; flex-wrap: wrap; align-items: center; font-size: 1.1em;}
#products_view.medi .area_top .info dl{flex-wrap: nowrap;  width: 50%; }
#products_view .area_top dl dt{width: 60px; margin-right: 10px;}
#products_view .area_top dl dd{width: calc(100% - 70px);}
#products_view .area_top dl dt,
#products_view .area_top dl dd{line-height: 2.8em;}
#products_view .area_top dl dd .number_controller{margin: 0; font-size: revert;}

#products_view .area_top .info{display: flex; border: 1px solid #eee; padding: 20px 25px; margin:0 -2px 10px;}
#products_view .area_top .info dl dt,
#products_view .area_top .info dl dd{line-height: 2em;}
#products_view .area_top .total_price{border-top:1px solid rgba(0,0,0,0.05); margin-top: 20px;}

.optionlist{border-top: 1px solid #ddd; margin-top: 20px;}
.optionlist li{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px dotted #ddd; padding: 14px 0;}
.optionlist li:last-child{border-bottom: 1px solid #ddd;}
.optionlist .op_price{ min-width: 80px; display: inline-block; text-align: right;}
.optionlist .delete {cursor: pointer}



#products_view .area_view{ margin-top: 40px;}
#products_view .area_view .nav{font-size: 1.1em;}
#products_view .area_view .nav-tabs>li>a,
#products_view .area_view .nav-tabs>li>a:focus{padding: 12px 50px; border: 1px solid #EFEFEF; opacity: 0.8;}
#products_view .area_view .nav-tabs>li>a:hover{background:#FBFBFB; opacity: 1;}
#products_view .area_view .nav-tabs>li.active>a,
#products_view .area_view .nav-tabs>li.active>a:focus,
#products_view .area_view .nav-tabs>li.active>a:hover{border: 1px solid #ddd; border-bottom-color:transparent; opacity: 1;}


#products_view .tab-content{padding: 40px 0;}
#products_view .tab-content #tab-info dl{margin-bottom: 40px;}
#products_view .tab-content #tab-info dt{font-size: 1.2em; border-bottom: 1px solid #E3E3E3; padding-bottom: 10px; margin-bottom: 10px;}
#products_view .tab-content #tab-info dd{margin-bottom: 10px;}
#products_view .tab-content #tab-info dd strong{display: block; margin-bottom: 5px;}

#products_view .tab-content #tab-qna .qna_info{margin-bottom: 40px;}
#products_view .tab-content #tab-qna .qna_info .box{margin-top:40px;}


@media screen and (max-width: 1400px) {
    #products_view .area_top{display: block;}
    #products_view .area_top .area_img{margin: 0 0 40px 0; width: 100%;}
    #products_view .area_top .area_text{width: 100%;}
}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 992px) {
    #products_view .area_top .area_img .swiper-slide{height: 330px;}

    #products_view .area_view .nav{display: flex;}
    #products_view .area_view .nav-tabs>li{width: 100%;}
    #products_view .area_view .nav-tabs>li>a,
    #products_view .area_view .nav-tabs>li>a:focus{padding:10px 0; width: 100%; text-align: center; font-size: 0.9em;}
	#products_view.medi .area_top .info dl{flex-wrap: wrap;  width: 50%; }

}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 550px) {}

/*장바구니*/
#cart {min-height: 55vh}
#cart .box{margin-bottom: 20px;}
#cart .list_wrap h5{font-weight: 600; font-size: 1.1em; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid rgba(0,0,0,0.05);}
#cart .list_wrap #cartList [type="checkbox"] {height: 100% }
#cart .list_wrap #cartList .prodPrice{margin-left: auto; margin-right: 10px}
#cart .chk_all{margin-bottom: 10px;}
#cart .chk_all input[type="checkbox"] + label{font-weight: 600; font-size: 1.1em;}
#cart .vertical_wrap .sticky{margin-top: 35px;}

/*주문배송조회*/
.panel .btn_search {border-radius: 0;width: 40px;    height: 40px;    background: #FFFFFF 0% 0% no-repeat padding-box;    border: 1px solid #c9c9c9; display: inline-block;    padding: 0 10px; border-radius: 2px;}
.panel  {  display: flex; align-items: center;  flex-wrap: wrap;}
.panel > div  {    margin: 0 5px;display: flex; max-width: 300px}
.panel > span  {    margin-left: auto}
.panel > .btn_blue {   margin-left: auto}
.panel > .btn {  height: 27px}
.panel p {line-height: 40px;padding: 0 10px;}
.panel > p:first-child {line-height: 40px;padding-left: 0px;}
.panel input[type="radio"] + label{margin-bottom: 0;}
.panel input[type=date] {margin-bottom: 0; height: 40px;}
.panel input[type=search] {margin: 0 2px; width: 200px;}
.panel .green {color: #1a2a49; font-weight: 800}

.order_wrap .table th, .table td {    padding: 8px 5px;}
.order_wrap .table th:nth-child(9),
.order_wrap .table td:nth-child(9){border-right:0;}

.order_wrap .tagbox  {    display: flex;    flex-direction: row; }
.order_wrap .tagbox > div:nth-child(odd) {width: 50px}
.order_wrap .tagbox > div:nth-child(even) {width: calc( 100% - 50px ) }
.order_wrap .tagbox > div:after {    content: "";    flex-basis: 100%;    height: 1px;}
.order_wrap .tagbox.box2 { border-radius:5px; margin-bottom: 15px; padding-bottom: 8px;}
.order_wrap .tagbox > p.txt_blue{line-height: 40px;}
.order_wrap .tagbox > p > strong{ display: inline-block; width:60px; line-height: 40px; }
.order_wrap .tagbox > select{margin-right: 20px; width: auto;}
.order_wrap .tagbox .search dt {line-height: 40px; font-weight: bold;}
.order_wrap .tagbox .search dd {margin-left: 5px; margin-right: 15px;}
.order_wrap .table.px table {    min-width: 1300px;}
.order_wrap select {  width: max-content; }
.order_wrap .delivery{align-items: center;}
.order_wrap .delivery input,
.order_wrap .delivery select {  margin-bottom: 0px; }

.order_list .number_order{border-bottom: 1px dotted #eee; padding-bottom: 10px; margin-bottom: 10px;}
.order_list .state{display:inline-block;font-weight: 600; color: #fff; font-size: 12px;    background-color: #30b8e2;    border: 0;border-radius: 5px; line-height: 1.2em; padding: 4px 8px; margin: 0 4px 0 0;}

.order_list li{border: 1px solid rgba(0,0,0,0.1); padding: 30px 40px; margin-bottom: 10px;}
.order_list li .flex{display: flex; align-items: revert; justify-content: space-between;}
.order_list li .thumb_img{width: 100px; height: 100px;}
.order_list li .div_pro{display: flex; align-items: center; width: 100%;}
.order_list li .div_pro strong{display:block; font-size: 1.1em; margin-bottom: 4px;]}
.order_list li .div_pro .p_date{opacity: 0.9;}
.order_list li p.p_price2{font-weight: 700;display: flex; align-items: center;}
.order_list li p.p_price2 .icon{margin: 0 4px 0 0; font-size: 12px; line-height: 1.2em;}
.order_list li .btn_wrap{display: block; width: 100px;}
.order_list li .btn_wrap a{display: block; margin: 0 2px 2px 0;}
@media screen and (max-width: 1400px){
    .order_wrap .delivery {flex-wrap: wrap}
    .order_wrap .delivery input,
    .order_wrap .delivery select {  margin-bottom: 0px; min-width: 100px }
}
@media screen and (max-width: 800px){
    .order_wrap .tagbox.box2{flex-wrap: wrap; padding: 15px 10px}
    .order_wrap .panel > *:not(:last-child) {  margin-bottom: 10px;}
    .order_wrap .tagbox > p.txt_blue {line-height:20px}
    .order_wrap .tagbox > select {  width: calc( 100% - 80px )}

    .order_list li .flex{display: block!important;}
    .order_list li .btn_wrap{display: flex; width: 100%; margin: 10px 0 0 0}
    .order_list li .btn_wrap a{width: 100%;}
    .order_list li .btn_wrap a:last-child{margin-right: 0;}
	.order_wrap .box {padding:15px}
	.order_list li {padding:15px}
	.order_list li .thumb_img {width: 50px; height: 50px}
	#cart .box {padding:15px}
	#cart .sticky {padding:0px; border: 0}
}

#content{background: #FBFBFB; border: 1px solid #eee; padding: 30px 40px;}

/*결제성공실패*/
#payment .box{margin-bottom: 10px;}
#payment h3{font-weight: 600; font-size: 1.2em; margin-bottom: 4px;}
#payment dl{margin-top:20px;}
#payment dl:before{content: ""; display: block; width: 20px; height: 1px; background: #ccc; margin-bottom: 10px;}


.medi_list .sch_initial  {padding-top: 0;}
.medi_list #drugs_list_recent_modal > .flex   {margin-bottom: 30px}