@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@import url('swiper.min.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,700,900|Roboto:400,500,700&display=swap');
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}

/* RESET */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:none 0}
body{font-family:'Pretendard','Noto Sans KR',Dotum,sans-serif;font-size:14px;color:#666;line-height:19px;font-weight:400;}
select,input,img,li,button{vertical-align:middle;text-align:left}
input{margin:0 3px;padding:0}
form legend,table caption{width:0;height:0;font-size:0;text-indent:-9999px;line-height:0}
select{min-width:83px;height:25px;vertical-align:top;font-size:13px;line-height:19px;font-family:'Noto Sans KR',Dotum,sans-serif;border:1px solid #ccc;color:#333}
textarea{margin:0;padding:2px 5px;font-size:13px;line-height:19px;font-family:'Noto Sans KR',Dotum,sans-serif;border:1px solid #ccc;color:#333;resize:none}
img,fieldset,iframe{border:0 none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
table,div{border-collapse:collapse;border-spacing:0}
table{width:100%}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
ul,li,ol{list-style-type:none}
li{line-height:17px}
li,p,dt,dd,div,span{white-space:normal}
button{*overflow:visible;border:0 none;padding:0;margin:0;*margin-top:-2px;font-size:13px;line-height:19px;font-family:'Noto Sans KR',Dotum,sans-serif;background:transparent;cursor:pointer}
button::-moz-focus-inner{border:0;padding:0}
a{text-decoration:none;color:#666}
label{cursor:pointer}
button,select,option,input,textarea{outline:none}

/* global class */
.blind{position:absolute;top:-9999px;overflow:hidden;width:0;height:0;padding:0;line-height:0}

/* title */
h2{font-size:20px; font-weight:700; color:#090909; margin-bottom:15px;}
h2 span{font-size:13px; font-weight:400; color:#757575; margin-left:15px;} 
h3 {position:relative; font-size:20px; color:#000; margin-bottom:15px;} 
h3 .right{float:right; color:#000; font-size:14px; margin-top:5px;}
em{ color:#ff5a63;}

/* none */
.bg_none{background:none !important}
.pad_none{padding:0 !important}
.mar_none{margin:0 !important}
.bor_none{border:0 none !important}
.over_h{overflow:hidden !important}
/* align */
.txt_left{text-align:left !important}
.txt_center{text-align:center !important}
.txt_right{text-align:right !important}
/* float */
.floatL{float:left !important}
.floatR{float:right !important}
.float_a{display:block !important;float:left !important}
.list_float{overflow:hidden !important}
.list_float li{float:left !important}

/* font */
.roboto {font-family:'Roboto', sans-serif;}
.size12 {font-size:12px;}
.line14 {line-height:14px;}
/* color */
.red{color:#ff5a63 !important;}
.black {color:#000 !important}
.blk{color:#2b2b2b !important}
.g88{color:#888 !important}
.pur{color:#4250b9 !important}
.g97 {color:#979797 !important}
.orange {color:#ffa500 !important}
.fcpoint1 {color:#ff5a63 !important}
.fcpoint2 {color:#059ad9 !important}
.fcpoint3 {color:#0072bc !important}


/* 버튼 */
.buttonwrap {margin-top:30px;text-align:center;}
.buttonwrap .buttons {display:inline-block;vertical-align:top;height:50px;border-radius:10px;background-color:#0072bc;border:solid 1px #0072bc;font-size:16px;color:#fff;text-align:center;line-height:48px;margin:0 8px;box-sizing:border-box;}
.buttonwrap .buttons.wide {width:100%;margin:0;}
.buttonwrap .buttons.pbor {background-color:#fff;color:#0072bc;}
.buttonwrap .buttons.medium {width:180px;height:54px;line-height:54px;font-size:18px;}
.buttonwrap .buttons.big {width:245px;height:68px;line-height:68px;font-size:22px;}
.buttonwrap .buttons.w286 {width:286px;}
.buttonwrap.cols2 {overflow:hidden;}
.buttonwrap.cols2 .buttons {float:left;width:calc(50% - 5px);display:block;margin:0;}
.buttonwrap.cols2 .buttons:last-child {float:right;}

/*
.btn{height:50px; line-height:50px; padding:0 70px; text-align:center; display:inline-block; font-size:18px; color:#fff; font-weight:700; vertical-align:middle;}
.btn:hover{color:#fff;}
.btn_pink{background-color:#ff5963 !important;}
.btn_black{background-color:#000 !important;}
.btn_gray{background-color:#aab2bd !important;}
.btn_sky{background-color:#4fc1e9 !important;}
.btn_red{background-color:#da4453 !important;}
.btn_green{background-color:#48cfad !important;}

.btn_input{height:38px; line-height:38px; padding:0 50px; font-size:16px; font-weight:400; background-color:#434a54;}
.btn.full {width:100%; padding:0;}
.btn.btn_s{padding:0 10px; }
.btn.btn_m{padding:0 20px; }
.btn_con{position:relative; margin-top:40px; text-align: center;}
.btn.btn_xs{font-size:12px; padding:5px 10px; height:auto; line-height:12px;}
*/
.t_right {text-align:right !important;}
.t_left {text-align:left !important;}
.t_center {text-align:center !important;}


/* tab 
.tab {display: table; width:100%; height:60px;}
.tab>li {display: table-cell; position:relative; vertical-align:top;  }
.tab>li a, .tabContents .tab>li span{display:block; position:relative; height:52px; line-height:52px; margin-top:8px; color: #242424; font-size:15px;  text-align: center; border:1px solid #999; background:#fcfcfc; margin-left: -1px; transition:0.1s;}
.tab>li:first-child a{margin-left:0}
.tab.col_2>li{width:50%;}
.tab.col_3>li{width:33.333%;}
.tab.col_4>li{width:25%;}
.tab.col_5>li{width:20%;}
.tab.col_6>li{width:16.66%;}
.tab.col_8>li{width:12.5%;}
.tab>li a:hover, .tab>li a.on{margin-top:0; height:60px; line-height:60px; border-bottom:none; border-top:2px solid #ff5a63; color:#ff5a63; font-weight:700; transition:0.1s; background:#fff;}
.tab.pink>li a:hover, .tab.pink>li a.on{border-top:2px solid #ff5a63; color:#ff5a63; }
.tab.sky>li a:hover, .tab.sky>li a.on{border-top:2px solid #4fc1e9; color:#4fc1e9; }

.tab>li span.on{margin-top:0; height:60px; line-height:60px; border-bottom:none; border-top:2px solid #ff5a63; color:#ff5a63; font-weight:700; transition:0.1s; background:#fff;}
.tab.pink>li span.on{border-top:2px solid #ff5a63; color:#ff5a63; }
.tab.sky>li span.on{border-top:2px solid #4fc1e9; color:#4fc1e9; }

.tab.category{display:table; height:auto;}
.tab.category>li{display:block; float:left; min-width:20%;}
.tab.category>li a{height:50px; line-height:50px; margin:0; font-size:14px; border:1px solid #e0e0e0; background:#fff; margin:-1px 0 0 -1px;}
.tab.category>li a:hover, .tab.category>li a.on{height:50px; line-height:50px; background:#f6f7f8}
.tab.small>li a{font-size:13px;}
*/
.tabContents .tabContent{position:relative;}

/* ellipsis */
.ellipsis,.ellipsisList li{display:block;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap}

/* margin */
.mgt0{margin-top:0px !important}
.mgt10{margin-top:10px !important}
.mgt16{margin-top:16px !important}
.mgt24{margin-top:24px !important}
.mgt20{margin-top:20px !important}
.mgt30{margin-top:30px !important}
.mgt40{margin-top:40px !important}
.mgt60{margin-top:60px !important}
.mgt100{margin-top:100px !important}

.mgb0{margin-bottom:0px !important}
.mgb10{margin-bottom:10px !important}
.mgb20{margin-bottom:20px !important}
.mgb24{margin-bottom:24px !important}
.mgb30{margin-bottom:30px !important}
.mgb40{margin-bottom:30px !important}
.mgr10{margin-right:10px !important}

.mgl60{margin-left:60px !important}
.mgr5{margin-right:5px !important}
.mgr20{margin-right:20px !important}

/* padding */
.pdt12{padding-top:12px !important}
.pdl15{padding-left:15px !important}

/* input */
input{width:100%; height:40px; padding-left: 10px; line-height:38px; background: #fff; border:1px solid #dee1e7; box-sizing: border-box; color:#6a6a6a; border-radius:4px; margin:0;}
input::placeholder{color:#aab2bd;}
input::-ms-placeholder{color:#aab2bd;}

label.radio{vertical-align:middle; display:inline-block; margin-right:10px;}
input[type=radio], input[type=checkbox]{position:absolute; width:16px; height:16px; margin-right:10px; cursor: pointer; opacity: 0; z-index:2; outline:none !important;padding:0;}
input.default{display:inline-block; position:relative; opacity:1; width:10px !important; height:10px; }
input[type="file"]{height:auto; line-height:auto; border:none;}
input[type="file"]::-webkit-file-upload-button { cursor:pointer; }

input[type=checkbox].checkbox+.label, input[type=radio].radio+.label{line-height:16px;  display:inline-block; vertical-align:middle;}
input[type=checkbox].checkbox+.label::before, input[type=radio].radio+.label::before {position:relative; display:inline-block; height:14px; width:14px; line-height:13px; margin-right:10px;  background-color:#fff;border:1px solid #ccc; border-radius:3px; content:''; vertical-align:top;}
input[type=radio].radio+.label::before{border-radius:11px;}

input[type=checkbox].checkbox:checked+.label:before,
input[type=radio].radio:checked+.label:before {background:#fff url(../imgs/icon/ico_check2.png) 0 0 no-repeat;}
input[type=checkbox].checkbox.sky:checked+.label:before,
input[type=radio].radio.sky:checked+.label:before {background:#fff url(../imgs/icon/ico_check2.png) 0 0 no-repeat;}

.type2 input[type=radio].radio+.label {line-height:19px;  display:inline-block; vertical-align:middle;}
.type2 input[type=radio].radio+.label::before {position:relative; display:inline-block; height:17px; width:17px; line-height:19px; margin-right:10px;  background-color:#fff;border:1px solid #ccc; border-radius:50%; content:''; vertical-align:top;}
.type2 input[type=radio].radio:checked+.label:before {border:solid 6px #059ad9;background:#fff;width:7px;height:7px;}

.fileinput {display:inline-block;position:relative;}
.fileinput input[type=file] {position:Absolute; width:80px; height:40px; cursor: pointer; opacity: 0; z-index:2; outline:none !important;padding:0;}
.fileinput input[type=file] + .label {display:block;border-radius:4px;width:78px;height:38px;line-height:38px;border:solid 1px #000;color:#000;text-align:center;}

.filebox {overflow:hidden;display:inline-block;vertical-align:middle;height:40px;}
.filebox input[type=file] {position:absolute; left:-9999em; margin:0; padding:0; height:0;}
.filebox label {float:left; border-radius:4px;width:78px;height:38px;line-height:38px;border:solid 1px #000;color:#000;text-align:center;}
.filebox input[type=text] {float:left; margin-right:10px;}

select {width:100%; height:40px; padding-left: 10px !important; line-height:38px; background: #fff; border:1px solid #dee1e7; border-radius:4px; box-sizing: border-box; color:#757575;
    appearance: none;
    -moz-appearance:none;
    -webkit-appearance:none;  
    background:#fff url('../imgs/icon/ico_select.png') 100% center no-repeat; 
}
select{ padding:0\0/IE8+9;}
select{ background-size:0 0\9;}
textarea {width:100%; padding: 10px; line-height:20px; background: #fff; border:1px solid #dee1e7; border-radius:4px; box-sizing: border-box; resize: none;}
textarea::placeholder{color:#979797;}
textarea::-ms-placeholder{color:#979797;}

/* initialize */
body{min-width:1100px}
#wrap{position:relative;overflow:hidden}


/* top Ad */
#topAd{position:relative;overflow:visible !important;width:100%;}
#topAd.hidden{display:none;height:0}
#topAd .bannerbox {width:100%;margin:0 auto;}
#topAd .bannerbox .swiper-slide {text-align:center;overflow:hidden;}
#topAd .bannerbox .swiper-slide .banner {width:1100px;margin:0 auto;}
#topAd .bannerbox .swiper-slide .banner img {display:block;width:1920px;margin-left:-410px;}
#topAd .bannerbox .swiper-slide .banner a,
#topAd .bannerbox .swiper-slide .banner img{vertical-align:top}
#topAd .swiper-box {display:none;}
#topAd .swiper-box.active {display:block;position:absolute;bottom:0;right:50%;margin-right:-550px;width:86px;height:41px;z-index:4}
#topAd .swiper-button-prev3,
#topAd .swiper-button-next3 {position:absolute;top:50%;margin-top:-5px;width:7px;height:11px;outline:0;z-index:12;cursor:pointer;}
#topAd .swiper-button-prev3 {left:0;margin-left:0;background:url(../imgs/button/btn_swiper_prev_topad.png) center center no-repeat;}
#topAd .swiper-button-next3 {right:0;margin-right:0;background:url(../imgs/button/btn_swiper_next_topad.png) center center no-repeat;}
#topAd .swiper-container-horizontal>.swiper-pagination-bullets, #topAd .swiper-pagination-custom, #topAd .swiper-pagination-fraction {line-height:43px;font-size:12px;color:#fff;bottom:0;text-align:center;}
#topAd .swiper-pagination-current {color:#fff;}

#topAd button{position:absolute;top:50%;right:30px;z-index:2;overflow:hidden;width:44px;height:44px;margin:0;margin-top:-22px;padding:0;text-indent:-9999px;outline:none;border:none;background:url(../imgs/button/btn_cateClose.png) center center no-repeat}
 
.promotion_banners{position:relative;overflow:visible !important;width:100%;}
.promotion_banners.hidden{display:none;height:0}
.promotion_banners .bannerbox {width:100%;margin:0 auto;}
.promotion_banners .bannerbox .swiper-slide {text-align:center;overflow:hidden;}
.promotion_banners .bannerbox .swiper-slide .banner {width:1100px;margin:0 auto;}
.promotion_banners .bannerbox .swiper-slide .banner img {display:block;width:1920px;margin-left:-410px;}
.promotion_banners .bannerbox .swiper-slide .banner a,
.promotion_banners .bannerbox .swiper-slide .banner img{vertical-align:top}
.promotion_banners .swiper-box {display:none;}
.promotion_banners .swiper-box.active {display:block;position:absolute;bottom:0;right:50%;margin-right:-550px;width:86px;height:41px;z-index:4}
.promotion_banners .swiper-button-prev3,
.promotion_banners .swiper-button-next3 {position:absolute;top:50%;margin-top:-5px;width:7px;height:11px;outline:0;z-index:12;cursor:pointer;}
.promotion_banners .swiper-button-prev3 {left:0;margin-left:0;background:url(../imgs/button/btn_swiper_prev_topad.png) center center no-repeat;}
.promotion_banners .swiper-button-next3 {right:0;margin-right:0;background:url(../imgs/button/btn_swiper_next_topad.png) center center no-repeat;}
.promotion_banners .swiper-container-horizontal>.swiper-pagination-bullets, .promotion_banners .swiper-pagination-custom, .promotion_banners .swiper-pagination-fraction {line-height:43px;font-size:12px;color:#fff;bottom:0;text-align:center;}
.promotion_banners .swiper-pagination-current {color:#fff;}

.promotion_banners button{position:absolute;top:50%;right:30px;z-index:2;overflow:hidden;width:44px;height:44px;margin:0;margin-top:-22px;padding:0;text-indent:-9999px;outline:none;border:none;background:url(../imgs/button/btn_cateClose.png) center center no-repeat}

/* header */
#header{position:relative;width:100%;border-bottom:solid 1px #f0f0f0;padding-top:41px;}
#header .inner {width:1100px;margin:0 auto;}
#header .inner:after {content:'';clear:both;display:block;}
#header h1{position:absolute;top:41px;left:50%;margin:0 0 0 -550px;z-index:1;}
#header h1 div{display:table-cell;width:290px;height:108px;vertical-align:middle}
#header h1 a,
#header h1 img{display:inline-block;max-width:290px;max-height:108px}
#header .utility{position:absolute;top:0;left:0;width:100%;height:40px;border-bottom:solid 1px #f0f0f0;background-color:#fcfcfc;}
#header .utility ul:after {content:'';clear:both;display:block;}
#header .utility ul li {float:left;color:#888;padding:11px 0 10px;}
#header .utility ul li a {color:#888;}
#header .utility ul li:before {content:'/';color:#cecece;display:inline-block;vertical-align:top;margin:0 6px 0 10px;}
#header .utility ul li:first-child:before {display:none;}
#header .utility ul li.none {margin-left:18px;}
#header .utility ul li.none:before {display:none;}
#header .utility ul li img {vertical-align:top;}
#header .etc {width:1100px;height:48px;padding:30px 0;margin:0 auto;position:relative;}
/* 2022.09.06 수정 */
/* #header .topSearch{width:504px;height:44px;border:solid 2px #059ad9;border-radius:10px;margin:0 auto;} */
#header .topSearch{width:504px;height:44px;border:solid 2px #059ad9;margin:0 auto;}
#header .topSearch:after{content:"";display:block;clear:both}
#header .topSearch input{float:left;margin:1px 0 0 20px;padding:0;border:none 0;width:424px;height:42px;font-size:15px;color:#888;}
#header .topSearch button{float:right;width:60px;height:44px;margin:0;padding:0;border:none;background:none;text-align:center;}
#header .etc ul {position:absolute;right:0;top:50%;margin-top:-18px;height:36px;}
#header .etc ul:after {content:'';display:block;clear:both;}
#header .etc ul li {float:left;position:relative;}
#header .etc ul li a {display:block;color:#2a2727;height:19px;padding:11px 0 6px;}
#header .etc ul li.cart {padding-right:10px;margin-right:6px;}
#header .etc ul li.cart:after {content:'';width:1px;height:27px;background-color:#f0f0f0;position:absolute;right:0;top:5px;}
#header .etc ul li.cart a {padding-left:48px;background:url(../imgs/global/utillity_cart.png) left center no-repeat;}
#header .etc ul li.cart .count {position:absolute;left:19px;top:0;width:25px;height:25px;background:url(../imgs/global/bg_count.png) left center no-repeat;text-align:center;color:#fff;font-family:'Roboto';font-size:12px;font-weight:500;line-height:25px;}
#header .etc ul li.my a {padding-left:36px;background:url(../imgs/global/utillity_my.png) left center no-repeat;}
#header .gnbbox {border-top:solid 1px #f0f0f0;}
#header .gnbbox ul,
#header .gnbbox li {float:left;height:60px;}
#header .gnbbox li,
#header .gnbbox li a {font-size:17px;color:#2a2727;font-weight:500;line-height:18px}
#header .gnbbox li a {display:block;}
#header .gnbbox .event {padding:0 24px;}
#header .gnbbox .event li a {padding:21px 24px;}
#header .gnbbox .cate {position:relative;}
#header .gnbbox .cate > li {border-right:solid 1px #f0f0f0;background-color:#059ad9;}
#header .gnbbox .cate > li > a {padding:21px 22px 21px 47px;height:18px;position:relative;color:#fff;}
#header .gnbbox .cate > li > a:before,
#header .gnbbox .cate > li > a:after {content:'';position:absolute;left:22px;top:23px;width:16px;height:4px;border:solid 2px #fff;border-left-width:0;border-right-width:0;}
#header .gnbbox .cate > li > a:after {top:29px;}
#header .gnbbox .cate > li.other {background-color:#fff;}
#header .gnbbox .cate > li.other > a {color:#000;}
#header .gnbbox .cate > li.other > a:before,
#header .gnbbox .cate > li.other > a:after {border-color:#000;}
#header .gnbbox .cate > li.active {background-color:#059ad9;}
#header .gnbbox .cate > li.active > a {color:#fff;}
#header .gnbbox .cate > li.active > a:after {display:none;}
#header .gnbbox .cate > li.active > a:before {left:18px;top:19px;width:20px;height:20px;background:url(../imgs/global/bg_cate_close.png) left top no-repeat;border:none 0;}

#header .catelayer {display:none;position:absolute;top:60px;left:0;z-index:19;width:1100px;background-color:#fff;border:solid 2px #059ad9;border-top:solid 30px #059ad9;border-bottom-left-radius:10px;border-bottom-right-radius:10px;-webkit-box-shadow: 0px 8px 9px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 8px 9px 0px rgba(0,0,0,0.1);box-shadow: 0px 8px 9px 0px rgba(0,0,0,0.1);}
#header .catelayer .inbox {padding:20px 45px 10px;max-height:600px;overflow-y:auto;}
#header .catelayer .inbox:after,
#header .catelayer .inbox ul:after {content:'';clear:both;display:block;}
#header .catelayer .inbox ul {padding:23px 0 26px;border-top:solid 1px #f0f0f0;}
#header .catelayer .inbox ul:first-child {border-top:none 0;}
#header .catelayer .inbox ul {float:none;height:auto;}
#header .catelayer .inbox ul li {float:left;height:auto;width:25%;}
#header .catelayer .inbox li dl {padding-right:20px;}
#header .catelayer .inbox ul li:last-child dl {padding-right:0;}
#header .catelayer .inbox li dt a {font-size:16px;color:#000;margin-bottom:11px;}
#header .catelayer .inbox li dd a {display:inline-block;vertical-align:top;color:#a2a2a2;font-size:14px;line-height:24px;font-weight:300;position:relative;}
#header .catelayer .inbox li dd a:hover{color:#059ad9}
#header .catelayer .inbox li dd a:hover:after {content:'';width:100%;height:4px;background-color:#178edb;opacity:0.4;position:absolute;bottom:4px;left:0;}

#header.fixed {position:fixed;top: 0;right: 0;left: 0;background-color:#fff;z-index:99;border-bottom:solid 1px #4d4d4d;padding:0;-webkit-animation: ani_dropdown .3s cubic-bezier(.215,.61,.355,1);animation: ani_dropdown .3s cubic-bezier(.215,.61,.355,1);}
#header.fixed .utility,
#header.fixed .etc ul,
#header.fixed .gnbbox {display:none;}
#header.fixed h1 {top:0;}
#header.fixed h1 div{height:75px;}
#header.fixed h1 a,
#header.fixed h1 img{max-height:75px}
#header.fixed .etc {padding:15px 0 12px;}

@keyframes ani_dropdown {
  from {
    top: -80px;
  }

  to {
    top: 0;
  }
}

/* GNB */
#gnb{position:relative;width:100%;height:56px; background:#ff5a63;}
#gnb:after{content:"";display:block;clear:both}
#gnb .inner{position:relative; width:1100px; margin:0 auto;}
#gnb .inner button{outline:none; line-height:54px; font-size:16px; font-weight:700;color:#fff;}
#gnb .inner button>span{position:relative; width:28px; height:24px; display:inline-block; vertical-align:middle; margin-right:10px;}
#gnb .inner button>span>span {position:absolute; top:0; left:50%; margin-left:-14px; width:28px; height:3px; background-color:#fff; transition: 0.3s;}
#gnb .inner button>span>span.l_1{top:0;}
#gnb .inner button>span>span.l_2{top:7px;}
#gnb .inner button>span>span.l_3{top:14px;}
#gnb .inner button>span>span.l_4{top:21px;}

#gnb .inner button.close span.l_1{transform: rotate(-135deg); transition: 0.3s; top: 12px; width:28px;}
#gnb .inner button.close span.l_2{width:0; transition: 0.3s; margin-left:0px;}
#gnb .inner button.close span.l_3{transform: rotate(135deg); transition: 0.3s; top: 12px; width:28px;}
#gnb .inner button.close span.l_4{width:0; transition: 0.3s;  margin-left:0px;}


#gnb ul{float:right;}
#gnb ul:after{content:"";display:block;clear:both}
#gnb ul li{float:left;}
#gnb ul li a{padding:0 27px; line-height:56px; font-size:19px; font-weight:700; color:#fff;}
#gnb ul li a:hover{color:#fdf51f; transition:0.3s;}
#gnb ul li:last-child a{padding-right:0;}

/* total category */
#header_total_ctg{display:none;position:absolute;z-index:1000; left:50%; margin-left:-550px; margin-top:-1px; font-size:15px;}
#header_total_ctg>ul{position:relative; display:inline-block}
#header_total_ctg>ul>li{ width:240px; border-left:1px solid #b8b7b7; border-right:1px solid #b8b7b7; }
#header_total_ctg>ul>li:hover{border-left:1px solid #090909; border-right:1px solid #090909; }
#header_total_ctg>ul>li.sub:hover{border-right:1px solid #fff; }
#header_total_ctg>ul>li>a{position:relative; display:block; width:222px; height:43px; line-height:43px; padding-left:18px; background:#fff;  border-top:1px solid #eee; font-weight:700;}
#header_total_ctg>ul>li:first-child>a{border-top:1px solid #b8b7b7;}
#header_total_ctg>ul>li:last-child>a:after{position:absolute; display:block; width:100%; height:1px; bottom:0px; left:0; background:#b8b7b7; content:''}
#header_total_ctg>ul>li:hover>a{color:#ff5a63; transition:0.3s; }
#header_total_ctg>ul>li:hover>a{ border-top:1px solid #090909;  transition:0;  z-index:2}
#header_total_ctg>ul>li:hover>a:after{position:absolute; display:block; width:100%; height:1px; bottom:0px; left:0; background:#090909; content:''}
#header_total_ctg>ul>li>ul{position:absolute; top:0; left:240px; display:none; z-index:1}
#header_total_ctg>ul>li>ul>li{ width:340px; border-left:1px solid #090909; border-right:1px solid #090909; }
#header_total_ctg>ul>li>ul>li:hover{border-left:1px solid #090909; border-right:1px solid #090909; }
#header_total_ctg>ul>li>ul>li.sub:hover{border-right:1px solid #fff; }
#header_total_ctg>ul>li>ul>li>a{display:block; height:43px; line-height:43px; padding-left:18px;  border-top:1px solid #eee;  background:#fff;  font-weight:700;}
#header_total_ctg>ul>li>ul>li:first-child>a{border-top:1px solid #090909;}
#header_total_ctg>ul>li>ul>li:last-child>a:after{position:absolute; display:block; width:100%; height:1px; bottom:0px; left:0; background:#090909; content:''}
#header_total_ctg>ul>li>ul>li:hover>a{color:#ff5a63; transition:0.3s; }
#header_total_ctg>ul>li>ul>li:hover>a{ border-top:1px solid #090909;  transition:0;  z-index:2}
#header_total_ctg>ul>li>ul>li:hover>a:after{position:absolute; display:block; width:100%; height:1px; bottom:0px; left:0; background:#090909; content:''}


#header_total_ctg>ul>li>ul>li>ul{position:absolute; top:0; left:341px; display:none; z-index:1}
#header_total_ctg>ul>li>ul>li>ul>li{ width:280px; border-left:1px solid #090909; border-right:1px solid #090909; }
#header_total_ctg>ul>li>ul>li>ul>li>a{display:block; height:43px; line-height:43px; padding-left:18px;  border-top:1px solid #eee;  background:#fff;  font-weight:700;}
#header_total_ctg>ul>li>ul>li>ul>li:first-child>a{border-top:1px solid #090909;}
#header_total_ctg>ul>li>ul>li>ul>li:last-child>a:after{position:absolute; display:block; width:100%; height:1px; bottom:0px; left:0; background:#090909; content:''}
#header_total_ctg>ul>li>ul>li>ul>li:hover>a{color:#ff5a63; transition:0.3s; }


/* container */
/* #container{position:relative;width:1200px;min-height:540px;margin-top:30px} */
#container{position:relative;min-height:540px;margin:0 auto !important;}
#container:after{content:"";display:block;clear:both}

/* contents */
#contents{float:right; text-align:left;padding:0 0 100px; width: 860px;} /* 왼쪽메뉴 있을 때 */
#contents100{width:100%;text-align:left;padding:0 0 50px} /* 왼쪽메뉴 없을 때 */
.summay{font-size:16px; color:#000; margin:30px 0; line-height:24px;}

/* navi */
#navi{height:49px;clear:both;width:100%;margin-top:30px;}
#navi:after {content:'';clear:both;display:block;}
#navi>li{float:left;height:22px;position:relative;font-size:13px;line-height:13px;background:url(../imgs/icon/bul_navi.png) left top no-repeat; padding:0 12px 0 16px;color:#979797;}
#navi>li.home{background:url(../imgs/icon/home_navi.png) left top no-repeat;padding-left:22px;}
#navi>li a {color:#979797;}
#navi>li button{line-height:12px;color:#979797;}
/* #navi button.ctg{vertical-align:top;color:#979797;margin:0;padding:0;font-size:13px;line-height:15px;padding-right:13px;background:url(../imgs/icon/arrow_navi.png) right top no-repeat;} */
#navi button.ctg{vertical-align:top;color:#979797;margin:0;padding:0;font-size:13px;line-height:12px;}
#navi>li div{position:absolute;top:22px;z-index:10;display:none;}
#navi>li div ol{background:#fff;border:solid 1px #2a2727;border-radius:5px;-webkit-box-shadow: 0px 8px 9px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 8px 9px 0px rgba(0,0,0,0.1);box-shadow: 0px 8px 9px 0px rgba(0,0,0,0.1);}
#navi>li div ol:after{content:" ";display:block;clear:both}
#navi>li div ol li{padding:10px;background:none;border-right:solid 1px #ddd; min-width:100px;}
#navi>li div ol li.last{border-right:none}
#navi>li div ol li a{color:#979797;display:block;font-size:13px;line-height:18px;}
#navi>li div ol li a:hover{color:#059ad9}
#navi>li div ol li a.on{font-weight:bold;color:#059ad9}

/* userInfo */
#userInfo{position:relative; display:table; width:1100px; margin:0 auto;}
#userInfo .nameBox{float:left; width:240px; height:125px; padding:32px 0 0 110px; color:#fff; font-size:16px; margin-right:20px; background:#38a4f0 url(../imgs/icon/ico_u_hospital.png) 30px 32px no-repeat; box-sizing: border-box; }
#userInfo .nameBox em{color:#fffc22; font-weight:700;}

#userInfo .infoBox{float:left; width:840px; height:125px;font-size:16px; border:2px solid #898989; box-sizing: border-box; }
#userInfo .infoBox .topBox {position:relative; background:#fcf9f5; width:100%; height:49px; padding:5px 0;}
#userInfo .infoBox .topBox div{display:table; width:100%; height:49px; }
#userInfo .infoBox .topBox span{display:table-cell; width:50%;  text-align:center; vertical-align:middle; font-size:19px; }
#userInfo .infoBox .topBox span:first-child{border-right:1px dashed #acacac;}
#userInfo .infoBox .topBox span i{display:inline-block; height:22px; line-height:22px; padding:0 10px; margin-top:-8px; vertical-align:middle; font-style:normal; font-size:13px; background:#f6eee3; border-radius:11px;}
#userInfo .infoBox .topBox span em{font-size:27px; font-weight:700; color:#38a4f0; margin-right:4px;}
#userInfo .infoBox .topBox span:first-child em{color:#ff5a63; }
#userInfo .infoBox .inner{position:relative; height:24px; padding:19px 20px; }
#userInfo .infoBox .inner div{display:table; width:100%; height:24px; }
#userInfo .infoBox .inner div>span{display:table-cell;  text-align:center; vertical-align:middle; font-size:19px; border-left:1px dashed #acacac; padding:0 14px 0 10px;}
#userInfo .infoBox .inner div>span:first-child{border-left:none;}
#userInfo .infoBox .inner div>span span{display:inline-block; padding-left:28px; font-size:13px; color:#757575; height:26px; line-height:26px;}
#userInfo .infoBox .inner div>span i{display:inline-block; font-style:normal; vertical-align:top; margin-top:0px;}
#userInfo .infoBox .inner div>span span em{margin-left:8px; font-size:24px;line-height:20px; font-weight:700; color:#5d5d5d;}
#userInfo .infoBox .inner div>span span b{font-size:16px; font-weight:700; color:#5d5d5d;  vertical-align:bottom;}
#userInfo .infoBox .inner div>span.vip span{background: url(../imgs/icon/ico_u_vip.png) 0 1px no-repeat;}
#userInfo .infoBox .inner div>span.cart span{background: url(../imgs/icon/ico_u_cart.png) 0 1px no-repeat;}
#userInfo .infoBox .inner div>span.wish span{background: url(../imgs/icon/ico_u_wish.png) 0 1px no-repeat;}
#userInfo .infoBox .inner div>span.phone span{background: url(../imgs/icon/ico_u_phone.png) 0 1px no-repeat;}
/*
#userInfo.cscenter .nameBox{width:240px; margin-right:20px; background-position:30px 32px; padding-left:115px; background-color:#7a7a7a}
#userInfo.cscenter .infoBox{width:840px;}
*/
/* lnb_area */
#lnb_area{float:left;overflow:hidden;width:200px;margin-right:40px;position:relative;}
#lnb_area .ctg_txt {margin:0;padding:0;}
#lnb_area .ctg_txt a {display:block;text-align:left;}
#lnb_area .ctg_txt .text {display:inline-block;vertical-align:top;color:#178edb;font-weight:700;font-size:24px;line-height:28px;padding:19px 15px 20px 5px;margin:0;letter-spacing:-0.05em;position:relative;}
#lnb_area .ctg_txt .text:after {content:'';width:7px;height:7px;border-radius:50%;background-color:#178edb;position:absolute;right:0;top:13px;}
#lnb_area .ctg {border-top:solid 1px #222;}
#lnb_area .ctg li {border-bottom:solid 1px #eaeaea;}
#lnb_area .ctg li a {display:block;color:#666;}
#lnb_area .ctg li a:hover {color:#222;font-weight:700;}
#lnb_area .ctg li a .text {display:block;font-size:14px;line-height:17px;padding:17px 34px 17px 8px;background:url(../imgs/global/bg_lnb_arrow.png) right center no-repeat;}
#lnb_area .ctg li a .text > span {display:inline-block;vertical-align:top;position:relative;padding:0 2px;}
#lnb_area .ctg li.on a {color:#222;font-weight:700;}
#lnb_area .ctg li a:hover .text > span:after,
#lnb_area .ctg li.on a .text > span:after {content:'';width:100%;height:4px;background-color:#178edb;opacity:0.4;position:absolute;bottom:-1px;left:0;}
#lnb_area .ctg li a:hover .text,
#lnb_area .ctg li.on a .text {background:url(../imgs/global/bg_lnb_arrowon.png) right center no-repeat;}
#lnb_area .lnb_banner {margin-top:20px}

#lnb_area .fixedbox {width:200px;min-height:320px;}
#lnb_area.fixed .fixedbox {position:fixed;top:80px;left:50%;margin-left:-550px;}
#lnb_area.absol .fixedbox {top:auto;}

#lnb_area_sub{float:left;overflow:hidden;width:240px;margin-right:20px; color:#000;}
#lnb_area_sub .lnb_tit a{display:table-cell; width:240px; height:100px; color:#fff; font-size:24px; font-weight:700; text-align:center; background:#ff5a63; vertical-align:middle;}

#lnb_area_sub .left_navigation > li{ line-height:60px; ;}
#lnb_area_sub .left_navigation > li > a{display:block; padding-left:20px; font-size:16px; font-weight:700; color:#000; border-bottom:solid 1px #ccd1d9;}
#lnb_area_sub .left_navigation > li > a:hover{color:#ff5a63; transition:0.3s;}
#lnb_area_sub .left_navigation > li ul{padding:20px 0 20px 30px; border-bottom:solid 1px #ccd1d9;}
#lnb_area_sub .left_navigation > li ul li a{line-height:30px;}
#lnb_area_sub .left_navigation > li ul li a:hover{color:#ff5a63; transition:0.3s;}
#lnb_area_sub .manager_info{height:79px; border-bottom:solid 1px #ccd1d9; background:url(../imgs/icon/ico_phone.png) 172px 17px no-repeat}
#lnb_area_sub .manager_info dl{padding:20px;}
#lnb_area_sub .manager_info dl dt{font-size:14px;}
#lnb_area_sub .manager_info dl dd{padding-top:5px; font-weight:700; font-size:16px;}

#lnb_area_sub .center_info{border-bottom:solid 1px #ccd1d9; background:#f5f5f5;}
#lnb_area_sub .center_info dl{padding:20px;}
#lnb_area_sub .center_info dl dt{font-size:20px; font-weight:700; color:#ff5a63; font-weight:700;}
#lnb_area_sub .center_info dl dd.tel{padding-left:45px; margin-top:20px; font-weight:400; line-height:27px; height:30px; font-size:27px;  background:url(../imgs/icon/ico_tel.png) 0 0 no-repeat; vertical-align:middle;}
#lnb_area_sub .center_info dl dd.txt{margin-top:15px; font-size:13px; color:#757575; letter-spacing:0;}

/* quick bar */
#wing_left{display:none;}
#wing_right{visibility:hidden;position:fixed;top:0;right:20px;z-index:5;}
#wing_right:after{content:"";display:block;clear:both}
#wing_right ul {width:51px;background-color:#202729;border-radius:5px;padding:11px 0 12px;}
#wing_right ul li {}
#wing_right ul li a {display:block;}
#wing_right ul li.top {margin-top:11px;border-top:solid 1px #414749;padding-top:12px;}
#wing_cart {display:none;position:fixed;top:0;right:75px;z-index:5;margin-top:97px;}
#wing_cart .countbox {padding-right:19px;height:30px;background:url(../imgs/global/quick_count_bgright.png) right top no-repeat;}
#wing_cart .countbox p {color:#fff;padding:0 0 0 14px;font-size:13px;line-height:30px;background:url(../imgs/global/quick_count_bgleft.png) left top no-repeat;}
#wing_cart .countbox span {color:#ff969c}

/* paging */
.paging{overflow:hidden;text-align:center;margin-top:40px}
.paging li{display:inline-block;vertical-align:top;}
.paging li a{display:block;position:relative;padding:0;margin:0 2px;width:28px;height:28px;border:solid 1px #e8e8e8;background-color:#fff;font-family:'Roboto', sans-serif;color:#444;text-align:center;border-radius:50%;line-height:29px;}
.paging li a strong {display:block;height:28px;background-color:#535e78;border-color:#535e78;color:#fff;border-radius:50%;}
.paging li a.first, .paging li a.prev, .paging li a.next, .paging li a.last{padding:0;}

/* footer */
#customer {clear:both;border-top:solid 1px #e5e5e5;background-color:#f9f9fb;padding:47px 0 50px;}
#customer .inner {width:1100px;margin:0 auto;}
#customer .inner:after {content:'';clear:both;display:block;}
#customer .inner > div {float:left;}
#customer .inner .title {height:21px;font-size:18px;font-weight:700;color:#000;line-height:19px;}
#customer .inner .board {border-top:solid 1px #444;margin-top:10px;padding-top:6px;}
#customer .inner .board li a {line-height:25px;margin-top:10px;}
#customer .inner .more {position:absolute;right:0;top:5px;color:#999;font-size:11px;}
#customer .info {width:378px;}
#customer .info .tel {font-weight:700;font-size:48px;line-height:52px;color:#000;letter-spacing:-0.05em;margin-top:2px;}
#customer .info .time {font-size:15px;line-height:20px;color:#000;overflow:hidden;margin-top:8px;}
#customer .info .time dt {float:left;width:75px;padding-left:20px;background:url(../imgs/global/icon_time.png) left 2px no-repeat}
#customer .info .time dd {float:left;width:260px;}
#customer .inquiry {width:418px;height:98px;min-height:98px;padding-top:30px;text-align:center;}
#customer .inquiry ul {border-left:solid 1px #ddd;border-right:solid 1px #ddd;height:98px;padding:0 28px;overflow:hidden;}
#customer .inquiry ul li {float:left;width:120px;}
#customer .inquiry ul li a {display:block;height:20px;padding-top:78px;font-size:15px;color:#222;text-align:center;}
#customer .inquiry ul li.menu1 a {background:url(../imgs/global/icon_customer_inquiry.png) center top no-repeat}
#customer .inquiry ul li.menu2 a {background:url(../imgs/global/icon_customer_cs.png) center top no-repeat}
#customer .inquiry ul li.menu3 a {background:url(../imgs/global/icon_customer_delivery.png) center top no-repeat}
/* #customer .inquiry a {display:block;height:20px;padding-top:78px;position:relative;text-align:center;font-size:15px;color:#000;font-weight:700;background:url(../imgs/global/icon_customer_inquiry.png) center 3px no-repeat}
#customer .inquiry a:before {content:'';width:1px;height:100%;position:absolute;left:-1px;top:0;background-color:#ddd;} */
#customer .faq {width:250px;margin-left:54px;position:relative;}
#customer .delivery {width:250px;margin-left:58px;position:relative;}
#customer .delivery .board li {position:relative;padding-right:40px;}
#customer .delivery .board li .date {position:absolute;right:0;top:0;font-family:'Roboto', sans-serif;font-size:11px;color:#999;width:40px;text-align:center;}
#footer{clear:both;}
#footer .inner {width:1100px;margin:0 auto;}
#footer .inner:after {content:'';clear:both;display:block;}
#footer .menubox {background-color:#999;}
#footer .menubox .inner {position:relative;}
#footer .menubox ul.link {overflow:hidden;padding:19px 0;}
#footer .menubox ul.link li {float:left;margin-right:45px;}
#footer .menubox ul.link li a {color:#fff;font-size:15px;}
#footer .menubox .familsite {position:absolute;right:0;top:50%;margin-top:-15px;;}
#footer .infobox {padding:30px 0 60px;}
#footer .infobox h6 {display:block;float:left;width:128px;padding-top:12px;}
#footer .infobox .info {float:left;width:840px;font-size:13px;line-height:22px;color:#0a0b0b;}
#footer .infobox .info p {color:#686a6b;opacity:0.7;margin-top:14px;}
#footer .infobox .qrcode {float:right;width:130px;text-align:center;margin-top:-22px;}
#footer .infobox .qrcode span {display:block;font-size:13px;color:#0a0b0b;}
		  
#footer .familsite {width:132px;}
#footer .familsite>a{display:block;width:130px;height:28px;border:solid 1px #bcbcbc;border-radius:15px;font-size:13px;line-height:28px;text-align:center;color:#fff;}
#footer .familsite>a span {display:inline-block;vertical-align:top;padding-right:20px;background:url(../imgs/global/bg_familyarrow.png) right 11px no-repeat;}
#footer .familsite>a.on {border:none 0;position:relative;z-index:2;}
#footer .familsite>a.on span {background-position: right -29px;}
#footer .familsite>div{position:absolute; bottom:0; height:0; overflow:hidden; width:100%; overflow: hidden; z-index:1; background-color:#999; border: none 0; border-radius:15px;}
#footer .familsite>div.on {height:auto;border: 1px solid #bcbcbc;}
#footer .familsite>div>.list{padding:13px 0 7px;}	
#footer .familsite>div>.list li{ text-align:left; padding:0 0 0 15px;height:24px; margin:0;}
#footer .familsite>div>.list a{color:#fff; display:block; font-size:12px; line-height:24px; }
#footer .familsite>div>.list a:hover{color:#fff;}
#footer .familsite>div>.list a:focus{color:#fff;}
#footer .familsite>div>a {display:block;margin:0 15px;height:30px;border-top:solid 1px #b0b0b0;text-align:center;font-size:13px;line-height:28px;text-align:center;color:#fff;}
#footer .familsite>div>a span {display:inline-block;vertical-align:top;padding-right:20px;background:url(../imgs/global/bg_familyarrow.png) right -29px no-repeat;}


/* 카테고리박스 */
.box_ctg_big{}
.box_ctg_big>ul {position:relative; display: table; width:100%; height:180px; }
.box_ctg_big>ul>li {display: table-cell; height:180px; vertical-align:top; width:20%;  }
.box_ctg_big>ul>li>a{display:block; position:relative; height:52px; line-height:52px; margin-top:8px; color: #242424; font-size:16px;  text-align: center; border:1px solid #999; background:#fcfcfc; margin-left: -1px; transition:0.1s;}
.box_ctg_big>ul>li:first-child>a{margin-left:0}
.box_ctg_big>ul>li:last-child>a{margin-right:-2px;}
.box_ctg_big>ul>li.on>a, .box_ctg_big>ul>li:hover>a{margin-top:0; height:60px; line-height:60px; border-bottom:none; border-top:2px solid #4fc1e9; color:#4fc1e9; font-weight:700; transition:0.1s; background:#fff;}
.box_ctg_big>ul>li>ul{ display:none; position:absolute; top:60px; left:0;  height:60px; width:100%; border:1px solid #999; border-top:none; padding:30px 0;}
.box_ctg_big>ul>li.on>ul{display:block;}
.box_ctg_big>ul>li:hover>ul{display:block;}
.box_ctg_big>ul>li>ul>li{float:left; width:25%;}
.box_ctg_big>ul>li>ul>li>a{display:block; line-height:30px; font-size:14px; margin:1px 0; text-align:center; border-right:1px dashed #999;}
.box_ctg_big>ul>li>ul>li>a:hover, .box_ctg_big>ul>li>ul>li>a.on{color:#4fc1e9;}
.box_ctg_big>ul>li>ul>li:nth-child(4n)>a{border-right:none}
/*
.box_ctg_small{padding-bottom:5px;background:url(../imgs/goods/bg_ctg_bottoms.png) 0 bottom no-repeat}
.box_ctg_small h3{padding:15px 0 7px 25px;*padding:15px 0 9px 25px;font-size:12px;background:url(../imgs/goods/bg_ctg_tops.png) 0 0 no-repeat;font-weight:bold}
.box_ctg_small ul{overflow:hidden;padding:12px 0 5px 25px;background:url(../imgs/goods/bg_ctg_mids.gif) 0 0 repeat-y}
.box_ctg_small ul li{padding:0 0 9px 16px;background:url(../button/btn_ctg_more.gif) 6px 6px no-repeat;float:left;width:22%}
*/

.no_data {text-align:center;padding:140px 0;border-bottom:none 0;border-top:solid 1px #000;}
.no_data .text {color:#979797;text-align:center;padding-top:85px;background:url(../imgs/global/icon_none.png) center top no-repeat;}
.no_data .text .big {display:block;font-size:22px;margin-bottom:22px;}
.no_data.search .text {background:url(../imgs/global/icon_nosearch.png) center top no-repeat;}
 
/* 쿠폰 조회 */
.listHidden{display:none}

/* 레이어박스 */
.layer_wrap{border:1px solid #000;}
.layer_wrap .layer_cont{background:#fff;}

.layer_cont h1{color:#fff;font-size:16px; background:#ff5963; padding:15px 20px;}
.layer_cont h2{font-weight:bold;color:#3d3d3d;font-size:12px}
.layer_cont h1 > .laybox-close{display:block; width:17px; height:19px; position:absolute; top:16px; right:13px; text-indent:-999px; font-size:0; background:url(../imgs/btn/btn_layer_close.png) 0 0 no-repeat}
.layer_wrap .layer_cont p.txt_area{padding:20px 15px;font-size:14px; text-align:center;}
.layer_wrap .layer_cont .couponList{overflow-y:auto;max-height:240px;margin:0 0 20px;padding:4px 10px 5px;border:1px solid #dcdcdc;background:#f8f8f8}
.layer_wrap .layer_cont .couponList li{padding:3px 0 3px 8px;word-wrap:break-word;font-size:12px;color:#555;line-height:18px;background:url(../imgs/icon/bul_left_info.gif) 0 11px no-repeat}

.layer_wrap .layer_cont .btn_cart{display:inline-block; color:#fff !important; padding:10px 30px; background:#aab2bd;}
.layer_wrap .layer_cont p.txt_area a{color:#ff5a63;}

.layer_wrap .msgbox {position:relative;padding:34px 0 24px;}
.layer_wrap .msgbox h1 {text-align:center;background-color:#fff;color:#666;padding:0;}
.layer_wrap .layerclosebtn {position:absolute;width:13px;height:13px;right:10px;top:10px;text-indent:-999em;}
.layer_wrap .layerclosebtn:before,
.layer_wrap .layerclosebtn:after {content:'';background-color:#555;position:absolute;transform:rotate(-45deg);}
.layer_wrap .layerclosebtn:before {width:100%;height:1px;left:0;top:50%;margin-top:-1px;}
.layer_wrap .layerclosebtn:after {width:1px;height:100%;left:50%;top:0;margin-left:-1px;}
.layer_wrap .msgbox .buttonsbox {text-align:center;margin-top:25px;}
.layer_wrap .msgbox .buttonsbox a,
.layer_wrap .msgbox .buttonsbox button {display:inline-block;vertical-align:top;height:34px;width:126px;border-radius:17px;background-color:#0072bc;color:#fff;text-align:center;line-height:32px;margin:0 3px;}

.layer_wrap_new{
  overflow: auto !important;
  max-height:100%;
}
#laybox-canvas > div{height: 800px;overflow: auto;}

.layer_wrap_new .layer_cont {border:solid 2px #000;overflow:hidden;background-color:#fff;padding:40px;position:relative;}
.layer_wrap_new .layerclosebtn {position:absolute;width:40px;height:40px;right:20px;top:20px;text-indent:-999em;}
.layer_wrap_new .layerclosebtn:before,
.layer_wrap_new .layerclosebtn:after {content:'';background-color:#000;position:absolute;transform:rotate(-45deg);}
.layer_wrap_new .layerclosebtn:before {width:100%;height:2px;left:0;top:50%;margin-top:-1px;}
.layer_wrap_new .layerclosebtn:after {width:2px;height:100%;left:50%;top:0;margin-left:-1px;}

.layer_wrap_type03 .layer_cont {border:solid 1px #e8e8e8;overflow:hidden;background-color:#fff;padding:30px 20px 50px;position:relative;}
.layer_wrap_type03 .layerclosebtn {position:absolute;width:20px;height:20px;right:20px;top:30px;text-indent:-999em;}
.layer_wrap_type03 .layerclosebtn:before,
.layer_wrap_type03 .layerclosebtn:after {content:'';background-color:#000;position:absolute;transform:rotate(-45deg);}
.layer_wrap_type03 .layerclosebtn:before {width:100%;height:1px;left:0;top:50%;margin-top:-1px;}
.layer_wrap_type03 .layerclosebtn:after {width:1px;height:100%;left:50%;top:0;margin-left:-1px;}

/* 상세보기 레이어 */
.detailviewbox {overflow:hidden;height:542px;}
.detailviewbox .pro_photo {float:left;width:466px;}
.detailviewbox .pro_photo .pro_photo_viewer{overflow:hidden;width:466px;height:466px;text-align:center;border-radius:10px;}
.detailviewbox .pro_photo .pro_photo_viewer img{width:466px;height:466px}
.detailviewbox .pro_photo #pro_photo_slide{position:relative;width:466px;margin:12px auto 0}
.detailviewbox .pro_photo #pro_photo_slide .pro_photo_panel{width:425px;height:65px;margin:0 auto;visibility:hidden}
.detailviewbox .pro_photo #pro_photo_slide .pro_photo_panel ul{overflow:hidden;width:425px}
.detailviewbox .pro_photo #pro_photo_slide .pro_photo_panel ul li{float:left;margin:0 5px}
.detailviewbox .pro_photo #pro_photo_slide .pro_photo_panel ul li img{width:63px;height:63px;border:solid 1px #e8e8e8; border-radius:5px; box-sizing:border-box;}
.detailviewbox .pro_photo #pro_photo_slide .pro_photo_panel ul li.active img {border-color:#059ad9;}
.detailviewbox .pro_photo #pro_photo_slide .prev{position:absolute;bottom:0;left:0}
.detailviewbox .pro_photo #pro_photo_slide .next{position:absolute;bottom:0;right:0}
.detailviewbox .pro_cont {float:right;width:458px;height:542px;position:relative; color:#000; margin-top:-2px;}
.detailviewbox .pro_cont h2{font-size:24px;color:#000; line-height:28px; font-weight:700; word-wrap:break-word; margin-bottom:10px;padding-right:40px;}
.detailviewbox .pro_cont .pricebox {line-height:32px;margin-bottom:10px;position:relative;}
.detailviewbox .pro_cont .pricebox .price {display:inline-block;vertical-align:top;font-size:18px;}
.detailviewbox .pro_cont .pricebox .price strong {font-size:28px;}
.detailviewbox .pro_cont .pricebox .price .text {display:inline-block;vertical-align:top;}
.detailviewbox .pro_cont .pricebox .marketPrice {display:inline-block;vertical-align:top;color:#979797;text-decoration:line-through;margin-left:5px;}
.detailviewbox .pro_cont .pricebox .sale {display:inline-block;vertical-align:middle;color:#f24049;text-align:center;height:18px;border:solid 1px #f24049;border-radius:10px;padding:0 7px;line-height:19px;margin-left:5px;}
.detailviewbox .pro_cont .btnwish {position:absolute;right:0;top:0;width:32px;height:31px;border:solid 1px #ededed;border-radius:50%;background:#fff;text-indent:-999em;}
.detailviewbox .pro_cont .btnwish:after {content:'';width:17px;height:17px;position:absolute;top:6px;left:8px;background:url(../imgs/global/bg_wishbox.png) center bottom no-repeat;}
.detailviewbox .pro_cont .btnwish.active:after {background-position:center top;}
.detailviewbox .pro_cont .detailinfobox {border-top:solid 2px #322f2f;padding-top:40px;margin-top:26px;}
.detailviewbox .pro_cont dl{display:table; width:100%;}
.detailviewbox .pro_cont dl dt,
.detailviewbox .pro_cont dl dd {display:table-cell; vertical-align:top; color:#000;}
.detailviewbox .pro_cont dl dt{width:110px;}
.detailviewbox .pro_cont dl dd{text-align:right;}
.detailviewbox .pro_cont dl.total_sum dt,
.detailviewbox .pro_cont dl.total_sum dd {padding:25px 0 11px;line-height:32px;}
.detailviewbox .pro_cont .numwrap {overflow:hidden;}
.detailviewbox .pro_cont .num_navbox {display:inline-block;vertical-align:top;width:52px;height:30px;border:solid 1px #2a2727;border-radius:15px;padding:0 30px;position:relative;}
.detailviewbox .pro_cont .num_navbox input {display:block;margin:0;padding:0;text-align:center;text-indent:0;border:none 0;height:30px;line-height:28px;color:#2a2727;font-size:16px;}
.detailviewbox .pro_cont .num_navbox .num_nav .up,
.detailviewbox .pro_cont .num_navbox .num_nav .dn {position:absolute;top:0px;width:30px;height:30px;text-indent:999em;}
.detailviewbox .pro_cont .num_navbox .num_nav .up {right:0;background:url(../imgs/global/num_nav_up2.png) right center no-repeat;border-left:solid 1px #2a2727;}
.detailviewbox .pro_cont .num_navbox .num_nav .dn {left:0;background:url(../imgs/global/num_nav_dn2.png) right center no-repeat;border-right:solid 1px #2a2727;}
.detailviewbox .pro_cont .buyqty {display:inline-block;vertical-align:top;margin-left:12px;font-size:13px}
.detailviewbox .pro_cont .limitqty {color:#979797;font-size:13px;margin-top:5px;}
.detailviewbox .pro_cont dl.total_price {border-top:solid 1px #e8e8e8;}
.detailviewbox .pro_cont dl.total_price dt {font-weight:bold;width:120px;font-size:16px;line-height:30px; padding:21px 0 32px;}
.detailviewbox .pro_cont dl.total_price .qbox {display:inline-block;vertical-align:top;position:relative;}
.detailviewbox .pro_cont dl.total_price .qbox .icons {display:inline-block;vertical-align:top;width:20px;height:20px;border:solid 1px #2a2727;border-radius:50%;text-align:center;font-size:13px;line-height:20px;margin:5px 0 0 5px;cursor:pointer;}
.detailviewbox .pro_cont dl.total_price .qbox .qboxlayer {display:none;position:absolute;left:-8px;top:-126px;width:288px;background-color:#fff;border:solid 1px #2a2727;border-radius:5px;z-index:1;-webkit-box-shadow: 0px 8px 9px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 8px 9px 0px rgba(0,0,0,0.1);box-shadow: 0px 8px 9px 0px rgba(0,0,0,0.1);}
.detailviewbox .pro_cont dl.total_price .qbox .qboxlayer ul {padding:7px 14px 12px;}
.detailviewbox .pro_cont dl.total_price .qbox .qboxlayer li {font-size:13px;line-height:18px;color:#666;padding-left:15px;position:relative;font-weight:400;margin-top:6px;}
.detailviewbox .pro_cont dl.total_price .qbox .qboxlayer li:before {content:'※';position:absolute;left:0;top:0;}
.detailviewbox .pro_cont dl.total_price .qbox .qboxlayer:before {content:'';width:12px;height:10px;background:url(../imgs/global/arrow_qbox.png) left top no-repeat;position:absolute;bottom:-10px;left:20px;}
.detailviewbox .pro_cont dl.total_price .qbox:hover .qboxlayer {display:block;}
.detailviewbox .pro_cont dl.total_price dd {text-align:right;color:#f1454e;font-size:18px;line-height:30px; padding:21px 0 32px;}
.detailviewbox .pro_cont dl.total_price dd strong {font-size:28px;}
.detailviewbox .pro_cont dl.total_price dd .text {display:inline-block;vertical-align:top;margin-top:3px;}
.detailviewbox .pro_cont .cart_msg {display:none;position:absolute;bottom:92px;left:-20px;width:286px;height:136px;background-color:#fff;border:solid 1px #2a2727;border-radius:5px;z-index:1;-webkit-box-shadow: 0px 8px 9px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 8px 9px 0px rgba(0,0,0,0.1);box-shadow: 0px 8px 9px 0px rgba(0,0,0,0.1);}
.detailviewbox .pro_cont .cart_msg:before {content:'';width:12px;height:10px;background:url(../imgs/global/arrow_qbox.png) left top no-repeat;position:absolute;bottom:-10px;left:50%;margin-left:-6px;}
.detailviewbox .pro_cont .cart_msg p {text-align:center;font-size:14px;line-height:24px;color:#666;padding-top:25px;}
.detailviewbox .pro_cont .cart_msg .btngo {display:block;width:126px;margin:9px auto 0;height:34px;line-height:34px;color:#fff;border-radius:17px;background-color:#0072bc;text-align:center;font-weight:700;}
.detailviewbox .pro_cont .cart_msg .btnclose {position:absolute;width:29px;height:29px;right:0;top:0;background:url(../imgs/global/layerclose.png) center center no-repeat;text-indent:-999em;}
.detailviewbox .pro_cont .buttons {height:64px;line-height:62px;font-size:20px;}
.detailviewbox .pro_cont .btnab {position:absolute;bottom:0;left:0;width:100%;}

/*---------------------------------------------- table ------------------------------------------------------*/
.table_fixed{table-layout:fixed}
.table_ver{margin:10px 0 0; border-top:1px solid #ccc}
.table_ver thead th{text-align:center; padding:15px 0;color:#000; background:#f7f7f7;  border-bottom:solid 1px #e8e8e8; font-weight:400;}
.table_ver tbody th{text-align:center; padding:18px 0 17px;color:#000; background:#f7f7f7;  border-bottom:solid 1px #e8e8e8; }
.table_ver tbody td{text-align:center;padding:18px 0 17px; border-bottom:solid 1px #e8e8e8; word-break:break-all; color:#000;line-height:18px;}
.table_ver tbody td a {color:#000;}
.table_ver tbody td button{margin:2px 0}
.table_ver tbody td.text_left{text-align:left;padding-left:15px;}
.table_ver tbody td.text_right{text-align:right;}
.table_ver tfoot td {border-bottom:none 0;text-align:right;color:#000;font-weight:700;line-height:20px;padding:15px 20px;}
.table_ver tfoot td .roboto {font-size:18px;display:inline-block;vertical-align:top;margin-left:20px;}
.table_ver tfoot td span {display:inline-block;vertical-align:top;}

.table_hor{border-collapse:collapse;width:100%; border-top:1px solid #ccc;table-layout:fixed}
.table_hor th{background:#f7f7f7; border-bottom:solid 1px #e8e8e8; text-align:left;font-weight:normal;padding:18px 10px 18px 20px; color:#000; line-height:17px;}
.table_hor td{text-align:left;padding:18px 20px; border-bottom:solid 1px #e8e8e8;word-break:break-all; color:#000; line-height:17px;}
.table_hor td.input{padding:5px 10px; text-align:left;}
.table_hor td .inbtn {display:inline-block;vertical-align:middle;padding:12px 15px;border:solid 1px #000;background-color:#fff;color:#000;line-height:14px;border-radius:4px;margin-left:5px;}
.table_hor td .inbtn.full {border-color:#535e78;background-color:#535e78;color:#fff;}
.table_hor td .notitxt {display:inline-block;vertical-align:middle;margin-left:20px;color:#979797;}

.formtablebox {padding:16px 20px;border-top:solid 1px #000;border-bottom:solid 1px #e8e8e8;background-color:#fff;}
.formtablebox .table_hor {border:none 0;}
.formtablebox .table_hor th,
.formtablebox .table_hor td {background-color:#fff;border:none 0;padding:16px 0;line-height:40px;color:#000;}

.formMember .table_hor td.intext {line-height:40px;}
.formMember .table_hor td input[type=text],
.formMember .table_hor td input[type=password],
.formMember .table_hor td select {width:180px;}
.formMember .table_hor td.w370 select {width:370px;}
.formMember .table_hor td .mar10 {margin-right:10px;}
.formMember .marketingcheck {height:auto;padding:9px 0 10px;}

.marketingcheck {overflow:hidden;height:40px;}
.marketingcheck .type_check {float:left;width:195px;text-align:left;padding-left:10px;}
.marketingcheck .type_check label.radio {margin-right:20px;}
.marketingcheck .form_col3 {float:left;width:274px;}
.marketingcheck .form_email {float:left;width:582px;}
.marketingcheck dl {overflow:hidden;margin-top:16px;}
.marketingcheck dt,
.marketingcheck dd {float:left;line-height:19px}
.marketingcheck dt {width:128px;}

.form_col3 {overflow:hidden;}
.form_col3 select {display:block;float:left;width:80px !important;min-width:80px;}
.form_col3 input {display:block;float:left;width:70px !important;}
.form_col3 .txt {display:block;float:left;width:27px;text-align:center;line-height:40px;}

.form_email {overflow:hidden;}
.form_email input {display:block;float:left;width:180px;}
.form_email select {display:block;float:left;width:180px;margin-left:10px;}
.form_email .txt {display:block;float:left;width:32px;text-align:center;line-height:40px;}

.form_address {overflow:hidden;}
.form_address input {display:block;width:640px !important;margin-top:10px;}
.form_address .post {display:block;}
.form_address .post input {margin-top:0;display:inline-block;width:180px !important;}
.form_address .post .inbtn {margin-left:5px;}

.popCloseButton{display:inline-block;position:relative;top:-1px;overflow:hidden;width:39px;height:0;margin:0 0 0 5px;padding:19px 0 0;vertical-align:middle;line-height:20px;background:url(../button/btn_close_popup.gif) 0 0 no-repeat}

/*상품 리스트*/
#contents .productList {width:860px;border-bottom:solid 1px #e8e8e8;}
#contents .productList .products {margin-left:-25px;margin-top:20px;}
#contents .productList .products li {margin-left:25px;margin-top:0;margin-bottom:60px;}
.productList{width:1100px; margin:0 auto 0;}
.productList .products {overflow:hidden;margin-left:-30px;}
.productList .products li {float:left;width:252px;margin-left:30px;margin-top:30px;position:relative;}
/* 2023.06.22 수정 */
.productList .products li .img_box {position:relative;width:252px;height:252px;overflow:hidden;display:block;border-radius:10px;overflow:hidden;border:solid 1px #e8e8e8;}
.productList .products li .img_box .img {display:block;width:254px;height:auto;}
/* 2023.06.22 수정 //*/
.productList .products li .img_box .over {opacity:0;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;border-radius:10px;overflow:hidden;background:rgba(0, 0, 0, 0.7);z-index:2;}
.productList .products li .img_box .over .linkbox {width:178px;margin:0 auto;text-align:center;padding-top:64px;overflow:hidden;}
.productList .products li .img_box .over .linkbox a {display:block;float:left;width:46px;height:55px;font-size:11px;color:#fff;margin-left:20px;}
.productList .products li .img_box .over .linkbox a i {display:block;width:100%;height:35px;}
.productList .products li .img_box .over .linkbox a span {display:none;width:100%;height:16px;line-height:15px;padding-top:4px;background:url(../imgs/global/icon_over_text.png) left top no-repeat;font-size:11px;color:#4c4c4c;text-align:center;letter-spacing:-0.05em;}
.productList .products li .img_box .over .linkbox a:hover span {display:block;}
.productList .products li .img_box .over .linkbox .link_blank {margin-left:0 !important;}
.productList .products li .img_box .over .linkbox .link_blank i {background:url(../imgs/global/icon_over_detail.png) center top no-repeat;}
.productList .products li .img_box .over .linkbox .link_zoom i {background:url(../imgs/global/icon_over_big.png) center top no-repeat;}
.productList .products li .img_box .over .linkbox .link_wish i {background:url(../imgs/global/icon_over_wish.png) center top no-repeat;}
.productList .products li .img_box .over .linkbox .link_wish.active i {background:url(../imgs/global/icon_over_wish_active.png) center top no-repeat;}
.productList .products li .img_box .over .amountbox {position:absolute;left:0;bottom:70px;width:100%;height:26px;}
.productList .products li .img_box .over .amountbox dl {overflow:hidden;margin:0 20px;}
.productList .products li .img_box .over .amountbox dt {float:left;width:calc(100% - 86px);font-size:13px;line-height:14px;padding-top:5px;color:#fff;}
.productList .products li .img_box .over .amountbox dd {float:right;width:34px;position:relative;padding:0 26px;}
.productList .products li .img_box .over .amountbox dd .num_nav .up {width:26px;height:26px;position:absolute;right:0;top:0;text-indent:-999em;background:url(../imgs/global/num_nav_up.png) left top no-repeat}
.productList .products li .img_box .over .amountbox dd .num_nav .dn {width:26px;height:26px;position:absolute;left:0;top:0;text-indent:-999em;background:url(../imgs/global/num_nav_dn.png) left top no-repeat}
.productList .products li .img_box .over .amountbox dd input {display:block;width:100%;height:26px;padding:0;margin:0;border:none 0;border-radius:0;background:#0f0f0f;font-size:13px;line-height:26px;text-align:center;color:#fff;}
.productList .products li .img_box .over .orderbox {position:absolute;left:0;bottom:0;width:100%;height:50px;background-color:#059ad9;overflow:hidden;}
.productList .products li .img_box .over .orderbox a {display:block;float:left;width:50%;height:15px;padding:17px 0 18px;color:#fff;font-size:14px;line-height:15px;text-align:center;}
.productList .products li .img_box .over .orderbox a i {display:inline-block;vertical-align:top;width:20px;height:15px;}
.productList .products li .img_box .over .orderbox .cart {background-color:#0284c4;}
.productList .products li .img_box .over .orderbox .cart i {background:url(../imgs/global/icon_cart.png) left top no-repeat;}
.productList .products li .img_box .over .orderbox .order i {background:url(../imgs/global/icon_order.png) left top no-repeat;}
.productList .products li .img_box:hover .over {opacity:1}
.productList .products li .info_box {padding:0 5px;margin-top:16px;height:82px;}
.productList .products li .info_box .goodsinfo {height:40px;}
.productList .products li .info_box .name {display:block;font-size:16px;max-height:20px;line-height:20px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.productList .products li .info_box .summary {display:block;font-size:13px;line-height:15px;color:#000;margin-top:5px;}
.productList .products li .info_box .priceinfo {height:20px;position:relative;margin-top:18px;}
.productList .products li .info_box .priceinfo .price {display:inline-block;font-weight:500;font-size:20px;color:#000;line-height:20px;}
.productList .products li .info_box .priceinfo .price .won {display:inline-block;font-size:14px;}
.productList .products li .info_box .priceinfo .marketPrice {display:inline-block;font-size:14px;color:#909090;line-height:20px;text-decoration:line-through;}
.productList .products li .info_box .priceinfo .sale {position:absolute;right:0;bottom:0;display:inline-block;vertical-align:top;height:18px;line-height:19px;padding:0 8px;color:#f24049;border:solid 1px #ff5a63;border-radius:10px;background-color:#fff;text-align:center;}
.productList .products li .ranking {position:absolute;left:20px;top:0;width:31px;height:31px;z-index:1;background:url(../imgs/global/bg_ranking.png) left top no-repeat;text-align:center;font-family:'Roboto', sans-serif;font-size:16px;color:#363636;line-height:28px;}
.productList .products li .ranking.best {background:url(../imgs/global/bg_ranking.png) right top no-repeat;color:#fff;font-weight:500;}
.productList .products li .wishbox {position:absolute;left:10px;bottom:10px;width:32px;height:32px;z-index:1;border-radius:50%;border:solid 1px #e8e8e8;text-indent:-999em;background:#fff url(../imgs/global/bg_wishbox.png) center 7px no-repeat;}
.productList .products li .soldoutbox {position:absolute;left:0;top:0;width:100%;height:100%;text-indent:-999em;background-color:rgba(255,255,255,0.85);border:solid 1px #e8e8e8;box-sizing:border-box;border-radius:10px;overflow:hidden;}
.productList .products li .soldoutbox:after {content:'';position:absolute;left:0;top:50%;width:100%;height:14px;margin-top:-7px;background:url(../imgs/global/soldout_text.png) center center no-repeat;;}
.productList .products li .finance {position:absolute;left:0;bottom:0;}

.productList .products li.big {width:532px;height:314px;border:solid 1px #ff5a63;border-radius:10px;padding:17px 0;}
.productList .products li.big:after {content:'';clear:both;display:block;}
.productList .products li.big .img_box {float:left;width:314px;height:314px;margin-left:2px;position:static;overflow: hidden;}
.productList .products li.big .img_box .img {width:314px;height: auto;border:none 0;}
.productList .products li.big .img_box .over {width:534px;height:350px;left:-1px;top:-1px;}
.productList .products li.big .img_box .over .linkbox {width:232px;padding-top:98px;}
.productList .products li.big .img_box .over .linkbox a {width:60px;height:72px;font-size:14px;margin-left:26px;}
.productList .products li.big .img_box .over .linkbox a:first-child {margin-left:0;}
.productList .products li.big .img_box .over .linkbox a i {height:46px;}
.productList .products li.big .img_box .over .linkbox a span {height:22px;font-size:14px;line-height:21px;background:url(../imgs/global/icon_over_text_big.png) left top no-repeat;}
.productList .products li.big .img_box .over .linkbox .link_blank i {background:url(../imgs/global/icon_over_detail_big.png) center top no-repeat;}
.productList .products li.big .img_box .over .linkbox .link_zoom i {background:url(../imgs/global/icon_over_big_big.png) center top no-repeat;}
.productList .products li.big .img_box .over .linkbox .link_wish i {background:url(../imgs/global/icon_over_wish_big.png) center top no-repeat;}
.productList .products li.big .img_box .over .linkbox .link_wish.active i {background:url(../imgs/global/icon_over_wish_big_active.png) center top no-repeat;}
.productList .products li.big .img_box .over .amountbox {bottom:92px;}
.productList .products li.big .img_box .over .amountbox dt {width:50%;text-align:right;}
.productList .products li.big .img_box .over .amountbox dd {float:left;margin-left:20px;}
.productList .products li.big .img_box .over .orderbox {height:60px;}
.productList .products li.big .img_box .over .orderbox a {font-size:16px;line-height:17px;height:17px;padding:22px 0 21px;}
.productList .products li.big .info_box {float:left;width:173px;margin:0;margin-left:14px;padding:69px 0 0;height:auto;}
.productList .products li.big .info_box .goodsinfo {height:64px;}
.productList .products li.big .info_box .name {max-height:64px;font-size:26px;line-height:32px;font-weight:bold;-webkit-line-clamp:2;}
.productList .products li.big .info_box .summary {display:none;}
.productList .products li.big .info_box .priceinfo {border-top:solid 1px #e5e5e5;padding-top:40px;margin-top:15px;}
.productList .products li.big .info_box .priceinfo .marketPrice {position:absolute;top:18px;left:0;}
.productList .products li.big .info_box .priceinfo .sale {position:relative;right:auto;bottom:auto;margin-left:6px;}

.productList .products.list5 li {width:196px;}
.productList .products.list5 li .img_box {width:196px;height:196px;}
.productList .products.list5 li .img_box .img {width:194px;height:194px;}
.productList .products.list5 li .img_box .over .linkbox {width:154px;padding-top:35px;}
.productList .products.list5 li .img_box .over .linkbox a {margin-left:8px;}
.productList .products.list5 li .info_box {height:93px;}
.productList .products.list5 li .info_box .goodsinfo {height:60px;}
.productList .products.list5 li .info_box .name {max-height:40px;-webkit-line-clamp:2;}
.productList .products.list5 li .info_box .priceinfo {margin-top:8px;}

.common_product.list2{margin:10px -20px 0 0}
.common_product.list2:before{border-left:20px solid white;border-right:20px solid white}
.common_product.list2 ul li{width:50%;padding:0 20px}
.common_product.list2 li a.link_box .thumb_box{height:470px}

.common_product.list3{margin:10px -35px 0 0}
.common_product.list3:before{border-left:none;border-right:35px solid white}
.common_product.list3 ul{margin:0 -1% 0 0}
.common_product.list3 ul li{width:345px;padding:0 35px 0 0}
.common_product.list3 li a.link_box .thumb_box{height:310px}

.product_list_ver {border-top:solid 1px #000;}
.product_list_ver > ul {display:table;width:100%;table-layout:fixed;border-bottom:solid 1px #eaeaea;}
.product_list_ver > ul > li {display:table-cell;padding:25px 0;text-align:left;vertical-align:middle;}
.product_list_ver .img_box {width:178px;vertical-align:top;position:relative;}
.product_list_ver .img_box a {display:block;width:143px;height:143px;position:relative;}
.product_list_ver .img_box .img {display:block;width:141px;height:141px;border-radius:10px;overflow:hidden;border:solid 1px #e8e8e8;}
.product_list_ver .img_box .soldoutbox {position:absolute;left:0;top:0;width:100%;height:100%;text-indent:-999em;background-color:rgba(255,255,255,0.85);border:solid 1px #e8e8e8;box-sizing:border-box;border-radius:10px;overflow:hidden;}
.product_list_ver .img_box .soldoutbox:after {content:'';position:absolute;left:0;top:50%;width:100%;height:14px;margin-top:-7px;background:url(../imgs/global/soldout_text_small.png) center center no-repeat;;}
.product_list_ver .img_box .finance {position:absolute;left:0;bottom:0;}
.product_list_ver .info_box {width:auto;vertical-align:top;padding-right:60px;}
.product_list_ver .info_box .name {display:block;font-weight:700;font-size:18px;color:#000;line-height:24px;}
.product_list_ver .info_box .summary {display:block;line-height:20px;color:#979797;margin-top:7px;}
.product_list_ver .info_box ul {margin-top:13px;}
.product_list_ver .info_box li {line-height:20px;color:#979797;padding-left:10px;position:relative;}
.product_list_ver .info_box li:before {content:'·';position:absolute;left:0;top:0;}
.product_list_ver .info_box .linkbox {overflow:hidden;height:19px;margin-top:20px;}
.product_list_ver .info_box .linkbox a {display:block;float:left;height:19px;width:19px;padding:0 15px;text-indent:-999em;border-left:solid 1px #ddd;}
.product_list_ver .info_box .linkbox .link_blank {border-left:none 0;padding-left:0;background:url(../imgs/global/icon_list_detail.png) 4px top no-repeat;}
.product_list_ver .info_box .linkbox .link_zoom {background:url(../imgs/global/icon_list_big.png) center top no-repeat;}
.product_list_ver .info_box .linkbox .link_wish {background:url(../imgs/global/icon_list_wish.png) center top no-repeat;}
.product_list_ver .info_box .linkbox .link_wish.active {background:url(../imgs/global/icon_list_wish_active.png) center top no-repeat;}
.product_list_ver .price_box {width:144px;border-left:solid 1px #eaeaea;text-align:center;}
.product_list_ver .price_box .marketPrice {color:#979797;text-decoration:line-through;margin-bottom:4px;}
.product_list_ver .price_box .price {color:#000;line-height:26px;}
.product_list_ver .price_box .price strong {display:inline-block;vertical-align:top;font-size:22px;}
.product_list_ver .price_box .sale {display:inline-block;vertical-align:top;margin-top:10px;height:18px;line-height:19px;padding:0 8px;color:#f24049;border:solid 1px #ff5a63;border-radius:10px;background-color:#fff;text-align:center;}
.product_list_ver .button_box {width:160px;border-left:solid 1px #eaeaea;text-align:center;}
.product_list_ver .button_box .amountbox {width:114px;margin:0 auto;}
.product_list_ver .button_box .amountbox dt {color:#000;}
.product_list_ver .button_box .amountbox dd {padding:0 29px;border:solid 1px #ddd;border-radius:15px;position:relative;margin-top:4px;}
.product_list_ver .button_box .amountbox dd .num_nav .up {width:28px;height:30px;position:absolute;right:0;top:0;text-indent:-999em;background:url(../imgs/global/num_nav_up2.png) center center no-repeat}
.product_list_ver .button_box .amountbox dd .num_nav .dn {width:28px;height:30px;position:absolute;left:0;top:0;text-indent:-999em;background:url(../imgs/global/num_nav_dn2.png) center center no-repeat}
.product_list_ver .button_box .amountbox dd input {display:block;width:52px;border:none 0;border-radius:0;border-left:solid 1px #ddd;border-right:solid 1px #ddd;height:28px;padding:0;margin:0;background:#fff;font-size:16px;text-align:center;color:#222;}
.product_list_ver .button_box .orderbox {width:114px;margin:0 auto;}
.product_list_ver .button_box .orderbox a {display:block;margin-top:10px;text-align:center;height:30px;font-weight:700;line-height:31px;color:#0072bc;border-radius:15px;border:solid 1px #0072bc;}
.product_list_ver .button_box .orderbox .order {background-color:#0072bc;color:#fff;}
.product_list_ver.other .check_box {width:30px;text-align:left;vertical-align:top;}
.product_list_ver.other .img_box {width:165px;}
.product_list_ver.other .position {width:142px;height:142px;position:relative;}
.product_list_ver.other .img_box a {width:142px;height:142px;}
.product_list_ver.other .img_box .img {width:140px;height:140px;}
.product_list_ver.other .img_box .link_wish {position:absolute;right:8px;bottom:8px;width:32px;height:31px;border:solid 1px #ededed;border-radius:50%;background:#fff;text-indent:-999em;}
.product_list_ver.other .img_box .link_wish:after {content:'';width:17px;height:17px;position:absolute;top:6px;left:8px;background:url(../imgs/global/bg_wishbox.png) center bottom no-repeat;}
.product_list_ver.other .img_box .link_wish.active:after {background-position:center top;}
.product_list_ver.other .info_box {padding-top:43px;}
.product_list_ver.other .price_box {width:178px;}
.product_list_ver.other .amount_box {width:178px;border-left:solid 1px #eaeaea;text-align:center;}
.product_list_ver.other .amount_box .num_nav_box {width:52px;padding:0 29px;border:solid 1px #2a2727;border-radius:15px;position:relative;margin:0 auto;}
.product_list_ver.other .amount_box .num_nav_box .num_nav .up {width:28px;height:30px;position:absolute;right:0;top:0;text-indent:-999em;background:url(../imgs/global/num_nav_up2.png) center center no-repeat}
.product_list_ver.other .amount_box .num_nav_box .num_nav .dn {width:28px;height:30px;position:absolute;left:0;top:0;text-indent:-999em;background:url(../imgs/global/num_nav_dn2.png) center center no-repeat}
.product_list_ver.other .amount_box .num_nav_box input {display:block;width:52px;border:none 0;border-left:solid 1px #2a2727;border-right:solid 1px #2a2727;border-radius:0;height:30px;padding:0;margin:0;background:#fff;font-size:16px;text-align:center;color:#222;}
.product_list_ver.other .amount_box .limit {font-size:13px;color:#000;margin-top:14px;}
.product_list_ver.other .button_box {width:178px;}
.product_list_ver.other .button_box .orderbox {width:145px;margin:0 auto;}
.product_list_ver.other .button_box .orderbox a {height:38px;line-height:39px;border-radius:20px;}


.icon{display:table; }
.icon>img{margin-right:2px; margin-bottom:2px;}
.icon>img:last-child{margin-right:0}
.icon>span:first-child{margin-left:0}

/* gallery*/
.gallery{position:relative; width:100%; height:550px;}

.gallery>.view{position:relative; width:1000px; height:550px;}
.gallery>.view>li{position:absolute; top:0; left:0; opacity: 0;}

.gallery>.thumb_lists{position:absolute; display:table; width:100%; bottom:0px; }
.gallery>.thumb_lists>li{display:table-cell;}
.gallery>.thumb_lists>li>a{position: relative; display:block; text-align: center; color:#8e969c;}
.gallery>.thumb_lists>li>a img{display:block;}

.gallery .controlls {position:absolute; width:100%; top:50%;}
.gallery .controlls a{position:absolute; width:52px; height:52px; left:0; margin-top:-26px; background:url(../imgs/btn/visual_prev.png) 0 0 no-repeat; opacity:1; transition: opacity .25s ease-in-out; text-indet:-999px; font-size:0}
.gallery .controlls a:hover{opacity:1;}
.gallery .controlls a.next{left:auto; right:0; background:url(../imgs/btn/visual_next.png) 0 0 no-repeat;}

/*txt_list*/
.txt_list{margin-top:20px; margin-left:20px;}
.txt_list li{text-indent:-14px; margin-left:14px; line-height:24px;}
.txt_list li em{color:#ff5a63;}

.warn_list{margin-top:20px;}
.warn_list li{padding-left:20px; background:url(../imgs/icon/ico_warn_gray.png) 0 0 no-repeat;  font-size:14px; margin-bottom:5px;}
.warn_list.red li{padding-left:20px; background:url(../imgs/icon/ico_warn.png) 0 0 no-repeat;  font-size:14px; margin-bottom:5px;}
.warn_list li em{color:#ff5a63;}

/*privacy_box*/
.privacy_box{padding:20px; font-size:14px; line-height:24px; border:1px solid #ccd1d9; height:200px; overflow-y:scroll;}
.privacy_box h3{font-size:16px; text-align:left;  margin:20px 0 0;}
.privacy_box h3:first-child{margin-top:0;}
.privacy_box h4{font-size:14px; margin:20px 0 10px; padding:0 !important; text-align:left !important; }
.privacy_box p{margin:10px 0;}
.privacy_box>ul{margin:10px 0;}
.privacy_box>ul>li{margin-left: 10px;}
.privacy_box>ul>li>p{ margin-left: 10px;}
.privacy_box>ul>li>ul>li{margin:10px 0;}
.privacy_box>ul>li>ul>li{ margin-left: 20px;}


/* swiper관련 */
.swiper-controller {width:100%;height:10px;position:absolute;bottom:0;left:0;text-align:right;z-index:10;line-height:0;}
.swiper-controller.type2 {text-align:center;}
.swiper-controller .swiper-pagination {position:relative;height:8px;display:inline-block;vertical-align:top;text-align:right;padding:1px 8px;margin-right:10px;}
.swiper-controller .swiper-pagination:after {content:'';width:1px;height:8px;background-color:#000;opacity:0.1;position:absolute;right:0;top:1px;}
.swiper-controller .swiper-pagination-bullet {width:6px;height:6px;background:transparent;border:solid 1px #7f7f7f;border-radius:50%;opacity:1;margin:0 6px;outline:0;}
.swiper-controller .swiper-pagination-bullet-active {background:transparent;background-color:#7f7f7f;}
.swiper-controller .swiper-stop,
.swiper-controller .swiper-play {width:8px;height:10px;display:none;vertical-align:top;line-height:0;cursor:pointer;opacity:0.5}
.swiper-controller .swiper-stop {background:url(../imgs/button/btn_swiper_stop.png) center center no-repeat;}
.swiper-controller .swiper-stop:after {content:'stop';position:absolute;top:-9999px;overflow:hidden;width:0;height:0;padding:0;line-height:0}
.swiper-controller .swiper-play {background:url(../imgs/button/btn_swiper_play.png) center center no-repeat;}
.swiper-controller .swiper-play:after {content:'play';position:absolute;top:-9999px;overflow:hidden;width:0;height:0;padding:0;line-height:0}
.swiper-controller .active {display:inline-block;}

.swiper-button-prev,
.swiper-button-next {margin-top:-31px;width:63px;height:63px;outline:0;}
.swiper-button-prev {left:50%;margin-left:-385px;background:url(../imgs/button/btn_swiper_prev.png) center center no-repeat;}
.swiper-button-next {right:50%;margin-right:-550px;background:url(../imgs/button/btn_swiper_next.png) center center no-repeat;}
.swiper-button-prev:before,
.swiper-button-next:before {content:'';width:61px;height:61px;border:solid 1px #000;opacity:0.1;position:absolute;left:0;top:0;border-radius:50%;}
.swiper-button-prev:after,
.swiper-button-next:after {text-indent:-999em;}

@media print {
.buttonwrap {display:none;}
#pop_wrap {padding:0 !important;}
}

/* 레이어 */
.layer_fixed {display:none;position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);z-index:99;}
.layer_fixed .inbox {position:relative;background:#fff;padding:29px;border-radius:10px;border:solid 1px #e8e8e8;}
.layer_fixed .title {padding-top:3px;height:41px;border-bottom:solid 2px #000;font-size:20px;color:#000;font-weight:700;}
.layer_fixed .contents {text-align:center;font-size:16px;line-height:26px;color:#000;margin-top:25px;}
.layer_fixed .contents .count {font-size:20px;font-weight:700;margin-bottom:11px;}
.layer_fixed .buttonwrap {margin-top:32px;}
.layer_fixed .laybox-close{display:block; width:27px; height:27px; position:absolute; top:29px; right:25px; z-index:2; text-indent:-999px; font-size:0; background:url(../imgs/btn/btn_layer_close2.png) 0 0 no-repeat}
#claim_noti2 .inbox {width:376px;}
#claim_noti2 .inbox .contents {font-size:20px;line-height:26px;}

/* 2022.09.06 수정 */
#header .topSearch .serch_list_cont{display:none;position:absolute;top:76px;left:50%;width:508px;margin-left:-254px;border:solid 2px #059ad9;box-sizing:border-box;padding:20px;background:#fff;z-index:100;}
#header .topSearch .serch_list_cont .tit{font-size:14px;color:#000;padding-bottom:15px;border-bottom:1px solid #f0f0f0;display:block;}
#header .topSearch .serch_list_cont .serch_list{position:relative;margin-top:0;height:auto;height:300px;overflow-y:auto;margin:0 -20px -20px -20px;padding:20px;}
#header .topSearch .serch_list_cont li:first-child a{margin-top:5px;}
#header .topSearch .serch_list_cont li a{padding:0;margin-top:15px;}
#header .topSearch .serch_list_cont .color01{color:#259bd7;}
#header .topSearch .serch_list_cont li{display:block;float:inherit;}

/* 2023.05.26 수정 */
/* JW신약관련 반영해야 */
.hoverBoxArea{position:relative;}
.hoverBox{display:none;position: absolute;top: 40px;right: 0;border: 1px solid #ccc;padding: 15px;background: #fff;z-index: 1;}
.hoverBoxCont{padding-bottom:12px !important;}
.hoverBoxCont:hover .hoverBox{display:block;}
.hoverBox li{float:none !important;padding: 5px !important;}
.hoverBox li:before{content: none !important;}


/* 2023.07.19 수정 */
/* 주문자정보 > 금융할인 부분 추가 */
.financial_discount .financial_dc_btn{cursor:pointer;}
.financial_discount .financial_dc_btn dt:after{content:'';display:inline-block;width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 10px solid #000;margin-left:5px;transform: rotate(-180deg);}
.financial_discount .financial_dc_btn.on dt:after{transform:rotate(0deg);}
.financial_discount .financial_dc_btn.on+.list-group{display:block;}
.financial_discount .list-group{display:none;margin-top:10px;margin-left:10px;}
.financial_discount .list-group .title{margin-top:10px;color:#000;}
.financial_discount .list-group dd{width:120px !important;}

/* 금융할인 부분 */
.img_box{position:relative;}
.img_box .icons {position: absolute;top: 10px;left: 10px;width: 170px;text-align:left;}
.img_box .icons img{width:auto !important;height:auto !important;}
.productList .products li.big .img_box .finance{left: 3px;bottom: 15px;z-index: 0;border-radius: 0 0 0 10px;overflow: hidden;}

/* 즉시 할인  */
.instant_detail {display: flex; flex-direction: row;}
.instant_discount_mark { position: relative; margin-left: 16px; width: 58px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 6px 8px; box-sizing: border-box; border-radius: 12px; background-color: #ff4949; color: #ffffff; font-family: Pretendard; font-size: 12px; font-weight: 600; line-height: 12px; cursor: pointer;}
.instant_discount_tooltip { position: absolute; display:none; width: 318px; height: 94px; top: 0px; left:90px; padding: 4px; color: #222222; background-color: #ffffff; border: 1px solid #AEB7C6; border-radius: 12px; padding: 24px; box-sizing: border-box; z-index: 10;}
.instant_discount_tooltip p { font-family: Pretendard; font-size: 16px; font-weight: 600; line-height: 16px; letter-spacing: -0.04em; color: #222;}
.instant_discount_tooltip p span{color: #0072BC;}
.instant_discount_tooltip p.how { font-family: Pretendard; font-size: 14px; font-weight: 300; line-height: 14px; letter-spacing: -0.04em; color: #717B8A; margin-top: 16px;}
.instant_discount_tooltip.active_tooltip,
.instant_discount_mark:hover .instant_discount_tooltip {display: block;}