@charset "utf-8";

/*
 * Layout Style
 *
 */

.wide-display{position:absolute; left:-9999px; top:-9999px}
.mobile-display{position:absolute; left:-9999px; top:-9999px}


#wrap {width:100%; margin:0 auto;}

/********************************************
	HEADER
********************************************/
#header{width: 100%;margin:0 auto;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;z-index: 2; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size:0;}
.headerTop_wrap{width: 100%;border-bottom:1px solid #e1e1e1;overflow: hidden;}
.headerTop{display:block;width: 1200px;margin:0 auto; padding:15px 30px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.headerTop .leftArea{display:inline-block;width:60%;text-align:left;}
.headerTop .leftArea > span{display:inline-block;min-height:16px;background:url(../img/i_chk.png) left center no-repeat;padding-left:26px; margin-right:20px;font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size:13px; color:#333;line-height:16px; letter-spacing:-0.03em;}
.headerTop .rightArea{display:inline-block;width:40%;text-align:right;}
.headerTop .rightArea a{margin-left:20px;font-family: 'Roboto'; font-style: normal; font-weight: 600; font-size:13px; color:#000;line-height:1; letter-spacing:-0.03em;}

.headerMid{display:block;width: 1200px;margin:0 auto; padding:30px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.headerMid .logo{display:inline-block;width: 50%;text-align:left;}
.headerMid .logo h1{text-indent: -9999px;width:0; height:0; line-height:0;}
.headerMid .logo img{max-width: 100%;}
.headerMid .searchBox{display:inline-block;width: 30%;text-align:left; padding-top:24px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.headerMid .cartBox{display:inline-block;width: 20%;text-align:right; padding-top:30px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.headerMid .cartBox > p{display:inline-block;min-height:22px;background:url(../img/i_cart.png) left center no-repeat;padding-left:30px;font-family: 'Roboto'; font-style: normal; font-weight: 500; font-size:12px; color:#000;line-height:22px; letter-spacing:-0.03em;}
.headerMid .cartBox > p > span{display:inline-block;color:#888;margin-left:10px;}


.search_280{display:inline-block; width:280px;border:1px solid #e1e1e1; height:40px; font-size:0; position:relative;}
.input_sch{display:inline-block;width: 100%;border:0px solid #dfdfdf; height:40px;vertical-align:middle; font-size:14px; color:#666; padding:0px 10px 0px 10px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.search_btn{position:absolute; right:10px; top:9px; width: 20px; text-align:right;border:0}
.search_btn input[type=image]{border:0}

.gnb{ border:0px solid #333; display:block;width:100%; max-width:1200px; margin:0 auto;/* position: absolute; left:50%; transform:translateX(-50%); */ text-align:left;padding:0px 10px 10px; 20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.gnb nav{ width:100%; margin:0px auto;  box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
.gnb nav > ul{display:inline-block;text-align:left; }
.gnb nav > ul > li{position:relative;display:inline-block;text-align:left;margin-left:40px;}
.gnb nav > ul > li:first-child{margin-left:0px;}
.gnb nav > ul > li > a{display:block; height:30px;font-family:'Nanum Gothic bold';font-style:normal;font-weight:400;color:#000; font-size: 18px;line-height:30px;text-transform:uppercase; background:url(../img/i_down.png) right center no-repeat;padding-right:15px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-transition: -webkit-transform .65s ease; transition: transform .65s ease;}
.gnb nav > ul > li > a:hover{text-decoration: underline;color:#49ad18;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.gnb nav > ul > li.on > a{color:#49ad18; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.gnb nav > ul > li.on .two-depth{display:block; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.gnb nav > ul > li img{vertical-align:middle; margin-left:5px;}
.gnb nav > ul > li.off .two-depth{display:none; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.gnb nav > ul > li.off > a{background:none;}

/* .two-depth-bg{width:100%; height:35px; position:absolute; left:0; top:75px; background:#12a8d9; opacity: 0.9; filter: alpha(opacity=90); display:block; z-index:4; display:none} */
.two-depth{position: absolute; display:block; z-index:5; display:none; top:40px; /*left:50%; transform:translateX(-50%);*/ left:0; width:200px;padding:0px 0px; border:1px solid #dfdfdf;;background:rgba(255,255,255,1);box-shadow: 1px 1px 10px rgba(0,0,0,0.1);box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.two-depth > li{display:inline-block; width:100%;text-align:left; padding:12px 10px 12px 25px;background:url(../img/i_bullet_red.png) 10px 18px no-repeat;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.two-depth > li a{line-height:1; font-size:13px; color:#333;font-family:'Roboto';font-style:normal;font-weight:400;letter-spacing:0em; }
.two-depth > li.on a{color:#000;}
.two-depth > li a:hover{color:#000;}
.two-depth > li:first-child{}
.two-depth > li:hover{color:#000;background:url(../img/i_bullet_red.png) 10px 18px no-repeat rgba(29,32,36,.1);}
.two-depth > li:hover a{color:#000;}

.fixed{position:fixed; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.m_logo{display:none;width:50%; text-align:center;padding:10px 0px 0px 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.m_open{display:none;text-align:left; width:25%;padding:20px 0px 0px 5%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.m_right{display:none;text-align:right; width:25%;padding:20px 5% 0px 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.m_right a{margin-left:15px;}
.m_right a:first-child{margin-left:0px;}

.m_logo img{height:50px;}
.m_open img{max-width:100%;}
.m_right img{max-width:100%;}

.m_searchBox{display:none;position:absolute;  top:60px;left:0px; z-index:202;width:100%;padding:30px 5%;background:#fff; box-shadow: 0px 1px 10px rgba(0,0,0,0.1); box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.m_searchBox > h3{font-family:'Nanum Gothic Bold';color:#424242;font-size: 14px;line-height:1.3;margin-bottom:10px;}
.m_searchBox .search{display:inline-block; width: 100%;border:1px solid #dfdfdf; height:40px; font-size:0; position:relative;}
.m_searchBox .input{display:inline-block;width: 100%;border:0px solid #dfdfdf; height:40px;vertical-align:middle; font-size:14px; color:#666; padding:0px 30px 0px 10px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.m_searchBox .btn{position:absolute; right:10px; top:9px; width: 20px; text-align:right;border:0}

/* mMenu */
.mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; padding:0px; z-index:999; background:#000;  -ms-filter: alpha(opacity=80); filter: alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.mask .close{position:absolute;  top:10px;left:10px; z-index:202;} /* add */

.mMenu {display:none; position: fixed; left:-100%; top:0; width:80%; padding:0px; background:#fff; z-index:9999; -webkit-overflow-scrolling: touch; overflow-y: auto;height:100%;}
.mMenu .mclose { position:absolute;  top:15px;right:15px; }
.mMenu .mtitle {display:block; padding:60px 20px 30px 20px; background:#f0f0f0;box-sizing: border-box;}
.mMenu .mtitle > p{text-align:center;font-family:'Nanum Gothic';color:#333;font-size: 13px;letter-spacing:-0.03em;line-height:1.3; margin-bottom:10px;}
.mMenu .mtitle > p > a{font-size:14px;border-bottom:1px solid #49ad18;padding-bottom:3px; margin-bottom:20px;color:#49ad18}
.mMenu .mtitle img{max-width:100%;}

.mMenu .list {padding:0px 0px 0px 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.lnav{width:100%;-webkit-transition: all .25s ease-in;transition: all .25s ease-in;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.lnav, .lnav ul, .lnav li {list-style: none;}
.lnav ul {margin: 0 0 0 0px;background-color: #fff;}
.lnav {padding: 0px;margin: 0px;}
.lnav > li {margin: 0px 0; background: #fff;border-bottom: 1px solid #f0f0f0;}
.lnav > li li {margin: 0px 0;}
.lnav > li li li{margin: 0px 0;}
.lnav a {font-family:'Nanum Gothic Bold';line-height:1;letter-spacing:-0.03em;display: block;outline: none;text-decoration: none;}
.lnav a .caret {float: right;width:11px;height:8px;display: inline-block;vertical-align: top;background:url(../img/lmenu.png) right center no-repeat;-webkit-transition: -webkit-transform .65s ease; transition: transform .65s ease;margin-top:0px;margin-left: 2px;}
.lnav li.open > a > .caret {border-top: none;background:url(../img/lmenu_on.png) right center no-repeat;-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.lnav li a {color:#333; font-size: 14px;line-height:1; padding: 12px 15px;} /* 1depth */
.lnav > li li a {padding: 10px 15px 10px 25px;background-color: rgba(212, 212, 212, 0.15); font-family:'Nanum Gothic'; font-size:13px;color:#1a1a1a;line-height:1;border-top:1px dotted #ccc; }
.lnav > li li li a {padding: 10px 15px 10px 40px; background:url(../img/licon02.png) 25px center no-repeat #f1f1f1;font-family:'Nanum Gothic'; color:#666; }
.lnav li.open {background-color: #fff;}
.lnav li.open a{color:#000;}
.lnav li.open li a {color:#1a1a1a;}
.lnav li.active a{color:#000;}
.lnav li li.active a{color:#000;}
.lnav > li li.last{padding-bottom:10px;}

/* 2 depth 여백 추가 
.lnav li li{background-color: rgba(238, 58, 67, .9);}
.lnav li li:first-child{padding-top:10px;}
.lnav li li:last-child{padding-bottom:14px;}
*/

/* 바디에 스크롤 막는 방법 */
.not_scroll{
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.not_scroll .cont {
    position: relative;
    top: 0;
}

A.roll img{display:inline; border:0; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
A.roll img.over { display:none; }
A.roll:hover {border:0; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
A.roll:hover img { display:none; }
A.roll:hover img.over { display:inline;}

.btn_up_layer {position:fixed; right:10px;bottom:10px;display:none;padding:0px;width:50px; height:50px; background:url(../img/top.png) right bottom no-repeat;z-index:100;cursor:pointer;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}

/* main_visual / mainimg.jpg */
.main_visual{width:100%;height:600px;margin:0px auto; background: url("../img/cognac_trend.jpg") no-repeat  center center / cover rgb(248, 248, 250); overflow: hidden; position:relative;}
.main_visual .text_area { display: inline-block;width:100%; padding-top:220px;text-align:left;padding-left:13%;padding-right:10%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.main_visual .text1 {text-align:left;font-family:'Roboto';font-style:normal;font-weight:500;color:#fff; font-size: 50px;letter-spacing:-0.03em;line-height:1; text-shadow:1px 1px 1px black;margin-bottom:20px; }
.main_visual .text2 {text-align:left;font-family:'Roboto';font-style:normal;font-weight:500;color:#cc0033; font-size: 20px;letter-spacing:-0.03em;line-height:1; text-shadow:1px 1px 1px black;margin-bottom:10px; }
.main_visual .text3 {text-align:left;font-family:'Roboto';font-style:normal;font-weight:300;color:#fff; font-size: 16px;letter-spacing:-0.03em;line-height:1.3;text-shadow:1px 1px 1px rgba(0,0,0,0.3);word-break: break-all;margin-bottom:5px;}

.footerWrap{width:100%; border-top:1px solid #e1e1e1;overflow: hidden;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.footerTop{display:block;width:1200px;margin:0px auto;padding:20px 30px;font-size:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.footerTop .left_area{display: inline-block;width:50%;}
.footerTop .left_area .cs{display: inline-block;font-family:'Nanum Gothic Bold';font-size:16px;color:#333;line-height:22px;letter-spacing:-0.03em;}
.footerTop .left_area .time{display: inline-block;font-family:'Nanum Gothic Bold';font-size:13px;color:#666;line-height:22px;letter-spacing:-0.03em;margin-left:10px;}
.footerTop .left_area .tel{display: inline-block;min-height:20px;background:url(../img/i_tel.png) left center no-repeat;font-family:'Nanum Gothic Bold';font-size:22px;color:#666;line-height:22px;letter-spacing:-0.03em; padding-left:25px; margin-left:10px;}
.footerTop .right_area{display: inline-block;width:50%;text-align: right;font-family:'Roboto';font-style:normal;font-weight:400;font-size:14px;color:#333;line-height:20px;letter-spacing:-0.03em;}
.footerTop .right_area .sns{display: inline-block;margin-left:15px;}

.footer{width:100%;background:#fafafa;padding:40px 0px;font-size:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.footerMid{display:block;width:1200px;margin:0px auto;background:url(../img/logo_foot.png) 30px top no-repeat;padding-left:170px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.footerMid .fMenu{display: inline-block;width:100%;margin-bottom:20px;}
.footerMid .fMenu a{font-family:'Nanum Gothic Bold';font-size:14px;color:#333;line-height:1;letter-spacing:-0.03em;}
.footerMid .fMenu > span{display: inline-block;width:5px; height:14px; background:url(../img/i_line1.png) left center no-repeat;margin:0 10px;}
.footerMid > h3{font-family:'Nanum Gothic';font-size:12px;color:#888;line-height:1;letter-spacing:-0.03em;margin-bottom:5px;}
.footerMid button{vertical-align:middle;}

.section01{display:block;width:100%;margin:0px auto;padding:40px 30px;font-size:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.section01 .tit{display: inline-block;width:100%;text-align:center;font-family:'Roboto';font-style:normal;font-weight:400;color:#000; font-size: 30px;letter-spacing:-0.03em;line-height:1;margin-bottom:40px;}

.section02{display:block;width:1200px;margin:0px auto;padding:60px 30px;font-size:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.section02 .tit{display: inline-block;width:100%;text-align:center;font-family:'Roboto';font-style:normal;font-weight:400;color:#adadad; font-size: 20px;letter-spacing:-0.03em;line-height:1;margin-bottom:30px;}
.section02 .txt{display: inline-block;width:100%;text-align:center;font-family:'Roboto';font-style:normal;font-weight:400;color:#adadad; font-size: 14px;letter-spacing:-0.03em;line-height:1;margin-bottom:50px;}
.section02 .contBox1{display: inline-block;width:50%; padding-right:3%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.section02 .contBox2{display: inline-block;width:50%; padding-left:3%; margin-top:0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.section02 .imgBox{position:relative;display: inline-block;width:100%;}
.section02 .imgBox img{width:100%;}
.section02 .imgBox > p{position:absolute;max-height:100%;left:50%;top:50%;transform:translate(-50%, -50%);text-align:center;font-family:'Roboto';font-style:normal;font-weight:500;color:#fff; font-size: 30px;letter-spacing:-0.03em;line-height:1; text-shadow:1px 1px 1px rgba(0,0,0,0.3);z-index: 2;}
.section02 .textBox{display: inline-block;width:100%;padding:30px 40px;background: #49ad18;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.section02 .textBox > h3{font-family:'Nanum Gothic Bold';font-size:13px;color:#fff;line-height:1.4;letter-spacing:-0.03em;word-break: break-all;margin-bottom:20px;}
.section02 .textBox > button{position:relative;font-family:'Roboto';font-style:normal;font-weight:400;font-size:13px;color:#fff;line-height:1;letter-spacing:-0.03em;padding-right:40px;}
.section02 .textBox > button:after{content:'';display:block;width:30px;height:1px;background:#fff;position:absolute;right:0;bottom:0px;}

.newProduct_wrap{position:relative; display: inline-block;width:100%;margin:0px auto; text-align: center;overflow: hidden;} 

/* 화살표 위치 조절 */
.newProduct_wrap .slick-slide {margin:0px 15px;}
.newProduct_wrap .slick-prev {position: absolute;z-index: 2;width: 25px;height: 55px;text-indent: -9999px;background: url(../img/i_prev.png) 0 no-repeat;left: 0px;top: 50%;cursor: pointer;border: 0;border: none;outline: none;opacity: 0;}
.newProduct_wrap .slick-next {position: absolute;z-index: 2;width: 25px;height: 55px;text-indent: -9999px;background: url(../img/i_next.png) 0 no-repeat;right: 0px;top: 50%;cursor: pointer;border: 0;border: none;outline: none;opacity: 0;}
.newProduct_wrap:hover .slick-prev {opacity: 1;}
.newProduct_wrap:hover .slick-next {opacity: 1;}

/* Dots */
.newProduct_wrap .slick-dots{position:absolute; text-align:center; left:50%; transform:translateX(-50%);  bottom: -30px; }
.newProduct_wrap li{float:left; margin-left:5px;}
.newProduct_wrap li button{background:url("/img/dot.png") no-repeat; width:16px; height:16px; text-indent:-9999px; border:none; outline:none;}
.newProduct_wrap li.slick-active button{background:url("/img/dot_on.png") no-repeat; width:16px; height:16px; }

.list_box{position: relative;display: inline-block; width:100%;text-align:left;border-bottom:2px solid #fff; padding-bottom:10px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.list_box .thumb{position: relative; display: inline-block; width:100%; /* height:250px;*/ padding-top:100%;overflow: hidden;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.list_box .thumb img{position: absolute; top: 0; left: 0; right: 0; bottom: 0;width:100%; height:auto;transition:all .2s ease;-webkit-transition:all .2s ease;}
/* .list_box:hover .thumb img{transform:scale(1.05); }
.list_box:hover .thumb{box-shadow: 1px 1px 16px rgba(0,0,0,0.2);}*/
.list_box .txtarea{display: inline-block; width:100%;margin-top:10px;}
.list_box .p_name{font-family:'Roboto';font-style:normal;font-weight:500;color:#000; font-size:13px;letter-spacing:-0.03em;line-height:1;margin-bottom:8px;}
/* .list_box .o_price{font-family:'Nanum Gothic';line-height:1;letter-spacing:0em;color:#a5a5a5;font-size:13px;letter-spacing:-0.03em;text-decoration: line-through;margin-bottom:5px;} */
.list_box .p_price{font-family:'Roboto';font-style:normal;font-weight:500;color:#666; font-size:15px;letter-spacing:-0.03em;line-height:1;}
.list_box .o_price{display: inline-block;font-family:'Roboto';font-style:normal;font-weight:500;color:#888; font-size:15px;letter-spacing:-0.03em;line-height:1;text-decoration: line-through; margin-right:10px;}
.list_box .icon{position: absolute;right:0; top:0; width:40px; height:40px;background: url(../img/i_quickview.png) 0 no-repeat;opacity: 0; font-size:0; z-index:2;}
.list_box .icon:hover{position: absolute;right:0; top:0; width:138px; height:40px;background: url(../img/i_quickview_over.png) 0 no-repeat;opacity: 1; }
.list_box:hover{border-bottom:2px solid #49ad18;}
.list_box:hover .icon{opacity: 1; }

.quickView{display: inline-block;width:100%;text-align:left;font-size:0;overflow: hidden;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.quickView .imgArea{display: inline-block;width:50%;padding-right:5%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.quickView .textArea{display: inline-block;width:50%;}
.quickView .tit{display: inline-block;width:100%;font-family:'Roboto';font-style:normal;font-weight:500;color:#000; font-size: 20px;letter-spacing:-0.03em;line-height:1;text-transform:uppercase;margin-bottom:40px;}

.detail_desc{display: inline-block;width:100%;text-align:left; font-size:0;}
.detail_desc ul{display: inline-block;width:100%;text-align:left;margin-bottom:20px;}
.detail_desc ul li{display: inline-block;width:100%;}
.detail_desc ul li.leftArea{display: inline-block;width:50%;}
.detail_desc ul li.rightArea{display: inline-block;width:50%;text-align:right;}
.detail_desc .txt1{font-family:'Roboto';font-style:normal;font-weight:400;color:#666; font-size:14px;letter-spacing:-0.03em;line-height:1;}
.detail_desc .price{font-family:'Roboto';font-style:normal;font-weight:500;color:#333; font-size:18px;letter-spacing:-0.03em;line-height:1;}
.detail_desc .o_price{display: inline-block;font-family:'Roboto';font-style:normal;font-weight:500;color:#5b5b5b; font-size:18px;letter-spacing:-0.03em;line-height:1;text-decoration: line-through; margin-right:10px;}
.detail_desc .txt2{font-family:'Roboto';font-style:normal;font-weight:500;color:#7edd0e; font-size:18px;letter-spacing:-0.03em;line-height:1;}
.detail_desc .size_guide{display: inline-block;font-family:'Roboto';font-style:normal;font-weight:400;color:#49ad18; font-size:14px;letter-spacing:-0.03em;line-height:1;text-decoration: underline;margin-left:20px;}
.detail_desc .size_num{display: inline-block;border:1px solid #dfdfdf; width:50px; height:50px; text-align:center; font-family:'Roboto';font-style:normal;font-weight:400;color:#666; font-size:14px;letter-spacing:-0.03em;line-height:50px;margin-right:10px;margin-bottom:10px;}
.detail_desc .size{display: inline-block;font-family:'Roboto';font-style:normal;font-weight:500;color:#000; font-size:16px;letter-spacing:-0.03em;line-height:1; margin-left:10px;}
.detail_desc .txt3{font-family:'Nanum Gothic';color:#424242; font-size:14px;letter-spacing:-0.03em;line-height:1.3;background: url(../img/i_bullet_red.png) left 6px no-repeat;padding-left:15px; margin-bottom:8px;}

.chkList{display: inline-block;width:100%;text-align:left; margin-top:30px;}
.chkList > h3{font-family:'Roboto';font-style:normal;font-weight:400;color:#333; font-size: 14px;letter-spacing:-0.03em;line-height:15px;background: url(../img/i_chk_green.png) left top no-repeat;padding-left:25px; margin-bottom:20px;}

/* detail imgArea*/
.product-images {display: inline-block;width: 100%;margin: 0 auto;padding:0;z-index: 999;font-size:0;}
.main-img-slider {/* float:right; */float:right;width: 85%;  position: relative; cursor: pointer;box-sizing: border-box;}
.thumb-nav {/* float:left;*/ float:left;width: 12.5%; margin-right:2.5%; padding: 18px 0;box-sizing: border-box;}
.thumb-nav .visual-item {margin: 4px 0;border: 1px solid #fff;box-sizing: border-box;cursor:pointer;}
.thumb-nav .visual-item:after {content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0);}

/* 화살표 위치 조절 */
.main-img-slider .slick-prev {position: absolute;z-index: 999;width: 25px;height: 55px;text-indent: -9999px;background: url(../img/i_prev.png) 0 no-repeat;left: 0px;top: 50%;cursor: pointer;border: 0;border: none;outline: none;opacity: 0;}
.main-img-slider .slick-next {position: absolute;z-index: 999;width: 25px;height: 55px;text-indent: -9999px;background: url(../img/i_next.png) 0 no-repeat;right: 0px;top: 50%;cursor: pointer;border: 0;border: none;outline: none;opacity: 0;}
.main-img-slider:hover .slick-prev {opacity: 1;}
.main-img-slider:hover .slick-next {opacity: 1;}
/* Dots */
.main-img-slider .slick-dots {position: absolute;text-align: center;left: 50%;transform: translateX(-50%);bottom:0px;}
.main-img-slider li {float: left;margin-left: 5px;}
.main-img-slider li button {background: url("../img/dot.png") no-repeat;width: 16px;height: 16px;text-indent: -9999px;border: none;outline: none;}
.main-img-slider li.slick-active button {background: url("../img/dot_on.png") no-repeat;width: 16px;height: 16px;}

.main-img-slider figure{padding:0;margin:0;}
.main-img-slider figcaption {display: none;}

.visual-item {position: relative;}

/*#facilities .thumb-wrap .visual-item img { filter:grayscale(1); }*/
.thumb-nav .slick-slide {border: 0;}
/*#facilities .thumb-wrap .slick-current .visual-item img { filter:grayscale(0); }*/
.thumb-nav .slick-current .visual-item:after { /*content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%;*/background: rgba(0,0,0,0.05);border: 1px solid #49ad18;box-sizing: border-box;}
.thumb-nav .slick-arrow {overflow: hidden;position: absolute;width: 100%;height: 18px;background: none;border: 0;text-indent: -999px;outline: none;}
.thumb-nav .slick-arrow:after {content: '';display: block;position: absolute;left: 50%;width: 10px;height: 10px;border-style: solid;border: 0;transform: rotate(45deg);}
/*
.thumb-nav .slick-prev { top:0; }
.thumb-nav .slick-prev:after { top:0; border-left:3px solid #dfdfdf; border-top:3px solid  #dfdfdf; transform-origin:left top; }
.thumb-nav .slick-next { bottom:0; }
.thumb-nav .slick-next:after { bottom:0; border-right:3px solid #dfdfdf; border-bottom:3px solid  #dfdfdf; transform-origin:right bottom; }
*/
.thumb-nav .slick-prev {position: absolute;z-index: 999;width: 22px;height: 12px;text-indent: -9999px;background: url(../img/m_prev.png) 0 no-repeat;left: 50%;transform: translateX(-50%);top: 0;cursor: pointer;border: 0;border: none;outline: none;opacity: 0;}
.thumb-nav .slick-next {position: absolute;z-index: 999;width: 22px;height: 12px;text-indent: -9999px;background: url(../img/m_next.png) 0 no-repeat;left: 50%;transform: translateX(-50%);bottom: 0;cursor: pointer;border: 0;border: none;outline: none;opacity: 0;}
.thumb-nav:hover .slick-prev {opacity: 1;}
.thumb-nav:hover .slick-next {opacity: 1;}

.img_fix {width: 100%;height: auto;}
.pswp__bg {background: #fff !important;-webkit-transition: opacity 333ms cubic-bezier(255, 255, 255, 1);transition: opacity 333ms cubic-bezier(255, 255, 255, 1);}
.pswp__top-bar {background-color: transparent !important;}


.inner{display:block;width:1200px;margin:0px auto 50px;padding:0 30px;overflow: hidden;font-size:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.inner .left_menu{display: inline-block;width:170px;text-align:left; border:1px solid #e1e1e1;padding:20px 10px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.inner .contents_area{display: inline-block;width:calc(100% - 170px); padding-left:30px; text-align:left;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.location{display: inline-block;width:100%;margin-bottom:30px;text-align:left;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.location ul{display: inline-block;width:100%; text-align:left;}
.location li{display: inline-block;text-align:left; padding-left:25px;margin-left:20px;color:#888;font-family:'Roboto';font-style:normal;font-weight:400; font-size:12px;line-height:1;letter-spacing:-0.03em;text-transform:uppercase;background:url(/img/i_arrow2.png) left 50% no-repeat;}
.location li:first-child{background:none;padding-left:0px;margin-left:0px;}
.location li.on{color:#49ad18; }
.location li.kor{font-family:'Nanum Gothic Bold';}

.title {display: inline-block;width:100%; text-align:left; font-family:'Roboto';font-style:normal;font-weight:500;color:#000;font-size:30px;line-height:1;text-transform:uppercase;padding-bottom:20px; border-bottom:1px solid #e1e1e1; margin-bottom:40px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.title_kor {display: inline-block;width:100%; text-align:left; font-family:'Nanum Gothic Bold';color:#000;font-size:30px;line-height:1;text-transform:uppercase;padding-bottom:20px; border-bottom:1px solid #e1e1e1; margin-bottom:40px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.top_size{display: inline-block;width:100%; text-align:left;margin-bottom:40px; font-size:0;}
.top_size .tit{display: inline-block;width:130px; text-align:left;}
.top_size .tit > h3{position:relative;display: inline-block;font-family:'Roboto';font-style:normal;font-weight:500;color:#000;font-size:16px;line-height:1;text-transform:uppercase;padding-bottom:20px;}
.top_size .tit > h3:after{content:'';display:block;width:100%;height:2px;background:#49ad18;position:absolute;left:50%;bottom:15px;transform:translateX(-50%);}
.top_size .size{display: inline-block; width:calc(100% - 130px); text-align:left; padding-left:50px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.top_size .size_num{display: inline-block;border:1px solid #dfdfdf; width:50px; height:50px; text-align:center; font-family:'Roboto';font-style:normal;font-weight:400;color:#666; font-size:14px;letter-spacing:-0.03em;line-height:50px;margin-right:10px;margin-bottom:10px;}
.top_size .size_num:hover{border:1px solid #333;color:#333; }

.list_type1{width:100%;text-align:left; margin:0px auto; font-size:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.list_type1 li{display: inline-block;width:22%; margin:0 1.5% 50px;}

.paging {position:relative;clear:both;text-align:center;vertical-align:middle;z-index:1;margin:20px 0px;}
.paging span {vertical-align:middle;display:inline-block;width:32px;height:32px;line-height:30px; text-align:center;color:#424242;background:#fff;font-size:12px;font-family:'Roboto';font-style:normal;font-weight:400;margin-left:2px;border:1px solid #dcdcdc;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.paging span img {vertical-align:middle; max-width:100%;border:0px solid #ccc;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.paging span a {vertical-align:middle;display:block;width:30px;height:30px;color:#86898d;font-size:12px;font-family:'Roboto';font-style:normal;font-weight:500;}
.paging span.on {vertical-align:middle;border-bottom:2px solid #49ad18;color:#1a1a1a;font-family:'Roboto';font-style:normal;font-weight:500;}
.paging span.on a {color:#49ad18;font-family:'Roboto';font-style:normal;font-weight:500;}
.paging span:first-child {margin-left:0px;}

.s_guide{display: inline-block;width:100%; text-align:left;margin-bottom:40px;overflow: hidden;}
.s_guide .tit{display: inline-block;width:100%;font-family:'Nanum Gothic Bold'; color:#000; font-size: 20px;letter-spacing:-0.03em;line-height:1;margin-bottom:20px;}
.s_guide .txt1{font-family:'Nanum Gothic'; color:#333; font-size: 14px;letter-spacing:-0.03em;line-height:1.3;margin-bottom:10px;}
.s_guide .txt2{text-indent:-18px; padding-left:18px;font-family:'Nanum Gothic'; color:#333; font-size: 14px;letter-spacing:-0.03em;line-height:1.3;margin-bottom:10px;}

.table {width:100%; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.table.type1{border-top:1px solid #666;border-bottom:1px solid #cbcbcb;margin:20px auto;}
.table.type1 th{background:#e9eff5; text-align:center;padding:10px;vertical-align:middle;border-left:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;font-family:'Roboto';font-style:normal;font-weight:500; font-size:14px;color: #000;line-height:1;letter-spacing:-0.03em;word-break: break-all;}
.table.type1 td{background:#fff;padding:10px;vertical-align:middle;border-left:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;text-align:center;font-family:'Roboto';font-style:normal;font-weight:400;font-size: 12px;color: #333;line-height:1;letter-spacing:-0.03em;word-break: break-all;}
.table.type1 tr th:first-child,
.table.type1 tr td:first-child{border-left:0;}
.table.type1 .rborder{border-right:1px solid #cbcbcb;}
.table.type1 tbody tr:nth-child(even) { background: #fafafa;}
.table.type1 .bg01{background:#374179;color: #fff;}

.table.type2{border-top:1px solid #666;border-bottom:1px solid #cbcbcb;margin:20px auto;}
.table.type2 th{background:#e9eff5; text-align:center;padding:10px;vertical-align:middle;border-left:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;font-family:'Nanum Gothic Bold';font-size:14px;color: #000;line-height:1;letter-spacing:-0.03em;word-break: break-all;}
.table.type2 td{background:#fff;padding:10px;vertical-align:middle;border-left:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;text-align:center;font-family:'Nanum Gothic Bold';font-size: 12px;color: #666;line-height:1;letter-spacing:-0.03em;word-break: break-all;}
.table.type2 tr th:first-child,
.table.type2 tr td:first-child{border-left:0;}
.table.type2 .rborder{border-right:1px solid #cbcbcb;}
.table.type2 tbody tr:nth-child(even) { background: #fafafa;}
.table.type2 p{margin-bottom:15px;font-family:'Nanum Gothic';}
.table.type2 .bg01{background:#374179;color: #fff;}
.table.type2 .bg02{background:#f9f9f9;color: #333; font-size:13px;}
.table.type2 .bg03{background:#e9eff5;color: #333; font-size:13px;line-height:1.2;}
.table.type2 .left{text-align:left;}

.table.type3{border-top:1px solid #666;border-bottom:1px solid #cbcbcb;margin:20px auto;}
.table.type3 th{background:#e9eff5; text-align:center;padding:10px;vertical-align:middle;border-left:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;font-family:'Nanum Gothic Bold';font-size:14px;color: #000;line-height:1.3;letter-spacing:-0.03em;word-break: break-all;}
.table.type3 td{background:#fff;padding:10px;vertical-align:middle;border-left:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;text-align:center;font-family:'Nanum Gothic Bold';font-size: 13px;color: #666;line-height:1.3;letter-spacing:-0.03em;word-break: break-all;}
.table.type3 tr th:first-child,
.table.type3 tr td:first-child{border-left:0;}
.table.type3 .rborder{border-right:1px solid #cbcbcb;}
.table.type3 tbody tr:nth-child(even) { background: #fafafa;}
.table.type3 .stxt01{margin-bottom:15px;font-family:'Nanum Gothic';}
.table.type3 .bg01{background:#374179;color: #fff;}
.table.type3 .bg02{background:#f2f7fb;}
.table.type3 .bg03{background:#f9f9f9;}
.table.type3 .left{text-align:left;}
.table.type3 .txt01{background: url(../img/i_arrow2.png) left 6px no-repeat;padding-left:8px; margin-bottom:6px;}
.table.type3 .txt02{font-family:'Nanum Gothic Bold';font-size:14px;color: #000; line-height:1.3;letter-spacing:-0.03em;margin-bottom:10px;}

.table_sty1 {width:100%;margin:0px auto 40px; border-top:1px solid #1a1a1a; border-bottom:1px solid #dfdfdf; }
.table_sty1 th {padding:15px 20px; color:#333;font-size:13px;line-height:1;font-family:'Nanum Gothic Bold';background:#fafafa; text-align: left;border-bottom: 1px solid #e1e1e1;}
.table_sty1 tr {background-color: #fff;}
.table_sty1 td {font-size:13px; padding:15px 20px; text-align: left;vertical-align:middle;color:#666;border-bottom: 1px solid #e1e1e1;font-family:'Nanum Gothic Bold';line-height:1;letter-spacing:-0.03em;}
.table_sty1 p{margin-top:10px;font-family:'Nanum Gothic';}
.table_sty1 span{display: inline-block;}



.detailView{display: inline-block;width:100%;text-align:left;font-size:0;overflow: hidden;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.detailView .imgArea{display: inline-block;width:60%;padding-right:5%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.detailView .textArea{display: inline-block;width:40%;}
.detailView .tit{display: inline-block;width:100%;font-family:'Roboto';font-style:normal;font-weight:500;color:#000; font-size: 30px;letter-spacing:-0.03em;line-height:1;text-transform:uppercase;margin-bottom:40px;}

.tab_type1{ display: inline-block; width:100%; margin:40px auto 0px;text-align: left;font-size: 0;}
.tab_type1::after {clear: both; display: block;content: "";}
.tab_type1 li {display: inline-block;margin-right:3px;margin-bottom:-1px; }
.tab_type1 li a {padding:15px 25px; text-align: center; font-family:'Nanum Gothic Bold';color: #333;line-height:1; font-size: 14px;letter-spacing:-0.03em;text-transform:uppercase;border: 1px solid #dedede; background:#fafafa;border-radius: 3px 3px 0 0;outline:none;display: block; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.tab_type1 li a:hover{background:#fff;}
.tab_type1 li.active a {background:#fff;border: 1px solid #dedede;border-bottom-color: #fff;}

.tab_content{display:none;width:100%;margin-bottom:30px; border: 1px solid #dedede; padding: 30px;background:#fff;border-radius: 0 3px 3px 3px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.tab_content > p{text-align:left;font-family:'Nanum Gothic'; color:#333; font-size: 14px;letter-spacing:0em;line-height:1.45;}

.loginWrap{display: block; width:500px;margin:0 auto 40px; text-align:left; font-size: 0;}
.loginWrap .txt1{font-family:'Nanum Gothic Bold';color: #333;line-height:1.3; font-size: 16px;letter-spacing:-0.03em;}
.loginWrap .tit{font-family:'Nanum Gothic Bold';color: #1a1a1a;line-height:1; font-size: 14px;letter-spacing:-0.03em;text-transform:uppercase;margin-top:20px;margin-bottom:5px;}
.loginWrap input{display:inline-block;width:100%;vertical-align:middle;height:40px;border:1px solid #d1d1d1;background:#fff;padding:5px;box-sizing:border-box;transition: all 0.3s ease-out}
.loginWrap input:focus {outline: none;border-color:#49ad18}
.loginWrap input:disabled {background:#f1f1f1;}
.loginWrap .btn_area{width:100%;text-align:center;margin-top:20px;}
.loginWrap .txt2{font-family:'Nanum Gothic Bold';color: #49ad18;line-height:1; font-size: 13px;letter-spacing:-0.03em;text-decoration: underline;margin-top:20px; }

.joinWrap{display: block; width:600px;margin:0 auto 40px;font-size:0;}
.joinWrap ul{display:inline-block;width:100%;margin-bottom:20px;}
.joinWrap .leftArea{display:inline-block;width:150px;text-align:left;font-family:'Nanum Gothic Bold';color: #1a1a1a;line-height:40px; font-size: 14px;letter-spacing:-0.03em;text-transform:uppercase;}
.joinWrap .rightArea{display:inline-block; width:calc(100% - 150px); text-align:left; padding-left:20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.joinWrap .txt1{text-align:right;font-family:'Nanum Gothic Bold';color: #333;line-height:1; font-size: 14px;letter-spacing:-0.03em;margin-bottom:20px;border-bottom:1px solid #e1e1e1; padding-bottom:10px;}
.joinWrap input{display:inline-block;vertical-align:middle;height:40px;border:1px solid #d1d1d1;background:#fff;padding:5px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;transition: all 0.3s ease-out}
.joinWrap input:focus {outline: none;border-color:#49ad18}
.joinWrap input:disabled {background:#f1f1f1;}
.joinWrap .btn_area{width:100%;text-align:center;margin-top:20px;}

.joinWrap input[type=checkbox] { display: none;  }
.joinWrap input[type=checkbox] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left:20px;margin-right:15px; font-size: 13px; line-height:16px;font-family:'Nanum Gothic Bold';color:#666;vertical-align:middle;}
.joinWrap input[type=checkbox]+ label:before {content: "";  display: inline-block;width: 16px;height: 16px;transition:all .2s;position:absolute; left:0; top:0; margin-right:5px; border:1px solid #cbcdd3; background: #fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} 
.joinWrap input[type=checkbox]:checked + label:before { content: "\2713";  /* 체크모양 */text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);font-size:14px; font-weight:400; border:1px solid #49ad18; background:#49ad18;color: #fff;text-align: center;line-height:1;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.wr_box{width:100%; margin:0px auto 20px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.wr_box textArea{display: inline-block;width:100%;border:1px solid #d9d9d9;background:#fbfbfb; height:300px; padding: 10px;white-space: pre-wrap;color:#666; font-size: 13px;line-height:1.4;font-family:'Nanum Gothic';box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.wr_box textArea:focus {outline: none;border-color:#49ad18;}
.wr_box .textArea01{height:100px;}

.stit{display: inline-block;width:100%;text-align:left;font-family:'Nanum Gothic Bold';color: #1a1a1a; font-size: 18px;line-height:1;letter-spacing:-0.03em;margin-bottom:20px;}

.cartWrap{display: inline-block;width:100%;text-align:left;font-size:0;}
.cartWrap .cart_area{display: inline-block;width:70%;text-align:left; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.cartWrap .pay_area{display: inline-block;width:30%;text-align:left;padding-left:30px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.pay_tb{display: inline-block;width:100%;text-align:left;border:1px solid #dfdfdf; padding:20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size:0;}
.pay_tb ul{display: inline-block;width:100%;border-top:1px solid #f1f1f1;padding-top:15px; margin-top:15px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.pay_tb ul:first-child{border-top:0px;padding-top:0px; margin-top:0px;}
.pay_tb .tit{display: inline-block;width:40%;text-align:left;font-family:'Nanum Gothic';color: #666;line-height:1; font-size: 14px;letter-spacing:-0.03em;}
.pay_tb .txt{display: inline-block;width:60%;text-align:right;font-family:'Nanum Gothic';color: #1a1a1a;line-height:1; font-size: 14px;letter-spacing:-0.03em;}
.pay_tb .bold{font-family:'Nanum Gothic Bold';color: #000;line-height:1; font-size: 14px;letter-spacing:-0.03em;}

/* cart list-table */
.table.cart-table {width:100%;margin:0px auto; border-top:1px solid #1a1a1a; border-bottom:1px solid #dfdfdf; }
.table.cart-table th {padding:15px 0px; color:#1a1a1a;font-size:14px;line-height:1;font-family:'Nanum Gothic Bold';background:#fafafa; text-align: center;}
.table.cart-table tr {background-color: #fff;}
.table.cart-table td {font-size:13px; padding:15px 5px; text-align: center;vertical-align:middle;color:#666;border-top: 1px solid #e1e1e1;font-family:'Nanum Gothic Bold';line-height:1;letter-spacing:-0.03em;}
.table.cart-table .left {text-align: left; padding:15px 5px 15px 20px;}
.table.cart-table td.pimg {background:url(/img/noimg.png) center center no-repeat;}
.table.cart-table td.pimg img{width:100%;}
.table.cart-table br{margin-top:5px;}
.table.cart-table p{margin-top:10px;}
.table.cart-table span{display: inline-block;}
.table.cart-table .product{display: inline-block;width:80px; height:80px; margin-right:10px;}
.table.cart-table .product img{width:100%; height:100%;}
.table.cart-table .product_txt{display: inline-block;width:auto; }
.table.cart-table .small_txt{font-size:12px;font-family:'Nanum Gothic';}
.table.cart-table td:first-child, .table.cart-table th:first-child {border-left: none;}
/*
.table.cart-table input{display:inline-block;width:100%;vertical-align:middle;height:40px;border:1px solid #d1d1d1;background:#fff;padding:5px;box-sizing:border-box;transition: all 0.3s ease-out}
.table.cart-table input:focus {outline: none;border-color:#49ad18}
.table.cart-table input:disabled {background:#f1f1f1;}
*/
.table.cart-table input[type=radio] { display: none;  }
.table.cart-table input[type=radio] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left:20px;margin-right:15px;  font-size: 13px; line-height:16px;font-family:'Nanum Gothic Bold';color:#666;vertical-align:middle;}
.table.cart-table input[type=radio]+ label:before {content: "";  display: inline-block;width:16px;height:16px;transition:all .2s;position:absolute; left:0; top:0; margin-right:5px; border:1px solid #cbcdd3; background:#FFF;border-radius:50%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} 
.table.cart-table input[type=radio]:checked + label:before { content: "\25CF";  /* 체크모양 */text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);font-size: 0px; font-weight:800; border:4px solid #49ad18; background:#fff;text-align: center;line-height: 16px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} 
.table.cart-table input[type=checkbox] { display: none;  }
.table.cart-table input[type=checkbox] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left:20px;margin-right:0px; font-size: 13px; line-height:16px;font-family:'Nanum Gothic Bold';color:#666;vertical-align:top;}
.table.cart-table input[type=checkbox]+ label:before {content: "";  display: inline-block;width: 16px;height: 16px;transition:all .2s;position:absolute; left:0; top:0; margin-right:5px; border:1px solid #cbcdd3; background: #fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} 
.table.cart-table input[type=checkbox]:checked + label:before { content: "\2713";  /* 체크모양 */text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);font-size:14px; font-weight:400; border:1px solid #49ad18; background:#49ad18;color: #fff;text-align: center;line-height:1;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.table.cart-table .none{padding:60px 5px;vertical-align:middle;text-align:center;font-size: 14px;color: #666;font-family:'Nanum Gothic Bold';line-height:1;letter-spacing:-0.03em;}
.table.cart-table .txt a{text-decoration: underline;font-size:12px;font-family:'Nanum Gothic';}

.option_num{position: relative;display: inline-block;width:100px;height:35px;font-family:'Nanum Gothic';color:#333;font-size:13px;line-height:1;letter-spacing:-0.03em;border:1px solid #dfdfdf;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.option_num img{vertical-align:top;padding:0px 0px;}
.option_num input{display: inline-block;width:100%;height:33px;background:#fff; border:0px solid #dfdfdf;text-align:center;font-family:'Nanum Gothic Bold';color:#49ad18;font-size:13px;line-height:30px;letter-spacing:-0.03em;padding:0px 30px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.option_num input::placeholder {font-family:'Nanum Gothic Bold';color:#49ad18;font-size:13px}
.option_num input:-ms-input-placeholder {font-family:'Nanum Gothic Bold';color:#49ad18;font-size:13px}
.option_num input::-ms-input-placeholder {font-family:'Nanum Gothic Bold';color:#49ad18;font-size:13px}
.option_num input::-webkit-input-placeholder {font-family:'Nanum Gothic Bold';color:#49ad18;font-size:13px}
.option_num input::-moz-placeholder {font-family:'Nanum Gothic Bold';color:#49ad18;font-size:13px}
.option_num .decrease {margin: 0px; top: 0px; width:30px; left: 0px; bottom: 0px; color: transparent; overflow: hidden; position: absolute;}
.option_num .decrease::before {background: rgb(85, 85, 85); left: 50%; top: 50%; width: 12px; height: 1px; font-size: 0px; display: block; position: absolute; content: ""; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.option_num .decrease::after {background: rgb(85, 85, 85); left: 50%; top: 50%; width: 12px; height: 1px; font-size: 0px; display: block; position: absolute; content: ""; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.option_num .increase {margin: 0px; top: 0px; width:30px; right: 0px; bottom: 0px; color: transparent; overflow: hidden; position: absolute;}
.option_num .increase::before {background: rgb(85, 85, 85); left: 50%; top: 50%; width: 12px; height: 1px; font-size: 0px; display: block; position: absolute; content: ""; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.option_num .increase::after {background: rgb(85, 85, 85); left: 50%; top: 50%; width: 12px; height: 1px; font-size: 0px; display: block; position: absolute; content: ""; transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg);}


.mo_only{display:none !important;}

.wr_type01{width:100%; margin:0px auto 40px; border-top:1px solid #000; border-bottom:1px solid #ddd; font-size:0; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.wr_type01 ul{display: inline-block; width:100%; border-top:1px solid #d9d9d9; padding:10px 0px;font-family:'Nanum Gothic Bold';font-size: 14px;color:#1a1a1a;letter-spacing:-0.03em;}
.wr_type01 .wr_left{float:left; width:150px;text-align:left; font-family:'Nanum Gothic Bold'; font-size: 14px;color:#1a1a1a;line-height:40px;letter-spacing:-0.03em;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.wr_type01 .wr_right{float:left; width:calc(100% - 150px); text-align:left; padding-left:20px;font-family:'Nanum Gothic Bold';color:#666; font-size: 14px;line-height:40px;letter-spacing:-0.03em;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.wr_type01 input{display:inline-block;vertical-align:middle;height:40px;border:1px solid #d1d1d1;background:#fff;padding:5px;box-sizing:border-box;transition: all 0.3s ease-out}
.wr_type01 input:focus {outline: none;border-color:#49ad18}
.wr_type01 input:disabled {background:#f1f1f1;}
.wr_type01 input[type="file"] {border: 0;}
.wr_type01 textArea{display: inline-block;width:100%;border:1px solid #d9d9d9;height:150px; padding: 10px;color:#666;font-family:'Nanum Gothic Bold'; font-size: 14px;line-height:1.3;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.wr_type01 textArea:focus {outline: none;border-color:#49ad18}
.wr_type01 span{display: inline-block; margin:0px 2px;}
.wr_type01 .first{display: inline-block; margin:0px 10px 0px 0px;}
.wr_type01 .wr_left img{margin-left:5px; vertical-align:middle;}
.wr_type01 input[type=radio] { display: none;  }
.wr_type01 input[type=radio] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left:20px;margin-right:15px;  font-size: 13px; line-height:16px;font-family:'Nanum Gothic Bold';color:#666;vertical-align:middle;}
.wr_type01 input[type=radio]+ label:before {content: "";  display: inline-block;width:16px;height:16px;transition:all .2s;position:absolute; left:0; top:0; margin-right:5px; border:1px solid #cbcdd3; background:#FFF;border-radius:50%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} 
.wr_type01 input[type=radio]:checked + label:before { content: "\25CF";  /* 체크모양 */text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);font-size: 0px; font-weight:800; border:4px solid #49ad18; background:#fff;text-align: center;line-height: 16px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} 
.wr_type01 input[type=checkbox] { display: none;  }
.wr_type01 input[type=checkbox] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left:20px;margin-right:15px; font-size: 13px; line-height:16px;font-family:'Nanum Gothic Bold';color:#666;vertical-align:middle;}
.wr_type01 input[type=checkbox]+ label:before {content: "";  display: inline-block;width: 16px;height: 16px;transition:all .2s;position:absolute; left:0; top:0; margin-right:5px; border:1px solid #cbcdd3; background: #fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} 
.wr_type01 input[type=checkbox]:checked + label:before { content: "\2713";  /* 체크모양 */text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);font-size:14px; font-weight:400; border:1px solid #49ad18; background:#49ad18;color: #fff;text-align: center;line-height:1;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.grayBox_type1{width:100%; text-align:center; margin:0px auto 20px; border:1px solid #dfdfdf; padding:20px;background:#f6f6f6; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
.grayBox_type1 input[type=radio] { display: none;  }
.grayBox_type1 input[type=radio] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left:20px;margin-right:15px;  font-size: 13px; line-height:16px;font-family:'Nanum Gothic Bold';color:#666;vertical-align:middle;}
.grayBox_type1 input[type=radio]+ label:before {content: "";  display: inline-block;width:16px;height:16px;transition:all .2s;position:absolute; left:0; top:0; margin-right:5px; border:1px solid #cbcdd3; background:#FFF;border-radius:50%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} 
.grayBox_type1 input[type=radio]:checked + label:before { content: "\25CF";  /* 체크모양 */text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);font-size: 0px; font-weight:800; border:4px solid #49ad18; background:#fff;text-align: center;line-height: 16px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.cart_tb{width:100%; text-align:center; margin:20px 0px 40px;  border:1px solid #dfdfdf; padding:20px;background:#f6f6f6;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
.cart_tb > p{display: inline-block; color:#666;font-size:14px;line-height:26px;font-family:'Nanum Gothic Bold';}
.cart_tb .price{display: inline-block;font-size:18px;line-height:26px;font-family:'Nanum Gothic Bold';color:#333;margin-left:5px;margin-right:2px;}
.cart_tb .price_a{display: inline-block;font-size:20px;line-height:26px;font-family:'Nanum Gothic Bold';color:#49ad18;margin-left:8px;}
.cart_tb .txt{display: inline-block;color:#1a1a1a;font-size:14px;line-height:26px;font-family:'Nanum Gothic Bold';}
.cart_tb img{max-width:100%; padding:0 10px;vertical-align:middle;}
.cart_tb .blank{display:none;width:100%;margin-top:15px; padding-top:5px; border-top:1px solid #d1d1d1;}

.col50{width:50%}

.order_ok{display: inline-block; width:100%;margin-bottom:60px; background: url(/img/i_ok.png) center 40px no-repeat;padding-top:120px;text-align:center;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.order_ok > h3{color:#333;font-size:18px;line-height:1;font-family:'Nanum Gothic Bold';margin-bottom:20px; }
.order_ok > p{color:#666;font-size:14px;line-height:1;font-family:'Nanum Gothic Bold';}

/* mypage */
.mypage_lmenu{display: inline-block;width:100%;text-align:left;font-size:0; }
.mypage_lmenu ul{display: inline-block;width:100%;border-top:1px solid #e1e1e1; padding-top:15px; margin-top:15px; }
.mypage_lmenu ul:first-child{border-top:0px solid #e1e1e1; padding-top:0px;margin-top:0px;  }
.mypage_lmenu h2{font-family:'Nanum Gothic Bold';line-height:1;letter-spacing:-0.03em;color:#2d2d2d;font-size:16px;margin-bottom:10px; padding:0px 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.mypage_lmenu li{display: inline-block;width:100%;font-family:'Nanum Gothic Bold';font-size:12px;line-height:1;letter-spacing:-0.03em;color:#333;padding:8px 10px 8px 20px;}
.mypage_lmenu li a{color:#2d2d2d;}
.mypage_lmenu li a:hover{color:#49ad18;}
.mypage_lmenu li a.active{color:#49ad18;}

.mypage_menu{position:relative;display: none;width:100%; height:40px; margin-bottom:15px; text-align:left;border:1px solid #e1e1e1; font-family:'Nanum Gothic Bold';line-height:38px;letter-spacing:-0.03em;color:#2d2d2d;font-size:14px;cursor: pointer;padding:0px 15px 0px 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.mypage_menu:after{content:'';display:block;width:0;height:0;border-top:8px solid #3e4358;border-bottom:8px solid transparent;border-right:5px solid transparent;border-left:5px solid transparent;position:absolute;right:5px;top:35%;}

.my_menuBox{display:none;z-index:5;width:100%;padding:10px 20px;background:#fafafa;border:1px solid #e1e1e1;margin-bottom:15px;margin-top:-16px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.my_menuBox li{text-align:left;}
.my_menuBox li a{text-align:center;line-height:30px;color:#666 !important;font-size:13px;font-family:'Nanum Gothic Bold';letter-spacing:-0.03em;}
.my_menuBox li:hover{background:#fafafa;}

.txt_type1{font-family:'Nanum Gothic Bold';color:#1a1a1a; font-size:24px;line-height:1;word-wrap: break-word;margin-bottom:40px;}
.txt_type2{font-family:'Nanum Gothic Bold';color:#1a1a1a; font-size: 14px;line-height:1.3;word-wrap: break-word;margin-bottom:20px;}
.txt_type3{font-family:'Nanum Gothic';color:#333; font-size: 14px;line-height:1.3;word-wrap: break-word;background: url(../img/i_bullet_red.png) left 6px no-repeat;padding-left:15px; margin-bottom:10px;}
.txt_type4{font-family:'Nanum Gothic';color:#333; font-size: 14px;line-height:1.3;word-wrap: break-word;margin-bottom:10px;}

.text_wrap{display: inline-block;width:100%; margin-bottom:40px; overflow: hidden; }
.text_wrap .tit{font-family:'Nanum Gothic Bold';color:#1a1a1a; font-size:20px;line-height:1;margin-bottom:20px;}
.text_wrap .stit{font-family:'Nanum Gothic Bold';color:#333; font-size:16px;line-height:1;margin-bottom:10px;}
.text_wrap .txt{font-family:'Nanum Gothic';color:#444; font-size:14px;line-height:1.45;margin-bottom:15px;}
.text_wrap .txt1{font-family:'Nanum Gothic';color:#444; font-size: 14px;line-height:1.3;word-wrap: break-word;background: url(../img/i_bullet_red.png) left 6px no-repeat;padding-left:15px; margin-bottom:10px;}
.text_wrap .txt2{text-indent:-18px; padding-left:18px;font-family:'Nanum Gothic'; color:#444; font-size: 14px;letter-spacing:-0.03em;line-height:1.3;margin-bottom:10px;}

.border_line{display: inline-block;width:100%; border-top:1px solid #dfdfdf; padding-bottom:40px; }

/** faq list **/
.list_faq {border-top:1px solid #949494;background: #fff;margin-bottom:10px;}
.list_faq .item_faq {border-bottom:1px solid #dfdfdf;}
/* [D] .area_question 클릭시 부모 .item_faq에 on 추가 (열기버튼이 닫기버튼으로 바뀜) */
.item_faq.on .area_question:after {background-image:url(/img/acc_menu_on.png)}
/* 질문, 답변 공통 */
.list_faq .area_question,
.list_faq .area_answer {position:relative;}
.list_faq .txt_q,
.list_faq .txt_a {position:absolute; text-align:center;}
.list_faq .desc_question,
.list_faq .desc_answer {padding:0 5px;}
/* 질문영역 */
.list_faq .area_question {padding:15px 20px 15px 35px; cursor:pointer;}
.list_faq .area_question:after {position:absolute; top:15px; right:5px; width:15px; height:8px; background:url(/img/acc_menu.png) no-repeat 0 0; content:'';}
.list_faq .txt_q {top:10px; left:0; width:30px;font-family:'Nanum Gothic Bold'; font-size:20px; line-height:1.3; color:#666;}
.list_faq .desc_question {font-family:'Nanum Gothic Bold';color: #333;font-size: 15px;line-height:1.3;letter-spacing:-0.03em;}
.list_faq .category {display: inline-block;width:100%;font-family:'Nanum Gothic';color: #333;font-size:13px;line-height:1;letter-spacing:-0.03em;margin-bottom:5px;}
/* 답변영역 */
.list_faq .area_answer {display:none; padding:15px 20px 40px 35px; border-top:1px solid #dfdfdf; background-color:#f9f9f9;}
.list_faq .txt_a {top:10px; left:5px; width:22px; height:22px; background-color:#55575a; border-radius:50%;font-family:'Nanum Gothic Bold'; font-size:13px; line-height:20px; color:#fff;}
.list_faq .desc_answer {font-family:'Nanum Gothic';color: #333;font-size: 13px;line-height:1.45;letter-spacing:-0.03em;}
/* 등록된 글이 없을 경우 */
.item_faq.nodata {padding:100px 20px; text-align:center; font-size:16px;}

.story_menu{display: inline-block;width:100%;margin:0 auto 40px;text-align:center; font-size:0; }
.story_menu li{display: inline-block;width:30%;margin:0 2%; }
.story_menu li > h3{font-family:'Nanum Gothic Bold';color:#49ad18;font-size: 16px;line-height:1;letter-spacing:-0.03em;text-transform:uppercase;margin-bottom:15px;}

.story_text{display: inline-block;width:100%;text-align:center;margin:0 auto 40px;}
.story_text > h3{font-family:'Nanum Gothic Bold';color:#1a1a1a;font-size: 16px;line-height:1;letter-spacing:-0.03em;margin-bottom:20px;}
.story_text > p{font-family:'Nanum Gothic';color:#444;font-size: 14px;line-height:1.45;letter-spacing:-0.03em;}
.movBox{display: inline-block; width:600px;margin:50px auto;}

.video_wrap{position: relative; margin:0 auto; padding-bottom: 56.25%;height: 0;overflow: hidden;}
.youtubeP{position: absolute;top: 0;left: 0;width: 100%; height: 100%;}

.imgWrap{display: inline-block;width:100%;}
.imgWrap img{width:100%;}

.imgWrap_sty1{display: inline-block;width:100%;text-align:left; }
.imgWrap_sty1 img{max-width:100%;}

.pop{display: inline-block;width:100%; padding:60px 40px 40px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.gallery-list{display: inline-block;width:100%; overflow:hidden; margin:0 auto;text-align:left; font-size:0;}
.gallery-list .gal-list-item{display: inline-block; width:23%; margin:0 1% 2%; position:relative; border:1px solid #ebebeb; padding-bottom:20px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
.gallery-list .gal-list-item a{display:block; position:relative; overflow: hidden; padding-top:75%; /* 16:9 padding-top:56.25%; */ height:0; }
.gallery-list .gal-list-item .gal-thum{overflow:hidden; display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background:url(/img/noimg.png) 50% 50% no-repeat #ebecec;}
.gallery-list .gal-list-item .gal-thum img{width:100%;height:100%; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.gallery-list .gal-list-item .gal-tit{display:block; padding:15px; text-align:left; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
.gallery-list .gal-list-item .gal-tit h3{line-height:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#3b3b3b; font-size:14px; font-family:'Nanum Gothic Bold';}
.gallery-list .gal-list-item .gal-tit p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 2.6em;color:#86898d; font-size:14px; font-weight:200;}
.gallery-list .gal-list-item .time_wrap{display: inline-block; width:100%; text-align:right; padding-right:15px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.gallery-list .gal-list-item .time_wrap .time{display: inline-block; background:url(/img/i_time.png) left 50% no-repeat;min-height:14px;padding-left:24px; font-size: 13px;line-height:1;color: #86898d; font-family:'Nanum Gothic';}
.gallery-list .gal-list-item .gal-tit > a{display:block; position:relative; overflow: hidden; padding-top:0%; height:auto; }


/* over style */
.gallery-list .gal-list-item .over-thum{
	position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.7);
	opacity:0;filter:Alpha(opacity=0);
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
}
.gallery-list .gal-list-item .over-thum::before,
.gallery-list .gal-list-item .over-thum::after {
	position: absolute;
	top: 5%;
	right: 5%;
	bottom: 5%;
	left: 5%;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
}
.gallery-list .gal-list-item .over-thum::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}
.gallery-list .gal-list-item .over-thum::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}
.gallery-list .gal-list-item .over-thum span{
	display:block; position:absolute; 
	top:50%; left:50%; width:55px; height:32px; line-height:32px; 
	margin:-16px 0 0 -27px; text-align:center; 
	color:#fff; font-size:14px; font-weight:600;
	-webkit-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	border-top:1px solid rgba(255,255,255,0.7);
	border-bottom:1px solid rgba(255,255,255,0.7);
}
.gallery-list .gal-list-item a:hover .over-thum{opacity:1.0;filter:Alpha(opacity=100);}
.gallery-list .gal-list-item a:hover .over-thum::before,
.gallery-list .gal-list-item a:hover .over-thum::after {
	opacity: 0.5;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.gallery-list .gal-list-item a:hover .over-thum span{
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.gallery-list .gal-list-item a:hover .gal-thum img{-webkit-transform: scale(1.1) rotate(0.02deg); -moz-transform: scale(1.1) rotate(0.02deg); -ms-transform: scale(1.1) rotate(0.02deg); -o-transform: scale(1.1) rotate(0.02deg); transform: scale(1.1) rotate(0.02deg);}
.gallery-list .gal-list-item a:hover .play{display: none;}


/* boardView */
.boardtb {width:100%;margin:0px auto; border-top:1px solid #b1adad; overflow: hidden; }
.boardtb h2{text-align:left;font-family:'Nanum Gothic Bold';font-size: 16px;color: #333;line-height:1.4; padding:15px 20px 0px;}
.boardtb .time_wrap{display: inline-block; width:100%; text-align:right; border-bottom:1px solid #ebebeb; padding:15px 20px 15px 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.boardtb .time_wrap .time{display: inline-block; background:url(/img/i_time.png) left 50% no-repeat;min-height:14px;padding-left:24px; font-size: 13px;line-height:1;color: #86898d;font-weight:200; margin-right:20px;}
.boardtb .time_wrap .hit{display: inline-block; background:url(/img/i_hit.png) left 50% no-repeat;min-height:14px;padding-left:24px; font-size: 13px;line-height:1;color: #86898d;font-weight:200;}
.boardtb .content_box{display: inline-block; width:100%; padding:30px 20px; min-height:300px; text-align:left; font-size:13px;color:#646464;line-height:1.4;font-family:'Nanum Gothic';border-bottom:1px solid #e6e6e6;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.boardtb .content_box .imgbox{display: inline-block; width:100%; margin:20px 0px;  text-align:center;}
.boardtb .content_box img{max-width:100%;}

/* 20200420 review ADD */
.search_area {display: inline-block; width: 100%; text-align:center;margin-bottom:20px; padding:15px; border:1px solid #dcdcdc;background: #fafafa;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.search_area ul{display: inline-block;}
.search_area li.select_type_seach {float:left; width:300px;height:36px; margin-right:10px;}
.search_area li.select_type_seach select{display: inline-block;background: url(/img/select_arrow.png) right center no-repeat #fff; border-radius: 0px; border:1px solid #d9d9d9;height:36px;padding:0 0 0 10px;width:100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-family:'Nanum Gothic';FONT-SIZE: 14px; COLOR: #666;cursor:pointer;}
.search_area li.select_type_seach select::-ms-expand {display: none;}
.search_area li.sbox{float:left; color:#5b5b5b;width: 400px; height:36px; text-align:left; border:1px solid #d9d9d9;background: #fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; position:relative;}
.search_area li img{margin:0px;padding-top:0px;}
.search_area .input01{margin:0px; width: 340px;height:34px;vertical-align:middle;font-family:'Nanum Gothic';FONT-SIZE: 14px; COLOR: #666; padding:0px 0px 0px 10px;border:0px solid #d4d4d5;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.search_area .input_btn{ position: absolute;right:0px;border:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.search_area li.ltxt {float:left; font-family:'Nanum Gothic Bold';FONT-SIZE: 14px; COLOR: #424242;line-height:32px; margin-right:10px;}

.star_area{display: inline-block; width:100%;text-align:left;padding-top:10px;}
.star_area > p{display: inline-block;margin-bottom:0px;}

.star-rating {width:70px;text-align:left; }
.star-rating,.star-rating span { display:inline-block; height:14px; overflow:hidden; background:url(/img/m_star.png)no-repeat; } 
.star-rating span{ background-position:left bottom; line-height:0; vertical-align:top; } 

.review_type {width:100%;margin:0px auto 40px; font-size:0; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.review_type ul {border-bottom: 1px solid #dfdfdf;}
.review_type li{padding:0px 0px; vertical-align:middle; border-left:0px solid #dfdfdf;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.review_type li:first-child {border-left: none;}
.review_type .list-head{border-top:1px solid #333;background-color: #fafafa;padding:12px 0px;}
.review_type .list-body{background-color: #fff;padding:15px 0px;cursor: pointer;}
.review_type .cont-body{display:none;width:100%;background-color: #fafafa;padding:15px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.review_type .btnArea{display: inline-block;width:100%;text-align:right;margin-top:10px;}
.review_type .tit_num{display: inline-block;text-align:center;width:60px;font-size:14px;color:#333;line-height:1;font-family:'Nanum Gothic Bold';}
.review_type .tit_cont{display: inline-block;text-align:center;width:calc(100% - 360px);font-size:14px;color:#333;line-height:1;font-family:'Nanum Gothic Bold';} 
.review_type .tit_name{display: inline-block;text-align: center;width:150px;font-size:14px;color:#333;line-height:1;font-family:'Nanum Gothic Bold';}
.review_type .tit_date{display: inline-block;text-align:center;width:150px;font-size:14px;color:#333;line-height:1;font-family:'Nanum Gothic Bold';}

.review_type .cont{display: inline-block;width:calc(100% - 300px); min-height:80px; text-align:left;font-size:13px;color:#333;line-height:1.3;font-family:'Nanum Gothic';letter-spacing:-0.03em;word-break: break-all;}
.review_type .contRight{display: inline-block;width:300px;}
.review_type .name{display: inline-block;width:150px;text-align: center;font-size:13px;color:#333;line-height:1;font-family:'Nanum Gothic';letter-spacing:-0.03em;word-break: break-all;}
.review_type .date{display: inline-block;width:150px;text-align: center;font-size:13px;color:#333;line-height:1;font-family:'Nanum Gothic';letter-spacing:-0.03em;word-break: break-all;}
.review_type .contTxt{display: inline-block;width:100%;text-align:left;font-size:13px;color:#333;line-height:1.45;font-family:'Nanum Gothic';}

.review_type .nodata{display: inline-block;width:100%;text-align: center;font-size:14px;color:#333;line-height:1;font-family:'Nanum Gothic';background-color: #fff;padding:80px 0px;} 

.review_product{position:relative; display: inline-block;width:100%;text-align:left;font-size:0;}
.review_product dd{vertical-align:middle;}
.review_product .num{position: absolute; left:0; top:0; width:60px;text-align:center;font-size:12px;color:#333;line-height:80px;font-family:'Nanum Gothic';letter-spacing:-0.03em;}
.review_product .product_img{position: absolute; left:60px; top:0; width:80px; height:80px;}
.review_product .product_img img{width:100%; height:100%;}
.review_product .txtArea{display: inline-block;width:100%;text-align:left;padding-top:0px;padding-left:150px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.review_product .optionTxt1{font-family:'Nanum Gothic Bold';font-size:14px;color:#333;line-height:1;letter-spacing:-0.03em;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.review_product .optionTxt2{font-family:'Nanum Gothic';font-size:13px;color:#555;line-height:1.3;letter-spacing:-0.03em;margin-top:8px;}

.form_sty1{width:100%;font-size:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.form_sty1 ul{width:100%;margin-top:0px;border-bottom:1px solid #ebebeb;padding:10px 0px;}
.form_sty1 ul:first-child{border-top:0px solid #666;padding-top:0px;}
.form_sty1 li{display: inline-block;}
.form_sty1 .col100{display: inline-block;width:100%;margin-bottom:10px;}
.form_sty1 .tit{display: inline-block;width:120px;text-align:left;font-family:'Nanum Gothic Bold';font-size: 13px;color: #333;line-height:35px;letter-spacing:-0.03em;}
.form_sty1 .cont{display: inline-block;width:calc(100% - 120px);text-align:left;color:#666; font-size:13px;line-height:35px;font-family:'Nanum Gothic';padding-left:10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.form_sty1 img{max-width:100%;vertical-align:middle;margin-left:5px;}
/*
.form_sty1  textArea{display: inline-block;width:100%;border:1px solid #d1d1d1;height:150px; padding: 10px;color:#666; font-size: 13px;line-height:1.3;font-family:'Nanum Gothic';box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.form_sty1  textArea:focus {outline: none;border-color:#b1b1b1}
*/

.filebox_s {position: relative; display:inline-block;margin-right:10px;}
.filebox_s input[type="file"] {position: absolute; width: 1px;height: 1px;padding: 0; margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.filebox_s label {position: absolute;right:0; top:0; display: inline-block;width:100px;height:35px;text-align:center;line-height:32px;font-size:14px; color: #fff;font-family:'Nanum Gothic Bold';vertical-align: middle;background: #a8abb5;cursor: pointer;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius:0px;transition:all 0.3s;}
.filebox_s .upload-name {display: inline-block;width:400px;height:35px;padding:0px 100px 0px 10px;font-size:13px; line-height:1;color: #333;font-family:'Nanum Gothic';vertical-align: middle;background:#fff; border:1px solid #d1d1d1; -webkit-appearance: none;-moz-appearance: none;appearance: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;border-radius:0px;}

.review_tit{font-family:'Nanum Gothic Bold';color:#1a1a1a; font-size:20px;line-height:1;margin-bottom:20px;}






