@CHARSET "utf-8";
@import url('/css/default.css');

html {font-size:14px;}
body, table, input, select, textarea {font-family:'맑은 고딕','Malgun Gothic','NanumGothic','Dotum','돋움','gulim','굴림',Helvetica,sans-serif; font-size:14px; line-height:1.267em; font-weight:normal; color:#666;}
table, h1, h2, h3, h4, h5 {font-size:1rem;}
td, div, p, li, dt, dd, input, textarea, select, h1, h2, h3, h4, h5 {font-weight:normal;}
input[type=text], input[type=file], input[type=password], input[type=tel] {box-sizing:border-box; height:28px; padding:0 10px; margin:0; border:1px solid #c4c4c4; border-radius:0; line-height:28px; color:#666; box-shadow:none; background:#fff;}
input[type=radio] {width:13px; height:13px; padding:0; margin:-1px 0 0; border:0; vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/mobile/images/common/ico_radio.png) no-repeat 0 0; background-size:13px;}
input[type=checkbox] {width:15px; height:13px; padding:0; margin:-1px 0 0; border:0; border-radius:0; vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/mobile/images/common/ico_check.png) no-repeat 0 0; background-size:15px;}
input[type=radio]:checked, input[type=checkbox]:checked {background-position-y:100%;}
button {display:visible; padding:0; margin:0; border:0; border-radius:0; vertical-align:middle; cursor:pointer; background:none;}
input:disabled {width:14px; border:1px solid #c4c4c4; background:none; background-color:#e0e0e0;}
label.disabled {color:#939393;}
input +label {margin-left:4px;}
input {outline-width:0;}
select {box-sizing:border-box; height:28px; padding:0 30px 0 5px; margin:0; border:1px solid #c4c4c4; border-radius:0; font-size:.9rem; color:#666; text-align:center; vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url(/mobile/images/btn/btn_arrow.gif) no-repeat 100% 50%; background-size:30px;}
select option {line-height:20px; vertical-align:middle;}
select::-ms-expand, input[type=radio]::-ms-expand, input[type=checkbox]::-ms-expand {display:none;}
textarea {box-sizing:border-box; border:1px solid #c4c4c4; padding:10px; margin:0; background:#fff;}
em {font-style:normal;}
th {font-weight:normal;}
a:link		{color:#666; text-decoration:none;}
a:visited	{color:#666; text-decoration:none;}
a:hover 	{color:#666; text-decoration:none;}
a:focus 	{color:#777a00; text-decoration:none;}
a:active	{color:#666; text-decoration:none;}
::selection {background:#777a00;}
.scr {overflow-y:auto;}
.through {text-decoration:line-through;}
.fb		{font-weight:bold;}

.transition {-webkit-transition:all 0.15s ease-in-out; -moz-transition:all 0.15s ease-in-out; -o-transition:all 0.15s ease-in-out; transition:all 0.15s ease-in-out;}
.none {width:100% !important; height:auto !important; min-height:1px !important; border:0 !important; padding:20px 0 !important; margin:0 !important; text-align:center;}
.desc	{position:absolute; left:0; top:-10000px; overflow:hidden; width:1px !important; height:1px !important; padding:0 !important; margin:0 !important; font-size:1px !important; line-height:1px !important;}
.bgLayer {display:none; position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background:#000; opacity:0.4; filter:alpha(opacity=40);}

.fontTypeA {color:#777a00 !important;} /* 연두색 */
.fontTypeB {color:#332f21 !important;} /* 진한회색 */
.fontTypeC {color:#939393 !important;} /* 연한회색 */
.fontTypeD {color:#666 !important;} /* 기본 */
.fontTypeE {color:#777a00 !important;} /* 연두색 */
.colorA {color:#b0b900 !important;}
.colorB {color:#9f545b !important;}

.swiper-wrapper {width:20000px; margin:0 auto;}
.swiper-wrapper:after {content:""; display:block; clear:both;}
.swiper-slide {float:left; text-align:center;}
.swiperNav {position:relative; z-index:20; text-align:center; vertical-align:middle; font-size:0; line-height:0;}
.swiperNav li {display:inline-block; margin:0 4px; vertical-align:middle;}
.swiperNav li a {display:inline-block; overflow:hidden; width:10px; height:0px; padding-top:10px; border-radius:10px; background:#fff;}
.swiperNav li.on a {background-color:#b0b900;}

.btnArea {display:table; table-layout:fixed; width:100%; margin-top:20px; text-align:center;}
.btnArea.ac {box-sizing:border-box; padding:0 10px;}
.btnArea >span {display:table-cell; padding:0 2px 0 1px; vertical-align:top;}
.btnArea >span:first-child {padding-left:0;}
.btnArea >span:last-child {padding-right:0;}
.btnArea +.btnArea {margin-top:6px;}
.btnTypeA {display:inline-block; height:33px; padding:0 10px; text-align:center; line-height:33px; color:#fff !important; font-weight:bold; box-sizing:border-box; background:#b0b900;} /* 연두색 */
.btnTypeB {display:inline-block; height:33px; padding:0 10px; text-align:center; line-height:33px; color:#fff !important; font-weight:bold; box-sizing:border-box; background:#817366;} /* 회색 */
.btnTypeC {display:inline-block; height:33px; padding:0 10px; border:1px solid #c5bfb9; text-align:center; line-height:31px; color:#9c9792 !important; font-weight:bold; box-sizing:border-box; background:#fff;} /* 회색라인 */
.btnTypeD  {display:inline-block; height:33px; padding:0 10px; text-align:center; line-height:33px; color:#fff !important; font-weight:bold; background:#5a632b;} /* 회색라인 */
.btnArea a {width:100%;}
.btnArea >span:only-child a {width:45%;}
.sizeL {height:40px; line-height:40px; font-size:1.1rem;}
.sizeS {height:26px; line-height:26px; font-size:.9rem;}
.icoGo:after {content:""; display:inline-block; width:6px; height:11px; margin:-3px 0 0 6px; vertical-align:middle; background:url(/mobile/images/common/ico_common.png) no-repeat 0 0; background-size:100px;}

.paging {margin-top:20px; text-align:center;}
.paging li {display:inline-block; vertical-align:middle;}
.paging li a, .paging li strong {display:inline-block; width:20px; height:20px; margin:0 6px; line-height:20px; vertical-align:top;}
.paging li strong {color:#fff; background:#b0b900;}
.paging li.btnL2, .paging li.btnR2 {margin:0;}
.paging li.btnL {margin:0 4px 0 -6px;}
.paging li.btnR {margin:0 -6px 0 4px;}
.paging li.btnL2 a, .paging li.btnL a, .paging li.btnR a, .paging li.btnR2 a {display:inline-block; overflow:hidden; width:20px; height:0; padding-top:20px; margin:0; background-repeat:no-repeat; background-position:50% 50%; background-size:10px;}
.paging li.btnL2 a {background-image:url(/mobile/images/btn/btn_pgPrev4.png);}
.paging li.btnL a {background-image:url(/mobile/images/btn/btn_pgPrev3.png);}
.paging li.btnR a {background-image:url(/mobile/images/btn/btn_pgNext3.png);}
.paging li.btnR2 a {background-image:url(/mobile/images/btn/btn_pgNext4.png);}

h1.typeA {height:34px; line-height:34px; border-bottom:1px solid #e3e3e3; text-align:center; font-weight:bold; font-size:1.1rem; color:#777; background:#fff;}
h2.typeA {height:34px; padding-left:10px; margin-top:20px; line-height:34px; border-top:2px solid #828282; border-bottom:2px solid #828282; vertical-align:top; font-weight:bold; font-size:1.1rem; color:#332f21;}
h2.typeA .num {font-size:1.3rem; vertical-align:top;}

.countNum {display:inline-block; width:70px; height:20px; vertical-align:top;}
.countNum >* {display:inline-block; vertical-align:top;}
.countNum img {width:22px; height:28px;}
.countNum input[type=text] {width:26px; height:28px; padding:0; margin:0 -5px; border-left:0; border-right:0; text-align:center; line-height:26px;}

.bbsForm {width:100%; table-layout:fixed; border-top:2px solid #828282;}
.bbsForm tr {border-bottom:1px solid #dde0dc;}
.bbsForm th {height:38px; padding:5px 5px 5px 10px; font-size:.9rem; font-weight:bold; color:#332f21; text-align:left;}
.bbsForm td {height:38px; padding:5px; border-left:1px solid #dde0dc;}
.bbsForm td >* {vertical-align:middle;}
.bbsForm td strong.tit {margin:0 5px 0 20px; font-size:.9rem; font-weight:bold; color:#332f21;}

.bbsList {width:100%; border-top:2px solid #828282; border-bottom:1px solid #dde0dc; table-layout:fixed;}
.bbsList tbody tr {border-top:1px solid #dde0dc;}
.bbsList tbody th {height:38px; padding:5px; text-align:left;} 
.bbsList tbody td {height:38px; padding:5px; border-left:1px solid #dde0dc; text-align:center;}
.bbsList tbody td.tit {padding-left:5px; padding-right:5px; text-align:left}
.bbsList tbody td .countNum {margin-top:5px;}
.bbsList tbody td .countNum:only-child {margin-top:-7px;}
.bbsList tbody td .secret {padding-left:20px; background:url(/images/common/ico_secret.png) no-repeat 0 1px;}
.bbsList tbody tr:first-child {border-top:0;}
.bbsList tbody th .tit {color:#332f21;}
.bbsList tbody ul.opt {margin-top:5px;}
.bbsList tbody ul.opt li {font-size:.9rem; line-height:1.5em; color:#666;}
.bbsList tbody ul.opt li strong {font-size:1.2rem;}
.bbsList tbody .price {font-size:.85rem;}
.bbsList tbody .price span {font-size:1rem;}

.bbsView {margin-bottom:-10px;}
.bbsView .head {position:relative; padding:20px 0 15px;}
.bbsView .head h2 {font-size:1.2rem; line-height:1.4em; color:#332f21; word-break:keep-all;}
.bbsView .head .date {margin-top:10px; font-size:.85rem; line-height:1em;}
.bbsView .content {min-height:200px; padding:10px; border-top:2px solid #b2bb08; font-size:.9rem; color:#939393; background:#fff;}

.caution li {position:relative; padding-left:10px; font-size:.85rem; color:#939393; line-height:1.5em; word-break:keep-all;}
.caution li:before {content:""; position:absolute; left:0; top:7px; width:5px; height:1px; background:#c8cd00;}
p.caution {position:relative; padding-left:10px; font-size:.85rem; color:#939393; line-height:1.5em; word-break:keep-all;}
p.caution:before {content:""; position:absolute; left:0; top:9px; width:3px; height:3px; background:#c8cd00;}
.caution.cautionStyle02 {margin-bottom:0 !important; border-bottom:none !important;}

.assess {display:inline-block; overflow:hidden; width:76px; height:14px; background:url(/mobile/images/common/ico_assess2.png) no-repeat 0 0; background-size:76px;}
.assess span {overflow:hidden; display:block; width:0; height:14px;}
.assess span.assess1 {width:14px;}
.assess span.assess2 {width:29px;}
.assess span.assess3 {width:45px;}
.assess span.assess4 {width:60px;}
.assess span.assess5 {width:76px;}
.assess img {margin-top:-14px;}

/*
.icoGo {position:relative;}
.icoGo:before, .icoGo:after {content:""; position:absolute; right:10px; top:50%; width:10px; height:1px; background:#b6b5b3; -webkit-transform-origin:100% 0%; -moz-transform-origin:100% 0%; -o-transform-origin:100% 0%; transform-origin:100% 0%;}
.icoGo:before {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
.icoGo:after {width:11px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
*/
.icoFold:before, .icoFold:after {content:""; position:absolute; top:50%; width:10px; height:2px; background:#5d5d5d; -webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%; -o-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.icoFold:before {right:11px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
.icoFold:after {right:5px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
.icoFold.on:before {-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
.icoFold.on:after {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}

.icoMore:before, .icoMore:after {content:""; position:absolute; top:50%; background:#af855c;}
.icoMore:before {right:15px; width:16px; height:2px; margin-top:-1px;}
.icoMore:after {right:22px; width:2px; height:16px; margin-top:-8px;}
.icoMore.typeB:before, .icoMore.typeB:after {background:#d9d5d1;}
.icoMore.typeB:before {left:0; width:14px; right:none;}
.icoMore.typeB:after {left:6px; height:14px; margin-top:-7px; right:none; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.icoMore.typeB.on:after {height:0; margin-top:0;}

#popWrap {margin:0 10px; background:#fff;}
#popWrap h1 {height:48px; padding-left:10px; border-bottom:2px solid #b0b900; font-weight:bold; font-size:1.3rem; line-height:48px; color:#332f21;}
#popCont {padding:20px 10px;}

.mainPop {display:none; position:absolute; top:83px; left:5%; width:90%; padding-bottom:35px; z-index:105;}
.mainPop.full {width:100%; height:100%; top:0; left:0; padding-bottom:0; background-color:#fff;}
.mainPop img {width:100% !important; max-width:100% !important; height:auto !important;}
.mainPop .popFoot {position:absolute; bottom:0; left:0; width:100%; padding:9px 0; background:#000;}
.mainPop .popFoot a {display:block; color:#fff; padding:0 3%; font-size:1.1rem;}

#footer .btnPrev {position:fixed; left:15px; bottom:65px; display:block; width:45px; z-index:10;}