@CHARSET "UTF-8";
/* main */

#wrapper #header>h1{opacity:0; position:absolute;}
#wrapper.main #header>h1{opacity:1; position:relative;}
.mainQuick {position:fixed; left:0; bottom:0; width:100%; padding:0 10px; border-top:1px solid #d0d0d0; background:#fff; *zoom:1; z-index:950; box-shadow:0 -1px 15px rgba(0,0,0,.1);}
.mainQuick:after {content:""; display:block; clear:both;}
.mainQuick li {float:left; width:20%;}
.mainQuick li a {display:block; height:59px; padding-top:38px; text-align:center; font-size:11px; color:#333; font-weight:400; line-height:12px; background-position:50% 10px; background-repeat:no-repeat;}

.mainQuick li.other{position:relative;}
.mainQuick li.other a {position:relative; background:#dfdfdf;}
.mainQuick li.other a:before {content:""; position:absolute; left:50%; top:11px;  display:block; width:50px; height:17px; margin-left:-25px; border:1px solid #fff; border-radius:9px; box-sizing:border-box; background:url(/images/main/txt_touch.png) 17px 5px no-repeat; background-size:26px 6px;}
.mainQuick li.other a:after {content:""; position:absolute; left:50%; top:12px; margin-left:-23px;  display:block; width:15px; height:15px; background:#06b5d5; border-radius:8px;}

.mainQuick li.other.ing a:after {margin-left:8px; background:#f97423;}
.mainQuick li.other.ing a:before {background-position:5px 5px;}


.mainQuick li.quick1 a {background-image:url(/images/icon/icon1.png); background-size:20px 20px;}
.mainQuick li.quick2 a {background-image:url(/images/icon/icon2.png); background-size:20px 20px;}
.mainQuick li.quick3 a {background-image:url(/images/icon/icon3.png); background-size:20px 20px;}
.mainQuick li.quick4 a {background-image:url(/images/icon/icon4.png); background-size:20px 20px;}
.mainQuick li.quick5 a {background-image:url(/images/icon/icon5.png); background-size:20px 20px;}
.mainQuick li.quick6 a {background-image:url(/images/icon/icon6.png); background-size:20px 20px;}
.mainQuick li.quick7 a {background-image:url(/images/icon/icon7.png); background-size:20px 20px;}
.mainQuick li.quick8 a {background-image:url(/images/icon/icon8.png); background-size:20px 20px;}


	/* 관람전 */
#mainVisual {width:100%; height:500px;}
#mainVisual .section {width:100%; background-size:cover;}
#mainVisual .section .cont {position:absolute; top:120px; left:20px; text-align:left;}
#mainVisual .section .cont strong {display:block;}
#mainVisual .section .cont strong span {display:block; font-size:20px; font-weight:300; line-height:26px;}
#mainVisual .section .cont strong span.tit {color:#fff; font-size:32px; line-height:36px; font-weight:400;}
#mainVisual .section .cont p {padding-top:10px; color:#fff; font-size:13px; font-weight:300; line-height:16px;}

.mainSection {}
.mainSection h2 {padding:45px 0 15px 0; font-size:20px; line-height:28px; font-weight:400; color:#2a2d35; text-align:center;}
.mainSection h2 span {display:block; font-size:13px; font-weight:300; color:#818181; line-height:20px;}

#mainProgram .swiper-button-prev,
#mainProgram .swiper-button-next {top:35%}
#mainProgram .swiper-pagination {bottom:auto;}
#mainProgram .cont {padding:25px 15px 40px; text-align:center;}
#mainProgram .cont span {display:inline-block; height:22px; padding:0 15px; border-radius:11px; border:1px solid #f77219; color:#f77219; line-height:20px; font-size:10px;}
#mainProgram .cont strong {display:block; padding-top:15px; font-size:17px; line-height:22px; font-weight:300; color:#2a2d35;}
#mainProgram .cont p {padding-top:4px; font-size:12px; line-height:15px; font-weight:300;}

.mainSection2 {position:relative; padding-bottom:100px; background:#daedf0 url(/images/main/bg_section2.png) no-repeat 50% 100%; background-size:768px auto;}
.mainSection2:before {content:""; position:absolute; left:0; top:0; display:block; width:100%; height:100%;
/*	background: rgba(253,254,254,0.4);*/
/*	background: -moz-linear-gradient(top, rgba(253,254,254,0.4) 0%, rgba(255,255,255,0) 100%);*/
	/* background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(253,254,254,0.4)), color-stop(100%, rgba(255,255,255,0))); */
/*
	background: -webkit-linear-gradient(top, rgba(253,254,254,0.4) 0%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(253,254,254,0.4) 0%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, rgba(253,254,254,0.4) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(253,254,254,0.4) 0%, rgba(255,255,255,0) 100%);
*/
}
/*.mainSection2 .month {position:relative; padding-top:40px; text-align:center; font-size:34px; color:#f77219; line-height:36px;}*/
.mainSection2 .month {position:relative; padding-top:40px; text-align:center; font-size:34px; color:#fff; line-height:36px;}
.mainSection2 .month span {display:block; text-align:center; font-size:12px; line-height:14px; font-weight:300;}
.mainSection2 h2 {position:relative; padding:10px 15px 6px; color:#fff; font-size:17px; font-weight:300;}
.mainSection2 ul {position:relative; padding:0 15px; *zoom:1; padding-top:20px;}
.mainSection2 ul:after {content:""; display:block; clear:both;}
.mainSection2 ul li {float:left; width:48%; margin:2% 0; box-shadow:3px 3px 4px rgba(0,0,0,.12)}
.mainSection2 ul li a {position:relative; display:block; width:100%; height:175px; padding-top:13px; background:#fff; text-align:center;}
.mainSection2 ul li a:after {content:""; position:absolute; left:50%; bottom:12px; display:block; width:23px; height:23px; margin-left:-11px; background:url(/images/blt/blt_arrowRight.png) no-repeat 55% 50%; border:1px solid #ececec; border-radius:50%; background-size:7px auto;}
.mainSection2 ul li:nth-child(2n) {float:right;}
.mainSection2 ul li span {position:absolute; left:10px; top:5px; display:inline-block; font-size:18px; font-weight:300; color:#cbcbcb;}
.mainSection2 ul li strong {display:block; margin:0 10px; font-size:14px; font-weight:400; color:#2a2d35;}
.mainSection2 ul li p {margin:5px 10px 0;; color:#777; font-size:12px; line-height:14px; font-weight:300;
	display:-webkit-box !important; overflow:hidden; word-break:break-all; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}

.mainSectionIlsan {position:relative; padding-bottom:100px; background:#daedf0 url(/images/main/bg_section2_ilsan.png) no-repeat 50% 100%; background-size:768px auto;}
.mainSectionIlsan:before {content:""; position:absolute; left:0; top:0; display:block; width:100%; height:100%;
	/* background: rgba(253,254,254,0.4);
	background: -moz-linear-gradient(top, rgba(253,254,254,0.4) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(253,254,254,0.4)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top, rgba(253,254,254,0.4) 0%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(253,254,254,0.4) 0%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, rgba(253,254,254,0.4) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(253,254,254,0.4) 0%, rgba(255,255,255,0) 100%); */
}

.mainSectionIlsan .month {position:relative; padding-top:40px; text-align:center; font-size:34px; color:#f77219; line-height:36px;}
.mainSectionIlsan .month span {display:block; text-align:center; font-size:12px; line-height:14px; font-weight:300;}
.mainSectionIlsan h2 {position:relative; padding:10px 15px 6px; font-size:17px; font-weight:300;}
.mainSectionIlsan ul {position:relative; padding:0 15px; *zoom:1; padding-top:20px;}
.mainSectionIlsan ul:after {content:""; display:block; clear:both;}
.mainSectionIlsan ul li {float:left; width:48%; margin:2% 0; box-shadow:3px 3px 4px rgba(0,0,0,.12)}
.mainSectionIlsan ul li a {position:relative; display:block; width:100%; height:175px; padding-top:13px; background:#fff; text-align:center;}
.mainSectionIlsan ul li a:after {content:""; position:absolute; left:50%; bottom:12px; display:block; width:23px; height:23px; margin-left:-11px; background:url(/images/blt/blt_arrowRight.png) no-repeat 55% 50%; border:1px solid #ececec; border-radius:50%; background-size:7px auto;}
.mainSectionIlsan ul li:nth-child(2n) {float:right;}
.mainSectionIlsan ul li span {position:absolute; left:10px; top:5px; display:inline-block; font-size:18px; font-weight:300; color:#cbcbcb;}
.mainSectionIlsan ul li strong {display:block; margin:0 10px; font-size:14px; font-weight:400; color:#2a2d35;}
.mainSectionIlsan ul li p {margin:5px 10px 0;; color:#777; font-size:12px; line-height:14px; font-weight:300;
	display:-webkit-box !important; overflow:hidden; word-break:break-all; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}

.mainSection3 {padding-bottom:50px; background:#ededed;}
.mainSection3 .cont {padding:0 15px;}

.mainSection4 {padding:0 15px 30px 15px;}
.mainSection4 #mainDiary {padding-bottom:30px;}
.mainSection4 .swiper-pagination {bottom:0 !important;}
.mainSection4 .swiper-button-next,
.mainSection4 .swiper-button-prev {top:77px;}
.mainSection4 .swiper-wrapper .swiper-slide {width:48%; background:#fff; margin-right:4%; border:1px solid #c3c3c3;}
.mainSection4 .swiper-wrapper .swiper-slide > a {position:relative; display:block; height:275px; }
.mainSection4 .swiper-wrapper .swiper-slide .thum {position:relative; height:155px; width:100%; }
.mainSection4 .swiper-wrapper .swiper-slide .thum div {position:relative; width:100%; height:100%; background-position:50% 50%; background-repeat:no-repeat; background-size:cover !important;}
.mainSection4 .swiper-wrapper .swiper-slide .thum.deg90 div {transform:rotate(90deg);}
.mainSection4 .swiper-wrapper .swiper-slide .thum.deg180 div {transform:rotate(180deg);}
.mainSection4 .swiper-wrapper .swiper-slide .thum.deg270 div {transform:rotate(270deg);}
.mainSection4 .swiper-wrapper .swiper-slide .cont {padding:20px 10px 0 10px; /* border:1px solid #c3c3c3; */ border-top:none;}
.mainSection4 .swiper-wrapper .swiper-slide .date {display:block; color:#f77219; font-size:18px; font-weight:300; text-align:center; line-height:20px;}
.mainSection4 .swiper-wrapper .swiper-slide p {margin-top:8px; font-size:13px; font-weight:300; line-height:16px; letter-spacing:0px; text-align:center;}
.mainSection4 .swiper-wrapper .swiper-slide .userId {display:block; padding-top:10px; text-align:center; font-size:10px; font-weight:300; color:#818181;}

.mainSection5 {padding:0 15px 50px;}
.mainSection5 .tagList { height:111px; overflow:hidden; text-align:center;}
.mainSection5 .tagList li {display:inline-block; height:29px; padding:0 10px; border:1px solid #f77219; border-radius:15px; margin:8px 2px 0 2px; vertical-align:top; line-height:27px; font-size:12px; color:#818181;}

	/* 관람후 */
#mainNotice {padding-top:64px; background:#154c87;}
/* #mainNotice .cont {padding:12px 15px; background:#103c62; text-align:center;} */
#mainNotice .cont {padding:12px 15px; background:#fff; text-align:center;}
#mainNotice .cont strong {display:inline-block; padding-left:15px; color:#2a2d35; font-size:13px; font-weight:400; line-height:18px; background:url(/images/icon/notice.png) no-repeat 0 50%; background-size:11px 11px;}
#mainNotice .cont p {color:#fff; font-size:12px; line-height:16px; font-weight:300; letter-spacing:-1px; }
.mainSection6 {padding-bottom:50px; background:#154c87;}
.mainSection6 h2 {color:#fff;}
.mainSection6 h2 span {color:rgba(255,255,255,.7);}
.mainSection6 .programList {margin-top:-15px;}
.mainSection6 .txt {padding:12px 0 20px; color:#fff; font-size:12px; line-height:15px; letter-spacing:-1px; text-align:center; font-weight:300;}
.mainSection6 .btnArea {text-align:center;}
.mainSection6 .btnArea a {display:inline-block; height:34px; width:130px; border:1px solid rgba(255,255,255,.6); font-size:14px; line-height:32px; text-align:center; color:#fff;}
.mainSection6 .btnArea a:after {content:"〉"; margin-left:4px; font-size:10px; vertical-align:middle;}
.mainSection7 {}
.mainSection7 .swiper-button-prev,
.mainSection7 .swiper-button-next {top:35%}
.mainSection7 .swiper-pagination {bottom:auto;}
.mainSection7 .cont {padding:20px 15px 50px; text-align:center;}
.mainSection7 .cont span {display:inline-block; height:22px; padding:0 15px; border-radius:11px; border:1px solid #f77219; color:#f77219; line-height:20px; font-size:10px;}
.mainSection7 .cont strong {display:block; font-size:17px; line-height:22px; font-weight:300; color:#2a2d35;}
.mainSection7 .cont p {padding-top:4px; font-size:12px; line-height:15px; font-weight:300;}
.mainSection8 {padding:50px 15px 40px; background:#ededed;}
.mainSection8 .swiper-container {padding-bottom:20px;}
.mainSection8 .swiper-slide {background:#fff; box-shadow:3px 3px 4px rgba(0,0,0,.12)}
.mainSection8 .swiper-button-prev,
.mainSection8 .swiper-button-next {top:35%}
.mainSection8 .swiper-pagination {bottom:0 !important;}
.mainSection8 .cont {padding:25px 15px 25px; text-align:center;}
.mainSection8 .cont span {display:inline-block; height:22px; padding:0 15px; border-radius:11px; border:1px solid #f77219; color:#f77219; line-height:20px; font-size:10px;}
.mainSection8 .cont strong {display:block; padding-top:15px; font-size:17px; line-height:22px; font-weight:300; color:#2a2d35;}
.mainSection8 .cont p {padding-top:4px; font-size:12px; line-height:15px; font-weight:300;}

.programNone {padding-top:120px; background:#154c87 url(/images/main/program_none.png) no-repeat 50% 20px; background-size:159px 83px;}
.programNone p {font-size:13px; color:#fff; font-weight:300; text-align:center;}
.programNone h2 {padding:30px 0 15px 0; font-size:20px; line-height:28px; font-weight:400; color:#fff; text-align:center;}
.programNone h2 span {display:block; font-size:12px; font-weight:300; color:#818181; line-height:20px;}

/* 아쿠아플라넷 소개 */
	/* on air */
.introduceAquaplanetWrap {background-image:url(/images/introduce/bg_onair.png); background-repeat:no-repeat; background-position:50% 100%; background-size:768px auto;}
.introduceAquaplanetWrap .section1 {position:relative; padding-top:15px; letter-spacing:-1px; color:#2a2d35; line-height:18px; text-align:center; font-weight:300;}
.introduceAquaplanetWrap .section1:before {content:""; display:block; width:15px; height:1px; font-size:0; line-height:0; position:absolute; top:0; left:50%; margin-left:-7px; background:#f66c18;}
.introduceAquaplanetWrap .section2 {padding:180px 0 2px;}
.introduceAquaplanetWrap .section2 p {padding-top:10px; letter-spacing:-1px; color:#c3c3c3; line-height:18px; font-size:12px; text-align:center; font-weight:300;}

	/* sns */
.snsList {padding:0 15px 4px; border-top:1px solid #cdcdcd; *zoom:1;}
.snsList:after {content:""; display:block; clear:both;}
.snsList .section {position:relative; float:left; width:calc(50% - 5px); margin-top:15px; background:#fff; box-shadow:3px 3px 4px rgba(0,0,0,.12);}
.snsList .section:nth-child(2n) {float:right;}
.snsList .section:nth-child(2n + 1) {clear:both}
.snsList .section .thum {height:150px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.snsList .section .gubun {position:absolute; right:10px; top:137px;}
.snsList .section .gubun img {width:29px;}
.snsList .section .cont {padding:15px;}
.snsList .section strong {display:block; font-size:13px; color:#2a2d35; font-weight:400;}
.snsList .section p {display:block; margin-top:5px; font-size:13px; letter-spacing:-1px; font-weight:300;}

	/* 보도자료 */
.boardNotice {padding:0 15px 15px;}
.boardNotice a {display:block;  background:#fff; box-shadow:3px 3px 4px rgba(0,0,0,.12);}
.boardNotice strong {display:block; padding:15px 15px 0; color:#2a2d35; font-size:15px; line-height:18px; font-weight:400;}
.boardNotice span.date {display:block; padding:10px 15px 15px; color:#818181; font-weight:300; font-size:12px; line-height:16px;}

	/* 아쿠아플라넷 친구들 */
.friendListWrap > .txt {padding:25px 15px 0; font-size:14px; color:#2a2d35; text-align:center; font-weight:300;}
.friendListWrap > .subTxt {padding:8px 15px 0; font-size:12px; text-align:center; font-weight:300;}

.friendViewWrap {}
.friendViewWrap #visual {padding-bottom:34px; background:#fff;}
.friendViewWrap #visual .swiper-pagination {bottom:45px;}
.friendViewWrap .mainSection3 {padding-bottom:0;}
.friendViewWrap .friendInfo {position:relative; background:#fff; margin:-34px 15px 0; z-index:20; box-shadow:3px 3px 4px rgba(0,0,0,.12);}
.friendViewWrap .friendInfo strong.tit {display:block; font-size:15px; height:34px; line-height:34px; background:#f66c18; text-align:center; color:#fff; font-weight:400;}
.friendViewWrap .friendInfo .cont {padding:0 15px;}
.friendViewWrap .friendInfo .cont li {position:relative; padding:15px 10px 15px 70px;; border-top:1px dashed #cdcdcd; font-weight:300; line-height:16px;}
.friendViewWrap .friendInfo .cont li:first-child {border:none;}
.friendViewWrap .friendInfo .cont li strong {position:absolute; left:0; top:15px; font-weight:400; line-height:inherit; color:#2a2d35;}

	/* 전시관 안내 */
.galleryWrap {padding-top:30px; background:#185268;}
.galleryWrap .selecArea {position:relative; margin-top:15px;}
.galleryWrap .selecArea:before {content:""; display:block; height:1px; width:100%; position:absolute; top:18px; left:0; background:#a6c4e4; font-size:0; line-height:0;}
.galleryWrap .selecArea > strong {position:relative; display:block; width:260px; height:35px; margin:0 auto; border:1px solid #a6c4e4; background:#185268 url(/images/blt/blt.png) no-repeat 94% 50%; background-size:10px auto; border-radius:17px; color:#fff; font-size:15px; font-weight:300; text-align:center; line-height:33px;}
.galleryWrap .selecArea > strong.none {background-image:none;}
.galleryWrap .selecArea select {position:absolute; left:50%; top:1px; margin-left:-113px; width:226px; border:none; height:33px; background:transparent; z-index:20; color:transparent}

.galleryWrap .mapArea {padding-bottom:40px;}
.galleryWrap .mapArea .map {text-align:center; position:relative; width: 100%;}
.galleryWrap .mapArea .map div {position:absolute; left:0; top:0; height:100%; width:100%;}
.galleryWrap .mapArea .map div p {display:table; width:100%; height:100%;}
.galleryWrap .mapArea .map div span {display:table-cell; width:100%; padding:0 6px; vertical-align:middle; text-align:center; color:#fff; font-size:18px; line-height:22px;}
.galleryWrap .mapArea .map div span span {display:inline-block; text-align:center; color:#fff; font-size:15px;}
.galleryWrap .mapArea .map div span span span {display:inline-block; text-align:center; color:#fff; font-size:13px;}
.galleryWrap .mapArea .mapInfo {margin-top:-18px;}
.galleryWrap .mapArea .mapInfo2 {margin:-18px 15px 0 15px}
.galleryWrap .mapArea .mapInfo .swiper-slide {position:relative; padding-top:18px;}
.galleryWrap .mapArea .mapInfo .swiper-slide .cont {position:absolute; left:0; bottom:0; width:100%; height:90px; padding:10px 4px; background:rgba(255,255,255,.95); text-align:center; opacity:90%}
.galleryWrap .mapArea .mapInfo .swiper-slide .cont strong {display:block; color:#2a2d35; font-size:15px; line-height:18px; font-weight:400;}
.galleryWrap .mapArea .mapInfo .swiper-slide .cont p {padding-top:5px; letter-spacing:-1px; line-height:16px; font-weight:300;}

.galleryWrap .mapArea .mapInfo .space {display:block; position:absolute; top:0; left:50%; margin-left:-18px; width:36px; height:36px; border-radius:50%; line-height:36px; text-transform:uppercase; text-align:center; color:#fff; font-size:15px;}
.galleryWrap .mapArea .mapInfo .bgColorA {background:#007bba;}
.galleryWrap .mapArea .mapInfo .bgColorB {background:#128067;}
.galleryWrap .mapArea .mapInfo .bgColorC {background:#4e8300;}
.galleryWrap .mapArea .mapInfo .bgColorD {background:#974eb9;}
.galleryWrap .mapArea .mapInfo .bgColorE {background:#996f00;}
.galleryWrap .mapArea .mapInfo .bgColorF {background:#c64995;}
.galleryWrap .mapArea .mapInfo .bgColorG {background:#e40000;}
.galleryWrap .mapArea .mapInfo .bgColorH {background:#1e4386;}
.galleryWrap .mapArea .mapInfo .bgColorI {background:#974dba;}
.galleryWrap .mapArea .mapInfo .bgColorJ {background:#996e15;}
.galleryWrap .mapArea .mapInfo .bgColorK {background:#c64995;}
.galleryWrap .mapArea .mapInfo .bgColorL {background:#e50c13;}
.galleryWrap .mapArea .mapInfo .bgColorM {background:#ffa226;}
.galleryWrap .mapArea .mapInfo .bgColorN {background:gold;}
.galleryWrap .mapArea .mapInfo .bgColorO {background:#ff6600;}

.galleryWrap .subsidiaryArea {padding:30px 0 50px 0; background:#fff;}
.galleryWrap .subsidiaryArea > strong {display:block; padding-bottom:15px; font-size:18px; color:#2a2d35; line-height:22px; font-weight:400; text-align:center;}
.galleryWrap .subsidiaryArea .swiper-wrapper {}
.galleryWrap .subsidiaryArea li {position:relative; display:block; height:100%;}
.galleryWrap .subsidiaryArea li div {position:absolute; left:0; top:0; height:100%; width:100%;}
.galleryWrap .subsidiaryArea li div p {display:table; width:100%; height:100%;}
.galleryWrap .subsidiaryArea li div span {display:table-cell; width:100%; padding:0 6px; vertical-align:middle; text-align:center; color:#fff; font-size:18px; line-height:22px;}
.galleryWrap .subsidiaryArea li div span span {display:inline-block; text-align:center; color:#fff; font-size:15px;}
.galleryWrap .subsidiaryArea .subsidiary {margin:0 15px;}

.galleryWrap .convenienceArea {height:205px; padding:30px 0 0 0; margin-bottom:-30px; background:#fff url(/jeju/images/gallery/bg_convenience.jpg) no-repeat 50% 100%; background-size:cover;}
.galleryWrap .convenienceArea strong {display:block; font-size:18px; color:#fff; line-height:22px; font-weight:400; text-align:center;}
.galleryWrap .convenienceArea ul {padding-top:15px; text-align:center;}
.galleryWrap .convenienceArea ul li {display:inline-block; margin:0 5px; text-align:center;}
.galleryWrap .convenienceArea ul li img {width:60px;}
.galleryWrap .convenienceArea ul li p {padding-top:5px; color:#fff; text-align:center; font-size:12px; font-weight:300;}

  /*마린라이프 썸네일 내 텍스트 추가*/
.galleryWrap .mapArea .mapInfo .thum div {position:absolute; left:0; top:0; height:100%; width:100%;}
.galleryWrap .mapArea .mapInfo .thum div p {display:table; width:100%; height:100%;}
.galleryWrap .mapArea .mapInfo .thum div span {display:table-cell; width:100%; padding:0 6px 15px 6px; vertical-align:middle; text-align:center; color:#fff; font-size:18px; line-height:22px;}
.galleryWrap .mapArea .mapInfo .thum div span span {display:inline-block; text-align:center; color:#fff; font-size:15px;}
.galleryWrap .mapArea .mapInfo .thum div span span span {display:inline-block; text-align:center; color:#fff; font-size:13px;}


	/* 부대시설 */
.facilityArea {}
.facilityArea .section {padding: 0 0 20px 0;}
.facilityArea .thum {padding-bottom: 15px;}
.facilityArea .cont {padding: 0 15px;}
.facilityArea .cont .infoArea .infoCont p {padding-left:6px; background:url(/images/blt/dot.png) no-repeat 0 9px; background-size:2px 2px;}
.facilityArea .cont .infoArea .infoLocation{padding:0 0 10px 15px; background:url(/images/icon/icon_location.png) no-repeat 0 5px; background-size:9px 12px;}

.foodCourtArea {padding:25px 0 0; background:#fff; text-align:center;}
.foodCourtArea strong {display:block; font-size:15px; color:#2a2d35; font-weight:400; line-height:18px;}
.foodCourtArea p {padding:5px 0 15px; font-size:30px; line-height:32px; font-weight:100; color:#818181;}

.giftShopArea {padding-bottom:40px; background:#fff;}
.giftShopArea > .section {padding:30px 15px 0 15px;}
.giftShopArea > .section:nth-child(1) {padding:30px 0 0 0;}
.giftShopArea > .section:nth-child(1) .tit {padding-left:15px;}
.giftShopArea > .section > .tit {display:block; padding-bottom:10px; font-size:18px; color:#2a2d35; font-weight:400; line-height:22px; letter-spacing:-1px;}
.giftShopArea > .section > .tit span {display:inline-block; margin:10px 0 0 5px; padding:0 10px; height:28px; border:1px solid #f66c18; border-radius:14px; font-size:14px; text-align:center; line-height:26px; color:#f66c18;}
.giftShopArea > .section > p {padding-bottom:10px; letter-spacing:-1px; font-weight:300;}
.giftShopArea > .section > .thum {text-align:center;}
.giftShopArea > .listStyleG li {position:relative; padding:20px 0 20px 130px; min-height:120px;}
.giftShopArea > .listStyleG .thum {position:absolute; left:15px; top:0; width:100px;}
.giftShopArea > .listStyleG strong {display:block; padding-bottom:5px;font-size:15px; color:#2a2d35; font-weight:400;}
.giftShopArea > .listStyleG p {font-size:13px; color:#555;}

	/* 해외생물지킴이 */
.keeperWrap {padding-bottom:40px; background:#fff;}
.keeperWrap .tabTypeA {}
.keeperWrap .tabTypeA li a {padding:0 15px;}
.keeperWrap > .section {padding-top:30px;}
.keeperWrap > .section .tit {display:block; padding:0 15px; font-size:18px; color:#2a2d35; font-weight:400; line-height:22px; letter-spacing:-1px;}
.keeperWrap > .section .cont {padding:10px 15px 0;; letter-spacing:-1px; font-weight:300;}
.keeperWrap > .section .swiper-container {margin-top:10px; padding-bottom:35px;}
.keeperWrap > .section .swiper-container .swiper-button-next,
.keeperWrap > .section .swiper-container .swiper-button-prev {margin-top:-45px;}
.keeperWrap > .section .swiper-container .swiper-slide .cont {position:absolute; left:0; bottom:0; width:100%; padding:5px 15px; color:#fff; border-top:1px solid rgba(255,255,255,.2); text-align:center; }
.keeperWrap > .section .swiper-container .swiper-slide .cont strong {display:block; padding-bottom:3px; font-weight:300; font-size:14px;}
.keeperWrap > .section .swiper-container .swiper-slide .cont p {color:#fff; font-weight:300; letter-spacing:-1px;}
.keeperWrap > .section .swiper-container.other {padding-bottom:0;}
.keeperWrap > .section .swiper-container.other .swiper-button-next,
.keeperWrap > .section .swiper-container.other .swiper-button-prev {margin-top:-20px;}

.keeperWrap .subSection {}
.keeperWrap .subSection .subTit {position:relative; padding:10px 15px 9px; letter-spacing:-1px;}
.keeperWrap .subSection .subTit:after {content:""; display:block; position:absolute; left:15px; bottom:0px; width:15px; height:1px; font-size:0; line-height:0; background:#f66c18;}
.keeperWrap .subSection .bltList {margin:0 10px; padding-top:8px;}
.keeperWrap .subSection .bltList li {font-size:11px;}
/*.keeperWrap .subSection2 {margin-bottom:-40px;}*/

.keeperWrap .careInfo {margin:10px 15px 0}
.keeperWrap .telInfo {margin:0 15px 0; padding-top:0; background-position:0 1px;}
.keeperWrap .btnArea {padding-top:20px; }


/* 프로그램 */
	/* 스케줄 */
.programScheduleWrap {}
.programScheduleWrap .sortArea {background:#fff;}
.programScheduleWrap .sortArea select {display:block; width:100%; height:41px; font-size:14px; font-weight:400; border:none; border-bottom:1px solid #c3c3c3;  background:url(/images/blt/blt.png) no-repeat 95% 50%; background-size:10px auto; padding-left:calc(50% - 2.5em)}
.programScheduleWrap .sortArea .slideTab {height:40px; padding:0 10px; border-bottom:1px solid #c3c3c3;}
.programScheduleWrap .sortArea .slideTab ul {}
.programScheduleWrap .sortArea .slideTab ul li {}
.programScheduleWrap .sortArea .slideTab ul li a {display:block; line-height:38px; font-weight:300; color:#818181;}
.programScheduleWrap .sortArea .slideTab ul li.on a {line-height:36px; border-bottom:2px solid #f66c18; color:#2a2d35; font-weight:400;}

.programScheduleWrap .floatingArea {position:fixed; left:0; bottom:0; z-index:500; width:100%; *zoom:1;}
.programScheduleWrap .floatingArea:after {content:""; display:block; clear:both;}
.programScheduleWrap .floatingArea a {float:left; width:50%; background:#444; height:40px; line-height:40px; text-align:center; font-size:14px; font-weight:300; color:#fff;}
.programScheduleWrap .floatingArea a:first-child {border-right:1px solid rgba(255,255,255,.1)}
.programScheduleWrap .floatingArea a:first-child:before {display:inline-block; width:15px; height:15px; margin-right:4px; line-height:34px; font-size:0; vertical-align:-3px; content:""; background:url(/images/icon/check.png) no-repeat 0 0; background-size:15px;}

.programScheduleWrap .floatingArea.jejuFloating a {width:33.3%; border-left:1px solid rgba(255,255,255,.1);}
.programScheduleWrap .floatingArea.jejuFloating a:first-child {width:33.4%; border:none;}
.programScheduleWrap .floatingArea.jejuFloating a:first-child:before {display:none;}
.programScheduleWrap .floatingArea.jejuFloating a:nth-child(2):before {display:inline-block; width:15px; height:15px; margin-right:4px; line-height:34px; font-size:0; vertical-align:-3px; content:""; background:url(/images/icon/check.png) no-repeat 0 0; background-size:15px;}

.programScheduleWrap .floatingArea.ilsanFloating a {width:33.3%; border-left:1px solid rgba(255,255,255,.1);}
.programScheduleWrap .floatingArea.ilsanFloating a:first-child {width:33.4%; border:none;}
.programScheduleWrap .floatingArea.ilsanFloating a:first-child:before {display:none;}
.programScheduleWrap .floatingArea.ilsanFloating a:nth-child(2):before {display:inline-block; width:15px; height:15px; margin-right:4px; line-height:34px; font-size:0; vertical-align:-3px; content:""; background:url(/images/icon/check.png) no-repeat 0 0; background-size:15px;}

.scheduleGuideWrap {}
.scheduleGuideWrap .list {padding:0 15px; border-bottom:1px solid #dedede;}
.scheduleGuideWrap .list .section {position:relative; padding:15px 0 15px 60px; border-top:1px dotted #dedede;}
.scheduleGuideWrap .list .section:first-child {border-top:none;}
.scheduleGuideWrap .list .section .thum {position:absolute; left:5px; top:50%; margin-top:-20px;}
.scheduleGuideWrap .list .section strong {display:block; font-size:14px; color:#2a2d35; line-height:18px; font-weight:400;  letter-spacing:-1px;}
.scheduleGuideWrap .list .section p {padding-top:5px; font-size:12px; font-weight:300; letter-spacing:-1px; line-height:16px;}

.checkWrap {}
.checkWrap .list {padding:10px 15px; border-bottom:1px solid #dedede;}
.checkWrap .list li {display:table; padding:15px 0 15px 35px; min-height:53px; background:url(/images/blt/all_chk_on.png) no-repeat 0 50%; background-size:23px auto;}
.checkWrap .list li div {display:table-cell; font-size:13px; font-weight:300; line-height:18px; vertical-align:middle; letter-spacing:-1px;}

.careWrap {}
.careWrap .bltList {padding-right:10px; padding-bottom:20px;}

	/* 프로그램 전체 시간표 */
.timeTableWrap .contents {height:calc(100% - 74px);}
.timetableArea {margin-bottom:20px; padding: 10px 0; border-bottom: 1px solid #dedede; overflow:auto;}
.timetableArea .timetable p{margin-bottom:10px; font-size:15px; color:#f66c18; font-weight:400; text-align:center;}
.timetableArea .timetable.mt25 {margin-top:25px;}
.timetableArea .tableType {width:100%; border-top:1px dotted #d2d2d2;}
.timetableArea .tableType th {position:relative; padding:8px 0; vertical-align:middle; color:#2a2d35; font-weight:400; line-height:16px; background:#f2f2f2;}
.timetableArea .tableType th:last-child:after {display:none;}
.timetableArea .tableType td {padding:8px 0; color:#2a2d35; font-weight:300; text-align:center; line-height:18px; border-left:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3;}
/* .timetableArea .tableType td:first-child {border-left:none;} */

.timetableArea .timetableCare {margin:20px 0 13px 0;}
.timetableArea .timetableCare li {padding:3px 0 3px 15px; background:url(/images/icon/care.png) no-repeat 0 6px; background-size:10px auto; font-size:12px; line-height:14px; font-weight:300; letter-spacing:-1px;}


	/* 소개 */
.proIntoList {padding:0 15px; background:#ededed;}
.proIntoList .section {margin-top:15px; background:#fff; box-shadow:3px 3px 4px rgba(0,0,0,.12)}
.proIntoList .section .cont {position:relative; padding:15px 15px 10px;}
.proIntoList .section .proName {position:relative; display:block; color:#2a2d35; font-size:12px; line-height:14px; font-weight:300;}
.proIntoList .section .proName:before {content:""; position:absolute; left:-15px; top:2px; display:block; width:7px; height:10px; font-size:0; line-height:0;}
.proIntoList .section .proName:after {content:""; position:absolute; left:-8px; top:2px; display:block; width:0px; height:0; border-style:solid; border-width:5px 0 5px 4px;}
.proIntoList .section.type01 .proName:before {background:#5394af; }
.proIntoList .section.type01 .proName:after {border-color:transparent transparent transparent #5394af;}
.proIntoList .section.type02 .proName:before {background:#599a6e; }
.proIntoList .section.type02 .proName:after {border-color:transparent transparent transparent #599a6e;}
.proIntoList .section.type03 .proName:before {background:#c86a6a; }
.proIntoList .section.type03 .proName:after {border-color:transparent transparent transparent #c86a6a;}
.proIntoList .section.type11 .proName:before {background:#c86a6a; }
.proIntoList .section.type11 .proName:after {border-color:transparent transparent transparent #c86a6a;}
.proIntoList .section.type12 .proName:before {background:#d99292; }
.proIntoList .section.type12 .proName:after {border-color:transparent transparent transparent #d99292;}
.proIntoList .section .timeListArea {margin-left:-5px; padding-top:10px;}
.proIntoList .section .timeListArea strong {display:inline-block; margin:0 2px 0 5px; font-size:12px; line-height:24px; color:#f66c18; font-weight:300;}
.proIntoList .section .timeListArea ul {display:inline-block;}
.proIntoList .section .timeListArea ul li {display:inline-block; margin:2px 0; padding:0 8px; height:24px; font-size:11px; border:1px solid #d2d2d2; border-radius:12px; text-align:center; line-height:22px; color:#2a2d35;}
.proIntoList .section .tit {display:block; color:#2a2d35; padding:15px 0px 7px 0; font-size:18px; line-height:20px; letter-spacing:-1px; font-weight:400;}
.proIntoList .section .desc {font-weight:300; letter-spacing:-1px;}
.proIntoList .section .detail {position:relative; margin:0 15px; padding:10px 0; border-top:1px dotted #cdcdcd; border-bottom:1px dotted #cdcdcd;}
.proIntoList .section .detail ul {}
.proIntoList .section .detail ul li {position:relative; padding:2px 0 2px 55px; font-size:12px; line-height:16px; font-weight:300;}
.proIntoList .section .detail ul li strong {position:absolute; left:0; top:2px; display:block; color:#2a2d35; font-size:12px; line-height:16px; font-weight:400;}
.proIntoList .btnCare {display:block; position:absolute; right:0; top:15px; padding-top:16px; font-size:10px; font-weight:300; background:url(/images/icon/care.png) no-repeat 50% 0; background-size:16px 16px; text-align:center; letter-spacing:-1px;}
.proIntoList .section .btnArea {padding:15px 0; text-align:center;}
.proIntoList .section .btnArea a {margin:0 4px;}

/* 이용안내 */
	/* 운영시간/이용요금 */
.operatingTimeWrap {}
.operatingTimeWrap .titAreaTypeC {text-align:center;}
.operatingTimeWrap .titAreaTypeC strong {padding:5px 0 2px 0; font-size:20px; font-weight:300;}
.operatingTimeWrap .containerCont {padding-left:15px; padding-right:15px;}
.operatingTimeWrap  .section {padding-top:30px;}
.operatingTimeWrap  .section .tit {font-size:18px;}
.operatingTimeWrap .btnArea {padding-top:20px;}

.chargeWrap {}
.chargeWrap .containerCont {padding-left:15px; padding-right:15px;}
.chargeWrap .containerCont .section {padding-top:30px;}
.chargeWrap .containerCont .section .infoArea {padding-top:10px;}
.chargeWrap .containerCont .section .infoArea strong {color:#f66c18; font-weight:400;}
.chargeWrap .containerCont .section .btnArea {padding-top:20px;}

	/* 제휴카드 */
.affiliateCardsWrap #slideTab {border-bottom:1px solid #cdcdcd;}
.affiliateCardsWrap .containerCont {margin-top:15px; padding-left:15px; padding-right:15px;}
.cardList {}
.cardList .section {position:relative; padding:25px 10px 30px 125px; border-bottom:1px solid #c3c3c3;}
.cardList .section .thum {position:absolute; left:10px; top:30px; width:91px; box-shadow:3px 3px 4px rgba(0,0,0,.12)}
.cardList .section .tit {display:block; padding:1px 0; font-size:18px; line-height:20px; color:#2a2d35; font-weight:400;}
.cardList .section .subTxt {padding-top:5px; font-size:14px; letter-spacing:-1px;}
.cardList .section table {width:100%; margin:10px 0 7px 0;}
.cardList .section tr th,
.cardList .section tr td {padding:2px 0; line-height:15px; font-weight:300;  letter-spacing:-1px; text-align:left; vertical-align:top;}
.cardList .section tr th {font-weight:400; padding-right:15px; white-space:nowrap;}
.cardList .section .infoTxt {position:relative; padding:3px 0 0 8px; font-weight:300; color:#818181; font-size:11px; letter-spacing:-1px; line-height:15px;}
.cardList .section .infoTxt:before {content:"*"; position:absolute; left:0; top:7px; line-height:15px;}
.cardList .section .per {display:inline-block; margin-top:10px; padding:0 13px; height:28px; border:1px solid #f66c18; border-radius:14px; font-size:14px; text-align:center; line-height:26px; color:#f66c18;}
.cardList .section .point { display: inline-block; padding: 3px 20px; border-radius: 20px; border: none; background-color: #f76c17; color: #FFFFFF; font-size: 14px; text-align: center; margin-left:5px; margin-top:10px;}

	/* 일일쿠폰 */
.couponPageArea {margin-top:15px; padding:15px;}
.couponPageArea .couponList li:first-child {margin-top:0;}
.couponPageArea .couponList li.none {margin:-15px; padding:160px 0 30px 0; text-align:center; background:#ebebeb url(/images/event/event_none.png) no-repeat 50% 25px; background-size:230px 120px; box-shadow:none;}
.couponPageArea .couponList li.none:before {display:none;}
.couponPageArea .couponList li.none:after {display:none;}

.couponDownWrap {}
.couponDownWrap .header {padding:25px 0 15px; text-align:center;}
.couponDownWrap .header .thum {width:54px; height:54px; margin:0 auto; text-align:left; text-indent:-3000em;}
.couponDownWrap .header > strong {display:block; padding-top:10px; font-size:20px; color:#fff; font-weight:300; line-height:22px;}
.couponDownWrap .header.type01 {background:#5394af;}
.couponDownWrap .header.type02 {background:#e1a131;}
.couponDownWrap .header.type03 {background:#c86a6a;}
.couponDownWrap .header.type04 {background:#599a6e;}
.couponDownWrap .header.type05 {background:#599a6e;}
.couponDownWrap .header.type01 .thum {background:url(/images/coupon/pop_ico_M_01.png) no-repeat 0 0; background-size:54px;}
.couponDownWrap .header.type02 .thum {background:url(/images/coupon/pop_ico_M_02.png) no-repeat 0 0; background-size:54px;}
.couponDownWrap .header.type03 .thum {background:url(/images/coupon/pop_ico_M_03.png) no-repeat 0 0; background-size:54px;}
.couponDownWrap .header.type04 .thum {background:url(/images/coupon/pop_ico_M_04.png) no-repeat 0 0; background-size:54px;}
.couponDownWrap .header.type05 .thum {background:url(/images/coupon/pop_ico_M_05.png) no-repeat 0 0; background-size:54px;}
.couponDownWrap .cont {padding-top:15px; text-align:center;}
.couponDownWrap .cont p {font-size:11px; color:#f66c18; font-weight:300;}
.couponDownWrap .cont .date {display:block; padding-top:5px; font-size:20px; font-weight:300; color:#2a2d35;}
.couponDownWrap .cont ul {padding-top:10px;}
.couponDownWrap .cont ul li {font-size:12px; letter-spacing:-1px; font-weight:300;}
.couponDownWrap .btnArea {width:270px; margin:15px auto 0; padding-top:15px; border-top:1px solid #dedede; text-align:center;}
.couponDownWrap .btnArea p {padding:10px 0 15px;}

	/* 연간 회원권 */
.annualMembershipWrap {}
.annualMembershipWrap .section1 {height:540px; padding:25px 15px 0; background:url(/images/guide/bg_membership.jpg) no-repeat 50% 0; background-size:cover; text-align:center;}
.annualMembershipWrap .section1 .tit {display:block; font-size:24px; line-height:26px; color:#fff; font-weight:300;}
.annualMembershipWrap .section1 > p {padding:10px 0 20px; color:#fff; line-height:18px; font-weight:300;}
.annualMembershipWrap .section1 .cont {position:relative; width:290px; height:390px; margin:0 auto; background:url(/images/guide/bg_membership2.png) no-repeat 50% 0; background-size:290px auto;}
.annualMembershipWrap .section1 .cont .section {padding-top:43px;}
.annualMembershipWrap .section1 .cont strong {display:block; color:#2a2d35; font-size:15px; letter-spacing:-1px; font-weight:400;}
.annualMembershipWrap .section1 .cont ul {padding-top:78px;  text-align:center;}
.annualMembershipWrap .section1 .cont ul li {display:inline-block; width:29%; line-height:16px; font-size:12px; letter-spacing:-1px;}
.annualMembershipWrap .section1 .cont ul li b {display:block; padding-bottom:3px; font-weight:400;}
.annualMembershipWrap .section2 {padding:25px 15px 0;}
.annualMembershipWrap .section2 .tabCont {background:#fff;}
.annualMembershipWrap .section2 .header {padding:20px 0 15px; text-align:center; border-bottom:1px solid #dedede;}
.annualMembershipWrap .section2 .header strong {display:block; padding-bottom:5px; font-size:20px; color:#2a2d35; font-weight:400;}
.annualMembershipWrap .section2 .header .place {color:#818181;}
.annualMembershipWrap .section2 .header .place b {font-size:20px;}
.annualMembershipWrap .section2 .tabCont > ul {padding:0 15px;}
.annualMembershipWrap .section2 .tabCont > ul > li {position:relative; padding:15px 10px; border-top:1px dotted #dedede;}
.annualMembershipWrap .section2 .tabCont > ul > li:first-child {border:none;}
.annualMembershipWrap .section2 .tabCont > ul > li strong {display:inline-block; width:75px; height:22px; border:1px solid #c3c3c3; border-radius:11px; vertical-align:top; text-align:center; line-height:20px; font-size:12px; font-weight:400;}
.annualMembershipWrap .section2 .tabCont > ul > li .dotListA {display:inline-block; padding-left:15px; vertical-align:top;}
.annualMembershipWrap .section2 .tabCont .infoArea {padding:10px 0; background:#555; color:#fff; text-align:center; font-size:12px; letter-spacing:-1px; font-weight:300;}

	/* 단체안내 */
.guideWrap .section {padding-top:30px;}
.guideWrap .section .tit {display:block; padding:0 15px; font-size:18px; color:#2a2d35; font-weight:400; line-height:22px; letter-spacing:-1px;}
.guideWrap .section .cont {padding:10px 15px 0;; letter-spacing:-1px; font-weight:300;}
.guideWrap .section .infoCont {position:relative; margin:20px 16px 10px 16px; padding:25px 0 25px 65px; border:1px solid #c3c3c3; box-shadow:3px 3px 3px #e2e2e2;}
.guideWrap .section .infoCont .thum {position:absolute; left:15px; top:25px; width:45px; height:45px;}
.guideWrap .infoCont dl {margin:10px 10px 0 15px;}
.guideWrap .infoCont dl dt {padding:0 0 10px 15px; background:url(/images/icon/icon_location.png) no-repeat 0 5px; background-size:9px 12px;}
.guideWrap .infoCont dl dt.none {padding:0; background:none;}
.guideWrap .infoCont dl dd {padding-left:6px; font-weight:300; background:url(/images/blt/dot.png) no-repeat 0 9px; background-size:2px 2px;}
.guideWrap .careInfo {margin:10px 15px 0}

.guideWrap .infoCont dl dd {position:relative;}
.guideWrap .infoCont dl dd span.infoTit {position:absolute; left:10px; top:0; margin-right:10px;}
.guideWrap .infoCont dl dd span.txt {display:block; padding-left:60px;}

	/* 주변안내관광 */
		/* 테마관광 */
.tourWrap .section {padding-top:30px;}
.tourWrap .section .tit {display:block; padding:0 15px; font-size:18px; color:#2a2d35; font-weight:400; line-height:22px; letter-spacing:-1px;}
.tourWrap .section .cont {padding:10px 15px 0;; letter-spacing:-1px; font-weight:300;}
.tourWrap .section .cont span.tourAdress {display:block; padding:0px 15px; font-size:12px; background:url(/images/icon/icon_location.png) no-repeat 0 5px; background-size:9px 12px;}

		/* 해안도로여행 */
.roadWrap .containerCont {background:#ededed;}
.roadWrap .section {padding:30px 0; background:#fff;}
.roadWrap .section:nth-child(2) {margin-top:10px;}
.roadWrap .section .tit {display:block; padding:0 15px; font-size:18px; color:#2a2d35; font-weight:400; line-height:22px; letter-spacing:-1px; text-align:center;}


		/* 한라산 오르기 */
.climbingWrap {position:relative;}
.climbingWrap .containerCont {position:relative; background:#ededed;}
.climbingWrap .section { padding:30px 0; background:#fff;}
.climbingWrap .section:nth-child(1) {height:150px;}
.climbingWrap .section:nth-child(1)>div {position:relative; margin:0 3%;}
.climbingWrap .section .listStyleG {padding-bottom:30px}
.climbingWrap .section .tit {display:block; padding:0 15px; font-size:18px; color:#2a2d35; font-weight:400; line-height:22px; letter-spacing:-1px; text-align:center;}
.climbingWrap .careInfo {margin:-20px 0 0 15px;}

.selectStyle {position:absolute; left:0; top:34px; padding:11px 0; width:100%; text-align:center; border:2px solid #c3c3c3; background:#fff; z-index:10;}
.selectStyle:after {content:""; display:block; clear:both; position:absolute; right:10px; top:50%; margin-top:-4px; width:14px; height:8px; background:url(/images/blt/blt_down2.png) no-repeat 0 0; background-size:14px 8px;}
.selectStyle.on:after {content:""; display:block; clear:both; position:absolute; right:10px; top:50%; margin-top:-4px; width:14px; height:8px; background:url(/images/blt/blt_up.png) no-repeat 0 0; background-size:14px 8px;}
.selectStyle li {display:none;  line-height:28px;}
.selectStyle li a {font-size:14px; color:#555;}
.selectCont {display:none; margin-top:10px;/*position:absolute; left:0; top:0;*/ }
.selectCont:nth-child(1) {display:block;}


	/* 찾아오시는길 */
.mapWrap .titAreaTypeC {padding:30px 0 0 0; }
.mapWrap .containerCont {position:relative;}
.mapWrap .section {margin-top:25px; background:#fff;}
.mapWrap .section .tit {display:block; padding:0 15px; font-size:18px; color:#2a2d35; font-weight:400; line-height:22px; letter-spacing:-1px; text-align:center;}
.mapWrap .section.selectArea {padding-top:30px; margin-top:0;}
.mapWrap .section.selectArea>div {position:relative; margin:0 3%;}
.mapWrap .titAreaTypeC p:last-child {margin-top:10px; color:#818181 !important;}
.mapWrap .titAreaTypeC .navBtn {position:relative; padding:0 15px;margin:20px 0 10px 0; text-align:center;}
.mapWrap .titAreaTypeC .navBtn a {display:inline-block; position:relative; padding:6px 10px;  margin:0 2px; width:48%; border:2px solid #c3c3c3; background:#fff;}
.mapWrap .titAreaTypeC .navBtn a:after {content:""; display:block; clear:both; position:absolute; right:10px; top:50%; margin-top:-5px; width:7px; height:11px; background:url(/images/blt/blt_arrowRight.png) no-repeat 0 0; background-size:7px 11px;}
.mapWrap .titAreaTypeC .navBtn a img {height:20px;}
.mapWrap .selectCont {margin:0 -3%;background:#ededed;}
.mapWrap .tabTypeE {margin-top:80px; text-align:center; background:#fff;}
.mapWrap .tabTypeE>div {display:inline-block; width:32.7%; text-align:center; }
.mapWrap .tabTypeE>div a {display:inline-block; padding:33px; width:23px; height:26px; border:2px solid #dedede; border-radius:40px; background:#fff url(/images/guide/traffic01_off.png) no-repeat center center; background-size:23px 26px;}
.mapWrap .tabTypeE>div:nth-child(2) a {background:#fff url(/images/guide/traffic02_off.png) no-repeat center center; background-size:23px 26px;}
.mapWrap .tabTypeE>div:nth-child(3) a {background:#fff url(/images/guide/traffic03_off.png) no-repeat center center; background-size:23px 26px;}
.mapWrap .tabTypeE>div.on a {border:2px solid #f66c18; background:#f66c18 url(/images/guide/traffic01_on.png) no-repeat center center; background-size:23px 26px;}
.mapWrap .tabTypeE>div:nth-child(2).on a {border:2px solid #f66c18; background:#f66c18 url(/images/guide/traffic02_on.png) no-repeat center center; background-size:23px 26px;}
.mapWrap .tabTypeE>div:nth-child(3).on a {border:2px solid #f66c18; background:#f66c18 url(/images/guide/traffic03_on.png) no-repeat center center; background-size:23px 26px;}
.mapWrap .tabTypeE>div span {display:block; padding-bottom:30px; }

.mapWrap .tabTypeE2 {margin-top:80px; text-align:center; background:#fff;}
.mapWrap .tabTypeE2>div {display:inline-block; width:32.7%; text-align:center; }
.mapWrap .tabTypeE2>div a {display:inline-block; padding:33px; width:23px; height:26px; border:2px solid #dedede; border-radius:40px; background:#fff url(/images/guide/traffic01_off.png) no-repeat center center; background-size:23px 26px;}
.mapWrap .tabTypeE2>div:nth-child(2) a {background:#fff url(/images/guide/traffic03_off.png) no-repeat center center; background-size:23px 26px;}
.mapWrap .tabTypeE2>div.on a {border:2px solid #f66c18; background:#f66c18 url(/images/guide/traffic01_on.png) no-repeat center center; background-size:23px 26px;}
.mapWrap .tabTypeE2>div:nth-child(2).on a {border:2px solid #f66c18; background:#f66c18 url(/images/guide/traffic03_on.png) no-repeat center center; background-size:23px 26px;}
.mapWrap .tabTypeE2>div span {display:block; padding-bottom:30px; }

.mapWrap .map table {width:100%;}
.mapWrap .tabTypeECont {margin-top:10px; padding:10px 15px 0 15px; background:#fff;}
.mapWrap .tabTypeECont .tabTypeA {margin-top:15px; padding:0 ;border-top:1px solid #000;}
.mapWrap .tabTypeECont .tabTypeA li {width:33.3% !important;}
.mapWrap .tabTypeECont .carCont {margin-top:43px;}
.mapWrap .tabTypeECont .carCont .root {margin-top:37px;}
.mapWrap .tabTypeECont .carCont .root span.tit {display:inline-block; font-size:13px; color:#f66c18; text-align:left; border:1px solid #f66c18; border-radius:13px;}
.mapWrap .tabTypeECont .carCont .root>div {margin:15px 0 0 5px;}
.mapWrap .tabTypeECont .carCont .root>div span {display:inline-block; position:relative; padding-right:22px; font-size:13px; color:#555;word-break: break-all;}
.mapWrap .tabTypeECont .carCont .root>div span.last:after {background:none !important;}
.mapWrap .tabTypeECont .carCont .root>div span:after {content:""; display:block; clear:both; position:absolute; right:4px; top:50%; margin-top:-3px; width:12px; height:6px; background:url(/images/blt/blt_arrowRight4.png) no-repeat right center; background-size:12px 6px;}
.mapWrap .tabTypeECont .carCont .root>div div.time {display:block; font-size:12px; color:#818181; font-weight:300;}
.mapWrap .tabTypeECont .carCont .root>div div.time:after {background:none;}

.mapWrap .tabTypeECont2 {margin-top:10px; padding:10px 15px 0 15px; background:#fff;}
.mapWrap .tabTypeECont2 .carCont2 {margin-top:20px; padding-bottom:25px; border-bottom:1px solid #c3c3c3;}
.mapWrap .tabTypeECont2 .carCont2 .root {margin-top:37px;}
.mapWrap .tabTypeECont2 .carCont2 .root span.tit {display:inline-block; font-size:13px; color:#f66c18; text-align:left; border:1px solid #f66c18; border-radius:13px;}
.mapWrap .tabTypeECont2 .carCont2 .root>div {margin:15px 0 0 5px;}
.mapWrap .tabTypeECont2 .carCont2 .root>div span {display:inline-block; position:relative; padding-right:22px; font-size:13px; color:#555;word-break: break-all;}
.mapWrap .tabTypeECont2 .carCont .root>div span.last:after {background:none !important;}
.mapWrap .tabTypeECont2 .carCont2 .root>div span:after {content:""; display:block; clear:both; position:absolute; right:4px; top:50%; margin-top:-3px; width:12px; height:6px; background:url(/images/blt/blt_arrowRight4.png) no-repeat right center; background-size:12px 6px;}
.mapWrap .tabTypeECont2 .carCont2 .root>div div.time {display:block; font-size:12px; color:#818181; font-weight:300;}
.mapWrap .tabTypeECont2 .carCont2 .root>div div.time:after {background:none;}
.mapWrap #trafficCont0201 .section strong.tit {padding-bottom:15px; border-bottom:1px solid #000;}
.mapWrap .tabTypeECont2 .section .btnArea {margin-top:25px;}

.mapWrap #trafficCont0102 .listStyleG {margin-bottom:30px;}
.mapWrap #trafficCont0102 .listStyleG li {font-weight:300;}
.mapWrap #trafficCont0102 .listStyleG li span.blt {position:relative; display:inline-block; padding-right:25px;}
.mapWrap #trafficCont0102 .listStyleG li span.blt:after {content:""; display:block; clear:both; position:absolute; right:4px; top:50%; margin-top:-3px; width:12px; height:6px; background:url(/images/blt/blt_arrowRight4.png) no-repeat right center; background-size:12px 6px;}
.mapWrap #trafficCont0102 .listStyleG div {margin:0; font-size:12px;}
.mapWrap #trafficCont0102 .btnArea {margin:0 15px;}
.mapWrap #trafficCont0103 .way,
.mapWrap #trafficCont0202 .way {display:inline-block; margin:10px 0 0 -5px; padding:0 24px; height:28px; border:1px solid #f66c18; border-radius:14px; font-size:14px; text-align:center; line-height:26px; color:#f66c18;}
.mapWrap #trafficCont0103 .listStyleG li,
.mapWrap #trafficCont0202 .listStyleG li {padding-left:15px;}
.mapWrap #trafficCont0103 .listStyleG li ul li,
.mapWrap #trafficCont0202 .listStyleG li ul li {padding:0 0 0 10px; font-size:13px;color:#555;font-weight:300; border:none; background:url(/images/blt/dot.png) no-repeat left center; background-size:4px 4px;}
.mapWrap #trafficCont0103 .listStyleG li span,
.mapWrap #trafficCont0202 .listStyleG li span {font-size:12px;color:#818181;font-weight:300;}

/* 고객의 소리 */
	/* faq */
.faqList {}
.faqList .section {padding:0 15px; border-bottom:1px solid #dedede; background:#fff;}
.faqList .section .question {display:block; position:relative; padding:14px 20px 13px 20px; font-size:13px; color:#2a2d35; line-height:18px; font-weight:300;}
.faqList .section .question:after {content:""; display:block; width:14px; height:9px; position:absolute; right:0px; top:50%; margin-top:-5px; background:url(/images/blt/blt_down.png) no-repeat 98% 50%; background-size:14px auto;
	transition:all .5s ease-in-out;
}
.faqList .section.on .question {font-weight:400;}
.faqList .section.on .question:after { transform:rotate(180deg);}
.faqList .section .question img {position:absolute; left:0; top:17px;}
.faqList .section .answer {display:none; position:relative; padding:12px 0 18px 20px; border-top:1px dotted #dedede; font-size:12px; font-weight:300; letter-spacing:-1px; line-height:16px;}
.faqList .section .answer img {position:absolute; left:0; top:14px;}

	/* survey */
.surveyWrap {padding-bottom:30px; background:#ededed;}
.surveyWrap .surveyVisual {position:relative; height:166px; padding-top:35px; background:url(/images/customer/surveyVisual.jpg) no-repeat 50% 0; background-size:cover; color:#fff; font-size:20px; font-weight:300; line-height:24px; text-align:center;}
.surveyWrap .surveyVisual strong {display:block; font-weight:400; font-size:16px;}
.surveyWrap .cont {padding:0 15px;}
.surveyWrap .surveyInfo {position:relative; margin:-50px 0 0; padding:10px 20px; background:#fff;}
.surveyWrap .surveyInfo li {position:relative; padding:3px 0; *zoom:1;}
.surveyWrap .surveyInfo li:before {content:""; display:block; width:100%; height:0px; position:absolute; left:0; top:50%; font-size:0; line-height:0; border-top:1px dotted #d2d2d2;}
.surveyWrap .surveyInfo li:after {content:""; display:block; clear:both;}
.surveyWrap .surveyInfo li strong,
.surveyWrap .surveyInfo li span {position:relative; background:#fff; font-size:13px; line-height:17px;}
.surveyWrap .surveyInfo li strong {float:left; padding-right:10px; font-weight:400;}
.surveyWrap .surveyInfo li span {float:right; padding-left:10px; font-weight:300;}
.surveyWrap .care {padding-top:20px;}
.surveyWrap .care strong {color:#f77219; font-weight:400;}
.surveyWrap .btnArea {padding-top:20px;}

.surveyCompWrap {}
.surveyCompWrap .contents {padding-right:15px; text-align:center;}
.surveyCompWrap .contents strong {display:block; padding:15px 0 10px;; font-size:15px; line-height:20px; letter-spacing:-1px; font-weight:400; color:#2a2d35;}
.surveyCompWrap .contents p {font-size:12px; font-weight:300;}
.surveyCompWrap .contents .btnArea {padding-top:20px;}
.surveyCompWrap .contents .btnArea a {margin:0 4px;}


/* 로그인 */
.loginForm {}
.loginForm .cont {padding:35px 0 0 0; background:#fff; text-align:center;}
.loginForm .cont p.titTxt {padding:5px 0 10px 0; font-size:15px; font-weight:300; color:#2a2d35;}

.loginForm .section {width:220px; margin:10px auto 0 auto;}
.loginForm .section input {height:34px; width:100%; border:1px solid #d2d2d2; border-radius:17px; line-height:32px; text-align:center; font-size:14px; font-weight:300;}
.loginForm .section a {display:block; height:34px; width:100%; line-height:34px; font-size:14px; background:#f66c18; color:#fff; text-align:center; border-radius:17px;}

.loginForm .btnArea {width:220px; margin:0 auto 0 auto; text-align:center;}
.loginForm .btnArea a {display:block; height:34px; width:100%; margin-top:10px; line-height:34px; font-size:14px; border-radius:17px;}
.loginForm .btnArea a.btnFind {}
.loginForm .btnArea a.btnFind:after {content:"〉"; color:#c3c3c3; margin-left:10px; font-size:12px;}
.loginForm .btnArea a.btnJoin {background:#555; color:#fff;}
.loginForm .infoTxt {padding-top:10px; font-size:12px; color:#818181; text-align:center; line-height:16px; font-weight:300;}
.loginForm .simpleLogin {margin-top:25px; padding:20px 0; border-top:1px solid #d2d2d2; text-align:center;}
.loginForm .simpleLogin strong {display:inline-block; margin-right:20px; font-size:15px; color:#2a2d35; vertical-align:middle; font-weight:400;}
.loginForm .simpleLogin a {display:inline-block; margin:0 2%; vertical-align:middle;}
.loginForm .simpleLogin a img {vertical-align:middle;}

/* 회원가입 */
.joinStep {padding:20px 0 17px; background:#ededed; text-align:center;}
.joinStep:after {content:""; display:block; clear:both;}
.joinStep li {position:relative; float:left; width:25%; text-align:center; }
.joinStep li:before {content:""; display:block; position:absolute; left:-4px; top:19px; width:9px; height:14px; background:url(/images/blt/blt_arrowRight3.png) no-repeat 0 0; background-size:100% 100%}
.joinStep li:first-child:before {background:none;}
.joinStep li .thum {display:inline-block; width:52px; height:52px; margin-bottom:5px; border-radius:50%; background:#fff url(/images/icon/joinStep.png) no-repeat 0 0; background-size:104px 208px;}
.joinStep li strong {display:block; font-size:11px; line-height:16px; font-weight:300; color:#818181;}
.joinStep li p {font-size:12px; color:#818181; line-height:16px;}
.joinStep li.on .thum {background:#f77219 url(/images/icon/joinStep.png) no-repeat 100% 0; background-size:104px 208px;}
.joinStep li.off .thum {background:#bfbfbf url(/images/icon/joinStep.png) no-repeat 100% 0; background-size:104px 208px;}
.joinStep li.on strong {color:#2a2d35;}
.joinStep li.on p {color:#2a2d35;}
.joinStep li .thum1 {background-position:0 0 !important;}
.joinStep li.off .thum1,
.joinStep li.on .thum1 {background-position:100% 0 !important;}
.joinStep li .thum2 {background-position:0 -52px !important;}
.joinStep li.off .thum2,
.joinStep li.on .thum2 {background-position:100% -52px !important;}
.joinStep li .thum3 {background-position:0 -104px !important;}
.joinStep li.off .thum3,
.joinStep li.on .thum3 {background-position:100% -104px !important;}
.joinStep li .thum4 {background-position:0 -156px !important;}
.joinStep li.off .thum4,
.joinStep li.on .thum4 {background-position:100% -156px !important;}

.careInfoArea {margin:15px 0; padding:5px 0; font-size:11px; line-height:15px; border-top:1px dotted #cdcdcd; border-bottom:1px dotted #cdcdcd;}
.careInfo {padding:5px 0 5px 15px; background:url(/images/icon/care.png) no-repeat 0 6px; background-size:10px auto; font-size:12px; line-height:14px; font-weight:300; letter-spacing:-1px;}
.telInfo {padding:5px 0 5px 15px; background:url(/images/icon/tel.png) no-repeat 0 6px; background-size:10px auto; font-size:11px; line-height:14px; font-weight:300; letter-spacing:-1px; color:#2a2d35;}
.mailInfo {padding:5px 0 5px 15px; background:url(/images/icon/mail.png) no-repeat 0 6px; background-size:10px auto; font-size:11px; line-height:14px; font-weight:300; letter-spacing:-1px; color:#2a2d35;}

.joinStep1Wrap {}
.joinStep1Wrap .header {padding:25px 15px 10px;}
.joinStep1Wrap .header strong {display:block; text-align:center; font-size:20px; line-height:20px; letter-spacing:-1px; font-weight:300;}
.joinStep1Wrap .header p {padding:8px 0 0 0; text-align:center; font-size:12px; line-height:18px; font-weight:300; letter-spacing:-1px;}
.joinStep1Wrap .header p span {font-weight:400; color:#f77219;}
.joinStep1Wrap .header .joinInfo {margin-top:15px; }
.joinStep1Wrap .header .joinInfo p {padding:7px 0; font-size:12px; line-height:15px; text-align:center; border-top:1px dotted #cdcdcd; border-bottom:1px dotted #cdcdcd;}
.joinStep1Wrap .header .joinInfo ul {padding:5px 5px;}
.joinStep1Wrap .header .joinInfo ul li {padding:5px 0 5px 15px; background:url(/images/icon/care.png) no-repeat 0 6px; background-size:10px auto; font-size:12px; line-height:14px; font-weight:300; letter-spacing:-1px;}
.joinStep1Wrap .agreeArea {padding:0 15px 0; border-top:15px solid #ededed;}
.joinStep1Wrap .agreeArea .section {padding-top:25px;}
.joinStep1Wrap .agreeArea .section .tit {display:block; padding-bottom:5px; border-bottom:1px solid #555; font-size:15px; color:#2a2d35; font-weight:400;}
.joinStep1Wrap .agreeArea .section .tit span {font-weight:300;}
.joinStep1Wrap .agreeArea .section .agreeTxtArea {height:125px; padding:15px; margin-top:10px; overflow:auto; border:1px solid #c3c3c3;}
.joinStep1Wrap .agreeArea .section .agree {padding:15px 5px 0}
.joinStep1Wrap .agreeArea .section .agree p {padding:5px 0; font-size:12px; line-height:14px; font-weight:300;}
.joinStep1Wrap .agreeArea .section .infoTxt {padding-top:5px; font-size:11px; color:#818181; font-weight:300; letter-spacing:-1px;}

.joinStep2Wrap {padding:25px 15px 0;}
.joinStep2Wrap .tit {display:block; padding-bottom:10px; font-size:20px; line-height:27px; border-bottom:1px solid #555555; text-align:center; font-weight:300; color:#2a2d35;}
.joinStep2Wrap .dotListA {padding:10px 0;}
.joinStep2Wrap .certificationSelec {padding-top:20px; border-top:1px dotted #d2d2d2; text-align:center;}
.joinStep2Wrap .certificationSelec .section {display:inline-block; width:40%;}
.joinStep2Wrap .certificationSelec .thum {padding-bottom:8px;}
.joinStep2Wrap .certificationSelec input {vertical-align:top;}
.joinStep2Wrap .certificationSelec label {display:inline-block; font-size:12px; font-weight:300; line-height:14px; vertical-align:top;}
.joinStep2Wrap .agreeTxtArea {padding:10px; margin-top:20px; border:1px solid #dedede; font-size:12px; letter-spacing:-1px; font-weight:300; line-height:18px;}
.joinStep2Wrap .infoTxt {padding-top:5px; font-size:12px; color:#818181; font-weight:300; letter-spacing:-1px;}
.joinStep2Wrap .allAgree {margin-top:15px; padding-top:15px; border-top:1px dotted #d2d2d2; }
.joinStep2Wrap #txtIpin {margin-bottom:10px;}

.joinStep3Wrap {padding:25px 15px 25px;}
.joinStep3Wrap > .infoTxt {position:relative; padding:5px 0 0 8px; font-size:11px; line-height:14px; color:#818181; letter-spacing:-1px; font-weight:300;}

.joinStep4Wrap {padding-top:135px; padding-bottom:35px; background:url(/images/member/join_complete.png) no-repeat 50% 30px; background-size:146px auto;}
.joinStep4Wrap .tit {display:block; font-size:15px; color:#2a2d35; font-weight:300; text-align:center;}
.joinStep4Wrap .tit span {color:#f66c18;}
.joinStep4Wrap .titTxt {margin-top:15px; font-size:12px; color:#555; font-weight:300; text-align:center;}

.joinWrap .allAgree {padding-bottom:15px; text-align:center; font-size:13px; line-height:23px; font-weight:300; letter-spacing:-1px;}
.joinWrap .allAgree input[type=checkbox]{width:23px; height:23px;background:url(/images/blt/all_chk_off.png) no-repeat 0 0;line-height:23px;  background-size:23px auto; margin:-4px 4px 0 0; vertical-align:middle;}
.joinWrap .allAgree input[type=checkbox]:checked{background:url(/images/blt/all_chk_on.png) no-repeat 0 0; background-size:23px auto}
.joinWrap .agree input[type=checkbox].small{width:14px; height:14px;background:url(/images/blt/all_chk_off.png) no-repeat 0 0;line-height:14px;  background-size:14px auto; margin:-4px 3px 0 0; vertical-align:middle;}
.joinWrap .agree input[type=checkbox]:checked.small{background:url(/images/blt/all_chk_on.png) no-repeat 0 0; background-size:14px auto}


/* 아이디/비밀번호 찾기 */
.findSection {padding:25px 15px 30px 15px; background:#fff;}
.findSection .btnArea {padding-top:10px;}

/* mypage */
.mypageHeader {padding:30px 15px 0; background:#ededed;}
.mypageHeader:before {content:""; display:block; width:74px; height:74px; margin:0 auto 10px; background:#fff url(/images/icon/people.png) no-repeat 50% 50%; background-size:23px auto; border-radius:50%;}
.mypageHeader .tabTypeB {padding-top:25px;}
.mypageHeader strong {display:block; padding-bottom:6px; font-size:15px; color:#2a2d35; text-align:center; font-weight:400;}
.mypageHeader strong span {font-size:20px;}
.mypageHeader p {font-size:12px; text-align:center; letter-spacing:-1px; line-height:16px; font-weight:300;}

	/* coupon */
.couponTotal {padding:27px 0 27px 0;  background:#fff;}
.couponTotal .couponImgArea {display:table; width:91px; height:55px; margin:0 auto; padding-left:19px; background:url(/images/coupon/bg_total.png) no-repeat 0 0; background-size:91px auto; text-align:right;}
.couponTotal .couponImgArea .cont {display:table-cell; height:100%; vertical-align:middle; text-align:center;}
.couponTotal .couponImgArea .cont b {display:inline-block; font-size:30px; font-weight:300; color:#f66c18; line-height:30px;}
.couponTotal .couponImgArea .cont p {font-size:10px; font-weight:100; color:#f66c18; line-height:12px;}
.couponTotal > p {padding-top:10px; text-align:center; color:#2a2d35; font-weight:300;}
.couponTotal > p b {color:#f66c18; font-weight:400;}

.couponWrap {padding:0 0px 0px;}
.couponWrap .section {padding:15px 15px 30px; margin-top:15px;  background:#fff;}
.couponWrap .section .tit {display:block; padding:0 0 8px; border-bottom:1px solid #555; font-size:14px; color:#2a2d35; font-weight:400; line-height:22px; text-align:center; font-size:18px;}
.couponWrap > .btnArea {padding-top:30px;}
.couponWrap > .infoArea {padding-top:20px;}
.couponWrap > .infoArea strong {display:block; color:#f66c18; font-weight:400; font-size:13px}

.couponList {}
.couponList > li {position:relative; margin-top:15px;}
.couponList > li:before,
.couponList > li:after {content:""; display:block; width:11px; position:absolute; left:71px; }
.couponList > li:before {height:5px; top:0; background:url(/images/coupon/blt_top.gif) no-repeat 0 0; background-size:11px auto;}
.couponList > li:after {height:8px; bottom:0; background:url(/images/coupon/blt_bottom.gif) no-repeat 0 0; background-size:11px auto;}
.couponList > li a {display:table; width:100%; min-height:100px; border:1px solid #c6c6c6; background:url(/images/blt/blt_arrowRight2.png) no-repeat 98% 50%; background-size:9px 14px; *zoom:1;}
.couponList > li a:after {content:""; display:block; clear:both;}
.couponList > li .thumArea {display:table-cell;  width:75px; height:100%; vertical-align:middle; text-align:center;}
.couponList > li .thumArea span {display:block; font-size:12px; color:#757575;}
.couponList > li .cont {display:table-cell; width:calc(100% - 75px); height:100%; padding:10px 20px 10px 15px; border-left:1px dotted #cdcdcd; vertical-align:middle;}
.couponList > li .cont strong {display:block; font-size:15px; font-weight:400; color:#2a2d35;}
.couponList > li .cont ul {padding-top:5px;}
.couponList > li .cont ul li {position:relative; padding:1px 0 1px 16px; font-size:12px; font-weight:300; line-height:16px;}
.couponList > li .cont ul li img {position:absolute; left:0; top:3px; width:12px;}

.downloadSection {}
.downloadSection .btnArea {padding-top:15px;}
.downloadSection .btnArea a {float:left; width:32%; margin-left:2%;}
.downloadSection .btnArea a:first-child {margin-left:0;}
.downloadSection .infoArea {margin-top:30px; padding:15px; border:1px solid #cacaca;}
.downloadSection .infoArea strong {display:block; padding-bottom:5px; border-bottom:1px dotted #cdcdcd;  color:#2a2d35; font-weight:300;}
.downloadSection .infoArea strong:before {display:inline-block; width:10px; height:10px; content:""; margin-right:4px; background:url(/images/icon/care.png) no-repeat 0 0; background-size:10px;}
.downloadSection .infoArea .bltList { padding-top:5px;}

	/* 회원 정보 수정 */
.modifyWrap > .infoArea {padding-top:20px;}
.modifyWrap > .infoArea strong {display:block; color:#f66c18; font-weight:400; font-size:13px}

	/* 회원탈퇴 */
.leaveWrap {padding:25px 15px 30px;}
.leaveWrap .dotListA {padding:5px 0; border-bottom:1px dotted #d2d2d2;}
.leaveWrap .formTypeA {border-top:none;}

	/* 이벤트 */
.listTypeF li.none {margin:25px 0 30px 0; padding-top:140px; text-align:center; background:#ebebeb url(/images/event/event_none.png) no-repeat 50% 0; background-size:230px 120px; box-shadow:none;}

/* 메인 팝업 */
.mainPopType1 {position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000000; background:rgba(0, 0, 0, .6);}
.mainPopType1 .popLayer {position:absolute; top:50%; left:50%; width:288px; height:288px; margin:-144px 0 0 -144px; background:url(/images/main/main_pop.png) no-repeat 0 0; background-size:288px 288px;}
.mainPopType1 .popLayer .blind {position:absolute; top:-999999%; left:-9999999%; text-indent: -999999%; font-size:0;}
.mainPopType1 .popLayer .close {position:absolute; top:11px; left:50%; width:26px; height:26px;  margin-left:-12px; text-align: center; border-radius:15px 15px; -webkit-border-radius:15px 15px; -moz-border-radius:15px 15px;}
.mainPopType1 .popLayer .close img {margin-top:6px; width:14px; vertical-align: top;}
.mainPopType1 .popLayer .pop_tit {width:100%; padding-top:42px; text-align:center;}
.mainPopType1 .popLayer .pop_tit span {display:inline-block; padding:1px 10px; font-size:13px; color:#fff; font-weight:300; text-align:center; background:#f66b1a; border-radius:15px 15px;}
.mainPopType1 .popLayer .pop_txt01 {font-size:20px; color:#fff; font-weight:300; text-align:center;}
.mainPopType1 .popLayer .pop_txt01 span {display:block; margin-top:-6px; font-size:24px; color:#f66b1a; font-weight:400;}
.mainPopType1 .popLayer .pop_date {margin-top:-3px; font-size:12px; color:#fff; font-weight:300; text-align:center;}
.mainPopType1 .popLayer .pop_cont {padding:8px 0 0 110px; font-size:10px; color:#fff; font-weight:100; line-height:14px; text-align:center;}
.mainPopType1 .pop_btn {position:absolute; bottom:0; left:0; width:100%;}
.mainPopType1 .pop_btn:after {content:""; display:block; clear:both;}
.mainPopType1 .pop_btn a {float:left; width:50%; height:70px; padding:16px 0 0 8px; font-size:12px; color:#fff; font-weight:300;}
.mainPopType1 .pop_btn a:first-child {padding-right:8px; text-align:right;}
.mainPopType1 .popLayer .popFooter {position:absolute; left:50%; margin-left:-63px; bottom:-35px; color:#fff;}
.mainPopType1 .popLayer .popFooter input {margin-top:-3px; margin-right:5px;}

.mainPopType2 {position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000000; background:rgba(0, 0, 0, .9);}
.mainPopType2 .popLayer {overflow: hidden; position:absolute; top:0; left:0; width:100%; height:100%;}
.mainPopType2 .popLayer .popCon {position:relative; width:100%; height:100%;}
.mainPopType2 .popLayer .popCon img {position:absolute; top:50%; left:50%; margin-left:-207px; margin-top:-187px; width:338px; height:338px;}
/*.mainPopType2 .popLayer .popCon img {position:absolute; top:50%; left:50%; margin-left:-207px; margin-top:-187px; width:414px; height:374px;}*/
.mainPopType2 .popLayer .blind {position:absolute; top:-999999%; left:-9999999%; text-indent: -999999%; font-size:0;}
.mainPopType2 .popFooter {display: table; position:absolute;; top:91%; left:4%; width:92%; height: 8%; border-top:1px #bababa solid;}
.mainPopType2 .popFooter:after {position: absolute; display: block; content: ""; left:50%; top:15%; width:1px; height:70%; background:#bababa;}
.mainPopType2 .popFooter .popFooterRow{display: table-row; height:100%;}
.mainPopType2 .popFooter .popFooterRow .cell {display: table-cell; width:50%; text-align: center; vertical-align: middle;}
.mainPopType2 .popFooter .popFooterRow button {padding:0; width:100%; height:100%; color:#fff; font-size:14px; font-weight:300; border:none; background:none;}
.mainPopType2 .popFooter .popFooterRow button:focus {outline:none;}
@media screen and (max-width:380px) {
	.mainPopType2 .popLayer .popCon img {margin-left:-187.5px; margin-top:-169.5px; width:300px; height:300px;}
}
/*@media screen and (max-width:380px) {
	.mainPopType2 .popLayer .popCon img {margin-left:-187.5px; margin-top:-169.5px; width:375px; height:339px;}
}*/
/*@media screen and (max-width:330px) {
	.mainPopType2 .popLayer .popCon img {margin-left:-160px; margin-top:-144.5px; width:320px; height:289px;}
}*/
@media screen and (max-width:330px) {
	.mainPopType2 .popLayer .popCon img {margin-left:-160px; margin-top:-144.5px; width:280px; height:280px;}
}

/*광교*/
.keeperWrap.csd-page {padding-bottom:0;}
.csd-page .csd-intro {display:block;width:100%;text-align:center; font-size: 15px; font-weight:300;}
.csd-page .csd-intro strong {color: #f66c18; font-weight:500;}
.keeperWrap.csd-page .section .cont {padding-bottom: 15px; text-align:left;}
.keeperWrap.csd-page .section .cont strong {font-weight:500;}
.csd-page .section.box {width:100%;height: auto;text-align: center; font-size: 20px; background: url(/gwanggyo/images/introduce/csd_cafe_img04.jpg);background-size: cover;line-height: 1.8;padding: 40px 30px; margin-top: 30px;}
.csd-page .section.box p{font-size: 13px; color: #fff; font-weight:100;}
.csd-page .section.box p strong {font-weight:500;}

.tourWrap .section .cont.pdb15 {padding-bottom: 15px;}
.tourWrap .section .tit-cnt {display: block; padding: 0 15px 15px; font-size: 18px; color: #2a2d35; font-weight: 400; line-height: 22px; letter-spacing: -1px;
text-align: center;}
.ggy-tour .section .swiper-container .swiper-slide .cont {position: absolute; left: 0; bottom: 0; width: 100%; padding: 5px 15px; color: #fff; border-top: 1px solid rgba(255,255,255,.2); text-align: center;}
.ggy-tour .section .swiper-container {margin-top: 10px; padding-bottom: 35px;}
.listTypeB.pdr0 {padding-right:0;}
.listTypeB.pdl0 {padding-left:0;}
.btnArea-bgwh {padding: 30px 0; margin-top: 30px; background: #fff;}
.gwanggyoMap .tabTypeECont .section .tit {margin: 0; padding: 0 0 15px;border-bottom: 1px solid #555;}
.gwanggyoMap .tabTypeECont .ilsanCar .root .way {display: inline-block; margin: 0 0 0 5px; padding: 0 24px; height: 28px; border: 1px solid #f66c18; border-radius: 14px; font-size: 14px; text-align: center; line-height: 26px; color: #f66c18;}
.gwanggyoMap.mapWrap .tabTypeECont .tabTypeA li {width: 50% !important;}
.gwanggyoMap .tabTypeE{margin-top:0;}
.mapWrap.gwanggyoMap .tabTypeECont .tabTypeA {padding-top:0; border-top:none;margin-top:0;}
.mapWrap.gwanggyoMap .tabTypeECont .carCont .root span.tit {padding:0 15px;}
.gwanggyoMap .tabTypeECont .ggy_bus .root ul li {padding-bottom: 10px; font-size: 13px; color: #555;font-weight: 300; word-break: break-all;}
.gwanggyoMap .tabTypeECont .ggy_bus .root ul li strong {display: block; font-size: 15px; color: #555; font-weight: 400;}
.m-re01 .mapArea .map {margin-top: 40px; padding: 0 8px;}
.galleryWrap .mapArea .mapInfo.mapColor .bgColorA {background:#0076b8;}
.galleryWrap .mapArea .mapInfo.mapColor .bgColorB {background:#ff6600;}
.galleryWrap .mapArea .mapInfo.mapColor .bgColorC {background:#009900;}
.galleryWrap .mapArea .mapInfo.mapColor .bgColorD {background:#934ebb;}
.galleryWrap .mapArea .mapInfo.mapColor .bgColorE {background:#fbc02d;}
.galleryWrap .mapArea .mapInfo.mapColor .bgColorF {background:#e91e63;}
.galleryWrap .mapArea .mapInfo.mapColor .bgColorG {background:#607d8b;}
.galleryWrap .mapArea .mapInfo.mapColor .bgColorI {background:#26c6da;}

.inquirygwanggyoWrap {position: relative; background-image: url(/gwanggyo/images/customer/bg_inquiry.jpg); background-repeat: no-repeat; background-position: 50% 100%; background-size: cover; padding-top: 230px;}
.inquirygwanggyoWrap:after {content: ""; display: block; width: 170px; height: 170px; border-radius: 170px; background-image:url(/gwanggyo/images/customer/ico_inquiry.png); background-repeat: no-repeat; background-position: 50% 55%; background-size: 100px 73px; background-color: rgba(255,255,255,1); position: absolute; top: 40px; left: 50%; margin-left: -85px;}
.inquirygwanggyoWrap:before {content:""; display: block; background: url()}
.inquirygwanggyoWrap .introTxt {font-size: 15px; color: #fff; font-weight: 300; text-align: center; line-height: 1.4;}
.inquirygwanggyoWrap .introTxt strong {font-weight: 500;}
.inquirygwanggyoWrap .inquiryTxt {font-size: 13px; color: #fff; font-weight: 300; text-align: center; line-height: 1.4;}
.inquirygwanggyoWrap .line {margin: 25px 15px; width: 90%; height: 1px; background: #fff; opacity: .2;}
.inquirygwanggyoWrap .inquiryContact {margin: 30px auto 0; width: 290px;}
.inquirygwanggyoWrap .inquiryContact .telInfo {color: #fff; font-size: 13px; background-position: 0 7px;}
.inquirygwanggyoWrap .inquiryContact .telInfo span {padding-left: 5px;}
.inquirygwanggyoWrap .inquiryContact .mailInfo {color: #fff; font-size: 13px; background-position: 0 7px;}
.inquirygwanggyoWrap .inquiryContact .mailInfo span {padding-left: 5px;}
.inquirygwanggyoWrap .inquiryContact div span {color: #f66c18;}

.voclinkgwanggyoWrap {position: relative; background-image: url(/gwanggyo/images/customer/bg_voclink.jpg); background-repeat: no-repeat; background-position: 50% 100%; background-size: cover; padding-top: 230px;}
.voclinkgwanggyoWrap:after {content: ""; display: block; width: 170px; height: 170px; border-radius: 170px; background-image:url(/gwanggyo/images/customer/ico_voclink.png); background-repeat: no-repeat; background-position: 50% 55%; background-size: 100px 73px; background-color: rgba(255,255,255,1); position: absolute; top: 40px; left: 50%; margin-left: -85px;}
.voclinkgwanggyoWrap:before {content:""; display: block; background: url()}
.voclinkgwanggyoWrap .introTxt {font-size: 15px; color: #fff; font-weight: 300; text-align: center; line-height: 1.4;}
.voclinkgwanggyoWrap .introTxt strong {font-weight: 500;}
.voclinkgwanggyoWrap .inquiryTxt {font-size: 13px; color: #fff; font-weight: 300; text-align: center; line-height: 1.4;}
.voclinkgwanggyoWrap .line {margin: 25px 15px; width: 90%; height: 1px; background: #fff; opacity: .2;}
.voclinkgwanggyoWrap .inquiryContact {margin: 30px auto 0; width: 290px;}
.voclinkgwanggyoWrap .inquiryContact .telInfo {color: #fff; font-size: 13px; background-position: 0 7px;}
.voclinkgwanggyoWrap .inquiryContact .telInfo span {padding-left: 5px;}
.voclinkgwanggyoWrap .inquiryContact .mailInfo {color: #fff; font-size: 13px; background-position: 0 7px;}
.voclinkgwanggyoWrap .inquiryContact .mailInfo span {padding-left: 5px;}
.voclinkgwanggyoWrap .inquiryContact div span {color: #f66c18;}

.spot-tab-btn {padding: 10px 0; background: #fff; border-bottom: 1px solid #cdcdcd; text-align: center;}
.spot-tab-btn .btns {background-color:transparent; cursor:pointer;position: relative; display: inline-block; padding: 0 15px 0 20px; margin: 0 5px; height: 30px; line-height: 28px; border: 1px solid #c3c3c3; border-radius: 30px; outline: 0;}
.spot-tab-btn .btns span {color: #555;}
.spot-tab-btn .btns:before {content: "#"; font-size: 14px; position: absolute; left: 12px; top: -1px; color: #555;}
.spot-tab-btn .btns.on {background: #3366ff; border-color: #3366ff;}
.spot-tab-btn .btns.on span {color: #fff;}
.spot-tab-btn .btns.on:before {color: #fff;}
.spot-tab-content {padding-top: 30px;}

.tabTypeA.tabTypeA-03 {padding: 0 10px;}
.tabTypeA.tabTypeA-03 li {width:33%;}
.tabTypeA.tabTypeA-03 li a {padding: 0;}
.tabTypeA.tabTypeA-03 li:first-child {width:36%;}
.tabTypeA.tabTypeA-03 li:last-child {width:30%;}
.slideTabA.slideTabA-03 li {width:33%;}

.btnType-spot {background:#3366ff !important; padding:1px; /* border:1px solid #f66c18 !important; */ color:#fff !important;}
.btnType-spot.btnArrow:after {color:#fff;}

/*2020.01.15 광교점 수정*/
.keeperWrap.csd-page > .section {text-align: center;}
.tourWrap .section .tit_sub {padding: 5px 15px 0}


/*2020.01.19 광교점 수정*/
.programIntrocueWrap .sortArea {background: #fff;}
.programIntrocueWrap .sortArea select {display:block; width:100%; height:41px; font-size:14px; font-weight:400; border:none; border-bottom:1px solid #c3c3c3;  background:url(/images/blt/blt.png) no-repeat 95% 50%; background-size:10px auto; padding-left:calc(50% - 2.5em)}

.tabTypeECont .infoArea01 {padding-top:10px;}
.tabTypeECont .infoArea01 strong {color:#f66c18; font-weight:400;}
.tabTypeECont .listTypeE th:last-child:after {display: none;}