@charset "euc-kr";
/* CSS Document */

@media screen and (max-width:1470px){	
#quick{ position:fixed; z-index:100001; left:-110px; top:0; width:110px; height:100%; background:#fff; border-right:1px solid #1c1c1f; box-shadow:2px 0 5px rgba(0,0,0,.4);} 
#quick > div{ position:absolute; top:0; left:0; width:100%; height:100%;}
#quick .quick{ position:static; margin-top:inherit;}
#quick .quick_left{ margin-left:inherit; width:100%;}
#quick .quick_right{ margin-left:inherit; width:100%;} 
.scroll #quick .quick{ top:inherit;}

#quick .quickBtn{ display:block; position:absolute; top:25%; left:100%; text-align:center; color:#fff;}
#quick .quickBtn .tt{ display:inline-block; *display:inline; zoom:1; padding:10px 10px; background:#1c1c1f; border-radius:0 5px 5px 0;}
#quick .quickBtn .xi{ display:none;}

#quick .cs_wrap{ margin-top:15px; border:none; border-top:none;}
#quick .cs_wrap:first-child{ padding-top:15px;}
#quick .cs_wrap .cs_tit{ line-height:35px; border-bottom:none;}
#quick .cs_wrap .cs_con{ padding-top:0;}
#quick .cs_wrap .cs_con .cs{}
#quick .cs_wrap .cs_con .cs > li{ margin-top:5px;}
#quick .today_wrap{ border:none; padding-top:15px;}
}

@media screen and (max-width:1280px){	
/**/
#nHeader .logo_wrap .right .vm_tt{ margin-top:-10px;}

#nHeader .gnb_wrap .cate{ padding-right:0; *zoom:1;}
#nHeader .gnb_wrap .cate:after{ content:""; display:block; clear:both;}
#nHeader .gnb_wrap .cate .menu{ text-align:center;}
#nHeader .gnb_wrap .cate .menu > li.all{ float:left;}

#nHeader .gnb_wrap .cate .etc_menu{ top:-33%; text-align:center; line-height:1;}
#nHeader .gnb_wrap .cate .etc_menu:before{ display:none;}
#nHeader .gnb_wrap .cate .etc_menu > li > a{ margin-left:3px; width:35px; line-height:35px; border-radius:50%; color:#fff !important;}
#nHeader .gnb_wrap .cate .etc_menu > li:nth-child(1) > a{ background:#0054e0;}
#nHeader .gnb_wrap .cate .etc_menu > li:nth-child(2) > a{ background:#a82494;}
#nHeader .gnb_wrap .cate .etc_menu > li:nth-child(3) > a{ background:#ff5a00;}
#nHeader .gnb_wrap .cate .etc_menu > li > a:hover{ text-decoration:none;}

.scroll #nHeader .gnb_wrap .cate .etc_menu{ display:none;}

/**/
#nfooter .cs_wrap .column{ margin:0 -30px 0 0;}
#nfooter .cs_wrap .cs_st .st{ margin:0 30px 0 0;}
#nfooter .cs_wrap .cs_st:nth-child(1){ width:20%}
#nfooter .cs_wrap .cs_st:nth-child(2){ width:20%}
#nfooter .cs_wrap .cs_st:nth-child(3){ width:30%}
#nfooter .cs_wrap .cs_st:nth-child(4){ width:30%}

#nfooter .copy_wrap .info{ width:75%;}
#nfooter .copy_wrap .info br{ display:none;}

/**/
.view_top_wrap .info_wrap .info_top .priceInfo{ font-size:.938em;}
.list_wrap .list_cate > li{ width:20%;}
}

@media screen and (max-width:1200px){
.main_top_wrap .main_visual .slide_img{ background-size:cover;}
.main_top_wrap .banner .banner_img{ background-size:cover;}
}


@media screen and (max-width:1100px){
#nHeader .gnb_wrap .cate .menu > li.in > .dp1 { padding:0 9px;}

}

@media screen and (max-device-width:1023px){
body{ font-family:sans-serif; letter-spacing:-0.5px;}
body *{ font-family:sans-serif !important;}
h1,h2,h3,h4,strong,b,th{ font-weight:bold;}
}

@media screen and (max-width:1023px){
body{ font-size:15px;}
.di_wrap > *{ font-size:15px; font-size:.938rem;}
.pc_hide{ display:block}
.phone_hide{ display:none}

#fade{ display:none;}

/*header*/
#nHeader .top_wrap .left{ display:none;}
#nHeader .top_wrap .menu .down_btn .xi{ display:none;}
#nHeader .top_wrap .menu .down_btn:hover .down_con{ display:none;}
#nHeader .top_wrap .menu .cartBtn{}
#nHeader .top_wrap .menu .cartBtn .tt{ padding-right:0;}
#nHeader .top_wrap .menu .cartBtn > a { display:inline-block; vertical-align:middle; padding-right:0;}
#nHeader .top_wrap .menu .cartBtn .num{ display:inline-block; vertical-align:middle; position:inherit; font-weight:bold;}
#nHeader .top_wrap .menu .cartBtn:hover .down_con{ display:inline-block;}

#nHeader .logo_wrap .right .vm_tt{ margin-top:0;}
#nHeader .logo_wrap .vm_wrap{ height:70px;}
#nHeader .logo_wrap .logo img{ height:50px;}
#nHeader .logo_wrap .menu > li > a{ padding:0 5px;}
#nHeader .logo_wrap .menu > li > a:hover{ transform:translate(0,0);}

#nHeader .gnb_wrap{ border-top:none; margin-right:-1px;}
#nHeader .gnb_wrap .box1{ width:100%;}
#nHeader .gnb_wrap .cate{ height:auto; line-height:normal;}
#nHeader .gnb_wrap .cate .menu{ white-space:normal}
#nHeader .gnb_wrap .cate .menu > li.in{ width:20%;}
#nHeader .gnb_wrap .cate .menu > li.in > .dp1{ height:35px; border-top:1px solid #eee; border-right:1px solid #eee; margin-top:-1px;}
#nHeader .gnb_wrap .cate .menu > li.in > .dp1:before{ bottom:0; height:3px;}
#nHeader .gnb_wrap .cate .menu > li.in:hover > .dp1,
#nHeader .gnb_wrap .cate .menu > li.in.on > .dp1{ background:#f5f5f5;}
#nHeader .gnb_wrap .cate .menu > li.in:hover > .dp1:before,
#nHeader .gnb_wrap .cate .menu > li.in.on > .dp1:before{ width:102%; margin-left:-51%;}
#nHeader .gnb_wrap .cate .menu > li.in:hover .dp2{ display:none;}
#nHeader .gnb_wrap .cate .menu > li.point > .dp1{ font-weight:bold;}
#nHeader .gnb_wrap .cate .etc_menu{ display:none;}

#quick .quickBtn{ display:none; font-size:1.500em;}
#quick .quickBtn.on{ display:block;}
#quick .quickBtn .tt{ display:none;}
#quick .quickBtn .xi{ display:block; width:50px; line-height:50px; background:#1c1c1f; border-radius:0 3px 3px 0;}

#quick .cs_wrap{ margin-top:5px;}
#quick .cs_wrap:first-child{ padding-top:10px;}
#quick .cs_wrap .cs_tit{ font-weight:bold;}
#quick .cs_wrap .cs_con{ padding-top:0; padding-bottom:0;}
#quick .cs_wrap .cs_con .cs .t1{ font-weight:bold;}
#quick .cs_wrap .cs_con .cs .t3{ font-weight:bold;}
#quick .cs_wrap .cs_con .cs .t4{ font-weight:bold;}

#quick .today_wrap{ border:none; padding-top:15px;}
#quick .today_wrap .today_tit{ height:80px;}
#quick .today_wrap .today_tit .tt,
#quick .today_wrap .today_tit .num{ font-weight:bold;}
#quick .today_wrap .today_con{ padding:10px 30px 30px 30px;}

.mQuick{ position:fixed; z-index:100; left:0; bottom:0; width:100%; background:#393a3e; text-align:center;}
.mQuick ul > li{ width:20%;}
.mQuick ul > li > a{ line-height:50px; color:#fff;}

/*footer*/
#nfooter .btn_wrap{ display:none;}
#nfooter .cs_wrap{ padding:15px 0 10px 0;}
#nfooter .cs_wrap .column{ margin:0;}
#nfooter .cs_wrap .cs_st{}
#nfooter .cs_wrap .cs_st:nth-child(1){ width:50%}
#nfooter .cs_wrap .cs_st:nth-child(2){ width:50%;}
#nfooter .cs_wrap .cs_st:nth-child(3){ width:100%; margin-top:15px;}
#nfooter .cs_wrap .cs_st:nth-child(4){ width:100%; margin-top:5px;}
#nfooter .cs_wrap .cs_st .st{ margin:0;}
#nfooter .cs_wrap .cs_st:nth-child(2) .st{ margin-left:30px;}
#nfooter .cs_wrap .cs_st .st .cs_tit{ font-size:1em; font-weight:bold;}
#nfooter .cs_wrap .cs_st .st .cs_con{ padding-top:5px}

#nfooter .cs_wrap .cs_st .st .cs_con .info > li{ margin-top:5px; line-height:1.2;}
#nfooter .cs_wrap .cs_st .st .cs_con .info > li .icon{ width:30px; line-height:30px; font-size:1.063em;}
#nfooter .cs_wrap .cs_st .st .cs_con .info > li.st1 .tt{ padding-left:35px; line-height:30px;}
#nfooter .cs_wrap .cs_st .st .cs_con .info > li.st2{ margin-top:5px;}
#nfooter .cs_wrap .cs_st .st .cs_con .info > li .t1{ font-weight:bold;}

#nfooter .cs_wrap .cs_st .st .cs_con .quick{}
#nfooter .cs_wrap .cs_st .st .cs_con .quick > li{ width:25%; text-align:center;}
#nfooter .cs_wrap .cs_st .st .cs_con .quick > li > a{ padding:10px 5px; height:auto; line-height:1.2;}
#nfooter .cs_wrap .cs_st .st .cs_con .quick > li > a .icon{ position:static; width:100%; height:auto;}
#nfooter .cs_wrap .cs_st .st .cs_con .quick > li > a .tt{ font-weight:bold;}

#nfooter .cs_wrap .cs_st:nth-child(4) .cs_tit{ display:none;}
#nfooter .cs_wrap .cs_st .st .cs_con .list{ margin:-1px 0 0 -1px; text-align:center;}
#nfooter .cs_wrap .cs_st .st .cs_con .list > li{ width:25%;}
#nfooter .cs_wrap .cs_st .st .cs_con .list > li > a{ margin:1px 0 0 1px; line-height:30px; background:#393a3e; border-radius:3px; color:#fff;}
#nfooter .cs_wrap .cs_st .st .cs_con .list > li > a:hover{ color:#fff; text-decoration:none;}

#nfooter .copy_wrap{ padding:20px 0 80px 0; font-size:1.063em;}
#nfooter .copy_wrap .info{ float:none; width:100%;}
#nfooter .copy_wrap .info > dt,
#nfooter .copy_wrap .info > dd{ margin-right:10px; padding:2px 0;}
#nfooter .copy_wrap .info > dt{ font-weight:bold;}
#nfooter .copy_wrap .info > dd.copyright{ margin-top:10px;}
#nfooter .copy_wrap .info > dd.copyright .adm{ display:none;}

#nfooter .copy_wrap .etc{ float:none; margin-top:10px;}
#nfooter .copy_wrap .etc > li{ margin-left:10px;}
#nfooter .copy_wrap .etc > li img{ max-height:35px;}

/**/
#nContents{}
#nContents .doc{ padding-bottom:3em}
#nContents .doc_main{ padding-bottom:1.5em}

#nContents .nGnb_wrap{ margin-bottom:1.5em;}
#nContents .nGnb_wrap .subTitle{ font-size:.813em; letter-spacing:-1px;}
#nContents .nGnb_wrap .subTitle .gnb > li .dp1{ padding:5px 0;}
#nContents .nGnb_wrap .subTitle .gnb > li .dp1 .va{ width:50px;}
#nContents .nGnb_wrap .subTitle .gnb > li .dp1 .va_tt{ font-weight:bold;}
#nContents .nGnb_wrap .subMenu .gnb > li .dp2 > li{ font-size:.875rem; width:20%}

/**/
.nocon{ line-height:120px; font-size:.750rem;}

.list_wrap .list_top{ margin-bottom:15px; padding:15px 0 10px 0; letter-spacing:-1px;}
.list_wrap .list_top .list_tit{ font-size:1.250em;}
.list_wrap .list_top .list_nav{ margin-top:5px;}
.list_wrap .list_top .list_nav .this{ font-weight:bold;}

.list_wrap .list_cate > li{ width:33.33%;}
.list_wrap .list_cate > li > .dp1{ height:30px;}
.list_wrap .list_cate > li .dp2{ display:none !important;}

.list_wrap .list_search{ margin-top:15px; padding:5px 20px; line-height:25px;}
.list_wrap .list_search .search{ display:block;}
.list_wrap .list_search .search .inp_wrap{ float:none; position:relative; margin:0; padding:5px 0; padding-left:100px; border-top:1px solid #fff;}
.list_wrap .list_search .search .inp_wrap:first-child{ border-top:none;}
.list_wrap .list_search .search .inp_wrap .search_tit{ position:absolute; left:0; top:50%; margin-top:-13px; padding:0;}
.list_wrap .list_search .search .inp_wrap .search_tt{ padding:0 5px 0 0;}
.list_wrap .list_search .search .inp_wrap .inp{ line-height:25px; height:25px; font-weight:bold;}
.list_wrap .list_search .search .inp_wrap .btn{ top:inherit; width:30px; height:25px;}
.list_wrap .list_search .search .inp_wrap .btn:hover{ top:inherit;}
.list_wrap .list_search .search .inp_wrap .inp.search_w1{
width : 85%;
width : -webkit-calc(100% - 40px);
width :    -moz-calc(100% - 40px);
width :         calc(100% - 40px);
}
.list_wrap .list_search .search .inp_wrap .inp.search_w2{
width : 25%;
width : -webkit-calc(50% - 65px);
width :    -moz-calc(50% - 65px);
width :         calc(50% - 65px);
}

.list_total{}
.list_total{ margin-bottom:15px;}
.list_total .total{ float:none; padding:0 0 5px 0; font-size:1.125em;}
.list_total .total .t1{}
.list_total .total .t2{ font-weight:bold;}
.list_total .array_wrap{ float:none; text-align:left;}
.list_total .array_wrap > li{ text-align:center;}
.list_total .array_wrap > li > a{ line-height:25px; padding:0 10px;}

/**/
.view_top_wrap{ padding:1em 0; padding-top:1em;}
.view_top_wrap .inner{}
.view_top_wrap .equal{ height:auto !important;}
.view_top_wrap .img_wrap{ float:none; width:100%}
.view_top_wrap .img_wrap .column{ padding:1em 1em;}
.view_top_wrap .img_wrap .thumb > li > a{ padding:3px;}

.view_top_wrap .info_wrap{ float:none; width:100%}
.view_top_wrap .info_wrap .inner{ margin-left:0; margin-top:-1px;}
.view_top_wrap .info_wrap .info_top,
.view_top_wrap .info_wrap .info_middle,
.view_top_wrap .info_wrap .info_bottom,
.view_top_wrap .info_wrap .view_total,
.view_top_wrap .info_wrap .soldOut_txt{ margin:0 1em}
.view_top_wrap .info_wrap .info_top{ padding:1.5em 0 0.5em 0;}
.view_top_wrap .info_wrap .info_top .tit{ margin-top:0; padding:0;}
.view_top_wrap .info_wrap .info_top .tit .prodTit{ font-weight:bold;}

.view_top_wrap .info_wrap .info_top .priceInfo{ margin-top:0.5em; letter-spacing:-1px;}
.view_top_wrap .info_wrap .info_top .priceInfo .price{ padding:5px 0;}
.view_top_wrap .info_wrap .info_top .priceInfo .price .tt{ font-weight:bold;}
.view_top_wrap .info_wrap .info_top .priceInfo .time .in{ padding:5px 15px;}

.view_top_wrap .info_wrap .info_middle{ padding:0.5em 0; font-size:1.063em;}
.view_top_wrap .info_wrap .info_middle .info_table .info_table_tit{ width:115px}
.view_top_wrap .info_wrap .info_middle .info_table .info_table_con{ width:auto}
.view_top_wrap .info_wrap .info_middle .info_table th,
.view_top_wrap .info_wrap .info_middle .info_table td{ padding:6px 0;}
.view_top_wrap .info_wrap .info_middle .info_table th{ padding-right:1em; font-weight:bold;}
.view_top_wrap .info_wrap .info_middle .info_table th .dot{ right:0; top:5px}
.view_top_wrap .info_wrap .info_middle .info_table td{ padding-left:1em}

.view_top_wrap .info_wrap .info_middle .info_table .tBtn{ padding:0 6px;}

.view_top_wrap .info_wrap .info_bottom{ padding:0.5em 0 1em 0;}
.view_top_wrap .info_wrap .info_bottom .btn_wrap{ margin-left:-5px; letter-spacing:-1px;}
.view_top_wrap .info_wrap .info_bottom .btn_wrap > li{ font-size:15px; font-size:.938rem}
.view_top_wrap .info_wrap .info_bottom .btn_wrap > li .in{ margin-left:5px}
.view_top_wrap .info_wrap .info_bottom .btn_wrap > li .mall_btn .tt{ font-weight:bold;}

.view_total{ line-height:50px; font-size:1.063em;}
.view_total *{ vertical-align:middle}
.view_total .t1{ font-weight:bold;}
.view_total .price{ font-weight:bold;}

.order_total{ padding-top:.5em; line-height:1.2;}
.order_total .price{ padding:0 2px; font-weight:bold;}

.mall_btn{ line-height:40px; padding:0 5px;}

.view_top_wrap .info_wrap .soldOut_txt{ margin-top:0.5em; margin-bottom:1em; padding:0.5em;}

.view_con_wrap{ padding:1em 0}
.view_con_wrap .view_con{ padding:1.5em 0}

/**/
.order_step_wrap{ padding:0.5em 0; letter-spacing:-1px;}
.order_step_wrap .order_step_tit{ width:100%; margin-bottom:5px;}
.order_step_wrap .order_step_tit .tit{ font-weight:bold; font-size:1.250em; line-height:30px}
.order_step_wrap .order_step{ width:100%; line-height:30px;}
.order_step_wrap .order_step > li{ margin-left:15px;}
.order_step_wrap .order_step > li:first-child{ margin-left:0;}
.order_step_wrap .order_step > li .arrow{ left:-15px; top:2px; font-size:1em}
.order_step_wrap .order_step > li .in{ padding:0 8px;}
.order_step_wrap .order_step > li .in .xi{ padding-right:3px}
.order_step_wrap .order_step > li .in .tt{ font-weight:bold;}

/****************/
/*MAIN*/
.main_top_wrap{ margin:10px 0 10px 0; padding-right:0;}
.main_top_wrap .left{}
.main_top_wrap .right{ width:100%; position:static; height:auto;}

.main_top_wrap .main_visual_btn,
.main_top_wrap .main_visual .flex-pauseplay{ bottom:10px; left:10px;}
.main_top_wrap .main_visual_btn .control > li > a,
.main_top_wrap .main_visual .flex-pauseplay > a{ width:25px; height:20px; line-height:20px;}
.main_top_wrap .main_visual .flex-pauseplay{ margin-left:55px;}

.main_top_wrap .banner{ margin:10px 0 0 -10px; overflow:hidden;}
.main_top_wrap .banner .con_wrap{ float:left; margin-left:10px;
width:48.5%;
width : -webkit-calc(50% - 10px);
width :    -moz-calc(50% - 10px);
width :         calc(50% - 10px);
}
.main_top_wrap .banner .con_wrap .tit{ top:10px; left:10px; font-weight:bold; font-size:.938em;}
.main_top_wrap .banner .banner_img{ position:static; display:block;}
.main_top_wrap .banner .flex-control-nav{ top:10px; right:5px;}
.main_top_wrap .banner .flex-control-nav > li > a{ border-width:2px;}

.main_customer{ margin:10px 0 -10px -10px;}
.main_customer .cs_st{ width:50%;}
.main_customer .cs_st .inner{ margin:0 0 10px 10px; padding:0.7em 1em;}
.main_customer .cs_st:first-child .inner{ margin-left:10px;}
.main_customer .cs_st .tit_wrap{ font-weight:bold;}
.main_customer .cs_st .tit_wrap .tit:after{ width:15px;}
.main_customer .cs_st .con_wrap{ padding-top:10px;}
.main_customer .cs_st .con_wrap .info > li{ margin-top:5px; line-height:1;}
.main_customer .cs_st .con_wrap .info .t1{ font-weight:bold;}
.main_customer .cs_st .con_wrap .info .t2{ font-weight:bold;}
.main_customer .cs_st .con_wrap .info .t3{ font-weight:bold;}
.main_customer .cs_st .con_wrap .notice{}
.main_customer .cs_st .con_wrap .notice > li{ padding:0 0 5px 0;}
.main_customer .cs_st .con_wrap .notice > li .date{ display:none;}
.main_customer .cs_st .con_wrap .notice .no{ padding:20px 0; font-weight:bold;}

.main_best{ margin-top:20px;}
.main_best .prod_wrap > li{ width:25%}
.main_best .prod_wrap > li:nth-child(5){ display:none;}
.main_best .prod_st .con_wrap .prod_tit{ white-space:normal; overflow:inherit; line-height:1;}
.main_best .prod_st .con_wrap .prod_price{ font-size:.875em;}
.main_best .prod_st .con_wrap .prod_icon_wrap{ display:none;}

.main_md{ margin-top:20px;}
.main_md .con_idx{ padding:0.7em 0.7em; border:1px solid #ccc; margin-top:-1px;}
.main_md .tab_st3{ padding-right:0; border-right:1px solid #ccc;}
.main_md .tab_st3 > li{ width:20%;}
.main_md .tab_st3 > li > a{ letter-spacing:-1px;}
.main_md .tab_st3 > li:hover > a,
.main_md .tab_st3 > li.on > a{ border-bottom-color:#ccc;}
.main_md .prod_wrap2{}
.main_md .prod_wrap2 > li{ width:25%}
.main_md .prod_wrap2 > li:nth-child(5){ display:none;}

.main_prod_tit{ margin:30px 0 10px 0; font-size:.813em;}
.main_prod_tit .tit{ padding-top:8px;}
.main_prod_tit .tit:before,
.main_prod_tit .tit:after { width:15px; height:3px;}
.main_prod_tit .tit:before{ margin-left:-15px;}

.main_prod_mobile.prod_wrap > li:nth-child(9),
.main_prod_mobile.prod_wrap > li:nth-child(10){ display:none;}

/**/
.prod_wrap{ min-height:120px}
.prod_wrap > li{ width:25%}

.prod_wrap2{ margin:-5px 0 0 -5px; min-height:auto;}
.prod_wrap2 > li{ width:25%}
.prod_wrap2 > li .prod{margin:5px 0 0 5px}

.prod_st{}
.prod_st .img_wrap{ padding:5px;}
.prod_st .con_wrap{ padding:10px 10px 10px 10px;}
.prod_st .con_wrap .prod_tit{ letter-spacing:-1px;}
.prod_st .con_wrap .prod_price{ padding-top:5px; height:25px; line-height:25px;}
.prod_st .con_wrap .prod_price .price strong{ font-size:1.125em;}
.prod_st .con_wrap .prod_price .point{ display:none;}
.prod_st .con_wrap .prod_icon_wrap{ margin-top:5px;}

.prod_layer{}
.prod_layer .tt{ font-weight:bold;}
.prod_layer.best{ width:35px; height:35px; font-size:.875em;}
.prod_layer.best .tit{ padding-top:5px}

.prod_icon_wrap > li > span{ line-height:12px; padding:0 5px; font-weight:bold;}

.prod_st2{}
.prod_st2 .con_wrap,
.prod_st2 .line{ display:none;}

.prod_st3{}
.prod_st3 .img_wrap{ padding:5px;}
.prod_st3 .con_wrap{ padding:10px 0 10px 0;}
.prod_st3 .con_wrap .prod_tit,
.prod_st3 .con_wrap .prod_price,
.prod_st3 .con_wrap .prod_time{ padding-left:10px; padding-right:10px;}
.prod_st3 .con_wrap .prod_tit{ font-weight:bold; height:2.4em;}
.prod_st3 .con_wrap .prod_price{ padding-top:5px; padding-bottom:5px; height:20px; line-height:20px;}
.prod_st3 .con_wrap .prod_hit{ padding-bottom:1px; font-size:.875em;}
.prod_st3 .con_wrap .prod_hit > li{ width:100%;}
.prod_st3 .con_wrap .prod_hit > li .in{ margin:0 -1px -1px -1px; padding:0 10px; line-height:20px;}
.prod_st3 .con_wrap .prod_hit > li .t1{ width:30%;}
.prod_st3 .con_wrap .prod_hit > li .t2{ width:70%; font-weight:bold;}

/**/
.member_wrap{}
.member_wrap .member_tit{ padding:1em 0 1em 0; letter-spacing:-1px;}
.member_wrap .member_tit .tit { font-size:2em; font-weight:bold;}
.member_wrap .member_tit .tit2{ font-size:1.625em; font-weight:bold;}
.member_wrap .member_tit .tt { padding-top:5px}
.member_wrap .member_tit .tt2{ padding-top:10px; line-height:1.3}
.member_wrap .member_tit .num{ padding-top:10px;}
.member_wrap .member_tit .num .in{ font-weight:bold;}
.member_wrap .member_box_wrap{}
.member_wrap .member_box{ padding:1em 0; margin-bottom:1em}
.member_wrap .member_form{ padding:0 1em}
.member_wrap .form{}
.member_wrap .form .inp_wrap{ margin-top:5px;}
.member_wrap .form .inp_wrap .xi{ width:55px; line-height:50px;}
.member_wrap .form .inp_wrap .inp{ padding:10px 10px 10px 65px; line-height:30px; height:50px; font-weight:bold;}
.member_wrap .form .btn_wrap{ margin-top:20px}
.member_wrap .form .btn_wrap .btn{ height:50px; font-weight:bold;}

.member_wrap .nomem_tit{ font-size:1.063em;}
.member_wrap .nomem_tit .tit{ font-weight:bold;}

.member_wrap .form2{ padding:10px; font-size:1.063em;}
.member_wrap .form2 .inp_wrap .tit{ font-weight:bold;}
.member_wrap .form2 .inp_wrap .inp{ font-weight:bold;}
.member_wrap .form2 .btn_wrap .btn{ font-weight:bold; font-size:.875em; letter-spacing:-1px;}

.member_wrap .btn_nomem{ font-weight:bold; font-size:.875em; letter-spacing:-1px;}

.member_wrap .member_link{ letter-spacing:-1px;}
.member_wrap .member_link > li > a{ font-size:.875em; padding:0 10px}
.member_wrap .member_link > li.point > a{ font-weight:bold;}

.agree_wrap{}
.agree_wrap .agree{ padding:1em;}
.agree_wrap .check{ padding:5px 1em; font-weight:bold;}
.agree_wrap .check label{ margin-left:1em}

.page_email{ letter-spacing:-1px;}
.page_email .email_top{ padding:1em; font-weight:bold; line-height:1.3;}
.page_email .email_con{ margin-top:20px;}
.page_email .email_con .tit{ font-weight:bold;}
.page_email .email_con .con_wrap{ margin-top:20px;}
.page_email .email_con .con_wrap > dt{ margin-bottom:5px;}
.page_email .email_con .con_wrap > dt > span{ padding-left:20px; font-weight:bold;}
.page_email .email_con .con_wrap > dt > span:before{ width:15px; font-weight:normal;}
.page_email .email_con .con_wrap > dd{ margin-left:20px; padding:4px 0; line-height:1.3;}

/**/
.page_tit{ font-weight:bold; padding:3px 5px; padding-bottom:8px;}
.page_tit:before{ content:""; position:absolute; left:0; top:0; width:5px; height:5px; border:2px solid #111; border-right:none; border-bottom:none}

.page_tit2{ margin-bottom:20px; padding-bottom:15px; font-weight:bold; font-size:1.250em;}
.page_tit2:before,
.page_tit2:after{ width:40px; height:10px;}
.page_tit2:before{ margin-left:-40px;}

.page_sec { margin-top:20px !important;}
.page_sec2{ margin-top:10px !important;}
.page_sec3{ margin-top:-1px !important;}

/*ÆäÀÌÁö ÅÇ*/
.tab_st1{ margin-bottom:15px;}
.tab_st1 > li{ width:33.33% !important;}
.tab_st1 > li > a{ line-height:30px; font-weight:bold;}

/*Á¦Ç°»ó¼¼ÆäÀÌÁö ÅÇ*/
.tab_st2{}
.tab_st2 > li{ font-size:14px; font-size:.875rem; letter-spacing:-1px;}
.tab_st2 > li > a{ line-height:40px; font-weight:bold;}

/*¸ÞÀÎ ÅÇ*/
.tab_st3{}
.tab_st3 > li > a{ line-height:35px;}

/**/
.ex_txt_wrap{ padding:10px 15px; line-height:1.4;}
.ex_list > li:before{ top:9px;}

/*ÀÌ¿ë¾È³»*/
.page_csGuide{}
.page_csGuide .con_top{ padding:10px 0 40px 0; background-size:300px auto; font-size:.875em;}
.page_csGuide .con_top .txt_wrap{ width:70%;}
.page_csGuide .con_top .txt_wrap > dt{ margin-bottom:10px; font-weight:bold; line-height:1.3;}
.page_csGuide .con_top .txt_wrap > dd{ line-height:1.3;}
.page_csGuide .con_box{ padding:1.5em 1.5em; line-height:1.4;}

.page_wrap{ margin-top:25px;}
.page_wrap .tit_wrap{ margin-bottom:10px;}
.page_wrap .con_wrap{ line-height:1.3;}
.page_wrap .con_wrap .txt{ font-weight:bold;}

.page_step_box{ margin:-10px 0 0 0;}
.page_step_box > li{ display:block; width:100%;}
.page_step_box .inner{ margin:10px 0 0 0; padding:0.5em 1em; height:auto !important;}
.page_step_box .inner > dt{ margin-bottom:5px;}

/*ȸ»ç¼Ò°³*/
.page_companyCeo{}
.page_companyCeo .con_box{}
.page_companyCeo .con_box .bg{}
.page_companyCeo .con_box .inner{ padding-top:20px;}
.page_companyCeo .con_box .con_wrap{ padding:30px 0 30px 10%;}
.page_companyCeo .con_box .con_wrap .img_wrap{ max-width:55%;}
.page_companyCeo .con_box .con_wrap .txt_wrap{ padding:1.5em 1.5em;}
.page_companyCeo .con_box .con_wrap .txt_wrap .tit{}
.page_companyCeo .con_box .con_wrap .txt_wrap .tit .tt{ font-size:1.375em;}
.page_companyCeo .con_box .con_wrap .txt_wrap .txt{ margin-top:20px; line-height:1.4;}
.page_companyCeo .con_box .con_wrap .txt_wrap .txt.t2{ font-weight:bold;}
.page_companyCeo .con_box .con_wrap .txt_wrap .sign{ margin-top:50px; font-size:.875em;}

.page_companyMap{}
.page_companyMap .con_box{ padding:10px 0; text-align:left; letter-spacing:-1px;}
.page_companyMap .con_box > li{ display:block; margin:2px 0;}
.page_companyMap .con_box > li .xi{ margin-right:10px; width:30px; line-height:30px; text-align:center;}
.page_companyMap .map_wrap .root_daum_roughmap .wrap_map{ height:300px !important;}

/*popup*/
#contents .view_pop{}
#contents .view_pop .pop_prod{ padding:10px}
#contents .view_pop .pop_prod .pop_tt .tt{ font-weight:bold;}
#contents .view_pop .pop_prod .pop_tt .tt2{ margin-top:5px;}
}

@media screen and (max-width:767px){
body{}

#nHeader .top_wrap .menu > li > a{ font-size:.750em; height:35px; line-height:35px;}

#nHeader .logo_wrap{}
#nHeader .logo_wrap .box1{ position:relative;}
#nHeader .logo_wrap .left { float:none; text-align:left;} 
#nHeader .logo_wrap .right{ float:none; text-align:left;}
#nHeader .logo_wrap .vm_wrap{ height:55px;}
#nHeader .logo_wrap .logo{ display:inline-block;}
#nHeader .logo_wrap .logo img{ height:35px;}
#nHeader .logo_wrap .right .vm_wrap{ height:45px;}
#nHeader .logo_wrap .right .vm_wrap:before{ display:none;}
#nHeader .logo_wrap .right .vm_tt{ position:relative; display:block; padding-right:45px;}
#nHeader .logo_wrap .menu{ float:none; position:absolute; top:-45px; right:0; font-weight:bold;}
#nHeader .logo_wrap .search{ float:none; margin-left:0; text-align:left; font-size:1.188em;}
#nHeader .logo_wrap .search .inp_wrap .inp_txt{ width:100%;}
#nHeader .logo_wrap .all{ float:none; margin-left:0; position:absolute; top:0; right:0; font-size:1.188em;}

#nHeader .gnb_wrap{}
#nHeader .gnb_wrap .cate .menu > li.in{ font-size:14px; font-size:.875rem;}

/**/
#nContents .nGnb_wrap .subMenu{ padding-top:10px;}
#nContents .nGnb_wrap .subMenu .gnb > li{ position:relative; z-index:1001;}
#nContents .nGnb_wrap .subMenu .gnb > li .tit{ display:block; height:35px; background:rgba(255,255,255,.7); border-top:3px solid #666; font-weight:bold; color:#666;}
#nContents .nGnb_wrap .subMenu .gnb > li .tit:after{ content:"\e941"; font-family:xeicon; vertical-align:middle; padding-left:.5em;}
#nContents .nGnb_wrap .subMenu .gnb > li .tit.on{ background:#fff; color:#000; border-left:1px solid #222; border-right:1px solid #222; border-top-color:#222;}
#nContents .nGnb_wrap .subMenu .gnb > li .dp2{ margin:0; display:none; position:absolute; top:100%; left:0; right:0; background:#fff; border:1px solid #222; border-top:none;}
#nContents .nGnb_wrap .subMenu .gnb > li .dp2 > li{ display:block; width:100% !important; font-size:1rem;}
#nContents .nGnb_wrap .subMenu .gnb > li .dp2 > li > a{ margin:0; height:30px; background:#fff; border-top:1px dashed #ddd; font-weight:bold; color:#666;}
#nContents .nGnb_wrap .subMenu .gnb > li .dp2 > li:first-child > a{ border-top-color:#222;}
#nContents .nGnb_wrap .subMenu .gnb > li .dp2 > li:hover > a,
#nContents .nGnb_wrap .subMenu .gnb > li .dp2 > li.on > a{ background:#f1f1f1; color:#000; border-top-color:#ddd;}

/**/
.list_wrap .list_search .search .inp_wrap .inp.search_w2{
width : 25%;
width : -webkit-calc(50% - 61px);
width :    -moz-calc(50% - 61px);
width :         calc(50% - 61px);
}

.view_top_wrap .info_wrap .info_top .priceInfo > *{ float:none; width:100%;}
.view_top_wrap .info_wrap .info_top .priceInfo .time{ text-align:left;}

.view_top_wrap .info_wrap .info_middle .info_table th .xi{ vertical-align:bottom;}
.view_top_wrap .info_wrap .info_middle .info_table th .dot{ top:4px}

.order_step_wrap .order_step > li{ margin-left:10px;}
.order_step_wrap .order_step > li .arrow{ left:-12px;}

.main_prod_mobile.prod_wrap > li:nth-child(9){ display:inline-block;}

.prod_wrap > li{ width:33.33%}
.prod_wrap2 > li{ width:33.33%}


/**/
.member_wrap{}
.member_wrap .member_box_wrap{}
.member_wrap .member_box{ display:block;}
.member_wrap .member_form{ margin-top:2em; width:90% !important; border-left:none;}
.member_wrap .member_form:first-child{ margin-top:0;}
.member_wrap .member_form.equal{ height:auto !important;}
.member_wrap .member_form.w1 .va_tt{ width:100%;}
.member_wrap .form .btn_wrap{ margin-top:10px}

/**/
.page_csGuide{}
.page_csGuide .con_top{ padding:0 0 20px 0; background-size:30% auto; background-position:right 20px;}
.page_csGuide .con_top .txt_wrap > dt{ font-size:1.375em; line-height:1.2;}
.page_csGuide .con_top .txt_wrap > dd br{ display:none;}

/**/
.pop .board_write .receiveM{ display:block; margin:3px 0;}

}

@media screen and (max-width:400px){
body:not(.pop){ font-size:11px;}
.di_wrap > *{ font-size:11px; font-size:.688rem;}

#nHeader .gnb_wrap .cate .menu > li.in{ font-size:11px; font-size:.688rem;}
#nHeader .gnb_wrap .cate .menu > li.in > .dp1 > *{ word-break: break-all;}

.main_best .prod_wrap > li{ width:50%}
.main_prod_mobile.prod_wrap > li:nth-child(10){ display:inline-block;}

.prod_wrap > li{ width:50%}
.prod_wrap2 > li{ width:50%}
}

@media (min-width: 480px) and (max-width:767px) and (orientation: landscape){

}