@charset "utf-8";

/* 초기화 */
* {margin:0;padding:0;}
html {overflow-y:scroll}
body, p, h1, h2, h3, span, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select{margin:0;padding:0;}
body, input, textarea, select, button, table{font-family:'Noto Sans KR','NotoSans','Apple SD Gothic Neo',sans-serif;}
body{-ms-word-break:break-all;word-break:keep-all;word-wrap:break-word;color:#444; line-height:1.5; letter-spacing:-0.5px; overflow:hidden;}
a, a:hover, a:focus, a:active{text-decoration:none;color:inherit;}
a, button, input, textarea{transition:border-color .15s ease-in-out,background .15s ease-in-out,color .15s ease-in-out,opacity .15s ease-in-out,transform .15s ease-in-out,box-shadow .4s;}

ul, dl,dt,dd {margin:0;padding:0; list-style:none;}
legend {position:absolute;margin:0;padding:0;font-size:0; line-height:0;text-indent:-9999em;overflow:hidden;}
label, input, button, select, img {vertical-align:middle;font-size:1em;}
input, button {margin:0;padding:0;font-family:'Noto Sans KR', dotum, sans-serif;font-size:1em;}
input[type="submit"] {cursor:pointer;}
button {border:0;background:none;cursor:pointer;}

textarea, select {font-family:'Noto Sans KR', dotum, sans-serif;font-size:1em;}
select {margin:0;}
p {margin:0;padding:0;word-break:keep-all}
hr {display:none;}
pre {overflow-x:scroll;font-size:1.1em;}
a {color:#000;text-decoration:none;}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

.placeholdersjs {color:#aaa !important}


@media screen and (max-width:1920px){	
	body {font-size:16px;}
}



/* 팝업레이어 201914*/
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}


/*@media (max-width:480px){
	.hd_pops {left:50% !important;top:90px !important; margin-left:-170px; width:340px !important;  background:#000;}
	.hd_pops_con {width:100% !important; height:auto !important; overflow:hidden;}
	.hd_pops_con img {width:100%; height:auto;}
}
*/

/*
#hd_pop {}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:10; opacity:1;}*/


/*210914이전

#popupBox {position:absolute; left:50%; top:50%; padding:50px 0 100px; width:100%; max-width:1050px; text-align:center; color:#fff; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}

#popupBox ul {position:relative; display:table; margin:0 auto; z-index:100;}
#popupBox ul > * {display:table-cell; vertical-align:top;}
#popupBox .hd_pops_con {display:inline-block; margin:0 5px; width:340px; height:450px;}
#popupBox .hd_pops_con p {width:100%; height:100%;}
#popupBox .hd_pops_con p a {display:block;}
#popupBox .hd_pops_con img {width:100%; height:100%;}

#popupBox .ctrl_box {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%;}
#popupBox .ctrl_box a {position:absolute; top:50%; margin-top:-50px; width:50px; height:50px; border:1px solid #ddd; background:none;}
#popupBox .ctrl_box a:before {position:absolute; content:''; top:0; left:0; border:2px solid #fff; display:block; width:15px;height:15px;}
#popupBox .ctrl_box a.back {left:-100px;}
#popupBox .ctrl_box a.next {right:-100px;}
#popupBox .ctrl_box a.back:before {border-width:0 0 2px 2px; transform:rotate(45deg); margin:15px 10px 0 20px;}
#popupBox .ctrl_box a.next:before {border-width:0 2px 2px 0; transform:rotate(-45deg); margin:15px 20px 0 12px;}

210914이전*/

/*
.hd_pops_footer {position:absolute; z-index:2; left:50%; bottom:0; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {display:inline-block; margin:0 0.5rem; padding:0 1.5rem; color:#fff; line-height:2.2rem; border-radius:1.1rem; background:#000; font-size:14px; font-weight:100; outline:none;}
.hd_pops_footer button i {margin-left:1rem;}
*/




#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}*/


/* 레이아웃 추가 S 

/* Layout */
body:not(.is-scroll):not(.nav-open) #hd:not(.open) {background:none; box-shadow:none; color:#555;}
body:not(.is-scroll):not(.nav-open) #hd:not(.open) .hd-logo>a {background-image:url(../img/logo_home.png);}

#wrap {overflow:hidden; width:100%;}
#hd, #ft{flex-shrink:0;}
.inner {position:relative; z-index:2; max-width:1400px; width:94%; margin:0 auto;}


/* Header */
#hd {position:fixed; left:0;right:0;top:0;z-index:100 ! important; width:100%; background:#fff; transition:background-color .2s ease-out, border .2s ease-out;box-shadow:inset 0px -1px 0 0 rgba(204,204,204,.5);}
#hd>.container {position:relative; width:100%; max-width:1400px; height:100px; margin:0 auto; background:#fff; box-sizing:border-box;}
#hd>.container:before {position:absolute; content:''; width:100%; height:1px; background:#e7e7e7; bottom:0; left:0;}
#hd>.container-fluid {max-width:none;}
#hd>.container .gnb-util {position:absolute; top:50%; transform:translateY(-50%); right:40px;}
#hd>.container .gnb-util a {font-size:14px; color:#9f9f9f; margin:0 5px;}
#hd>.container .gnb-util a:hover {color:#ffae00;}
#hd .hd-logo {position:absolute; top:50%; transform:translateY(-50%); width:220px; height:58px; transition:all 200ms ease; z-index:2;}
#hd .hd-logo>a {display:block; width:100%; height:100%; background:url(../img/logo_home.png) no-repeat 0 50%/100% auto;}
#gnb > h2 {position:absolute;font-size:0; line-height:0;overflow:hidden;}
#hd .nav-item {position:relative;font-size:1rem; letter-spacing:-.05em;}
#hd .nav-item>a {display:block;height:100%; color:#3f3f3f;}
#hd .on>a:before, #hd .active>a:before {transform:scaleX(1);}
.is-scroll #hd .nav-item>a,
#hd.open .nav-item.on>a,
#hd.open .nav-item>a {color:#282828;}
.open #gnb:before {content:'';position:absolute;top:100%; left:0;right:0;height:265px;box-shadow:0 5px 10px rgba(0,0,0,.05);}
.depth {display:none;padding:.7rem 0;font-family:'Noto Sans KR','NotoSans','Apple SD Gothic Neo',sans-serif;font-size:1rem;}
.depth a {color:#777; font-weight:300; white-space:normal;}
.depth a:hover, .depth a:focus {color:#ffae00;}
.depth3 {font-size:.889rem;padding-bottom:.7222rem;color:#999;}
.depth a.active {font-weight:300;}


@media (min-width:1200px){
	#hd{text-align:center;}
	#hd .hd-logo {left:2%;}
	#hd .nav-item {width:8.5rem;}
	#hd .navbar-nav {height:100px;flex-direction:row;justify-content:center;align-items:center;white-space:nowrap;}
	#hd .nav-item>a {line-height:100px;}
	#hd .nav-item>a:before{content:'';position:absolute;bottom:0; left:0;right:0;border-top:3px solid #ffc000;transform:scaleX(0);transition:transform .3s;}
	#hd .on>a:before, #hd .active>a:before{transform:scaleX(1);}
	.open #gnb:before{content:'';position:absolute;top:100%; left:0;right:0;background:#fff;height:295px;box-shadow:0 5px 10px rgba(0,0,0,.05);}
	.btn-depth{display:none;}
	#gnb{display:inline-block !important;vertical-align:top; margin-left:150px;}
	.depth{position:absolute;top:100%; left:0;right:0;height:294px;text-align:center;display:none !important;}
	.depth li{margin-top:.2rem;}
	.on .depth{background:#F8F8F8;}
	#hd.open .depth{display:block !important;}
}

@media (min-width:1440px){
	#hd .nav-item{width:11rem;}
	#hd .hd-logo {width:240px; height:60px;}
	#gnb{margin-right:0;}
}
@media (max-width:1200px){
    #hd>.container{height:80px;display:flex;align-items:center;justify-content:center;}
	#hd .hd-logo {left:3%;}
    .nav-open{overflow:hidden;}
	.nav-open #wrap{position:fixed; left:0;right:0;}
	.js-mn {position:absolute; right:0; top:0; z-index:120; width:80px; height:80px; background:none; border:0; font-size:0; line-height:0; text-indent:-999em; color:inherit; outline:0 !important;}
    .js-mn>span, .js-mn:after, .js-mn:before {content:"";position:absolute; left:calc((100% - 20px) / 2); top:50%; border-top:3px solid; margin-top:-1.5px; transition:transform .3s, opacity .3s;z-index:100;}
	.js-mn>span {width:22px; left:calc((100% - 20px) / 2);}
    .js-mn:before {width:28px; margin-top:-10px; transform-origin:top right;}
    .js-mn:after {width:28px; margin-top:8px; transform-origin:bottom right;}
    .gnb-open .js-mn{color:#000;}
    .gnb-open .js-mn:before {transform:rotate(-45deg); margin:-11px 0 0 -4px;}
    .gnb-open .js-mn>span {opacity:0;}
    .gnb-open .js-mn:after {transform:rotate(45deg);margin:8px 0 0 -4px;}
	#hd>.container .gnb-util {display:none;}
    #gnb {overflow:hidden; display:none; position:fixed; top:0; right:0; bottom:0; z-index:110; width:100%; max-width:360px; transition:transform .2s ease-out; background:#fff; color:#222; transform:translateX(100%);}
	#gnb .gnb_close_btn {background:#fff;color:#b6b9bb;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:0;right:0}	 
	#hd>.container .gnb-util {transition:transform .2s ease-out;}
	.gnb-open #hd>.container .gnb-util {display:block; transform:translateX(0); transform:translateY(-50%);right:85px; width:250px; z-index:1000;}
	.gnb-open #gnb {transform:translateX(0);}
	.dim {position:fixed;top:0; left:0;right:0;bottom:0;z-index:100; background:rgba(0,0,0,.7); opacity:0;}
	.gnb-open .dim {opacity:1;}

	#hd .navbar-nav {overflow-y:auto;height:calc(100% - 80px); padding-top:80px;border-top:1px solid #e7e7e7;}
	#hd .nav-item {border-bottom:1px solid #e7e7e7;}
	#hd .nav-item>a {height:auto; padding:0 30px; line-height:70px; color:#282828;}
	.btn-depth {position:absolute;top:0; left:0;width:100%;height:70px; border:0;font-size:0;color:transparent;transition:none; outline:none;}
	.btn-depth:before {position:absolute; content:''; width:10px; height:2px; background:#555; right:8%; top:50%; margin-right:4px; margin-top:-1px; transform:rotate(45deg); transition:all ease .5s;}
	.btn-depth:after {position:absolute; content:''; width:10px; height:2px; background:#555; right:8%; top:50%; margin-right:-2px; margin-top:-1px; transform:rotate(-45deg); transition:all ease .5s;}
	
	.depth {background:#f7f7f7;border-top:1px solid #e7e7e7; padding:15px 30px;}
	.depth a {position:relative; display:block; line-height:240%; padding-left:15px;}
	.depth a:before {position:absolute; content:''; width:8px; height:1px; background:#555; left:0; top:50%;}
	.open>a {color:#0070C3;font-weight:700;}
	.open>.btn-depth {transform:scaleY(-1);}
	.depth3 {margin-left:1rem;}
}

@media(max-width:940px){
	#hd .hd-logo {width:210px; height:54px;}
}

@media(max-width:700px){
	#hd .nav-item>a {font-size:22px;}
	.depth a {font-size:20px; color:#444;}
}

@media(max-width:480px){
	#hd .navbar-nav {height:calc(100% - 10px);}
}


/* 중간 레이아웃 */
#wrapper {overflow:hidden;}
#wrapper:after {display:block;visibility:hidden;clear:both;content:"";}
#container {position:relative;min-height:300px; font-size:20px;}
#container:after {display:block;visibility:hidden;clear:both;content:"";}
#subvisual {position:relative; z-index:2; width:100%; height:400px; background-color:rgba(0,0,0,0.2); background-position:50% top; background-size:cover;}
.subTitle {position:relative; z-index:3; display:inline-block; width:100%; text-align:center; font-family:"scdream";}
.subTitle .tit {position:relative; display:inline-block; padding:3px 7px; font-weight:600; border:1px solid #bbb; border-width:1px 0;}
.subTitleSubject {position:relative; text-align:center; font-weight:bold; color:#444;}
.subTitleSubject:before {position:absolute; content:''; width:70px; height:1px; background:#aaa; left:50%; margin-left:-35px; top:215%;}

#container .snb {position:absolute; z-index:10; bottom:0; width:100%; text-align:center;}
#container .snb .category {position:relative; padding:0; text-align:center;
	/*background:-webkit-linear-gradient(to left, #09355b, #0b4d6d);
	background:-o-linear-gradient(to left, #09355b, #0b4d6d);
	background:-moz-linear-gradient(to left, #09355b, #0b4d6d);
	background:linear-gradient(to left, #09355b, #0b4d6d);*/}
#container .snb .category:before {position:absolute; content:''; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5;}
#container .snb .category ul {position:relative; padding:0; font-family:"scdream";}
#container .snb .category li {display:inline-block; list-style-type:none; line-height:60px; margin:0 -3px; vertical-align:top;}

#container .snb .category .m2 {letter-spacing:-1px;}
#container .snb .category .m2 a {color:#fff; display:block; padding:0 40px; font-weight:300; transition:all ease .5s;}
#container .snb .category .m2 a:hover {background:#ffc000;}

#container .snb .category .selected2 a {font-size:17px; color:#ffc000; background:#fff; font-weight:500;}
#container .snb .category .selected2 a:hover {color:#ffc000; background:#fff;}

.cscroll_mobile {display:none;}


@media screen and (max-width:1920px) {
	#container {font-size:18px;}
}

@media screen and (max-width:1600px) {
	#subvisual {width:100%; margin-left:0;}
	#container .snb .category .m2 a {padding:0 30px;}
}

@media screen and (max-width:1400px) {
	#container .snb .category .m2 a {padding:0 17px;}
}

@media screen and (max-width:1200px) {
	#subvisual {height:380px;}
	#container .snb {display:none;}

	.cscroll_mobile {display:block; position:absolute; z-index:10; top:320px; left:0; height:80px; width:100%;}
	.cscroll_mobile .lnb {width:100%; text-align:center;}
	.cscroll_mobile .lnb .category {position:relative; padding:0; text-align:center;}
	.cscroll_mobile .lnb .category:before {position:absolute; content:''; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5;}
	.cscroll_mobile .lnb .category ul {position:relative; padding:0; font-family:"scdream";}
	.cscroll_mobile .lnb .category li {display:inline-block; list-style-type:none; line-height:60px; margin:0 -3px; vertical-align:top;}

	.cscroll_mobile .lnb .category .m2 {letter-spacing:-1px;}
	.cscroll_mobile .lnb .category .m2 a {color:#fff; display:block; padding:0 40px; font-weight:300; transition:all ease .5s;}
	.cscroll_mobile .lnb .category .m2 a:hover {background:#ffc000;}

	.cscroll_mobile .lnb .category .selected2 a {font-size:17px; color:#ffc000; background:#fff; font-weight:500;}
	.cscroll_mobile .lnb .category .selected2 a:hover {color:#ffc000; background:#fff;}
}

@media (max-width:940px){
	#subvisual {height:300px;}
	#subvisual .subTitle .txt {font-weight:300; opacity:0.8;}

	.cscroll_mobile {top:240px; height:60px;}
}

@media (max-width:700px){
	#subvisual .subTitle .txt {margin:0 7%;}
	#subvisual .subTitle .txt br {display:none;}

	.cscroll_mobile .lnb .category .m2 a {padding:0 25px;}
}

@media (max-width:480px){	
	#subvisual {height:300px; background-position:60% 50%; background-size:auto 110%;}
	#subvisual:before {position:absolute; content:''; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.3;;}
	.subTitle {position:absolute; top:100px; left:0; color:#fff;}
	.subTitle .tit {border:1px solid #fff; border-width:1px 0;}
	.subTitleSubject {color:#fff; margin:0;}
	.subTitleSubject:before {display:none;}

	.cscroll_mobile {top:240px; height:60px; -webkit-overflow-scrolling:touch; overflow-x: scroll; overflow-y:no;}
	.cscroll_mobile .lnb {width:480px; transition:all 200ms ease;}
	.cscroll_mobile .lnb .category {width:100%; height:60px;}
	.cscroll_mobile .lnb .category li {float:left; text-align:center;}
	.cscroll_mobile .lnb .category .m2 a {padding:0 20px;}
	.cscroll_mobile .lnb .category .selected2 a {font-size:18px; background:none;}
	.cscroll_mobile .lnb .category .selected2 a:hover {background:none;}
}



/* 하단 레이아웃 */
#ft {width:100%; background:#000;}
#ft_wr {margin:0;padding:30px 0;position:relative; letter-spacing:0;}
#ft_wr:after {display:block;visibility:hidden;clear:both;content:"";}
#ft_wr .ft_cnt {width:100%; padding:18px 0; border:1px solid #1f1f1f; border-width:1px 0; margin:30px 0;}
#ft_wr .ft_cnt a {color:#aaa; padding-right:50px;}
#ft_wr .ft_cnt a:hover {color:#fff;}
#ft_wr .ft_cnt a:last-child {padding-right:0;}

#ft_company {width:100%; font-weight:normal;color:#fff; line-height:150%; font-size:14px; font-weight:200; opacity:0.4;}
#ft_company h2 {display:none;}
#ft_catch {margin:20px 0 10px;}
#ft_copy {padding:20px 0 0; color:#fff;font-size:12px; font-weight:200; opacity:0.2;}
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px; line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5);}
#top_btn:hover {border-color:#ffc000;background:#ffc000;color:#fff;}

@media screen and (max-width:700px) {
	#ft_company span {display:block; font-size:0; height:0;}
}

@media screen and (max-width:480px) {
	#ft_wr .ft_cnt {padding:0; border:none; margin:10px 0;}
	#ft_catch {margin:10px 0 20px; text-align:center;}
	#ft_link {display:none;}
	#ft_company {margin-top:30px; text-align:center; opacity:0.8;}
	#ft_copy {opacity:0.8; text-align:center;}
}


/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove .win_desc {text-align:center;display:block}
#copymove .tbl_wrap {margin:20px}
#copymove .win_btn {padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span {display:none}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc {display:inline-block;padding:0 10px;height:36px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}

/* 버튼 */
/*a.btn,.btn {line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1.4em;
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right} /* 서식단계 진행 */

.btn_submit {border:0;background:#ffc000;color:#fff;cursor:pointer;border-radius:3px}
.btn_submit:hover {background:#ff8000;}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa}
a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;background:transparent}
.btn_b01:hover, .btn_b01:hover {color:#000}
a.btn_b02,.btn_b02 {display:inline-block;background:#5da204;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:#447900; color:#fff;}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {color:#ff3746}


/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:20px 5px;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}
/*.tbl_head01 tbody tr:hover td {background:#fafafa}*/
.tbl_head01 a:hover {text-decoration:underline}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px}

.full_input {width:100%}
.half_input {width:49.5%}
.twopart_input {width:385px;margin-right:10px}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 ul {border-top:1px solid #ececec}
.list_01 li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
.list_01 li:nth-child(odd) {background:#f6f6f6}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover {background:#f9f9f9}
.list_01 li.empty_li {text-align:center;padding:20px 0;color:#666}

/*폼 리스트*/
.form_01 h2 {font-size:1.167em}
.form_01 li {margin-bottom:10px}
.form_01 ul:after,
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 .left_input {float:left}
.form_01 .margin_input {margin-right:1%}
.form_01 textarea {height:100px;width:100%}
.form_01 .frm_label {display:inline-block;width:130px}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

/* 테이블 항목별 정의 */
.td_board {width:80px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center}
.new_win .btn_close {height:45px;width:60px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}

/* 검색결과 색상 */
.sch_word {color:#fff;background:#ff005a;padding:2px 5px 3px;line-height:18px;margin:0 2px}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
.sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb}
.sv_wrap .sv a:hover {background:#000;color:#fff}
.sv_member {color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {margin:40px auto 0;display:block}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center;margin:0 auto;display:block}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;font-size:0.85em;height:30px;line-height:28px;padding:0 4px;min-width:28px;text-decoration:none;border-radius:3px}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;background:#ffc000;font-size:0.85em;border:1px solid #ffc000;color:#fff;font-weight:bold;height:30px;line-height:28px;padding:0 4px;min-width:28px;border-radius:3px}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}




 /* 폰트사이즈*/
.fs10 {font-size:10px;}
.fs11 {font-size:11px;}
.fs12 {font-size:11px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fs15 {font-size:15px;}
.fs16 {font-size:16px;}
.fs17 {font-size:17px;}
.fs18 {font-size:18px;}
.fs19 {font-size:19px;}
.fs20 {font-size:20px;}
.fs21 {font-size:21px;}
.fs22 {font-size:22px;}
.fs23 {font-size:23px;}
.fs24 {font-size:24px;}
.fs25 {font-size:25px;}
.fs26 {font-size:26px;}
.fs27 {font-size:27px;}
.fs28 {font-size:28px;}
.fs29 {font-size:29px;}
.fs30 {font-size:30px;}
.fs31 {font-size:31px;}
.fs32 {font-size:32px;}
.fs33 {font-size:33px;}
.fs34 {font-size:34px;}
.fs35 {font-size:35px; letter-spacing:-1px;}
.fs36 {font-size:36px; letter-spacing:-1px;}
.fs37 {font-size:37px; letter-spacing:-1px;}
.fs38 {font-size:38px; letter-spacing:-1px;}
.fs39 {font-size:39px; letter-spacing:-1px;}
.fs40 {font-size:40px; letter-spacing:-1px;}
.fs42 {font-size:42px; letter-spacing:-2px;}
.fs43 {font-size:43px; letter-spacing:-2px;}
.fs45 {font-size:45px; letter-spacing:-2px;}
.fs46 {font-size:46px; letter-spacing:-2px; line-height:120%;}
.fs47 {font-size:47px; letter-spacing:-2px; line-height:120%;}
.fs48 {font-size:48px; letter-spacing:-2px; line-height:120%;}
.fs50 {font-size:50px; letter-spacing:-3px; line-height:120%;}
.fs52 {font-size:52px; letter-spacing:-3px;} 
.fs54 {font-size:54px; letter-spacing:-3px;}
.fs55 {font-size:55px; letter-spacing:-3px;}
.fs60 {font-size:60px; letter-spacing:-3px;}
.fs64 {font-size:64px; letter-spacing:-3px;}
.fs72 {font-size:72px; letter-spacing:-3px; line-height:120%;}
.fs74 {font-size:74px; letter-spacing:-3px; line-height:120%;}
.fs82 {font-size:82px; letter-spacing:-3px;}



/* margin setting */
.mg00 {margin:0 !important;}
.mg05 {margin:5px;}
.mg10 {margin:10px;}
.mg15 {margin:15px;}
.mg20 {margin:20px;}
.mg25 {margin:25px;}
.mg30 {margin:30px;}
.mg35 {margin:35px;}
.mg40 {margin:40px;}
.mg45 {margin:45px;}
.mg50 {margin:50px;}

.mt00 {margin-top:0 !important;}
.mt05 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt100 {margin-top:100px;}
.mt110 {margin-top:110px;}
.mt120 {margin-top:120px;}
.mt130 {margin-top:130px;}
.mt140 {margin-top:140px;}
.mt150 {margin-top:150px;}
.mt160 {margin-top:160px;}
.mt180 {margin-top:180px;}
.mt220 {margin-top:220px;}
.mt230 {margin-top:230px;}

.mt-5 {margin-top:-5px !important;}
.mt-10 {margin-top:-10px !important;}
.mt-15 {margin-top:-15px !important;}
.mt-20 {margin-top:-20px !important;}
.mt-25 {margin-top:-25px !important;}
.mt-30 {margin-top:-30px !important;}
.mt-35 {margin-top:-35px !important;}
.mt-40 {margin-top:-40px !important;}
.mt-45 {margin-top:-45px !important;}
.mt-50 {margin-top:-50px !important;}

.ml00 {margin-left:0 !important;}
.ml05 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}

.mr00 {margin-right:0 !important;}
.mr05 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr45 {margin-right:45px;}
.mr50 {margin-right:50px;}

.mb00 {margin-bottom:0 !important;}
.mb05 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}
.mb110 {margin-bottom:110px;}
.mb120 {margin-bottom:120px;}
.mb130 {margin-bottom:130px;}
.mb140 {margin-bottom:140px;}
.mb150 {margin-bottom:150px;}
.mb160 {margin-bottom:160px;}
.mb180 {margin-bottom:180px;}
.mb190 {margin-bottom:190px;}
.mb200 {margin-bottom:200px;}


/* padding setting */
.pd00 {padding:0 !important;}
.pd05 {padding:5px;}
.pd10 {padding:10px;}
.pd15 {padding:15px;}
.pd20 {padding:20px;}
.pd25 {padding:25px;}
.pd30 {padding:30px;}
.pd35 {padding:35px;}
.pd40 {padding:40px;}
.pd45 {padding:45px;}
.pd50 {padding:50px;}

.pt00 {padding-top:0 !important;}
.pt05 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt45 {padding-top:45px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt100 {padding-top:100px;}
.pt110 {padding-top:110px;}
.pt120 {padding-top:120px;}
.pt130 {padding-top:130px;}
.pt140 {padding-top:140px;}
.pt150 {padding-top:150px;}
.pt180 {padding-top:180px;}
.pt190 {padding-top:190px;}
.pt200 {padding-top:200px;}
.pt220 {padding-top:220px;}
.pt230 {padding-top:230px;}
.pt240 {padding-top:240px;}

.pl00 {padding-left:0 !important;}
.pl05 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl35 {padding-left:35px;}
.pl40 {padding-left:40px;}
.pl45 {padding-left:45px;}
.pl50 {padding-left:50px;}
.pl70 {padding-left:70px;}

.pr00 {padding-right:0 !important;}
.pr05 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr35 {padding-right:35px;}
.pr40 {padding-right:40px;}
.pr45 {padding-right:45px;}
.pr50 {padding-right:50px;}

.pb00 {padding-bottom:0 !important;}
.pb05 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb35 {padding-bottom:35px;}
.pb40 {padding-bottom:40px;}
.pb45 {padding-bottom:45px;}
.pb50 {padding-bottom:50px;}	 
.pb60 {padding-bottom:60px;}	 
.pb80 {padding-bottom:80px;}	 
.pb100 {padding-bottom:100px;}
.pb110 {padding-bottom:110px;}
.pb120 {padding-bottom:120px;}
.pb130 {padding-bottom:130px;}
.pb140 {padding-bottom:140px;}
.pb150 {padding-bottom:150px;}
.pb160 {padding-bottom:160px;}
.pb170 {padding-bottom:170px;}
.pb190 {padding-bottom:190px;}
.pb230 {padding-bottom:230px;}
.pb380 {padding-bottom:380px;}

/* font */
.ffI {font-family:'Iropke Batang'; line-height:120%;}
.ffG {font-family:'Gmarket Sans'; line-height:110%;} 
.ffM {font-family:'nanummyeongjo';}
.f_cg {font-family:'Cormorant Garamond', serif;}
.f_jeju {font-family:'Jeju Myeongjo', serif;}
.f_sc {font-family:"scdream"; line-height:110%;}
.f_npen {font-family:'Nanum Pen Script', serif;}
.f_nbrush {font-family:'Nanum Brush Script', serif;}

/* common */
.tac {text-align:center;}
.tar {text-align:right;}
.tal {text-align:left;}
.taj {text-align:justify;}

.fwb {font-weight:bold;}
.fw200 {font-weight:200;}
.fw300 {font-weight:300;}
.fw400 {font-weight:400;}
.fw500 {font-weight:500;}
.fw700 {font-weight:700;}
.fw900 {font-weight:900;}

.ls-1 {letter-spacing:-1;}
.ls-2 {letter-spacing:-2;}
.ls-3 {letter-spacing:-3;}

/* opacity */
.op5 {opacity:0.5}
.op6 {opacity:0.6;}
.op7 {opacity:0.7;}
.op8 {opacity:0.8;}
.op9 {opacity:0.9;}


.em09 {font-size:0.9em;}
.em11 {font-size:1.1em;}
.em12 {font-size:1.2em;}
.em13 {font-size:1.3em;}
.em14 {font-size:1.4em;}

 @media screen and (max-width:1920px) {	
	.fs82 {font-size:80px;}
	.fs74 {font-size:72px;}
	.fs72 {font-size:70px;}
	.fs64 {font-size:62px;}
	.fs60 {font-size:58px;}
	.fs55 {font-size:52px;}
	.fs54 {font-size:51px;}
	.fs52 {font-size:49px;}
	.fs50 {font-size:48px;}
	.fs48 {font-size:46px;}
	.fs47 {font-size:45px;}
	.fs46 {font-size:44px;}
	.fs45 {font-size:43px;}
	.fs43 {font-size:40px;}
	.fs42 {font-size:40px;}
	.fs40 {font-size:38px;}
	.fs38 {font-size:36px;}
	.fs37 {font-size:35px;}
	.fs36 {font-size:34px;}
	.fs35 {font-size:33px;}
	.fs32 {font-size:30px;}
	.fs30 {font-size:29px;}
	.fs27 {font-size:25px;}
	.fs25 {font-size:24px;}
	.fs24 {font-size:23px;}
	.fs23 {font-size:22px;}
	.fs22 {font-size:21px;}
	.fs20 {font-size:19px;}
	.fs19 {font-size:18px;}
	.fs18 {font-size:17px;}	 
	.fs17 {font-size:16px;}	  
	.fs16 {font-size:15px;}		  
	.fs15 {font-size:14px;}		  
	.fs14 {font-size:13px;}	  
	.fs10 {font-size:9px;}	

	.pt50 {padding-top:40px;}
	.pt60 {padding-top:50px;}
	.pt70 {padding-top:60px;}
	.pt80 {padding-top:70px;}
	.pt100 {padding-top:80px;}
	.pt120 {padding-top:90px;}
	.pt130 {padding-top:100px;}
	.pt140 {padding-top:120px;}
	.pt150 {padding-top:130px;}
	.pt180 {padding-top:170px;}
	.pt190 {padding-top:180px;}
	.pt200 {padding-top:190px;}
	.pt220 {padding-top:215px;}
	.pt230 {padding-top:220px;}
	.pt240 {padding-top:230px;}

	.pb40 {padding-bottom:40px;}
	.pb60 {padding-bottom:50px;}
	.pb80 {padding-bottom:70px;}
	.pb100 {padding-bottom:80px;}
	.pb120 {padding-bottom:90px;}
	.pb130 {padding-bottom:100px;}
	.pb150 {padding-bottom:130px;}
	.pb190 {padding-bottom:170px;}
	.pb230 {padding-bottom:200px;}
	.pb380 {padding-bottom:380px;}

	.mt20 {margin-top:20px;}
	.mt40 {margin-top:40px;}
	.mt70 {margin-top:60px;}
	.mt80 {margin-top:70px;}
	.mt100 {margin-top:90px;}
	.mt120 {margin-top:110px;}
	.mt140 {margin-top:120px;}
	.mt150 {margin-top:130px;}
	.mb200 {margin-bottom:180px;}
	.mb190 {margin-bottom:170px;}
	.mb180 {margin-bottom:160px;}
	.mb160 {margin-bottom:140px;}
	.mb150 {margin-bottom:130px;}
	.mb140 {margin-bottom:120px;}
	.mb120 {margin-bottom:110px;}
	.mb100 {margin-bottom:80px;}
	.mb80 {margin-bottom:70px;}
	.mb70 {margin-bottom:60px;}
	.mb60 {margin-bottom:50px;}
	.mb50 {margin-bottom:40px;}
	.mb30 {margin-bottom:25px;}
}


 @media screen and (max-width:1400px) {
 
	.fs82 {font-size:78px;}
 	.fs74 {font-size:70px;}
 	.fs64 {font-size:60px;}
 	.fs60 {font-size:55px;}
 	.fs55 {font-size:50px;}
 	.fs54 {font-size:49px;}
	.fs52 {font-size:47px;}
	.fs50 {font-size:45px;}
	.fs48 {font-size:43px;}
	.fs47 {font-size:42px;}
	.fs46 {font-size:42px;}
	.fs45 {font-size:41px;}
	.fs43 {font-size:38px;}
	.fs42 {font-size:38px;}
	.fs40 {font-size:36px;}
	.fs38 {font-size:35px;}
	.fs36 {font-size:33px;}
	.fs35 {font-size:33px;} 
	.fs32 {font-size:30px;}
	.fs30 {font-size:28px;}
	.fs27 {font-size:24px;}
	.fs25 {font-size:23px;}
	.fs24 {font-size:22px;}
	.fs23 {font-size:22px;}
	.fs22 {font-size:21px;} 
	.fs20 {font-size:19px;} 		 
	.fs19 {font-size:18px;} 
	.fs17 {font-size:16px;}
	.fs16 {font-size:15px;}		  
	.fs15 {font-size:14px;}		  
	.fs14 {font-size:13px;}	
	.fs10 {font-size:9px;}	

	.mt20 {margin-top:15px;}
	.mt30 {margin-top:20px;}
	.mt40 {margin-top:30px;}
	.mt50 {margin-top:40px;}
	.mt70 {margin-top:60px;}
	.mt80 {margin-top:70px;}
	.mt100 {margin-top:80px;}
	.mt120 {margin-top:100px;}
	.mt130 {margin-top:100px;}
	.mt140 {margin-top:110px;}
	.mt150 {margin-top:110px;}
	.mt160 {margin-top:120px;}
	.mt180 {margin-top:150px;}
	.mb190 {margin-bottom:150px;}
	.mb160 {margin-bottom:120px;}
	.mb150 {margin-bottom:110px;}
	.mb140 {margin-bottom:110px;}
	.mb120 {margin-bottom:100px;}
	.mb100 {margin-bottom:70px;}
	.mb80 {margin-bottom:60px;}
	.mb70 {margin-bottom:60px;}
	.mb60 {margin-bottom:50px;}
	.mb50 {margin-bottom:40px;}
	.mb40 {margin-bottom:30px;}
	.mb30 {margin-bottom:20px;}
	.mb20 {margin-bottom:15px;}

	.pb40 {padding-bottom:30px;}
	.pb60 {padding-bottom:50px;} 
	.pb80 {padding-bottom:60px;} 
	.pb100 {padding-bottom:70px;} 
	.pb120 {padding-bottom:90px;} 
	.pb130 {padding-bottom:100px;} 
	.pb140 {padding-bottom:110px;} 
	.pb230 {padding-bottom:180px;}
	.pb380 {padding-bottom:350px;}
	.pt50 {padding-top:40px;}
	.pt60 {padding-top:50px;}
	.pt80 {padding-top:60px;}
	.pt100 {padding-top:70px;}
	.pt120 {padding-top:90px;}
	.pt130 {padding-top:100px;}
	.pt140 {padding-top:110px;}
	.pt180 {padding-top:160px;}
	.pt200 {padding-top:170px;}
	.pt220 {padding-top:180px;}
	.pt230 {padding-top:180px;}
	.pt240 {padding-top:190px;}
}
 
  @media screen and (max-width:940px) {
  
   	.fs74 {font-size:68px;}
   	.fs72 {font-size:66px;}
   	.fs64 {font-size:58px;}
   	.fs60 {font-size:50px;}
   	.fs55 {font-size:45px;} 
	.fs54 {font-size:44px;}
	.fs52 {font-size:43px;}
   	.fs50 {font-size:42px;}
	.fs48 {font-size:41px;}
	.fs47 {font-size:40px;}
	.fs46 {font-size:39px;}
	.fs45 {font-size:38px;}
	.fs43 {font-size:36px;}
	.fs42 {font-size:36px;}
	.fs40 {font-size:35px;}
	.fs38 {font-size:33px;}
	.fs36 {font-size:32px;}
	.fs35 {font-size:32px;}
	.fs32 {font-size:29px;}
	.fs30 {font-size:27px;}
	.fs27 {font-size:24px;}
	.fs25 {font-size:23px;}
	.fs24 {font-size:21px;}
	.fs23 {font-size:21px;}
	.fs22 {font-size:20px;}
	.fs21 {font-size:20px;}
	.fs20 {font-size:18px;}
	.fs19 {font-size:17px;} 	
	.fs18 {font-size:16px;} 	 
	.fs17 {font-size:15px;} 
	.fs16 {font-size:14px;}		  
	.fs15 {font-size:13px;}		  
	.fs14 {font-size:12px;}	
	.fs10 {font-size:8px;}	

	.pt50 {padding-top:30px;}
	.pt60 {padding-top:40px;}
	.pt70 {padding-top:40px;}
	.pt80 {padding-top:50px;}
	.pt100 {padding-top:60px;}
	.pt120 {padding-top:80px;}
	.pt130 {padding-top:80px;}
	.pt140 {padding-top:90px;}
	.pt150 {padding-top:100px;}
	.pt180 {padding-top:120px;}
	.pt190 {padding-top:130px;}
	.pt200 {padding-top:160px;}
	.pt220 {padding-top:170px;}
	.pt230 {padding-top:170px;}
	.pt240 {padding-top:180px;}
	 
	.pb40 {padding-bottom:30px;}
	.pb60 {padding-bottom:50px;}
	.pb80 {padding-bottom:60px;}
	.pb100 {padding-bottom:60px;}
	.pb120 {padding-bottom:80px;}
	.pb130 {padding-bottom:90px;}
	.pb140 {padding-bottom:90px;}
	.pb150 {padding-bottom:100px;}
	.pb190 {padding-bottom:150px;}
	.pb230 {padding-bottom:190px;}
	.pb380 {padding-bottom:280px;}
	
	.mt20 {margin-top:15px;}
	.mt30 {margin-top:20px;}
	.mt40 {margin-top:30px;}
	.mt50 {margin-top:35px;}
	.mt60 {margin-top:40px;}
	.mt70 {margin-top:50px;}
	.mt80 {margin-top:60px;}
	.mt100 {margin-top:70px;}
	.mt120 {margin-top:80px;}
	.mt140 {margin-top:90px;}
	.mt150 {margin-top:100px;}
	.mt160 {margin-top:110px;}
	.mt180 {margin-top:130px;}
	.mb160 {margin-bottom:110px;}
	.mb150 {margin-bottom:100px;}
	.mb140 {margin-bottom:100px;}
	.mb120 {margin-bottom:80px;}
	.mb100 {margin-bottom:60px;}
	.mb80 {margin-bottom:50px;}
	.mb70 {margin-bottom:50px;}
	.mb60 {margin-bottom:40px;}
 }


  @media screen and (max-width:700px) {
  
   	.fs74 {font-size:64px;}
   	.fs72 {font-size:62px;}
   	.fs64 {font-size:54px;}
	.fs60 {font-size:48px;}
	.fs55 {font-size:44px;}
	.fs54 {font-size:43px;}
	.fs52 {font-size:41px;}
	.fs50 {font-size:40px;}
	.fs48 {font-size:38px;}
	.fs47 {font-size:37px;}
	.fs46 {font-size:36px;}
	.fs45 {font-size:35px;}
	.fs43 {font-size:34px;}
	.fs42 {font-size:33px;}
	.fs40 {font-size:32px;}
	.fs38 {font-size:31px;}
	.fs36 {font-size:30px;}
	.fs35 {font-size:30px;}
	.fs32 {font-size:26px;}
	.fs30 {font-size:24px;}
	.fs27 {font-size:22px;}
	.fs25 {font-size:21px;}
	.fs24 {font-size:20px;}
	.fs23 {font-size:20px;}
	.fs22 {font-size:19px;}
	.fs21 {font-size:19px;}
	.fs20 {font-size:18px;}
	.fs19 {font-size:17px;}	
	.fs18 {font-size:16px;}	 
	.fs17 {font-size:15px;}
	.fs16 {font-size:14px;}	  
	.fs15 {font-size:13px;}		  
	.fs14 {font-size:13px;}
	.fs10 {font-size:7px;}	
	
	.mb190 {margin-bottom:110px;}
	.mb160 {margin-bottom:100px;}
	.mb150 {margin-bottom:90px;}
	.mb140 {margin-bottom:80px;}
	.mb120 {margin-bottom:60px;}
	.mb100 {margin-bottom:50px;}
	.mb80 {margin-bottom:40px;}
	.mb70 {margin-bottom:35px;}
	.mb60 {margin-bottom:30px;}
	.mb50 {margin-bottom:25px;}
	.mb40 {margin-bottom:20px;}
	.mb30 {margin-bottom:15px;}
	.mb20 {margin-bottom:10px;}
	
	.mt20 {margin-top:10px;}
	.mt30 {margin-top:25px;}
	.mt40 {margin-top:20px;}
	.mt50 {margin-top:25px;}
	.mt60 {margin-top:30px;}
	.mt70 {margin-top:40px;}
	.mt80 {margin-top:50px;}
	.mt100 {margin-top:50px;}
	.mt120 {margin-top:60px;}
	.mt140 {margin-top:70px;}
	.mt150 {margin-top:80px;}
	.mt160 {margin-top:100px;}
	.mt180 {margin-top:120px;}

	.pt50 {padding-top:20px;}
	.pt60 {padding-top:30px;}
	.pt70 {padding-top:30px;}
	.pt80 {padding-top:40px;}
	.pt100 {padding-top:50px;}
	.pt120 {padding-top:60px;}
	.pt130 {padding-top:70px;}
	.pt140 {padding-top:80px;}
	.pt150 {padding-top:90px;}
	.pt180 {padding-top:120px;}
	.pt190 {padding-top:130px;}
	.pt200 {padding-top:140px;}
	.pt220 {padding-top:160px;}
	.pt230 {padding-top:170px;}
	.pt240 {padding-top:180px;}
	 
	.pb40 {padding-bottom:20px;}
	.pb80 {padding-bottom:40px;}
	.pb100 {padding-bottom:50px;}
	.pb120 {padding-bottom:60px;}
	.pb130 {padding-bottom:70px;}
	.pb140 {padding-bottom:80px;}
	.pb150 {padding-bottom:90px;}
	.pb160 {padding-bottom:100px;}
	.pb180 {padding-bottom:120px;}
	.pb190 {padding-bottom:130px;}
	.pb230 {padding-bottom:170px;}
	.pb380 {padding-bottom:200px;}
  
  	.pl70 {padding-left:30px;}
 }

  @media screen and (max-width:480px) {

   	.fs74 {font-size:60px;}
   	.fs72 {font-size:58px;}
   	.fs64 {font-size:50px;}
   	.fs60 {font-size:42px;}
	.fs55 {font-size:40px;}
	.fs54 {font-size:39px;}
	.fs52 {font-size:38px;}
	.fs50 {font-size:37px;}
	.fs48 {font-size:35px;} 
	.fs47 {font-size:31px;}
	.fs46 {font-size:32px;}
	.fs45 {font-size:32px;}
	.fs43 {font-size:32px;}
	.fs42 {font-size:32px;}
	.fs40 {font-size:30px;}
	.fs38 {font-size:28px;}
	.fs36 {font-size:27px;}
	.fs35 {font-size:26px;}
	.fs32 {font-size:25px;}
	.fs30 {font-size:24px;}
	.fs27 {font-size:21px;}
	.fs25 {font-size:21px;}
	.fs24 {font-size:20px;}
	.fs22 {font-size:19px;}
	.fs21 {font-size:18px;}
	.fs20 {font-size:17px;}
	.fs19 {font-size:16px;}
	.fs18 {font-size:15px;}
	.fs16 {font-size:14px;}	  
	.fs15 {font-size:13px;}

  	.pl70 {padding-left:20px;}

	.mb190 {margin-bottom:80px;}
	.mb150 {margin-bottom:70px;}
	.mb140 {margin-bottom:60px;}
	.mb100 {margin-bottom:40px;}
	.mb80 {margin-bottom:30px;}
	.mb60 {margin-bottom:25px;}
	.mb40 {margin-bottom:20px;}
	.mb20 {margin-bottom:10px;}
	.mt50 {margin-top:25px;}
	.mt60 {margin-top:30px;}
	.mt80 {margin-top:35px;}
	.mt150 {margin-top:60px;}
	.mt140 {margin-top:50px;}
	.mt120 {margin-top:50px;}
	.pt100 {padding-top:30px;}
	.pb40 {padding-bottom:20px;}
	.pb80 {padding-bottom:40px;}
	.pb100 {padding-bottom:40px;}
	.pb150 {padding-bottom:60px;}
	.pb180 {padding-bottom:70px;}
	.pb190 {padding-bottom:80px;}
	.pb230 {padding-bottom:100px;}
	.pb380 {padding-bottom:150px;}
	.pt120 {padding-top:50px;}
	.pt200 {padding-top:100px;}
	.pt220 {padding-top:120px;}
	.pt230 {padding-top:130px;}
	.pt240 {padding-top:140px;}
 }


#lnb {position:fixed;top:55%;right:30px;z-index:100;transform:translateY(-50%)}
    #lnb .nav-link {position:relative; display:block; width:12px; height:12px; margin:20px 0; padding:0; border-radius:100%; border:2px solid #fff; background:none; font-size:20px; outline:0;}
    #lnb .nav-link.active {background:#fff;}
    #lnb span {position:absolute; top:50%; right:100%; margin-right:11px; white-space:nowrap; line-height:1;transform:translateY(-60%);opacity:0;transition:opacity .4s;font-weight:500;color:#fff;}
    #lnb .active span {opacity:1;}
	[data-theme="primary"] #lnb .nav-link {border-color:#ffc000;}
	[data-theme="primary"] #lnb .nav-link.active {background:#ffc000;}
	[data-theme="primary"] #lnb span {color:#ffc000;}
	[data-target="#ft"] {width:0;height:0;visibility:hidden;margin:0;}

.popup_btn {position:relative; display:block; width:12px; height:12px; margin:20px 0; padding:0; border-radius:100%; border:2px solid #ffc000; background:#ffc000; font-size:20px; outline:0;}
#lnb .popup_btn span {opacity:1; color:#ffc000;}



/* ******************  메인 비주얼 ********************** */
.visual_area {position:relative; z-index:2; width:100%; height:90vh;}
.visual_area .list {position:relative; overflow:hidden; width:100%; height:100%}
.visual_area .list .cont {position:relative; float:left; width:100%; height:100vh; z-index:-1 !important;}
/*.visual_area .list .cont:before {position:absolute; content:''; top:40px; left:50%; margin-left:300px; width:300px; height:180px; background:url('../img/main/visual_img1.png') no-repeat center center;}
.visual_area .list .cont:after {position:absolute; content:''; bottom:-100px; left:50%; margin-left:500px; width:700px; height:600px; background:url('../img/main/visual_img2.png') no-repeat center center;}*/
.visual_area .list .cont .visual_tx {position:absolute; top:32%; max-width:1100px; width:94%; left:50%; margin-left:-600px; color:#fff; font-family:"scdream";}
.visual_area .list .cont .visual_tx .txt {transition:all 200ms ease;}
 
.visual_area .list .cont.slick-active a {display:inline-block;}
.visual_area .list .cont .img {position:relative; width:100%; height:100%; background-repeat:no-repeat; background-size:cover;}
.visual_area .list .cont .img span {z-index:-1; position:absolute; top:0; left:0; display:block; width:100%; height:100%; transform:scale(1.1); transition:4s .1s;}
.visual_area .list .cont[class*=slick-active].on .img span {transform:scale(1); transform:rotate(.001deg);}
.visual_area .list .cont .img .v1 {background:url('../img/main/visual01.jpg') no-repeat center center/cover;}
.visual_area .list .cont .img .v2 {background:url('../img/main/visual02.jpg') no-repeat center center/cover;}

.visual_area .ico_arrow {z-index:5000; position:absolute; width:100%; text-align:center; font-size:14px; color:#fafafa; /* transform:rotate(90deg) translate(-50%, -2px); */ animation:ico_arrow 1.2s linear infinite 0s;}

.visual_area .ctrlbox {z-index:2; position:absolute; max-width:1100px; width:94%; bottom:250px; left:50%; margin-left:-600px; height:30px;}
.visual_area .ctrlbox button {position:relative; width:30px; height:30px; cursor:pointer; vertical-align:middle; background:transparent; border:none;}
.visual_area .ctrlbox button:hover:after {color:#00baff;}
.visual_area .ctrlbox button.next {position:relative; z-index:2; margin:0;}
.visual_area .ctrlbox button.pre {position:relative; z-index:2; margin:0;}
.visual_area .ctrlbox button.next:before {display:block; content:""; width:28px;height:2px;background:#fff; position:absolute; left:0; top:50%; margin:0; transition:all 0.4s ease-out;}
.visual_area .ctrlbox button.next:after {display:block; content:""; width:8px;height:8px;border-right:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(-45deg) translate(-50%,-50%); position:absolute; left:80%; top:50%; margin:-3px 0 0; transition:all 0.4s ease-out;}
.visual_area .ctrlbox button.pre:before {display:block; content:""; width:28px; height:2px; background:#fff; position:absolute; left:2px; top:50%; margin:0; transition:all 0.4s ease-out;}
.visual_area .ctrlbox button.pre:after {display:block; content:""; width:8px; height:8px; border-right:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(135deg) translate(-50%,-50%); position:absolute; left:-15%; top:50%; margin:-3px 0 0; transition:all 0.4s ease-out;}

.visual_area .ctrlbox button.pause, .visual_area .ctrlbox button.play {width:30px;}
.visual_area .ctrlbox button.pause {background:url(../img/main/v_stop_btn.png) no-repeat 50% 50%;}
.visual_area .ctrlbox button.play {background:url(../img/main/v_play_btn.png) no-repeat  50% 50%;}

.visual_area .list_num {position:relative; top:2px; display:inline-block; padding:0 10px 0 0; font-size:15px; color:#fff; font-weight:500;}
.visual_area .list_num span {padding:0 8px;}
.visual_area .blind {position:absolute; top:-1000px; left:-10000px; overflow:hidden; font-size:1px; text-indent:-9999px; line-height:0;}

.visual_area .scroll_ani {position:absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); z-index:10; text-align:center;}
.visual_area .scroll_ani span {font-size:12px; color:#fff; font-weight:300; letter-spacing:0.2em;}
.visual_area .scroll_ani .bar {display:block; width:1px; height:70px; margin:10px auto 0; background:rgba(255, 255, 255, 0.5); -webkit-animation:upDown 1s 0.1s infinite; animation:upDown 1s 0.1s infinite;}


@keyframes ico_arrow {
	0% {bottom:55px;}
	50% {bottom:50px;}
	100% {bottom:55px;}
}

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

@media screen and (max-width:1200px) {
	.visual_area {height:70vh;}
	.visual_area .list .cont {height:70vh;}
	.visual_area .list .cont .visual_tx {left:5%; width:90%; margin-left:0;}
	.visual_area .ctrlbox {left:6%; margin-left:0; bottom:120px;}
}	

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

@media screen and (max-width:700px) {
	.visual_area {height:60vh;}
	.visual_area .list .cont {height:60vh;}
	.visual_area .list .cont .visual_tx {text-align:center;}
	.visual_area .ctrlbox {max-width:200px; left:50%; margin-left:-86px; bottom:70px;}
	.visual_area .scroll_ani {display:none;}
}	

@media screen and (max-width:480px) {
	.visual_area .ctrlbox {bottom:50px;}
}


.main-quick {position:relative; display:block; margin-top:-125px; z-index:10; transition:all .4s ease-in-out;}
.main-quick-content {position:relative; max-width:1500px; width:96%; height:220px; margin:0 auto;}
.main-quick-box {position:relative; width:100%; height:100%; padding:45px 0 0 700px; box-sizing:border-box; background-color:#ffc000; color:#fff;}
.main-quick-box:before {position:absolute; content:''; top:0; width:50%; height:100%; background-color:#ffc000; right:-50%;}
.main-quick-box:after {position:absolute; content:''; top:-110px; left:-210px; width:320px; height:320px; background:url('../img/main/quick_img.png') no-repeat center center;}
.quick-header {position:absolute; top:45px; left:130px; width:550px; line-height:1; font-family:"scdream";}
.quick-txt1 {font-weight:300; margin-bottom:15px; line-height:130%;}
.quick-txt2 {font-weight:500; line-height:120%;}

/* 메인 퀵메뉴 */
.quick_menu {display:block;width:100%; height:150px;}
.quick_menu ul {max-width:700px; width:94%; margin:0 auto; padding:0px;}
.quick_menu ul li {float:left; vertical-align:top; margin:0; width:20%; list-style-type:none; padding:0; text-align:center; transition:all 200ms ease;}
.quick_menu ul li:hover {transform:translate(0, -20px);}
.quick_menu ul li p {font-size:15px; word-break:keep-all; margin:0 auto; text-align:center; letter-spacing:-1px; line-height:24px; font-family:"scdream"; font-weight:300;}
.quick_menu li a {display:block; vertical-align:top; color:#fff; font-size:16px; line-height:26px; position:relative; padding:120px 0 0; text-decoration:none; text-align:center;width:110px; margin:0 auto;}
.quick_menu li a:before {content:""; display:block; width:70px; height:70px; position:absolute; left:50%; top:20px; margin-left:-35px; background-size:100% auto !important;
transition :all 0.3s ease; -webkit-transition :all 0.3s ease;}
.quick_menu li.bn01 a:before {background:url(../img/main/quick_01.png) no-repeat center top;}
.quick_menu li.bn02 a:before {background:url(../img/main/quick_02.png) no-repeat center top;}
.quick_menu li.bn03 a:before {background:url(../img/main/quick_03.png) no-repeat center top;}
.quick_menu li.bn04 a:before {background:url(../img/main/quick_04.png) no-repeat center top;} 
.quick_menu li.bn05 a:before {background:url(../img/main/quick_05.png) no-repeat center top;}
.quick_menu li a:after {content:""; display:block; width:110px; height:110px; border-radius:50%; position:absolute; left:50%; top:0; margin-left:-55px; border:2px solid #fff; opacity:0.2;}
.quick_menu li:hover p {font-weight:500;}
.quick_menu li:hover a:after {opacity:0.7;}
.quick_menu li a:hover:before, .quick_menu li a:active:before {background-position:center center;}

@media screen and (max-width:1400px) {
	.main-quick-box {padding:50px 0 0 600px;}
	.quick-header {left:80px;}
}

@media screen and (max-width:1200px) {
	.main-quick {margin-top:0;}
	.main-quick-content {width:100%;height:auto;}
	.main-quick-box {padding:30px 0 30px;}
	.quick-header {position:relative; left:auto; top:auto; width:100%; padding:0 30px 30px; text-align:center;}
	.quick-txt2 br {display:none;}
}	

@media screen and (max-width:600px) {
	.quick_menu {height:300px;}
	.quick_menu ul li {width:33.3%; margin-bottom:20px;}
	.quick_menu ul li:nth-child(4),
	.quick_menu ul li:nth-child(5) {padding-left:22.5%;}
}	

@media screen and (max-width:480px) {
	.quick_menu ul li:nth-child(4),
	.quick_menu ul li:nth-child(5) {padding-left:17.5%;}
	.quick_menu li a:after {opacity:0.5;}
}



.main-sec01 {position:relative; width:100%; padding:100px 0 0; height:100vh; z-index:10; box-sizing:border-box;}
#sec01 {position:absolute; top:50%; left:50%; width:1600px; margin-left:-600px; margin-top:-360px;}
#sec01:before {position:absolute; content:''; top:-30px; left:50%; margin-left:150px; width:200px; height:110px; background:url('../img/main/sec01_img1.png') no-repeat center center;}
#sec01:after {position:absolute; content:''; bottom:-240px; left:50%; margin-left:350px; width:190px; height:180px; background:url('../img/main/sec01_img2.png') no-repeat center center;}
#sec01 h2 {margin:70px 0 50px; font-family:"scdream"; font-size:36px; color:#131313; font-weight:600;}
#sec01 h2 p {font-weight:400; letter-spacing:3px; margin-bottom:10px; margin-left:5px;}
#sec01 .main_contSlider {position:relative; width:100%;}
#sec01 .imgSlide {margin-right:40px; outline:none;}
#sec01 .imgSlide>a {position:relative; display:block;}
#sec01 .imgSlide .thumb {overflow:hidden;}
#sec01 .imgSlide .info {position:absolute; left:0; bottom:-60px; padding:30px 30px; background-color:#ffc000; color:#fff; width:100%; height:0; transition:all 0.4s;}
#sec01 .imgSlide:hover .info {display:block; height:220px; bottom:0;}
#sec01 .imgSlide:hover .info .tit {font-family:"scdream";}
#sec01 .imgSlide:hover .info .txt {font-weight:300; min-height:70px; opacity:0.8; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; white-space:normal;}
#sec01 .imgSlide:nth-child(3) {opacity:0.5;}
#sec01 .imgSlide:hover .info .more {position:relative; transition:all 0.4s ease-out; opacity:0.7;}
#sec01 .imgSlide:hover .info .more .arr-more {position:absolute; left:0; top:25px; width:80px; height:30px; display:block; z-index:2; font-size:0;}
#sec01 .imgSlide:hover .info .more .arr-more:after {content:''; width:100%; height:2px; background:#fff; position:absolute; left:0; top:50%; margin-top:-1px; transition:all ease .3s;}
#sec01 .imgSlide:hover .info .more .arr-more:before {content:''; width:2px; height:18px; background:#fff; position:absolute; left:93%; top:0; margin-left:-1px; transition:all ease .3s; transform:rotate(-45deg);}
#sec01 .imgSlide:hover .info:hover .arr-more:after {width:160%;}
#sec01 .imgSlide:hover .info:hover .arr-more:before {left:153%;}

#sec01 .slick-button-prev {position:absolute; z-index:1; bottom:-75px; left:1060px; width:38px; height:38px; border:1px solid #ddd; border-radius:50%;}
#sec01 .slick-button-next {position:absolute; z-index:1; display:block; bottom:-75px; left:1060px; margin-left:48px; width:38px; height:38px; border:1px solid #ddd; border-radius:50%;}
#sec01 .ir {position:relative; width:10px;height:10px; display:block; overflow:hidden; font-size:0; line-height:0; text-indent:-999em;border:2px solid #ffb83c;border-width:0 0 2px 2px;}
#sec01 .slick-button-prev a {transform:rotate(45deg); margin:13px 12px 13px 15px;}
#sec01 .slick-button-next a {transform:rotate(225deg); margin:13px 15px 13px 12px;}
#sec01 .slick-dots {position:absolute; bottom:-70px; left:0; max-width:1100px; width:85%;}
#sec01 .slick-dots li {float:left; width:calc(100%/6);}
#sec01 .slick-dots li button {width:100%; height:4px; font-size:0; background:#f0f0f0;}
#sec01 .slick-dots li.slick-active button {background:#ffb83d;}

@media screen and (max-width:1400px) {
	#sec01 .main_contSlider {position:relative; width:1500px;}
	#sec01 .imgSlide {width:280px; margin-right:20px; outline:none;}
	#sec01 .slick-button-prev {left:1000px;}
	#sec01 .slick-button-next {left:1000px; margin-left:40px;}
}

@media screen and (max-width:1200px) {
	.main-sec01 {padding:100px 0 160px; height:auto;}
	#sec01 {position:relative; width:94%; top:auto; left:3%; margin-left:0; margin-top:0;}
	#sec01 h2 {margin:0 0 20px; font-family:"scdream"; font-size:36px; color:#131313; font-weight:600;}
	#sec01 .slick-button-prev {left:800px;}
	#sec01 .slick-button-next {left:800px; margin-left:40px;}
	#sec01 .slick-dots {width:900px;}
}	

@media screen and (max-width:940px) {
	#sec01 .slick-button-prev {left:570px;}
	#sec01 .slick-button-next {left:570px; margin-left:40px;}
	#sec01 .slick-dots {width:600px;}
}

@media screen and (max-width:700px) {
	.main-sec01 {padding:100px 0 120px;}
	#sec01 .slick-button-prev {bottom:-67px; left:470px;}
	#sec01 .slick-button-next {bottom:-67px; left:470px; margin-left:40px;}
	#sec01 .slick-dots {bottom:-60px; width:520px;}
}	

@media screen and (max-width:480px) {
	.main-sec01 {padding:60px 0 80px;}
	#sec01 .imgSlide .info {display:block; height:70px; bottom:0; opacity:0.92; padding:20px;}
	#sec01 .imgSlide .info .txt,
	#sec01 .imgSlide .info .more {display:none;}
	#sec01 .slick-button-prev {bottom:-57px; left:270px;}
	#sec01 .slick-button-next {bottom:-57px; left:270px;}
	#sec01 .slick-dots {bottom:-50px; width:300px;}
}



#sec02 {position:relative; width:100%; height:100vh;}
#sec02 .titBox {position:absolute; top:50%; left:47%; width:40%; height:240px; margin-left:100px; margin-top:-320px; text-align:left;}
#sec02 .titBox h2 {font-family:"scdream"; color:#131313; font-weight:600;}
#sec02 .titBox h2 p {font-weight:400; letter-spacing:4px; margin-bottom:10px; margin-left:5px;}
#sec02 .titBox .txt {font-weight:300; letter-spacing:-1px; color:#7e7e7e; line-height:130%; padding:0;}

.play_column {position:relative; padding-left:47%; width:100%; height:100%;}

.play_column .play_for {position:absolute; top:0; left:0; width:47%; height:100%; z-index:1;}
.play_column .play_for button {display:none !important;}
.play_column .play_for .slick-slide {width:100%;}
.play_column .play_for .slick-slide .more {position:absolute; top:0; right:0; width:60px; height:60px; background:rgba(0,0,0,.5) url(./image/main/more_arr.png) 50% 16px no-repeat; font-size:14px; line-height:25px; color:#fff; font-weight:500; text-align:center; padding-top:28px; box-sizing:border-box; transition:all 0.35s; z-index:10;}
.play_column .play_for .slick-slide .more:hover {background-color:rgba(0,0,0,.8);}

.play_column .play_for div {width:100%; height:100%;}
.play_column .play_for .pro_pic {width:100%; height:100%;}
.play_column .play_for .pro_pic .pro_txt {width:80%; padding:160px 0 0 80px; color:#fff; font-family:"scdream";}
.play_column .play_for .pro_pic .pro_txt b {position:relative;}
.play_column .play_for .pro_pic .pro_txt b small {position:absolute; top:40px; left:80px; width:100px; opacity:0.5; font-weight:200;}

.play_column .play_for .pro_pic .pro_txt .btn-more {position:relative; color:#fff; transition:all 0.4s ease-out; opacity:0.5;}
.play_column .play_for .pro_pic .pro_txt .btn-more .arr-more {position:absolute; left:90px; top:0; width:40px; height:30px; display:block; z-index:2; font-size:0;}
.play_column .play_for .pro_pic .pro_txt .btn-more .arr-more:after {content:''; width:100%; height:2px; background:#fff; position:absolute; left:0; top:50%; margin-top:-3px; transition:all ease .3s;}
.play_column .play_for .pro_pic .pro_txt .btn-more .arr-more:before {content:''; width:2px; height:10px; background:#fff; position:absolute; left:93%; top:5px; margin-left:-1px; transition:all ease .3s; transform:rotate(-45deg);}
.play_column .play_for .pro_pic .pro_txt .btn-more:hover {opacity:1;}
.play_column .play_for .pro_pic .pro_txt .btn-more:hover .arr-more:after {width:140%;}
.play_column .play_for .pro_pic .pro_txt .btn-more:hover .arr-more:before {left:133%;}

.play_column .play_nav {position:absolute; top:50%; left:47%; margin-left:100px; margin-top:80px; width:740px; z-index:2;}
.play_column .play_nav .slick-track {margin-left:-370px;}
.play_column .play_nav .slick-slide {position:relative; width:340px; height:340px; overflow:hidden;margin:0 20px 0 0; box-sizing:border-box; cursor:pointer;}
.play_column .play_nav .slick-slide > div {position:relative; width:100%; height:100%;  background-size:cover;}
.play_column .play_nav .pro_pic {position:relative; width:100%; height:100%;}
.play_column .play_nav .pro_pic p {position:absolute; bottom:30px; left:40px; color:#fff; font-family:"scdream"; opacity:0.7;}

.play_column .play_for .play01 .pro_pic,
.play_column .play_nav .play01 .pro_pic {background:url('../img/main/play_01.jpg') no-repeat center center / cover;}
.play_column .play_for .play02 .pro_pic,
.play_column .play_nav .play02 .pro_pic {background:url('../img/main/play_02.jpg') no-repeat center center / cover;}
.play_column .play_for .play03 .pro_pic,
.play_column .play_nav .play03 .pro_pic {background:url('../img/main/play_03.jpg') no-repeat center center / cover;}
.play_column .play_for .play04 .pro_pic,
.play_column .play_nav .play04 .pro_pic {background:url('../img/main/play_04.jpg') no-repeat center center / cover;}
.play_column .play_for .play05 .pro_pic,
.play_column .play_nav .play05 .pro_pic {background:url('../img/main/play_05.jpg') no-repeat center center / cover;}
.play_column .play_for .play06 .pro_pic,
.play_column .play_nav .play06 .pro_pic {background:url('../img/main/play_06.jpg') no-repeat center center / cover;}

.play_column .play_nav button {position:absolute; top:-100px; width:80px; height:80px; background:#ffc000; text-indent:-9999px; box-sizing:border-box; z-index:2; outline:none;}
.play_column .play_nav button:before {content:''; width:2px; height:12px; background:#fff; position:absolute; top:50%; margin-top:-9px; transition:all ease .3s;}
.play_column .play_nav button:after {content:''; width:40%; height:2px; background:#fff; position:absolute; top:50%; transition:all ease .3s;}
.play_column .play_nav button:hover {background:#ffac00;}
.play_column .play_nav button:hover:after {width:60%;}
.play_column .play_nav .slick-prev {left:0;}
.play_column .play_nav .slick-next {left:80px;}
.play_column .play_nav .slick-prev:before {right:58%; transform:rotate(45deg);}
.play_column .play_nav .slick-prev:after {right:25%;}
.play_column .play_nav .slick-next:before {left:59%; transform:rotate(-45deg);}
.play_column .play_nav .slick-next:after {left:25%;}
.play_column .play_nav .slick-prev:hover:before {right:78%;}
.play_column .play_nav .slick-next:hover:before {left:78%;}

.play_column .telBox {position:absolute; z-index:10; bottom:0; left:0; width:47%; height:200px; padding:70px 0 0 80px; box-sizing:border-box;}
.play_column .telBox:before {position:absolute; content:''; z-index:1; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.7;}
.play_column .telBox dl {position:relative; z-index:2; font-family:"scdream"; color:#fff; padding-left:180px;}
.play_column .telBox dl dt {position:absolute; top:0; left:0; width:180px; font-weight:200; border-right:1px solid #5e5757;}
.play_column .telBox dl dd {padding:0 0 0 50px; line-height:200%;}
.play_column .telBox dl dd .tel span {color:#ffc000; font-weight:500;}
.play_column .telBox dl dd .time {font-weight:200; opacity:0.5;}
.play_column .telBox dl dd .time span {display:inline-block; margin:0 10px;}

@media screen and (max-width:1400px) {
	#sec02 .titBox {position:absolute; left:57%; width:35%; height:180px; margin-left:70px; text-align:left;}
	#sec02 .titBox .txt {height:135px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;}
	.play_column {position:relative; padding-left:57%; width:100%; height:100%;}
	.play_column .play_for {position:absolute; top:0; left:0; width:57%; height:100%; z-index:1;}
	.play_column .play_for .pro_pic .pro_txt {width:90%; padding:160px 0 40px 7%; height:400px; font-family:"scdream";}
	.play_column .play_for .pro_pic .pro_txt b small {position:absolute; top:30px; left:80px; width:100px; opacity:0.5; font-weight:200;}
	.play_column .play_nav {position:absolute; bottom:60px; left:57%; margin-left:70px; width:740px; z-index:2;}
	.play_column .telBox {position:absolute; z-index:10; bottom:0; left:0; width:57%; height:200px; padding:40px 0 0 40px; box-sizing:border-box;}
	.play_column .telBox dl {position:relative; z-index:2; font-family:"scdream"; color:#fff; padding-left:0;}
	.play_column .telBox dl dt {position:relative; top:0; left:0; width:100%; font-weight:200; border-right:0; margin-bottom:10px;}
	.play_column .telBox dl dt br {display:none;}
	.play_column .telBox dl dd {padding:0; line-height:200%;}
}

@media screen and (max-width:1200px) {
	#sec02 {height:85vh;}
	#sec02 .titBox {position:absolute; left:57%; width:35%; height:180px; margin-left:60px; text-align:left;}
	.play_column {position:relative; padding-left:57%; width:100%; height:100%;}
	.play_column .play_for {position:absolute; top:0; left:0; width:57%; height:100%; z-index:1;}
	.play_column .play_for .pro_pic .pro_txt {width:90%; padding:50px 0 40px 7%; color:#fff; height:400px; font-family:"scdream";}
	.play_column .play_for .pro_pic .pro_txt b small {position:absolute; top:30px; left:80px; width:100px; opacity:0.5; font-weight:200;}
	.play_column .play_nav {position:absolute; bottom:60px; left:57%; margin-left:60px; width:740px; z-index:2;}
	.play_column .play_nav .slick-slide {height:270px;}
	.play_column .telBox {position:absolute; z-index:10; bottom:0; left:0; width:57%; height:200px; padding:40px 0 0 40px; box-sizing:border-box;}
	.play_column .telBox dl {position:relative; z-index:2; font-family:"scdream"; color:#fff; padding-left:0;}
	.play_column .telBox dl dt {position:relative; top:0; left:0; width:100%; font-weight:200; border-right:0; margin-bottom:10px;}
	.play_column .telBox dl dt br {display:none;}
	.play_column .telBox dl dd {padding:0; line-height:200%;}
}	

@media screen and (max-width:940px) {
	#sec02 {position:relative; width:94%; height:auto; margin:0 auto 50px;}
	#sec02 .titBox {position:relative; top:auto; left:0; width:100%; height:auto; margin-left:0; margin-top:0;}
	#sec02 .titBox .txt {height:84px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}
	.play_column {position:relative; padding-left:0; width:100%; height:100%;}
	.play_column .play_for {position:relative; top:20px; left:0; width:100%; height:480px; margin-bottom:40px;}
	.play_column .play_for .pro_pic .pro_txt {padding:30px 0 40px 7%;}
	.play_column .play_for .pro_pic .pro_txt b small {left:60px;}
	.play_column .play_for .pro_pic .pro_txt p {height:90px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
	.play_column .telBox {display:none;}
	.play_column .play_nav {position:relative; bottom:auto; left:0; margin-left:0; width:860px; z-index:2;}
	.play_column .play_nav .slick-track {margin-left:-430px;}
}

@media screen and (max-width:700px) {
	#sec02 {position:relative; width:94%; height:auto; margin:0 auto 50px;}
	#sec02 .titBox {position:relative; top:0; left:0; width:100%; height:auto; margin-left:0;}
	.play_column {position:relative; padding-left:0; width:100%; height:100%;}
	.play_column .play_for {position:relative; top:20px; left:0; width:100%; height:420px; margin-bottom:40px;}
	.play_column .play_for .pro_pic .pro_txt {width:90%; padding:30px 0 40px 7%; color:#fff; height:400px; font-family:"scdream";}
	.play_column .play_for .pro_pic .pro_txt b small {position:absolute; top:30px; left:60px; width:100px; opacity:0.5; font-weight:200;}
	.play_column .play_for .pro_pic .pro_txt p {height:90px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
	.play_column .telBox {display:none;}
	.play_column .play_nav {position:relative; bottom:auto; left:0; margin-left:0; width:440px; z-index:2;}
	.play_column .play_nav .slick-track {margin-left:-220px;}
	.play_column .play_nav .slick-slide {display:none}
}	

@media screen and (max-width:480px) {
	#sec02 .titBox .txt {height:78px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}
}



#sec03 {position:relative; width:100%; height:100vh; background:url('../img/main/sec03_bg.jpg') no-repeat center center / cover;}
#sec03 .area {position:absolute; top:50%; left:50%; width:1200px; margin-top:-300px; margin-left:-600px; text-align:center; box-sizing:border-box;}
#sec03 .titBox {margin:0 auto; font-family:"scdream"; color:#fff;}
#sec03 ul dl dt {font-family:"scdream"; margin-bottom:10px; color:#333;}
#sec03 ul.w2 dl dt {color:#ffa400;}
#sec03 ul li {position:relative; display:inline-block; background:#fff; border-radius:15px; margin:10px; transition:all 0.2s;vertical-align:top}
#sec03 ul li:before {position:absolute; content:''; left:50%; margin-left:-45px; width:90px; height:90px;}
#sec03 ul li:hover {box-shadow:0 5px 30px 0 rgba(0, 0, 0, 1); transform:translate(0, -7px);}
#sec03 ul.w2 li {width:calc((100% - 50px) / 2); padding:120px 0 30px;}
#sec03 ul.w2 li:nth-child(1):before {top:30px; background:url(../img/main/icon01.png) no-repeat center;}
#sec03 ul.w2 li:nth-child(2):before {top:30px; background:url(../img/main/icon02.png) no-repeat center;}
#sec03 ul.w3 li:nth-child(1):before {top:25px; background:url(../img/main/icon03.png) no-repeat center;}
#sec03 ul.w3 li:nth-child(2):before {top:25px; background:url(../img/main/icon04.png) no-repeat center;}
#sec03 ul.w3 li:nth-child(3):before {top:25px; background:url(../img/main/icon05.png) no-repeat center;}
#sec03 ul.w3 li {width:calc((100% - 75px) / 2); padding:110px 0 25px;}
#sec03 ul.w3 .c01 {background:#f6b12b;}
#sec03 ul.w3 .c02 {background:#fff142;}
#sec03 ul.w3 .c03 {background:#d8df0a;}
#sec03 ul li .moreBox {margin:10px auto 0;text-align:center; min-height:36px;}
#sec03 ul.w3 li .moreBox {min-height:10px;}
#sec03 ul.w2 li .booking {margin:20px auto 0; box-shadow:0 -10px 0 rgb(255 247 153 / 70%) inset;}
#sec03 ul.w3 li .booking {margin:10px auto 0; box-shadow:0 -10px 0 rgb(255 255 255 / 70%) inset;}
#sec03 ul.w2 li .booking:hover {box-shadow:0 -22px 0 rgb(255 247 153 / 100%) inset;}
#sec03 ul.w3 li .booking:hover {box-shadow:0 -22px 0 rgb(255 255 255 / 100%) inset;}

@media screen and (max-width:1200px) {
	#sec03 {height:auto; padding:100px 0;}
	#sec03 .area {position:relative; top:auto; left:4%; width:92%; margin-top:0; margin-left:0;}
}	

@media screen and (max-width:940px) {
	#sec03 {padding-bottom:60px;}
	#sec03 ul.w3 li {width:calc((100% - 50px) / 2); padding:110px 0 25px;}
}

@media screen and (max-width:700px) {
	#sec03 {padding:70px 0;}
	#sec03 ul.w2 li,
	#sec03 ul.w3 li {width:80%; padding:100px 0 20px;}
	#sec03 ul.w2 li:nth-child(1):before,
	#sec03 ul.w2 li:nth-child(2):before,
	#sec03 ul.w3 li:nth-child(1):before,
	#sec03 ul.w3 li:nth-child(2):before,
	#sec03 ul.w3 li:nth-child(3):before {top:15px;}
}	

@media screen and (max-width:480px) {
	#sec03 {padding:50px 0;}
	#sec03 ul.w2 li,
	#sec03 ul.w3 li {width:94%; padding:100px 0 20px;}
}



#sec04 {position:relative; width:100%; height:100vh; background:url('../img/main/sec04_bg.jpg') no-repeat center center / cover; overflow:hidden;}
#sec04 .area {position:relative; max-width:1400px; width:94%; height:43%; padding:10% 0 0; margin:0 auto; box-sizing:border-box;}
#sec04 .notice:before {position:absolute; content:'IMSILCHEESETHEMEPARK'; top:110px; left:0; width:100%; height:30px; text-align:center; font-size:22px; letter-spacing:55px; font-weight:bold; color:#000; opacity:0.1; overflow:hidden;}
#sec04 .photo-wrap {position:relative; width:100%; height:57%; padding:50px 0 80px; box-sizing:border-box;}
#sec04 .photo-wrap:before {position:absolute; content:''; top:0; left:0; bottom:0; width:100%; height:100%; background:#000; opacity:0.05;}
#sec04 .photo-wrap .photo {position:relative; max-width:1400px; width:94%; margin:0 auto;}

@media screen and (max-width:1600px) {
	#sec04 .notice:before {display:none;}
}

@media screen and (max-width:1200px) {
	#sec04 {height:auto;}
	#sec04 .area {padding:80px 0 50px; height:auto;}
	#sec04 .photo-wrap {height:100%;}
}

@media screen and (max-width:960px) {
	#sec04 .photo-wrap {height:480px; overflow:hidden;}
}

@media screen and (max-width:880px) {
	#sec04 .photo-wrap {height:460px;}
}

@media screen and (max-width:700px) {
	#sec04 .photo-wrap {height:auto; padding:50px 0 50px;}
}

@media screen and (max-width:480px) {
	#sec04 .area {padding:50px 0 0; height:auto;}
	#sec04 .photo-wrap {padding:50px 0 40px;}
	#sec04 .photo-wrap:before {display:none;}
}



#sec05 {position:relative; width:100%; height:100vh; padding:130px 100px 180px; box-sizing:border-box;}
.festival_column {position:relative; width:100%; height:100%; font-family:"scdream";}
.festival_column .festival_tit {position:absolute; top:0; left:50%; margin-left:-260px; width:520px; height:40px; line-height:40px; text-align:center; letter-spacing:5px; background:url('../img/main/festival_tit_bg.png') no-repeat center center / cover; color:#ffea00; z-index:10;}

.festival_column .festival_for {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.festival_column .festival_for button {display:none !important;}
.festival_column .festival_for .slick-slide {width:100%;}
.festival_column .festival_for .slick-slide .more {position:absolute; top:0; right:0; width:60px; height:60px; background:rgba(0,0,0,.5) url(./image/main/more_arr.png) 50% 16px no-repeat; font-size:14px; line-height:25px; color:#fff; font-weight:500; text-align:center; padding-top:28px; box-sizing:border-box; transition:all 0.35s; z-index:10;}
.festival_column .festival_for .slick-slide .more:hover {background-color:rgba(0,0,0,.8);}

.festival_column .festival_for div {width:100%; height:100%;}
.festival_column .festival_for .pro_pic {position:relative; width:100%; height:100%;}
.festival_column .festival_for .festival01 .pro_pic {background:url('../img/main/festival_bg01.jpg') no-repeat center center / cover;}
.festival_column .festival_for .festival02 .pro_pic {background:url('../img/main/festival_bg02.jpg') no-repeat center center / cover;}
.festival_column .festival_for .festival03 .pro_pic {background:url('../img/main/festival_bg03.jpg') no-repeat center center / cover;}
.festival_column .festival_for .festival04 .pro_pic {background:url('../img/main/festival_bg02.jpg') no-repeat center center / cover;}
.festival_column .festival_for .pro_pic .pro_txt {position:absolute; top:50%; left:0; margin-top:-250px; width:100%; height:250px; color:#fff; text-align:center;}
.festival_column .festival_for .pro_pic .pro_txt img {display:inline-block;}
.festival_column .festival_for .pro_pic .pro_txt h2 span {color:#ffea00;}

.festival_column .festival_for .pro_pic .pro_txt a {overflow:hidden; display:flex;position:absolute;left:50%; bottom:0; margin-left:-150px; text-align:center; width:300px; height:40px; line-height:40px; background:#fff; border-radius:20px; letter-spacing:-0.5px; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.festival_column .festival_for .pro_pic .pro_txt a strong {position:relative; padding-left:30px; color:#555; font-weight:500; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.festival_column .festival_for .pro_pic .pro_txt a .arrow {position:relative;z-index:2;width:40px;height:40px;}
.festival_column .festival_for .pro_pic .pro_txt a .arrow:after {display:block;content:"";width:8px;height:8px;border-right:2px solid #777; border-bottom:2px solid #777; transform:rotate(-45deg) translate(-50%,-50%);	position:absolute; left:80%; top:48%; margin:-3px 0 0; transition:all 0.4s ease-out;}
.festival_column .festival_for .pro_pic .pro_txt a:before {display:block; position:absolute; left:-150%; bottom:0; content:""; width:150%; height:150%; background:#ffc000; transform:skew(-45deg);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}

.festival_column .festival_for .pro_pic .pro_txt a:hover strong {color:#fff;}
.festival_column .festival_for .pro_pic .pro_txt a:hover:before {left:-10%; opacity:1.0; filter:Alpha(opacity=100);}
.festival_column .festival_for .pro_pic .pro_txt a:hover .arrow:after {border-right:2px solid #fff; border-bottom:2px solid #fff;}

.festival_column .festival_nav {position:absolute; bottom:-140px; left:50%; margin-left:-470px; width:940px; z-index:2;}
/*.festival_column .festival_nav:before {position:absolute; content:''; width:300px; height:400px; bottom:0; left:50%; margin-left:-150px; background:#ffc000;box-shadow:0 5px 20px 0 rgba(0, 0, 0, 0.3);}*/
.festival_column .festival_nav .slick-track {margin-left:0;}
.festival_column .festival_nav .slick-slide {position:relative; width:280px; height:400px; overflow:hidden; margin:0 20px 10px; box-sizing:border-box; padding-top:10px;}
.festival_column .festival_nav .slick-slide > div {position:relative; width:100%; height:100%; background-size:cover;}
.festival_column .festival_nav .pro_pic {position:relative; width:100%; height:100%; transition:all 200ms ease;}
.festival_column .festival_nav .pro_pic:hover {transform:translate(0, -10px); box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.7);}
.festival_column .festival_nav .festival01 .pro_pic {background:url('../img/main/festival_05.jpg') no-repeat center center / cover;}
.festival_column .festival_nav .festival02 .pro_pic {background:url('../img/main/festival_04.jpg') no-repeat center center / cover;}
.festival_column .festival_nav .festival03 .pro_pic {background:url('../img/main/festival_06.jpg') no-repeat center center / cover;}
.festival_column .festival_nav .festival04 .pro_pic {background:url('../img/main/festival_02.jpg') no-repeat center center / cover;}
.festival_column .festival_nav .pro_pic p {position:absolute; bottom:30px; left:40px; color:#fff; font-family:"scdream"; opacity:0.7;}

.festival_column .festival_nav button {position:absolute; top:35%; width:120px; height:30px; text-indent:-9999px; box-sizing:border-box; z-index:2; outline:none;}
.festival_column .festival_nav .slick-prev {left:-20%;}
.festival_column .festival_nav .slick-next {right:-20%;}
.festival_column .festival_nav .slick-prev:after {content:''; width:100%; height:2px; background:#fff; position:absolute; right:0; top:50%; margin-top:-1px; transition:all ease .3s;}
.festival_column .festival_nav .slick-prev:before {content:''; width:2px; height:28px; background:#fff; position:absolute; right:90%; top:-9px; transition:all ease .3s; transform:rotate(45deg);}
.festival_column .festival_nav .slick-next:after {content:''; width:100%; height:2px; background:#fff; position:absolute; left:0; top:50%; margin-top:-1px; transition:all ease .3s;}
.festival_column .festival_nav .slick-next:before {content:''; width:2px; height:28px; background:#fff; position:absolute; left:90%; top:-9px; transition:all ease .3s; transform:rotate(-45deg);}
.festival_column .festival_nav .slick-prev:hover:after {width:140%;}
.festival_column .festival_nav .slick-prev:hover:before {right:130%;}
.festival_column .festival_nav .slick-next:hover:after {width:140%;}
.festival_column .festival_nav .slick-next:hover:before {left:130%;}

@media screen and (max-width:1600px) {
	#sec05 {padding:130px 2% 180px;}
}

@media screen and (max-width:1200px) {
	#sec05 {height:900px; padding:50px 2% 180px;}
}

@media screen and (max-width:940px) {
	#sec05 {height:auto;}
	.festival_column {height:660px;}
	.festival_column .festival_tit {margin-left:-170px; width:340px; letter-spacing:2px; border-radius:0 0 40px 40px;}
	.festival_column .festival_for {position:relative; top:0; left:0; width:100%; z-index:1;}
	.festival_column .festival_for .pro_pic .pro_txt img {width:94%;}
	.festival_column .festival_nav {position:absolute; bottom:-100px; left:2%; margin-left:0; width:96%; z-index:2;}
	.festival_column .festival_nav .slick-slide {width:150px; height:360px; margin:0 5px 10px; outline:none;}
}

@media screen and (max-width:700px) {
	#sec05 {padding:50px 0 130px;}
	.festival_column {height:600px;}
	.festival_column .festival_nav .slick-slide {height:300px;}
}

@media screen and (max-width:480px) {
	#sec05 {padding:0 0 80px;}
	.festival_column {height:460px;}
	.festival_column .festival_nav {bottom:-50px;}
	.festival_column .festival_nav .slick-slide {height:180px;}
}



#sec06 {position:relative; width:100%; height:100vh;}
#sec06 .area {position:relative; width:100%; height:100%; padding:0 0 180px 50%; box-sizing:border-box; font-family:"scdream"; color:#fff;}
#sec06 .left_3dvr {position:absolute; top:0; left:0; width:50%; height:calc(100% - 180px); text-align:center; background:url('../img/main/sec06_bg1.jpg') no-repeat center center / cover;}
#sec06 .left_3dvr a {position:absolute; top:50%; left:50%; margin-left:-290px; margin-top:-230px; max-width:580px; width:80%; height:460px; border:15px solid #fff; color:#fff; box-sizing:border-box; transition:all 0.2s;}
#sec06 .left_3dvr a:hover {transform:translate(0, -20px);}
#sec06 .left_3dvr .txtBox {width:100%; height:100%; padding:60px; box-sizing:border-box; transition:all 0.2s;}
#sec06 .left_3dvr .txtBox .stit {font-weight:bold; letter-spacing:10px; padding-left:10px;}
#sec06 .left_3dvr .txtBox .btit {margin:0 auto; width:340px; height:110px; background:url('../img/main/txt_3dvr.png') no-repeat center center / 100%; font-size:0;}
#sec06 .left_3dvr .txtBox .txt span {color:#fff600;}
#sec06 .left_3dvr .check {position:absolute; bottom:12%; left:0; width:100%; color:#ffa800;}
#sec06 .infoBox {position:relative; width:100%; height:55%; background:url('../img/main/sec06_bg2.jpg') no-repeat center center / cover;}
#sec06 .infoBox .cont {position:absolute; left:80px; bottom:50px;}
#sec06 .infoBox .cont li {font-weight:300; font-family:'Gmarket Sans'; letter-spacing:-1px; line-height:130%;}
#sec06 .infoBox .cont li span {display:inline-block; width:85px; font-weight:300; color:#ffa800; font-family:"scdream";}
#sec06 .media {width:100%; height:45%;}
#sec06 .media li {float:left; width:50%; height:100%; text-align:center; transition:all 0.2s;}
#sec06 .media li a {position:relative; width:100%; height:100%; display:block; color:#fff;}
#sec06 .media li:nth-child(1) {background:#1474ea;}
#sec06 .media li:nth-child(2) {background:#ffc000;}
#sec06 .media li:nth-child(1) a {background:url('../img/main/icon_facebook.png') no-repeat center 38% / auto 40%;}
#sec06 .media li:nth-child(2) a {background:url('../img/main/icon_movie.png') no-repeat center 38% / auto 40%;}
#sec06 .media li a p {padding-top:65%; text-align:center; width:100%; height:100%; transition:all 0.2s;}
#sec06 .media li a:hover {transform:translate(0, -20px);}

/* 배너 */
.bannerWrap {position:absolute; bottom:0; left:50%; margin-left:-700px; max-width:1400px; width:100%; height:180px; padding:60px 0;}
.bannerWrap .banner_box {position:relative; width:100%; height:70px; padding:15px 0 15px 40px; overflow:hidden;}
.bannerWrap .banner_box .banner_area {width:100%;}
.bannerWrap .banner_box .banner_area ul {*zoom:1; width:100%;}
.bannerWrap .banner_box .banner_area ul:after {content:""; display:block; clear:both;}
.bannerWrap .banner_box .banner_area ul li {float:left; padding-right:10px; padding-bottom:10px; list-style-type:none;}
.bannerWrap .banner_box .banner_area ul li a {}
.bannerWrap .banner_box .banner_area ul li img {width:150px;}

.bannerWrap .ctrl_box {position:absolute; top:10px; left:0; width:50px; height:100%;}
.bannerWrap .ctrl_box a {position:absolute; top:0; width:16px; height:26px; background-image:url(./images/flow_ctrl_side_btn.gif);}
.bannerWrap .ctrl_box a.back {right:20px; background-position:0 0; top:0px;}
.bannerWrap .ctrl_box a.next {right:20px; background-position:16px 0; top:22px;}
.bannerWrap .ctrl_box a.play {background:none; width:auto; height:auto; top:0; left:-30px; font-size:13px; color:#fff; background:#333; border-radius:15px; text-decoration:none; padding:5px 10px;}
.bannerWrap .ctrl_box a.stop {background:none; width:auto; height:auto; top:31px; left:-30px; font-size:13px; color:#fff; background:#333; border-radius:15px; text-decoration:none; padding:5px 10px;}

@media screen and (max-width:1600px) {
	#sec06 .left_3dvr a {left:10%; margin-left:0; margin-top:-230px; width:80%; height:460px;}
	#sec06 .media li a p {padding-top:260px;}
}

@media screen and (max-width:1200px) {
	#sec06 {height:90vh;}
	#sec06 .left_3dvr a {left:5%; margin-left:0; margin-top:-230px; width:90%; height:460px;}
	#sec06 .left_3dvr .txtBox {padding:40px 30px;}
	#sec06 .left_3dvr .check {position:absolute; bottom:45px; left:4%; width:92%; color:#ffa800;}
	#sec06 .media li a p {padding-top:220px;}
}

@media screen and (max-width:940px) {
	#sec06 .left_3dvr .txtBox .stit {letter-spacing:5px;}
	#sec06 .left_3dvr .txtBox .btit {width:250px; height:85px;}
	#sec06 .left_3dvr .txtBox .txt br {display:none;}
}

@media screen and (max-width:700px) {
	#sec06 {position:relative; width:100%; height:auto;}
	#sec06 .area {position:relative; width:100%; height:100%; padding:0; box-sizing:border-box; font-family:"scdream"; color:#fff;}
	#sec06 .left_3dvr {position:relative; top:0; left:0; width:100%; height:520px;}
	#sec06 .left_3dvr a {margin-top:-200px; height:340px; border:7px solid #fff;}
	#sec06 .left_3dvr .txtBox .stit {letter-spacing:7px;}
	#sec06 .left_3dvr .txtBox .btit {margin:0 auto; width:330px; height:110px;}
	#sec06 .left_3dvr .check {bottom:45px;}
	#sec06 .infoBox {height:220px;}
	#sec06 .infoBox .cont {left:20px; bottom:30px;}
	#sec06 .media {height:200px;}
	#sec06 .media li a p {padding-top:140px;}
	.bannerWrap {position:relative; left:0; margin-left:0; width:100%; height:120px; padding:25px 0;}
}

@media screen and (max-width:480px) {
	#sec06 .left_3dvr {height:480px;}
	#sec06 .left_3dvr .txtBox .stit {letter-spacing:5px;}
	#sec06 .left_3dvr .txtBox .btit {width:230px; height:75px;}
	#sec06 .left_3dvr .check {bottom:35px;}
}





/* 서브페이지 */

.Img img {width:100%;}
.yT {color:#ffa800;}
.rT {color:#e10000;}
.oT {color:#ff9600;}



/* 테마파크 시설안내 */
.titBox {width:100%; text-align:center;}
.titBox .tit {line-height:120%;}
.titBox .txt {padding:0 10%;}
.titBox .txt p {line-height:150%; padding:0;}

.titBox.bg_w {position:relative; width:82%; margin:-100px auto 0; background:#fff; padding:70px 50px;}
.titBox.bg_w:before {position:absolute; content:''; width:122%; bottom:0; left:-11%; border-bottom:1px dashed #ddd;}

.txtBox {padding:0 7%;}
.txtBox p {line-height:150%; padding:10px 0;}

.guide_map {position:relative; z-index:1; width:100%;}
.guide_map .map_img img {width:100%;}
.guide_map .map_warning {position:absolute; z-index:10; bottom:10px;right:10px; padding:20px 30px; background:#fff600; color:#000;}
.guide_map .map_warning h4 {color:#ef0000;}
.guide_map .map_pin {}
.guide_map .area_tab_main {position:absolute; top:0; left:0; width:100%; height:100%;}
.guide_map .area_tab_main .m_guide {display:none;}
.guide_map .area_tab_main button {position:absolute;}

.guide_map .area_tab_main button span {position:relative; font-size:0.75em; color:#fff; z-index:1; background:#222; border-radius:4px; padding:0 6px 2px;}
.guide_map .area_tab_main button span:before,
.guide_map .area_tab_main button span:after {content:''; position:absolute; left:50%; top:-22px; border-radius:50%; transform:translateX(-50%);}
.guide_map .area_tab_main button span:before {width:18px; height:18px; background:rgba(255,255,255,.3);}
.guide_map .area_tab_main button span:after {width:10px; height:10px; background:rgba(0,174,239,1); top:-18px;}
.guide_map .area_tab_main button span i {font-style:normal; letter-spacing:-0.5px; font-family:'Noto Sans KR';}
.guide_map .area_tab_main button.on span {background:rgba(255,0,0,1); z-index:10;}
.guide_map .area_tab_main button.on span:before {width:24px; height:24px; border:3px solid #ff0000; border-radius:50%; background:#fff; top:-26px;}
.guide_map .area_tab_main button.on span:after {width:14px; height:14px; background:rgba(255,0,0,1); top:-21px;}

.guide_map .area_tab_main button:nth-of-type(3) span {display:block; height:50px; padding:3px 6px 2px; line-height:140%;}
.guide_map .area_tab_main button:nth-of-type(23) span {display:block; padding:3px 6px 2px; line-height:110%;}

.guide_map .area_tab_main button:nth-of-type(1) {left:63%; top:58%;}  /*임실N치즈판매장*/
.guide_map .area_tab_main button:nth-of-type(2) {left:26%; top:68%;}  /*임실치즈&식품연구소*/
.guide_map .area_tab_main button:nth-of-type(3) {left:38%; top:42%;}  /*치즈캐슬*/
.guide_map .area_tab_main button:nth-of-type(4) {left:27%; top:40%;}  /*치즈관*/
.guide_map .area_tab_main button:nth-of-type(5) {left:23%; top:37%;}  /*테마관*/
.guide_map .area_tab_main button:nth-of-type(6) {left:36%; top:33%;}  /*파크관*/
/* .guide_map .area_tab_main button:nth-of-type(7) {left:44%; top:33%;}  /*4D영상관*/
.guide_map .area_tab_main button:nth-of-type(7) {left:52%; top:32%;}  /*치즈레스토랑*/
.guide_map .area_tab_main button:nth-of-type(8) {left:14%; top:31%;}  /*홍보탑*/
.guide_map .area_tab_main button:nth-of-type(9) {left:28%; top:26%;}  /*유가축장*/
/* .guide_map .area_tab_main button:nth-of-type(11) {left:18%; top:28%;}  /*플레이랜드*/
.guide_map .area_tab_main button:nth-of-type(10) {left:64%; top:27%;}  /*지정환홀*/
.guide_map .area_tab_main button:nth-of-type(11) {left:75%; top:21.5%;}  /*갤러리 시계탑*/
.guide_map .area_tab_main button:nth-of-type(12) {left:76.5%; top:14%;}  /*베이커리 화락당*/
.guide_map .area_tab_main button:nth-of-type(13) {left:80%; top:18%;}  /*치즈숙성실*/
.guide_map .area_tab_main button:nth-of-type(14) {left:68%; top:38%;}  /*유가공공장*/
.guide_map .area_tab_main button:nth-of-type(15) {left:75%; top:47%;}  /*방문자센터*/
.guide_map .area_tab_main button:nth-of-type(16) {left:72%; top:80%;}  /*주차장*/
.guide_map .area_tab_main button:nth-of-type(17) {left:76%; top:31%;}  /*서바이벌게임장*/
.guide_map .area_tab_main button:nth-of-type(18) {left:84%; top:13%;}  /*임실치즈펜션*/
.guide_map .area_tab_main button:nth-of-type(19) {left:85%; top:20%;}  /*노을전망대*/
.guide_map .area_tab_main button:nth-of-type(20) {left:24%; top:80%;}  /*장미정원*/
.guide_map .area_tab_main button:nth-of-type(21) {left:73%; top:17.5%;}  /*치즈요리체험관(음식연구회)*/
.guide_map .area_tab_main button:focus {outline:none;}

.guide_map .area_tab_main .panel {position:absolute; padding:25px; width:360px; background:#fff; border-radius:10px; z-index:11; box-shadow:10px 10px 30px rgba(0,0,0,.4);text-align:left;}
.guide_map .area_tab_main .panel .tit {font-weight:500; margin-bottom:10px; padding:5px 2px; font-family:"scdream";}
.guide_map .area_tab_main #map16.panel .tit {font-size:19px; padding:5px 0;}
.guide_map .area_tab_main .panel .cont .photo img {width:100%;}
.guide_map .area_tab_main .panel .cont .txt {opacity:.8;}
.guide_map .area_tab_main .panel .more {float:right; font-size:14px; padding:2px 15px; background:#ccc; border-radius:12px; color:#777;}
.guide_map .area_tab_main .panel .more:hover {background:#ffb400; color:#fff;}
.guide_map .area_tab_main .panel .hashClose {position:absolute; right:20px; top:20px; width:38px; height:38px; background-color:transparent; border:0; font-size:0;}
.guide_map .area_tab_main .panel .hashClose:before,
.guide_map .area_tab_main .panel .hashClose:after {content:""; display:block; width:2px; height:34px; position:absolute; top:50%; left:50%; margin-top:-17px; background:#222; transition:all .3s ease}
.guide_map .area_tab_main .panel .hashClose:before {transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
.guide_map .area_tab_main .panel .hashClose:after {transform:rotate(-135deg);-ms-transform:rotate(-135deg)}

#map1 {right:40%; top:25%;}  /*임실N치즈판매장*/
#map2 {left:38%; top:40%;}  /*임실치즈&식품연구소*/
#map3 {left:50%; top:30%;}  /*치즈캐슬*/
#map4 {left:32%; top:25%;}  /*치즈관*/
#map5 {left:30%; top:25%;}  /*테마관*/
#map6 {left:41%; top:15%;}  /*파크관*/
#map7 {left:51%; top:20%;}  /*4D영상관*/
#map8 {left:58%; top:20%;}  /*치즈레스토랑*/
#map9 {left:20%; top:20%;}  /*홍보탑*/
#map10 {left:34%; top:15%;}  /*유가축장*/
#map11 {left:24%; top:15%;}  /*플레이랜드*/
#map12 {right:38%; top:10%;}  /*지정환홀*/
#map13 {right:27%; top:10%;}  /*갤러리 시계탑*/
#map14 {right:25%; top:7%;}  /*베이커리 화락당*/
#map15 {right:22%; top:10%;}  /*치즈숙성실*/
#map16 {right:34%; top:20%;}  /*유가공공장*/
#map17 {right:26%; top:30%;}  /*방문자센터*/
#map18 {right:30%; top:50%;}  /*주차장*/
#map19 {right:25%; top:20%;}  /*서바이벌게임장*/
#map20 {right:20%; top:10%;}  /*임실치즈펜션*/
#map21 {right:18%; top:10%;}  /*노을전망대*/
#map22 {left:30%; bottom:5%;}  /*장미정원*/
#map23 {right:27%; top:10%;}  /*치즈요리체험관(음식연구회)*/

@media all and (max-width:1600px){	
	.guide_map {-webkit-overflow-scrolling:touch; overflow-x: scroll; overflow-y: auto; width:100%;}
	.guide_map .map_warning {left:3%; right:auto;}	
	.guide_map .map_img img {width:1600px; transition:all 200ms ease;}
	.guide_map .area_tab_main {width:1600px; transition:all 200ms ease;}
}

@media all and (max-width:700px){
	.titBox {padding-top:40px;}
	.titBox .txt {padding:0;}
	.titBox .txt p br {display:none;}
	.guide_map .area_tab_main .m_guide {display:block; position:absolute; top:40px; left:2%; color:#fff; padding:10px 20px; background:red; opacity:0.7;}
}

@media all and (max-width:480px){
	.guide_map .map_warning {padding:15px; width:94%;box-sizing:border-box;}
	.guide_map .map_warning p br {display:none;}
}


/* 임실N치즈소개 */
.cheeseIntro .cont {position:relative; width:100%;}
.cheeseIntro .cont .inner01 {position:relative; width:100%;}
.cheeseIntro .cont .inner01:before {content:''; position:absolute; top:0; right:0; width:60%; height:100%; background:url(../img/sub/10/102000_bg2.jpg) no-repeat 50% 50% / cover;}
.cheeseIntro .cont .inner01 .big_tit {width:37%;}
.cheeseIntro .cont .inner01 .big_tit h3 {font-weight:600; line-height:120%;}
.cheeseIntro .cont .inner01 .big_tit h3 span {display:block; color:#ffa800;}
.cheeseIntro .cont .inner01 .tBox {font-weight:500; letter-spacing:-1px;}
.cheeseIntro .cont .inner01 .tBox .txt {font-weight:400; line-height:125%; font-size:0.8em;}
.cheeseIntro .cont .inner01 .tBox .txt > li {position:relative; padding-left:15px; margin-bottom:10px;}
.cheeseIntro .cont .inner01 .tBox .txt > li:before {content:''; position:absolute; top:10px; left:5px; width:4px; height:4px; background:#999;}
.cheeseIntro .cont .inner01 .tBox .txt > li ul {margin:5px 0 0;}
.cheeseIntro .cont .inner01 .tBox .txt > li ul li {position:relative; padding-left:12px; font-size:0.9em;}
.cheeseIntro .cont .inner01 .tBox .txt > li ul li:before {content:''; position:absolute; top:10px; left:0; width:6px; height:1px; background:#999;}

.cheeseIntro .cont .inner02 {position:relative; width:100%;}
.cheeseIntro .cont .inner02 h4 {line-height:110%;}
.cheeseIntro .cont .inner02 h4 span {display:block; font-weight:500; font-family:'Gmarket Sans'; color:#ffa800;}
.cheeseIntro .cont .inner02 .cont1 {max-width:800px; width:100%; margin:0 auto;}
.cheeseIntro .cont .inner02 .cont1 li {display:inline-block; width:calc((100% - 18px) / 2); margin-right:10px; margin-bottom:40px; text-align:center; vertical-align:top}
.cheeseIntro .cont .inner02 .cont1 li:last-child {margin-right:0;}
.cheeseIntro .cont .inner02 .cont1 li .tit {color:#ffa800;font-family:'Gmarket Sans';}
.cheeseIntro .cont .inner02 .cont1 li .photo {position:relative; margin:10px 0;}
.cheeseIntro .cont .inner02 .cont1 li .photo img {max-width:300px; width:96%;}
.cheeseIntro .cont .inner02 .cont1 li .photo:before {content:''; position:absolute; top:-7px; left:50%; margin-left:-7px; width:14px; height:14px; background:#ffa800; border-radius:50%;}
.cheeseIntro .cont .inner02 .cont1 li p span {display:block;}
.cheeseIntro .cont .inner02 .cont2 li {display:inline-block; width:calc((100% - 52px) / 4); margin-right:10px; margin-bottom:50px; text-align:center; vertical-align:top}
.cheeseIntro .cont .inner02 .cont2 li:last-child {margin-right:0;}
.cheeseIntro .cont .inner02 .cont2 li .tit {color:#ffa800;font-family:'Gmarket Sans';}
.cheeseIntro .cont .inner02 .cont2 li .photo {position:relative; margin:10px 0;}
.cheeseIntro .cont .inner02 .cont2 li .photo:before {content:''; position:absolute; top:-7px; left:50%; margin-left:-7px; width:14px; height:14px; background:#ffa800; border-radius:50%;}
.cheeseIntro .cont .inner02 .cont2 li .photo img {max-width:300px; width:96%;}
.cheeseIntro .cont .inner02 .cont2 li p {}

.cheeseIntro .cont .imsilncheese {position:relative; width:100%; height:300px; background:url(../img/sub/10/102000_sitego.jpg) no-repeat 50% 50% / cover;}
.cheeseIntro .cont .imsilncheese a {position:absolute; top:70%; left:50%; margin-left:-150px; width:300px; display:inline-block; text-align:center; background:#ff3600; color:#fff; padding:7px 20px; border-radius:20px; transition:all 0.2s;}
.cheeseIntro .cont .imsilncheese a:hover {background:#000; color:#fff;}

.cheeseIntro .cont .inner03 {position:relative; width:100%; padding-left:40%;}
.cheeseIntro .cont .inner03 .tBox {position:absolute; top:0; left:0; width:40%; padding-right:100px;}
.cheeseIntro .cont .inner03 .tBox h3 {font-weight:600; line-height:120%;}
.cheeseIntro .cont .inner03 .tBox h3 span {display:block; color:#ffa800; font-family:"scdream"; letter-spacing:0; line-height:120%; margin-bottom:20px;}
.cheeseIntro .cont .inner03 .img_wrap {width:100%;}

.cheeseIntro .cont .inner04 {position:relative; width:100%; padding-right:40%;}
.cheeseIntro .cont .inner04 .tBox {position:absolute; top:0; right:0; width:40%; padding-left:100px;}
.cheeseIntro .cont .inner04 .tBox h3 {font-weight:600; line-height:120%;}
.cheeseIntro .cont .inner04 .tBox h3 span {display:block; color:#ffa800; font-family:"scdream"; letter-spacing:0; line-height:120%; margin-bottom:20px;}
.cheeseIntro .cont .inner04 .img_wrap {width:100%;}

@media all and (max-width:940px){	
	.cheeseIntro .cont .inner01 {padding-bottom:240px; margin-bottom:60px;}
	.cheeseIntro .cont .inner01:before {width:100%; height:240px; top:auto; bottom:0;}
	.cheeseIntro .cont .inner01 .big_tit {width:100%; margin-bottom:20px; padding-left:2%;}
	.cheeseIntro .cont .inner01 .big_tit h3 {text-align:center;}
	.cheeseIntro .cont .inner01 .tBox .txt {font-size:0.9em;}
	
	.cheeseIntro .cont .imsilncheese {height:240px;}
	.cheeseIntro .cont .imsilncheese a {top:65%;}

	.cheeseIntro .cont .inner03 {padding-left:0; }
	.cheeseIntro .cont .inner03 .tBox {position:relative; top:auto; width:100%; padding-right:0; padding-top:0;}

	.cheeseIntro .cont .inner04 {padding-right:0;}
	.cheeseIntro .cont .inner04 .tBox {position:relative; top:auto; width:100%; padding-left:0; padding-top:0;}
}

@media all and (max-width:700px){
	.cheeseIntro .cont .inner02 .tBox h3 span {display:block;}
	.cheeseIntro .cont .inner02 .cont2 li {width:calc((100% - 18px) / 2); margin-bottom:30px;}
	.cheeseIntro .cont .inner02 .cont2 li:nth-child(even) {margin-right:0;}
}



/* 전화번호안내 */
.infoWrap {position:relative; padding-left:50%;}
.infoWrap:before {content:''; position:absolute; top:0; left:0; width:45%; height:100%; background:url(../img/sub/10/104000_img.jpg) no-repeat 50% 50% / cover;}

@media all and (max-width:940px){	
	.infoWrap {padding-left:0;}
	.infoWrap:before {display:none;}
}



/* 오시는길 */
.mapBox {position:relative;}
.mapBox .map_area {position:relative; z-index:1; width:94%; margin:0 auto;}
.root_daum_roughmap {width:100% !important; border:none; padding:0;}
.root_daum_roughmap .wrap_map {height:600px !important;}
.wrap_controllers {display:none;}

.mapBox .cont_area {position:relative; z-index:2; margin-top:-150px; width:100%;}
.mapBox .cont_area .area {margin:0 auto; max-width:1200px; width:94%; border:1px solid #dedede; background:#fff; text-align:center;
	-webkit-box-shadow:0px 4px 16px rgba(43, 54, 86, 0.3); box-shadow:0px 4px 16px rgba(43, 54, 86, 0.3);}
.mapBox .cont_area .addr {line-height:120%; color:#333; margin:0 5% 30px; letter-spacing:-1.5px; font-family:"scdream";}
.mapBox .cont_area .tel {display:inline-block; margin:0 auto;}
.mapBox .cont_area dl {display:inline-block;}
.mapBox .cont_area dl dt, .mapBox .cont_area dl dd {float:left; line-height:30px; margin-bottom:5px;}
.mapBox .cont_area dl dt {width:30px; height:30px; color:#fff; font-size:14px; font-weight:700; margin:0 10px 0 20px; border-radius:15px;}
.mapBox .cont_area dl dt.t_bg {background:#ffa800;}
.mapBox .cont_area dl dt.f_bg {background:#abc50c;}
.mapBox .cont_area dl dd {margin-right:20px; color:#000; line-height:35px; font-weight:300; font-family:'Gmarket Sans';}
.mapBox .cont_area .cont {margin:0 auto; width:90%;}
.mapBox .cont_area .cont li {display:inline-block; width:48%; vertical-align:top; margin:0 0.5%;}
.mapBox .cont_area .cont li .tit {color:#fff; line-height:50px;}
.mapBox .cont_area .cont li:nth-child(1) .tit {background:#ffa800;}
.mapBox .cont_area .cont li:nth-child(2) .tit {background:#abc50c;}
.mapBox .cont_area .cont li .text-area {text-align:left; margin-top:20px;}
.mapBox .cont_area .cont li .text-area p {position:relative; padding:7px 0 7px 120px; line-height:130%; color:#777;}
.mapBox .cont_area .cont li .text-area p span {position:absolute; top:0; left:0; width:110px; padding:7px 0; text-align:right; color:#ffa800;}

@media all and (max-width:1200px){
	.root_daum_roughmap .wrap_map {height:400px !important;}
	.mapBox .cont_area {margin-top:0;}
	.mapBox .cont_area .cont {width:94%;}
	.mapBox .cont_area .cont li .text-area {font-size:17px;}
	.mapBox .cont_area .cont li .text-area p {padding-left:110px;}
	.mapBox .cont_area .cont li .text-area p span {width:100px;}
}

@media all and (max-width:940px){	
	.mapBox .cont_area .cont li .text-area {font-size:15px;}
	.mapBox .cont_area .cont li .text-area p {padding-left:90px;}
	.mapBox .cont_area .cont li .text-area p span {width:80px;}
}

@media all and (max-width:700px){
	.mapBox .cont_area dl {display:block;}
	.mapBox .cont_area .cont li {width:100%; margin:0;}
	.mapBox .cont_area .cont li:nth-child(1) {margin-bottom:30px;}
	.mapBox .cont_area .cont li .text-area p {padding-left:110px;}
	.mapBox .cont_area .cont li .text-area p span {width:100px;}
}

@media all and (max-width:480px){	
	.mapBox {padding-top:40px;}
	.mapBox .cont_area .cont li .text-area p {padding-left:90px;}
	.mapBox .cont_area .cont li .text-area p span {width:80px;}
}



/* 치즈·피자체험 */
.area_content {position:relative; z-index:1; width:100%;}
.area_bg {position:relative; z-index:1; width:100%;background:url('../img/sub/20/201000_bg.jpg') no-repeat center top / cover;}
.area_bg:after {position:absolute; z-index:2; content:'IMSILCHEESETHEMEPARK'; top:1300px; left:50%; margin-left:-400px; font-size:200px; color:#000; font-weight:900; opacity:0.03; transform:rotate(90deg); text-align:left;}
.area_content .area_tab_main {position:relative; max-width:1200px; width:100%; margin:0 auto; box-sizing:border-box; padding:0;}
.area_content .area_tab_main.btn_line {padding:180px 0 0;}
.area_content .area_tab_main.btn_line:before {position:absolute; z-index:3; content:''; top:60px; left:50%; margin-left:-1500px; width:3000px; height:1px; background:#e5e5e5;}
.area_content .area_tab_main button.tab {position:absolute; z-index:4; top:0; left:100px; width:200px; height:20px; line-height:20px; box-sizing:border-box; padding:20px 0; background:transparent; text-align:center; font-family:"scdream"; transition:all 0.3s ease;}
.area_content .area_tab_main button.tab:hover {color:#000;}
.area_content .area_tab_main button.tab:nth-of-type(1) {left:calc(0 + 200px);}
.area_content .area_tab_main button.tab:nth-of-type(2) {left:calc(100px + 200px);}
.area_content .area_tab_main button.tab:nth-of-type(3) {left:calc(300px + 200px);}
.area_content .area_tab_main button.tab:nth-of-type(4) {left:calc(500px + 200px);}
.area_content .area_tab_main button.tab:nth-of-type(5) {left:calc(700px + 200px);}
.area_content .area_tab_main button.tab.on {top:20px; width:200px; height:60px; background:#ffb400; color:#fff; font-weight:600; box-shadow:0 15px 15px rgba(65,71,143,0.2);}
.area_content .area_tab_main button.tab:focus {outline:none;}

.exp .titBox {position:relative; width:100%; height:470px; padding:110px 5% 0; text-align:center; color:#fff; margin:0 auto; font-family:'jalnan';}
.exp .titbg2010_01 {background:url('../img/sub/20/201010_titbg.jpg') no-repeat center center / cover;}
.exp .titbg2010_02 {background:url('../img/sub/20/201020_titbg.jpg') no-repeat center center / cover;}
.exp .titbg2010_03 {background:url('../img/sub/20/201030_titbg.jpg') no-repeat center center / cover;}
.exp .titbg2010_04 {background:url('../img/sub/20/201040_titbg.jpg') no-repeat center center / cover;}
.exp .titbg2010_05 {background:url('../img/sub/20/201010_titbg.jpg') no-repeat center center / cover;}
.exp .titbg2020 {background:url('../img/sub/20/202000_titbg.jpg') no-repeat center center / cover;}
.exp .titbg2030 {background:url('../img/sub/20/203000_titbg.jpg') no-repeat center center / cover;}
.exp .titbg2040 {background:url('../img/sub/20/204000_titbg.jpg') no-repeat center center / cover;}
.exp .titbg2050 {background:url('../img/sub/20/205000_titbg.jpg') no-repeat center center / cover;}
.exp .titbg2060_01 {background:url('../img/sub/20/206000_titbg.jpg') no-repeat center center / cover;}
.exp .titBox:before {position:absolute; z-index:-1; content:''; top:200px; right:0; width:2800px; height:470px; background:#ffb400;}
.exp .titBox h4 {display:inline-block; padding:0 7px; line-height:60px; border:1px solid #999; border-width:1px 0; color:#ffc000; letter-spacing:0;}
.exp .titBox h4 span {position:relative; top:3px;}
.exp .titBox .txt {font-family:'Noto Sans KR'; letter-spacing:-1px;}

.exp .inn {position:relative; width:96%; margin:0 auto;}

.exp .infoBox {position:relative; width:100%; height:200px; color:#fff; line-height:240%;}
.exp .infoBox .info {float:left; width:calc(100% - 700px); height:100%; padding:50px 0 0 40px;}
.exp .infoBox .info li {position:relative; padding:5px 0 5px 110px; line-height:130%;}
.exp .infoBox .info li span {position:absolute; top:0; left:0; width:120px; padding:5px 0 5px 15px;}
.exp .infoBox .info li span:before {position:absolute; content:''; top:18px; left:0; width:6px; height:6px; background:#000; opacity:0.5;}
.exp .infoBox.w2 .info {width:calc(100% - 350px);}
.exp .infoBox .price {position:absolute; top:0; right:350px; width:350px; height:100%; padding:35px 0 0 50px; background:#ffa200;}
.exp .infoBox .price p {font-weight:200; letter-spacing:0; line-height:150%;}
.exp .infoBox .checkin {position:absolute; top:0; right:350px; width:350px; height:100%; padding:50px 0 0 60px; background:#ffa200;}
.exp .infoBox .checkin p {position:relative; font-weight:400; padding:5px 0; line-height:130%;}
.exp .infoBox .reserve {position:absolute; top:0; right:0; width:350px; height:100%; padding:55px 0 0 70px; line-height:130%; background:#02c2d3; color:#fff; transition:all 0.2s;}
/*.exp .infoBox .reserve:hover {background:#029ad3;}*/
.exp .infoBox .reserve .more {position:relative; transition:all 0.4s ease-out;}
.exp .infoBox .reserve .more .arr-more {position:absolute; left:100px; top:13px; width:80px; height:30px; display:block; z-index:2; font-size:0;}
.exp .infoBox .reserve .more .arr-more:after {content:''; width:100%; height:2px; background:#fff; position:absolute; left:0; top:50%; margin-top:-1px; transition:all ease .3s;}
.exp .infoBox .reserve .more .arr-more:before {content:''; width:2px; height:18px; background:#fff; position:absolute; left:93%; top:0; margin-left:-1px; transition:all ease .3s; transform:rotate(-45deg);}
.exp .infoBox .reserve:hover .arr-more:after {width:140%;}
.exp .infoBox .reserve:hover .arr-more:before {left:133%;}

.exp .contWrap {width:100%; background:#fff; padding:100px; box-shadow:0 0 25px rgba(65,71,143,0.2);}

.exp .contBox {}
.exp .contBox > li {position:relative; display:inline-block; width:100%; min-height:200px; padding:20px 0 0 360px; margin-bottom:60px;}
.exp .contBox > li:last-child {margin-bottom:0;}
.exp .contBox > li .Img {position:absolute; width:300px; height:200px; left:0; top:0;}
.exp .contBox > li .Img img {border-radius:15px;}
.exp .contBox > li dl dt {margin-bottom:20px;}
.exp .contBox > li dl dt p {line-height:120%;}

.exp .dl_guide {position:relative; width:100%; margin:0 auto;}
.exp .dl_guide dt {position:relative; width:100%; line-height:130%; color:#ffc000; font-family:"scdream"; margin-bottom:20px;}
.exp .dl_guide dt span {float:right; margin-right:20px; font-weight:500; color:#ff8000;}
.exp .dl_guide dd ul {display:table; width:100%;}
.exp .dl_guide dd ul > * {display:table-cell; vertical-align:top;}
.exp .dl_guide dd ul li {display:inline-block; position:relative; width:calc((100% - 45px) / 3); height:100%; min-height:150px; background:#fff; border:1px solid #d7d7d7; border-radius:7px; margin-right:20px; padding:30px 20px; padding-left:160px;}
.exp .dl_guide dd ul li:before {position:absolute; content:''; top:50%; left:50px; transform:translateY(-50%); width:80px; height:80px; background:#ddd;}
.exp .dl_guide dd ul li:nth-child(1), 
.exp .dl_guide dd ul li:nth-child(2) {padding-top:40px;}
.exp .dl_guide dd ul li:nth-child(3) {margin-right:0;}
.exp .dl_guide dd ul li:nth-child(1):before {background:url('../img/sub/20/icon1.png') no-repeat center center / cover;} 
.exp .dl_guide dd ul li:nth-child(2):before {background:url('../img/sub/20/icon2.png') no-repeat center center / cover;}
.exp .dl_guide dd ul li:nth-child(3):before {background:url('../img/sub/20/icon3.png') no-repeat center center / cover;}
.exp .dl_guide dd ul li.tel {line-height:140%; font-weight:500; font-family:'Gmarket Sans';}
.exp .dl_guide dd ul li.time span {display:inline-block; margin-right:7px; color:#ff8000;}

.exp .dl_cont {position:relative; padding-left:400px; width:100%;}
.exp .dl_cont dt {position:absolute; width:300px; height:200px; line-height:130%; left:40px; top:0; color:#ffc000; font-family:"scdream"; margin-bottom:20px;}
.exp .dl_cont dt span {padding-left:3px; font-weight:500;}
.exp .dl_cont dt p {color:#ffc000;}
.exp .dl_cont dd {color:#777;}
.exp .dl_cont dd ol {margin-left:20px; }

.exp .check {position:relative; width:100%; height:100%;}
.exp .check:before {position:absolute; content:''; z-index:-1; width:3000px; height:calc(100% + 180px); left:50%; margin-left:-1500px; top:-180px; background:#f0f0f0;}
.exp .check dl {position:relative; padding-left:450px;}
.exp .check dl dt {position:absolute; width:300px; height:200px; line-height:130%; left:100px; top:0; color:#ffc000; font-family:"scdream";}
.exp .check dl dd p {position:relative; padding:3px 0 3px 15px; color:#777;}
.exp .check dl dd p:before {position:absolute; content:''; top:15px; left:0; width:4px; height:4px; background:#8a8a8a;}
.exp .check dl dd p.none:before {display:none;}
.exp .check .gBox {display:inline-block; border:1px solid #ccc; padding:10px 20px; border-radius:10px;}
.exp .check .gBox li {position:relative; padding:2px 12px;}
.exp .check .gBox li:before {position:absolute; content:''; top:13px; left:0; width:5px; height:1px; background:#8a8a8a;}

.photo_info {position:relative; z-index:2; display:table; max-width:1400px; width:100%; height:100%;}
.photo_info li {position:relative; min-height:300px;}
.photo_info li.fr {padding-left:50%; text-align:left;}
.photo_info li.fl {padding-right:50%; text-align:left;}
.photo_info dl {padding:70px 60px;}
.photo_info dl dt {position:relative; line-height:130%; font-family:"scdream";}
.photo_info dl dt span {display:block; color:#ffb400; line-height:130%; margin-bottom:10px;}
.photo_info li .Img {position:absolute; width:50%; height:100%; top:0; overflow:hidden; display:inline-block;}
.photo_info li.fr .Img {left:0;}
.photo_info li.fl .Img {left:50%;}
.photo_info li .bg1010_img2 {background:url('../img/sub/10/101000_img2.jpg') no-repeat center center / cover;}
.photo_info li .bg1010_img3 {background:url('../img/sub/10/101000_img3.jpg') no-repeat center center / cover;}
.photo_info li .bg2020_img2 {background:url('../img/sub/20/202000_img01.jpg') no-repeat center center / cover;}
.photo_info li .bg2020_img3 {background:url('../img/sub/20/202000_img02.jpg') no-repeat center center / cover;}
.photo_info li .bg2030_img2 {background:url('../img/sub/20/203000_img01.jpg') no-repeat center center / cover; transition:all 0.2s;}
.photo_info li .bg2030_img3 {background:url('../img/sub/20/203000_img02.jpg') no-repeat center center / cover; transition:all 0.2s;}
.photo_info li .bg2030_img2:hover {background:url('../img/sub/20/203000_img01_o.jpg') no-repeat center center / cover;}
.photo_info li .bg2030_img3:hover {background:url('../img/sub/20/203000_img02_o.jpg') no-repeat center center / cover;}

.photo_list {position:relative; width:100%; display:inline-block;}
.photo_list li {float:left; width:24%; margin:10px 0.5%; text-align:center;}
.photo_list li p {margin-top:10px;}
.photo_list li img {width:100%;}

.tableType {width:100%; border-collapse:separate;*border-collapse:collapse; border-spacing:0; line-height:120%; letter-spacing:-1px; font-size:0.95em;}
.tableType caption {display:none;}
.tableType thead th {background:#54482c; border-right:1px #6e6142 solid; border-bottom:1px #6e6142 solid; font-weight:normal; padding:15px 10px; color:#fff; text-align:center;}
.tableType thead.yB th {background:#a5861a; border-right:1px #b59b41 solid; border-bottom:1px #b59b41 solid; padding:10px 10px;}
.tableType tbody th {background:#f1f4ed; border-right:1px #ddd solid; border-bottom:1px #ddd solid; padding:15px 10px; color:#555;}
.tableType td {background:#fff; border-right:1px #ddd solid; border-bottom:1px #ddd solid; word-break:break-all; color:#555; text-align:center; padding:15px 10px;}
.tableType thead th:last-child,
.tableType td:last-child {border-right:0;}

.tableType2 {width:100%; border-collapse:separate;*border-collapse:collapse; border-spacing:0; line-height:120%; letter-spacing:-1px; font-size:0.95em; border-top:2px #6d4d00 solid;}
.tableType2 caption {display:none;}
.tableType2 thead th {background:#54482c; border-left:1px #6e6142 solid; border-bottom:1px #6e6142 solid; font-weight:normal; padding:10px 10px; color:#fff; text-align:center;}
.tableType2 tbody th {background:#f4f3ed; border-left:1px #ddd solid; border-bottom:1px #ddd solid; padding:14px 10px; color:#555;text-align:center;}
.tableType2 td {background:#fff; border-left:1px #ddd solid; border-bottom:1px #ddd solid; word-break:break-all; color:#555; text-align:center; padding:14px 10px;}
.tableType2 thead th:first-child, .tableType2 tbody th:first-child,
.tableType2 td:first-child {border-left:0;}

.tableType3 {width:100%; border-collapse:separate;*border-collapse:collapse; border-spacing:0; line-height:120%; letter-spacing:-1px; font-size:0.86em; border-top:2px #6d4d00 solid;}
.tableType3 caption {display:none;}
.tableType3 tbody th {background:#f1f4ed; border-left:1px #ddd solid; border-bottom:1px #ddd solid; padding:14px 10px; color:#555;text-align:center;}
.tableType3 td {background:#fff; border-left:1px #ddd solid; border-bottom:1px #ddd solid; word-break:break-all; color:#555; text-align:center; padding:14px 10px;}
.tableType3 td:first-child {border-left:0;}
.tableType3 td:nth-child(2),
.tableType3 td:nth-child(4) {border-right:2px #ddd solid;}
.tableType3 .bb td {background:#eee;}

.dot {}
.dot li {position:relative; padding:3px 12px; line-height:23px;}
.dot li:before {position:absolute; content:''; top:15px; left:0; width:6px; height:1px; background:#8a8a8a;}

.gBox {background:#f0f0f0; padding:20px 30px; line-height:200%;}

.w50 {width:100%; display:table;}
.w50 li {display:inline-block; width:50%; box-sizing:border-box; vertical-align:top; margin-bottom:30px;}
.w50 li:nth-child(1) {padding-right:20px;}
.w50 li:nth-child(2) {padding-left:20px;}
.w50 li:nth-child(3) {padding-right:20px;}

.bottom_gray {position:relative;}
.bottom_gray:before {position:absolute; content:''; z-index:-1; width:3000px; height:90%; left:50%; margin-left:-1500px; bottom:0; background:#f0f0f0;}

@media all and (max-width:1200px){
	.area_content .area_tab_main.btn_line {padding:150px 0 0;}
	.area_content .area_tab_main button.tab {left:0; width:20%;}
	.area_content .area_tab_main button.tab:nth-of-type(1) {left:0;}
	.area_content .area_tab_main button.tab:nth-of-type(2) {left:20%;}
	.area_content .area_tab_main button.tab:nth-of-type(3) {left:40%;}
	.area_content .area_tab_main button.tab:nth-of-type(4) {left:60%;}
	.area_content .area_tab_main button.tab:nth-of-type(5) {left:80%;}
	.area_content .area_tab_main button.tab.on {width:20%;}

	.exp {margin:0 20px 20px;}
	.exp .inn {position:relative; width:100%; margin:0 auto;}
	.exp .infoBox {background:#ffb400;}
	.exp .infoBox .info {width:calc(100% - 500px);}
	.exp .infoBox.w2 info {width:calc(100% - 250px);}
	.exp .infoBox .price {right:300px; width:300px; padding:40px 0 0 50px;}
	.exp .infoBox .checkin {right:300px; width:300px; padding:50px 0 0 40px;}
	.exp .infoBox .reserve {width:300px; padding:45px 0 0 40px;}

	.exp .dl_guide {width:100%;}
	.exp .dl_guide dd ul li {width:calc((100% - 25px) / 3); margin-right:10px; padding:30px 10px; padding-left:120px;}
	.exp .dl_guide dd ul li:before {left:30px; width:70px; height:70px;}

	.exp .dl_cont {width:100%;}
	.exp .dl_cont dt {left:0;}

	.exp .contWrap {width:100%; padding:80px; margin-left:0;}
	.exp .check dl {padding-left:300px; width:94%; margin:0 auto;}
	.exp .check dl dt {width:250px; left:30px;}

	.bottom_gray:before {display:none;}
}

@media all and (max-width:940px){		
	.area_content .area_tab_main.btn_line {padding:120px 0 0;}

	.exp .titBox:before {display:none;}
	.exp .titBox .txt br {display:none;}
	.exp .infoBox {height:260px;}
	.exp .infoBox .info {width:100%; padding:30px 0 0 40px;}
	.exp .infoBox.w2 .info {width:100%; height:130px;}
	.exp .infoBox .price {width:50%; top:130px; right:50%; height:150px; padding:20px 0 0 20px;}
	.exp .infoBox .checkin {width:50%; top:130px; right:50%; height:150px; padding:25px 0 0 40px;}
	.exp .infoBox .reserve {width:50%; top:130px; height:150px; padding:25px 0 0 40px;}
	.exp .infoBox.w2 .reserve {width:100%;}

	.exp .dl_guide dd ul li {padding:30px 20px; padding-left:20px; padding-top:110px; text-align:center;}
	.exp .dl_guide dd ul li:before {left:50%; margin-left:-35px; top:60px;}
	.exp .dl_guide dd ul li:nth-child(1), 
	.exp .dl_guide dd ul li:nth-child(2) {padding-top:110px;}

	.exp .contWrap {padding:50px;}
	.exp .contBox > li {padding:0 0 0 340px; margin-bottom:40px;}
	.exp .contBox > li dl dd br {display:none;}		
	.exp .dl_cont {padding-left:0;}
	.exp .dl_cont dt {position:relative; width:100%; left:auto; height:auto;}
	.exp .check dl {padding-left:0; width:92%; margin:0 auto;}
	.exp .check dl dt {position:relative; width:100%; left:auto; height:auto; margin-bottom:20px;}
	
	.photo_info dl {padding:50px 40px;}	
}

@media all and (max-width:700px){
	.exp .dl_guide dd ul li {width:100%; min-height:auto; margin-right:0; margin-bottom:10px; padding:30px 20px; padding-left:35%; padding-top:30px; text-align:left;}
	.exp .dl_guide dd ul li:before {left:15%; margin-left:0; top:50%;}
	.exp .dl_guide dd ul li:nth-child(1), 
	.exp .dl_guide dd ul li:nth-child(2) {padding-top:30px;}

	.exp .contBox > li { padding:0; margin-bottom:50px;}
	.exp .contBox > li .Img {position:relative; width:300px; height:200px; margin-bottom:15px;}

	.photo_info {position:relative; z-index:2; display:table; max-width:1400px; width:100%; height:100%;}
	.photo_info li {min-height:auto;}
	.photo_info li:first-child {margin-bottom:40px;}
	.photo_info li.fr {padding-left:0;}
	.photo_info li.fl {padding-right:0%;}
	.photo_info dl {padding:20px 0;}
	.photo_info li .Img {position:relative; width:100%; height:200px; top:auto;}
	.photo_info li.fl .Img {left:0;}

	.tbWrap {position:relative; z-index:1; width:100%;-webkit-overflow-scrolling:touch; overflow-x: scroll; overflow-y: auto;}
	.tbWrap .tableType {width:700px; transition:all 200ms ease;}
}

@media all and (max-width:480px){		
	.exp {margin:15px 3% 0;}
	.exp .titBox {min-height:400px; height:auto; padding:80px 5% 40px;}
	.exp .dl_guide dt span {display:block; float:left; margin:5px 0 20px;}
	.exp .dl_guide dd ul li:before {left:10%;}
	.exp .contWrap {padding:40px 30px;}
	.exp .contBox > li .Img {width:100%; margin-bottom:25px;}
	.exp .contBox > li dl dt {margin-bottom:10px;}
	.exp .infoBox {height:330px;}
	.exp .infoBox.w2 {height:220px;}
	.exp .infoBox .info {padding:20px 0 0 40px;}
	.exp .infoBox.w2 .info {height:110px;}
	.exp .infoBox .price {width:100%; top:110px; right:0; height:110px; padding:15px 0 0 40px;}
	.exp .infoBox .checkin {width:100%; top:110px; right:0; height:110px; padding:15px 0 0 40px;}
	.exp .infoBox .reserve {width:100%; top:220px; height:110px; padding:20px 0 0 40px;}
	.exp .infoBox.w2 .reserve {top:110px;}
	.gBox {padding:15px 20px; font-size:16px; line-height:150%;}
	.gBox li {padding:5px 0;}
}



/* 이미지 슬라이딩 */
.imgVisual .img_area {position:relative; z-index:2; width:100%;}
.imgVisual .img_area .list {position:relative; overflow:hidden; width:100%;}
.imgVisual .img_area .list .cont {position:relative; width:100%; height:760px; background-repeat:no-repeat; background-position:50%; background-size:cover;}

.imgVisual .img_area .ctrlbox {z-index:2; position:absolute; width:100%; height:calc(100% - 20px); top:0; left:0;}
.imgVisual .img_area .ctrlbox button {position:relative; width:30px; height:30px; margin:0; cursor:pointer; vertical-align:middle; background:transparent; border:none;}
.imgVisual .img_area .ctrlbox button.pre {position:absolute; z-index:1; display:inline-block; top:50%; left:2%; margin-top:-25px; width:70px;height:70px; background:#ffb83d; outline:none;}
.imgVisual .img_area .ctrlbox button.next {position:absolute; z-index:1; display:inline-block; top:50%; right:2%; margin-top:-25px; width:70px;height:70px; background:#ffb83d; outline:none;}
.imgVisual .img_area .ctrlbox button.pre:before,
.imgVisual .img_area .ctrlbox button.next:before {content:''; position:absolute; top:0; left:0; width:30%; height:30%; display:block;}
.imgVisual .img_area .ctrlbox button.pre:before {border:2px solid #fff; border-width:0 0 2px 2px; transform:rotate(45deg); margin:35% 0 0 30px;}
.imgVisual .img_area .ctrlbox button.next:before {border:2px solid #fff; border-width:0 2px 2px 0; transform:rotate(-45deg); margin:35% 0 0 20px;}
.imgVisual .img_area .ir {display:block; overflow:hidden; font-size:0; line-height:0; text-indent:-999em;}

.imgVisual .img_area .ctrlbox .ctrl_btn {z-index:2; position:absolute; width:200px; bottom:50px; left:50%; margin-left:-90px; padding:7px 15px; box-sizing:border-box;}
.imgVisual .img_area .ctrlbox .ctrl_btn:before {content:""; position:absolute; width:100%; height:100%; top:0; left:0; background:#000; opacity:0.7;}
.imgVisual .img_area .ctrlbox .ctrl_btn button.pause, .imgVisual .img_area .ctrlbox .ctrl_btn button.play {width:30px;}
.imgVisual .img_area .ctrlbox .ctrl_btn button.pause {background:url(../img/main/v_stop_btn.png) no-repeat 50% 50%;}
.imgVisual .img_area .ctrlbox .ctrl_btn button.play {background:url(../img/main/v_play_btn.png) no-repeat  50% 50%;}

.imgVisual .img_area .list_num {position:relative; width:70px; top:2px; display:inline-block; font-size:16px; color:#fff; font-weight:500; text-align:center;}
.imgVisual .img_area .list_num span {padding:0 7px;}
.imgVisual .img_area .blind {position:absolute; top:-1000px; left:-10000px; overflow:hidden; font-size:1px; text-indent:-9999px; line-height:0;}
.imgVisual .img_area .ctrlbox .ctrl_btn .blind {position:absolute; top:-10px; left:-20px; overflow:hidden; font-size:10px; text-indent:-9999px; line-height:0;}

.imgVisual .img_area .slick-dots {position:absolute; bottom:0; left:0; width:100%;}
.imgVisual .img_area .slick-dots li {float:left; margin:0; height:20px; padding:0;}
.imgVisual .img_area .slick-dots li button {width:100%; height:10px; font-size:0; background:#000; opacity:0.3;}
.imgVisual .img_area .slick-dots li.slick-active button {background:#ffb83d; opacity:1; outline:none;}

@media all and (max-width:1200px){
	.imgVisual {padding-bottom:0;}
	.imgVisual .img_area .list,
	.imgVisual .img_area .list .cont {height:600px;}
	.imgVisual .img_area .ctrlbox .ctrl_btn {bottom:40px;}
}

@media all and (max-width:940px){	
	.imgVisual .img_area .list,
	.imgVisual .img_area .list .cont {height:500px;}
	.imgVisual .img_area .ctrlbox .ctrl_btn {bottom:20px;}
}

@media all and (max-width:700px){
	.imgVisual .img_area .list,
	.imgVisual .img_area .list .cont {height:400px;}
	.imgVisual .img_area .ctrlbox button.pre {left:0; width:50px; height:50px;}
	.imgVisual .img_area .ctrlbox button.next {right:0; width:50px; height:50px;}
	.imgVisual .img_area .ctrlbox button.pre:before {margin:35% 0 0 22px;}
	.imgVisual .img_area .ctrlbox button.next:before {margin:35% 0 0 15px;}

	.imgVisual .img_area .ctrlbox .ctrl_btn {width:160px; bottom:10px; margin-left:-70px; padding:3px 15px;}
	.imgVisual .img_area .ctrlbox .ctrl_btn button.pause, .imgVisual .img_area .ctrlbox .ctrl_btn button.play {width:25px;}

	.imgVisual .img_area .list_num {width:50px; top:0px; font-size:13px;}
}

@media all and (max-width:480px){
	.imgVisual {margin-bottom:12px;}
	.imgVisual .img_area .list,
	.imgVisual .img_area .list .cont {height:300px;}
	.imgVisual .img_area .ctrlbox .ctrl_btn {bottom:0;}
}



/* 치즈펜션 */
.pension_content {position:relative; z-index:1; width:100%;background:url('../img/sub/20/201000_bg.jpg') no-repeat center bottom / cover;}
.pension_content:after {position:absolute; z-index:2; content:'IMSILCHEESETHEMEPARK'; top:1300px; left:50%; margin-left:-400px; font-size:200px; color:#000; font-weight:900; opacity:0.03; transform:rotate(90deg); text-align:left;}
.pension_content .pension_tab_main {position:relative; max-width:1200px; width:100%; margin:0 auto; box-sizing:border-box; padding:0;}
.pension_content .pension_tab_main.btn_line {padding:180px 0 0;}
.pension_content .pension_tab_main.btn_line:before {position:absolute; z-index:3; content:''; top:60px; left:50%; margin-left:-1500px; width:3000px; height:1px; background:#e5e5e5;}
.pension_content .pension_tab_main button.tab {position:absolute; z-index:4; top:0; left:200px; width:200px; height:20px; line-height:20px; box-sizing:border-box; padding:20px 0; background:transparent; text-align:center; font-family:"scdream"; transition:all 0.3s ease;}
.pension_content .pension_tab_main button.tab:hover {color:#000;}
.pension_content .pension_tab_main button.tab:nth-of-type(1) {left:calc(0 + 200px);}
.pension_content .pension_tab_main button.tab:nth-of-type(2) {left:calc(200px + 200px);}
.pension_content .pension_tab_main button.tab:nth-of-type(3) {left:calc(400px + 200px);}
.pension_content .pension_tab_main button.tab:nth-of-type(4) {left:calc(600px + 200px);}
.pension_content .pension_tab_main button.tab.on {top:20px; width:200px; height:60px; background:#ffb400; color:#fff; font-weight:600; box-shadow:0 15px 15px rgba(65,71,143,0.2);}
.pension_content .pension_tab_main button.tab:focus {outline:none;}

.pension_tit {position:relative; display:table; width:100%; height:auto;}
.pension_tit .Img2 {width:100%;}
.pension_tit dl {position:absolute; bottom:0; right:0; width:38%; background:#fff; padding-bottom:30px; padding-left:5%;}
.pension_tit dl dt {position:relative; font-weight:700; line-height:125%;}
.pension_tit dl dt span {display:block; color:#ffb400; margin:10px 3px;}
.pension_tit dl dd .br {display:block;}

.underline {border-bottom:3px solid #ddd; padding-bottom:20px;}
.underline2 {border-bottom:2px solid #ddd; padding-bottom:10px;}

.table_list {position:relative; z-index:1; width:100%; margin:0;}
.table_list ul li {position:relative; z-index:2; display:inline-block; overflow:hidden; width:calc((100% / 3) - 10px); margin:10px 10px 10px 0; vertical-align:top;}
.table_list ul li:last-child {margin-right:0;}
.table_list ul li .thumbwrap {overflow:hidden; position:relative;}
.table_list ul li .thumbwrap .thumb {}
.table_list ul li .thumb img {transform:scale(1); transition:all 0.6s ease-out; width:100%;}
.table_list ul li:hover .thumb img {transform-origin:50%; transform:scale(1.1); transition:all 0.6s ease-out;}
.table_list ul li .infowrap {min-height:80px; text-align:left; background:#fff; padding:30px 10px 30px 30px;}
.table_list ul li .h30 {height:30px;}
.table_list ul li .yT {color:#ffb400;}
.table_list ul li .rT {color:#e10000;}
.table_list ul li p {color:#333;}
.table_list ul li .bg14 {background:#f5f0e9;}
.table_list.bg14_color:before {content:''; position:absolute; z-index:-1; top:50px; left:-15%; width:130%; height:750px; background:#f5f0e9;}

.guideBox_wrap {position:relative; z-index:1; float:left; width:60%; padding-right:7%;}
.guideBox_wrap:before {content:''; position:absolute; z-index:-1; top:0px; right:0; width:1420px; height:610px; background:#b79d5e;}
.csBox_wrap {position:relative; z-index:1; float:left; width:40%;}
.csBox_wrap:before {content:''; position:absolute; z-index:-1; top:0px; left:0; width:1180px; height:610px; background:#6e6142;}

.guideBox {position:relative; width:100%; display:inline-block; color:#fff;}
.guideBox .check2 {width:100%;}
.guideBox .check2 li {position:relative; padding-left:12px; opacity:0.7;}
.guideBox .check2 li span {color:#fff600; opacity:1;}
.guideBox .check2 li:before {content:''; position:absolute; z-index:1; top:10px; left:0; width:5px; height:1px; background:#fff;}
.guideBox p {width:90%;}
.guideBox .line {width:100%; padding-bottom:30px; border-bottom:1px solid #cdbb8f;}
.csBox {position:relative; width:100%; padding-left:20%; display:inline-block; color:#fff;}
.csBox .tel {font-weight:100;} 
.csBox .bank {line-height:200%; opacity:0.7;} 

.pension_price {position:relative; width:100%; border-bottom:1px solid #ddd; padding:30px 0;}
.pension_price dt {position:absolute; top:40px; left:10px; width:20%;}
.pension_price dd {margin-left:24%; width:76%;}
.pension_price dd div {vertical-align:top;}
.pension_price dd .in1, .pension_price dd .in2 {display:inline-block;}
.pension_price dd .in1 {width:32%;}
.pension_price dd .in2 {width:22%;}
.pension_price dd p {color:#6e6142; font-weight:700; margin-top:10px;}
.pension_price dd p span {color:#555; font-size:15px; font-weight:500; font-family:'Noto Sans KR'; margin-left:5px;}

.roomguide_wrap {position:relative; z-index:1; width:100%;}
.roomguide_wrap:before {content:''; position:absolute; z-index:-1; top:0px; left:50%; margin-left:-1300px; width:2600px; height:550px; background:#b79d5e;}

@media all and (max-width:1200px){
	.pension_content .pension_tab_main.btn_line {padding:150px 0 0;}
	.pension_content .pension_tab_main button.tab {left:10%; width:20%;}
	.pension_content .pension_tab_main button.tab:nth-of-type(1) {left:10%;}
	.pension_content .pension_tab_main button.tab:nth-of-type(2) {left:30%;}
	.pension_content .pension_tab_main button.tab:nth-of-type(3) {left:50%;}
	.pension_content .pension_tab_main button.tab:nth-of-type(4) {left:70%;}
	.pension_content .pension_tab_main button.tab.on {width:20%;}
}

@media all and (max-width:940px){	
	.pension_content .pension_tab_main.btn_line {padding:120px 0 0;}
	.pension_content .pension_tab_main button.tab {left:0; width:25%;}
	.pension_content .pension_tab_main button.tab:nth-of-type(1) {left:0;}
	.pension_content .pension_tab_main button.tab:nth-of-type(2) {left:25%;}
	.pension_content .pension_tab_main button.tab:nth-of-type(3) {left:50%;}
	.pension_content .pension_tab_main button.tab:nth-of-type(4) {left:75%;}
	.pension_content .pension_tab_main button.tab.on {width:25%;}

	.pension_tit dl {width:70%; padding:20px 5% 0;}
	.pension_price dt {top:30px; left:0; width:25%;}
	.pension_price dd {margin-left:30%; width:70%;}
	.pension_price dd div:nth-child(1), .pension_price dd div:nth-child(3) {width:53%;}
	.pension_price dd div:nth-child(2), .pension_price dd div:nth-child(4) {width:45%;}
	.pension_price dd div:nth-child(1),
	.pension_price dd div:nth-child(2) {margin-bottom:30px;}
}

@media all and (max-width:700px){
	.table_list ul li {width:calc((100% / 2) - 7px);}
	.table_list ul li:nth-child(2) {margin-right:0;}
	.table_list ul li .infowrap {padding:15px 10px 20px 20px;}

	.guideBox_wrap {width:100%; padding-right:0;}
	.guideBox_wrap:before {right:-10%; width:120%; height:100%;}
	.csBox_wrap {width:100%;}
	.csBox_wrap:before {left:-10%; width:120%; height:100%;}
	.csBox {padding-left:0; padding-bottom:50px;}
}

@media all and (max-width:480px){	
	.pension_tit dl {width:90%; padding:10px 7% 0;}
	.pension_price {padding:20px 0;}
	.pension_price dt {position:relative; top:auto; left:0; width:100%; height:auto; margin-bottom:20px;}
	.pension_price dd {margin-left:4%; width:96%;}
	.pension_price dd div:nth-child(1), .pension_price dd div:nth-child(3),
	.pension_price dd div:nth-child(2){width:100%; margin-bottom:20px;}
	.pension_price dd div:nth-child(4) {width:100%; margin-bottom:0;}
	.pension_price dd p {margin:0;}
	.table_list ul li {width:100%;}
	.table_list ul li:nth-child(2) {margin-right:0;}
	.table_list ul li .infowrap {padding:15px 10px 20px 20px;}
	
	.guideBox_wrap,
	.csBox_wrap {float:none; width:96%; margin:0 auto;}
}



/* 온라인예약 */
#booking {position:relative; width:94%; background:url('../img/main/sec03_bg.jpg') no-repeat center center / cover; margin:0 auto 100px;}
#booking .inner {max-width:1200px; width:96%; text-align:center; margin:0 auto; box-sizing:border-box;}
#booking ul dl dt {font-family:"scdream"; margin-bottom:10px; color:#333;}
#booking ul.w2 dl dt {color:#ffa400;}
#booking ul li {position:relative; display:inline-block; background:#fff; border-radius:15px; margin:10px; transition:all 0.2s; vertical-align:top}
#booking ul li > a {display:inline-block; margin:0 5px;}
#booking ul li:before {position:absolute; content:''; left:50%; margin-left:-45px; width:90px; height:90px;}
#booking ul li:hover {box-shadow:0 5px 30px 0 rgba(0, 0, 0, 1); transform:translate(0, -7px);}
#booking ul.w2 li {width:calc((100% - 50px) / 2); padding:120px 0 45px;}
#booking ul.w2 li:nth-child(1):before {top:30px; background:url(../img/main/icon01.png) no-repeat center;}
#booking ul.w2 li:nth-child(2):before {top:30px; background:url(../img/main/icon02.png) no-repeat center;}
#booking ul.w3 li:nth-child(1):before {top:25px; background:url(../img/main/icon03.png) no-repeat center;}
#booking ul.w3 li:nth-child(2):before {top:25px; background:url(../img/main/icon04.png) no-repeat center;}
#booking ul.w3 li:nth-child(3):before {top:25px; background:url(../img/main/icon05.png) no-repeat center;}
#booking ul.w3 li {width:calc((100% - 75px) / 2); padding:110px 0 25px;}
#booking ul.w3 .c01 {background:#f6b12b;}
#booking ul.w3 .c02 {background:#fff142;}
#booking ul.w3 .c03 {background:#d8df0a;}
#booking ul li .moreBox {margin:20px auto 0;text-align:center; min-height:36px;}
#booking ul.w3 li .moreBox {min-height:10px;}
#booking ul li a {display:inline-block; margin:0 2px; padding:5px 12px; font-weight:400; border:1px solid #777; transition:all 0.2s; border-radius:5px;}
#booking ul li a:hover {background:#333; color:#fff;}
#booking ul li .booking {background:#ffc000;}
#booking ul li .check {background:#ff9c00;}
#booking ul.w3 li a {color:#444; border:1px solid #333;}
#booking ul.w3 li .booking {background:#fff; color:red}
#booking ul.w3 li .check {background:#fff;}
#booking ul.w3 li a:hover {background:#333; color:#fff;}

@media all and (max-width:940px){	
	#booking ul.w3 li {width:calc((100% - 50px) / 2); padding:110px 0 25px;}
}

@media all and (max-width:700px){	
	#booking {height:auto; width:100%; margin:0;}
	#booking .inner {padding:50px 0;}
	#booking ul.w2 li,
	#booking ul.w3 li {width:80%; padding:100px 0 20px;}
	#booking ul.w2 li:nth-child(1):before,
	#booking ul.w2 li:nth-child(2):before,
	#booking ul.w3 li:nth-child(1):before,
	#booking ul.w3 li:nth-child(2):before,
	#booking ul.w3 li:nth-child(3):before {top:15px;}
}

@media all and (max-width:480px){	
	#booking .inner {padding:30px 0;}
	#booking ul.w2 li,
	#booking ul.w3 li {width:94%; padding:100px 0 20px;}
}



/* 프로마쥬레스토랑 */
.fromage {position:relative;}
.fromage:before {content:''; position:absolute; z-index:2; top:-388px; left:0; width:470px; height:1000px; background:url('../img/sub/30/301000_bg_left.png') no-repeat left center / cover;}
.fromage .area {margin:0 auto; position:relative; max-width:1400px; width:94%; height:800px; padding-right:500px; padding-top:80px;}
.fromage .area:before {content:''; position:absolute; z-index:2; top:0; right:0; width:500px; height:100%; background:url('../img/sub/30/301000_bg.jpg') no-repeat right center / cover;}
.fromage .area .menu1 {display:none;}
.fromage .area .menu2 {position:absolute; z-index:3; bottom:-80px; left:50%; margin-left:-100px; width:560px; height:450px;}
.fromage .area .menu2 img {width:100%;}
.fromage .mobile_img {display:none;}
.fromage .titWrap {position:relative; margin-left:250px; width:calc(100% -280px); height:100%;}
.fromage .titWrap:after {content:'Fromage Restaurant'; position:absolute; z-index:1; bottom:10px; left:-20px; font-size:160px; color:#f7f7f7; letter-spacing:-10px; line-height:110%; font-family:'Gmarket Sans';}
.fromage .titWrap dl {position:relative; z-index:3; width:480px;}
.fromage .titWrap dl dt span {display:block; font-weight:300; color:#ffc000;}
.fromage .titWrap dl dd .tit {color:#ffc000; font-weight:600;}
.fromage .titWrap dl dd .tel {line-height:120%; font-weight:500; font-family:'Gmarket Sans';}
.fromage .menu3 {margin:0 auto; max-width:1200px; width:94%; margin-top:100px;}
.fromage .menu3 img {width:33.3%;}
.fromage .cont {margin:0 auto; width:94%; position:relative; z-index:2;}

@media all and (max-width:1920px){	
	.fromage:before {top:-334px; left:-60px;}
}

@media all and (max-width:1600px){
	.fromage:before {left:-150px;}
}

@media all and (max-width:1400px){
	.fromage:before {display:none;}
	.fromage .area {height:auto; padding-top:40px; padding-bottom:40px; padding-right:45%;}
	.fromage .area:before {width:45%;}
	.fromage .titWrap {margin-left:40px; width:calc(100% -60px);}
	.fromage .titWrap dl {width:100%;}
	.fromage .area .menu2,
	.fromage .menu3 {display:none;}
	.fromage .mobile_img {display:block; margin:0 auto; max-width:800px; width:94%; text-align:center;}
	.fromage .mobile_img img {width:100%;}
}

@media all and (max-width:940px){	
	.fromage .area {padding-right:40px;}	
	.fromage .area:before {display:none;}
}

@media all and (max-width:480px){	
	.fromage .area {padding-bottom:0; padding-right:0;}
	.fromage .titWrap {margin-left:0; width:100%;}
	.fromage .titWrap dl {padding-left:3%;}
}



/* 화덕쿡 */
.hwaduk {position:relative;}
.hwaduk:before {content:''; position:absolute; z-index:1; top:-100px; left:0; width:1500px; height:calc(100% - 400px); background:url('../img/sub/30/302000_bg.jpg') no-repeat left top / 100% auto;}
.hwaduk:after {content:''; position:absolute; z-index:1; top:-170px; left:0; width:560px; height:240px; background:url('../img/sub/30/302000_bg_left.png') no-repeat center center / cover;}
.hwaduk .area {margin:0 auto; position:relative; z-index:2; max-width:1400px; width:100%; height:800px; padding-right:680px; padding-top:80px;}
.hwaduk .area:before {content:''; position:absolute; z-index:1; top:0; right:0; width:680px; height:100%; background:url('../img/sub/30/302000_img.jpg') no-repeat center center / cover;}
.hwaduk .titWrap {position:relative; margin-left:70px; width:calc(100% - 70px); height:100%;}
.hwaduk .titWrap:after {content:'Hwaduk Cook'; position:absolute; z-index:1; bottom:-20px; left:-10px; font-size:160px; color:#000; opacity:0.05; letter-spacing:-10px; line-height:110%; font-family:'Gmarket Sans';}
.hwaduk .titWrap dl {width:500px;}
.hwaduk .titWrap dl dt span {display:block; font-weight:300; color:#ffc000;}
.hwaduk .titWrap dl dd .tit {color:#ffc000; font-weight:600;}
.hwaduk .titWrap dl dd .tel {line-height:120%; font-weight:500; font-family:'Gmarket Sans';}
.hwaduk .cont {margin:0 auto; max-width:2100px; width:100%; padding-left:180px; position:relative; z-index:2;}

.menuWrap {position:relative; z-index:2; width:580px; height:320px;}
.menuWrap .menu_box {position:relative; z-index:1; width:100%; padding:20px 0 0; overflow:hidden;}
.menuWrap .menu_box .menu_area {width:100%; padding:0 20px;}
.menuWrap .menu_box .menu_area ul {*zoom:1; width:100%;}
.menuWrap .menu_box .menu_area ul:after {content:""; display:block; clear:both;}
.menuWrap .menu_box .menu_area ul li {float:left;}
.menuWrap .menu_box .menu_area ul li a {}
.menuWrap .menu_box .menu_area ul li img {width:100%; height:auto;}

.menuWrap .ctrl_box {position:absolute; z-index:2; top:0; left:0; width:100%; height:100%;}
.menuWrap .ctrl_box a {position:absolute; top:50%; margin-top:-20px; width:38px; height:38px; border:1px solid #ddd; border-radius:50%; background:#fff;}
.menuWrap .ctrl_box a:before {position:absolute; content:''; top:0; left:0; border:2px solid #ffb83c; display:block; width:10px;height:10px;}
.menuWrap .ctrl_box a.back {left:0;}
.menuWrap .ctrl_box a.next {right:0;}
.menuWrap .ctrl_box a.back:before {border-width:0 0 2px 2px; transform:rotate(45deg); margin:13px 12px 0 15px;}
.menuWrap .ctrl_box a.next:before {border-width:0 2px 2px 0; transform:rotate(-45deg); margin:13px 15px 0 12px;}

@media all and (max-width:1600px){
	.hwaduk:before {width:1250px;}
	.hwaduk .area {max-width:1200px; width:100%; height:auto; padding-right:45%; padding-top:40px;}
	.hwaduk .area:before {width:45%;right:-30px;}
	.hwaduk .cont {padding-left:200px;}

	.menuWrap {position:relative; z-index:2; width:580px; height:320px;}
	.menuWrap .menu_box {position:relative; z-index:1; width:100%; padding:20px 0 0; overflow:hidden;}
	.menuWrap .menu_box .menu_area {width:100%; padding:0 20px;}
	.menuWrap .menu_box .menu_area ul {*zoom:1; width:100%;}
	.menuWrap .menu_box .menu_area ul:after {content:""; display:block; clear:both;}
	.menuWrap .menu_box .menu_area ul li {float:left;}
	.menuWrap .menu_box .menu_area ul li a {}
	.menuWrap .menu_box .menu_area ul li img {width:100%; height:auto;}

	.menuWrap .ctrl_box {position:absolute; z-index:2; top:0; left:0; width:100%; height:100%;}
	.menuWrap .ctrl_box a {position:absolute; top:50%; margin-top:-20px; width:38px; height:38px; border:1px solid #ddd; border-radius:50%; background:#fff;}
	.menuWrap .ctrl_box a:before {position:absolute; content:''; top:0; left:0; border:2px solid #ffb83c; display:block; width:10px;height:10px;}
	.menuWrap .ctrl_box a.back {left:0;}
	.menuWrap .ctrl_box a.next {right:0;}
	.menuWrap .ctrl_box a.back:before {border-width:0 0 2px 2px; transform:rotate(45deg); margin:13px 12px 0 15px;}
	.menuWrap .ctrl_box a.next:before {border-width:0 2px 2px 0; transform:rotate(-45deg); margin:13px 15px 0 12px;}
}

@media all and (max-width:1400px){
	.hwaduk:before {width:1200px; top:-80px;}
	.hwaduk .area {max-width:1200px;}
	.hwaduk .titWrap {margin-left:100px;}
	.hwaduk .cont {padding-left:100px;}
}

@media all and (max-width:1200px){
	.hwaduk:after {width:400px; height:180px;}
	.hwaduk .area {padding-right:40%;}
	.hwaduk .area:before {width:40%;}
	.hwaduk .cont {padding-left:50px;}
}

@media all and (max-width:940px){	
	.hwaduk:before {width:120%;}
	.hwaduk:after {width:300px; height:135px; top:-130px;}
	.hwaduk .area {padding-right:0;}
	.hwaduk .area:before {display:none;}
	.hwaduk .titWrap {margin:0 auto; max-width:580px; width:94%;}
	.hwaduk .titWrap dl {width:100%; padding-left:20%;}
}

@media all and (max-width:700px){	
	.hwaduk:before {top:-70px;}
	.hwaduk .cont {margin:10px 0 0; width:100%; padding:0 3%; }
}

@media all and (max-width:480px){	
	.hwaduk .titWrap dl {padding-left:3%;}
	.menuWrap {margin:0 auto; width:100%; height:300px !important;}
	.menuWrap .menu_box .menu_area {padding:0 10px;}
	.menuWrap .menu_box .menu_area div {height:300px !important;}
	.menuWrap .menu_box .menu_area ul li img {width:360px !important;}
	.menuWrap .ctrl_box a {top:38%;}
}


/* 임실맛소 */
.matso {position:relative;}
.matso:before {content:''; position:absolute; z-index:1; top:-100px; left:0; width:1500px; height:calc(100% - 230px); background:url('../img/sub/30/306000_bg.jpg') no-repeat left top / 100% auto;}
.matso:after {content:''; position:absolute; z-index:1; top:-170px; left:0; width:560px; height:240px; background:url('../img/sub/30/306000_bg_left.png') no-repeat center center / cover;}
.matso .area {margin:0 auto 50px auto; position:relative; z-index:2; max-width:1400px; width:100%; height:800px; padding-right:680px; padding-top:80px;}
.matso .area:before {content:''; position:absolute; z-index:1; top:0; right:0; width:500px; height:80%; background:url('../img/sub/30/306000_img.jpg') no-repeat center center / cover;}
.matso .titWrap {position:relative; margin-left:70px; width:calc(100% - 70px); height:100%;}
.matso .titWrap:after {content:'Limsil Matso'; position:absolute; z-index:1; bottom:-20px; left:-10px; font-size:160px; color:#000; opacity:0.05; letter-spacing:-10px; line-height:110%; font-family:'Gmarket Sans';}
.matso .titWrap dl {width:500px;}
.matso .titWrap dl dt span {display:block; font-weight:300; color:#ffc000;}
.matso .titWrap dl dd .tit {color:#ffc000; font-weight:600;}
.matso .titWrap dl dd .tel {line-height:120%; font-weight:500; font-family:'Gmarket Sans';}
.matso .cont {margin:0 auto; max-width:2100px; width:100%; padding-left:180px; position:relative; z-index:2;}



/* 화락당 */
.hwarakdang {position:relative;}
.hwarakdang .area {position:relative; margin:0 60px 50px; padding:100px 0 350px; width:calc(100% - 120px); background:url('../img/sub/30/303000_bg.jpg') no-repeat center center / cover; transition:all 0.2s;}
.hwarakdang .area .bottom_img {position:absolute; bottom:-140px; left:50%; margin-left:-800px; width:1600px; transition:all 0.2s;}
.hwarakdang .area .bottom_img img {width:100%;}
.hwarakdang .titWrap {position:relative; width:580px; margin:0 auto 30px; padding-bottom:30px;}
/*.hwarakdang .titWrap:before {content:''; position:absolute; bottom:-30px; left:50%; margin-left:-160px; width:320px; height:160px; background:url('../img/sub/30/303000_txt.png') no-repeat center center / cover;}*/
.hwarakdang .titWrap dl {text-align:center;}
.hwarakdang .titWrap dl dd {font-weight:300;}
.hwarakdang .titWrap dl dd .tit {color:#ffc000; font-weight:500; font-family:'Iropke Batang';}
.hwarakdang .titWrap dl dd .txt {line-height:120%; font-weight:500; font-family:'Iropke Batang';}
.hwarakdang .titWrap dl dd .cont {position:relative; margin:30px auto; padding:40px 0; font-family:'Iropke Batang';}
.hwarakdang .titWrap dl dd .cont:before {content:''; position:absolute; top:0; left:50%; margin-left:-150px; width:300px; height:30px; background:url('../img/sub/30/303000_bar.jpg') no-repeat center center / cover;}
.hwarakdang .titWrap dl dd .cont:after {content:''; position:absolute; bottom:0; left:50%; margin-left:-150px; width:300px; height:30px; background:url('../img/sub/30/303000_bar2.jpg') no-repeat center center / cover;}
.hwarakdang .titWrap dl dd .cont p {margin:10px 0; line-height:1.4;}
.hwarakdang .titWrap dl dd .check {opacity:0.8;}
.hwarakdang .menu {margin:0 auto; max-width:1460px; width:94%;}
.hwarakdang .menu_mobile {display:none;}
.hwarakdang .menu img {width:100%;}
.hwarakdang .cont {margin:0 auto; width:94%; position:relative; z-index:2;}

@media screen and (max-width:1600px) {	
	.hwarakdang .area {margin:0 60px 40px; padding:80px 0 300px;}
	.hwarakdang .area .bottom_img {bottom:-120px; left:2%; margin-left:0; width:96%;}
}

@media screen and (max-width:1400px) {	
	.hwarakdang .area {margin:0 40px 30px; padding:70px 0 250px; width:calc(100% - 80px);}
	.hwarakdang .area .bottom_img {bottom:-100px;}
}

@media screen and (max-width:1200px) {	
	.hwarakdang {margin-bottom:50px;}
	.hwarakdang .area {margin:0 30px 30px; padding:60px 0 220px; width:calc(100% - 60px);}
	.hwarakdang .area .bottom_img {bottom:-90px;}
}

@media screen and (max-width:940px) {	
	.hwarakdang .area {margin:0 20px 30px; padding:60px 0 200px; width:calc(100% - 40px);}
	.hwarakdang .area .bottom_img {bottom:-70px; left:-5%; width:110%;}
}

@media screen and (max-width:700px) {	
	.hwarakdang {margin-bottom:30px;}
	.hwarakdang .area .bottom_img {bottom:-50px; left:-20%; width:140%;}
	.hwarakdang .titWrap {position:relative; width:100%; margin:0 auto 30px; padding-bottom:30px;}
	.hwarakdang .area .bottom_img {}
}

@media screen and (max-width:480px) {	
	.hwarakdang {margin-bottom:15px;}
	.hwarakdang .area {margin:0 0 30px; padding:60px 0 80px; width:calc(100% - 0px);}
	.hwarakdang .area .bottom_img {bottom:-60px;}
	.hwarakdang .menu {display:none;}
	.hwarakdang .menu_mobile {display:block; margin:0 auto; max-width:500px; width:94%;}
	.hwarakdang .menu_mobile img {width:100%;}
}



/* 루체른 */
.luzern {position:relative;}
.luzern .area {margin:0 auto; position:relative; z-index:2; max-width:1400px; width:100%; height:820px; padding-left:540px; margin-bottom:30px;}
.luzern .area:before {content:''; position:absolute; z-index:1; top:0; left:0; width:460px; height:100%; background:url('../img/sub/30/304000_bg.jpg') no-repeat center center / cover;}
.luzern .titWrap {position:relative; margin-left:50px; padding-top:100px; width:calc(100% -50px); height:100%;}
.luzern .titWrap:after {content:'CAFE LUZERN CAFE LUZERN'; position:absolute; z-index:1; top:50px; left:-15px; font-size:160px; color:#000; opacity:0.05; letter-spacing:-10px; line-height:110%; font-family:'Gmarket Sans';}
.luzern .titWrap dl {width:500px;}
.luzern .titWrap dl dt span {display:block; font-weight:300; color:#ffc000;}
.luzern .titWrap dl dd .tit {color:#ffc000; font-weight:600;}
.luzern .titWrap dl dd .tel {line-height:120%; font-weight:500; font-family:'Gmarket Sans';}
.luzern .titWrap .menu_mobile {display:none;}
.luzern .titWrap .menu {position:absolute; z-index:2; top:-20px; right:-100px; width:700px; height:100%;}
.luzern .titWrap .menu img {width:100%;}
.luzern .cont {margin:0 auto; width:94%; position:relative; z-index:2; padding-top:100px;}

@media screen and (max-width:1400px) {
	.luzern .area {height:740px; padding-left:400px;}
	.luzern .area:before {width:360px;}
	.luzern .titWrap {margin-left:50px; padding-top:80px; width:calc(100% -50px);}
	.luzern .titWrap:after {top:40px; left:-15px; font-size:150px;}
	.luzern .titWrap .menu {top:-20px; right:-20px; width:600px;}
	.luzern .cont {padding-top:50px;}
}

@media screen and (max-width:1200px) {
	.luzern {margin-bottom:50px;}
	.luzern .area {height:660px; padding-left:280px;}
	.luzern .area:before {width:260px;}
	.luzern .titWrap {padding-top:60px;}
	.luzern .titWrap:after {top:30px; left:-15px; font-size:140px;}
	.luzern .titWrap .menu {top:-20px; right:-20px; width:520px;}
	.luzern .cont {padding-top:20px;}
}

@media screen and (max-width:940px) {
	.luzern .area {height:700px; padding-left:0;}
	.luzern .area:before {display:none;}
	.luzern .titWrap {padding-top:100px;}
	.luzern .titWrap .menu {top:-20px; right:0; width:600px;}
	.luzern .cont {padding-top:80px;}
}

@media screen and (max-width:700px) {
	.luzern {margin-bottom:30px;}
	.luzern .area {height:800px;}
	.luzern .titWrap {padding-top:60px;}
	.luzern .titWrap .menu {top:100px; width:540px;}
	.luzern .cont {padding-top:50px;}
}

@media screen and (max-width:480px) {
	.luzern {margin-bottom:15px;}
	.luzern .area {height:auto; margin:0;}
	.luzern .titWrap {margin:0 auto; width:100%;}
	.luzern .titWrap:after {left:0;}
	.luzern .titWrap dl {margin:0 auto 20px; width:90%;}
	.luzern .titWrap .menu {display:none;}
	.luzern .titWrap .menu_mobile {display:block; position:relative; max-width:500px; width:100%; height:100%;}
	.luzern .titWrap .menu_mobile img {width:100%;}
	.luzern .cont {padding-top:0;}
}



/* 임실N치즈판매장 */
.imsilcheese {position:relative;}
.imsilcheese .area {margin:0 auto; position:relative; z-index:2; max-width:1400px; width:100%; height:1000px; padding-left:430px;}
.imsilcheese .area:before {content:''; position:absolute; z-index:1; top:-50px; left:-260px; width:580px; height:100%; background:url('../img/sub/30/305000_bg.jpg') no-repeat center top / cover;}
.imsilcheese .titWrap {position:relative; z-index:2; padding-top:100px; width:100%; height:100%;}
.imsilcheese .titWrap:before {content:'IMSIL N CHEESE'; position:absolute; z-index:-1; bottom:50px; left:-15px; font-size:160px; color:#000; opacity:0.05; letter-spacing:-10px; line-height:110%; font-family:'Gmarket Sans';}
.imsilcheese .titWrap dl {width:480px;}
.imsilcheese .titWrap dl dt span {display:block; font-weight:300; color:#ffc000;}
.imsilcheese .titWrap dl dt p {line-height:110%; margin-top:10px;}
.imsilcheese .titWrap dl dd .tit {color:#ffc000; font-weight:600;}
.imsilcheese .titWrap dl dd .tel {line-height:120%; font-weight:500; font-family:'Gmarket Sans';}
.imsilcheese .menu_mobile {display:none;}
.imsilcheese .menu1 {position:absolute; z-index:3; top:200px; right:0; width:680px;}
.imsilcheese .menu2 {position:absolute; z-index:3; bottom:-120px; left:10px; width:660px;}
.imsilcheese .menu1 img, .imsilcheese .menu2 img {width:100%;}
.imsilcheese .cont {margin:0 auto; width:94%; position:relative; z-index:2;}

@media screen and (max-width:1400px) {
	.imsilcheese .area {padding-left:300px;}
	.imsilcheese .area:before {width:480px;}
}

@media screen and (max-width:1200px) {
	.imsilcheese .area {width:94%; padding-left:0;}
	.imsilcheese .area:before {display:none;}
	.imsilcheese .titWrap {padding-top:0;}
	.imsilcheese .menu1 {top:20px; width:640px; right:-20px;}
	.imsilcheese .menu2 {bottom:-100px; left:-20px; width:620px;}
}

@media screen and (max-width:940px) {
	.imsilcheese .area {width:94%; padding-left:0;}
	.imsilcheese .area:before {display:none;}
	.imsilcheese .menu1 {top:20px; width:580px; right:-20px;}
	.imsilcheese .menu2 {bottom:-60px; left:-20px; width:560px;}
}

@media screen and (max-width:700px) {
	.imsilcheese {margin-bottom:15px;}
	.imsilcheese .area {width:94%; padding-left:0; padding-top:30px; height:auto;}
	.imsilcheese .area:before {display:none;}
	.imsilcheese .titWrap {padding-left:3%; padding-bottom:10px; height:auto;}
	.imsilcheese .titWrap dl {width:100%;}
	.imsilcheese .menu1,
	.imsilcheese .menu2 {display:none;}
	.imsilcheese .menu_mobile {display:block; position:relative; max-width:500px; width:100%;}
	.imsilcheese .cont {padding-top:30px;}
}



/* 즐길거리 */
.photozone {position:relative; z-index:1; width:94%; margin:0 3%;}
.photozone .map_img img {width:100%;}
.photozone .map_pin {}
.photozone .area_tab_main {position:absolute; top:0; left:0; width:100%; height:100%;}
.photozone .area_tab_main button {position:absolute;}

.photozone .area_tab_main button span {position:relative; font-size:11px; color:#fff; font-weight:600; z-index:1; line-height:100%; padding:0 6px;}
.photozone .area_tab_main button span:before,
.photozone .area_tab_main button span:after {content:''; position:absolute; z-index:1;  left:50%; border-radius:50%; transform:translateX(-50%);}
.photozone .area_tab_main button span:after {width:18px; height:18px; background:rgba(255,0,0,1); top:0;}
.photozone .area_tab_main button span i {position:absolute; z-index:2; top:3px; left:0;}
.photozone .area_tab_main button.on span {z-index:10; font-size:12px;}
.photozone .area_tab_main button.on span:after {width:20px; height:20px; background:#0024ff;}

.photozone .area_tab_main button:nth-of-type(1) {left:77.3%; top:17%;}  /*01트릭아트(시계탑 좌 1층)*/
.photozone .area_tab_main button:nth-of-type(2) {left:75%; top:24.5%;}  /*02치즈 하트*/
.photozone .area_tab_main button:nth-of-type(3) {left:67.2%; top:42.5%;}  /*03임실N치즈 체험*/
.photozone .area_tab_main button:nth-of-type(4) {left:62%; top:29.5%;}  /*04로즈 아치*/
.photozone .area_tab_main button:nth-of-type(5) {left:61%; top:33%;}  /*05로즈 포토*/
.photozone .area_tab_main button:nth-of-type(6) {left:58%; top:28.2%;}  /*06시크릿 가든*/
.photozone .area_tab_main button:nth-of-type(7) {left:56.8%; top:27%;}  /*07치즈 팩토리*/
.photozone .area_tab_main button:nth-of-type(8) {left:58%; top:30.5%;}  /*08러브리 가든*/
.photozone .area_tab_main button:nth-of-type(9) {left:57%; top:37%;}  /*09치즈 플라워*/
.photozone .area_tab_main button:nth-of-type(10) {left:56.5%; top:40%;}  /*10치즈 품은 달*/
.photozone .area_tab_main button:nth-of-type(11) {left:51%; top:63%;}  /*11벽천폭포*/
.photozone .area_tab_main button:nth-of-type(12) {left:53%; top:68%;}  /*12치즈로만든 무지개*/
.photozone .area_tab_main button:nth-of-type(13) {left:36.6%; top:65.5%;}  /*13톰과 제리*/
.photozone .area_tab_main button:nth-of-type(14) {left:35%; top:75.5%;}  /*14천사의 날개*/
.photozone .area_tab_main button:nth-of-type(15) {left:27%; top:73.5%;}  /*15로즈가든*/
.photozone .area_tab_main button:nth-of-type(16) {left:36.5%; top:44%;}  /*16좋은날, 이곳*/
.photozone .area_tab_main button:nth-of-type(17) {left:35.5%; top:45%;}  /*17안녕, 임실*/
.photozone .area_tab_main button:nth-of-type(18) {left:33%; top:45%;}  /*18치즈 항해사*/
.photozone .area_tab_main button:nth-of-type(19) {left:31.5%; top:43%;}  /*19민들레*/
.photozone .area_tab_main button:nth-of-type(20) {left:30%; top:46%;}  /*20치즈왕국*/
.photozone .area_tab_main button:nth-of-type(21) {left:23.5%; top:45%;}  /*21아침의 목장*/
.photozone .area_tab_main button:nth-of-type(22) {left:28.5%; top:40%;}  /*22마우스 패밀리*/
.photozone .area_tab_main button:nth-of-type(23) {left:34.5%; top:37.5%;}  /*23톰과 제리 여행*/
.photozone .area_tab_main button:nth-of-type(24) {left:36%; top:36%;}  /*24피치의 치즈 볼*/
.photozone .area_tab_main button:nth-of-type(25) {left:37%; top:34.5%;}  /*25에멘탈치즈 속 마우스*/
.photozone .area_tab_main button:nth-of-type(26) {left:36%; top:32%;}  /*26스머프와 가가멜*/
.photozone .area_tab_main button:nth-of-type(27) {left:37.5%; top:24%;}  /*27오늘도 사랑해*/
.photozone .area_tab_main button:nth-of-type(28) {left:22.8%; top:27.5%;}  /*28꿈꾸는 고래*/
.photozone .area_tab_main button:nth-of-type(29) {left:11.5%; top:29%;}  /*29느린 우체통*/
.photozone .area_tab_main button:nth-of-type(30) {left:44.5%; top:23.5%;}  /*30알펜호른*/
.photozone .area_tab_main button:nth-of-type(31) {left:50%; top:20%;}  /*31사운드오브뮤직*/
.photozone .area_tab_main button:nth-of-type(32) {left:86%; top:16.5%;}  /*32노을 전망대*/
.photozone .area_tab_main button:nth-of-type(33) {left:82%; top:19%;}  /*33흔적(이면)*/
.photozone .area_tab_main button:nth-of-type(34) {left:65%; top:27%;}  /*34지정환신부 동상*/
.photozone .area_tab_main button:nth-of-type(35) {left:64%; top:37%;}  /*35풍요의 땅 임실*/
.photozone .area_tab_main button:nth-of-type(36) {left:83%; top:63%;}  /*36임실N치즈 조각*/

.photozone .area_tab_main button:focus {outline:none;}

.photozone .area_tab_main .panel {position:absolute; padding:20px; width:400px; background:#fff; border-radius:10px; z-index:11; box-shadow:10px 10px 30px rgba(0,0,0,.4); text-align:left;}
.photozone .area_tab_main .panel .tit {font-weight:500; margin-bottom:10px; padding:5px; font-family:"scdream";}
.photozone .area_tab_main .panel .cont .photo img {width:100%;}
.photozone .area_tab_main .panel .hashClose {position:absolute; right:15px; top:15px; width:38px; height:38px; background-color:transparent; border:0; font-size:0;}
.photozone .area_tab_main .panel .hashClose:before,
.photozone .area_tab_main .panel .hashClose:after {content:""; display:block; width:2px; height:30px; position:absolute; top:50%; left:50%; margin-top:-15px; background:#222; transition:all .3s ease}
.photozone .area_tab_main .panel .hashClose:before {transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
.photozone .area_tab_main .panel .hashClose:after {transform:rotate(-135deg);-ms-transform:rotate(-135deg)}

#p_map1 {right:10%; top:25%;}  /*01트릭아트(시계탑 좌 1층)*/
#p_map2 {right:3%; top:32%;}  /*02치즈 하트*/
#p_map3 {right:20%; top:48%;}  /*03임실N치즈 체험*/
#p_map4 {left:45%; top:38%;}  /*04로즈 아치*/
#p_map5 {left:45%; top:40%;}  /*05로즈 포토*/
#p_map6 {left:40%; top:38%;}  /*06시크릿 가든*/
#p_map7 {left:40%; top:38%;}  /*07치즈 팩토리*/
#p_map8 {left:40%; top:38%;}  /*08러브리 가든*/
#p_map9 {right:25%; top:46%;}  /*09치즈 플라워*/
#p_map10 {right:25%; top:48%;}  /*10치즈 품은 달*/
#p_map11 {left:57%; bottom:10%;}  /*11벽천폭포*/
#p_map12 {left:57%; bottom:10%;}  /*12치즈로만든 무지개*/
#p_map13 {left:40%; bottom:10%;}  /*13톰과 제리*/
#p_map14 {left:40%; bottom:10%;}  /*14천사의 날개*/
#p_map15 {left:30%; bottom:10%;}  /*15로즈가든*/
#p_map16 {left:40%; top:30%;}  /*16좋은날, 이곳*/
#p_map17 {left:40%; top:30%;}  /*17안녕, 임실*/
#p_map18 {left:36%; top:30%;}  /*18치즈 항해사*/
#p_map19 {left:35%; top:30%;}  /*19민들레*/
#p_map20 {left:35%; top:35%;}  /*20치즈왕국*/
#p_map21 {left:28%; top:35%;}  /*21아침의 목장*/
#p_map22 {left:35%; top:28%;}  /*22마우스 패밀리*/
#p_map23 {left:38%; top:30%;}  /*23톰과 제리 여행*/
#p_map24 {left:40%; top:25%;}  /*24피치의 치즈 볼*/
#p_map25 {left:40%; top:25%;}  /*25에멘탈치즈 속 마우스*/
#p_map26 {left:40%; top:25%;}  /*26스머프와 가가멜*/
#p_map27 {left:40%; top:10%;}  /*27오늘도 사랑해*/
#p_map28 {left:5%; top:35%;}  /*28꿈꾸는 고래*/
#p_map29 {left:5%; top:37%;}  /*29느린 우체통*/
#p_map30 {left:35%; top:34%;}  /*30알펜호른*/
#p_map31 {left:40%; top:33%;}  /*31사운드오브뮤직*/
#p_map32 {right:5%; top:26%;}  /*32노을 전망대*/
#p_map33 {right:5%; top:28%;}  /*33흔적(이면)*/
#p_map34 {left:50%; top:35%;}  /*34지정환신부 동상*/
#p_map35 {right:20%; top:48%;}  /*35풍요의 땅 임실*/
#p_map36 {right:20%; bottom:10%;}  /*36임실N치즈 조각*/

@media screen and (max-width:1200px) {
	.photozone {position:relative; z-index:1; width:94%; margin:10px 3%; padding:0;}
	.photozone {-webkit-overflow-scrolling:touch; overflow-x: scroll; overflow-y: auto; width:100%;}
	.photozone .map_img img {width:1200px; transition:all 200ms ease;}
	.photozone .area_tab_main {width:1200px; transition:all 200ms ease;}
	.photozone .area {margin:0;}
}


.m_guide {position:relative; z-index:2; height:0; display:none;}

@media screen and (max-width:700px) {
	.m_guide {display:block;}
	.m_guide .txt {position:absolute; top:30px; left:30px; color:#fff; padding:10px 20px; background:red; opacity:0.7;}
}


/*  */
.play_content {position:relative; z-index:1; width:100%;}
.play_content:before {content:''; position:absolute; bottom:0; left:0; z-index:1; width:100%; height:600px; background:#f5f5f5;}
.play_content .titBox {position:relative;}
.play_content .titBox .homego {position:absolute; left:50%; margin-left:-90px; bottom:0;}

.pop_event {margin:0 auto; max-width:1000px; width:100%;}
.pop_event img {width:100%;}

.playlistWrap {position:relative; width:100%; height:600px; padding:60px 0;}
.playlistWrap .playlist_box {position:relative; width:100%; height:100%; padding:30px 60px; overflow:hidden;}
.playlistWrap .playlist_box h3 {padding-left:20px; letter-spacing:-2px;}
.playlistWrap .playlist_box .playlist_area {position:relative; z-index:1; width:100%;}
.playlistWrap .playlist_box .playlist_area {width:100%;}
.playlistWrap .playlist_box .playlist_area ul {width:100%;}
.playlistWrap .playlist_box .playlist_area ul:after {content:""; display:block; clear:both;}
.playlistWrap .playlist_box .playlist_area ul li {display:inline-block; width:calc((100% - 5px) / 3) list-style-type:none;}
.playlistWrap .playlist_box .playlist_area ul li a {width:100%; display:block; padding:20px; text-align:center; box-sizing:border-box; border-radius:10px; border:2px solid transparent; transition:all 0.2s;}
.playlistWrap .playlist_box .playlist_area ul li a:hover {background:#fff; border:2px solid #ffaa00; box-shadow:5px 5px 10px 0 rgba(0, 0, 0, 0.2);}
.playlistWrap .playlist_box .playlist_area ul li a p {margin-top:20px;}
.playlistWrap .playlist_box .playlist_area ul li img {width:380px;}

.playlistWrap .ctrl_box {position:absolute; top:0; left:0; width:100%; height:100%;}
.playlistWrap .ctrl_box a {position:absolute; z-index:2; top:50%; width:40px; height:40px; margin-top:-20px; background:#ffaa00; border-radius:50%;}
.playlistWrap .ctrl_box a:before {content:''; position:absolute; width:10px; height:10px; border:2px solid #fff;}
.playlistWrap .ctrl_box a.back {left:0;}
.playlistWrap .ctrl_box a.back:before {transform:rotate(45deg); border-width:0 0 2px 2px; margin:15px 0 0 16px;}
.playlistWrap .ctrl_box a.next {right:0;}
.playlistWrap .ctrl_box a.next:before {transform:rotate(-45deg); border-width:0 2px 2px 0; margin:15px 0 0 14px;}
.playlistWrap .ctrl_box a.play {background:none; width:auto; height:auto; top:0; left:-30px; font-size:13px; color:#fff; background:#333; border-radius:15px; text-decoration:none; padding:5px 10px;}
.playlistWrap .ctrl_box a.stop {background:none; width:auto; height:auto; top:31px; left:-30px; font-size:13px; color:#fff; background:#333; border-radius:15px; text-decoration:none; padding:5px 10px;}

@media screen and (max-width:1400px) {
	.playlistWrap .playlist_box {padding:30px 30px;}
}

@media screen and (max-width:1200px) {
	.playlistWrap .playlist_box {padding:30px 0;}
}

@media screen and (max-width:940px) {
	.play_content:before {display:none;}
	.playlistWrap .playlist_box {padding:30px 0;}
}
 
@media screen and (max-width:480px) {
	.play_content .hgo {padding-bottom:60px; margin-bottom:40px;}
	.play_content .inner .mt100 {margin-top:20px;}
	.play_content .inner .pb100 {padding-bottom:0;}
	.playlistWrap {width:104%; margin-left:-2%; padding:0; height:430px; overflow:hidden;}
	.playlistWrap .playlist_box .playlist_area {height:330px; overflow:hidden;}
	.playlistWrap .playlist_box .playlist_area ul li img {width:360px;}
}


/* 축제소개 */
.festivalCont {position:relative; max-width:1400px; width:94%; margin:180px auto 0;}
.festivalCont .list_box:after {display:block; content:""; clear:both;}
.festivalCont .list_box > li {margin-bottom:100px; width:50%; min-height:600px;}
.festivalCont .list_box > li:nth-child(odd) {float:left; padding-right:40px;}
.festivalCont .list_box > li:nth-child(even) {float:right; padding-left:40px;}
.festivalCont .list_box > li:nth-child(1) {margin-top:-150px;}
.festivalCont .list_box > li:nth-child(2) {margin-top:0px;}
.festivalCont .list_box > li:nth-child(3) {margin-top:30px;}
.festivalCont .list_box > li:nth-child(4) {margin-top:30px;}
.festivalCont .list_box .img_box {width:100%; background:#eee;}
.festivalCont .list_box .img_box img {width:100%;}
.festivalCont .list_box .txt_box dt {display:inline-block; margin-top:-150px; box-sizing:border-box; padding:30px 80px 20px 20px; background:#fff; font-size:32px; font-weight:600; font-family:"scdream";}
.festivalCont .list_box .txt_box dt span {display:block; font-size:20px; padding-left:3px; color:#ffa800; font-weight:500;}
.festivalCont .list_box .txt_box dd {position:relative; margin-left:20px; color:#777; padding-bottom:60px;}
.festivalCont .list_box .txt_box dd .homego {position:absolute;left:0;bottom:0;}

.homego {overflow:hidden; width:180px; height:40px; text-align:center; line-height:38px; font-size:0.9em; border:1px solid #ffa800; border-radius:20px; letter-spacing:-0.5px; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.homego strong {position:relative; color:#ffa800; font-weight:400; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;}
.homego:before {display:block; position:absolute; left:-150%; bottom:0; content:""; width:150%; height:150%; background:#ffa800; transform:skew(-45deg);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.homego:hover strong {color:#fff;}
.homego:hover:before {left:-10%; opacity:1.0;filter:Alpha(opacity=100);}

@media screen and (max-width:1200px) {
	.festivalCont .list_box > li:nth-child(odd) {padding-right:20px;}
	.festivalCont .list_box > li:nth-child(even) {padding-left:20px;}
}

@media screen and (max-width:940px) {
	.festivalCont {margin:20px auto 0;}
	.festivalCont .list_box > li {margin-bottom:60px; width:100%; min-height:auto;}
	.festivalCont .list_box > li:nth-child(odd) {padding-right:0;}
	.festivalCont .list_box > li:nth-child(even) {padding-left:0;}
	.festivalCont .list_box > li:nth-child(1),
	.festivalCont .list_box > li:nth-child(2),
	.festivalCont .list_box > li:nth-child(3),
	.festivalCont .list_box > li:nth-child(4) {margin-top:0;}
}

@media screen and (max-width:700px) {
	.festivalCont .list_box .txt_box dt {margin-top:0; padding:20px;}
}



/* 볼거리 */
.showplace {position:relative;}
.showplace .area {margin:0 auto; position:relative; z-index:2; width:100%; height:600px; padding-left:60%;}
.showplace .area .bg {position:absolute; z-index:1; top:0; left:0; width:60%; height:100%; transition:all 0.2s;}
.showplace .titWrap {position:relative; padding:80px 0 100px 80px; width:100%; height:100%; box-sizing:border-box;}
.showplace .titWrap dl {max-width:500px; width:94%;}
.showplace .titWrap dl dt span {display:block; font-weight:300; color:#ffc000;}
.showplace .titWrap dl dd {position:relative;}
.showplace .titWrap dl dd .tit {color:#ffc000; font-weight:600;}
.showplace .titWrap dl dd .tel {line-height:120%; font-weight:500; font-family:'Gmarket Sans';}
.showplace .titWrap dl dd .homego {position:absolute;left:0;bottom:0;}
.showplace .cont {margin:0 auto; max-width:1400px; width:94%; position:relative; z-index:2;}

@media screen and (max-width:1200px) {
	.showplace .area {padding-left:50%; height:auto}
	.showplace .area .bg {width:50%;}
	.showplace .titWrap {padding:40px 0 40px 50px;}
	.showplace .titWrap dl dt span {display:inline-block;}
	.showplace .cont {margin:0 auto 30px;}
}

@media screen and (max-width:940px) {
	.showplace .area {width:94%; height:auto; padding-left:0;}
	.showplace .area .bg {position:relative; top:auto; left:0; width:100%; height:420px;}
	.showplace .titWrap {padding:40px 0; width:100%; height:100%; box-sizing:border-box;}
	.showplace .titWrap dl dt span {display:inline-block;}
}

@media screen and (max-width:700px) {
	.showplace .area .bg {height:320px;}
}

@media screen and (max-width:480px) {
	.showplace .area .bg {height:220px;}
	.showplace .titWrap dl dd .homego {bottom:-10px;}
	.showplace .cont {margin:0 auto 10px;}
}



/* 인사말 */
.introduce .contBox {max-width:1160px; margin:0 auto; width:100%;}
.introduce .cont {display:inline-block; position:relative; width:420px; box-sizing:border-box; margin:0 -27px 80px; vertical-align:top;}
.introduce .cont:before {content:''; position:absolute; width:100%; height:100%; top:0; left:0; border-radius:50%; opacity:0.15;}
.introduce .cont dl {position:relative; width:420px; height:420px; box-sizing:border-box; padding:100px 50px 0; margin:0 auto;}
.introduce .cont dl dt {width:100%; min-height:70px; padding:0 0 10px; letter-spacing:-2px; font-family:"scdream"; vertical-align:middle; text-align:center;}
.introduce .cont dl dt .num {position:absolute; top:40px; left:50%; margin-left:-30px; color:#fff; width:60px; line-height:62px; height:60px; font-size:27px; font-weight:600; font-family:'Gmarket Sans'; }
.introduce .cont:nth-child(1):before {background:#ffc000;}
.introduce .cont:nth-child(2):before {background:#59ccf7;}
.introduce .cont:nth-child(3):before {background:#00d0b0;}
.introduce .cont:nth-child(1) dl dt .num,
.introduce .cont:nth-child(1) dl dd span {color:#ffc000;}
.introduce .cont:nth-child(2) dl dt .num,
.introduce .cont:nth-child(2) dl dd span {color:#00c0ff;}
.introduce .cont:nth-child(3) dl dt .num,
.introduce .cont:nth-child(3) dl dd span {color:#00d0b0;}
.introduce .cont dl dd {padding:0; color:#555; text-align:center;}
.introduce .cont dl dd span {display:block; font-size:22px; min-height:70px; line-height:135%;}
.introduce .cont dl dd p {}

@media screen and (max-width:1200px) {
	.introduce .cont {width:39%; margin:0 -3% 80px;}
	.introduce .cont dl {position:relative; width:90%; height:400px; box-sizing:border-box; padding:100px 5% 0; margin:0 auto;}
}

@media screen and (max-width:940px) {
	.introduce .cont {width:38.5%; height:380px; margin:0 -3% 80px;}
}

@media screen and (max-width:700px) {
	.introduce .contBox {margin:0 auto 50px; width:380px;}
	.introduce .cont {width:380px; height:380px;  margin:-3% 0;}
	.introduce .cont dl {position:relative; width:90%; height:380px; box-sizing:border-box; padding:100px 5% 0; margin:0 auto;}
}

@media screen and (max-width:480px) {
	.introduce {padding-top:15px;}
	.introduce .Img {margin:0;}
	.introduce .cont {margin:-6% 0;}
	.introduce .cont dl dt .num {top:55px;}
	.introduce .cont dl {padding:110px 5% 0;}
}



/* 설립배경 */
.company .cont {position:relative; width:100%;}
.company .cont .inner01 {position:relative; width:100%;}
.company .cont .inner01:before {content:''; position:absolute; z-index:-1; top:0; right:0; width:57%; height:100%; background:url(../img/sub/70/702000_img1.jpg) no-repeat 50% 50% / cover;}
.company .cont .inner01 .big_tit {width:100%;}
.company .cont .inner01 .big_tit h3 {font-weight:600; color:#ffa800;}
.company .cont .inner01 .txt {width:36%; font-weight:500;}
.company .cont .inner02 {display:table; width:100%;}
.company .cont .inner02 > * {display:table-cell; vertical-align:middle;}
.company .cont .inner02 .img_wrap {width:27%;}
.company .cont .inner02 .img_wrap img {width:100%;}
.company .cont .inner02 .txt {padding-left:100px; word-break:keep-all; word-wrap:break-word;}
.company .cont .inner02 .txt p {margin-bottom:20px;}

@media screen and (max-width:940px) {
	.company .cont .inner01 {padding-bottom:400px;}
	.company .cont .inner01:before {top:auto; bottom:0; width:100%; height:380px;}
	.company .cont .inner01 .txt {width:100%;}
	.company .cont .inner02 .txt {padding-left:40px;}
}

@media screen and (max-width:700px) {
	.company .cont .inner02 .img_wrap {display:none;}
	.company .cont .inner02 .txt {padding-left:0;}
}

@media screen and (max-width:480px) {
	.company .cont {padding-top:15px;}
	.company .cont .big_tit {padding:0 10px;}
	.company .cont .big_tit h3 {font-size:38px; margin-bottom:20px;}
	.company .cont .big_tit h3 br {display:none;}
	.company .cont .big_tit .txt {font-size:18px;}
	.company .cont .inner02 {margin-top:30px;}
}



/* 연혁 */
.historyWrap {position:relative; width:100%; padding-bottom:650px; background:#f7f7f7;}
.historyWrap:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:600px; background:url(../img/sub/70/702000_bg.png) no-repeat 60% top / cover; transition:all 0.2s;}
.historyWrap .titBox {margin:0 auto; width:94%; text-align:center;}
.historyWrap .titBox .tit {font-weight:700; line-height:120%; font-family:"scdream";}
.historyWrap .titBox p {line-height:150%;}
.historyWrap .history {position:relative; width:100%; height:100%; margin:0 auto;}
.historyWrap .history:after {content:""; position:absolute; top:10px; left:45%; height:110%; width:1px; background:#ccc;}
.historyWrap .history_txt {position:relative;}
.historyWrap .history_txt > div {position:relative; width:55%; margin:100px 0 100px 45%; padding-left:60px; height:100%;}
.historyWrap .history_txt ul {width:90%;}
.historyWrap .history_txt ul li *{display:inline-block;}
.historyWrap .history_txt ul li {position:relative; padding-left:60px; margin-bottom:15px; line-height:150%; color:#777;}
.historyWrap .history_txt ul li em {position:absolute; top:0; left:0; font-weight:700; color:#ffa200; font-style:normal;}
.historyWrap .history_txt ul li p span {color:#000; font-weight:500;}
.historyWrap .history_txt > div > em {position:absolute; top:-10px; left:-200px; z-index:2; width:200px; font-weight:700; font-size:40px; color:#222; font-family:'Gmarket Sans'; font-style:normal;}
.historyWrap .history_txt > div > em:after,
.historyWrap .history_txt > div > em:before {content:""; position:absolute;}
.historyWrap .history_txt > div > em:after {top:40%; right:0; width:80px; height:1px; background:#ccc;}
.historyWrap .history_txt > div > em:before {top:40%; right:-6px; z-index:9; margin-top:-5px; width:12px; height:12px; background:#ffa200; border-radius:50%;}
.historyWrap .history_txt > div:last-child {margin-bottom:0;}

@media screen and (max-width:700px) {
	.historyWrap {padding-bottom:450px;}
	.historyWrap:before {height:350px;}
	.historyWrap .history:after {left:35%;}
	.historyWrap .history_txt > div {width:65%; margin:80px 0 80px 35%; padding-left:30px;}
	.historyWrap .history_txt > div > em {left:-150px; width:150px; font-size:36px;}
	.historyWrap .history_txt > div > em:after {width:50px;}
}

@media screen and (max-width:480px) {
	.historyWrap {padding-top:30px; padding-bottom:400px;}
	.historyWrap:before {height:360px;}
	.historyWrap .history_txt ul li {font-size:0.9em; margin-bottom:10px;}
	.historyWrap .history_txt > div > em {top:-4px; left:-120px; width:120px; font-size:27px;}
	.historyWrap .history_txt > div > em:after {width:40px;}
}



/* CI */
.ciBox div {display:table-cell; vertical-align:middle;}
.ciBox .txt {padding:50px;}
.ciBox .txt p {padding:10px 0;}
.ciBox .txt p span {color:#ffae00; font-size:1.05em;}

.colorBox {width:100%; border:1px solid #ffa200; padding:70px 70px; border-radius:10px;}
.colorBox dl {position:relative; width:100%; padding-left:30%;}
.colorBox dl dt {position:absolute; top:22px; left:0; width:25%;}
.colorBox dl:nth-child(1) {border-bottom:1px solid #e7e7e7;}
.color_list {display:table; width:100%;}
.color_list li {position:relative; float:left; width:calc((100% - 60px) / 3); margin:15px 10px; padding-left:60px; font-size:15px; color:#999;}
.color_list li .color {position:absolute; top:0; left:0; width:45px; height:45px; border-radius:5px;}

@media screen and (max-width:1200px) {
	.ciBox div {display:block; width:100%;}
	.ciBox .ci img {width:100%;}
	.ciBox .txt {padding:50px 0;}

	.colorBox {padding:50px 40px;}
	.colorBox dl {padding-left:0;}
	.colorBox dl dt {position:relative; top:auto; left:10px; width:100%; margin-bottom:10px;}
}

@media screen and (max-width:700px) {
	.colorBox {padding:45px 35px 35px;}
	.color_list li {width:calc((100% - 25px) / 2); min-height:70px; padding-left:50px; font-size:13px; margin:10px 5px;}
}

@media screen and (max-width:480px) {
	.ciBox {padding-top:40px;}
	.ciBox .txt {padding:30px 3%;}
	.colorBox {padding:30px 20px 20px; margin-top:0;}
	.color_list li:last-child {min-height:40px;}
}



/* 조직도 */
.org_area {position:relative; text-align:center; max-width:900px; width:100%; margin:0 auto;}
.org_area .g_box {border:2px solid #fff; background:linear-gradient(90deg,#bbb,#82899b 100%); color:#fff; width:200px; line-height:70px; border-radius:10px; box-shadow:5px 5px 15px rgba(0,0,0,0.2); text-align:center;}
.org_area .w_box {background:#fff; color:#777; width:200px; line-height:60px; border-radius:7px; text-align:center; border:2px solid #bbb;}
.org_area .mauto {margin:30px auto;}
.org_area h1 {position:relative;}
.org_area h1:before {content:''; position:absolute; z-index:-1; left:50%; width:1px; height:370px; top:100%; background:#ddd;}
.org_area .org_mem {position:relative; display:inline-block; width:100%;}
.org_area .org_mem .m01 {position:absolute; top:50%; left:50%; margin-top:-30px; margin-left:-350px;}
.org_area .org_mem .m02 {position:absolute; top:50%; left:50%; margin-top:-30px; margin-left:150px;}
.org_area .org_mem .m01:before {content:''; position:absolute; z-index:-1; left:50%; width:500px; height:1px; top:30px; background:#ddd;}
.org_area .org_list {position:relative; width:96%; height:180px; margin:80px auto 0;}
.org_area .org_list:before {content:''; position:absolute; left:50%; width:370px; height:1px; top:-40px; background:#ddd; margin-left:-185px;}
.org_area .org_list li {position:relative; display:inline-block; width:60px; min-height:140px; padding:30px 20px; background:#e5e5e5; margin:0 14px; font-size:18px; color:#555; border-radius:5px;}
.org_area .org_list li:before {content:''; position:absolute; z-index:-1; left:50%; width:1px; height:50px; top:-40px; background:#ddd;}

@media screen and (max-width:940px) {
	.org_area .org_mem .m01 {margin-left:-310px;}
	.org_area .org_mem .m02 {margin-left:110px;}
}

@media screen and (max-width:700px) {
	.org_area .w_box {width:150px;}
	.org_area .org_mem .m01 {margin-left:-280px;}
	.org_area .org_mem .m02 {margin-left:130px;}
	.org_area .org_mem .m01:before {width:360px;}
	.org_area .org_list:before {width:320px; margin-left:-160px;}
	.org_area .org_list li {width:50px; padding:30px 15px; margin:0 13px;}
}

@media screen and (max-width:480px) {
	.org_area {margin:40px auto 0;}
	.org_area .g_box {width:160px;}
	.org_area .w_box {width:130px;}
	.org_area .org_mem .m01 {margin-left:-180px;}
	.org_area .org_mem .m02 {margin-left:50px;}
	.org_area .org_mem .m01:before {width:280px;}
	.org_area .org_list:before {width:260px; margin-left:-130px;}
	.org_area .org_list li {width:50px; padding:30px 15px; margin:0 5px;}
}




@media screen and (max-width:800px){


	#hd{ position:relative; margin:0;padding:0;}
	#hd_pop{ width:calc(100% - 40px); margin:0 20px; top:75px; position:absolute;}
	.hd_pops{width:calc(100% / 2) !important; position:relative !important; left:auto !important; top:auto !important; float:left;}
	#hd_pop #hd_pops_7{ left:0 !important;}
	
	.hd_pops_con{ width:100% !important;  height:auto !important;}
	.hd_pops_con img, .hd_pops_con iframe{ width:100% !important;}
	
}

@media all and (max-width :480px){


	
	
	
	.hd_pops {  width:100% !important;}

}