@charset "utf-8";

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(../font/notokr-light.eot),
    url(../font/notokr-light.eot?#iefix) format('embedded-opentype'),
    url(../font/notokr-light.woff) format('woff'),
    url(../font/notokr-light.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(../font/notokr-regular.eot),
    url(../font/notokr-regular.eot?#iefix) format('embedded-opentype'),
    url(../font/notokr-regular.woff) format('woff'),
    url(../font/notokr-regular.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(../font/notokr-medium.eot),
    url(../font/notokr-medium.eot?#iefix) format('embedded-opentype'),
    url(../font/notokr-medium.woff) format('woff'),
    url(../font/notokr-medium.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(../font/notokr-bold.eot),
    url(../font/notokr-bold.eot?#iefix) format('embedded-opentype'),
    url(../font/notokr-bold.woff) format('woff'),
    url(../font/notokr-bold.otf) format('opentype');
}

/* reset */
html, body {position:relative; -webkit-font-smoothing:antialiased;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, button, address, em, img, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, hr {margin:0; padding:0}
body {padding:0; background:#fff; font-family:'Noto Sans KR', sans-serif;font-weight:300;font-size:13px; color:#333; letter-spacing:-1px}
h1, h2, h3, h4, h5, h6 {font-weight:normal}
ol, ul, li {list-style:none}
table {width:100%; border-collapse:collapse; border-spacing:0}
form, fieldset, iframe {display:block; border:0}
img, button {border:0 none; vertical-align:middle}
hr {height:0; display:none}
i, em, address {font-style:normal}
label, button {cursor:pointer}
caption, legend {width:0; height:0; margin:0; padding:0; text-indent:-9999em; overflow:hidden; font-size:0;}
.blind {position:absolute !important; left:-9999em; width:0; height:0; margin:0; padding:0; text-indent:-9999em; overflow:hidden; font-size:0; line-height:0;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}
input, textarea, select {margin:0; padding:0; font-family:'Noto Sans KR', sans-serif; font-size:15px; font-weight: 300; color:#000; vertical-align:middle}
textarea {border: 1px solid #666; resize:none; overflow-y:auto}
button {overflow:visible; margin:0; padding:0; border:0 none; background:none; font-size:0; font-family:'Noto Sans KR', sans-serif; font-weight: 300; vertical-align:top; cursor:pointer;}
button::-moz-focus-inner {border:0; padding:0;}
.ellipsis {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
a {color:#000; text-decoration:none; word-break:break-all;}
a:link, a:visited, a:hover, a:active, a:focus {text-decoration:none;}
input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset;}

/* Interval */
.mt0{margin-top:0px !important}
.mt5{margin-top:5px !important}
.mt6{margin-top:6px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}
.mt60{margin-top:60px !important}
.mt70{margin-top:70px !important}
.mt80{margin-top:80px !important}
.mt90{margin-top:90px !important}
.mt100{margin-top:100px !important}

.mb0{margin-bottom:0px !important}
.mb6{margin-bottom:6px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:40px !important}
.mb50{margin-bottom:50px !important}
.mb60{margin-bottom:60px !important}
.mb70{margin-bottom:70px !important}
.mb80{margin-bottom:80px !important}
.mb90{margin-bottom:90px !important}
.mb100{margin-bottom:100px !important}

.ml0{margin-left:0px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml30{margin-left:30px !important}
.ml40{margin-left:40px !important}
.ml50{margin-left:50px !important}
.ml60{margin-left:60px !important}
.ml70{margin-left:70px !important}
.ml80{margin-left:80px !important}
.ml90{margin-left:90px !important}
.ml100{margin-left:100px !important}

.mr0{margin-right:0px !important}
.mr10{margin-right:10px !important}
.mr20{margin-right:20px !important}
.mr30{margin-right:30px !important}
.mr40{margin-right:40px !important}
.mr50{margin-right:50px !important}
.mr60{margin-right:60px !important}
.mr70{margin-right:70px !important}
.mr80{margin-right:80px !important}
.mr90{margin-right:90px !important}
.mr100{margin-right:100px !important}

.pt0{padding-top:0 !important}
.pt10{padding-top:10px !important}
.pt20{padding-top:20px !important}
.pt30{padding-top:30px !important}
.pt35{padding-top:35px !important}
.pt40{padding-top:40px !important}
.pt50{padding-top:50px !important}
.pt60{padding-top:60px !important}
.pt70{padding-top:70px !important}
.pt80{padding-top:80px !important}
.pt90{padding-top:90px !important}
.pt100{padding-top:100px !important}

.pb0{padding-bottom:0 !important}

/* floating */
.fl {float:left;}
.fr {float:right !important;}
.fn {float:none !important;}
.cl {clear:both;}

/* Anchor */
.anchorTy{display:block;height:70px;margin-top:-70px}

/* Align */
.aLeft{text-align:left !important}
.aCenter{text-align:center !important}
.aRight{text-align:right !important}
.aTop{vertical-align:top !important}
.aMid{vertical-align:middle !important}
.aBtm{vertical-align:bottom !important}

/* boxHorizental */
.boxHorizental{position:relative;font-size:0}
.boxHorizental > span{display:inline-block;position:relative;vertical-align:top}
.boxHorizental .dash{width:38px;line-height:30px;font-size:22px;color:#999;text-align:center}

/* Input Text */
.inputWrap{display:inline-block;position:relative;border:1px solid #ccc}
.inpText{display:inline-block;width:100%;height:30px;line-height:30px;border:none;padding:0 12px;background:#fff;color:#222;font-size:14px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.inpText[disabled],
.inpText[readonly]{background:#eee;color:#c5c5c5}
.boxHorizental .inpText{padding-right:35px}
.boxHorizental .won{position:absolute;top:5px;right:10px;font-size:14px;color:#222}

::-webkit-input-placeholder{color:#aaa}
::-moz-placeholder{color:#aaa}
:-ms-input-placeholder{color:#aaa}
:-moz-placeholder{color:#aaa}
.placeholdersjs{color:#aaa}

/* Radio */
.radioWrap{display:inline-block;position:relative;padding-left:28px}
.radioWrap label{font-size:14px;color:#999;line-height:18px}
.radioWrap input[type="radio"].inputRadio{display:none}
.radioWrap input[type="radio"].inputRadio + label:before{display:block;content:'';width:18px;height:18px;background:url(../images/common/bg_rad_default.png) no-repeat;position:absolute;top:1px;left:0}
.radioWrap input[type="radio"].inputRadio:checked + label:before{background-image:url(../images/common/bg_rad_checked.png)}
.radioWrap input[type="radio"].inputRadio:checked + label{color:#222}
.boxHorizental .radioWrap{margin-left:100px}
.boxHorizental .radioWrap:first-child{margin-left:0}

/* CheckBox */
.checkboxWrap{display:inline-block;position:relative;}
.checkboxWrap .checkStyle{display:inline-block;vertical-align:top;width:16px;height:16px;margin-left:1px;margin-top:1px;background:url(../images/common/bg_chk_default.png) no-repeat}
.checkboxWrap .checkStyle.on{background:url(../images/common/bg_chk_checked.png)}
.checkboxWrap .checkStyle.focus{outline:1px dotted #000;outline:-webkit-focus-ring-color auto;}
.checkboxWrap .checkStyle.disabled{background:url(../images/common/bg_chk_disabled.png)}
.checkboxWrap .checkStyle.disabled.on{background:url(../images/common/bg_chk_checked_disabled.png)}
.checkboxWrap label{display:inline-block;vertical-align:top;margin:0 0 0 2px;color:#666;font-size:13px;}
.checkboxWrap input[type='checkbox'].inputCheckbox{display:block;vertical-align:top;width:16px;height:16px;padding:0;margin:0;opacity:0;filter:alpha(opacity=0);}

/* Select */
.selectboxWrap{display:inline-block;width:100%;height:45px;vertical-align:middle;text-align:left;border:1px solid #c6c6c6;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.selectboxWrap .selectStyle{position:relative;width:100%;height:100%;padding:0 9px;border:none;color:#555}

/* TextArea */
textarea{width:100%;height:160px;border:1px solid #d9d9d9;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;resize:none;padding:20px;line-height:24px;overflow-y:auto}
textarea:disabled{border:1px solid #ddd;color:#999;}

/* Category Select */
.ctgSelect{font-size:0;overflow:hidden;margin:0 -20px -15px 0}
.ctgSelect > a{position:relative;display:inline-block;vertical-align:top;font-size:14px;color:#222;margin:0 20px 15px 0;padding:3px 24px 4px 10px;border:1px solid #ccc;border-radius:13px}
.ctgSelect > a:after{display:block;content:'';width:7px;height:7px;border:1px solid #ccc;border-radius:50%;position:absolute;top:50%;right:7px;margin-top:-5px}
.ctgSelect > a.on{color:#8e5e4a;border:1px solid #8e5e4a}
.ctgSelect > a.on:after{border:1px solid #8e5e4a;background:#8e5e4a}

/* HashTag Select */
.hashTagSelect{font-size:0;overflow:hidden;margin:0 -20px -15px 0}
.hashTagSelect > a{display:inline-block;vertical-align:top;font-size:14px;font-weight:200;color:#222;margin:0 20px 15px 0;padding:3px 12px 4px 12px;background:#fff;border:1px solid #ccc;border-radius:13px}
.hashTagSelect > a.on{background:#977262;color:#fff;border:1px solid #977262}

/* Form Input */
.formHorizental{position:relative;display:table;font-size:0;width:auto}
.formHorizental:after{display:block;clear:both;content:''}
.formHorizental > span{display:inline-block;vertical-align:middle;margin-left:5px;font-size:13px;}
.formHorizental.big > span{margin-left:10px}
.formHorizental > span:first-child{margin-left:0}
.formHorizental .inpText{font-size:13px}
.formHorizental .dash{display:table-cell;}
.formHorizental .selectboxWrap{font-size:13px}
.formHorizental em{vertical-align:middle}
.formHorizental .all em{font-weight:bold}
.formHorizental .formAlign{display:inline-block;font-size:0;vertical-align:middle}
.formHorizental .formAlign li{position:relative;display:inline-block;padding-left:8px;margin-left:8px;font-size:0}
.formHorizental .formAlign li:first-child{padding-left:0;margin-left:0}
.formHorizental .formAlign li:before{display:block;content:'';width:1px;height:13px;background:#bfbfbf;position:absolute;left:0;top:50%;margin-top:-7px}
.formHorizental .formAlign li:first-child:before{display:none}
.formHorizental .formAlign li *{font-size:13px;}
.formHorizental .formAlign li .inpText{margin:0 6px}
.formHorizental .btnDate{font-size:0;display:table;margin-left:10px}
.formHorizental .btnDate .btn{display:inline-block;margin-left:-1px;vertical-align: middle;text-align: center;padding: 0 12px;min-width:60px;height: 28px;line-height: 26px;background:#fff;border:1px solid #d4d6d9;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.formHorizental .btnDate .btn:first-child{margin-left:0}
.formHorizental .btnDate .btn.on{background:#515f7a;border:1px solid #515f7a;color:#fff}
.formHorizental .btnDate .btn span{font-size:13px;}
.formHorizental.full{width:100%}
.formHorizental.full > span{display:block;}
.formHorizental.full .calDate > span{display:block;}

.labelHorizental:after{display:block;clear:both;content:''}
.labelHorizental > li{float:left;margin:5px 0 5px 20px}
.labelHorizental > li:first-child{margin-left:0}
.labelHorizental.mRight > li{margin-right:20px;margin-left:0}

/* FormList */
.formList{position:relative;margin-bottom:40px}
.formList dt{font-size:15px;margin-bottom:10px}
.formList dd{margin-bottom:10px;font-size:0;position:relative;}
.formList dd .inpText{margin-right:5px}
.formList dd .selectboxWrap{margin-right:10px}
.formList dd .end{margin-right:0}
.formList dd .blank{display:inline-block;margin-right:10px;font-size:15px;vertical-align:middle}

/* Text */
.txtBrown{color:#ae8670 !important}
.txtBlue{color:#1c5cb0 !important;font-weight:bold}
.txtRed{color:#e5004f !important;font-weight:bold}
.txtOrange{color:#f3b100 !important;font-weight:bold}
.txtGreen{color:#a7c52d !important;font-weight:bold}
.txtGreen02{color:#008995 !important;font-weight:bold}
.txtNavy{color:#515f7a !important;font-weight:bold}
.txtGray{color:#999 !important;}

a.link{color:#89c0d4;text-decoration:underline}

/* listStyle */
.listStyle01 > li{position:relative;padding-left:10px;margin-top:11px;font-size:16px;font-weight:500;color:#666}
.listStyle01 > li:first-child{margin-top:0}
.listStyle01 > li:before{display:block;content:'';width:3px;height:3px;background:#666 ;position:absolute;top:9px;left:0;border-radius:50%}

.listStyle02 > li{position:relative;color:#555;font-size:16px;font-weight:300;padding-left:8px;}
.listStyle02 > li:before{display:block;content:'';width:5px;height:1px;background:#cbcbcb;position:absolute;top:13px;left:0}

.listStyle03 > li{position:relative;padding-left:7px;margin-top:5px;font-size:16px;font-weight:300;color:#555;line-height:24px;}
.listStyle03 > li:first-child{margin-top:0}
.listStyle03 > li:before{display:block;content:'';width:2px;height:2px;background:#333 ;position:absolute;top:11px;left:0;}

.listStyleStar > li{position:relative;font-size:14px;font-weight:400;color:#999;padding-left:8px;margin-top:11px}
.listStyleStar > li:before{display:block;content:'*';color:#999;position:absolute;top:0;left:0}

/* Button */
.btnArea{text-align:center;font-size:0;position:relative;display:table;width:100%;}
.btnArea:after{display:block;clear:both;content:''}
.btnArea.left{text-align:left}
.btnArea.right{text-align:right}
.btnArea .btns{margin-left:22px;}
.btnArea > .left{float:left;font-size:13px}
.btnArea > .right{float:right;font-size:13px}

.btns{position:relative;display:inline-block;font-size:16px;font-weight:400;vertical-align:middle;text-align:center;padding:0 20px;min-width:180px;height:58px;line-height:56px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.btns:first-child{margin-left:0}

.btns.btnLineBlack{border:1px solid #000;}

.btns.btnLineGray{border:1px solid #a0a0a0;}

.btns.btnBrown{background:#323232;color:#fff}

.btns.reset{background:transparent;color:#8f604c;min-width:auto;padding-left:27px;padding-right:0}
.btns.reset:before{display:block;content:'';width:20px;height:18px;background:url(../images/common/btn_reset.png) no-repeat;position:absolute;top:21px;left:0}
.btns.reset > span{position:relative;border-bottom:1px solid #8f604c;font-size:14px}

.btns.btnMore{width:402px;height:80px;line-height:78px;border:1px solid #e8e8e8;font-size:0}
.btns.btnMore span{display:inline-block;vertical-align:middle;font-size:28px;font-weight:100;color:#666;margin-right:20px}
.btns.btnMore:after{display:inline-block;content:'';vertical-align:middle;width:12px;height:22px;background:url(../images/common/arr_more.png) no-repeat}

/* Tab  */
.tabs{position:relative;width:100%;background:#97725f;overflow:hidden;margin-bottom:-1px}
.tabs li{float:left;text-align:center;width:33.333333333%;border-bottom:1px solid #ae8574;}
.tabs li a{position:relative;display:block;font-size:18px;background:#97725f;color:#f1e0d8;height:60px;line-height:60px;}
.tabs li a:after{display:block;content:'';width:1px;height:20px;background:rgba(255, 255, 255, 0.2);position:absolute;top:50%;right:0;margin-top:-10px}
.tabs li:nth-child(6n) a:after{display:none}
.tabGroup{position:relative}

.tabs li.on{border-bottom:1px solid #71483b;}
.tabs li.on a{background:#603421;color:#fff;font-weight:700}
.tabs li.on a:after{display:none}

.tabs.division{display:table;table-layout:fixed}
.tabs.division li{float:none;display:table-cell}

/* Table */
.tblData th{position:relative;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;padding:26px 50px;text-align:left;font-size:16px;font-weight:400;color:#333;background:#fff;border-left:1px solid #dfdfdf}
.tblData th:first-child{border-left:none}
.tblData th.bgG{background:#f7f7f7}
.tblData td{border-bottom:1px solid #dfdfdf;padding:26px 50px;text-align:left;font-size:16px;font-weight:300;color:#555;background:#fff}

/* Paging */
.paging{margin-top:35px;width:100%;text-align:center;font-size:0}
.paging .current,
.paging a{position:relative;display:inline-block;vertical-align:top;font-size:14px;font-weight:400;color:#999;height:11px;line-height:11px;text-align:center;margin-left:25px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.paging .current{color:#ae8670;}
.paging .current:after{display:block;content:'';height:2px;background:#ae8670;position:absolute;left:-2px;right:-3px;bottom:-6px;}
.paging a:before{display:block;content:'';width:6px;height:11px;position:absolute;top:1px;left:0;}
.paging .btnPrev{text-indent:-9999px;margin-right:14px}
.paging .btnPrev:before{background:url(../images/common/btn_paging_prev.png) no-repeat}
.paging .btnNext{text-indent:-9999px;margin-left:39px;}
.paging .btnNext:before{background:url(../images/common/btn_paging_next.png) no-repeat;}

/* ·¹À̾î Æ˾÷ */
.layerPop{display:none;position:absolute;left:0;top:0;right:0;z-index:1000;height:100%}
.layerPop:after{display:block;content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:#000;opacity:0.7}
.layerPop .layerPopArea{position:relative;width:975px;margin:0 auto;top:50%;background:#fff;z-index:100;}
.layerPop .btnLayerClose{display:block;width:35px;height:35px;text-indent:-9999px;background:url(../images/common/btn_layer_close.png) no-repeat;position:absolute;top:30px;right:30px;}
.layerPop.layerPrd .popCont{font-size:0}
.layerPop.layerPrd .popCont .img{position: relative;display:inline-block;vertical-align:top;width:283px;overflow:hidden;padding:57px;background:#fff}
.layerPop.layerPrd .popCont .img img{width:283px}
.layerPop.layerPrd .popCont .img .stxt{position: absolute;left: 0;bottom: 22px;width: 100%;font-size: 12px;color: #b2b2b2;text-align: center;}
.layerPop.layerPrd .popCont .infoArea{position:relative;display:inline-block;vertical-align:top;font-size:14px;width:578px;height:397px;border-left:1px solid #e1e0e1;border-top:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding-bottom:77px;}
.layerPop.layerPrd .popCont .infoArea .info{padding:57px 53px 53px 53px;overflow-y: auto;height: 319px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.layerPop.layerPrd .popCont .infoArea .info .option{font-size:0;margin-bottom:13px}
.layerPop.layerPrd .popCont .infoArea .info .option .num{display:inline-block;vertical-align:top;margin-right:8px;font-size:18px;line-height:20px;font-weight:700;color:#9f7059}
.layerPop.layerPrd .popCont .infoArea .info .option .sticker{display:inline-block;vertical-align:top;margin-right:8px;font-size:14px;color:#9b7061;padding:0 5px;height:18px;line-height:17px;border:1px solid #9b7061;text-align:center;letter-spacing:-1px}
.layerPop.layerPrd .popCont .infoArea .info .option .origin{display:inline-block;vertical-align:top;font-size:14px;color:#fff;padding:0 5px 0 18px;height:18px;line-height:17px;background:#9f7059 url(../images/common/ico_check_v.png) 5px 5px no-repeat;border:1px solid #9f7059;text-align:center;letter-spacing:-1px;}
.layerPop.layerPrd .popCont .infoArea .info .name{font-size:28px;font-weight:400;color:#222;line-height:38px;margin-bottom:10px}
.layerPop.layerPrd .popCont .infoArea .info .priceArea{margin-bottom:20px;height:35px}
.layerPop.layerPrd .popCont .infoArea .info .priceArea .price{display:inline-block;vertical-align:top;font-size:18px;color:#222;line-height:32px;}
.layerPop.layerPrd .popCont .infoArea .info .priceArea .price em{display:inline-block;font-size:28px;margin-right:5px}
.layerPop.layerPrd .popCont .infoArea .info .priceArea .oPrice{position:relative;display:inline-block;vertical-align:top;font-size:18px;color:#222;margin-right:5px;line-height:32px;padding-right:20px}
.layerPop.layerPrd .popCont .infoArea .info .priceArea .oPrice:after{display:block;content:'¡æ';position:absolute;top:0;right:0;color:#222}
.layerPop.layerPrd .popCont .infoArea .info .priceArea .oPrice em{text-decoration: line-through;}
.layerPop.layerPrd .popCont .infoArea .info .listStyle01 li{font-weight:300}
.layerPop.layerPrd .popCont .infoArea .info .listStyle01 .dash{display:inline-block;margin:0 10px;font-weight:300}
.layerPop.layerPrd .popCont .btmLogo{display:table;width:100%;table-layout:fixed;position:absolute;left:0;right:0;bottom:0;text-align:center}
.layerPop.layerPrd .popCont .btmLogo a{display:table-cell;border-left:1px solid #e7dad4;border-top:2px solid #af8670;}
.layerPop.layerPrd .popCont .btmLogo a:first-child{border-left:none}
.layerPop.layerPrd .popCont .btmLogo.prepare{display:block;height:70px;border-top:2px solid #af8670;}
.layerPop.layerPrd .popCont .btmLogo.prepare p{font-size:20px;color:#af8670;line-height:70px;}
.layerPop.layerPrd .popCont .infoArea.noBtn{padding-bottom:0}
.layerPop.layerPrd .popCont .infoArea.noBtn .info{height:396px}

.layerPop.layerOrigin .layerPopArea{position:relative;width:100%;height:100%;top:0 !important;display:table;background:#000}
.layerPop.layerOrigin .layerPopArea .popCont{overflow:auto;width:100%;height:100%;text-align:center;display:table-cell;vertical-align:middle;}
.layerPop.layerOrigin .layerPopArea .popCont img{max-width:1200px}
.layerPop.layerOrigin .btnLayerClose{background-image:url(../images/common/btn_layer_close_w.png)}

/* PrdList */
.prdList{width:1120px;margin:0 auto;overflow:hidden}
.prdList > ul{overflow:hidden;font-size:0;margin-left:-20px;}
.prdList > ul > li{position:relative;display:inline-block;vertical-align:top;padding-left:20px;width:360px;}
.prdList > ul > li .img{width:100%;height:360px;padding:50px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.prdList > ul > li .img img{width:100%}
.prdList > ul > li .info{position:relative;padding:50px 30px 60px 30px}
.prdList > ul > li .info .sticker{position:absolute;top:21px;left:30px;display:inline-block;font-size:14px;color:#9b7061;width:54px;height:18px;line-height:17px;border:1px solid #9b7061;text-align:center;letter-spacing:-1px}
.prdList > ul > li .info .name{font-size:20px;font-weight:400;line-height:24px;color:#222;height:48px;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.prdList > ul > li .info .priceArea{margin-top:7px;height:36px}
.prdList > ul > li .info .priceArea .price{display:inline-block;font-size:16px;color:#222;line-height:33px;}
.prdList > ul > li .info .priceArea .price em{display:inline-block;font-size:22px;margin-right:5px}
.prdList > ul > li .info .priceArea .oPrice{position:relative;display:inline-block;font-size:16px;color:#222;margin-right:7px;line-height:33px;padding-right:20px}
.prdList > ul > li .info .priceArea .oPrice:after{display:block;content:'¡æ';position:absolute;top:0;right:0;color:#222}
.prdList > ul > li .info .priceArea .oPrice em{text-decoration: line-through;}

/* SearchArea */
.searchArea{width:100%}
.searchArea table{width:100%;border-bottom:2px solid #7a594a}
.searchArea table tr th{background:#977262;color:#fff;font-size:14px;font-weight:400;text-align:left;padding:16px 30px;border-top:1px solid #ae8574}
.searchArea table tr:first-child th{border-top:none}
.searchArea table tr td{background:#fff;color:#222;font-size:14px;font-weight:300;text-align:left;padding:16px 30px;border-top:1px solid #e7dad5}
.searchArea table tr:first-child td{border-top:none}

/* searchResult */
.searchResult{margin-top:75px;text-align:center;padding-bottom:40px;border-bottom:1px solid #ebebeb}
.searchResult .title{font-size:26px;color:#222;margin-bottom:13px}
.searchResult .title .count{color:#977262}
.searchResult .btnLineBlack{min-width: 140px;height:35px;line-height:33px;font-size:14px;font-weight:300}

/* °í°´¼¾ÅÍ */
.customer .tabs{margin-bottom:0;display:table;table-layout:fixed}
.customer .tabs li{float:none;border-bottom:none;display:table-cell}
.customer .tabs li a:after{display:none}
.customer .tabsCont{padding:0 50px}
.customer h4{font-size:26px;font-weight:700;color:#a97558;margin:50px 0 32px 0}
.customer .tit{display:block;font-size:18px;font-weight:700;color:#333;margin-bottom:21px}
.customer .tit > em{display:inline-block;font-size:16px;font-weight:500;color:#666;margin-left:10px}
.customer .stit{display:block;font-size:16px;font-weight:700;color:#333;margin-bottom:10px}
.customer .stit > span{display:inline-block;min-width:72px}
.customer .stit > em{display:inline-block;font-weight:300;color:#666;margin-left:10px}
.customer .stit > em a{color:#666}
.customer .sstit{display:block;font-size:18px;font-weight:700;color:#a97558;margin-bottom:15px}
.customer .sstit > em{display:inline-block;font-size:14px;font-weight:300;margin-left:10px}
.customer .txt{font-size:16px;font-weight:300;color:#666;line-height:28px}
.customer .txt a{color:#666}
.customer .stxt{font-size:14px;font-weight:300;color:#666}
.customer .stxt02{font-size:14px;font-weight:400;color:#333}
.customer .list:after{display:block;clear:both;content:''}
.customer .list li{position:relative;float:left;margin-right:10px;padding-right:12px;line-height:26px;font-size:16px;color:#666}
.customer .list li:after{display:block;content:'';width:1px;height:16px;background:#666;position:absolute;top:6px;right:0}
.customer .list li:last-child:after{display:none}
.customer .boxHalf:after{display:block;clear:both;content:''}
.customer .boxHalf .half{float:left;width:50%;padding:0 25px 0 0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.customer .box{margin:50px -50px 0 -50px;padding:50px}
.customer .box h4{margin-top:0}
.customer .bgG{background:#f8f8f8}
.customer .sec{border-top:1px solid #e5e5e5;margin-left:-50px;margin-right:-50px;padding:30px 50px}
.customer .paragraph{font-size:18px;font-weight:300;color:#666;line-height:28px;margin-top:-25px;margin-bottom:45px}
.customer .listStyle01:after{display:block;clear:both;content:''}
.customer .listStyle01 li{margin-top:0}
.customer .listStyle01 li .dash{display:inline-block;vertical-align:middle;width:1px;height:16px;background:#666;margin:0 8px}
.customer .listStyle01.three li{float:left;width:32%;margin-left:0 !important}
.customer .listStyle01.four li{float:left;width:24%;margin-left:0 !important}
.customer .listStyle01 li.right{margin-left: 66% !important;}

.customer .info01 .boxHalf.type02{margin-top:25px}
.customer .info01 .boxHalf.type02 .half{position:relative;width:395px;padding-left:97px;padding-right:0}
.customer .info01 .boxHalf.type02 .half:after{display:block;content:'';width:1px;height:100%;background:#e5e5e5;position:absolute;top:0;left:0}
.customer .info01 .boxHalf.type02 .half:first-child{position:relative;width:625px;padding-left:0;padding-bottom:6px}
.customer .info01 .boxHalf.type02 .half:first-child:after{display:none}
.customer .info01 .boxHalf.type02 .half:first-child .listStyle01 li{width:300px;margin-bottom:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;float:left;}
.customer .info01 .boxHalf .half dl{margin-top:22px}
.customer .info01 .boxHalf .half dl:first-child{margin-top:0}
.customer .info01 .boxHalf .listStyle01 li{margin-bottom:22px}
.customer .info01 .boxHalf .listStyle01 .img{margin-top:20px}
.customer .info01 .box dl{margin-top:30px}
.customer .info01 .box dl:first-child{margin-top:0}

.customer .info02 .listStyle01.type02 li{float:left;margin-left:72px}
.customer .info02 .listStyle01.type02 li:first-child{margin-left:0}
.customer .info02 .midSec{overflow:hidden;}
.customer .info02 .midSec .codeBox{display:inline-block;vertical-align:top;font-size:0;background:#f8f8f8;padding:27px}
.customer .info02 .midSec .codeBox .qrCode{display:inline-block;vertical-align:top;width:110px;height:110px}
.customer .info02 .midSec .codeBox .qrCode img{width:100%}
.customer .info02 .midSec .codeBox .info{display:inline-block;vertical-align:top;margin-left:27px}
.customer .info02 .midSec .codeBox .info .stit{font-size:16px;line-height:28px;margin-bottom:15px;margin-top:-7px}
.customer .info02 .midSec .codeBox .info p{font-size:13px;color:#666;}
.customer .info02 .midSec .mid{display:table-cell;vertical-align:top;text-align:left;padding-top:18px}
.customer .info02 .midSec .codeArea{display:block;vertical-align:top;text-align:left;margin-top:40px;}
.customer .info02 .midSec .codeArea .mid{padding:0 0 24px 0;}
.customer .info02 .midSec .codeArea ul{overflow:hidden}
.customer .info02 .midSec .codeArea li{float:left;overflow:hidden;margin-left:66px}
.customer .info02 .midSec .codeArea li:first-child{margin-left:0}
.customer .info02 .midSec .codeArea li .qrCode{float:left}
.customer .info02 .midSec .codeArea li .info{float:left;margin-left:24px}
.customer .info02 .midSec .codeArea li .info .logo{height:37px;padding-top: 4px;}
.customer .info02 .midSec .codeArea li .info .name strong{display:block;font-size:16px;font-weight:700;color:#ae8670;line-height:1;margin-bottom:8px}
.customer .info02 .midSec .codeArea li .info .name p{font-size:16px;color:#666;line-height:20px;margin-bottom:14px}
.customer .info02 .midSec .codeArea li .info .tel{font-size:14px;font-weight:400;color:#333}
.customer .info02 .super{margin-bottom:8px}
.customer .info02 .super em{display:inline-block;margin-left:15px;font-size:18px;font-weight:500;color:#a97558}
.customer .info02 .sec.bgG .tit{color:#a97558;font-weight:500;margin-bottom:20px}
.customer .info02 .sec.bgG .listStyle01 li{margin-top:11px;font-weight:300}

.customer .info03 .sticker{display:inline-block;font-size:18px;font-weight:700;color:#fff;padding:20px 60px;background:#ae8670;margin:55px 0 35px 0}
.customer .info03 .boxHalf .half{width:55%}
.customer .info03 .boxHalf.type02 .half{width:35%}
.customer .info03 .boxHalf.type02 .half:last-child{width:20%}
.customer .info03 .boxHalf .half:first-child{width:45%}