.trunk_b_pp, .neck_c_pp{display:none;}
@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary, select,
time, mark, audio, video, textarea, input, button{font-family: 'Noto Sans KR', sans-serif}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@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');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

.inner{max-width:1140px; margin:0 auto;}
.top_popup{height:195px; background:url('/images/refur_bg.gif') center center; color:#fff;}
.top_popup h2{font-size:28px; line-height:35px; font-weight:600;}
.top_popup p{font-size:18px; line-height:25px;}
.top_popup p span{color:#fff993; font-weight:500;}
.top_popup_wrap a{display:inline-block; font-size:16px; color:#fff; background:#1c1d25; padding:0 15px; height:40px; line-height:40px; margin-top:15px; border-radius:5px;}
.top_popup .inner{height:100%; position:relative;}
.close_wrap{position:absolute; bottom:20px; right:0;}
.close_wrap * {vertical-align:middle;}
.top_popup .inner #close{display:inline-block;  background:url('/images/refur_close.png') center center no-repeat; width:21px; height:21px;}
.top_popup_wrap{display:table; height:100%; width:100%;}
.top_popup_wrap > div{display:table-cell; vertical-align:middle; padding:0 50px;}
.top_popup_wrap > div:first-child{text-align:right; position:relative;}
.top_popup_wrap > div:first-child:before{display:block; content:''; position:absolute; right:0; width:1px; top:30px; bottom:30px; background:#595c6c}



#hd_pop h2{font-size:0;}
/* 팝업레이어 */
#hd_pop {z-index:99999;position:relative;margin:0 auto;width:1160px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute; background:#fff}
.hd_pops_con {line-height:0;}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}
/* reset */
/*overflow:hidden;*/
*{margin:0; padding:0;}
body{width:100%; min-width:320px;margin:0px auto; position:relative; padding:0px; color:#5c5c5c;  font-size:12px; background-color:#fff; }
img,fieldset{border:0 none; margin:0; padding:0;}
dl,ul,ol,li, dt, dd{margin:0px; padding:0px; list-style:none;}
table{border-collapse:collapse;}
h1, h2, h3, h4, h5, h6, p{margin:0px; padding:0px;}
nav, header, footer, section, aside, article{display:block;}
input[type=text], input[type=button], select{color:#454545;}
input[type=submit]{cursor:pointer;}
input{vertical-align:middle; }
a{text-decoration:none; color:#5c5c5c; transition-duration:0.3s;}
textarea, select{}
.plugin.chrome.webkit.win.x1.Locale_ko_KR{margin:0 !important;}

/*header*/
.top_bar{background:#f8f8f8; border-bottom:1px solid #eaeaea; }
.top_bar > div{height:50px; line-height:50px; width:1140px; margin:0 auto; font-size:15px; font-weight:400;}
.top_tel{float:left; background:url('../2018_images/tel.gif') left center no-repeat; padding-left:22px;}
.top_menu{float:right; font-size:0; margin-top:17px; line-height:normal;}
.top_menu li{display:inline-block; zoom:1; *display:inline; border-left:1px solid #1f201f; font-size:15px; height:auto; line-height:15px;; vertical-align:middle; margin-left:10px; padding-left:10px;}
.top_menu li:first-child{border-left:0;}
.top_menu li a{display:block; color:#1f201f;}

.logo_wrap > div{width:1140px; margin:0 auto; height:120px; position:relative;}
.logo{padding-top:30px;}
.top_content{position:absolute; right:0; top:35px; font-size:0;}
.top_content > div{display:inline-block; zoom:1; *display:inline; vertical-align:middle;}
.gallery h3, .gallery ul{display:inline-block; vertical-align:middle;}
.gallery h3{font-size:20px; color:#454545; font-weight:400;}
.gallery ul li{display:inline-block;  margin-left:15px;}
.top_kakao{font-size:15px; padding-left:25px; border-left:1px solid #ddd; margin-left:25px;}
.top_kakao a{display:block; background:url('../2018_images/top_kakao.gif') left center no-repeat; padding-left:55px;}
.top_topic{font-size:15px; padding-left:25px; border-left:1px solid #ddd; margin-left:25px;}
.top_topic a{display:block; background:url('../2018_images/top_topic.gif') left center no-repeat; padding-left:60px;}
.top_topic span{color:#9d2224}
.topic_wrap{position:fixed; top:0; right:-274px;; z-index:99999; transition-duration:0.3s;}
.topic_wrap.on{right:0; transition-duration:0.3s;}
.topic_wrap a{position:absolute; top:0; left:-30px;}
.topic{width:238px; height:219px; overflow:hidden; border:3px solid #9d2324;}
.topic iframe{margin-top:-25px; margin-left:-6px;}

.menu_bar{background:#1f201f;}
.menu_bar .top_kakao{display:none;}
.menu_bar > div{width:1140px; margin:0 auto; position:relative;}
.all_menu{position:absolute;  top:0; right:0; text-align:center; line-height:60px;}
.all_menu > a{display:block;background:#9d2224; width:60px; height:60px; display:table-cell; vertical-align:middle;}
.all_menu img{vertical-align:middle;}
.all_menu_dep{background:#404040; position:absolute; top:60px; right:0; width:100%; z-index:100; font-size:0; color:#fff; display:none;}
.all_menu_dep > div{padding:20px 10px;}
.all_menu_dep li{display:inline-block; zoom:1; *display:inline; width:25%; font-size:15px; vertical-align:top;}
.all_menu_dep li > div{padding:0 10px;}
.all_menu_dep li > div > div > a{display:block; font-weight:300; margin-top:10px; position:relative; padding-left:11px; word-break:keep-all;}
.all_menu_dep li > div > div > a > span{position:absolute; left:0;}
.all_menu_dep li > div > h2{font-size:17px; font-weight:400; border-bottom:1px solid #777; padding-bottom:15px; margin-bottom:15px;}
.mobile_menu, .mobile_btn{display:none;}


.menu_bar a{color:#fff;}
.main_menu{font-size:0;}
.dep1{display:inline-block; zoom:1; *display:inline; position:relative; font-size:17px; vertical-align:top; margin-left:17px; font-weight:300; transition-duration:0.3s;}
.dep1 > a{display:block; height:52px; line-height:52px; font-size:15px; letter-spacing:-0.03em;}
.dep1:first-child{margin-left:0;}
.dep2{position:absolute; background:#333; width:170px; height:0; left:0px; line-height:normal; top:52px; overflow:hidden; transition-duration:0.3s; z-index:100;}


.dep2:hover{overflow:unset;}
.dep1:hover .dep2.ex1{height:37px;}
.dep1:hover .dep2.ex2{height:74px;}
.dep1:hover .dep2.ex3{height:111px;}
.dep1:hover .dep2.ex4{height:148px;}
.dep1:hover .dep2.ex5{height:185px;}
.dep1:hover .dep2.ex6{height:222px;}
.dep1:hover .dep2.ex7{height:259px;}
.dep1:hover .dep2.carmat{height:316px;}
.dep1:hover .dep2.etc{height:265px;}
.dep2 > li{position:relative;}
.dep2 > li > a{display:block; border-bottom:1px solid #454545; padding:8px; font-size:14px;}
.dep2 > li > a img{float:right; margin-top:9px;}
.dep2 > li:hover > a{background:#404040;}
.dep3{position:absolute; top:0; left:170px; display:none;}
.dep3 a{display:block; background:#404040; font-size: 14px; width:150px; padding:10px;}
.dep3 a:hover{text-decoration:underline;}
.dep2 > li:hover .dep3{display:block;}


/*body*/
.camera .bx-wrapper{position:relative;}
.camera .bx-wrapper .bx-pager {text-align: center; font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 0; margin:0 auto;position:absolute; bottom:25px; right:0; z-index:1000; width:100%;}
.bx-wrapper .bx-pager .bx-pager-item,
.camera .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;	*zoom: 1; *display: inline;}
.camera .bx-wrapper .bx-pager.bx-default-pager a { text-indent:-1000px; display: block; outline: 0; overflow:hidden;}
.camera .bx-wrapper .bx-pager.bx-default-pager a {text-indent: 100099px; display: block; width: 15px; height:15px; margin: 0 6px; outline: 0; background:#fff; border-radius:15px;}
.camera .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background:#9d2324;}
.bx-wrapper .bx-pager.bx-default-pager a.active{width:38px; display: block; outline: 0; }

.camera .slick-dots{font-size:0; position:absolute; bottom:20px; text-align:center; left:0; right:0;}
.camera .slick-dots li{display:inline-block; zoom:1; *display:inline;}
.camera .slick-dots li button{font-size:0; display: block; width: 15px; height:15px; margin: 0 6px; outline: 0; background:#fff; border-radius:15px; border:0; cursor:pointer; transition-duration:0.3s;}
.camera .slick-dots li button:hover{background:#9d2324;}
.camera .slick-dots li.slick-active button{width:38px; background:#9d2324;}

.camera img{display:block; margin:0 auto; max-width:100%;}
.product_title{background:#1f201f; font-size:33px; color:#fff; font-weight:500; text-align:center; height:70px; line-height:70px;}
.pro_list_wrap{position:relative;}
.pro_arrow{position:absolute; width:45px; height:23px; background:url('../2018_images/pro_title_arrow.png') center top no-repeat; z-index:100; left:50%; margin-left:-22px; top:0;}
.m_pro_list{display:none;}
.pro_list{/*background:url('../2018_images/pro_bg.gif') center top no-repeat; background-size:cover;*/ padding:80px 0; position:relative;}
.pro_list_ul{max-width:1680px; margin:0 auto; }
.pro_list .bx-wrapper .bx-controls-direction a {position: absolute; top: 40%; outline: 0; width: 76px; height: 76px; text-indent: -1000px; z-index: 1000; overflow:hidden;}
.pro_list .bx-wrapper .bx-prev {left: 0; background: url('../2018_images/pro_arrow_left.png') no-repeat 0 0px;}
.pro_list .bx-wrapper .bx-next {right: 0; background: url('../2018_images/pro_arrow_right.png') no-repeat 0 0px;}
.pro_list p{color:#fff; background:#1f201f; text-align:center; font-size:20px; height:45px; line-height:45px; font-weight:300; letter-spacing:-0.05em;}
.pro_list li{position:relative;}
.pro_list img{display:block;}
.pro_list img:first-child{width:100%;}
.pro_list_img_wrap a > div, .pro_list_img_wrap a{position:absolute; top:0; right:0; bottom:0; left:0;}
.pro_list_img_wrap a > div{bottom:0;background:rgba(0,0,0,0.4) url('../2018_images/pro_plus.png') center center no-repeat; display:block;}
.pro_list_img_wrap a{opacity:0;}
.pro_list_img_wrap a:hover{opacity:1;}
.pro_list .slick-slider{position:static;}
.pro_list .slick-arrow{position: absolute; top: 40%; outline: 0; width: 76px; height: 76px; text-indent: -1000px; z-index: 1000; overflow:hidden; border:0;}
.pro_list .slick-prev{left: 0; background: url('../2018_images/pro_arrow_left.png') no-repeat 0 0px;}
.pro_list .slick-next{right: 0; background: url('../2018_images/pro_arrow_right.png') no-repeat 0 0px;}

.pro_list_wrap{max-width:1520px; margin:0 auto;}
.pro_list ul{display:flex; flex-wrap: wrap; margin-top:-60px; margin-left:-10px; margin-right:-10px;}
.pro_list li{width:calc(20% - 20px); margin-top:60px; padding:0 10px;}
.pro_list li.new .pro_list_img_wrap{position:relative;}
.pro_list li.new .pro_list_img_wrap:before{content:'NEW'; color:#fff; background:#e33535; position:absolute; left:0; top:0; padding:4px 10px;}
.pro_list_img_wrap{position:relative;}
.pro_list_info_wrap{text-align:center;}
.product_tag{margin-top:12px; display:flex;width: 100%; justify-content: center;}
.top_view .product_tag{justify-content:flex-start;}
.product_tag span{padding:0 6px; font-size:12px !important; border:1px solid #01ac40; color:#01ac40;}
.product_tag span + span{margin-left:5px;}
.pro_list_price{margin-top:8px; }
.pro_list_name{font-size:20px; color:#252525; line-height:1; margin-top:16px; letter-spacing:-0.03em;}
.pro_list_p{color:#999;  font-size:16px;text-decoration: line-through;}
.pro_list_sale{font-size:20px; color:#151515; font-size:22px; font-weight:600;}
.pro_list_sale.rek{font-size:20px; letter-spacing:-0.05em;}
.pro_list_sale span{font-size:18px; color:#6b90dc;}

.main_content{padding:80px 0; width:1540px; margin:0 auto;}
.main_content ul{font-size:0;}
.content_li{display:inline-block; zoom:1; *display:inline; width:33.3333%; font-size:16px; vertical-align:top;}
.content_li > div{padding:0 10px;}
.content_li a, .content_li img{display:block; width:100%; transition-duration:0.3s;}
.content_li a div{background:#f5f5f4; padding:30px 20px;}
.content_li a:hover{-webkit-filter: grayscale(100%); filter: gray; width:100%;}
.content_li h2{color:#1f201f; font-size:20px; font-weight:400; border-bottom:1px solid #dfdfde; padding-bottom:7px; margin-bottom:7px;}
.content_li p{font-weight:300; color:#222; font-size:16px;}

.pr_wrap{background:url('../2018_images/pr_bg.jpg') center top no-repeat; background-size:cover; padding:80px 0;}
.pr_wrap h2{text-align:center; font-size:35px; font-weight:400; color:#fff;}
.pr_wrap h2 div{width:30px; height:2px; background:#fff; margin:17px auto 0;}
.pr_content{width:1160px; margin:40px auto 0; font-size:0;}
.pr_content > div{width:33.3333%; display:inline-block; zoom:1; *display:inline;}
.pr_content > div > div{padding:0 10px;}
.pr_section{width:100%; padding-top:57%; position:relative;}
.pr_section iframe{width:100%; height:100%; position:absolute; top:0; left:0;}
.pr_kakao{width:100%; height:100%; position:absolute; top:0; left:0; background:#efd925 url('../2018_images/pr_kakao.gif') 20px 20px no-repeat;}
.pr_kakao_txt{color:#371d1e; font-size:16px; padding:20px 20px 20px 150px;}
.pr_kakao_txt p{line-height:20px;}
.pr_kakao_txt h3{font-size:21px; font-weight:400; margin-bottom:5px;}
.pr_kakao span{display:block; background:#371d1e; border-radius:5px; text-align:center; text-align:center; font-size:17px; padding:5px 0; color:#fff; margin:0 20px; margin-top:10px;}
.customer{width:1160px; margin:0 auto; padding:80px 0; font-size:0; color:#1f2020;}
.customer > div{display:inline-block; zoom:1; *display:inline; font-size:15px; width:33.3333%; vertical-align:top;}
.customer > div > div{padding:0 10px;}
.customer h2{font-weight:400; color:#9d2224; font-size:25px; margin-bottom:10px;}
.customer li{margin-top:7px;}
.customer li a{color:#1f2020;}
.customer li a:hover{text-decoration:underline;}
.customer li:first-child{margin-top:0;}
.cus_tel{font-size:30px; font-weight:300;}
.bank li{font-size:18px;}
.bank ul{ padding:5px 0;padding-left:80px; background:url('../2018_images/kb_logo.gif') left center no-repeat;}


.refur_txt{position:absolute; top:0; bottom:0; left:0; right:0; text-align:center; }
.refur_txt h2, .refur_txt p{color:#fff;}
.refur_txt h2{font-size:65px; line-height:65px;}
.refur_visual_bg{position:absolute; left:0; top:0; right:0; bottom:0; background:linear-gradient( 45deg, #731415, #2f103f ); opacity:0.4;}
.refur_p1{font-size:26px; line-height:40px; margin-top:50px;}
.refur_p2{font-size:20px; margin-top:20px;}




/*footer*/
footer{position:relative;}
.footer_menu{background:#101010;}
.footer_menu a{color:#fff;}
.footer_menu ul{font-size:0; padding:14px 0;}
.footer_menu li{display:inline-block; font-size:14px; margin-left:10px; padding-left:10px; border-left:1px solid #fff; line-height:14px;}
.footer_menu li:first-child{margin-left:0px; padding-right:0px; border-left:0}
.footer_content{background:#202020}
.footer_menu > div, .footer_content > div{width:1140px; margin:0 auto;}
.footer_content > div{padding:40px 0;}
.f_address{color:#fff; font-size:14px; line-height:22px;}
.f_address p{margin-top:10px; font-weight:300;}
.f_address p:first-child{margin-top:0;}
.footer_content_wrap > div{display:inline-block; zoom:1; *display:inline; vertical-align:top;}
.footer_content_wrap > div:first-child{margin-right:50px;}
.comodo{position:absolute; bottom:0; right:0;}

.plicy_wrap{font-size:13px; }
.plicy_wrap p{margin-top:20px;}

.mobile_menu_wrap{display:none;}

/**/

.main_banner{padding-top:100px; padding-bottom:100px; background:#f5f5f5; border-top:1px solid #ccc;}
.main_banner h2{text-align:center; font-size:40px; font-weight:600; color:#252525; letter-spacing:-0.05em;}
.main_banner_wrap{display:flex; align-items:center; gap:30px; margin-top:45px;}
.main_banner_wrap > div{width:calc(50% - e15px);}
.main_banner_wrap > div a, .main_banner_wrap > div img{display:block; max-width:100%; transition-duration:0.3s;}
.main_banner_wrap > div a{overflow:hidden;}
.main_banner_wrap > div a:hover img{transform:scale(1.1);             /*  default */
-webkit-transform:scale(1.1);  /*  크롬 */
-moz-transform:scale(1.1);     /* FireFox */
-o-transform:scale(1.1); }

@media screen and (max-width:1200px){
.pr_content, .top_bar > div, .logo_wrap > div, .menu_bar > div{width:100%;}

.pro_list ul{gap:15px}
.pro_list ul li{width:calc(33.3333% - 10px);}
.main_content{width:100%;}
.customer{width:100%;}

.footer_menu > div, .footer_content > div{width:100%;}
}

@media screen and (max-width:860px){
#hd_pop{width:100%;}
#hd_pop > div{top:10px !important; left:10px !important; right:10px;}
.hd_pops_con{width:auto !important; height:auto !important;}
.hd_pops_con table{width:100% !important;}
.hd_pops_con img{width:100% !important; height:auto !important;}
.top_bar > div, .logo_wrap > div, .menu_bar > div, .main_content, .pr_content, .customer, .footer_menu > div, .footer_content > div{width:auto;}
.footer_content_wrap img{width:120px;}
.logo_wrap > div{padding:0 10px;}
.top_content{right:10px;}
.top_bar > div{padding:0 10px;}
.all_menu{display:none;}

.camera li{height:450px;}
.pro_arrow{top:-1px;}
.main_content{padding:40px 10px;}
.content_li{ width:50%; margin:10px 0;}
.content_li h2{font-size:18px;}
.content_li p{font-size:14px; }
.content_li p br{display:none;}

.pr_wrap{padding:40px 0;}
.pr_kakao{background-size:60px; background-image:none;}
.pr_kakao_txt{padding:10px 10px 10px 10px;}
.pr_kakao_txt h3{font-size:18px;}
.pr_kakao_txt p{font-size:14px;}
.pr_kakao_txt p br{display:none;}
.pr_kakao span{margin-top:0; font-size:14px;}
.fb_iframe_widget_fluid span, .fb_iframe_widget_fluid span iframe, ._2p3a{width:100% !important;}
.fb_iframe_widget_fluid span{height:153px !important; overflow:hidden;}
.pr_content{padding: 0 20px 0 10px;}
.pr_content > div > div{padding: 0 0px;}
.pro_list {padding:40px 20px;}

.pro_list ul li img{width:100%;}
.pro_list .bx-wrapper .bx-controls-direction a{background-size:50px; width:50px; height:50px;}

.customer{padding:40px 0;}
.customer li a{font-size:14px; display:block;text-overflow: ellipsis; width:250px; white-space: nowrap; overflow:hidden;}
.customer h2{font-size:18px;}
.m_center li{font-size:14px;}
.m_center li.cus_tel{font-size:25px;}
.m_center li.time{letter-spacing:-1px;}

.footer_content{padding:0 10px;}
.f_address{margin-top:15px;}
.pr_kakao{height:auto;}

.main_banner_wrap{padding-left:20px; padding-right:20px;}
.main_banner{padding-top:60px; padding-bottom:60px;}
.main_banner h2{font-size:30px; line-height:1;}
.main_banner_wrap{margin-top:20px;}

.footer_menu{padding-left:10px; }
.footer_menu ul{display:flex; flex-wrap:wrap; gap:8px;}
.footer_menu li{display:block; margin-left:0; padding-left:0; border-left:0; position:relative; font-size:13px; width:calc(50% - 4px);}


}

.ban_modal{ z-index:9999999 !important; width:auto !important; left:50% !important; margin-left:-425px; max-width:850px; top:100px !important;}
.ban_modal h2{background:red; color:#fff; padding:10px 20px; font-size:25px;}
.ban_modal > div{background:#fff; border:2px solid red; padding:20px; font-size:16px; color:#000; box-sizing:border-box; height:auto !important; overflow-y:auto; }
.ban_modal a{word-break:break-all;}
.ban_p{font-size:18px; margin-bottom:10px; border-bottom:1px solid #ddd; padding-bottom:10px;}

.mobile_main_menu{display:none;}

@media screen and (max-width:748px){
.main_menu{display:none;}
.mobile_main_menu{display:flex; overflow-x:scroll; gap:18px; padding-left:16px; padding-right:16px;}
.dep1{margin-left:0;}
.dep1 > a{font-size:13px; letter-spacing:-0.02em; height:44px; line-height:44px; white-space:nowrap; padding-right:10px; position:relative; font-weight:500;}
.dep1.mobile_menu_btn08 > a:after, .dep1.mobile_menu_btn09 > a:after{content:''; display:block; position:absolute; right:0; top:50%; margin-top:-1px;
width: 0;
  height: 0;
  border-bottom: 3px solid transparent;
  border-top: 3px solid  #fff;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;}
.dep1.mobile_menu_btn10 > a:after{display:none;}

.mobile_menu_wrap.dep2{height:auto; display:none; top:44px; width:100%; overflow-x:auto; font-weight:500;}
.mobile_menu_wrap.dep2.active{display:flex;}
.mobile_menu_wrap.dep2 > li > a{font-size:13px; letter-spacing:-0.03em; padding:8px; white-space:nowrap; border-bottom:0;}

.mobile_menu_wrap{display:block;}
.top_bar > div{font-size:12px; height:40px; line-height:40px;}
.top_menu{margin-top:12px;}
.top_menu li{font-size:12px; letter-spacing:-1px; margin-left:6px; padding-left:6px;}
.top_tel{background-size:10px; padding-left:16px;}
.logo_wrap > div{height:75px;}
.top_content{top:25px;}
.logo{padding-top:20px;}
.logo img{width:140px;}
.mobile_menu_wrap{height:45px; position:absolute;}
.top_content .top_topic, .top_content > div.top_kakao{display:none;}
.menu_bar .top_kakao{border-left:0; margin-left:0; padding-left:0;}
.menu_bar .top_kakao a{ color:#fff; border-left:0; background: url(../2018_images/m_top_kakao.gif) 10px 9px no-repeat; padding-left:50px; background-size:30px; font-size:12px; line-height:17px; margin-left:0; padding-top:5px; display:block;}
.menu_bar .top_kakao, .menu_bar .top_topic{display:inline-block;}
.menu_bar .top_topic{font-size:12px; border-left:0; padding-left:0;}
.top_topic a{display:block; background:url('../2018_images/m_topic.png') left center no-repeat; padding-left:40px; background-size:30px;}
.menu_bar .top_topic span{color:#fff;}
.gallery img{width:25px;}
.gallery h3{font-size:16px;}
.main_menu{display:none;}
.mobile_menu{display:block;}
.product_title{font-size:20px; height:45px; line-height:45px;}
.pro_arrow{width:23px; height:12px; background-size:100%; margin-left:-6px;}
.content_li{display:block; width:100%; margin-top:25px;}
.content_li:first-child{margin-top:0;}
.pr_content > div{display:block; width:100%; margin-top:25px;}
.pr_content > div:first-clihd{margin-top:0;}
.customer > div{width:100%; display:block; margin-top:25px;}
.customer > div:first-clihd{margin-top:0;}
.pr_wrap h2{font-size:20px;}

.camera li{height:auto;}
.customer li a{width:100%;}
.f_address p{font-size:13px; line-height:18px;}
.comodo{width:70px;}
.pr_kakao_wrap{padding-top:0;}
.pr_kakao{position:static; padding-bottom:20px; display:block;}
.fb_iframe_widget_fluid span{height:208px !important; overflow:hidden;}
.fb_iframe_widget_fluid span html ._2p3a{width:100% !important;}
.pr_content:first-child, .pr_content:nth-child(2){padding:0 10px;}

.mobile_btn{position:absolute; top:0; right:0; display:block; height:45px; width:45px; background:#9d2224; text-align:center; line-height:50px;}
.mobile_btn img{width:20px;}

.drawer-nav{position:fixed;z-index:9999;top:0;overflow:hidden;width:16.25rem;height:100%;color:#222;background-color:#3c3c3c; border-top:3px solid #b21f24;}
.drawer-brand{font-size:1.5rem;font-weight:700;line-height:3.75rem;display:block;padding-right:.75rem;padding-left:.75rem;text-decoration:none;color:#222}.drawer-menu{margin:0;padding:0;list-style:none}
.drawer-menu-item{font-size:14px;display:block; padding:.55rem;text-decoration:none;color:#fff; border-bottom:1px solid #666;}
.drawer-menu-item:hover{color:#fff;background-color:#282828;}
.drawer-overlay{position:fixed;z-index:100;top:0;left:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.2)}
.drawer-open .drawer-overlay{display:block}.drawer--top .drawer-nav{top:-100%;left:0;width:100%;height:auto;max-height:100%;-webkit-transition:top .6s cubic-bezier(.19,1,.22,1);transition:top .6s cubic-bezier(.19,1,.22,1)}.drawer--top.drawer-open .drawer-nav{top:0}.drawer--top .drawer-hamburger,.drawer--top.drawer-open .drawer-hamburger{right:0}.drawer--left .drawer-nav{left:-16.25rem;-webkit-transition:left .6s cubic-bezier(.19,1,.22,1);transition:left .6s cubic-bezier(.19,1,.22,1)}.drawer--left .drawer-hamburger,.drawer--left.drawer-open .drawer-nav,.drawer--left.drawer-open .drawer-navbar .drawer-hamburger{left:0}.drawer--left.drawer-open .drawer-hamburger{left:16.25rem}.drawer--right .drawer-nav{right:-16.25rem;-webkit-transition:right .6s cubic-bezier(.19,1,.22,1);transition:right .6s cubic-bezier(.19,1,.22,1)}.drawer--right .drawer-hamburger,.drawer--right.drawer-open .drawer-nav,.drawer--right.drawer-open .drawer-navbar .drawer-hamburger{right:0}
/*.drawer--right.drawer-open .drawer-hamburger{right:16.25rem}*/
.drawer-hamburger{background:#9d2224; position:absolute;z-index:4;top:0;display:block;box-sizing:content-box; padding:0;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);-webkit-transform:translateZ(0);transform:translateZ(0);border:0;outline:0;}
.drawer-hamburger:hover{cursor:pointer;background-color:transparent}
.drawer-hamburger-icon{position:relative;display:block;margin-top:10px}.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{width:100%;height:2px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);background-color:#222}.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{position:absolute;top:-10px;left:0;content:' '}.drawer-hamburger-icon:after{top:10px}.drawer-open .drawer-hamburger-icon{background-color:transparent}.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{top:0}.drawer-open .drawer-hamburger-icon:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.drawer-open .drawer-hamburger-icon:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;overflow:visible;clip:auto;width:auto;height:auto;margin:0}.drawer--sidebar,.drawer--sidebar .drawer-contents{background-color:#fff}@media (min-width:64em){.drawer--sidebar .drawer-hamburger{display:none;visibility:hidden}.drawer--sidebar .drawer-nav{display:block;-webkit-transform:none;-ms-transform:none;transform:none;position:fixed;width:12.5rem;height:100%}.drawer--sidebar.drawer--left .drawer-nav{left:0;border-right:1px solid #ddd}.drawer--sidebar.drawer--left .drawer-contents{margin-left:12.5rem}.drawer--sidebar.drawer--right .drawer-nav{right:0;border-left:1px solid #ddd}.drawer--sidebar.drawer--right .drawer-contents{margin-right:12.5rem}.drawer--sidebar .drawer-container{max-width:48rem}}@media (min-width:75em){.drawer--sidebar .drawer-nav{width:16.25rem}.drawer--sidebar.drawer--left .drawer-contents{margin-left:16.25rem}.drawer--sidebar.drawer--right .drawer-contents{margin-right:16.25rem}.drawer--sidebar .drawer-container{max-width:60rem}}.drawer--navbarTopGutter{padding-top:3.75rem}.drawer-navbar .drawer-navbar-header{border-bottom:1px solid #ddd;background-color:#fff}.drawer-navbar{z-index:3;top:0;width:100%}.drawer-navbar--fixed{position:fixed}.drawer-navbar-header{position:relative;z-index:3;box-sizing:border-box;width:100%;height:3.75rem;padding:0 .75rem;text-align:center}.drawer-navbar .drawer-brand{line-height:3.75rem;display:inline-block;padding-top:0;padding-bottom:0;text-decoration:none}.drawer-navbar .drawer-brand:hover{background-color:transparent}.drawer-navbar .drawer-nav{padding-top:3.75rem}.drawer-navbar .drawer-menu{padding-bottom:7.5rem}@media (min-width:64em){.drawer-navbar{height:3.75rem;border-bottom:1px solid #ddd;background-color:#fff}.drawer-navbar .drawer-navbar-header{position:relative;display:block;float:left;width:auto;padding:0;border:0}.drawer-navbar .drawer-menu--right{float:right}.drawer-navbar .drawer-menu li{float:left}.drawer-navbar .drawer-menu-item{line-height:3.75rem;padding-top:0;padding-bottom:0}.drawer-navbar .drawer-hamburger{display:none}.drawer-navbar .drawer-nav{position:relative;left:0;overflow:visible;width:auto;height:3.75rem;padding-top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.drawer-navbar .drawer-menu{padding:0}
.drawer-navbar .drawer-dropdown-menu{position:absolute;width:16.25rem;border:1px solid #ddd}
.drawer-navbar .drawer-dropdown-menu-item{padding-left:.75rem}}
.drawer-dropdown-menu{display:none;box-sizing:border-box;width:100%;margin:0;padding:0;background-color:#282828;}.drawer-dropdown-menu>li{width:100%;list-style:none;}
.drawer-dropdown-menu-item{font-weight:300; display:block;padding:6px 0;padding-right:.75rem;padding-left:.75rem;text-decoration:none;color:#fff; font-size:14px; word-break:keep-all;}
.drawer-dropdown-menu li + li{border-top:1px dotted rgba(255,255,255,0.1);}
.drawer-dropdown-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}.drawer-dropdown.open>
.drawer-dropdown-menu{display:block; border-bottom:1px solid #666;}
.drawer-dropdown .drawer-caret{display:inline-block;width:0;height:0;margin-left:4px;-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.drawer-dropdown.open .drawer-caret{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.drawer-container{margin-right:auto;margin-left:auto}@media (min-width:64em){.drawer-container{max-width:60rem}}@media (min-width:75em){.drawer-container{max-width:70rem}}

.camera .bx-wrapper .bx-pager{bottom:10px;}
.camera .bx-wrapper .bx-pager.bx-default-pager a{text-indent: 100099px; display: block; width: 10px; height: 10px; margin: 0 2px; outline: 0; border:2px solid #fff; background:#444; border-radius:50%;}
.camera .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {border:3px solid #fff; background:#9d2324; border-radius:50%;}

.m_pro_list{display:block;background:url('../2018_images/pro_bg.gif') center top no-repeat; background-size:cover; padding:40px 0;}
.m_pro_list ul{font-size:0; padding:0 5px;}
.m_pro_list li{font-size:14px; width:50%; display:inline-block; zoom:1; *display:inline;}
.m_pro_list p{color:#fff; background:#1f201f; text-align:center; font-size:13px; height:35px; line-height:35px; font-weight:300; letter-spacing:-1.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.m_pro_list li{position:relative;}
.m_pro_list article{padding:5px;}
.m_pro_list img{display:block; width:100%;}
.m_pro_list li div, .m_pro_list li a{position:absolute; top:0; right:0; bottom:0; left:0;}
.m_pro_list li div{bottom:45px;background:rgba(0,0,0,0.4) url('../2018_images/pro_plus.png') center center no-repeat; display:block;}
.m_pro_list li a{opacity:0; }
.m_pro_list li a:hover{opacity:1;}

.bank ul{background-size:45px; padding-left:60px;}
.bank ul li{ font-size:14px;}

.ban_modal{ z-index:9999999 !important; width:auto !important; left:10px !important; right:10px;top:20px !important; margin-left:0 !important;    word-break: break-all;}
.ban_modal h2{background:red; color:#fff; padding:10px 20px; font-size:25px;}
.ban_modal > div{background:#fff; border:2px solid red; padding:20px; font-size:16px; color:#000; box-sizing:border-box; height:auto !important; overflow-y:auto; }
.ban_p{font-size:18px; margin-bottom:10px; border-bottom:1px solid #ddd; padding-bottom:10px;}

.top_popup_wrap{display:block; height:auto;}
.top_popup_wrap > div{display:block;}
.top_popup_wrap > div:first-child{text-align:left;}
.top_popup_wrap > div:first-child:before{display:none;}
.top_popup {padding:20px; height:auto; bottom:auto;}
.top_popup .inner{height:auto;}
.top_popup h2{font-size:20px;}
.top_popup div{padding:0;}
.top_popup p{word-break:keep-all; padding-top:8px; font-size:14px; line-height:21px;}
.top_popup br{display:none;}
.top_popup_wrap a{font-size:14px; padding:0 6px; height:30px; line-height:30px;}
.close_wrap{bottom:5px;}

.main_banner h2{font-size:20px;}
.main_banner_wrap{display:block;}
.main_banner_wrap > div + div{margin-top:20px;}

.pro_list{padding-left:10px; padding-right:10px;}
.pro_list ul{ margin-top:-30px; gap:10px; margin-left:0; margin-right:0;}
.pro_list li{margin-top:30px;}
.pro_list ul li{width:calc(50% - 5px); padding:0;}

.pro_list_name{font-size:15px; letter-spacing:-0.05em;}
.pro_list_p{font-size:13px;}
.pro_list_sale{font-size:18px;}
.pro_list_sale span{font-size:14px;}

.product_tag{display:block; font-size:0; margin-top:6px;}
.sale_price{margin-top:6px;}
.product_price .default_price{margin-top:4px;}
.product_tag span{display:inline-block; font-size:12px; letter-spacing:-0.03em; margin-right:3px;}
.product_tag span + span{margin-top:4px; margin-left:0;}



}
@media screen and (max-width:440px){
.top_tel{display:none;}
}