@charset "utf-8";


/* 공통 */
.con_body a {text-decoration:none;}
.icon_content1 {transition:all 0.4s;-webkit-transition:all 0.4s;display:inline-block;overflow:hidden;width:0;height:0;background:url(./../img/content/img_content01.png) left top no-repeat;vertical-align:middle;font-size:0;}
.icon_content3 {transition:all 0.4s;-webkit-transition:all 0.4s;display:inline-block;overflow:hidden;width:0;height:0;background:url(./../img/content/img_content03.png) left top no-repeat;vertical-align:middle;font-size:0;}


/* 레이어팝업 - 공통 */
body.lay_popup {overflow:hidden;}
.lay_popup_warp {display:none;position:fixed;left:0;top:0;z-index:100;width:100%;height:100%;padding:10%;background:rgba(0,0,0,0.8);}
.lay_popup_warp .lay_popup {position:relative;max-width:1200px;max-height:667px;width:100%;height:100%;margin:0 auto;padding:40px;background:rgba(255,255,255,1);box-shadow:15px 15px 15px rgba(0,0,0,0.3);}
.lay_popup_warp .lay_popup .lay_close {position:absolute;right:-41px;top:-34px;color:#fff;}
.lay_popup_warp .lay_popup:focus {outline:2px solid #92b7ff;}
.lay_popup_warp .lay_popup .lay_close:focus {outline:2px solid #92b7ff;}
	/* 태블릿 */
	@media only screen and (max-width:1023px){
		.lay_popup_warp {padding:5%;}
	}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.lay_popup_warp .lay_popup .lay_close {position:absolute;right:-15px;top:-15px;color:#fff;}
		.lay_popup_warp .lay_popup .lay_close img {width:40px;height:40px;}
	}

/* 리스트 공통 */
.ul_li {overflow:hidden;padding-left:40px;}
.ul_li li {position:relative;padding-left:12px;color:#1b202b;letter-spacing:-0.4px;}
.ul_li li:before {content:"";position:absolute;left:0;top:8px;width:2px;height:9px;background:#1b202b;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.ul_li li.cr_red {color:#ff2f19;}
.ul_li li.cr_red:before {background:#ff2f19;}
.ul_li li.cr_blue {color:#2c5198;}
.ul_li li.cr_blue:before {background:#2c5198;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.ul_li {padding-left:5px;}
	}

/* 설명문구 공통 */
.p_box {padding-bottom:45px;border-bottom:1px solid #1b202b;text-align:center;font-size:15px;}
.p_box .iul_box {padding:45px 0;border-bottom:1px solid #1b202b;text-align:left;}
.p_box .iul_box:after {content:"";display:block;clear:both;}
.p_box .iul_box .img {float:left;width:120px;height:120px;background-color:#eff0f2;border-radius:120px;}
.p_box .iul_box .img .icon_content3 {width:120px;height:120px;background-position:0 0;margin-top:-4px;}
/* 동의 */
.p_box > p {padding:45px 0 20px 0;letter-spacing:-0.4px;}
.p_box .btn_ok {display:inline-block;height:45px;line-height:45px;padding:0 40px;background:#f63a26;text-align:center;font-size:14px;color:#fff;}
.p_box .btn_ok:hover,.sub030301 .p_box .btn_ok:focus,.sub030301 .p_box .btn_ok:active {background:#252f40;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		/* 설명문구 */
		.p_box {padding-bottom:25px;border-bottom:1px solid #1b202b;text-align:center;font-size:14px;}
		.p_box .iul_box {padding:25px 0;border-bottom:1px solid #1b202b;text-align:left;}
		.p_box .iul_box .img {display:none;}
		.p_box .iul_box .ul_li {padding-left:5px;}
		/* 동의 */
		.p_box > p {padding:25px 0 20px 0;}
		.p_box .btn_ok {height:40px;line-height:40px;}
	}

/* 상단문구 공통 */
.tit_box {padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid #2c5198;text-align:center;}
.tit_box .icon_content1 {width:120px;height:120px;background-position:0 0;background-color:#2c5198;border-radius:100%;}
.tit_box p {margin-top:15px;line-height:28px;font-size:18px;color:#525459;}
.tit_box p em {display:block;font-size:24px;color:#2c5198;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.tit_box {padding-bottom:30px;margin-bottom:30px;text-align:left;}
		.tit_box:after {content:"";display:block;clear:both;}
		.tit_box .icon_content1 {float:left;margin-right:20px;width:80px;height:80px;background-size:240px auto;background-color:#2c5198;border-radius:100%;}
		.tit_box p {overflow:hidden;font-size:16px;}
		.tit_box p em {font-size:16px;}
		.tit_box p em br {display:none;}
	}
	/* 모바일 */
	@media only screen and (max-width:480px){
		.tit_box .icon_content1 {margin-right:10px;width:50px;height:50px;background-size:150px auto;}
	}

/* 상단문구2 공통 */
.tit_box2 {padding:60px 10px;background:url(./../img/content/sub01/bg.gif) center center no-repeat;border-top:1px solid #1b202b;border-bottom:1px solid #1b202b;}
.tit_box2:after {content:"";display:block;clear:both;}
.tit_box2 > strong {float:left;display:block;width:50%;padding-left:10%;font-size:24px;color:#171e2a;}
.tit_box2 > strong .icon_content1 {display:block;width:120px;height:120px;margin-top:25px;background-position:0 -120px;background-color:#eff0f2;border-radius:100%;}
.tit_box2 .ul_li {float:left;width:50%;padding-left:10%;}
.tit_box2 .ul_li li {}
	/* 태블릿 */
	@media only screen and (max-width:1023px){
		.tit_box2 {padding:50px 10px;}
		.tit_box2 > strong {font-size:20px;}
	}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.tit_box2 {padding:30px 10px;background:none;}
		.tit_box2 > strong {float:none;width:100%;padding-left:5%;font-size:18px;}
		.tit_box2 > strong br {display:none;}
		.tit_box2 > strong .icon_content1 {width:80px;height:80px;background-size:240px auto;background-position:0 -80px;}
		.tit_box2 .ul_li {float:none;width:100%;margin-top:20px;padding-left:5%;}
	}
	/* 모바일 */
	@media only screen and (max-width:480px){
		.tit_box2 > strong  .icon_content1 {width:50px;height:50px;margin:20px auto 0 auto;background-size:150px auto;background-position:0 -50px;}
	}



/*******************/
/*** 01청남대 ***/
/*******************/
/** 인사말 **/
.greetings_box {}
.greetings_box .text_box {padding-top:70px;font-size:15px;color:#525459;text-align:left;}
.greetings_box .text_box:after {content:"";display:block;clear:both;}
.greetings_box .text_box .top_box .img_box {float: right;position:relative;display:inline-block;margin:0 auto;padding:0 50px 30px 50px;/* background:url(./../img/content/sub01/img01_03.gif) center top no-repeat; */}
.greetings_box .text_box .top_box .img_box img {}
.greetings_box .text_box .top_box .img_box .text {display: block;}
.greetings_box .text_box .top_box .img_box .text img {}
.greetings_box .text_box .top_box .pcolor {font-size:18px;color:#2c5198;}
.greetings_box .text_box .top_box .pcon1 {margin:30px 0 30px 0;line-height:34px;font-size:16px;}
.text_box .top_box .pcolor {font-size:18px;color:#2c5198;}

.greetings_box .pcon_ex {line-height:29px;padding:30px 20px 30px 20px;font-size:18px;border-top: 1px solid #ddd;color:#2c5198;}
.greetings_box .pcon_ex em {display:block;font-weight: bold;line-height:36px;font-size: 26px;}
.greetings_box .pcon_ex em + em {font-weight: 400;font-size: 20px;color:#000;}
.greetings_box .pcon2 {margin-bottom:30px;padding:0 20px 30px 20px;line-height:28px;border-bottom: 1px solid #ddd;font-size:16px;}
.greetings_box .pcon2:before {content: "";display: block;width: 40px;height: 3px;margin: 0 0 30px 0;background: #2c5198;}

.greetings_box .slide_box {position:relative; display:none;}
.greetings_box .slide_box .slide_list {}
.greetings_box .slide_box .slide_list .slide_div {position:relative;}
.greetings_box .slide_box .slide_list .slide_div img {}
.greetings_box .slide_box .slide_list .slide_div .sdtext {transition:all 1.2s ease;-webkit-transition:all 1.2s ease;position:absolute;right:0;bottom:-100%;z-index:10;width:40%;height:100%;padding:0 65px 0 65px;background:rgba(0,0,0,0);letter-spacing:-0.6px;}
.greetings_box .slide_box .slide_list .slide_div .sdtext .sdtext1 {padding-bottom:5px;border-bottom:2px solid #3767c4;}
.greetings_box .slide_box .slide_list .slide_div .sdtext .sdtext1 .icon_content1 {width:120px;height:20px;background-position:-120px -67px;}
.greetings_box .slide_box .slide_list .slide_div .sdtext > span {transition:all 1.2s ease;-webkit-transition:all 1.2s ease;display:block;line-height:35px;margin-top:0;font-size:18px;font-weight:bold;color:#3a6ccd;}
.greetings_box .slide_box .slide_list .slide_div .sdtext > em {display:block;line-height:35px;font-size:38px;font-weight:bold;color:#fff;}
	/* 슬라이드시 */
	.greetings_box .slide_box .slide_list .slide_div.slick-active .sdtext {transition:all 1.2s ease;-webkit-transition:all 1.2s ease;position:absolute;right:0;bottom:0;z-index:10;padding:20% 65px 0 65px;background:rgba(0,0,0,0.8);}
	.greetings_box .slide_box .slide_list .slide_div.slick-active .sdtext > span {transition:all 1.2s ease;-webkit-transition:all 1.2s ease;margin-top:35px;}

.greetings_box .slide_box .gre_controll_box {position:absolute;right:0;bottom:0;z-index:10;width:40%;text-align:center;}
.greetings_box .slide_box .gre_controll_box a {margin:0 2px;}
.greetings_box .slide_box .gre_controll_box .gre_prev .icon_layout {width:10px;height:19px;background-position:0 -112px;}
.greetings_box .slide_box .gre_controll_box .gre_page {margin-top:-100px;}
.greetings_box .slide_box .gre_controll_box .gre_page ul {}
.greetings_box .slide_box .gre_controll_box .gre_page ul li {display:inline-block;margin:0 3px;}
.greetings_box .slide_box .gre_controll_box .gre_page ul li button {display:inline-block;width:14px;height:14px;background:#fff;border-radius:100%;font-size:0;}
.greetings_box .slide_box .gre_controll_box .gre_page ul li.slick-active {}
.greetings_box .slide_box .gre_controll_box .gre_page ul li.slick-active button {display:inline-block;width:14px;height:14px;background:#2c5198;border-radius:100%;font-size:0;}
.greetings_box .slide_box .gre_controll_box .gre_next .icon_layout {width:10px;height:19px;background-position:-11px -112px;}
	/* pc */
	@media only screen and (max-width:1199px){
		
	}
	/* 태블릿 */
	@media only screen and (max-width:1023px){
		.greetings_box .top_box {padding:50px 0;}
		.greetings_box .top_box .pti1 {font-size:20px;}
		.greetings_box .top_box .pti2 {padding-top:10px;margin-top:0;line-height:60px;font-size:20px;}
		.greetings_box .top_box .pti2 em {position:static;}
		.greetings_box .top_box .pti2 em img {width:140px;}

		.greetings_box .text_box {padding-top:70px;}
		.greetings_box .text_box .pcon1 {margin:30px 0 30px 0;}
		.greetings_box .text_box .pcon_ex {padding:30px 30px 30px 30px;font-size:17px;}
		.greetings_box .text_box .pcon_ex .icon_content1 {margin:0 auto 30px auto;}
		.greetings_box .text_box .pcon2 {margin:30px 0;}

		.greetings_box .slide_box .slide_list .slide_div {padding-bottom:0;padding-top:200px;}
		.greetings_box .slide_box .slide_list .slide_div .sdtext {overflow:hidden;width:100%;height:200px;padding:0 30px 0 30px;}
		.greetings_box .slide_box .slide_list .slide_div .sdtext > span {font-size:16px;}
		.greetings_box .slide_box .slide_list .slide_div .sdtext > em {font-size:30px;}
		.greetings_box .slide_box .slide_list .slide_div img {width:100%;}
			/* 슬라이드시 */
			.greetings_box .slide_box .slide_list .slide_div.slick-active .sdtext {bottom:auto;top:0;padding:30px 30px 0 30px;}

		.greetings_box .slide_box .gre_controll_box {width:100%;}

	}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.greetings_box .top_box {padding:30px 0;}
		.greetings_box .top_box .pti1 {font-size:18px;}
		.greetings_box .top_box .pti2 {line-height:35px;font-size:18px;}
		.greetings_box .top_box .pti2 em {display:block;}
		.greetings_box .top_box .pti2 em img {width:100px;}
        
        .greetings_box .text_box .top_box .img_box {float: none;position:relative;display:block;margin:0 auto;padding:0 30px 30px 30px;}
        .greetings_box .text_box .top_box .img_box img {float: none;position:relative;display:block;margin:0 auto;padding:0 30px 0 30px;}

		.greetings_box .top_box .img_box {padding:20px 0 0 0;background:none;}
		.greetings_box .top_box .img_box .text {position:static;display:block;margin-top:10px;text-align:center;}
		.greetings_box .top_box .img_box .text br {display:none;}

		.greetings_box .text_box {padding-top:30px;}
		.greetings_box .text_box .pcon1 {margin:15px 0 15px 0;font-size:14px;}
		.greetings_box .text_box .pcon_ex {line-height:24px;padding:15px 15px 15px 15px;font-size:14px; box-shadow: 1px 1px 2px gainsboro;}
		.greetings_box .text_box .pcon_ex .icon_content1 {margin:0 auto 15px auto;}
		.greetings_box .text_box .pcon2 {margin:15px 0;}

		.greetings_box .slide_box .slide_list .slide_div {padding-top:150px;}
		.greetings_box .slide_box .slide_list .slide_div .sdtext {height:150px;padding:0 15px 0 15px;}
		.greetings_box .slide_box .slide_list .slide_div .sdtext > span {font-size:14px;}
		.greetings_box .slide_box .slide_list .slide_div .sdtext > em {font-size:20px;}
			/* 슬라이드시 */
			.greetings_box .slide_box .slide_list .slide_div.slick-active .sdtext > span {margin-top:10px;}

	}


/** 역사 및 연혁 **/
.sub010201 .tit_box .icon_content1 {width:120px;height:120px;background-position:-240px 0;background-color:#2c5198;border-radius:100%;}
.sub010201 .tit_box p {font-size:24px;color:#000;}
.sub010201 .pbox {padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid #2c5198; font-size: 1.6rem;}
.sub010201 .pbox .pcon1 {color:#2c5198;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.sub010201 .tit_box .icon_content1 {width:80px;height:80px;background-size:240px auto;background-position:-160px 0;}
		.sub010201 .tit_box p {font-size:20px;}
	}
	/* 모바일 */
	@media only screen and (max-width:480px){
		.sub010201 .tit_box .icon_content1 {width:50px;height:50px;background-size:150px auto;background-position:-100px 0;}
		.sub010201 .tit_box p {font-size:18px;}
	}

/** 조직안내 **/
.sub010401 {}
.sub010401 .org_box {position:relative;display:inline-block;width:100%;margin-top:50px;text-align:center;}
.sub010401 .org_box:before {content:"";position:absolute;left:0;right:0;top:110px;width: 66.6%;height:1px;margin-left: 16.6%;background:#dddddd;} /* 가로선 */
.sub010401 .org_box:after {content:"";position:absolute;left:0;right:0;top:60px;width:1px;height:50px;margin:0 auto;background:#dddddd;} /* 중앙선 */
.sub010401 .org_box .org li a {position:relative;display:block;width:230px;height:60px;line-height:60px;margin:0 auto;text-align:center;font-size:20px;color:#fff;background:#2c5198;}
.sub010401 .org_box .org li a:before {content:"";position:absolute;left:-10px;top:0;width:11px;height:11px;border-top:10px solid #fff;border-left:10px solid #fff;border-right:10px solid #2c5198;}
.sub010401 .org_box .org li a:after {content:"";position:absolute;right:-10px;bottom:0;width:11px;height:11px;border-bottom:10px solid #fff;border-left:10px solid #2c5198;border-right:10px solid #fff;}
.sub010401 .org_box .org li + li {position:relative;float:left;width: 33.3%;margin-top:70px;}
.sub010401 .org_box .org li + li:after {content:"";position:absolute;left:0;right:0;top:-20px;width:1px;height:20px;margin:0 auto;background:#dddddd;}
.sub010401 .org_box .org li + li a {background:#037beb;}
.sub010401 .org_box .org li + li a:before {border-right:10px solid #037beb;}
.sub010401 .org_box .org li + li a:after {border-left:10px solid #037beb;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.sub010401 .org_box {margin-top:0;}
		.sub010401 .org_box:before {top:90px;} /* 가로선 */
		.sub010401 .org_box:after {top:45px;height:45px;} /* 중앙선 */
		.sub010401 .org_box .org li a {width:50%;height:45px;line-height:45px;font-size:16px;letter-spacing:-1px;}
		.sub010401 .org_box .org li + li {margin-top:65px;}
	}

/** 운영조례 **/
.sub010501 {}
	/* 모바일 */
	@media only screen and (max-width:767px){
		
	}
	/* 모바일 */
	@media only screen and (max-width:480px){
		
	}


/** 청남대 이용대통령 **/
.sub010600 {}
#chghst li, #chghst p { line-height: normal !important; margin-bottom: 0 !important; }
#chghst { line-height: normal !important; }
.sub010600 .president_box {padding:0 50px;}
.sub010600 .president_box .president_ul {margin-left:-50px;}
.sub010600 .president_box .president_ul > li {float:left;width:50%;padding-left:50px;margin-top:80px;}
.sub010600 .president_box .president_ul > li:nth-child(1) {margin-top:0;}
.sub010600 .president_box .president_ul > li:nth-child(2) {margin-top:0;}
.sub010600 .president_box .president_ul > li > div {}
.sub010600 .president_box .president_ul > li > div .left {float:left;}
.sub010600 .president_box .president_ul > li > div .left img {}
.sub010600 .president_box .president_ul > li > div .right {overflow:hidden;padding-left:28px;}
.sub010600 .president_box .president_ul > li > div .right em {display:block;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #ccc;font-size:18px;font-weight:bold;color:#000;}
.sub010600 .president_box .president_ul > li > div .right ul {}
.sub010600 .president_box .president_ul > li > div .right ul li {position:relative;padding-left:10px;font-size:14px;color:#666;}
.sub010600 .president_box .president_ul > li > div .right ul li:before {content:"";position:absolute;left:0;top:9px;display:inline-block;width:1px;height:8px;background:#b8b8b8;vertical-align:middle;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.sub010600 .president_box .president_ul > li > div .right a.more {display:block;width:80%;height:35px;line-height:35px;margin-top:15px;background:#2c5198;padding-left:20px;color:#fff;}
.sub010600 .president_box .president_ul > li > div .right a.more:after {content:"";display:block;clear:both;}
.sub010600 .president_box .president_ul > li > div .right a.more .icon_content1 {float:right;margin:13px 20px 0 0;width:42px;height:9px;background-position:-120px 0;}
.sub010600 .president_box .president_ul > li > div .right a.more:hover {background:#000;}
.sub010600 .president_box .president_ul > li > div .right a.more:hover .icon_content1 {float:right;margin:13px 10px 0 0;width:32px;height:9px;background-position:-130px 0;}
	/* pc */
	@media only screen and (max-width:1199px){
		.sub010600 .president_box .president_ul > li > div .right {padding-left:18px;}
		.sub010600 .president_box .president_ul > li > div .right a.more .icon_content1 {width:32px;background-position:-130px 0;}
	}
	/* 태블릿 */
	@media only screen and (max-width:1023px){
		.sub010600 .president_box {padding:0 0;}
	}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.sub010600 .president_box .president_ul {margin-left:0;}
		.sub010600 .president_box .president_ul > li {float:none;width:100%;padding-left:0;margin-top:40px;}
		.sub010600 .president_box .president_ul > li:nth-child(1) {margin-top:40px;}
		.sub010600 .president_box .president_ul > li:nth-child(2) {margin-top:40px;}
		.sub010600 .president_box .president_ul > li > div .right a.more {width:50%;}
	}
	/* 모바일 */
	@media only screen and (max-width:480px){
		.sub010600 .president_box .president_ul > li > div .right a.more {width:100%;}
	}

/* 레이어팝업 - 01청남대 : 청남대 이용 대통령 */
.president_box .lay_popup_warp .lay_popup .lay_cont {overflow:hidden;max-height:607px;height:100%;font-size:14px;}
.president_box .lay_popup_warp .lay_popup .lay_cont .left {float:left;overflow:scroll;max-width:321px;max-height:607px;width:100%;height:100%;background:#fbfbfb;}
.president_box .lay_popup_warp .lay_popup .lay_cont .left .tit_top {height:45px;line-height:45px;padding:0 20px;background:#2c5198;font-size:14px;color:#fff;}
.president_box .lay_popup_warp .lay_popup .lay_cont .left .dep_box {padding:20px;border:1px solid #ddd;}
.president_box .lay_popup_warp .lay_popup .lay_cont .right {overflow-y:scroll;padding-left:30px;width:auto;max-height:607px;height:100%;}
.president_box .lay_popup_warp .lay_popup .lay_cont .right .box {padding:30px;background:#fbfbfb;border:1px solid #ddd;}
.president_box .lay_popup_warp .lay_popup .lay_cont .right .box .box_text {padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #ddd;}
.president_box .lay_popup_warp .lay_popup .lay_cont .right .box .box_text .img {float:left;}
.president_box .lay_popup_warp .lay_popup .lay_cont .right .box .box_text .img .image:first-child > img {max-width:225px;width:100%;max-height:309px;height:100%;}
.president_box .lay_popup_warp .lay_popup .lay_cont .right .box .box_text .img .img_pre {display:block;max-width:110px;max-height:144px;width:100%;height:100%;}
.president_box .lay_popup_warp .lay_popup .lay_cont .right .box .box_text .img .img_sig {display:block;max-width:110px;width:100%;margin-top:30px;}
.president_box .lay_popup_warp .lay_popup .lay_cont .right .box .box_text .con {overflow:hidden;padding-left:30px;}
.president_box .lay_popup_warp .lay_popup .lay_cont .right .box .box_text .con strong {font-size:18px;color:#222;}
.president_box .lay_popup_warp .lay_popup .lay_cont .right .box .box_text .con ul {margin-top:20px;}
.president_box .lay_popup_warp .lay_popup .lay_cont .right .box .box_text .con ul li {color:#666;}
.president_box .lay_popup_warp .lay_popup .lay_cont .right .box .box_text .con ul li em {font-weight:bold;color:#222;}
.president_box .lay_popup_warp .lay_popup .lay_cont .right .box .box_table {}
.president_box .lay_popup_warp .lay_popup .lay_cont .right .box .box_table h4 {margin-top:30px;font-size:16px;font-weight:bold;color:#000;}
.president_box .lay_popup_warp .lay_popup .lay_cont .right .box .box_table h4:before {content:"";display:inline-block;width:10px;height:3px;margin-right:8px;background:#2c5198;vertical-align:middle;}
.president_box .lay_popup_warp .lay_popup .lay_cont .right .box .box_table h5 {margin:10px 0 0 20px;font-weight:bold;color:#000;}
.president_box .lay_popup_warp .lay_popup .lay_cont .right .box .box_table h5:before {content:"";display:inline-block;width:2px;height:3px;margin-right:8px;background:#2c8f98;vertical-align:middle;}
.president_box .lay_popup_warp .lay_popup .lay_cont .right .box .box_table p {margin:10px 0 0 30px;}
	/* pc */
	@media only screen and (max-width:1199px){
		
	}
	/* 태블릿 */
	@media only screen and (max-width:1023px){
		.president_box .lay_popup_warp .lay_popup .lay_cont .left {max-width:250px;}
		.president_box .lay_popup_warp .lay_popup .lay_cont .left .dep_box {padding:15px;}
		.president_box .lay_popup_warp .lay_popup .lay_cont .right .box .box_text .img {float:none;}
		.president_box .lay_popup_warp .lay_popup .lay_cont .right .box .box_text .con {padding-left:0;margin-top:30px;}
	}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.president_box .lay_popup_warp .lay_popup .lay_cont {overflow-y:scroll;height:100%;}
		.president_box .lay_popup_warp .lay_popup .lay_cont .left {float:none;overflow:scroll;max-width:100%;max-height:200px;width:100%;height:100%;background:#fbfbfb;}
		.president_box .lay_popup_warp .lay_popup .lay_cont .right {overflow-y:scroll;padding-left:0;width:auto;height:100%;}
		.president_box .lay_popup_warp .lay_popup .lay_cont .right .box {padding:15px;}
		.president_box .lay_popup_warp .lay_popup .lay_cont .right .box .box_text .img .img_pre {display:block;max-width:80px;max-height:normal;width:100%;height:100%;}
		.president_box .lay_popup_warp .lay_popup .lay_cont .right .box .box_text .img .img_sig {display:block;max-width:80px;width:100%;margin-top:10px;}
		.president_box .lay_popup_warp .lay_popup .lay_cont .right .box .box_text .con {padding-left:0;margin-top:15px;}
		.president_box .lay_popup_warp .lay_popup .lay_cont .right .box .box_text .con strong {font-size:16px;}
		.president_box .lay_popup_warp .lay_popup .lay_cont .right .box .box_text .con ul {margin-top:15px;}
	}
	/* 모바일 */
	@media only screen and (max-width:480px){
		
	}


/** 찾아오시는 길 **/
.map_list .list0 li em {display:inline-block;margin-bottom:10px;padding:2px 15px;background:#fafafa;border:1px solid #ccc;border-radius:50px;color:#666;}
.map_list .list0 li.licenter em {background:#f5f9ff;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.map_list .list0 li em {}
	}


/*******************/
/*** 02시설안내 ***/
/*******************/
/** 대통령사용시설(VR) **/
.facility_box {}
.facility_box .facility_ul {border-top:1px solid #1b202b;border-bottom:1px solid #1b202b;}
.facility_box .facility_ul > li {padding:50px 50px;border-top:1px solid #d1d2d5;}
.facility_box .facility_ul > li:first-child {border-top:0;}
.facility_box .facility_ul > li a {display:block;}
.facility_box .facility_ul > li a:after {content:"";display:block;clear:both;}
.facility_box .facility_ul > li a em {transition:all 0.4s;-webkit-transition:all 0.4s;position:relative;display:block;float:left;background:#000;}
.facility_box .facility_ul > li a em > img {transition:all 0.4s;-webkit-transition:all 0.4s;max-width:317px;max-height:195px;width:100%;height:100%;}
.facility_box .facility_ul > li a em i {}
.facility_box .facility_ul > li a em i img {transition:all 0.4s;-webkit-transition:all 0.4s;position:absolute;right:-15px;bottom:-15px;}
.facility_box .facility_ul > li a em i img + img {transition:all 0.4s;-webkit-transition:all 0.4s;position:absolute;right:30px;bottom:30px;}
.facility_box .facility_ul > li a em i img:first-child {transform:rotate(0deg);-webkit-transform:rotate(0deg);animation:icon1 4s 0.4s infinite ease-in-out alternate;}
	@keyframes icon1 {
		0% {transform:rotate(0deg);-webkit-transform:rotate(0deg);}
		40% {transform:rotate(-15deg);-webkit-transform:rotate(-15deg);}
		80% {transform:rotate(15deg);-webkit-transform:rotate(15deg);}
		100% {transform:rotate(0deg);-webkit-transform:rotate(0deg);}
	}
	@-webkit-keyframes icon1 {
		0% {transform:rotate(0deg);-webkit-transform:rotate(0deg);}
		40% {transform:rotate(-15deg);-webkit-transform:rotate(-15deg);}
		80% {transform:rotate(15deg);-webkit-transform:rotate(15deg);}
		100% {transform:rotate(0deg);-webkit-transform:rotate(0deg);}
	}
.facility_box .facility_ul > li a strong {display:block;overflow:hidden;padding-left:60px;}
.facility_box .facility_ul > li a strong span.tit {display:block;font-size:24px;color:#000;}
.facility_box .facility_ul > li a strong span.con {position:relative;display:block;margin-top:25px;padding-left:12px;font-weight:400;font-size:14px;color:#666;}
.facility_box .facility_ul > li a strong span.con:before {content:"";position:absolute;left:0;top:7px;display:block;width:2px;height:10px;background:#1b202b;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}

.facility_box .facility_ul > li a:hover em,
.facility_box .facility_ul > li a:focus em,
.facility_box .facility_ul > li a:active em {box-shadow:7px 7px 22px rgba(0,0,0,0.2);}
.facility_box .facility_ul > li a:hover em > img,
.facility_box .facility_ul > li a:focus em > img,
.facility_box .facility_ul > li a:active em > img {opacity:0.2;}

.facility_box .facility_ul > li a:hover em i img,
.facility_box .facility_ul > li a:focus em i img,
.facility_box .facility_ul > li a:active em i img {position:absolute;right:30%;bottom:20%;}
.facility_box .facility_ul > li a:hover em i img + img,
.facility_box .facility_ul > li a:focus em i img + img,
.facility_box .facility_ul > li a:active em i img + img {position:absolute;right:45%;bottom:45%;}
	/* 태블릿 */
	@media only screen and (max-width:1023px){
		
	}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.facility_box .facility_ul > li {padding:25px 25px;}
		.facility_box .facility_ul > li a em {float:none;text-align:center;}
		.facility_box .facility_ul > li a strong {display:block;overflow:hidden;padding-left:0;margin-top:20px;}
	}
	/* 모바일 */
	@media only screen and (max-width:480px){
		
	}

/* 레이어팝업 - 02시설안내 : VR뷰 */
.lay_popup_warp .lay_popup .vr_box {overflow:hidden;max-height:607px;height:100%;}
.lay_popup_warp .lay_popup .tit_top {height:40px;line-height:40px;padding:0 20px;background:#2c5198;font-size:15px;color:#fff;}
.lay_popup_warp .lay_popup .vr_box .vr_cont {height:100%;background:#fbfbfb;}
	/* pc */
	@media only screen and (max-width:1199px){
		
	}
	/* 태블릿 */
	@media only screen and (max-width:1023px){
		
	}
	/* 모바일 */
	@media only screen and (max-width:767px){
		
	}
	/* 모바일 */
	@media only screen and (max-width:480px){
		
	}

/* 시설안내 - 편의시설 */
.sub020401 {}
.sub020401 .facility_box .facility_ul li div:after {content:"";display:block;clear:both;}
.sub020401 .facility_box .facility_ul li div em {transition:all 0.4s;-webkit-transition:all 0.4s;position:relative;display:block;float:left;background:#000;}
.sub020401 .facility_box .facility_ul li div strong {display:block;overflow:hidden;padding-left:60px;}
.sub020401 .facility_box .facility_ul li div strong span.tit {display:block;font-size:24px;color:#000;}
.sub020401 .facility_box .facility_ul li div strong span.con {position:relative;display:block;margin-top:25px;padding-left:12px;font-weight:400;font-size:14px;color:#666;}
.sub020401 .facility_box .facility_ul li div strong span.con:before {content:"";position:absolute;left:0;top:7px;display:block;width:2px;height:10px;background:#1b202b;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.sub020401 .facility_box .facility_ul li div em {float:none;text-align:center;}
		.sub020401 .facility_box .facility_ul li div strong {display:block;overflow:hidden;padding-left:0;margin-top:20px;}
	}


/** 시설사용료안내 **/
.sub020501 .imgbox {}
.sub020501 .imgbox .imgbox_ul {margin-top:20px;margin-left:-20px;}
.sub020501 .imgbox .imgbox_ul:after {content:"";display:block;clear:both;}
.sub020501 .imgbox .imgbox_ul li {float:left; width:50%; padding-left:20px;margin-bottom:20px;text-align:center;}
.sub020501 .imgbox .imgbox_ul li strong {display:block;margin:10px 0 0 0;font-weight:400;}
.sub020501 .imgbox .imgbox_ul li img {width:95%;  height:25rem;}
	/* 태블릿 */
	@media only screen and (max-width:1023px){
		.sub020501 .imgbox .imgbox_ul li {width:50%;}
	}
	/* 모바일 */
	@media only screen and (max-width:480px){
		.sub020501 .imgbox .imgbox_ul li {width:100%;}
		.sub020501 .place_box br{display:block !important;}
	}


/** 지도로보는 청남대 **/
.sub020601 .mcnam_ul {position:relative;overflow-x:scroll;border:1px solid #ddd;text-align:center;}
.sub020601 .mcnam_ul .icon {}
.sub020601 .mcnam_ul .icon img {width:20px;height:auto;}
.sub020601 .mcnam_ul .vrbox {position:absolute;left:0;top:0;}
.sub020601 .mcnam_ul .vrbox a {}
.sub020601 .mcnam_ul .vrbox a em {display:block;overflow:hidden;width:0;height:0;font-size:0;}
.sub020601 .mcnam_ul .vrbox a span {}
.sub020601 .mcnam_ul .vrbox a img {width:30px;height:auto;}
.sub020601 .mcnam_ul .vrbox a.vr1  {position:absolute;left:361px;top:483px;}/* 1  대통령기념관(별관 선물관)-수정  */
.sub020601 .mcnam_ul .vrbox a.vr2  {position:absolute;left:510px;top:450px;}/* 2  돌탑 */
.sub020601 .mcnam_ul .vrbox a.vr3  {position:absolute;left:670px;top:362px;}/* 3  본관 */
.sub020601 .mcnam_ul .vrbox a.vr4  {position:absolute;left:860px;top:385px;}/* 4  오각정 */
.sub020601 .mcnam_ul .vrbox a.vr5  {position:absolute;left:648px;top:490px;}/* 5  양어장 */
.sub020601 .mcnam_ul .vrbox a.vr6  {position:absolute;left:542px;top:542px;}/* 6  대통령기념관(체험관) */
.sub020601 .mcnam_ul .vrbox a.vr7  {position:absolute;left:618px;top:320px;}/* 7  그늘집 */
.sub020601 .mcnam_ul .vrbox a.vr8  {position:absolute;left:826px;top:230px;}/* 8  초가정 */
.sub020601 .mcnam_ul .vrbox a.vr9  {position:absolute;left:228px;top:145px;}/* 9  1전망대 */
.sub020601 .mcnam_ul .vrbox a.vr10 {position:absolute;left: 88px;top:145px;}/* 10 2전망대 */
.sub020601 .mcnam_ul .vrbox a.vr11 {position:absolute;left:527px;top:298px;}/* 11 호수광장 */
.sub020601 .mcnam_ul .vrbox a.vr14 {position:absolute;left:458px;top:458px;}/* 14 대통령광장 */
.sub020601 .mcnam_ul .vrbox a.vr16 {position:absolute;left:571px;top:409px;}/* 16 헬기장 */
.sub020601 .mcnam_ul .vrbox a.vr26 {position:absolute;left:585px;top:457px;}/* 26 메타세콰이어 숲 쉼터 */
.sub020601 .mcnam_ul .vrbox a.vr27 {position:absolute;left:354px;top:410px;}/* 27 숲속의 쉼터-수정 */
.sub020601 .mcnam_ul .vrbox a.vr28 {position:absolute;left:370px;top:450px;}/* 28 하늘정원 */
.sub020601 .mcnam_ul .vrbox a.vr28 img {width:30px;height:auto;}
.sub020601 .mcnam_ul .vrbox a.vr29 {position:absolute;left:498px;top:384px;}/* 29 어울림마당 */
.sub020601 .mcnam_ul .vrbox a.vr29 img {width:30px;height:auto;}

.sub020601 .mcnam_ul > img {}
.sub020601 .mcnam_box .ulbox {margin-left:-20px;margin-top:20px;}
.sub020601 .mcnam_box .ulbox:after {content:"";display:block;clear:both;}
.sub020601 .mcnam_box .ulbox li {float:left;width:33.3%;padding-left:20px;margin-top:5px;}
.sub020601 .mcnam_box .ulbox li .alink {display:block;border:1px solid #ddd;}
.sub020601 .mcnam_box .ulbox li .alink:hover,.sub020601 .mcnam_box .ulbox li .alink:focus,.sub020601 .mcnam_box .ulbox li .alink:active {border:1px solid #2c5198;}
.sub020601 .mcnam_box .ulbox li .alink:after {content:"";display:block;clear:both;}
.sub020601 .mcnam_box .ulbox li .alink strong {position:relative;display:inline-block;width:45px;height:45px;line-height:45px;vertical-align:middle;text-align:center;}
.sub020601 .mcnam_box .ulbox li .alink strong:after {content:"";position:absolute;right:0;top:0;bottom:0;display:inline-block;width:1px;height:10px;margin:auto 0;background:#ddd;vertical-align:middle;}
.sub020601 .mcnam_box .ulbox li .alink em {display:inline-block;padding-left:10px;vertical-align:middle;font-size:13px;letter-spacing:-0.5px;}
.sub020601 .mcnam_box .ulbox li .alink .icon {float:right;margin:5px 10px 0 0;}
.sub020601 .mcnam_box .ulbox li .alink .icon img {width:35px;}
.sub020601 .mbtn {display:none;}
	/* pc */
	@media only screen and (max-width:1199px){
		.sub020601 .mcnam_box .ulbox li {width:50%;}
	}
	/* 태블릿 */
	@media only screen and (max-width:1023px){
		.sub020601 .mcnam_box {overflow-y:scroll;height:400px;margin-top:20px;padding:5px 10px;border:1px solid #ddd;}
		.sub020601 .mcnam_box .ulbox {margin-left:0;margin-top:0;}
		.sub020601 .mcnam_box .ulbox li {width:100%;padding-left:0;}
		.sub020601 .mbtn {display:block;}
	}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.sub020601 .mcnam_box .ulbox li a em {letter-spacing:-1px;}
	}



/*******************/
/*** 03관람안내 ***/
/*******************/
/** 입장예약/취소 - 입장예약하기 **/
.sub030301 .tab_box {text-align:center;}
.sub030301 .tab_box:after {content:"";display:block;clear:both;}
.sub030301 .tab_box li {display:inline-block;margin-left:-5px;}
.sub030301 .tab_box li a {display:inline-block;height:57px;line-height:59px;padding:0 60px;margin-bottom:-1px;background:#fff;border:1px solid #252f40;text-align:center;font-size:16px;color:#1b202b;}
.sub030301 .tab_box li a.on,.sub030301 .tab_box li a:hover,.sub030301 .tab_box li a:focus,.sub030301 .tab_box li a:active {background:#252f40;border:1px solid #252f40;color:#fff;}
/* 달력 */
.sub030301 .deck_box {/* padding:45px 0; */text-align:center;}
.sub030301 .deck_box .prev_btn {display:inline-block;line-height:normal;vertical-align:middle;font-size:30px;color:#2c5198; float: left;}
.sub030301 .deck_box > strong {display:inline-block;line-height:normal;margin:0 20px;vertical-align:middle;font-size:34px;letter-spacing:-0.6px;color:#2c5198;}
.sub030301 .deck_box .next_btn {display:inline-block;line-height:normal;vertical-align:middle;font-size:30px;color:#2c5198; float: right;}
.sub030301 .deck_box .deck {margin-top:40px;}
.sub030301 .deck_box .deck .deck_p {display:none;text-align:center;color:#4384f0;}
.sub030301 .deck_box .deck .table_calendar {width:100%;margin-top:10px;border:1px solid #e5e5e5;}
.sub030301 .deck_box .deck .table_calendar thead th {padding:8px 10px;background:#f9f9f9;font-weight:700;border-left:1px solid #e5e5e5;text-align:center;color:#333;}
.sub030301 .deck_box .deck .table_calendar thead th.sunday {background:#f9f9f9;border-left:0; color: red;}
.sub030301 .deck_box .deck .table_calendar thead th.weekday {}
.sub030301 .deck_box .deck .table_calendar thead th.saturday {background:#f9f9f9; color: #2c5198;}
.sub030301 .deck_box .deck .table_calendar tbody tr td {min-height:100px;padding:8px 10px;border-left:1px solid #e5e5e5;border-top:1px solid #e5e5e5;vertical-align:top;}
.sub030301 .deck_box .deck .table_calendar tbody tr td .num_black {text-align:left;}
.sub030301 .deck_box .deck .table_calendar tbody tr td.sunday .num_black {color:#f04343;}
.sub030301 .deck_box .deck .table_calendar tbody tr td.saturday .num_black {color:#4384f0;}
.sub030301 .deck_box .deck .table_calendar tbody tr td .reser {display:table;width:100%;height:50px;text-align:center;}
.sub030301 .deck_box .deck .table_calendar tbody tr td .reser .rediv {display:table-cell;vertical-align:bottom;}
.sub030301 .deck_box .deck .table_calendar tbody tr td .reser .rediv span {display:block;color:#444;}
.sub030301 .deck_box .deck .table_calendar tbody tr td .reser .rediv em {display:inline-block;padding:0 15px;background:#f04343;color:#fff;}
.sub030301 .deck_box .deck .table_calendar tbody tr td .reser a.rea {display:table-cell;vertical-align:bottom;}
.sub030301 .deck_box .deck .table_calendar tbody tr td .reser a.rea span {display:inline-block;}
.sub030301 .deck_box .deck .table_calendar tbody tr td .reser a.rea em {display:inline-block;padding:5px 15px;line-height:normal;background:#4384f0;color:#fff;}
.sub030301 .deck_box .deck .table_calendar tbody tr td .reser a.rea:hover em,
.sub030301 .deck_box .deck .table_calendar tbody tr td .reser a.rea:focus em,
.sub030301 .deck_box .deck .table_calendar tbody tr td .reser a.rea:active em {background:#000;}

.sub030301 .deck_box .deck .table_calendar tbody tr td .reser3 {display:table;width:100%;height:50px;text-align:center;}
.sub030301 .deck_box .deck .table_calendar tbody tr td .reser3 .rediv3 {display:table-cell;vertical-align:bottom;}
.sub030301 .deck_box .deck .table_calendar tbody tr td .reser3 .rediv3 em {display:inline-block;padding:0 15px;background:#aaa;color:#fff;}

.sub030301 .deck_box .deck .table_calendar tbody tr th:first-child,
.sub030301 .deck_box .deck .table_calendar tbody tr td:first-child {border-left:0;}
/* 레이어팝업 */
.sub030301 .deck_box .lay_popup_warp {overflow-y:scroll;}
.sub030301 .deck_box .lay_popup_warp .lay_popup {position:relative;max-width:none;max-height:none;width:100%;height:100%;padding:0;background:rgba(255,255,255,0);box-shadow:15px 15px 15px rgba(0,0,0,0);}
.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box {}
	/* 당일예약 */
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set_box .img {display:block;margin-bottom:10px;text-align:left;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set_box .img .icon_content3 {width:77px;height:75px;background-position:-120px 0;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set_box .img strong {display:inline-block;margin-left:20px;font-size:16px;font-weight:700;color:#4384f0;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set_box .img em {display:inline-block;margin-left:20px;font-size:20px;font-weight:700;color:#222;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set_box {position:relative;max-width:514px;margin:0 auto;padding:40px;background:rgba(255,255,255,1);box-shadow:15px 15px 15px rgba(0,0,0,0.3);}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set_box .text {float:left;width:100%;padding:30px;border:1px solid #ddd;text-align:left;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set_box .text .pcon {line-height:22px;font-weight:700;color:#1b202b;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set_box .text .pcon em {font-weight:300;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set_box .btnok {display:inline-block;width:110px;height:45px;line-height:45px;margin-top:20px;background:#2c5198;color:#fff;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set_box .btnclose {display:inline-block;width:110px;height:45px;line-height:45px;margin-top:20px;background:#878e9e;color:#fff;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set1 .img {float:left;display:block;margin-bottom:10px;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set1 .text {float:left;width:auto;padding:0 0 0 30px;margin-bottom:30px;border:0;}
	/* 개인정보 수집 이용 동의 */
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set2 {max-width:1200px;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set2 .text .text_ul {}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set2 .text .text_ul li {position:relative;padding-left:10px;margin-bottom:5px;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set2 .text .text_ul li:before {content:"";position:absolute;left:0;top:8px;width:2px;height:9px;background:#1b202b;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set2 .text .text_ul li strong {color:#000;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set2 .text .text_p {font-size:16px;color:#fe4830;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set2 .text .text_p strong {color:#000;}
	/* 온라인 승용차 예약(비회원 인증) */
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set3 {max-width:1200px;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set3 .text .text_ul {margin-top:20px;margin-left:-1%;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set3 .text .text_ul li {float:left;width:48%;min-height:250px;margin-left:1%;background:#fafafa;padding:20px;text-align:center;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set3 .text .text_ul li .img {width:120px;height:120px;margin:0 auto;padding-top:30px;background:#fff;border-radius:100%;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set3 .text .text_ul li:nth-child(1) .icon_content3 {display:block;width:60px;height:52px;margin:0 auto;background-position:-240px 0;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set3 .text .text_ul li:nth-child(2) .icon_content3 {display:block;width:43px;height:66px;margin:0 auto;background-position:-197px 0;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set3 .text .text_ul li strong {display:block;margin-top:15px;font-size:16px;color:#000;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set3 .text .text_ul li p {margin:20px 0;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set3 .text .text_ul li a {display:inline-block;padding:10px 20px;background:#4384f0;color:#fff;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set3 .text .text_ul li a:hover,
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set3 .text .text_ul li a:focus,
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set3 .text .text_ul li a:active {background:#000;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set3 .text .text_p {font-size:16px;color:#fe4830;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set3 .text .text_p strong {color:#000;}
	
	/* 온라인 승용차 예약(비회원 인증) - 수정 */
	.sub030301 .deck_box .set_box .img {display:block;margin-bottom:10px;text-align:left;}
	.sub030301 .deck_box .set_box .img .icon_content3 {width:77px;height:75px;background-position:-120px 0;}
	.sub030301 .deck_box .set_box .img strong {display:inline-block;margin-left:20px;font-size:16px;font-weight:700;color:#4384f0;}
	.sub030301 .deck_box .set_box .img em {display:inline-block;margin-left:20px;font-size:20px;font-weight:700;color:#222;}
	.sub030301 .deck_box .set3 {max-width:1200px;}
	.sub030301 .deck_box .set3 .clear {padding:40px;border:1px solid #ddd;}
	.sub030301 .deck_box .set3 .text .text_ul {margin-top:20px;margin-left:-1%;}
	.sub030301 .deck_box .set3 .text .text_ul li {float:left;width:48%;min-height:250px;margin-left:1%;background:#fafafa;padding:20px;text-align:center;}
	.sub030301 .deck_box .set3 .text .text_ul li .img {width:120px;height:120px;margin:0 auto;padding-top:30px;background:#fff;border-radius:100%;}
	.sub030301 .deck_box .set3 .text .text_ul li:nth-child(1) .icon_content3 {display:block;width:43px;height:66px;margin:0 auto;background-position:-197px 0;}
	.sub030301 .deck_box .set3 .text .text_ul li:nth-child(2) .icon_content3 {display:block;width:60px;height:52px;margin:0 auto;background-position:-240px 0;}
	.sub030301 .deck_box .set3 .text .text_ul li strong {display:block;margin-top:15px;font-size:16px;color:#000;}
	.sub030301 .deck_box .set3 .text .text_ul li p {margin:20px 0; height:100px;}
	.sub030301 .deck_box .set3 .text .text_ul li a {display:inline-block;padding:10px 20px;background:#4384f0;color:#fff;}
	.sub030301 .deck_box .set3 .text .text_ul li a:hover,
	.sub030301 .deck_box .set3 .text .text_ul li a:focus,
	.sub030301 .deck_box .set3 .text .text_ul li a:active {background:#000;}
	.sub030301 .deck_box .set3 .text .text_p {font-size:16px;color:#fe4830;}
	.sub030301 .deck_box .set3 .text .text_p strong {color:#000;}
	.sub030301 .deck_box .set3 .text > p {text-align:left;}
	@media only screen and (max-width:1287px) {
	.sub030301 .deck_box .set3 .text .text_ul li p {height:130px;}
	}
	@media only screen and (max-width:1033px) {
	.sub030301 .deck_box .set3 .text .text_ul li p {height:160px;}
	}
	@media only screen and (max-width:1023px) {
	.sub030301 .deck_box .set3 .text .text_ul li p {height:120px;}
	}
	@media only screen and (max-width:959px) {
	.sub030301 .deck_box .set3 .text .text_ul li p {height:150px;}
	}
	@media only screen and (max-width:874px) {
	.sub030301 .deck_box .set3 .text .text_ul li p {height:170px;}
	}
	@media only screen and (max-width:786px) {
	.sub030301 .deck_box .set3 .text .text_ul li p {height:190px;}
	}
	@media only screen and (max-width:767px) {
	.sub030301 .deck_box .set3 .text .text_ul li p {height:unset;}
	}
	/* 승용차 입장예약 진행_step1 ~ step4 */
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .step {max-width:1200px;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .step .text .step_box {}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .step .text .step_box em {display:inline-block;width:23%;height:70px;padding:10px 30px;border-radius:50px;background:#fafafa;border:1px solid #2c5198;font-size:15px;color:#222;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .step .text .step_box em.on {background:#2c5198;color:#fff;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .step .text .step_box .step1 {border-radius:50px;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .step .text .step_box .step2 {}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .step .text .step_box .step3 {}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .step .text .step_box .step4 {}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .step .text h4 {margin-top:40px;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .step .text .text_ul {margin-top:10px;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .step .text .text_ul li {position:relative;padding-left:10px;margin-bottom:5px;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .step .text .text_ul li:before {content:"";position:absolute;left:0;top:8px;width:2px;height:9px;background:#1b202b;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .step .text .text_ul li strong {color:#000;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .step .text .table_st1 .radiotd em {display:inline-block;cursor:pointer;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .step .text .table_st1 .radiotd em label {font-weight:300;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .step .end_go {display:none;margin-top:20px;padding:20px;background:#fe4830;color:#fff;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .step .end_go a {background:#fff;color:#000;}
	/* 예약결제 완료_입장권 인쇄 */
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set4 .img em span {font-size:14px;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set4 .text .text_ul li {position:relative;padding-left:10px;margin-bottom:5px;}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set4 .text .text_ul li:before {content:"";position:absolute;left:0;top:8px;width:2px;height:9px;background:#1b202b;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
	.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set4 .btnclose {background:#fe4830;color:#fff;}
	.sub030301 .p_box .iul_box .ul_li {margin-top: 30px;}
	/* 태블릿 */
	@media only screen and (max-width:1023px){
		/** 입장예약/취소 - 입장예약하기 **/
		.sub030301 .tab_box li {display:block;float:left;width:33.3%;margin-left:0;}
		.sub030301 .tab_box li a {display:block;height:50px;line-height:50px;padding:0 30px;}

		/* 레이어팝업 */
			/* 승용차 입장예약 진행 */
			.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .step .text .step_box em {padding:10px 30px 10px 20px;}
	}
	/* 모바일 */
	@media only screen and (max-width:767px){
		/** 입장예약/취소 - 입장예약하기 **/
		.sub030301 .tab_box {border-bottom:0;}
		.sub030301 .tab_box li {float:none;width:100%;margin-left:0;margin-bottom:3px;}
		.sub030301 .tab_box li a {height:40px;line-height:40px;padding:0 15px;font-size:14px;}
		/* 설명문구 */
		.sub030301 .p_box {padding-bottom:25px;border-bottom:1px solid #1b202b;text-align:center;font-size:14px;}
		.sub030301 .p_box .iul_box {padding:25px 0;border-bottom:1px solid #1b202b;text-align:left;}
		.sub030301 .p_box .iul_box .img {display:none;}
		.sub030301 .p_box .iul_box .ul_li {padding-left:5px; margin-top: 0;}
		/* 동의 */
		.sub030301 .p_box > p {padding:25px 0 20px 0;}
		.sub030301 .p_box .btn_ok {height:40px;line-height:40px;}
		/* 달력 */
		.sub030301 .deck_box .deck {margin-top:20px;overflow-x:scroll;}
/* 		.sub030301 .deck_box .deck .deck_p {display:block;} */
		.sub030301 .deck_box .deck .table_calendar {width:100%;}

		/* 레이어팝업 */
			/* 당일예약 */
			.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .img {float:none;margin-bottom:10px;}
			.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set_box {padding:20px;}
			.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set_box .text .pcon em br {display:none;}
			.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set_box .btnok {width:auto;height:40px;line-height:40px;padding:0 10px;margin-top:20px;background:#1b202b;color:#fff;}
			.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set_box .btnclose {width:auto;height:40px;line-height:40px;padding:0 10px;margin-top:20px;background:#878e9e;color:#fff;}
			/* 개인정보 수집 이용 동의 */
			.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set2 .text {padding:20px;}
			/* 온라인 승용차 예약(비회원 인증) */
			.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set3 .text {padding:20px;}
			.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set3 .text .text_ul {margin-left:0;}
			.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set3 .text .text_ul li {float:none;width:100%;margin-left:0;margin-bottom:10px;padding:20px;}

			/* 온라인 승용차 예약(비회원 인증)-수정 */
			.sub030301 .deck_box .img {float:none;margin-bottom:10px;}
			.sub030301 .deck_box .set3 .clear {padding:15px;}
			.sub030301 .deck_box .set3 .text {padding:20px;}
			.sub030301 .deck_box .set3 .text .text_ul {margin-left:0;}
			.sub030301 .deck_box .set3 .text .text_ul li {float:none;width:100%;margin-left:0;margin-bottom:10px;padding:20px;}


			/* 승용차 입장예약 진행 */
			.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .step .text {padding:20px;}
			.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .step .text h4 {margin-top:20px;}
			.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .step .text .step_box em {width:49%;height:70px;margin-bottom:5px;font-size:14px;}
			/* 예약결제 완료_입장권 인쇄 */
			.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set4 .btnclose {background:#fe4830;color:#fff;}

	}
	/* 모바일 */
	@media only screen and (max-width:560px){
		/* 당일예약 */
		.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set_box .img em {margin-left:20px;margin-top:10px;}
		/* 온라인 승용차 예약(비회원 인증) */
		.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set3 .text .text_ul li {padding:10px;}

		
		/* 온라인 승용차 예약(비회원 인증)-수정 */
		.sub030301 .deck_box .set3 .text .text_ul li {padding:10px;}


		/* 승용차 입장예약 진행 */
		.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .step .text .step_box em {width:100%;height:40px;padding:7px 30px 10px 20px;margin-bottom:5px;font-size:14px;}
		.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .step .text .step_box em br {display:none;}
	}


/*** 예약확인/취소 ***/
.sub030303 .p_box {border-bottom:0;}
.sub030303 .p_box .btn_ok {margin-top:45px;}
.sub030303 .deck_box .lay_popup_warp .lay_popup .calendar_box .set_box .end_go {display:none;margin-top:20px;padding:20px;background:#fe4830;color:#fff;}
.sub030303 .deck_box .lay_popup_warp .lay_popup .calendar_box .set_box .end_go a {background:#fff;color:#000;}
.sub030303 .deck_box .lay_popup_warp .lay_popup .calendar_box .set_box .deck {margin-top:0;}
.sub030303 .deck_box .lay_popup_warp .lay_popup .calendar_box .set_box .deck .deck_p {display:none;}

.sub030303 .deck_box .lay_popup_warp .lay_popup .table_calendar tbody tr td .reser3 {display:table;width:100%;height:50px;text-align:center;}
.sub030303 .deck_box .lay_popup_warp .lay_popup .table_calendar tbody tr td .reser3 .rediv3 {display:table-cell;vertical-align:bottom;}
.sub030303 .deck_box .lay_popup_warp .lay_popup .table_calendar tbody tr td .reser3 .rediv3 em {display:inline-block;padding:0 15px;background:#aaa;color:#fff;}
	/* 모바일 */
	@media only screen and (max-width:1023px){
		/** 입장예약/취소 - 입장예약하기 **/
		/* 달력 */
		.sub030303 .deck_box {padding:25px 0;}
		.sub030303 .deck_box .set_box .deck {margin-top:20px;overflow-x:scroll;}
		.sub030303 .deck_box .lay_popup_warp .lay_popup .calendar_box .set_box .deck .deck_p {display:block;}
		.sub030303 .deck_box .lay_popup_warp .lay_popup .calendar_box .set_box .deck .table_st1 {width:700px;}
		.sub030303 .deck_box .lay_popup_warp .lay_popup .calendar_box .set_box .deck .table_st1 tbody th {display:table-cell;}
		.sub030303 .deck_box .lay_popup_warp .lay_popup .calendar_box .set_box .deck .table_st1 tbody td {display:table-cell;}
	}


/*** 숲길체험예약 ***/
.sub030301 .deck_box .deck .table_calendar tbody tr td .reser2 {display:table;width:100%;height:50px;text-align:center;}
.sub030301 .deck_box .deck .table_calendar tbody tr td .reser2 .rediv2 {display:block;margin:5px 0;}
.sub030301 .deck_box .deck .table_calendar tbody tr td .reser2 .rediv2 span {float:left;width:30px;font-size:13px;color:#444;letter-spacing:-1px;}
.sub030301 .deck_box .deck .table_calendar tbody tr td .reser2 .rediv2 em {max-width:100%;overflow:hidden;display:block;background:#4a4c55;font-size:13px;color:#fff;letter-spacing:-1px; align-content: center;}
.sub030301 .deck_box .deck .table_calendar tbody tr td .reser2 .rediv2.closed em {background:#aaa;}
.sub030301 .deck_box .deck .table_calendar tbody tr td .reser2 a.rea2 {display:block;}
.sub030301 .deck_box .deck .table_calendar tbody tr td .reser2 a.rea2 span {float:left;width:30px;}
.sub030301 .deck_box .deck .table_calendar tbody tr td .reser2 a.rea2 em {max-width:100%;overflow:hidden;display:block;background:#2c5198;color:#fff;}
.sub030301 .deck_box .deck .table_calendar tbody tr td .reser2 a.rea2:hover em,
.sub030301 .deck_box .deck .table_calendar tbody tr td .reser2 a.rea2:focus em,
.sub030301 .deck_box .deck .table_calendar tbody tr td .reser2 a.rea2:active em {background:#d4e3ff; color: #2c5198;}
/*** 숲길체험예약 - 개인정보 이용동의 ***/
.sub030404 .p_box {border-top:1px solid #1b202b;border-bottom:0;}
.sub030404 .p_box .iul_box {padding:45px 0 25px 0;}
.sub030404 .iul_box .checks {margin-top:40px;text-align:center;}
.sub030404 .iul_box .ul_li br {}
.sub030404 .formbox {}
.sub030404 .formbox .btnok {display:inline-block;width:110px;height:45px;line-height:45px;margin-top:20px;background:#1b202b;color:#fff;}
.sub030404 .formbox .btnclose {display:inline-block;width:110px;height:45px;line-height:45px;margin-top:20px;background:#878e9e;color:#fff;}
/* 모바일 */
@media only screen and (max-width:1023px){
		.sub030404 .iul_box .ul_li br {display:none;}
	}
@media only screen and (max-width:700px){
	.sub030301 .deck_box .deck .table_calendar {width: 100%; font-size: 12px; line-height: 1.5;}
	.sub030301 .deck_box .deck .table_calendar tbody tr td {padding: 3px;}
	.sub030301 .deck_box .deck .table_calendar tbody tr td .reser2 .rediv2 {margin-bottom: 3px;}
	.sub030301 .deck_box .deck .table_calendar tbody tr td .reser2 .rediv2 span {float: none;}
	.sub030301 .deck_box .deck .table_calendar tbody tr td .reser2 a.rea2 span {float:none;}
	.sub030301 .deck_box .deck .table_calendar tbody tr td .reser2 .rediv2 em {width: unset; margin: 0 auto; font-size: 12px;}
	
	}
@media only screen and (max-width:395px) {
	.sub030301 .deck_box .deck .table_calendar tbody tr td .reser2 .rediv2 {margin: 0;}
	.sub030301 .deck_box .deck .table_calendar tbody tr td .reser2 .rediv2 span {font-size: 11px;}
	.sub030301 .deck_box .deck .table_calendar tbody tr td .reser2 .rediv2 em {width: 35px; font-size: 11px}
}
@media only screen and (max-width:353px) {
	.sub030301 .deck_box .deck .table_calendar {font-size: 11px;}
	.sub030301 .deck_box .deck .table_calendar tbody tr td .reser2 .rediv2 em {width: 35px;}
}
@media only screen and (max-width:332px) {
	.sub030301 .deck_box .deck .table_calendar tbody tr td {padding: 0;}
}

/*******************/
/*** 04주변관광정보 ***/
/*******************/
/** 주변관광정보(리스트) **/
/*검색(공통)
.search_warp:after {content:"";display:block;clear:both}
.search_box {position:relative;display:inline-block;float:right;height:43px}
.search_box legend {position:absolute;top:-9999px;visibility:hidden;overflow:hidden;height:0px;width:0px}
.search_box .selectbox {position:relative;float:left;width:100px;height:38px;line-height:38px;padding-right:8px;background:url(./../img/content/sub04/select.gif) no-repeat left 50%;border-bottom:1px solid #000;color:#000;z-index:1}
.search_box .selectbox label {position:absolute;top:0px;left:0;z-index:-1;width:100%;height:38px;line-height:38px;padding-left:15px;}
.search_box .selectbox select {width:100%;height:38px;line-height:38px;font-family:inherit;border:0;opacity:0;filter:alpha(opacity=0);-webkit-appearance:none;-moz-appearance:none;appearance:none}
.search_box .search_text {float:left;width:auto;height:38px;line-height:38px;padding:0;background:#fff;border-left:0;border-top:0;border-right:0;border-bottom:1px solid #000;color:#777}
.search_box .btn {overflow:hidden;width:49px;height:38px;border:0;margin-top:0;background:url(./../img/content/sub04/icon_search.gif) no-repeat;border-bottom:1px solid #000;border-radius:0;font-size:0;cursor:pointer}
	/*모바일
	@media only screen and (max-width:767px){
		.search_box .search_text {width:46%;padding-left:10px;}
	}
*/
/* 페이지넘버 */
.pagination {position:relative;/*height:60px;*/text-align:center;margin-top:50px;}
.pagination .current {position:relative;width:388px;height:60px;margin:0 auto;text-align:center;padding:5px 8px;background:#000;color:#fff;}
.pagination a {padding:0 10px;}
.pagination a img {padding-top:7px;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.pagination {margin-top:30px;}
	}

.sub040101 {}
.sub040101 .facility_box .facility_ul {border-top:1px solid #1b202b;border-bottom:1px solid #1b202b;}
.sub040101 .facility_box .facility_ul > li {padding:30px 0;border-top:1px solid #d1d2d5;}
.sub040101 .facility_box .facility_ul > li:first-child {border-top:0;}
.sub040101 .facility_box .facility_ul > li a {display:block;}
.sub040101 .facility_box .facility_ul > li a:after {content:"";display:block;clear:both;}
.sub040101 .facility_box .facility_ul > li a em {transition:all 0.4s;-webkit-transition:all 0.4s;position:relative;display:block;float:left;background:#000;}
.sub040101 .facility_box .facility_ul > li > div {display: flex;}
.sub040101 .facility_box .facility_ul > li > div:after {content:"";display:block;clear:both;}
.sub040101 .facility_box .facility_ul > li > div a.more {display:block;width:220px;height:40px;line-height:40px;margin-top:2px;background:#2c5198;padding-left:20px;color:#fff;position: absolute;bottom: 0;}
.sub040101 .facility_box .facility_ul > li > div a.more:after {content:"";display:block;clear:both;}
.sub040101 .facility_box .facility_ul > li > div a.more .icon_content1 {float:right;margin:13px 20px 0 0;width:42px;height:9px;background-position:-120px 0;}
.sub040101 .facility_box .facility_ul > li > div a.more:hover {background:#000;}
.sub040101 .facility_box .facility_ul > li > div a.more:hover .icon_content1 {float:right;margin:13px 10px 0 0;width:32px;height:9px;background-position:-130px 0;}
.sub040101 .facility_box .facility_ul > li > div em {transition:all 0.4s;-webkit-transition:all 0.4s;position:relative;display:block;/* float:left; *//*background:#000;*/width: 220px;flex-shrink: 0;}
.sub040101 .facility_box .facility_ul > li > div em img {width:220px;}
.sub040101 .facility_box .facility_ul > li > div > div {display:block;overflow:hidden;padding-left:30px;position: relative;}
.sub040101 .facility_box .facility_ul > li > div > div .tit {display:block;font-size:20px;color:#000;}
.sub040101 .facility_box .facility_ul > li > div > div .con {margin-top:20px;}
.sub040101 .facility_box .facility_ul > li > div > div .con li {position:relative;display:block;margin-top:10px;padding-left:12px;font-weight:400;font-size:14px;color:#666;}
.sub040101 .facility_box .facility_ul > li > div > div .con li:before {content:"";position:absolute;left:0;top:11px;display:block;width:3px;height:3px;background:#1b202b;}
.sub040101 .facility_box .facility_ul > li > div > div .con li.cont_li {overflow:hidden;height:76px;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.sub040101 .facility_box .facility_ul > li > div {display: block}
		.sub040101 .facility_box .facility_ul > li > div a.more {margin:0 auto;margin-top:10px;}

		.sub040101 .facility_box .facility_ul > li > div em {float:none;text-align:center;width: auto;}
		.sub040101 .facility_box .facility_ul > li > div em img {width:100%;}
		.sub040101 .facility_box .facility_ul > li > div > div {display:block;overflow:hidden;padding-left:0;margin-top:20px;}
		.sub040101 .facility_box .facility_ul > li > div a.more {position: relative;}
	}

/** 주변관광정보(상세) **/
.gallery1_box_view {margin-top:50px;padding-bottom:30px;border-bottom:1px solid #ddd;}
.gallery1_box_view:after {content:"";display:block;clear:both;}
.gallery1_box_view .gal_top {margin-bottom:40px; min-height:200px; overflow: hidden;}
.gallery1_box_view .gal_top .gallery_div {float:left;width:300px;margin-right:30px;}
.gallery1_box_view .gal_top .gallery_div li a {display:block;}
.gallery1_box_view .gal_top .gallery_div li a:hover,
.gallery1_box_view .gal_top .gallery_div li a:focus,
.gallery1_box_view .gal_top .gallery_div li a:active {}
.gallery1_box_view .gal_top .gallery_div li a img {width:100%;height:100%;}
.gallery1_box_view .gal_top .gallery_div .gallery_ul_roll li a img {width:300px;height:200px;}
.gallery1_box_view .gal_top .gallery_div .controll {position:relative;z-index:10;margin-top:-40px;text-align:center;}
.gallery1_box_view .gal_top .gallery_div .controll a {display:inline-block;margin-left:-3px;background:rgba(0,0,0,0.5);}
.gallery1_box_view .gal_top .gallery_div .controll a.gallery_key_play {}
.gallery1_box_view .gal_top .gal_con {overflow:hidden;}
.gallery1_box_view .gal_top .gal_con .title {overflow:hidden;line-height:30px;margin-top:0;font-size:22px;font-weight:bold;color:#000;}
.gallery1_box_view .gal_top .gal_con .ul_sp {margin-top:25px;}
.gallery1_box_view .gal_top .gal_con .ul_sp  li {padding-left:23px;margin-bottom:5px;color:#444;}
.gallery1_box_view .gal_top .gal_con .ul_sp .ul_li1 {background:url(./../img/content/sub04/notice_icon01.gif) no-repeat left 5px;}
.gallery1_box_view .gal_top .gal_con .ul_sp .ul_li2 {background:url(./../img/content/sub04/notice_icon02.gif) no-repeat left 4px;}
.gallery1_box_view .gal_top .gal_con .ul_sp .ul_li3 {background:url(./../img/content/sub04/notice_icon03.gif) no-repeat left 7px;}
.gallery1_box_view .gal_top .gal_con .ul_sp .ul_li4 {background:url(./../img/content/sub04/notice_icon04.gif) no-repeat left 8px;color:#004c9d;}
.gallery1_box_view .gal_top .gal_con .ul_sp .ul_li5 {background:url(./../img/content/sub04/notice_icon05.gif) no-repeat left 5px;}
.gallery1_box_view .gal_top .gal_con .ul_sp .ul_li6 {background:url(./../img/content/sub04/notice_icon06.gif) no-repeat left 5px;}
.gallery1_box_view .gal_top .gal_con .ul_sp .ul_li7 {background:url(./../img/content/sub04/notice_icon07.gif) no-repeat left 4px;}
.gallery1_box_view .gal_top .gal_con .ul_sp .ul_li8 {background:url(./../img/content/sub04/notice_icon08.gif) no-repeat left 9px;}
.gallery1_box_view .gal_bottom .gal_h5 {position:relative;margin-top:60px;border-bottom:1px solid #ddd;font-size:16px;color:#fff;}
.gallery1_box_view .gal_bottom .gal_h5:first-child {margin-top:0;}
.gallery1_box_view .gal_bottom .gal_h5 span {display:inline-block;height:40px;line-height:40px;padding-bottom:20px;font-size:20px;font-weight:bold;color:#333;}
.gallery1_box_view .gal_bottom .gal_cont {margin-top:25px;}
.gallery1_box_view .gal_bottom .gal_cont strong {font-size:20px;color:#000;}
.gallery1_box_view .gal_bottom .gal_cont p {margin-top:10px;color:#444;}
.gallery1_box_view .gal_bottom .gal_cont ul {margin:10px 0 0 10px;color:#444;}
.gallery1_box_view .gal_bottom .gal_cont ul li {padding-left:20px;background:url(./../img/content/sub04/chk_icon.gif) no-repeat left 9px;word-break:normal;}
.gallery1_box_view .gal_bottom .gal_cont.gal_map {overflow:hidden;width:100%;/*height:270px;*/}
	/* 태블릿 */
	@media only screen and (max-width:1023px){
		.gallery1_box_view {margin-top:30px;}
		.gallery1_box_view .gal_bottom .gal_cont p img {width:100%;}
	}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.gallery1_box_view .gal_top .gallery_div {float:none;margin:0 auto;}
		.gallery1_box_view .gal_top .gal_con {margin-top:20px;}
		.gallery1_box_view .gal_top .gal_con .gal_on {display:block;text-align:center;}
		.gallery1_box_view .gal_top .gal_con .title {overflow:hidden;height:auto;line-height:30px;font-size:20px;max-height:61px;}
		.gallery1_box_view .gal_top .gal_con .ul_sp {margin-top:15px;}
		.gallery1_box_view .gal_bottom .gal_cont strong {font-size:18px;}
	}
	/* 모바일 */
	@media only screen and (max-width:560px){
		.gallery1_box_view .gal_bottom .gal_cont.gal_map {height:200px;}
		.gallery1_box_view .gal_bottom .gal_cont ul {margin:10px 0 0 0;}
	}



/*** 통합검색 ***/
.searchbox {}
.searchbox .pcon {padding:48px 0;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;text-align:center;font-weight:bold;font-size:20px;color:#262627;}
.searchbox .pcon .em1 {}
.searchbox .pcon .em2 {}
.searchbox .scbox {}
.searchbox .scbox .tit {display:block;padding:10px 0;border-bottom:1px solid #d2d2d2;font-size:16px;color:#2c5198;}
.searchbox .scbox .tit:before {content:"";display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:8px;border:2px solid #2c5198;}
.searchbox .scbox .tit em {color:#000;}
.searchbox .scbox .sc_list {}
.searchbox .scbox .sc_list li {padding:30px 30px;border-bottom:1px solid #d2d2d2;}
.searchbox .scbox .sc_list li .alist {display:block;}
.searchbox .scbox .sc_list li:hover,
.searchbox .scbox .sc_list li:focus,
.searchbox .scbox .sc_list li:active {background:#fafafa;}
.searchbox .scbox .sc_list li .alist .sc_title {display:block;color:#000;}
.searchbox .scbox .sc_list li .alist .sc_title em {}
.searchbox .scbox .sc_list li .alist .sc_cont {display:block;overflow:hidden;height:86px;padding:10px 0;color:#666;}
.searchbox .scbox .sc_list li .sc_loca {font-size:13px;color:#999;}
.searchbox .scbox .sc_list li .sc_day {margin-top:-24px;text-align:right;font-size:13px;color:#999;}
.searchbox .scbox .more {display:block;width:140px;height:35px;line-height:33px;margin:20px auto 0 auto;padding:0 5px;border:1px solid #9b9b9b;font-size:13px;color:#777;text-align:center;}
.searchbox .scbox .more:hover {background:#000;border:1px solid #000;color:#fff;}
	/* 모바일 */
	@media only screen and (max-width:1023px){
		.searchbox .scbox .sc_list li {padding:15px 15px;}
		.searchbox .scbox .sc_list li .sc_day {margin-top:0;text-align:left;}
	}


/* 사이트맵 */
.sitemapbox > h4 {padding-bottom:20px;border-bottom:4px solid #004c9d;}
.sitemapbox > h4 a {position:relative;display:block;}
.sitemapbox > h4 a:before {content:"";position:absolute;right:0;top:12px;width:20px;height:1px;background:#000;}
.sitemapbox > h4 a:after {content:"";position:absolute;right:9px;top:2px;width:1px;height:20px;background:#000;}
.sitemapbox > h4.on a:after {display:none;}
.sitemap {display:none;}
.sitemap.on {display:block;}
.sitemap:after {content:"";display:block;clear:both;}
.sitemap > li {float:left;width:20%;}
.sitemap > li h4 a {display:block;margin-bottom:5px;font-weight:800;font-size:18px;color:#111;}
.sitemap .sitemap_1dep {min-height:307px;margin:0 10px 20px 0;}
.sitemap .sitemap_1dep > li h5 {position:relative;margin:10px 0;padding-left:12px;font-size:18px;color:#111;}
.sitemap .sitemap_1dep > li h5:before {content:"";position:absolute;left:0;top:11px;width:5px;height:5px;background:#004c9d;border-radius:100%;}
.sitemap .sitemap_2dep {padding-left:12px;}
.sitemap .sitemap_2dep li a {display:inline-block;margin-bottom:5px;color:#999;}

.sitemap_ex > li {width:100%;}
.sitemap_ex .sitemap_1dep {min-height:auto;margin-bottom:40px;}
.sitemap_ex .sitemap_1dep > li {display:inline-block;width:19%;}

.sitemapbox > ul.sitemap_ex2 {}
.sitemapbox > ul.sitemap_ex2 li {float:none;display:inline-block;width:19%;}
.sitemapbox > ul.sitemap_ex2 li h4 {position:relative;margin:10px 0;padding-left:12px;font-size:18px;color:#111;}
.sitemapbox > ul.sitemap_ex2 li h4:before {content:"";position:absolute;left:0;top:11px;width:5px;height:5px;background:#004c9d;border-radius:100%;}
.sitemapbox > ul.sitemap_ex2 li h4 a {display:inline-block;margin-bottom:0;font-weight:400;font-size:18px;color:#111;}

	/* 태블릿 */
	@media only screen and (max-width:1023px){
		/* 사이트맵 */
		.sitemapbox > h4 {font-size:18px;}
		.sitemap > li {float:none;display:inline-block;width:32%;vertical-align:top;}

		.sitemap_ex .sitemap_1dep > li {display:inline-block;width:32%;}
		.sitemap_ex > li {width:100%;}
		.sitemapbox > ul.sitemap_ex2 li {width:32%;}
	}
	/* 모바일 */
	@media only screen and (max-width:767px){
		/* 사이트맵 */
		.sitemap > li {width:100%;}
		.sitemap > li:first-child h4 a {margin-top:0;}
		.sitemap > li h4 a {font-size:16px;}
		.sitemap .sitemap_1dep {min-height:auto;font-size:16px;}
		.sitemap .sitemap_1dep > li h5 {margin:4px 0;font-size:16px;}
		.sitemap .sitemap_1dep > li {display:inline-block;width:49%;margin-bottom:10px;vertical-align:top;font-size:0;}
		.sitemap .sitemap_2dep:after {content:"";display:block;clear:both;}
		.sitemap .sitemap_2dep li a {font-size:14px;}

		.sitemapbox > ul.sitemap_ex2 li {width:49%;}
	}

/*** 20200921-정지우추가 ***/
.sub030301 .tit_box2 {margin-top:50px;margin-bottom:0;;padding:20px;border:1px solid #ccc;background:#f9f9f9;}
.sub030301 .tit_box2 p {margin-top:0;}
.sub030301 .tit_box2 p em {font-size:18px;}
.sub030301 .tit_box2 p em.cr_red {display:inline-block;color:#ff2f19;font-size:18px;font-weight:700;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.sub030301 .tit_box2 p em {font-size:16px;}
		.sub030301 .tit_box2 p em.cr_red {font-size:16px;}
	}

.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set4 .text .text_ul > li > .list3 {margin:5px 0 0 5px;}
.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set4 .text .text_ul > li > .list3 li {margin-bottom:0;}
.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set4 .text .text_ul > li > .list3 li:before {display:none;}
.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set4 .text .text_ul > li > .list3 li.cr_blue {color:#0b82c6;}
.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set4 .text .text_ul > li > .list3 li.cr_blue:after {background:#0b82c6;}

.tel-icon01 {display: flex; align-items: center;}
.tel-icon01 .ico1 {display: block; width: 20px; height: 20px; background: url(./../img/content/sub01/tel-icon.png)center center no-repeat; background-size: 20px;}


/*** 20231220-강혜원추가 ***/
/* 1박 2일 교육체험 */
.sub030301-about {display: flex; flex-wrap: wrap;}
/* .sub030301-about {display: block; } */
.sub030301-about > div {flex: 1 1 50%;}
.button-wrap {display: flex; justify-content: center; gap: 10px;}
.button-wrap a {display: flex; width: 100px; height: 50px; justify-content: center; align-items: center;}
.button-wrap .cancelbtn {background: #555; color: #fff}
#story {height:200px;}
@media only screen and (max-width: 480px) {
	.bordert {border-top: 2px solid #cdd2d5;}
}
@media only screen and (max-width: 400px) {
	.sub030301-about > div {flex: 1 1 100%;}
}
/* 유의사항확인서 */
.fill {background: #f9f9f9;}
/* 예약조회 */
.res_tbl_wrap {overflow: hidden; width: 100%; border-top: 1px solid #cdd2d5; border-bottom: 1px solid #cdd2d5;}
.res_tbl_wrap table {display: table; width: 100%; border-collapse: collapse; border-spacing: 0;}
.res_tbl_wrap table thead {background:#f9f9f9;}
.res_tbl_wrap table thead tr th {border-bottom: 1px solid #cdd2d5; text-align: center;}
.res_tbl_wrap table thead tr th,
.res_tbl_wrap table tbody tr td { padding: 0.8125vw 1.25vw; font-size: 1.5rem; border-left: 1px solid #cdd2d5;}
.res_tbl_wrap table thead tr th:first-child , .res_tbl_wrap table tbody tr td:first-child {border-left: 0;}
/* desktop only */
@media screen and (min-width: 1200px) {
    .res_tbl_wrap table thead tr th, .res_tbl_wrap table tbody tr td { padding: 12px 20px; font-size: 16px; line-height: 22px; }
}
/* mobile only */
@media screen and (max-width: 767px) {
    .res_tbl_wrap table col { width: 100% !important; }
    .res_tbl_wrap table thead { display: none; }
    .res_tbl_wrap table tbody tr { border-bottom: 1px solid #efefef; }
    .res_tbl_wrap table tbody tr td { width: 100%; display: flex; margin-bottom: 2px; padding: 5px; border-bottom: none; font-size: 14px; line-height: 18px; }
    .res_tbl_wrap table tbody tr td:first-child, .res_tbl_wrap table tbody tr th:first-child { padding-top: 16px; }
    .res_tbl_wrap table tbody tr td:last-child,  .res_tbl_wrap table tbody tr th:last-child { padding-bottom: 15px; }
    .res_tbl_wrap table tbody tr td:before { display: inline-block; margin-right: 12px; -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; font-weight: 700; content: attr(data-label); }
	.res_tbl_wrap table thead tr th, .res_tbl_wrap table tbody tr td { border-left: 0;}
}
@media only screen and (max-width: 480px){
	.bookinfo1 {display: block; }
	.bookinfo1 .bd_top {display: grid; width: 100%;}
	.bookinfo1 tbody th {width: 100%}
	.bookinfo1 tbody tr {width: 100%}
	.bookinfo1 tbody td {border-right: 1px solid #cdd2d5; border-left: 1px solid #cdd2d5;}
	.bookinfo2 {display: block; }
	.bookinfo2 .bd_top {display: grid; width: 100%;}
	.bookinfo2 tbody th {width: 100%}
	.bookinfo2 tbody tr {width: 100%}
	.bookinfo2 tbody td {border-right: 1px solid #cdd2d5; border-left: 1px solid #cdd2d5;}
	#story {height:150px;}
}
/* 일일체험교육 */
.sub030301-wrapper {display: flex; gap: 40px;}
.sub030301-wrapper .deck_box {width: 100%}
.edu-box {width: 100%; margin-top: 60px;}
.sub030301-wrapper .p_box {display: flex; justify-content:right; margin-bottom: 20px;}
.edu-tit {font-size: 1.8rem;color: #333;}
.edu-info {margin: 20px 0;}
.edu-info li {margin-top: 10px;}
.edu-info-date , .edu-info-time , .edu-info-num {padding-right: 30px; font-weight: 600;}
.edu-list {background: #f9f9f9; padding: 20px; max-height:523px; overflow-Y: scroll;}
.edu-list > li {background: #fff; padding: 20px;}
.edu-list > li:nth-child(2), .edu-list > li:nth-child(3) {margin-top: 14px;}
.edu-list-btn {display: flex; gap: 10px; justify-content: right; }
.edu-list-btn li a {display: block; padding: 7px 20px;}
.bookbtn {padding: 7px 20px; background: #2c5198; color: #fff;}
.nbookbtn {padding: 7px 20px; background: #4a4c55; color: #fff;}
.morebtn {padding: 7px 20px; background: #777; color: #fff;}
.edu-btn {display: flex; flex-direction: column; gap: 5px;}
.edu-btn li a {display: block;}
.sub030301 .deck_box .deck .table_calendar tbody tr td .reser2 .rediv2 em.active {background: #2c5198;}
.edu {display: flex;}
.edu .daybook2 {flex: 1 1 50%;}
.edu .ticket-wrapper {flex: 1 1 50%; display:flex; justify-content: center; margin-top: 30px;}
.edu .ticket-wrapper img {width: 299px; height:130px;}
@media only screen and (max-width:1211px){
	.edu-box {margin-top: 58px;}
	.edu-info {margin: 16px 0;}
	.edu-list {height: 592px;}
	.edu-list-btn {flex-direction: column; gap: 3px;}
	.edu-list-btn li a {text-align: center;}
}
@media only screen and (max-width:1150px) {
	.sub030301-wrapper {gap: 20px;}
}
@media only screen and (max-width:1130px) {
	.sub030301-wrapper {display: unset;}
	.edu-list-btn {flex-direction: row; gap: 5px;}
	.sub030301-wrapper .p_box {justify-content: center;}
}
@media only screen and (max-width:1023px) {
	.edu-list {overflow: unset; max-height: unset; height: unset;}
}
@media only screen and (max-width:767px) {
	.edu-box {margin-top: 0;}
	.edu {flex-wrap: wrap;}
	.edu .daybook2 {flex: unset;}
}
@media only screen and (max-width:480px) {
	.edu .daybook2 {flex: 1 1 100%;}
}
/* 당일예약 */
.sub030301 .deck_box .lay_popup_warp .lay_popup .calendar_box .set_box .img p {font-size: 1.8rem;}
.daybook3 tfoot tr td {text-align: right;}
.daybook3 .txtres2 {text-align: right;}
/* .dang tbody td {display: flex; justify-content: right; text-align: right; align-items: center;} */
.dang tbody td { text-align: right; align-items: center;}
@media only screen and (max-width:840px ) {
.daybook3 {width: unset !important; display: flex; flex-direction: column;}
.daybook3 thead {display: none;}
.daybook3 tbody {width: 100%;}
.daybook3 tbody th {border-left: 1px solid #cdd2d5 !important; border-right: 1px solid #cdd2d5;}
.daybook3 tbody tr {display: grid; width: 100%;}
.daybook3 tbody td {width: 100%; text-align: right; border-right: 1px solid #cdd2d5; border-left: 1px solid #cdd2d5; padding: 10px; }
/* .daybook3 tbody td::before {content: attr(data-label); display: block; width: 100%; text-align: left; font-weight: bold; text-transform: uppercase; padding-bottom: 2px;} */
.daybook3 tbody td::before {content: attr(data-label);text-align: left; font-weight: bold; text-transform: uppercase; padding-bottom: 2px; float: left; font-size: 12px; }
.daybook3 tbody td::after {content: attr(data-label-after); /* white-space: pre-line;  */ display: block; float: left;}
/* .daybook3 tbody td input {width:calc(100% - 16px)); text-align: right;} */
/* .daybook3 tbody td input {width:50%; text-align: right;} */
.daybook3 tfoot tr {display: grid; width: 100%; text-align: center;}
.daybook3 tfoot tr th {border-left: 1px solid #cdd2d5 !important; border-right: 1px solid #cdd2d5;}
.daybook3 tfoot tr td {border-right: 1px solid #cdd2d5; text-align: right;}
.daybook3 tfoot td::before {content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; padding-right: 20px; display:block;}
/* .daybook3 .txtres {display: inline-block;} */
.daybook3 .dpn {display: none !important;}
.daybook3 tfoot td {background: #fff;}
.daybook3 tfoot tr td {text-align: right;}
}
@media only screen and (max-width:480px){
.daybook2 {width: unset !important; display: flex; flex-direction: column;}
.daybook2 thead {display: none;}
.daybook2 tbody {width: 100%;}
.daybook2 tbody th {border-left: 1px solid #cdd2d5 !important; border-right: 1px solid #cdd2d5;}
.daybook2 tbody td {width: 100%; text-align: center; border-right: 1px solid #cdd2d5; padding: 10px; border-left: 1px solid #cdd2d5;}
.daybook2 tbody tr {display: grid;] width: 100%;}
.daybook1 {display: flex;}
.daybook1 tbody td {border-left: 1px solid #cdd2d5; border-right: 1px solid #cdd2d5; padding: 10px}
}
@media only screen and (max-width:460px){
	.daybook3 tbody td.cb-sale {display: flex; flex-wrap: wrap;}
	.daybook3 tbody td.cb-sale .cb-num {width: 100%;}
}
@media only screen and (max-width:330px) {
/* 	.daybook3 tbody td::before {float: unset;} */
}
/* 대통령 리스트 수정 */
.president_box .lay_popup_warp .lay_popup {padding: 20px;}
/* list jsp 수정 */
.responsive1 {width: 50% !important;}
@media only screen and (max-width:767px){
	.responsive1 {width: 100% !important;}
}
.responsive2 {width: 50% !important;}
@media only screen and (max-width:400px){
	.responsive1 {height: unset !important;}
	.responsive1 fieldset {flex-wrap: wrap;}
	.responsive2 {display: block; width: 100% !important;}
	.responsive1 .search_text {width:80% !important;}
}

/* 혜원수정- 20240418 */
/******* 숫자 *******/
/* .number-lbip-wrap { flex: 1 1 30%; display: flex; align-items: center; gap: 10px; } */
/* .number-lbip-wrap label { flex-shrink: 0; width: 140px; } */
 .number-input-wrap { position: relative; display: flex; align-items: center; width: fit-content; height: 35px; line-height: 35px; padding: 0 35px; }
 .number-input-wrap button { position: absolute; top: 0; width: 35px; height: inherit; font-size: 15px; background: transparent;}
 .number-input-wrap .minus { left: 0; border: 1px solid #e5e5e5; }
 .number-input-wrap .plus { right: 0; border: 1px solid #e5e5e5; }
 .number-input-wrap button:hover { color: #2c5198; border: 1px solid #2c5198; }
 .number-input-wrap input { width: 35px; height: inherit; line-height: inherit; text-align: center; background: none; border: none; border-top: 1px solid var(--gray-e5); border-bottom: 1px solid var(--gray-e5); }

.flip { display: none;}
/* .flip .table_st1.dang tbody td {display: flex;} */

.slide-down {float: right; font-size: 0; width:24px; background-size: 24px; background-repeat: no-repeat; background-position: center bottom; transition: transform 0.3s ease; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %232c5198; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M36,0C16.15,0,0,16.15,0,36s16.15,36,36,36,36-16.15,36-36S55.85,0,36,0ZM53.12,34.08l-15,15c-.59.59-1.35.88-2.12.88s-1.54-.29-2.12-.88l-15-15c-1.17-1.17-1.17-3.07,0-4.24,1.17-1.17,3.07-1.17,4.24,0l12.88,12.88,12.88-12.88c1.17-1.17,3.07-1.17,4.24,0,1.17,1.17,1.17,3.07,0,4.24Z'/%3E%3C/svg%3E");}
.slide-down.on {transform: rotate(-180deg); transition: transform 0.3s ease;}
@media only screen and (max-width: 840px) {
	.ov_table .table_st1.dang tbody td {justify-content: space-between;}
}



/* 202511071 wjy */
.txt-36 { display: block; line-height: 1.4; font-size: 3.6rem; word-break: keep-all; }
.txt-30 { display: block; line-height: 1.4; font-size: 3.0rem; word-break: keep-all; }
.txt-26 { display: block; line-height: 1.4; font-size: 2.6rem; word-break: keep-all; }
.txt-24 { display: block; line-height: 1.4; font-size: 2.4rem; word-break: keep-all; }
.txt-22 { display: block; line-height: 1.4; font-size: 2.2rem; word-break: keep-all; }
.txt-18 { display: block; line-height: 1.4; font-size: 1.8rem; word-break: keep-all; }
.txt-15 { display: block; line-height: 1.4; font-size: 15px; word-break: keep-all; }


.img-wrap { overflow: hidden; }
.img-wrap img { max-width: 100%; object-fit: cover; }


.item-list-st1 {  }
.item-list-st1 .item { position: relative; display: flex; align-items: flex-start; margin-bottom: 10rem; padding-left: 200px; }
.item-list-st1 .item + .item { margin-top: 55px; }
.item-list-st1 .item .img-wrap { position: absolute; top: 30px; left: 0; z-index: 1; width: 350px; height: 260px; margin-top: 30px; border-radius: 10px; border-top-right-radius: 50px; }
.item-list-st1 .item .img-wrap img { width: 100%; height: 100%; }
.item-list-st1 .item .txt-wrap { position: relative; flex-grow: 1; display: block; width: 100%; padding: 30px 30px 30px 190px; border: 1px solid var(--gray-e5); border-radius: 20px; }
.item-list-st1 .item .txt-wrap:hover { border: 1px solid #2c5198; box-shadow: 0 0 4px 0 rgba(0,0,0,0.2); }
.item-list-st1 .item .txt-wrap .arr { position: absolute; right: 0; bottom: 0; display: block; width: 50px; height: 50px; background: #2c5198 url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.1667 1L16 7M16 7L10.1667 13M16 7H1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center / auto; border-radius: 20px 0 20px 0; }
.item-list-st1 .item .txt-wrap .arr::before { content: ""; position: absolute; right: 0; bottom: 50px; display: block; width: 14px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 -1.90735e-06L14 14L0 14C7.73069 14 14 7.73069 14 -1.90735e-06Z' fill='%232C5198'/%3E%3C/svg%3E%0A"); }
.item-list-st1 .item .txt-wrap .arr::after { content: ""; position: absolute; right: 50px; bottom: 0; display: block; width: 14px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 -1.90735e-06L14 14L0 14C7.73069 14 14 7.73069 14 -1.90735e-06Z' fill='%232C5198'/%3E%3C/svg%3E%0A"); }


.list-st1 {  }
.list-st1 > li { position: relative; display: flex; gap: 10px; }
.list-st1 > li::before { content: ""; display: block; width: 5px; height: 11px; margin-top: 6px; background: url("data:image/svg+xml,%3Csvg width='5' height='11' viewBox='0 0 5 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 3.26131L0 11L5 7.73869L5 0L0 3.26131Z' fill='%232C5198'/%3E%3C/svg%3E%0A") no-repeat center center / contain; }
.list-st1 > li + li { margin-top: 3px; }

@media only screen and (max-width: 1100px) {
	.item-list-st1 .item { padding-left: 150px; }
	.item-list-st1 .item .img-wrap { top: 0px; width: 300px; height: 200px; }
}
@media only screen and (max-width: 767px) {
	.item-list-st1 .item { display: block; margin-bottom: 5rem; padding-left: 0; }
	.item-list-st1 .item .img-wrap { position: relative; top: 20px; left: 20px; max-width: calc(100% - 20px); }
	.item-list-st1 .item .txt-wrap { padding: 30px 20px 20px 20px; }
}


.step-st1 { display: flex; justify-content: center; gap: 2rem; }
.step-st1 li { position: relative; flex: 1 1 0; padding: 20px 30px; border-radius: 15px; background-color: var(--gray-f5); }
.step-st1 li::after { content: ""; position: absolute; top: 50%; right: -10px; transform: translateY(-50%); width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid var(--gray-f5); }
.step-st1 li::before { display: none; content: ""; position: absolute; bottom: 10px; right: 20px; width: 50px; height: 50px; background-repeat: no-repeat; background-size: cover; background-position: contain; opacity: .1; }
.step-st1 li.on::before { display: block; }
.step-st1 li:nth-child(1):before { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='icons' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 69.68 69.7'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='M34.84,35.71c-7.31,0-13.25-5.94-13.25-13.25s5.94-13.25,13.25-13.25,13.25,5.94,13.25,13.25-5.94,13.25-13.25,13.25ZM34.84,13.71c-4.83,0-8.75,3.93-8.75,8.75s3.93,8.75,8.75,8.75,8.75-3.93,8.75-8.75-3.93-8.75-8.75-8.75Z'/%3E%3Cpath class='cls-1' d='M52.7,47.25c-1.24,0-2.25-1.01-2.25-2.25v-1.49c0-4.71-2.53-9.11-6.6-11.5-1.07-.63-1.43-2.01-.8-3.08.63-1.07,2.01-1.43,3.08-.8,5.44,3.19,8.82,9.09,8.82,15.38v1.49c0,1.24-1.01,2.25-2.25,2.25Z'/%3E%3Cpath class='cls-1' d='M16.98,47.25c-1.24,0-2.25-1.01-2.25-2.25v-1.49c0-6.3,3.38-12.19,8.82-15.38,1.07-.63,2.45-.27,3.08.8.63,1.07.27,2.45-.8,3.08-4.07,2.39-6.6,6.79-6.6,11.5v1.49c0,1.24-1.01,2.25-2.25,2.25Z'/%3E%3C/g%3E%3Cpath class='cls-1' d='M52.08,69.7c-.59,0-1.16-.23-1.59-.66l-12.12-12.12h-21.26C7.68,56.92,0,49.24,0,39.81v-22.7C0,7.68,7.68,0,17.11,0h35.46c9.43,0,17.11,7.68,17.11,17.11v22.7c0,8.84-6.74,16.13-15.34,17.02v10.62c0,.91-.55,1.73-1.39,2.08-.28.12-.57.17-.86.17ZM17.11,4.5c-6.95,0-12.61,5.66-12.61,12.61v22.7c0,6.95,5.66,12.61,12.61,12.61h22.2c.6,0,1.17.24,1.59.66l8.94,8.94v-7.35c0-1.24,1.01-2.25,2.25-2.25h.48c6.95,0,12.61-5.66,12.61-12.61v-22.7c0-6.95-5.66-12.61-12.61-12.61H17.11Z'/%3E%3C/svg%3E"); }
.step-st1 li:nth-child(2):before { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='icons' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56.94 69.7'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23efefef; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='M40.52,20.56h-24.1c-1.24,0-2.25-1.01-2.25-2.25s1.01-2.25,2.25-2.25h21.85v-5.89h-3.68c-1.18,0-2.15-.91-2.24-2.08-.15-2.01-1.86-3.59-3.88-3.59s-3.72,1.58-3.87,3.59c-.09,1.17-1.07,2.08-2.24,2.08h-5.93c-1.24,0-2.25-1.01-2.25-2.25s1.01-2.25,2.25-2.25h4.12c1.14-3.3,4.3-5.67,7.93-5.67s6.79,2.37,7.93,5.67h4.12c1.24,0,2.25,1.01,2.25,2.25v10.39c0,1.24-1.01,2.25-2.25,2.25Z'/%3E%3Cpath class='cls-1' d='M54.69,69.7H2.25c-1.24,0-2.25-1.01-2.25-2.25V13.12c0-1.24,1.01-2.25,2.25-2.25h7.17c1.24,0,2.25,1.01,2.25,2.25s-1.01,2.25-2.25,2.25h-4.92v49.83h47.94V15.37h-11.92c-1.24,0-2.25-1.01-2.25-2.25s1.01-2.25,2.25-2.25h14.17c1.24,0,2.25,1.01,2.25,2.25v54.33c0,1.24-1.01,2.25-2.25,2.25Z'/%3E%3C/g%3E%3Cpath class='cls-1' d='M25.16,52.53c-.58,0-1.15-.22-1.59-.66l-9.5-9.5c-.88-.88-.88-2.3,0-3.18.88-.88,2.3-.88,3.18,0l7.91,7.91,14.53-14.53c.88-.88,2.3-.88,3.18,0,.88.88.88,2.3,0,3.18l-16.12,16.12c-.44.44-1.02.66-1.59.66Z'/%3E%3C/svg%3E"); }
.step-st1 li:nth-child(3):before { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='icons' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.4 69.7'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='M33.46,39.57c-5.7,0-10.34-4.64-10.34-10.34s4.64-10.34,10.34-10.34,10.34,4.64,10.34,10.34-4.64,10.34-10.34,10.34ZM33.46,23.4c-3.22,0-5.84,2.62-5.84,5.84s2.62,5.84,5.84,5.84,5.84-2.62,5.84-5.84-2.62-5.84-5.84-5.84Z'/%3E%3Cpath class='cls-1' d='M46.76,50.8c-1.24,0-2.25-1.01-2.25-2.25v-3.54c0-3.3-1.77-6.39-4.63-8.07-1.07-.63-1.43-2.01-.8-3.08.63-1.07,2.01-1.43,3.08-.8,4.22,2.48,6.85,7.06,6.85,11.95v3.54c0,1.24-1.01,2.25-2.25,2.25Z'/%3E%3Cpath class='cls-1' d='M20.17,50.8c-1.24,0-2.25-1.01-2.25-2.25v-3.54c0-4.89,2.62-9.47,6.85-11.95,1.07-.63,2.45-.27,3.08.8.63,1.07.27,2.45-.8,3.08-2.85,1.67-4.63,4.77-4.63,8.07v3.54c0,1.24-1.01,2.25-2.25,2.25Z'/%3E%3C/g%3E%3Cpath class='cls-1' d='M53.22,69.7H6.78c-1.24,0-2.25-1.01-2.25-2.25v-5.47c0-1.24,1.01-2.25,2.25-2.25s2.25,1.01,2.25,2.25v3.22h44.2c2.58,0,4.68-2.1,4.68-4.68V9.18c0-2.58-2.1-4.68-4.68-4.68H9.03v8.97c0,1.24-1.01,2.25-2.25,2.25s-2.25-1.01-2.25-2.25V2.25c0-1.24,1.01-2.25,2.25-2.25h46.45c5.06,0,9.18,4.12,9.18,9.18v51.34c0,5.06-4.12,9.18-9.18,9.18Z'/%3E%3Cg%3E%3Cpath class='cls-1' d='M10.5,17.1H2.25c-1.24,0-2.25-1.01-2.25-2.25s1.01-2.25,2.25-2.25h8.25c1.24,0,2.25,1.01,2.25,2.25s-1.01,2.25-2.25,2.25Z'/%3E%3Cpath class='cls-1' d='M10.5,30.43H2.25c-1.24,0-2.25-1.01-2.25-2.25s1.01-2.25,2.25-2.25h8.25c1.24,0,2.25,1.01,2.25,2.25s-1.01,2.25-2.25,2.25Z'/%3E%3Cpath class='cls-1' d='M10.5,43.76H2.25c-1.24,0-2.25-1.01-2.25-2.25s1.01-2.25,2.25-2.25h8.25c1.24,0,2.25,1.01,2.25,2.25s-1.01,2.25-2.25,2.25Z'/%3E%3Cpath class='cls-1' d='M10.5,57.1H2.25c-1.24,0-2.25-1.01-2.25-2.25s1.01-2.25,2.25-2.25h8.25c1.24,0,2.25,1.01,2.25,2.25s-1.01,2.25-2.25,2.25Z'/%3E%3C/g%3E%3C/svg%3E"); }
.step-st1 li:nth-child(4):before { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='icons' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70.2 67.3'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M35.1,67.3c-.89,0-1.72-.48-2.16-1.25l-6.95-12.04h-12.24c-7.58,0-13.74-6.16-13.74-13.74V13.74C0,6.16,6.16,0,13.74,0h42.72c7.58,0,13.74,6.16,13.74,13.74v26.53c0,7.58-6.16,13.74-13.74,13.74h-12.24l-6.95,12.04c-.45.77-1.27,1.25-2.16,1.25ZM13.74,5c-4.82,0-8.74,3.92-8.74,8.74v26.53c0,4.82,3.92,8.74,8.74,8.74h13.69c.89,0,1.72.48,2.17,1.25l5.51,9.54,5.51-9.54c.45-.77,1.27-1.25,2.16-1.25h13.69c4.82,0,8.74-3.92,8.74-8.74V13.74c0-4.82-3.92-8.74-8.74-8.74H13.74Z'/%3E%3Cpath class='cls-1' d='M29.97,40.35c-.64,0-1.28-.24-1.77-.73l-11.25-11.25c-.98-.98-.98-2.56,0-3.54.98-.98,2.56-.98,3.54,0l9.48,9.48,19.73-19.73c.98-.98,2.56-.98,3.54,0,.98.98.98,2.56,0,3.54l-21.5,21.5c-.49.49-1.13.73-1.77.73Z'/%3E%3C/svg%3E"); }
.step-st1 li.on::after { border-left-color: #2c5198; }
.step-st1 li:last-child::after { display: none; }
.step-st1 li.on { color: #fff; background-color: #2c5198; }
.step-st1 li span { font-weight: 500; color: #2c5198; }
.step-st1 li.on span { color: #fff; }
@media only screen and (max-width: 767px) {
	.step-st1 { gap: 1.5rem; }
	.step-st1 li { padding: 10px; border-radius: 10px; }
	.step-st1 li::before { width: 35px; height: 35px; }
	.step-st1 li::after { right: -7px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid var(--gray-f5); }
}
@media only screen and (max-width: 390px) {
	.step-st1 { flex-wrap: wrap; }
	.step-st1 li { flex: 1 1 calc(50% - 10px); }
	
}

.txt-ce { text-align: center; }
.bg-box-st1 { padding: 3rem; border-radius: 1rem; background-color: var(--gray-f5); }

.con-box-st1 { position: relative; margin-bottom: 2rem; }
.con-box-st1::after { content:""; position: absolute; top: -30px; right: -30px; z-index: -1; width: 70%; height: 100%; background: #dfeaff; border-radius: 1rem; }
.con-box-st1 .img-wrap { height: 400px; border-radius: 1rem; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }
.con-box-st1 .txt-wrap { position: absolute; left: 0; bottom: -2rem; width: 530px; padding: 4rem 2rem 2rem 2rem; background-color: #fff; border-radius: 0 3rem 0 0; }


.con-box-st2 { display: flex; border: 1px solid var(--gray-e5); border-radius: 1rem; overflow: hidden; }
.con-box-st2 .img-wrap { width: 55%; }
.con-box-st2 .txt-wrap { width: 45%; padding: 6rem 5rem; background-color: #f3f7ff; }

.btn-list-st1 { display: flex; align-items: center; gap: 2rem; }
.btn-list-st1 .btn { position: relative; display: block; width: 50%; padding: 2.5rem; border-radius: 1rem; background-color: #2C5198; overflow: hidden; }
.btn-list-st1 .btn:last-child { background-color: #1F283A; }
.btn-list-st1 .btn img { position: absolute; bottom: 20px; right: 20px; }
.btn-list-st1 .btn .txt-15 { display: flex; align-items: center; gap: 1rem; margin-top: 2rem; }
@media only screen and (max-width: 450px) {
	.btn-list-st1 { flex-direction: column; gap: 1.5rem; }
	.btn-list-st1 .btn { width: 100%; }
}