@charset "utf-8";

@import url(../fonts/NotoFont.css);

html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
	blockquote, p, address, pre, cite, form, fieldset, input, textarea,
	select, table, th, td {
	margin: 0;
	padding: 0;
	font-family: 'NotoSansKR';
	font-weight:400;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

fieldset, img, abbr, acronym {
	border: 0 none;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border: 0 none;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
	border: 0;
}

address, caption, strong, em, cite {
	font-weight: normal;
	font-style: normal;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

legend, #header h2, #slogan h2, #footer h2, .blind {
	position: absolute;
	overflow: hidden;
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

.ml05 {
	margin-left: 5px !important;
}

.ml10 {
	margin-left: 10px !important;
}

.ml15 {
	margin-left: 15px !important;
}

.mt35 {
	margin-top: 35px !important;
}

.mt68 {
	margin-top: 68px !important;
}

.mt0 {margin-top:0px !important;}
.mt11 {
	margin-top: 11px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt18 {
	margin-top: 18px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt07 {
	margin-top: 7px !important;
}

.mt08 {
	margin-top: 8px !important;
}

.mt02 {
	margin-top: 2px !important;
}

.mzero {
	margin: 0px !important;
}

.brd_none {
	border: 0px !important;
}

.cl_in {
	width: 100%;
	display: inline-block;
}

.flt {float:left;}
.frt {float:right;}


.top {background:#1d2b46; padding:10px 0; height:18px;}
.top h1 {display:block; margin:0 auto; width:75px;}
.top h1 a {display:block;}
.top h1 a img {width:75px; height:18px; display:block;}
.top .top_menu {position:absolute; top:10px; left:10px; border:1px solid #ffffff; padding:0 4px; border-radius:3px;display:block; line-height:18px; height:18px;}
.top .top_menu span {font-weight:700; font-size:8px; font-weight:600; color:#ffffff; padding-left:12px; background:url(../img/common/top_menu_btn.png) 0 center no-repeat; background-size:8px 5px; display:block; line-height:18px;}
.top .cart {position:absolute; top:10px; right:10px; border:1px solid #ffffff; border-radius:3px; background:url(../img/common/top_cart_btn.png) center no-repeat; background-size:12px 9px; width:18px; height:18px;}
.top .cart_cnt {display:block; position:absolute; width:12px; height:12px; text-align:center; line-height:12px; font-size:9px; color:#ffffff; font-weight:700; border-radius:50%; background:#a3620a; left:-8px; top:-2px; box-shadow: 1px 1px 2px #3e3e3e;}

.con.type01 {padding:16px 10px 30px 10px;}
.con_tit1 {font-size:18px; color:#222222; font-weight:700; line-height:24px;}
.list_wrap {margin-top:8px;}
.list_wrap ul {margin-left:1px; margin-left:3px;}
.list_wrap ul:after {content:""; display:block; clear:both;}
.list_wrap ul li {height:100px; width:calc(100% / 3); float:left; border:1px solid #dadada; box-sizing:border-box; margin-left:-1px; margin-top:-1px;}
.list_wrap ul li.type02 {width:calc(((100% / 3) * 2) - 1px);}
.list_wrap ul li .w1 {padding:12px 12px 0 12px; display:block;}
.list_wrap ul li a {display:block; height:98px;}
.list_wrap ul li a img {width:60px; height:60px; display:block; margin:0 auto;}
.list_wrap ul li a .p1 {margin-top:2px; font-size:12px; line-height:15px; letter-spacing:-0.5px; color:#222222; font-weight:400; text-align:center; display:block;}
.list_wrap ul li a .p1 span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.list_wrap ul li.type02 .w1 {padding:20px 15px 0 20px; display:table;}
.list_wrap ul li.type02 .w1 img {display:table-cell; vertical-align:middle;}
.list_wrap ul li.type02 .w1 .p1 {margin-top:0px; display:table-cell; height:100%; vertical-align:middle; padding-left:15px;}
.list_wrap ul li.type02 .w1 .p1 span {text-align:left; white-space:inherit; display:block; max-height:30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:break-all;}


/* 장바구니 */
.cart_wrap {margin-top:8px;}
.cart_wrap>ul>li {border:1px solid #dadada; border-width:0 1px 1px 1px;}
.cart_wrap>ul>li:first-child {border-top:1px solid #dadada;}
.cart_wrap .q1 {height:13px; background:#eff4fb; padding:8px 10px; position:relative; line-height:15px;}
.cart_wrap .q1 input {width:13px; height:13px; vertical-align:top; display:inline-block;}
.cart_wrap .q1:before {    right: 10px;
    top: 7px;width:15px; height:15px; content:""; display:block; position:absolute; background:url(../img/common/ico_bul02.png) no-repeat; background-size:15px 15px; }
.cart_wrap .q2:after {content:""; display:block; clear:both;}
.cart_wrap .q2 {padding:10px 11px 10px 10px; position:relative;}
.cart_wrap .q2 .w1 {position:absolute; top:10px; left:10px;}
.cart_wrap .q2 .w1 img {border:1px solid #f2f2f2; width:65px; height:65px;}
.cart_wrap .q2 .w2 {margin-left:86px;}
.cart_wrap .q2 .w2 .p1 {color:#2f2f2f; font-size:14px; line-height:19px; font-weight:400; letter-spacing:-0.75px;}
.cart_wrap .q2 .w2 .p2 {color:#2f2f2f; font-size:14px; line-height:19px; font-weight:400; letter-spacing:-0.75px;}
.cart_wrap .q2 .w2 .p3 .minus_btn {float:left; display:block;width:22px; height:22px; border:1px solid #acacac; border-width:1px 0 1px 1px; background:url(../img/common/cart_minus.png) no-repeat; background-size:22px 22px;}
.cart_wrap .q2 .w2 .p3 .plus_btn {float:left; display:block;width:22px; height:22px; border:1px solid #acacac; border-width:1px 1px 1px 0px; background:url(../img/common/cart_plus.png) no-repeat; background-size:22px 22px;}
.cart_wrap .q2 .w2 .p3 input {-webkit-appearance: none;text-align:center; float:left; display:block;width:22px; height:22px; width:45px; border:1px solid #acacac; line-height:22px; color:#444444; font-size:12px;}
.cart_wrap .q2 .w2 .p3:after {content:""; display:block; clear:both;}
.cart_wrap .q2 .w2 .p3 {margin-top:9px;}
.cart_wrap .q2 .w2 .p4 {margin-top:9px; letter-spacing:-0.75px; line-height:16px; font-size:11px; color:#808080; font-weight:400;}
.cart_wrap .q2 .w2 .p4 dl {position:relative;}
.cart_wrap .q2 .w2 .p4 dl dt {position:absolute; top:0; left:0; padding-left:10px; background:url(../img/common/ico_bul01.png) 0 center no-repeat; background-size:4px 4px; display:inline-block; width:60px;}
.cart_wrap .q2 .w2 .p4 dl dd {padding-left:60px; display:inline-block;}
.cart_wrap .q3 {border-top:1px solid #d7d7d7; line-height:29px; height:29px; background:#fbfbfb; padding-right:10px; }
.cart_wrap .q3 p {text-align:right;color:#b80000; font-size:13px; font-weight:700; letter-spacing:-0.75px;}

.cart_btn {margin-top:10px;}
.cart_btm .q1 {padding:12px; background:#45485c;}
.cart_btm .q1:after {content:""; display:block; clear:both;}
.cart_btm .q1 ul {float:right;}
.cart_btm .q1 ul li {line-height:20px; font-size:12px; color:#ffffff; font-weight:400;}
.cart_btm .q1 ul li dl dt {letter-spacing:-0.75px; display:inline-block; width:72px;}
.cart_btm .q1 ul li dl dd {letter-spacing:-0.75px; display:inline-block; text-align:right; width:150px; }
.cart_btm .q1 ul li.w1 {margin-top:12px;}
.cart_btm .q1 ul li.w1 dt {letter-spacing:-0.75px; font-size:18px; line-height:24px;}
.cart_btm .q1 ul li.w1 dd {letter-spacing:-0.75px; font-size:18px; line-height:24px;}
.cart_btm .q2 {margin-top:13px;}
.cart_btm .q2:after {content:""; display:block; clear:both;}
.btn_tp01 {border:1px solid #343434; background:#484848; font-size:12px; color:#ffffff; width:83px; height:30px; line-height:30px; display:block; text-align:center;}
.btn_tp02 {border:1px solid #e50000; background:#ff0000; font-size:14px; font-weight:700; color:#ffffff; width:83px; line-height:30px; height:30px; display:block; text-align:center;}


/* 상품상세 */
.det_top {}
.det_top .q1 img {display:block; width:100%;}
.det_top .slick-dots {position:absolute; bottom:15px; left:0; right:0; text-align:center;}
.det_top .slick-dots li {display:inline-block; margin:0 2px;}
.det_top .slick-dots li button {text-indent:-99999px; background:transparent; font-size:0px; width:9px; height:9px; border:1px solid #ffffff; border-radius:50%; padding:0px;}
.det_top .slick-dots li.slick-active button {background:#7588ff; border:1px solid #7588ff;}

.det_dv1 {padding:15px;}
.det_dv1 .p1 {color:#000000; line-height:19px; font-size:15px;}
.det_dv1 .w1:after {content:""; display:block; clear:both;}
.det_dv1 .w1 .p2 {color:#ee0000; font-size:34px; float:left; display:block;}
.det_dv1 .w1 .p2 span {font-size:20px;}
.det_dv1 .w1 .e1 {float:left; margin-left:11px; margin-top:7px; position:relative; width:150px;}
.det_dv1 .w1 .p3 {display:block; color:#bfbfbf; font-size:11px; line-height:13px; text-decoration:line-through;}
.det_dv1 .w1 .p4 {display:block; position:absolute; top:11px; color:#222222; font-size:19px; font-weight:700; line-height:24px;}

.det_dv2 {border-top:1px solid #e6e6e6; padding:17px 15px;}
.det_dv2 dl dt {display:inline-block; line-height:19px; font-size:14px; color:#a6a6a6; width:63px; }
.det_dv2 dl dd {display:inline-block; line-height:19px; font-size:14px; color:#222222; width:63px; }

.det_dv3 {border-top:1px solid #e6e6e6; padding:10px 15px;}
.det_dv3 dl {position:relative;}
.det_dv3 dt {position:absolute; width:63px; line-height:34px; font-size:14px; color:#222222;}
.det_dv3 dd {margin-left:63px;}
.det_dv3 dd select {-webkit-apperance:none; border:1px solid #d7d7d7; height:34px; box-size:border-bow; width:100%;}

.det_recom_wrap {border-top:1px solid #e6e6e6; background:#f7fcf5; padding:12px 15px 12px 15px;}
.det_recom_wrap h2 {font-size:14px; color:#222222; line-height:19px;}
.det_recom_wrap ul {margin-top:7px; margin-left:-5px;}
.det_recom_wrap ul:after {content:""; display:block; clear:both;}
.det_recom_wrap ul li {width:50%; float:left; padding:0 5px; box-sizing:border-box;}
.det_recom_wrap ul li+li+li {margin-top:10px;}
.det_recom_wrap ul li a {display:block;}
.det_recom_wrap ul li a:after {content:""; display:block; clear:both;}
.det_recom_wrap ul li a .q1 {float:left; display:block;}
.det_recom_wrap ul li a .q1 img {display:block; width:50px; height:50px;}
.det_recom_wrap ul li a .q2 {float:left; margin-left:9px; display:block; padding-top:4px;}
.det_recom_wrap ul li a .q2 .p1 {display:block; font-size:11px; color:#222222; line-height:14px; max-height:28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:break-all;}
.det_recom_wrap ul li a .q2 .p2 {display:block; font-size:11px; font-weight:700; color:#222222; line-height:14px;}

.det_con_wrap>h2 {padding:12px 15px 7px 15px; color:#222222; font-size:14px; line-height:19px;}
.det_con img {width:100%;}

.det_dv4 {border-top:1px solid #e6e6e6; padding:12px 15px;}
.det_dv4 h2 {font-size:14px; color:#222222; line-height:19px;}
.det_dv4 ol {font-size:12px; margin-top:10px; line-height:15px; color:#666666; list-style-type:decimal; padding-left:14px;}
.det_dv4 ol>li {margin-top:7px;}
.det_dv4 ol>li:first-child {margin-top:0px;}
.det_dv4 ol li ul li {font-size:11px; color:#666666; margin-top:3px;}

.det_btns {border-top:1px solid #000000; padding:15px; background:#f7f7f7;}
.det_btns .q1 {text-align:center; }
.det_btns .q1 .minus_btn {border:1px solid #d7d7d7; vertical-align:middle;display:inline-block;width:27px; height:27px; background:url(../img/common/cart_minus.png) center no-repeat #ffffff; background-size:22px 22px;}
.det_btns .q1 .plus_btn {border:1px solid #d7d7d7; vertical-align:middle; display:inline-block;width:27px; height:27px; background:url(../img/common/cart_plus.png) center no-repeat #ffffff; background-size:22px 22px;}
.det_btns .q1 input {text-align:center; font-size:14px; color:#222222; -webkit-apperance:none; border:1px solid #d7d7d7; width:58px; height:27px; line-height:27px; vertical-align:middle; }
.det_btns .q1 .p1 {display:inline-block; line-height:29px; color:#222222; font-size:14px; margin-right:5px;}
.det_btns .q2 {margin-top:10px;}
.det_btns .q2:after {content:""; display:block; clear:both;}
.btn_tp03 {border:1px solid #343434; background:#ffffff; color:#484848; height:39px; line-height:39px; font-size:14px; font-weight:700; display:block; text-align:center; width:calc(50% - 5px);}
.btn_tp04 {border:1px solid #e50000; background:#ff0000; color:#ffffff; height:39px; line-height:39px; font-size:14px; font-weight:700; display:block; text-align:center; width:calc(50% - 5px);}


/* 고객센터 */
.cs_top {background:url(../img/common/cs_top_bg.png) no-repeat; background-size:100% auto; padding:20px 15px;}
.cs_top h2 {font-size:17px; color:#3a3a3a; font-weight:700; line-height:33px; position:relative;}
.cs_top h2:before {content:""; width:18px; height:2px; position:absolute; background:#3a3a3a; display:block; top:0; left:0;}
.cs_top p {margin-top:5px; font-size:11px; line-height:12px; color:#373737; letter-spacing:-0.3px;}

.cs_tab {margin-top:15px;}
.cs_tab:after {content:""; display:block; clear:both;}
.cs_tab ul li {width:calc(100% / 3); float:left;}
.cs_tab ul li a {margin-left:-1px; text-align:center; font-size:12px; color:#222222; letter-spacing:-0.5px; display:block; border:1px solid #dadada; background:#ffffff; height:30px; line-height:30px;}
.cs_tab ul li a.on {background:#fafafa; position:relative; z-index:2;border:1px solid #8b929f; color:#1d2b46; font-weight:700;}

.cs_dv1 {margin-top:30px;}
.cs_dv1 {padding-left:65px; background:url(../img/common/ico_bul05.png) no-repeat; background-size:50px 50px; min-height:50px;}
.cs_dv1 .p1 {font-size:16px; color:#222222; line-height:19px; font-weight:700;}
.cs_dv1 .p2 {font-size:11px; color:#666666; line-height:15px; margin-top:3px;}

.cs_view_wrap {margin-top:17px; border:1px solid #d3d3d3;}
.cs_view_top {padding:12px 20px 16px 20px; background:#f7f7f7; }
.cs_view_top .p1 {font-size:12px; color:#222222; font-weight:700; line-height:15px;}
.cs_view_top .p2 {margin-top:7px; font-size:15px; line-height:21px; color:#222222;}
.cs_view_top .p3 {font-size:12px; color:#222222; line-height:18px;}
.cs_view_btm {border-top:1px solid #d3d3d3; padding:13px 20px;}
.cs_view_btm .cs_view_con {color:#222222; font-size:13px; line-height:21px; white-space:pre-wrap; word-break:break-all;}
.cs_view_btn {margin-top:15px; text-align:center;}
.btn_tp05 {letter-spacing:-0.5px; border:1px solid #343434; background:#484848;  color:#ffffff; height:30px; line-height:30px; font-size:12px; font-weight:700; display:inline-block; text-align:center; width:100px;}

/* 공지사항 - 리스트 */
.cs_nlist_wrap {margin-top:17px; }
.cs_nlist_wrap ul li {margin-top:5px;}
.cs_nlist_wrap ul li:first-child {margin-top:0px;}
.cs_nlist_wrap ul li a {border:1px solid #d3d3d3; display:block; padding:12px 20px 16px 20px; background:#ffffff; }
.cs_nlist_wrap .p1 {display:block; font-size:12px; color:#222222; font-weight:700; line-height:15px;}
.cs_nlist_wrap .p2 {display:block;margin-top:7px; font-size:15px; line-height:21px; color:#222222;}
.cs_nlist_wrap .p3 {display:block;font-size:12px; color:#222222; line-height:18px;}


/* paging */
.paging {text-align:center; padding:15px 0;}
.paging a {vertical-align:middle;}
.paging .paging_last {display:inline-block; width:28px; height:28px; background:url(../img/common/paging_last.png) center no-repeat; background-size:26px 26px; }
.paging .paging_prev {display:inline-block; width:28px; height:28px; background:url(../img/common/paging_prev.png) center no-repeat; background-size:26px 26px; }
.paging .paging_next {display:inline-block; width:28px; height:28px; background:url(../img/common/paging_next.png) center no-repeat; background-size:26px 26px; }
.paging .paging_first {display:inline-block; width:28px; height:28px; background:url(../img/common/paging_first.png) center no-repeat; background-size:26px 26px; }
.paging .paging_num {display:inline-block; width:26px; height:26px; border:1px solid #ffffff; font-size:12px; color:#8d8d8d; line-height:26px;}
.paging .paging_num.on {border:1px solid #195cc0; color:#195cc0; background:#ffffff;}


/* faq */
.faq_tab {margin-top:20px;}
.faq_tab ul:after {content:""; display:block; clear:both;}
.faq_tab ul li {float:left; text-align:center; width:22.5%;}
.faq_tab ul li:nth-child(4) {width:32.5%;}
.faq_tab ul li a {letter-spacing:-0.5px; white-space:nowrap;position:relative; display:block; padding:0 9px; color:#222222; font-size:12px; height:25px; line-height:25px; }
.faq_tab ul li a.on:before {content:"";position:absolute; width: 0; bottom:-3px; left:50%; margin-left:-3px;
  height: 0; 
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  
  border-top: 3px solid #747890;}
.faq_tab ul li a.on {color:#ffffff; background:#747890;}

.faq_list_wrap {margin-top:14px;}
.faq_list_wrap ul li {border:1px solid #dadada; border-width:1px 1px 0 1px;}
.faq_list_wrap ul li:last-child {border-bottom:1px solid #dadada;}
.faq_list_top a {padding:13px 11px; display:block;}
.faq_list_top a span {display:block; padding-left:35px; position:relative; line-height:18px; color:#222222; font-size:12px;}
.faq_list_top a span:before {position:absolute; top:-5px; left:0; content:"Q"; display:block; width:25px; line-height:25px; height:25px; border-radius:50%; background:#5565de; font-size:12px; color:#ffffff; font-weight:700; text-align:center;}
.faq_list_btm {display:none;padding:13px 11px; background:#f7f7f7; border-top:1px solid #dadada;}
.faq_list_btm p{display:block; padding-left:35px; position:relative; line-height:18px; color:#222222; font-size:12px;}
.faq_list_btm p:before {position:absolute; top:-5px; left:0; content:"A"; display:block; width:25px; line-height:25px; height:25px; border-radius:50%; background:#ff0000; font-size:12px; color:#ffffff; font-weight:700; text-align:center;}


/* 마이페이지 */
.myp_dv1 {margin-top:30px;}
.myp_dv1 {padding-left:65px; background:url(../img/common/ico_bul06.png) no-repeat; background-size:50px 50px; min-height:50px;}
.myp_dv1 .p1 {font-size:16px; color:#222222; line-height:19px; font-weight:700;}
.myp_dv1 .p2 {font-size:11px; color:#666666; line-height:15px; margin-top:3px;}

.myp_tab ul:after {content:""; display:block; clear:both;}
.myp_tab ul li {width:calc(100% / 3); float:left; margin-left:-1px; margin-top:-1px;}
.myp_tab ul li a {text-align:center; display:block;border:1px solid #dadada; font-size:12px; color:#222222; line-height:30px; height:30px;}
.myp_tab ul li a.on {background:#fafafa; position:relative; z-index:2; border:1px solid #8b929f; font-weight:700; color:#1d2b46;}

.mp_order_wrap {margin-top:12px;}
.mp_order_wrap>ul>li {border:1px solid #dadada; border-width:1px 1px 1px 1px; margin-top:10px;}
.mp_order_wrap>ul>li:first-child {margon-top:0px;}
.mp_order_wrap .q1 {height:15px; background:#eff4fb; padding:7px 10px; position:relative; line-height:15px;}
.mp_order_wrap .q1 p {font-size:12px; color:#222222; font-weight:700; line-height:15px;}
.mp_order_wrap .q1:before {    right: 10px;
    top: 7px;width:15px; height:15px; content:""; display:block; position:absolute; background:url(../img/common/ico_bul02.png) no-repeat; background-size:15px 15px; }
.mp_order_wrap .q2:after {content:""; display:block; clear:both;}
.mp_order_wrap .q2 {padding:10px 11px 10px 10px; position:relative;}
.mp_order_wrap .q2 .w1 {position:absolute; top:10px; left:10px;}
.mp_order_wrap .q2 .w1 img {border:1px solid #f2f2f2; width:65px; height:65px;}
.mp_order_wrap .q2 .w2 {margin-left:86px;}
.mp_order_wrap .q2 .w2 .p1 {color:#2f2f2f; font-size:14px; line-height:19px; font-weight:400; letter-spacing:-0.75px;}
.mp_order_wrap .q2 .w2 .p2 {font-size:14px; line-height:19px; color:#2f2f2f; letter-spacing:-0.75px;}
.mp_order_wrap .q2 .w2 .p3 {font-size:14px; line-height:19px; color:#195cc0; letter-spacing:-0.75px;}
.mp_order_wrap .q2 .w2 .p4 {margin-top:5px; letter-spacing:-0.75px; line-height:16px; font-size:11px; color:#808080; font-weight:400;}
.mp_order_wrap .q2 .w2 .p4 dl {position:relative;}
.mp_order_wrap .q2 .w2 .p4 dl dt {position:absolute; top:0; left:0; padding-left:10px; background:url(../img/common/ico_bul01.png) 0 center no-repeat; background-size:4px 4px; display:inline-block; width:60px;}
.mp_order_wrap .q2 .w2 .p4 dl dd {padding-left:60px; display:inline-block;}
.mp_order_wrap .q3 {border-top:1px solid #d7d7d7; line-height:29px; height:29px; background:#fbfbfb; padding:0 10px; }
.mp_order_wrap .q3:after {content:""; display:block; clear:both;}
.mp_order_wrap .q3 a {display:block; float:left; font-size:14px; color:#2f2f2f; letter-spacing:-0.75px;}
.mp_order_wrap .q3 p {color:#b80000; font-size:13px; font-weight:700; float:right;}


/* 배송조회 */
.myp_dv2 {margin-top:30px;}
.myp_dv2 {padding-left:65px; background:url(../img/common/ico_bul07.png) no-repeat; background-size:50px 50px; min-height:50px;}
.myp_dv2 .p1 {font-size:16px; color:#222222; line-height:19px; font-weight:700;}
.myp_dv2 .p2 {font-size:11px; color:#666666; line-height:15px; margin-top:3px;}

.mp_shipping_wrap {margin-top:12px;}
.mp_shipping_wrap>ul>li {border:1px solid #dadada; border-width:1px 1px 1px 1px; margin-top:10px;}
.mp_shipping_wrap>ul>li:first-child {margon-top:0px;}
.mp_shipping_wrap .q1 {height:15px; background:#eff4fb; padding:7px 10px; position:relative; line-height:15px;}
.mp_shipping_wrap .q1 p {font-size:12px; color:#222222; font-weight:700; line-height:15px;}
.mp_shipping_wrap .q1:before {    right: 10px;
    top: 7px;width:15px; height:15px; content:""; display:block; position:absolute; background:url(../img/common/ico_bul02.png) no-repeat; background-size:15px 15px; }
.mp_shipping_wrap .q2:after {content:""; display:block; clear:both;}
.mp_shipping_wrap .q2 {padding:10px 11px 10px 10px; position:relative;}
.mp_shipping_wrap .q2 .w1 {position:absolute; top:10px; left:10px;}
.mp_shipping_wrap .q2 .w1 img {border:1px solid #f2f2f2; width:65px; height:65px;}
.mp_shipping_wrap .q2 .w2 {margin-left:86px;}
.mp_shipping_wrap .q2 .w2 .p1 {color:#7e7d7d; font-size:10px; line-height:19px; letter-spacing:-0.5px;}
.mp_shipping_wrap .q2 .w2 .p2 {color:#2f2f2f; font-size:14px; line-height:19px; font-weight:400; letter-spacing:-0.75px;}
.mp_shipping_wrap .q2 .w2 .p3 {font-size:14px; line-height:19px; color:#2f2f2f; letter-spacing:-0.75px;}
.mp_shipping_wrap .q2 .w2 .p4 {font-size:14px; line-height:19px; color:#195cc0; letter-spacing:-0.75px;}
.mp_shipping_wrap .q3 {}
.mp_shipping_wrap .q3 a {text-align:center; color:#ffffff; display:block; background:#3f5976; font-weight:700; font-size:14px; line-height:32px; height:32px; letter-spacing:-0.75px;}


/* 메인 */
.main_dv1:after {content:""; display:block; clear:both;}
.main_dv1 a {float:left; display:block; width:50%; box-sizing:border-box; text-align:center; box-sizing:border-box;}
.main_dv1 .q1 {border-right:1px solid #5e7bb4; background:url(../img/main/main_bg01.png) no-repeat; background-size:cover;}
.main_dv1 .q2 {background:url(../img/main/main_bg02.png) no-repeat; background-size:cover;}
.main_dv1 a span {color:#f3f2ef; font-size:10px; font-weight:500; display:block; text-align:center; height:43px; line-height:43px;}

.main_dv2 {border-top:1px solid #ebebeb;}
.main_dv2:after {content:""; display:block; clear:both;}
.main_dv2 a {width:50%; display:block; float:left; text-align:center; padding:7px 0; line-height:0px; box-sizing:border-box;}
.main_dv2 a:nth-child(1) {border-right:1px solid #eeeeee;}
.main_dv2 a:nth-child(1) span {background:url(../img/main/sns_ico01.png) left center no-repeat; background-size:16px 16px; display:inline-block; padding-left:21px; line-height:16px; color:#2bb500; font-weight:700; font-size:10px;}
.main_dv2 a:nth-child(2) span {background:url(../img/main/sns_ico02.png) left center no-repeat; background-size:16px 16px; display:inline-block; padding-left:21px; line-height:16px; color:#3b589e; font-weight:700; font-size:10px;}

.main_slide {border-top:1px solid #ebebeb;}
.main_slide .q1 img {display:block; width:100%;}
.main_slide .slick-dots {position:absolute; bottom:15px; left:0; right:0; text-align:center;}
.main_slide .slick-dots li {display:inline-block; margin:0 2px;}
.main_slide .slick-dots li button {text-indent:-99999px; background:transparent; font-size:0px; width:9px; height:9px; border:1px solid #515151; border-radius:50%; padding:0px;}
.main_slide .slick-dots li.slick-active button {background:#2c4064; border:1px solid #2c4064;}

.main_dv3 {margin-top:15px;}
.main_dv3 .q1 {padding:0 10px;}
.main_dv3 .q1 p{line-height:16px; padding:5px 0; text-align:center;border:1px solid #ebebeb; color:#1d2b46; font-size:11px; letter-spacing:-0.5px;}
.main_dv3 ul {margin-top:26px;}
.main_dv3 ul:after {content:""; display:block; clear:both;}
.main_dv3 ul li {float:left; width:50%;} 
.main_dv3 ul li:nth-child(odd) a {float:right; margin-right:10%;}
.main_dv3 ul li:nth-child(even) a {float:left; margin-left:10%;}
.main_dv3 ul li+li+li {margin-top:15px;}
.main_dv3 ul li a img {width:103px; height:103px; display:block;}

.main_dv4 {margin-top:27px; border-top:1px solid #e9e9e9;}
.main_dv4:after {content:""; display:block; clear:both;}
.main_dv4 .q1 {background:url(../img/main/main_bg03.png) no-repeat; background-size:cover; border-right:1px solid #e9e9e9;}
.main_dv4 .q2 {background:url(../img/main/main_bg04.png) no-repeat; background-size:cover;}
.main_dv4>div {padding:10px 15px 10px 15px; float:left; box-sizing:border-box; width:50%;}
.main_dv4 h2 {color:#191919; font-size:14px; line-height:18px; font-weight:700;}
.main_dv4 h2 span {font-weight:400;}
.main_dv4 p {color:#282828; font-size:8px; font-weight:300; line-height:11px;}
.main_dv4 ul {margin-top:5px;}
.main_dv4 ul li {margin-top:2px;}
.main_dv4 ul li:first-child {margin-top:0px;}
.main_dv4 ul li dl {text-align:right;}
.main_dv4 ul li dl dt {width:37px; display:inline-block; line-height:20px; color:#434343; font-size:11px; }
.main_dv4 ul li dl dd {margin-left:3px; display:inline-block; font-size:11px; color:#494949; font-weight:500;}
.main_dv4 ul li dl dd input {margin-right:4px; border:0px; height:20px; line-height:20px; padding:0 10px; -webkit-appearance: none; background:#ffffff; width:50px; }
.main_dv4 .w1 {margin-top:11px;}
.main_dv4 .w1 a {display:block; background:#247ed7; font-size:11px; color:#ffffff; line-height:22px; height:22px; text-align:center;}

.footer {border-top:1px solid #e9e9e9; padding-bottom:62px;}
.footer_top dl {padding:11px 0; position:relative;}
.footer_top dl:after {content:""; display:block; clear:both;}
.footer_top dl.q2 {border-top:1px solid #e9e9e9;}
.footer_top dl.q1 dt span {background:url(../img/common/btm_ico01.png) center top no-repeat; background-size:19px 23px;}
.footer_top dl.q2 dt span {background:url(../img/common/btm_ico02.png) center 3px no-repeat; background-size:19px 17px;}
.footer_top dl dt {width:75px; position:absolute; top:11px; left:0; text-align:center; }
.footer_top dl dd {float:left; margin-left:75px; padding-right:15px;}
.footer_top dl dt span {text-align:center; display:inline-block; color:#999999; font-size:10px; line-height:14px; padding-top:24px; font-weight:600;}
.footer_top .p1 {color:#c00b0b; font-size:15px; line-height:20px; font-weight:600;}
.footer_top .p1 span {font-size:10px;}
.footer_top .p2 {color:#333333; font-size:11px; font-weight:300; line-height:15px;}

.footer_btm {border-top:1px solid #e9e9e9;}
.footer_btm .q1 ul:after {content:""; display:block; clear:both;}
.footer_btm .q1 ul li {float:left; width:33.3%;}
.footer_btm .q1 ul li:first-child {width:33.4%;}
.footer_btm .q1 ul li a {font-weight:600; text-align:center; display:block; color:#5c5c5c; font-size:11px; line-height:30px; height:30px;}
.footer_btm .q2 {border-top:1px solid #e9e9e9; padding:10px 0;}
.footer_btm .q2 p {font-size:11px; line-height:14px; color:#666666; text-align:center;}

/* float_menu */
.float_menu {z-index:3; background:#48505b; border-top:1px solid #1a1a1c; position:fixed; bottom:0; left:0; right:0;}
.float_menu ul:after {content:""; display:block; clear:both;}
.float_menu ul li {width:20%; float:left;}
.float_menu ul li:nth-child(1) {width:19%; float:left;}
.float_menu ul li:nth-child(2) {width:21%; float:left;}
.float_menu ul li:nth-child(3) {width:22%; float:left;}
.float_menu ul li:nth-child(4) {width:19%; float:left;}
.float_menu ul li:nth-child(5) {width:19%; float:left;}
.float_menu ul li a {display:block; padding:8px 0; text-align:center;}
.float_menu ul li a span {display:inline-block; color:#ffffff; font-size:10px; font-weight:700; text-align:center; padding-top:28px; line-height:16px; }
.float_menu ul li:nth-child(1) a span {background:url(../img/common/bfl_ico01.png) center top no-repeat; background-size:28px 28px;}
.float_menu ul li:nth-child(2) a span {background:url(../img/common/bfl_ico02.png?pp=001) center top no-repeat; background-size:28px 28px;}
.float_menu ul li:nth-child(3) a span {background:url(../img/common/bfl_ico03.png) center top no-repeat; background-size:28px 28px;}
.float_menu ul li:nth-child(4) a span {background:url(../img/common/bfl_ico04.png) center top no-repeat; background-size:28px 28px;}
.float_menu ul li:nth-child(5) a span {background:url(../img/common/bfl_ico05.png) center top no-repeat; background-size:28px 28px;}


.gnb {left:-231px;
transition: all .3s;
-webktit-transition: transform .3s;
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
position:absolute; top:0px; bottom:0; width:230px; z-index:2000;}
.gnb.on {left:0px;}
.gnb_con {width:200px; }
.gnb_con>ul {overflow-x:hidden; overflow-y:auto; }
.scroll_stop {
    overflow: hidden;
    height:100%;
}
.ent_menu_dimmed {display:none; z-index:1000; position:fixed; top:0px; background:rgba(0,0,0,0.75); left:0; right:0; bottom:0; }


.gnb_close {position:absolute; display:block; right:0px; top:0; width:30px; height:30px; background:url(../img/common/menu_ico03.png) center center no-repeat #ff0000; background-size:13px 13px;}
.gnb_top {position:absolute; left:0; right:30px; top:0; height:30px;}
.gnb_top>div {width:50%; float:left;}
.gnb_top:after {content:""; display:block; clear:both;}
.gnb_top .login_btn {background:#3e3e5b;}
.gnb_top .join_btn {background:#565676;}
.gnb_top .mypage_btn {background:#3e3e5b;}
.gnb_top .logout_btn {background:#565676;}
.gnb_top>div a {display:block; text-align:center; padding:7px 0; line-height:0px;}
.gnb_top>div a span {font-size:12px; color:#ffffff; display:inline-block; line-height:16px; letter-spacing:-0.75px;}
.gnb_top .login_btn span {padding-left:19px; background:url(../img/common/menu_ico07.png) left center no-repeat; background-size:15px 11px;}
.gnb_top .join_btn span {padding-left:18px; background:url(../img/common/menu_ico06.png) left center no-repeat; background-size:11px 11px;}
.gnb_top .mypage_btn span {padding-left:18px; background:url(../img/common/menu_ico01.png) left center no-repeat; background-size:14px 14px;}
.gnb_top .logout_btn span {padding-left:21px; background:url(../img/common/menu_ico02.png) left center no-repeat; background-size:16px 11px;}

.gnb_in {background: #1f1f22;width:200px; position:absolute; top:30px; bottom:0; left:0; overflow-x:hidden; position:absolute; top:0; left:0; right:0; bottom:0; margin-top:30px;}

.gnb_in::-webkit-scrollbar {width:3px}
.gnb_in::-webkit-scrollbar-thumb {background:#bfbfbf;}


.gnb_in>ul>li>a {display:block; background:#29292e; line-height:38px; height:38px; color:#ffffff; font-size:14px; position:relative; padding:0 20px;}
.gnb_in>ul>li>a:before {position:absolute; right:12px; top:50%; margin-top:-8px; content:""; display:block; width:16px; height:16px; background:url(../img/common/menu_ico04.png) center no-repeat; background-size:cover;}
.gnb_in>ul>li>a.on:before {background:url(../img/common/menu_ico05.png) center no-repeat; background-size:cover;}
.gnb_in>ul>li>ul {display:none; padding:8px 0;}
.gnb_in>ul>li>ul>li>a {display:block; color:#dfdfec; font-size:12px; line-height:24px; padding:0 20px;}


/* 1:1 */
.myp_dv3 {margin-top:30px;}
.myp_dv3 {padding-left:65px; background:url(../img/common/ico_bul08.png) no-repeat; background-size:50px 50px; min-height:50px;}
.myp_dv3 .p1 {font-size:16px; color:#222222; line-height:19px; font-weight:700;}
.myp_dv3 .p2 {font-size:11px; color:#666666; line-height:15px; margin-top:3px;}

.claim_btn1 {margin-top:18px;}
.btn_tp06 {color:#ffffff; display:block; text-align:center; letter-spacing:-0.5px; background:#d90000; height:30px; line-height:30px; font-size:12px; font-weight:700; text-align:center;}

.claim_view_wrap {margin-top:15px; border:1px solid #dadada;}
.claim_vtop {padding:10px 12px 12px 38px; position:relative;}
.claim_vtop:before {content:"Q"; display:block; position:absolute; top:8px; left:0; width:26px; height:26px; line-height:26px; text-align:center; color:#ffffff; font-size:12px; font-weight:700; background:#6a7b97;}

.claim_vtop .q1:after {content:""; display:block; clear:both;}
.claim_vtop .q1 .p1 {font-size:12px; font-weight:700; color:#222222; line-height:19px; float:left;}
.claim_vtop .q1 .p2 {font-size:12px; font-weight:700; color:#ff0000; line-height:19px; float:right;}
.claim_vtop .q2 {margin-top:9px;font-size:13px; color:#195cc0; line-height:19px;}
.claim_vtop .q3 {font-size:13px; color:#222222; line-height:18px; margin-top:3px;}
.claim_vtop .q4 {text-align:right; margin-top:13px;}
.claim_vtop .q4 .atfile_btn {display:inline-block; padding-right:22px; color:#222222; font-size:12px; font-weight:700; line-height:19px; background:url(../img/common/ico_bul09.png) right 1px no-repeat; background-size:15px 14px;}
.claim_vtop .q4 .atfile_btn.none {padding-right:0px; background:inherit;}

.claim_vbtm {padding:10px 12px 12px 38px; position:relative;border-top:1px solid #dadada;}
.claim_vbtm:before {content:"A"; display:block; position:absolute; top:8px; left:0; width:26px; height:26px; line-height:26px; text-align:center; color:#ffffff; font-size:12px; font-weight:700; background:#ff0000;}
.claim_vbtm .q1:after {content:""; display:block; clear:both;}
.claim_vbtm .q1 .p1 {font-size:12px; font-weight:700; color:#222222; line-height:19px; float:left;}
.claim_vbtm .q1 .p2 {font-size:12px; font-weight:700; color:#ff0000; line-height:19px; float:right;}
.claim_vbtm .q2 {margin-top:9px;font-size:13px; color:#195cc0; line-height:19px;}
.claim_vbtm .q3 {font-size:13px; color:#222222; line-height:18px; margin-top:3px;}
.claim_vbtm .q4 {text-align:right; margin-top:13px;}
.claim_vbtm .q4 .atfile_btn {display:inline-block; padding-right:22px; color:#222222; font-size:12px; font-weight:700; line-height:19px; background:url(../img/common/ico_bul09.png) right 1px no-repeat; background-size:15px 14px;}
.claim_vbtm .q4 .atfile_btn.none {padding-right:0px; background:inherit;}

/* 1:1문의 리스트 */
.claim_list_wrap {margin-top:15px;}
.claim_list_wrap ul li a {display:block;}
.claim_list_wrap ul li {border:1px solid #dadada; position:relative; margin-top:10px;}
.claim_list_wrap ul li:after {margin-top:0px;}
.claim_list_wrap ul li .q1 {padding:7px 10px; display:block; background:#eff4fb;}
.claim_list_wrap ul li .q1 .p1 {display:block; font-size:12px; line-height:16px; color:#222222; font-weight:700; float:left;}
.claim_list_wrap ul li .q1 .p2 {display:block; font-size:12px; line-height:16px; font-weight:700; float:right;}
.claim_list_wrap ul li .q1:after {clear:both; display:block; content:"";}
.claim_list_wrap ul li .q1 .p2.claim_com {color:#ff0000;} 
.claim_list_wrap ul li .q1 .p2.claim_ing {color:#3d75dc;} 
.claim_list_wrap ul li .q2 {border-top:1px solid #dadada; display:block; padding:10px 10px 41px 10px;}
.claim_list_wrap ul li .q2 .p1 {display:block; font-size: 13px; color: #195cc0; line-height: 19px;}
.claim_list_wrap ul li .q2 .p2 {display:block; font-size: 13px; color: #222222; line-height: 18px; margin-top: 3px; max-height:36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:break-all;}
.claim_list_wrap ul li .atfile_btn {z-index:2;position:absolute; bottom:7px; right:10px; display:inline-block; padding-right:22px; color:#222222; font-size:12px; font-weight:700; line-height:19px; background:url(../img/common/ico_bul09.png) right 1px no-repeat; background-size:15px 14px;}
.claim_list_wrap ul li .atfile_btn.none {padding-right:0px; background:inherit;}

.btn_tp07 {letter-spacing:-0.5px; border:1px solid #34399b; background:#5055b6;  color:#ffffff; height:30px; line-height:30px; font-size:12px; font-weight:700; display:inline-block; text-align:center; width:100px;}
.btn_tp08 {letter-spacing:-0.5px; border:1px solid #a84646; background:#c15b5b;  color:#ffffff; height:30px; line-height:30px; font-size:12px; font-weight:700; display:inline-block; text-align:center; width:100px;}

.claim_write_wrap {margin-top:10px;}
.claim_write_wrap table {width:100%; border-top:1px solid #484848; border-left:1px solid #e0e0e0;}
.claim_write_wrap table tr th {border-bottom:1px solid #e0e0e0; letter-spacing:-0.5px; padding:9px 0px 9px 10px; color:#222222; font-size:13px; font-weight:bold; line-height:19px;}
.claim_write_wrap table tr td {font-size:12px; color:#222222;border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:9px 10px; text-align:left;}
.claim_write_wrap input[type=text] {width:100%; font-size:12px; color:#222222; -webkit-appearance: none; border:1px solid #e0e0e0; line-height:30px; height:30px; width:100%; box-sizing:border-box; padding:0 7px; }
.claim_write_wrap select {width:178px; background:url(../img/common/ico_bul10.png) 160px center no-repeat; background-size:10px 6px; font-size:12px; color:#222222; -webkit-appearance: none; border:1px solid #e0e0e0; line-height:30px; height:30px; box-sizing:border-box; padding:0 7px; padding-right:20px; }
.claim_write_wrap textarea {resize: none; width:100%; padding:8px 7px; color:#222222; font-size:12px; line-height:15px; height:220px; box-sizing:border-box; -webkit-appearance: none; border:1px solid #e0e0e0;  }


/* 동영상 보기 */
.mv_wrap {margin-top:8px;}
.mv_wrap ul li {margin-top:5px;}
.mv_wrap ul li:first-child {margin-top:0px;}
.mv_wrap ul li .q1 {font-size:12px; color:#ffffff; line-height:16px; padding:7px 9px; background:#2772c1;}
.mv_wrap ul li .q2 a {display:block;}
.mv_wrap ul li .q2 img {display:block; width:100%;}


/* 주문 */
.order_wrap {margin-top:8px;}
.order_wrap>ul>li {border:1px solid #dadada; border-width:0 1px 1px 1px;}
.order_wrap>ul>li:first-child {border-top:1px solid #dadada;}
.order_wrap .q1 {height:13px; background:#eff4fb; padding:8px 10px; position:relative; line-height:15px;}
.order_wrap .q1 input {width:13px; height:13px; vertical-align:top; display:inline-block;}
.order_wrap .q1:before {    right: 10px;
    top: 7px;width:15px; height:15px; content:""; display:block; position:absolute; background:url(../img/common/ico_bul02.png) no-repeat; background-size:15px 15px; }
.order_wrap .q2:after {content:""; display:block; clear:both;}
.order_wrap .q2 {padding:10px 11px 10px 10px; position:relative;}
.order_wrap .q2 .w1 {position:absolute; top:10px; left:10px;}
.order_wrap .q2 .w1 img {border:1px solid #f2f2f2; width:65px; height:65px;}
.order_wrap .q2 .w2 {margin-left:86px;}
.order_wrap .q2 .w2 .p1 {color:#2f2f2f; font-size:14px; line-height:19px; font-weight:400; letter-spacing:-0.75px;}
.order_wrap .q2 .w2 .p2 {color:#2f2f2f; font-size:14px; line-height:19px; font-weight:400; letter-spacing:-0.75px;}
.order_wrap .q2 .w2 .p3 {font-size:14px; color:#444444; letter-spacing:-0.75px;}
.order_wrap .q2 .w2 .p3 {margin-top:9px;}
.order_wrap .q2 .w2 .p4 {margin-top:9px; letter-spacing:-0.75px; line-height:16px; font-size:11px; color:#808080; font-weight:400;}
.order_wrap .q2 .w2 .p4 dl {position:relative;}
.order_wrap .q2 .w2 .p4 dl dt {position:absolute; top:0; left:0; padding-left:10px; background:url(../img/common/ico_bul01.png) 0 center no-repeat; background-size:4px 4px; display:inline-block; width:60px;}
.order_wrap .q2 .w2 .p4 dl dd {padding-left:60px; display:inline-block;}

.order_btm .q1 {padding:12px; background:#45485c;}
.order_btm .q1:after {content:""; display:block; clear:both;}
.order_btm .q1 ul {float:right;}
.order_btm .q1 ul li {line-height:20px; font-size:12px; color:#ffffff; font-weight:400;}
.order_btm .q1 ul li dl dt {letter-spacing:-0.75px; display:inline-block; width:72px;}
.order_btm .q1 ul li dl dd {letter-spacing:-0.75px; display:inline-block; text-align:right; width:150px; }
.order_btm .q1 ul li.w1 {margin-top:12px;}
.order_btm .q1 ul li.w1 dt {letter-spacing:-0.75px; font-size:18px; line-height:24px;}
.order_btm .q1 ul li.w1 dd {letter-spacing:-0.75px; font-size:18px; line-height:24px;}
.order_btm .q2 {margin-top:13px;}
.order_btm .q2:after {content:""; display:block; clear:both;}

.order_dv1 h3 {background:#fafafa; padding:6px 14px; font-size:14px; line-height:18px; color:#2f2f2f;}
.order_dv1 {border:1px solid #dfe1e2;}
.order_dv1 .q1 {border-top:1px solid #dfe1e2; padding:10px;}
.order_dv1 .q1 .p1 {font-size:11px; line-height:18px; margin-top:2px; color:#666666;}
.order_dv1 .q1 input {padding:0 10px; box-sizing:border-box; height:30px; width:100%; border:1px solid #d0d4d9; -webkit-appearance: none;}

.order_dv2 {margin-top:17px;}
.order_dv2 h3 {color:#2f2f2f; font-size:14px; line-height:18px;}
.order_dv2 table {margin-top:5px; width:100%; border-left:1px solid #dfe1e2; border-top:1px solid #dfe1e2;}
.order_dv2 table tr th {letter-spacing:-0.75px; border-right:1px solid #dfe1e2; border-bottom:1px solid #dfe1e2; background:#fafafa; color:#2f2f2f; font-size:12px; line-height:18px; padding:6px 0 6px 15px;}
.order_dv2 table tr td {border-right:1px solid #dfe1e2; border-bottom:1px solid #dfe1e2;color:#2f2f2f; font-size:12px; line-height:18px; padding:6px 15px;}
.order_dv2 table tr td input[type=text] {width:100%;padding:0 10px; box-sizing:border-box; height:30px; border:1px solid #d0d4d9; -webkit-appearance: none;}

.order_dv2 table tr td .q1 .w1 {width:33.3%; padding-left:5px; float:left; box-sizing:border-box;}
.order_dv2 table tr td .q1 .w1:first-child {width:33.4%; padding-left:0px;}
.order_dv2 table tr td .q1:after {content:""; display:block; clear:both;}

.order_dv2 table tr td .q2 {position:relative;}
.order_dv2 table tr td .q2 .btn_tp09 {position:absolute; right:0; top:0;}
.order_dv2 table tr td .q2 .w1 {padding-right:65px;}
.btn_tp09 {text-align:center; display:block; color:#ffffff; font-size:12px; letter-spacing:-0.75px; width:60px; height:30px; line-height:30px; box-sizing:border-box; background:#6887ce; border:1px solid #5674b9;}
.order_dv2 table tr td .q3 {margin-top:4px;}
.order_dv2 table tr td.q4 {padding:12px 10px 10px 10px;}
.order_dv2 table tr td.q4 .w1 {margin-top:4px;}
.order_dv2 table tr td.q4 h3 {font-size:12px; color:#2f2f2f; line-height:16px;}
.order_dv2 table tr td.q4 textarea {resize:none; display:block; margin-top:4px; width:100%;padding:6px 10px; box-sizing:border-box; height:70px; border:1px solid #d0d4d9; -webkit-appearance: none;}

.order_dv3 {margin-top:17px;}
.order_dv3 h3 {color:#2f2f2f; font-size:14px; line-height:18px;}
.order_dv3 .order_btm {margin-top:5px;}

.order_dv4 {margin-top:17px;}
.order_dv4 h3 {color:#2f2f2f; font-size:14px; line-height:18px;}
.order_dv4 ul {margin-top:5px; border:1px solid #dfe1e2;}
.order_dv4 ul li {padding:16px 14px; border-top:1px solid #dfe1e2;}
.order_dv4 ul li:first-child {border-top:0px;}
.order_dv4 ul li input {vertical-align:middle;}
.order_dv4 ul li label {padding-left:7px; vertical-align:middle; color:#2f2f2f; font-size:12px; line-height:16px; display:inline-block;}

.order_dv5 {margin-top:17px;}
.order_dv5 h3 {color:#2f2f2f; font-size:14px; line-height:18px;}
.order_dv5 .q1 {margin-top:5px; border:1px solid #dfe1e2;}
.order_dv5 .q1 .w1 {padding:10px; }
.order_dv5 .q1 .w1 textarea {resize:none; font-size:12px; line-height:19px; color:#2f2f2f; letter-spacing:-0.75px; white-space:prewrap; display:block; width:100%;padding:8px 10px; box-sizing:border-box; height:70px; border:1px solid #d0d4d9; -webkit-appearance: none;}

.order_dv5 .q1 .w2 {border-top:1px solid #dfe1e2; background:#fafafa; padding:8px 10px;}
.order_dv5 .q1 .w2 {position:relative;}
.order_dv5 .q1 .w2 .e1 {position:absolute; top:11px; left:10px; display:block;}
.order_dv5 .q1 .w2 .e2 {display:block; padding-left:20px;}
.order_dv5 .q1 .w2 .e2 label {color:#2f2f2f; font-size:12px; line-height:19px;}

.order_dv_btns {margin-top:13px;}
.order_dv_btns:after {content:""; display:block; clear:both;}

.addr_fix {transition: all .2s;
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	height:83px; position:fixed; top:37px; left:0; right:0; background:#ffffff;}
.addr_fix.on {top:0px;}
.addr_fix .q1 .w1{position:relative; background:#fafafa; padding:6px 14px; height:18px; position:realtive;}
.addr_fix .q1 .w1 h2 { font-size:14px; line-height:18px; color:#2f2f2f;}
.addr_fix .q1 .w1 a {display:block; position:absolute; top:5px; right:6px; width:19px; height:19px; background:url(../img/common/ico_bul11.png) no-repeat; background-size:19px 19px;}
.addr_fix .q1 {border:1px solid #dfe1e2;}
.addr_fix {padding:13px 10px 0px 10px;}
.addr_fix .q1 .w2 {border-top:1px solid #dfe1e2;padding:10px;}
.addr_fix .q1 .w2 input[type=text] {width:100%;padding:0 10px; box-sizing:border-box; height:30px; border:1px solid #d0d4d9; -webkit-appearance: none;}

.addr_con {padding:95px 10px 10px 10px;}
.addr_con ul li {margin-top:3px;}
.addr_con ul li a {display:block; padding:10px 15px; border:1px solid #dfe1e2;}
.addr_con ul li a span {display:block; color:#2f2f2f; font-size:12px; line-height:18px; letter-spacing:-0.75px;}


.ordercom_wrap {margin-top:12px;}
.ordercom_wrap>ul>li {border:1px solid #dadada; border-width:0px 1px 1px 1px;}
.ordercom_wrap>ul>li:first-child {border-top:1px solid #dadada; margon-top:0px;}
.ordercom_wrap .q1 {height:15px; background:#eff4fb; padding:7px 10px; position:relative; line-height:15px;}
.ordercom_wrap .q1 p {font-size:14px; color:#222222; line-height:15px;}
.ordercom_wrap .q1:before {    right: 10px;
    top: 7px;width:15px; height:15px; content:""; display:block; position:absolute; background:url(../img/common/ico_bul02.png) no-repeat; background-size:15px 15px; }
.ordercom_wrap .q2 {font-size:14px; letter-spacing:-0.75px; color:#2f2f2f; line-height:18px; padding:9px 10px;}
.ordercom_wrap .q2 span {color:#3a4cbf;}
.ordercom_wrap .q3:after {content:""; display:block; clear:both;}
.ordercom_wrap .q3 {padding:10px 11px 10px 10px; position:relative;}
.ordercom_wrap .q3 .w1 {position:absolute; top:10px; left:10px;}
.ordercom_wrap .q3 .w1 img {border:1px solid #f2f2f2; width:65px; height:65px;}
.ordercom_wrap .q3 .w2 {margin-left:86px;}
.ordercom_wrap .q3 .w2 .p1 {color:#2f2f2f; font-size:14px; line-height:19px; font-weight:400; letter-spacing:-0.75px;}
.ordercom_wrap .q3 .w2 .p2 {font-size:14px; line-height:19px; color:#2f2f2f; letter-spacing:-0.75px;}
.ordercom_wrap .q3 .w2 .p3 {font-size:14px; line-height:19px; color:#195cc0; letter-spacing:-0.75px;}
.ordercom_wrap .q3 .w2 .p4 {margin-top:5px; letter-spacing:-0.75px; line-height:16px; font-size:11px; color:#808080; font-weight:400;}
.ordercom_wrap .q3 .w2 .p4 dl {position:relative;}
.ordercom_wrap .q3 .w2 .p4 dl dt {position:absolute; top:0; left:0; padding-left:10px; background:url(../img/common/ico_bul01.png) 0 center no-repeat; background-size:4px 4px; display:inline-block; width:60px;}
.ordercom_wrap .q3 .w2 .p4 dl dd {padding-left:60px; display:inline-block;}

.corder_tit_wrap {margin-top:6px;}
.corder_tit_wrap .p1 {font-size:11px; line-height:15px; letter-spacing:-0.25px;}
.corder_tit_wrap .p2 {margin-top:23px; display:block; width:234px; height:36px;}
.corder_tit_wrap .p3 {margin-top:20px;padding:11px; border:1px solid #eaeaea; border-radius:5px;}
.corder_tit_wrap .p3 p {padding-left:18px; background:url(../img/common/ico_bul11.png) 0 3px no-repeat; background-size:10px 10px; color:#666666; font-size:11px; line-height:16px; letter-spacing:-0.25px;}

.corder_tit_wrap .p3 span {color:#cc0000;}

.corder_dv1 {margin-top:23px; border:1px solid #eaeaea; border-radius:5px 5px 0 0; border-width:1px 1px 1px 1px; background:#fafafa; padding:15px 10px; }
.corder_dv1 .p1 {text-align:center; color:#163659; font-size:10px; line-height:15px; letter-spacing:-0.25px;}
.corder_dv1 .p2 {text-align:center; color:#163659; font-size:14px; line-height:18px; letter-spacing:-0.25px;}

.corder_dv2 {border:1px solid #eaeaea; border-width:0 1px 0 1px;}
.corder_dv2 ul li {position:relative; padding:10px 5px 10px 10px; border-bottom:1px solid #eaeaea;}
.corder_dv2 ul li .p1 {margin-right:63px; vertical-align:top; height:100%; color:#333333; font-size:11px; line-height:15px; letter-spacing:-0.25px;}
.corder_dv2 ul li .p2 {position:absolute; top:50%; margin-top:-11px; right:5px; vertical-align:middle; height:100%; }
.corder_dv2 ul li .p2 a {width:53px; text-align:center; color:#ffffff; background:#195cc0; font-size:11px; letter-spacing:-0.25px; line-height:22px; height:22px; display:block;}

.corder_dv2_none {text-align:center; padding:22px 10px 11px 10px; border:1px solid #eaeaea; border-width:0 1px 1px 1px;}
.corder_dv2_none p {color:#333333; font-size:11px; line-height:15px; letter-spacing:-0.25px;}
.corder_dv2_none a {margin-top:17px;width:53px; text-align:center; color:#ffffff; background:#195cc0; font-size:11px; letter-spacing:-0.25px; line-height:22px; height:22px; display:inline-block;}

.corder_inp_wrap {margin-top:7px;}
.corder_inp_wrap .corder_inp_info {color:#cc0000; text-align:right;}
.corder_inp_wrap .corder_inp_info p {display:inline-block; font-size:11px; letter-spacing:-0.25px; padding-left:9px; background:url(../img/common/ico_bul14.png) left center no-repeat; background-size:4px 4px;}

.corder_tb {margin-top:2px;}
.corder_tb {border:1px solid #eaeaea; }
.corder_tb table {padding:4px 0;}
.corder_inp h3 {font-size:14px; color:#222222; font-weight:500; letter-spacing:-0.125px; line-height:16px;}
.corder_inp table {margin-top:3px; width:100%;}
.corder_inp table tr th {padding:5px 5px 5px 15px; color:#222222; font-size:11px; letter-spacing:-0.25px;}
.corder_inp table tr th .p1 {padding-right:9px;background:url(../img/common/ico_bul14.png) right center no-repeat; background-size:4px 4px;}
.corder_inp table tr td {padding:4px 5px;}
.corder_inp input.i1 {line-height:18px; height:22px; border:1px solid #e4e4e4; padding:2px 5px; box-sizing:border-box; background:#f7f7f7; width:100%; }

.corder_tb_btm {border-top:1px solid #eaeaea; background:#fafafa; padding:9px 10px; font-size:10px; color:#707070; line-height:13px; letter-spacing:-0.25px;}

.corder_tb2 {margin-top:2px; padding:4px 5px; border:1px solid #eaeaea;}
.corder_tb2 .p1{margin-left:5px; display:inline-block; color:#888888; line-height:22px; font-size:11px; letter-spacing:-0.25px;}
.corder_tb2 .p1 strong {font-weight:600;}

.corder_tb3 {text-align:center; margin-top:2px; padding:9px; border:1px solid #eaeaea;}
.corder_tb3 .p1 {width:196px; text-align:center; color:#ffffff; background:#195cc0; font-size:11px; letter-spacing:-0.25px; line-height:25px; height:25px; display:inline-block;}
.corder_tb3 .p2{margin-top:5px; display:inline-block; color:#888888; line-height:15px; font-size:11px; letter-spacing:-0.25px;}

.corder_tb4 {border:1px solid #eaeaea; position:relative;  margin-top:2px;}
.corder_tb4 .q1 {margin-right:67px;}
.corder_tb4 {padding:5px 8px 5px 10px;}
.corder_tb4 .q1 input {vertical-align:middle; width:15px; height:15px; }
.corder_tb4 .q1 label {maring-left:2px; vertical-align:middle; font-size:11px; color:#222222; letter-spacing:-0.25px; line-height:15px;}
.corder_tb4 .q1 p {padding:3px 0;}
.corder_tb4 .q2 a {width:60px; height:39px; line-height:39px; letter-spacing:-0.25px; color:#ffffff; font-size:11px; display:block; text-align:center; background:#44546d;}
.corder_tb4 .q2 {position:absolute; width:60px; height:39px; right:8px; top:50%; margin-top:-20px;}

.corder_tb5 {margin-top:2px; padding:8px 10px; border:1px solid #eaeaea;}
.corder_tb5 .p1{color:#222222; line-height:15px; font-size:11px; letter-spacing:-0.25px;}


.corder_inp2 {margin-top:21px; padding:8px 10px; border:1px solid #2a7ec6; position:relative;}
.corder_inp2 .q1 {position:absolute; top:8px; left:10px;}
.corder_inp2 .q2 {margin-left:27px;}
.corder_inp2 .q2 label{display:block; color:#333333; font-size:11px; line-height:15px; letter-spacing:-0.25px;}

.corder_btns {margin-top:19px;}
.corder_btns:after {content:""; display:block; clear:both;}
.corder_btns>div {width:50%; box-sizing:border-box;}
.corder_btns>div:first-child {padding-right:3px; float:left;}
.corder_btns>div:last-child {padding-left:3px; float:right;}
.btn_tp10 {letter-spacing:-0.5px; background:#195cc0; color:#ffffff; height:35px; line-height:35px; font-size:12px; font-weight:700; display:block; text-align:center;}
.btn_tp11 {letter-spacing:-0.5px; background:#acacac; color:#ffffff; height:35px; line-height:35px; font-size:12px; font-weight:700; display:block; text-align:center;}

.corder_btm_info {margin-top:40px; position:relative; border:1px solid #eaeaea; border-radius:5px; padding:11px 11px 11px 55px;}
.corder_btm_info h4{position:absolute; top:0; left:0; width:40px; height:35px; text-align:center; background:#1377b6; color:#ffffff; font-size:10px; letter-spacing:-0.25px; line-height:35px; top:-5px;}
.corder_btm_info>ul>li {margin-top:10px; padding-left:13px; background:url(../img/common/ico_bul15.png) left 5px no-repeat; background-size:3px 3px; font-size:11px; color:#333333; line-height:15px; letter-spacing:-0.25px;}
.corder_btm_info>ul>li:first-child {margin-top:0px;}
.corder_btm_info>ul>li .o1 {color:#d50303;}
.corder_btm_info>ul>li .o2 {color:#327ba9;}

.corder_btm_info h5 {font-size:11px; line-height:15px; letter-spacing:-0.25px; color:#195cc0; margin-top:5px; padding-left:15px; background:url(../img/common/ico_bul12.png) left center no-repeat; background-size:12px 12px;}
.corder_btm_info>ul>li .q1 {margin-top:5px;}
.corder_btm_info>ul>li .q1 li {font-size:11px; line-height:18px; color:#222222; letter-spacing:-0.25px;}

.corder_btm_info .p1 {color:#d50303; margin-top:13px;font-size:11px; padding-left:11px; line-height:16px; background:url(../img/common/ico_bul13.png) left center no-repeat; background-size:11px 11px;}
.corder_res_wrap {margin-top:18px;}
.corder_tb6 {margin-top:3px; border:1px solid #eaeaea;}
.corder_tb6 table tr th {letter-spacing:-0.25px; color:#222222; font-size:11px; font-weight:600; line-height:16px; padding:6px 15px;}
.corder_tb6 table tr td {letter-spacing:-0.25px; color:#222222; font-size:11px; line-height:16px; padding:6px 15px;}
.corder_tb6 table tr td strong {font-weight:600;}
.corder_tb6 table tr td .p1 {color:#cc0000;}

.corder_btns2 {margin-top:4px;}

.list_wrap2 {margin-top:15px; border-bottom:1px solid #dcdcdc;}
.list_wrap2 ul li {border-top:1px solid #dcdcdc; padding:10px 0 14px 0; overflow:hidden; position:relative; letter-spacing:-0.75px;}
.list_wrap2 ul li .q1 {position:absolute; top:10px; left:0; width:60px;}
.list_wrap2 ul li .q1 a {display:block; border:1px solid #f2f2f2;}
.list_wrap2 ul li .q1 a img {display:block; width:59px; height:59px;}
.list_wrap2 ul li .q2 {margin-left:75px; margin-right:50px; display:block;}
.list_wrap2 ul li .q2 .w1 {display:block; font-size:13px; line-height:18px; color:#2f2f2f;}
.list_wrap2 ul li .q2 .w2 {display:block; margin-top:5px; font-size:11px; line-height:13px; color:#2f2f2f;}
.list_wrap2 ul li .q2 .w3 {display:block; font-size:11px; line-height:13px; color:#2f2f2f;}
.list_wrap2 ul li .q2 .w4 {display:block; margin-top:6px; font-size:16px; line-height:20px;}
.list_wrap2 ul li .q2 .w4 .e1 {display:inline-block; color:#ff0000; font-weight:700;}
.list_wrap2 ul li .q2 .w4 .e2 {margin-left:7px; display:inline-block; color:#2f2f2f; font-weight:700;}
.list_wrap2 ul li .q2 .w4 .e3 {margin-left:7px; display:inline-block; color:#a2a2a2; font-size:12px; font-weight:400;}
.list_wrap2 ul li .q2 .w5 {margin-top:3px; line-height:16px; font-size:12px; color:#777777;}
.list_wrap2 ul li .q3 {width:40px; position:absolute; top:10px; right:0;}
.list_wrap2 ul li .q3 .w1 {display:block; border-radius:4px; background:url(../img/common/list_btn01.png) no-repeat #ff9c00; background-size:100% 100%; width:40px; height:40px;}
.list_wrap2 ul li .q3 .w2 {margin-top:10px; display:block; border-radius:4px; background:url(../img/common/list_btn02.png) no-repeat #c38204; background-size:100% 100%; width:40px; height:40px;}

.list_empty {padding-top:175px; background:url(../img/common/list_empty.png) center 70px no-repeat; background-size:90px 84px; letter-spacing:-0.75px; padding-bottom:20px;}
.list_empty .q1 {text-align:center; color:#1d2b46; font-size:16px; font-weight:700; line-height:18px;}
.list_empty .q2 {text-align:center; color:#1d2b46; font-size:11px; line-height:15px; margin-top:10px;}

.myp_dv4 {margin-top:30px; letter-spacing:-0.5px;}
.myp_dv4 {padding-left:65px; background:url(../img/common/ico_bul16.png) no-repeat; background-size:50px 50px; min-height:50px;}
.myp_dv4 .p1 {font-size:16px; color:#222222; line-height:19px; font-weight:700;}
.myp_dv4 .p2 {font-size:11px; color:#666666; line-height:15px; margin-top:3px;}
.myp_dv4 ul li {margin-top:7px;}
.myp_dv4 ul li dl dt {color:#222222; font-size:11px; font-weight:700; }
.myp_dv4 ul li dl dd {color:#666666; font-size:11px; line-height:18px; }
.myp_dv4 .p3 {margin-top:10px; color:#7695d9; font-weight:bold; line-height:15px; font-size:11px;}

.custom_order_wrap {margin-top:12px;}
.custom_order_wrap>ul>li {border:1px solid #dadada; border-width:1px 1px 1px 1px; margin-top:10px;}
.custom_order_wrap>ul>li:first-child {margon-top:0px;}
.custom_order_wrap .q1 {height:15px; background:#eff4fb; padding:7px 10px; position:relative; line-height:15px;}
.custom_order_wrap .q1 p {font-size:12px; color:#222222; font-weight:700; line-height:15px;}
.custom_order_wrap .q1:before {    right: 10px;
    top: 7px;width:15px; height:15px; content:""; display:block; position:absolute; background:url(../img/common/ico_bul02.png) no-repeat; background-size:15px 15px; }
.custom_order_wrap .q2:after {content:""; display:block; clear:both;}
.custom_order_wrap .q2 {padding:10px 11px 10px 10px; position:relative;}
.custom_order_wrap .q2 .w2 {}
.custom_order_wrap .q2 .w2 .p1 {color:#2f2f2f; font-size:14px; line-height:19px; font-weight:400; letter-spacing:-0.75px;}
.custom_order_wrap .q2 .w2 .p2 {font-size:14px; line-height:19px; color:#2f2f2f; letter-spacing:-0.75px;}
.custom_order_wrap .q2 .w2 .p3 {font-size:14px; line-height:19px; color:#195cc0; letter-spacing:-0.75px;}
.custom_order_wrap .q2 .w2 .p4 {margin-top:5px; letter-spacing:-0.75px; line-height:16px; font-size:11px; color:#808080; font-weight:400;}
.custom_order_wrap .q2 .w2 .p4 dl {position:relative;}
.custom_order_wrap .q2 .w2 .p4 dl dt {position:absolute; top:0; left:0; padding-left:10px; background:url(../img/common/ico_bul01.png) 0 center no-repeat; background-size:4px 4px; display:inline-block; width:60px;}
.custom_order_wrap .q2 .w2 .p4 dl dd {padding-left:60px; display:inline-block;}
.custom_order_wrap .q3 {border-top:1px solid #d7d7d7; line-height:29px; height:29px; background:#fbfbfb; padding:0 10px; }
.custom_order_wrap .q3:after {content:""; display:block; clear:both;}
.custom_order_wrap .q3 a {display:block; float:left; font-size:14px; color:#2f2f2f; letter-spacing:-0.75px;}
.custom_order_wrap .q3 p {color:#b80000; font-size:13px; font-weight:700; float:right;}



.naver_login_btn {display:block; height:43px; text-align:center; border:1px solid #19ab00; background:#1dc800;}
.naver_login_btn span {color:#ffffff;background:url(../img/common/naver_login_bg.png) left center no-repeat; padding-left:17px; background-size:11px 10px; font-size:14px; letter-spacing:-0.75px; line-height:42px; display:inline-block;}

.login_dv2 {border-top:1px solid #e6e6e6; margin-top:20px; padding-top:20px;}
.login_dv2 h3 {font-size:12px; font-weight:600; color:#1d2b46; line-height:16px; text-align:center;}
.login_dv2 .q1 {margin-top:7px;}
.login_dv2 .q1 {border:1px solid #d3d3d3; background:#f7f7f7; padding:11px 13px;}
.login_dv2 .q1 ul li {margin-top:5px; position:relative;}
.login_dv2 .q1 ul li:first-child {margin-top:5px;}
.login_dv2 .q1 ul li:after {content:""; display:block; clear:both;}
.login_dv2 .q1 ul li label {letter-spacing:-0.75px; color:#222222; font-size:14px; line-height:32px; position:absolute; width:55px; top:0;}
.login_dv2 .q1 ul li div {float:left; padding-left:55px; width:100%; box-sizing:border-box;}
.login_dv2 .q1 ul li input {line-height:30px; height:30px; border:1px solid #dadada; width:100%; box-sizing:border-box; padding:0 5px;}