@charset 'utf-8';
body.open { overflow-y: hidden; width: 100%; height: 100vh; min-height: 100vh; }
.wrap {display: flex; flex-direction: column; overflow: hidden; position: relative; box-sizing: border-box; width:100%;max-width:640px;font-size: 1rem;white-space: normal; letter-spacing:-0.025em; word-wrap: break-word; word-break: break-word;margin:0 auto;}

#ch-plugin-custom-button {position: fixed;  z-index: 999; bottom: 120px; left: 5px; width: 125px; height: 40px; cursor: pointer; animation: hp59566 .2s cubic-bezier(.1, 0, .6, 1); color: white; border: 1px solid rgb(246, 222, 23); border-radius: 40px; background-color: rgb(255, 230, 23); }
.menu_wrap {position: fixed; z-index: 100; top: 0; bottom: 0; left: -100%;  width: 100%; height: 100%; background: #fff; }
.gnb_wrap {overflow-y: scroll; z-index: 1;  max-width: 640px; height: 100%; margin: 0 auto; background: #fff; -webkit-overflow-scrolling: touch; }
.gnb { position: relative; }
.gnb .gnb_xbtn { position: absolute; right: 5%; width: 4.84375%; margin-top: 6.3%; }
.gnb .gnb_top { font-size: 0; border-bottom: 1px solid #437794; }
.gnb .gnb_top .gnb_logo { padding: 5% 0; text-align: center; background: #3d3d3d; }
.gnb .gnb_top .gnb_logo img { width: 34.375%; }
.gnb .gnb_top .mem_wrap { display: block; overflow: hidden; width: 100%; vertical-align: middle; border-top: 1px solid #5c5c5c; background: #3d3d3d; }
.gnb .gnb_top .mem_wrap a { float: left; width: 50%; font-size: 3.7vw; line-height: 270%; text-align: center; color: #e5e5e5; }
.gnb .gnb_top .mem_wrap a:first-of-type { box-sizing: border-box; border-right: 1px solid #5c5c5c; }
.gnb .gnb_top .mem_wrap a img { width: 100%; }
.gnb ul.quickMenu { overflow: hidden; }
.gnb ul.quickMenu li {float: left; position: relative;  width: 20%; text-align: center; }
.gnb ul.quickMenu li:after {position: absolute; top: 0; right: 0; width: 1px; height: 50%; margin-top: 25%;  content: ''; background: #e1e1e1; }
.gnb ul.quickMenu li:last-child:after { width: 0; height: 0; }
.gnb ul.quickMenu li div img { width: 32%; }
.gnb ul.quickMenu li a { display: block; padding: 15% 0; }
.gnb ul.quickMenu li p {padding-top: 5px; font-size: 3vw;  line-height: 140%; color: #3d3d3d; }
.gnb ul.quickMenu li a.double { line-height: 12px; }

.category_title { overflow: hidden; }
.category_title h2 { float: left; width: 50%; font-size: 18px; line-height: 60px; text-indent: 10px; color: #000; }

.gnb div.categoryWrap {border-bottom: 1px solid #d5d5d4;  background: #f4f4f4; }
.gnb dl.category { overflow: hidden; }
.gnb dl.category dt { float: left; width: 50%; }
.gnb dl.category dt ol li {display: block; position: relative; border-top: 1px solid #d5d5d4;  background: #f4f4f4; }
.gnb dl.category dt ol li.dummy { height: 60px; }
.gnb dl.category dt ol li a {display: block; padding: 8% 0 8% 10%; font-size: 4vw; font-weight: 400; letter-spacing: -1px;  color: #2c2c2c; }
.gnb dl.category dt ol li div { display: none; }
.gnb dl.category dt ol li div a {padding: 8% 0 8% 10%; border-top: 1px solid #d5d5d4;  background: #fff; }
/* .gnb dl.category dt ol li:after { content: ""; background: url(/m/img/common/new_more.png) 50% 50% no-repeat; width: 14px; height: 14px; position: absolute; left:10px; top:23px; background-size: 14px; z-index: 10; } */
.gnb dl.category dt ol li > a { position: relative; }
.gnb dl.category dt ol li > a:before {position: absolute; z-index: 10; top: 50%; right: 10%; width: 18px; height: 18px; margin-top: -9px;  content: ''; background: url(/m/img/svg/right-arrow.svg) 50% 50% no-repeat; background-size: cover; }
.gnb dl.category dt ol li > a.active:before {position: absolute; z-index: 10; top: 50%; right: 10%; width: 18px; height: 18px; margin-top: -9px;  content: ''; background: url(/m/img/svg/down-arrow.svg) 50% 50% no-repeat; background-size: cover; }
.gnb dl.category dt ol li div a .depth3 { display: none; }
.gnb dl.category dt ol li.dummy:after, .gnb dl.category dt ol li.dummy:before { content: none; }
.gnb_sns { font-size: 0; text-align: center; }
.gnb_sns a { display: inline-block; width: 35px; margin: 5% 5px 10%; }
.gnb_sns a img { width: 100%; }

.gnb_ad { margin: 5% 0 0; }
.gnb_ad img { width: 100%; }

.quick_wrap {position: absolute; z-index: 10; top: 0; left: 0;  width: 100%; }
.quick {display: none; position: absolute; z-index: 1; top: 0; left: 0;  width: 100%; background: #111; }
.quick ul { font-size: 0; text-align: center; }
.quick ul li { display: inline-block; box-sizing: border-box; width: 25%; padding: 1.7% 0 3%; border-right: 1px solid #5c5c5c; background: #3d3d3d; }
.quick ul li:last-of-type { border-right: 1px solid #3d3d3d; }
.quick ul li a { display: block; width: 100%; height: 100%; }
.quick ul li img { width: 30%; }
.quick ul li p {font-size: 2.7vw; letter-spacing: -1px;  color: #fff; }

.quick ol li {display: block; position: relative;  line-height: 60px; border-top: 1px solid #d5d5d4; background: #f4f4f4; }
.quick ol li a {display: block; padding-left: 5%; font-size: 4vw; font-weight: 400; line-height: 300%; letter-spacing: -1px;  color: #2c2c2c; }

.quick ol li > a { position: relative; }
.quick ol li > a:before {position: absolute; z-index: 10; top: 50%; right: 5%; width: 18px; height: 18px; margin-top: -9px;  content: ''; background: url(/m/img/svg/down-arrow.svg) 50% 50% no-repeat; background-size: cover; }
.quick ol li div a {padding-left: 5%; line-height: 300%; border-top: 1px solid #e1e1e1;  background: #fff; }

.quickKakao {position: fixed;  z-index: 1000000000; top: -100%; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: #feea29; }
.quickKakao .quick_formCon {overflow: hidden; border: 1px solid #dbdbdb; border-radius: 5px;  background: #fff; }
.quickKakao input[type='text'], .quickKakao input[type='number'] {width: 100%;  height: 43px; font-size: 14px; text-indent: 10px; border: none; }
.quickKakao select {width: 100%; height: 43px; padding: 0 10px; font-size: 14px; text-align: left; text-align-last: left; color: #666;  border: none; background-color: white; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAvklEQVQoFY2QMQqEMBBFv7ERa/EMXkGw11K8QbDXzuN4BHv7QO6ifUgj7v4UAdlVM8Uwf+b9YZJISnlqrfEUZVlinucnBGKaJgghbiHOyLyFKIoCbdvecpyReYvo/Ma2bajrGtbaC58kCdZ1RZ7nl/4/4d5EsO/7nzl7IUtodBexMMagaRrs+06JLMvcNWmaOv2W/C/TMAyD58dxROgSmvxFFMdxoOs6lliWBXEcuzokXRbRoJRyvqqqQvye+QDMDz1D6yuj9wAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-position: right center; -webkit-appearance: none; }
.quickKakao .phone { overflow: hidden; }
.quickKakao .phone select {float: left;  width: 30%; margin: 0; }
.quickKakao .phone input {float: left;  width: 30%; }
.quick_form_btn {margin: 15px 0; font-size: 16px; line-height: 46px; text-align: center; color: #fff; border-radius: 5px;  background: #381e1f; }


.footer {padding:0 0 90px !important;background:#f6f6f6;}
.footer .foot_sns_wrap {text-align:center;padding :20px 0 10px;}
.footer .foot_sns {font-size:0;margin-bottom:0;}
.footer .foot_sns a {display:inline-block;width:35px;height:35px;border-radius:35px;margin-right:2.5%;background-position:50% 50%;background-repeat:no-repeat;text-indent:-9999px}
.footer .foot_sns a.ico_youtube {background-image:url("/m/img/common/ico_gray_youtube.gif?ver=241218");}
.footer .foot_sns a.ico_instagram {background-image:url("/m/img/common/ico_gray_instagram.gif?ver=241218");}
.footer .foot_sns a.ico_twitter {background-image:url("/m/img/common/ico_gray_twitter.gif?ver=241218");}
.footer .foot_sns a.ico_line {background-image:url("/m/img/common/ico_gray_line.gif?ver=241218");}
.footer .foot_sns a.ico_ameblo {background-image:url("/m/img/common/ico_gray_ameblo.gif?ver=2412181");}
.footer .foot_lan {width:300px;margin:0 auto;text-align:center;}
.footer .foot_lan li {display:inline-block;width:40px;height:30px;margin:0 7px 15px;box-shadow:3px 3px 5px 0 #cdcdcd;}
.footer .foot_lan a {display:block;}
.footer .address {font-size:0.9rem;line-height:1.3;color:#747271;letter-spacing:0;}
.footer .address p, .footer .address div { margin-bottom : 20px; }
.footer .address p.last {margin-bottom:0;text-align: center;padding: 0 10px;font-size: 0.7rem;letter-spacing: -0.05em;color: #adadad;}
.footer .address .tit {text-align:left;padding: 0 15px;line-height: 1.4;color:#999;}
.footer .address .btn_infoTitle {border:1px solid #edebeb;padding:10px 0;margin:0 10px;border-radius:3px;margin-bottom: 18px;background: #fff;text-align:center;}
.footer .address .btn_infoTitle .infoTitle {display :inline-block;font-size:15px;color: #898989;padding-right:20px;position :relative;letter-spacing:0.025em;font-weight: 600;}
.footer .address .btn_infoTitle .infoTitle:after {content:'\e941';font-family:xeicon;position:absolute;right:0;font-size:16px;color:#747271;top:50%;line-height:16px;margin-top:-8px;}
.footer .address .btn_infoTitle .infoTitle.on:after {content:'\e944';font-family:xeicon;position:absolute;right:0;font-size:16px;color: #898989;top:50%;line-height:16px;margin-top:-8px;}
.footer .address div .infoDesc {display:none;text-align:left;font-size:0.8rem;line-height:1.4;color:#999;padding:10px 15px;margin:0;letter-spacing:0;}
.footer .footer_notice {font-size: 13px;line-height: 1.2;padding: 5px 7px;background: #eee;text-align: center;margin-bottom:18px;letter-spacing: -0.025em;} 
@media (min-width:640px) {
	.footer .foot_lan {width:100%;}
}

.sub_nav { position: relative; }
.sub_nav:after {display: block; clear: both;  content: ''; }
.sub_nav .snav_wrap { float: left; box-sizing: border-box; width: 50%; }
.sub_nav .snav_wrap.subn_01 { border-right: 1px solid #111; }
.sub_nav .snav_wrap.subn_02 { border-right: 1px solid #fff; }
.sub_nav .snav_wrap a.snav_b { display: block; box-sizing: border-box; width: 100%; padding: 7.8125% 5%; font-size: 4.6875vw; color: #040a1b; border-bottom: 1px solid #111; background: url('/m/img/common/sub_nav_bg.png') no-repeat 92% 50%; background-size: 8%; }
.sub_nav .snav_wrap .sub_slide { display: none; position: absolute; z-index: 50; width: 50%; border-bottom: 1px solid #111; background: #fff; }
.sub_nav .snav_wrap .sub_slide a { display: block; box-sizing: border-box; width: 100%; padding: 6.27%; font-size: 3.75vw; color: #040a1b; }
.sub_nav .snav_wrap .sub_slide .depth3 { display: none; }
.sub_nav .snav_wrap .sub_slide.slid01 {left: 0;  width: calc(50% - 1px); border-right: 1px solid #111; }
.sub_nav .snav_wrap .sub_slide.slid02 {left: calc(50% - 1px);  width: calc(50% - 1px); border-left: 1px solid #111; }

#fixedConsult { position: fixed; z-index: 10; bottom: 0; width: 100%; max-width: 640px; background: rgba(0, 0, 0, .7); }
#fixedConsult .wrapper { overflow: hidden; padding: 10px; }
#fixedConsult .wrapper .txtWrap {float: left;  width: calc(80% - 10px); margin-right: 10px; }
#fixedConsult .wrapper .btnWrap {float: left;  width: 20%; }
#fixedConsult .wrapper .txtWrap > div { overflow: hidden; }
#fixedConsult .wrapper .txtWrap > div.last { margin-top: 10px; }
#fixedConsult .wrapper p, #fixedConsult .wrapper .fixedPart, #fixedConsult .wrapper .fixedPart ul li, #fixedConsult .wrapper .fixedSubmit { float: left; }
#fixedConsult .wrapper input { vertical-align: middle; }
#fixedConsult .wrapper p input[type='text'] { height: 24px; border: 1px solid #dedede; }
#fixedConsult .wrapper p.fixedName { width: calc(45% - 10px); margin-right: 10px; }
#fixedConsult .wrapper p.fixedPhone { width: 55%; }
#fixedConsult .wrapper p.fixedName input, #fixedConsult .wrapper p.fixedPhone input { width: 100%; }
#fixedConsult .wrapper p.fixedPrivacy label, #fixedConsult .wrapper p.fixedPrivacy a { color: #fff; }
#fixedConsult .wrapper .fixedPart ul { overflow: hidden; margin-left: 10px; }
#fixedConsult .wrapper .fixedPart ul li {margin-right: 10px;  line-height: 1; }
#fixedConsult .wrapper .fixedPart ul li:last-child { margin-right: 0; }
#fixedConsult .wrapper .fixedPart ul li label { color: #fff; }
#fixedConsult .wrapper .fixedSubmit { display: block; width: 100%; height: 25px; font-size: 12px; line-height: 25px; text-align: center; color: #fff; background: #f26684; }
#fixedConsult .wrapper .fixedType {display: inline-block;  float: none; margin-bottom: 5px; }
#fixedConsult .wrapper .fixedType select { width: 100%; height: 26px; line-height: 26px; }
@media all and (min-width : 641px) { .gnb .gnb_top .mem_wrap a { font-size: 22px; }
    .gnb ul.quickMenu li p { font-size: 18px; }
    .gnb dl.category dt ol li a { font-size: 26px; }

    .gnb dl.category dt ol li > a:before {width: 24px; height: 24px; margin-top: -12px;  content: ''; background: url(/m/img/svg/right-arrow.svg) 50% 50% no-repeat; background-size: cover; }
    .gnb dl.category dt ol li > a.active:before {width: 24px; height: 24px; margin-top: -12px;  content: ''; background: url(/m/img/svg/down-arrow.svg) 50% 50% no-repeat; background-size: cover; }
    .quick ol li > a:before {width: 24px; height: 24px; margin-top: -12px;  content: ''; background: url(/m/img/svg/down-arrow.svg) 50% 50% no-repeat; background-size: cover; }

    .quick ul li p { font-size: 18px; }
    .quick ol li a { font-size: 26px; }

    .footer .top_btn {right: 20px; bottom: 95px;  width: 69px; }

    .sub_nav .snav_wrap a.snav_b { font-size: 30px; }
    .sub_nav .snav_wrap .sub_slide a { font-size: 24px; } }

/*
이부분 원복할때 팝업페이지로 작업된것도 모두 원복...
.header_wrap { position:fixed; top:0; border-bottom:0 !important; z-index:11; width:100%; } 
*/
.header_wrap.on { position : fixed; top : 0; background : #fff; border-bottom : 0 !important; z-index:101; width:100%;max-width:640px;}
.header_wrap.a1 { background : #fff; }
.header { height:50px;background : #f9f9f9; box-shadow : 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
.header.main_header { border-bottom : 0 !important; }
.header.sub_header { height : 44px; line-height : 44px; border-bottom : 1px solid #dcdcdc; box-shadow : none; }
.header h1 {padding:5px 0 0;text-align:center;}
.header h1 img {width:40px;}
.header .menu_btn {position:absolute;top:7px;left:5px;width:36px;}
.header .menu_btn img {width:100%;}
.header .phone_btn { width : 44px; top : 0; left : 44px; right : auto; }

.header .chat_btn {position:absolute;width:44px;top:3px;right : 0; }
.header .chat_btn img { width : 100%; }

.header .lang_btn {position:absolute;width:44px;top:3px;right:44px;}
.header .lang_btn.on { background : #fff; }
.header .lang_btn img { width : 100%; }

/*.header.sub_header h1 { height:44px; line-height:44px; text-align:center; font-size:16px; color:#000; } 
.header.sub_header h1 a { display:inline-block; font-size:16px; color:#000; } 
.header.sub_header .home_btn { position:absolute; top:0; left:5px; height:44px; line-height:44px; } 
.header.sub_header .home_btn a { display:block; color:#ee3f75; font-size:16px; font-weight:600; } 
.header.sub_header .home_btn a i { font-size:20px; line-height:44px; } 
.header.sub_header .home_btn a span { display: inline-block; height: 44px; line-height: 44px; vertical-align: top; } 
.header.sub_header .share_btn { position:absolute; top:0; right:10px; height:44px; line-height:44px; } 
.header.sub_header .share_btn a { display:block; color:#ee3f75; font-size:16px; font-weight:600; } 
.header.sub_header .share_btn img { width:100%; } */
/*
.h_lang_list { display: none; position: absolute; top: 44px; right: 88px; width: 44px; padding: 5px 0 20px; background: #efefef url(/m/img/common/lang_bg.jpg) no-repeat center top;; } 
*/
.h_lang_list { display: none; position: absolute; top:50px; right: 44px; width: 44px; padding: 5px 0 20px; background: #efefef url(/m/img/common/lang_bg.jpg) no-repeat center top;z-index:2;}
.h_lang_list li { padding: 15px 5px 0; }
.h_lang_list li img { width: 100%; }

.clear { overflow: hidden; }
.clear:after {display: block; clear: both;  content: ''; }
.quick_area { display: none; position: absolute; z-index: 99; top: 44px; left: 0; width: 100%; height: 100%; background: #fff; }
.quick_area .com_box { display: none; }
.quick_area .com_box.fast { display: block; }
.quick_area .com_box h2 { height: 45px; font-size: 12px; line-height: 45px; text-align: center; color: #fff; background: #000; }
.quick_area .cont { overflow: scroll; position: absolute; top: 45px; left: 0; box-sizing: border-box; width: 81.25%; height: calc(100% - 90px); padding: 4.81%; }

.quick_area .quick_close_btn { position: absolute; top: 13px; right: 20px; width: 20px; height: 20px; border: 0; background: url(/m/img/common/quick_close_btn.png) no-repeat center center; background-size: 100% 100%; }
/* 519 */
.quick_area .quick_list { position: absolute; top: 45px; right: 0; width: 18.75%; height: 500%; border-bottom: 1px solid #fff; background: #f2f2f2; }
.quick_area .quick_list li { border-bottom: 1px solid #fff; background-size: 100% !important; }
.quick_area .quick_list li img { width: 100%; }



.qForm .ipt { margin-bottom: 15px; }
.qForm label { display: block; width: 100%; margin-bottom: 10px; font-size: 12px; color: #747271; }
.qForm input[type=text], .qForm input[type=password], .qForm select {box-sizing: border-box;  width: 100%; height: 40px; padding: 0 10px; line-height: 40px; color: #747271; border: 1px solid #ddd; background: #fff; }
.qForm textarea {box-sizing: border-box;  width: 100%; height: 125px; padding: 10px; line-height: 1.3; color: #747271; border: 1px solid #ddd; background: #fff; }
.qForm input[type=file] {box-sizing: border-box;  width: 100%; height: 25px; padding: 0 10px; line-height: 25px; color: #747271; border: 1px solid #ddd; }

.qForm .phone select, .qForm .phone input[type=text] { width: 31.33%; }
.qForm .phone input[type=text] { margin-left: 3%; }
.qForm .com .ipt_agree { display: block; margin-top: 7px; }
.qForm .com .ipt_agree input { vertical-align: top; }
.qForm .com .ipt_agree label { display: inline-block; font-size: 11px; vertical-align: top; widtH: auto; }

.qForm .read textarea { white-space: pre-wrap; }
.qForm .read span { display: block; box-sizing: border-box; width: 100%; height: 27px; padding: 0 4.68%; line-height: 27px; text-align: right; border: 1px solid #ddd; border-top: 0; }
.qForm .read span input[type=checkbox] { line-height: 16px; vertical-align: middle; }
.qForm .read span label { display: inline; }

.qForm .mail input[type=text] { width: 46.5%; }
.qForm .mail span.gol { display: inline-block; width: 7%; text-align: center; }
.qForm .file1 span { margin-left: 10px; font-size: 11px; }

.qForm .btn button { width: 48.93%; height: 30px; margin-right: 2.14%; line-height: 30px; text-align: center; vertical-align: top; color: #fff; border: 0; background: #3d3c3e; }
.qForm .btn a { display: inline-block; width: 48.93%; height: 30px; line-height: 30px; text-align: center; vertical-align: top; color: #fff; border: 0; background: #b7b7b7; }

.menu_wrap { top:50px; width: 42.34%; height: calc(100% - 50px); background: transparent; }

.gnb_wrap {overflow-y: visible;  position: relative; max-width: 100%; height: 100%; background: transparent; }

.depth1 { position: relative; top: 0; left: 0; width: 100%; height: 100%; border-right: 1px solid #dcdcdc; background: #fff; }
.gnb_xbtn {display:inline-block;position:absolute;top:-30px;right:10px;width:25px !important;height:25px !important;z-index:99;}
.gnb_t_menu { padding: 15px 4.44%;border-bottom:1px solid #dcdcdc;}
.gnb_t_menu .mem_wrap { position: relative; }
.gnb_t_menu a { display: inline-block; width: 32.59%; height: 25px; font-size: 11px; line-height: 25px; text-align: center; color: #ee3f75; border: 1px solid #ee3f75; }
.gnb_t_menu a:first-child { margin-right: 4.44%; }
#gnb { overflow-y: scroll; position: absolute; width: 100%; height: calc(100% - 55px); word-break: keep-all; outline: none; background: #fff; }

#gnb_list { position: relative; z-index: 99;}
#gnb_list li { position: relative; height: 54px; padding-left: 4.44%; line-height: 54px; color: #747271; border-bottom: 1px solid #dcdcdc; }
#gnb_list li:after {display: block; position: absolute; top: 40%; right: 10px; width: 6px; height: 13px;  content: ''; background: url(/m/img/common/ico_arrow.png) no-repeat; background-size: 100% 100%; }
#gnb_list li.on:after {display: block; position: absolute; top: 40%; right: 10px; width: 6px; height: 13px;  content: ''; background: url(/m/img/common/ico_arrow2.png) no-repeat; background-size: 100% 100%; }
#gnb_list li.on {font-weight: bold; color: #777;  background: #eee; }

.depth2 { position: absolute; z-index: -1; top:29px; right: 999.9%; width: 100%; height: 0; transition: all .3s ease; border: 1px solid #dcdcdc; background: #fff; }
.depth2.on {overflow: scroll; right: -99.9%;  height: 100%; }
.depth2 .sub_list { display: none; box-sizing: border-box; padding: 10px 0; }
.depth2 .sub_list li { height: 30px; padding: 0 7.08%; }
.depth2 .sub_list li.on { height: auto; }
.depth2 .sub_list li a { display: block; width: 100%; height: 100%; font-size: 13px;line-height:30px; color: #747271; }
.depth3 { display: none; }
.depth2 .sub_list li.depth3 { padding: 0 15%; }
.depth2 .sub_list li.depth3 a { font-size: 13px; }




.mainListArea:after, .mainBanner:after, .shopMakingArea:after {display: block; width: 100%; height: 10rem;  content: ''; background-color: #f8f8fb; }

.ui-card-list.typeBuy { margin: 20rem 0 10rem 0; padding-bottom: 0; }

.ui-card-list.typeBuy .card-items li { width: 100%; margin: 0 0 10rem; }

.ui-card-list.typeBuy .card-items .card-info-box { padding: 18rem 16rem; }

.ui-card-list.typeBuy .card-cate, .ui-card-list.typeBuy .action-box { font-size: 11rem; line-height: 16rem; }

.ui-card-list.typeReview { padding-bottom: 10rem; }

.ui-card-list.typeReview .card-items .card-info-box { width: calc(100% - 126rem); padding: 0 0 0 10rem; }

.ui-card-list.typeReview .card-items li .card-img { width: 126rem; }

.mainListArea .ui-card-list.typeReview { padding-top: 20rem; padding-bottom: 0; }

.mainListArea .ui-card-list.typeReview .card-items li { width: 100%; margin: 0 0 20rem 0; }

.mainListArea .ui-card-list.typeReview .card-items li:last-child { margin: 0 0 30rem; }

.ui-card-list.typeReview .card-items .card-info-box .review-title { font-size: 11rem; line-height: 16rem; }

.ui-card-list.typeReview .card-items .card-info-box .review-name { padding: 0 0 0 4rem; font-size: 11rem; line-height: 16rem; }

.ui-card-list.typeReview .card-items .card-info-box .review-info { margin-top: 2rem; }

.ui-card-list.typeReview .card-items .card-info-box .review-info .review-num { font-size: 11rem; line-height: 16rem; color: #545b66; }

.ui-card-list.typeReview .card-items .card-info-box .review-info .review-num:before {display: inline-block; width: 14rem; height: 14rem; margin: -2px 0 0;  content: ''; vertical-align: middle; background: url('https://img.cafe24.com/dcenter/image/front/sprite_icons.png') no-repeat -100rem -72rem / 145rem auto; }

.ui-card-list.typeReview .card-items .card-info-box .review-detail { margin-top: 2rem; font-size: 12rem; line-height: 17rem; }

.ui-card-list.typeThumbnail { padding-top: 20rem; padding-right: calc(28rem - 10px); padding-bottom: 20rem; }

.ui-card-list.typeThumbnail .card-items li { width: calc(50% - 10px); margin: 0 10px 10rem 0; }

.ui-card-list.typeProduct { padding-top: 20rem; padding-bottom: 0; }

.ui-card-list.typeProduct .card-items li { width: 100%; margin: 0 0 20rem; }

.ui-card-list.typeProduct .card-items .card-info-box { padding: 18rem 16rem; }

.mainBanner { padding: 0; background-color: #f8f8fb; }

.main-scroll-srch + .mainBanner { margin: 30rem 0 0 0; }

.mainBanner .grid2 { margin: 0; }

.mainBanner .grid2 li { width: 100%; padding: 0; }

.mainBanner .grid2 li + li { padding: 10rem 0 0 0; }

@media (max-width : 640px) { .black_bg2 { left: 0; margin-left: 0; }
    .depth2.on {right: -100.9%;  height: 100%; } }

.daqPop { position: fixed; z-index: 1000; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .5); }
.daqPop .popContainer {position: relative; top: 50%; width: calc(100% - 20px);  max-width: 620px; margin: 0 auto; transform: translateY(-50%); }
.daqPop .popContainer .popClose {margin-bottom: 15px;  text-align: right; }
.daqPop .popContainer .popClose i { position: relative; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #191919; border-radius: 20px; background: #e5e5e5; }
.daqPop .popWrapper {border-radius: 10px;  background: #fff; }
.daqPop .popWrapper .popTitle {position: relative;  height: 54px; border-bottom: 1px solid #dcdcdc; }
.daqPop .popWrapper .popTitle .icon { position: absolute; top: 12px; left: 15px; font-size: 14px; color: #000; }
.daqPop .popWrapper .popTitle .icon img { width: 30px; }
.daqPop .popWrapper .popTitle .icon span { line-height: 30px; }
.daqPop .popWrapper .popTitle .more { position: absolute; top: 12px; right: 15px; line-height: 30px; }
.daqPop .popWrapper .popContent { padding: 15px; }
.daqPop .popWrapper .popContent .daqInfo .title { display: block; font-size: 14px; color: #000; }
.daqPop .popWrapper .popContent .daqInfo .desc {display: block; margin-top: 10px;  font-size: 12px; line-height: 140%; color: #747271; }
.daqPop .popWrapper .popContent .daqInfo .desc > p { line-height: 140%; }

.daqPop .popWrapper .popContent .thumb {overflow: hidden; position: relative;  width: 100%; margin-top: 20px; padding-bottom: 55.75%; }
.daqPop .popWrapper .popContent .thumb img { position: absolute; top: 0; left: 0; width: 100%; margin-top: -10%; }
.daqPop .popWrapper .popContent .thumb:after {position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; margin-top: -15px; margin-left: -15px;  content: ''; background: url(/m/img/common/icon_play.png) no-repeat 0 0; background-size: 30px; }

.daqPop .popWrapper .popContent .thumb.video {position: relative;  padding: 56.25% 0 0 0; }
.daqPop .popWrapper .popContent .thumb.video iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }
.daqPop .popWrapper .popContent .thumb.video:after { content: none; }

.privacy {margin-bottom: 30px;  text-align: center; }
.privacy ul { font-size: 0; }
.privacy ul li { display: inline-block; padding: 0 15px; }
.privacy ul li a {display: inline-block; padding-bottom: 2px;  font-size: 14px; color: #747271; border-bottom: 1px solid #747271; }

.information {padding: 0 10px;  text-align: center; }
.information img { max-width: 100%; }

.family_site { position: relative; margin-bottom: 30px; line-height: 33px; letter-spacing: 0; }
.family_site img { width: 30%; }
.family_site img:first-child { margin-right: 5px; }
.family_site .slt { display: inline-block; position: relative; vertical-align: top; }
.family_site .img { display: inline-block; padding: 5px; vertical-align: top; border: 1px solid #d9d9d9; }
.family_site .img img { height: 23px; }
.family_site .arrow { display: inline-block; width: 16px; height: 33px; cursor: pointer; vertical-align: top; border: 1px solid #d9d9d9; border-left: 0; background: #eee url(/m/img/main/family_arrow.jpg) no-repeat center center; background-size: 50%; }
.family_list { display: none; position: absolute; top: 33px; left: 0; width: 100%; background: #fff; }
.family_list li {box-sizing: border-box;  width: 100%; padding: 5px; text-align: left; border: 1px solid #d9d9d9; }
.family_list li img { width: 80%; }

.wrap_bg { display: none; position: fixed; z-index: 9998; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); }
.quick_form { display: none; overflow: hidden; position: fixed; z-index: 9999; top: 50%; left: 50%; width: 640px; margin-top: -250px; margin-left: -320px; background: #f2f2f2; }
.quick_form .title {text-align: center;  background: #f2f2f2; }
.quick_form .title img { width: 320px; }
.quick_form > p { text-indent: 55px; }
.quick_form > p:first-child {margin-bottom: 10px; padding-top: 40px;  font-size: 30px; text-align: left; color: #3d3c3e; }
.quick_form > p:nth-child(2) {margin-bottom: 20px;  font-size: 12px; text-align: left; color: #8e8e8e; }

.kakao_form dl dt { color: #fff; }
.kakao_form dl dd label { color: #fff; }
.kakao_form .input_check label { color: #cdcdcd; }

/* quick_form (공통) */
.quick_form .quick_form_x { position: absolute; top: 20px; right: 20px; cursor: pointer; }

.quick_form02 { position: absolute; top: 150px; left: 50%; width: 320px; margin-left: -160px; text-align: right; }
.quick_form02 dl {margin-bottom: 10px; padding-right: 25px;  font-size: 0; }
.quick_form02 dl:last-of-type { margin-bottom: 0; }
.quick_form02 dl dt { display: inline-block; width: 74px; margin-right: 10px; font-size: 14px; font-weight: 500; text-align: right; vertical-align: middle; color: #fff; }
.quick_form02 dl dd { display: inline-block; vertical-align: middle; }
.quick_form02 dl dd input[type='text'] {box-sizing: border-box;  width: 198px; height: 28px; font-size: 12px; vertical-align: middle; color: #5b5b5b; border: 1px solid #e1e1e1; }
.quick_form02 dl dd select { width: 198px; height: 28px; font-size: 12px; vertical-align: middle; color: #5b5b5b; border: 1px solid #e1e1e1; }
.quick_form02 dl dd .num_select { width: 54px; }
.quick_form02 dl dd input[type='text'].num { width: 56px; }
.quick_form02 dl dd label { display: inline-block; width: 16px; font-size: 14px; font-weight: 300; text-align: center; vertical-align: middle; color: #7f715f; }
.quick_form02 .input_check { width: calc(100% - 87px); margin: 4px 0 10px 77px; font-size: 0; text-align: left; text-indent: 0; }
.quick_form02 .input_check:first-of-type { margin-top: 20px; }
.quick_form02 .input_check input { width: 10px; height: 10px; margin-right: 5px; vertical-align: middle; border: 1px solid #928068; border-radius: 0; }
.quick_form02 .input_check label { display: inline-block; margin-right: 12px; font-size: 12px; font-weight: 300; vertical-align: middle; color: #fff; }
.quick_form02 .input_check a { display: inline-block; width: 50px; height: 17px; font-size: 9px; font-weight: 300; line-height: 1.6; text-align: center; vertical-align: middle; color: #fff; border-radius: 2px; background: #acacac; }
.quick_form_btn { background: #f2f2f2; }
.quick_form_btn img { height: 40px; }

.datv h2 {margin: 70px 0 30px;  text-align: center; }
.datv_wrap { overflow: hidden; position: relative !important; max-width: 600px; margin: 0 auto; }
.datv_wrap .datv_list { width: 100%; }
.datv_wrap .datv_list ul li {overflow: hidden; position: relative;  height: 100%; margin-bottom: 5px; padding: 7px; text-align: left; background: #ebebeb; }
.datv_wrap .datv_list ul li:nth-child(4) { margin-bottom: 0; }
.datv_wrap .datv_list ul li.on { background: #5fb9db; }
.datv_wrap .datv_list ul li .thumb { float: left; overflow: hidden; width: 100px; height: 55px; }
.datv_wrap .datv_list ul li .thumb img { width: 100%; max-width: none; margin-top: -10px; }

.dr_link a { display: block; width: 100%; height: 100%; line-height: 54px !important; color: #747271; }
.dr_link a span { line-height: 54px; }

.datv_wrap .datv_list ul li .subject {overflow: hidden;  position: absolute; top: 50%; left: 100px; width: calc(100% - 130px); margin-top: -25px; margin-left: 20px; font-size: 16px; line-height: 25px !important; color: #282323; }

.datv_wrap .datv_list ul li .subject h3 { font-size: 16px; line-height: 25px !important; white-space: nowrap; }
.datv_wrap .datv_list ul li .subject span {display: block; overflow: hidden; width: 100%;  white-space: nowrap; text-overflow: ellipsis; }
.datv_wrap .datv_list ul li.on .subject {line-height: 20px !important;  color: #fff; }

.datv_view { position: fixed; z-index: 100000; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .8); }
.datv_view iframe { width: 100%; height: 100%; }
.datv p.more { display: block; margin: 25px auto 70px; text-align: center; }

@media screen and (max-width : 640px) { .quick_form { left: 0; width: 100%; margin-left: 0; } }