@charset "utf-8";
/*모바일 css*/
@import url('layout.css'); /* 메인및 서브공통 레이아웃 css */
#section{background:#f2f6f5;}

.main_visual{position:relative; width:100%; overflow: hidden;height:100%;}
.main_visual ul li img{ max-width:100%; height:auto;}
	
	.main_visual .visual_ment{position:absolute; top:20%; width:100%; height:80px;}
	.main_visual .visual_ment div.ment_inner{width:100%; height:100%; text-align:center;}
	.main_visual .visual_ment h3{font-size: 1.3em;color: #fff; background-size:70% auto;}
	
	.main_visual .bx-controls{position:absolute; top:0; width:100%; height:95%}
	.main_visual .bx-controls .bx-controls-direction{display:none;}
	.main_visual .bx-controls .bx-controls-direction{height:225px;}
	.main_visual .bx-controls-direction > a{position:absolute; top:90px; z-index:20;}
	.main_visual .bx-controls-direction a.bx-prev{display:block; width:53px; height:53px; background:url("/layout/images/www/main/prev.png") no-repeat; text-indent:-9999px;}
	.main_visual .bx-controls-direction a.bx-next{display:block; width:53px; height:53px; background:url("/layout/images/www/main/next.png") no-repeat; text-indent:-9999px; right:0;}
	
	.main_visual .bx-pager{position:absolute; bottom:20px; left:48%; margin-left:-45px; z-index:100;}
	.main_visual .bx-pager > div{float:left; margin-left:10px}
	.main_visual .bx-pager > div > a{display:block; width:16px; height:16px; background:url("/layout/images/www_mobile/main/slider_pager.png") no-repeat left / 260%; background-position:-25px 0;text-indent:-9999px; transition:all 0.2s}
	.main_visual .bx-pager > div > a.active{width:16px; background-position:0;}
	

.main_visual .reserve_link { position:relative; border: 1px solid #eee;margin: 20px 3px; display: inline-block; background:rgba(0,0,0,0.5)}
.main_visual .reserve_link a { font-size: 18px; color: #fff; font-weight: 400;padding: 10px 24px; display:block; }
.main_visual .reserve_link strong span.icon { display: block; width: 30px; height: 30px; background: url("/layout/images/common/sprite.png") no-repeat -21px -42px; float: left; margin: 1px 15px 0 0;}

/* 동영상 */ 
.gallery {display: block; width: 90%; height: 400px;background:rgba(255,255,255,1);position: relative; padding:1%;top: -20px; box-sizing: border-box; margin:0 auto;}
.gallery .gal1 {width: 100%; padding:20px 0 0;}
.gallery .gal1 .gray {font-size: 14px; color: #999999; padding-top:0;}
.gallery .gal1 .title {font-size: 21px; font-weight:600; margin-bottom: 10px;}
.gallery .gal1 .ment {color: #666; font-weight:500; font-size:15px; line-height:20px; }
.gallery .gal1 .btn_wrap {margin-top: 20px;}
.gallery .gal1 .btn_wrap > a {display: block; height:43px; float: left; line-height: 43px; vertical-align: middle; text-align: center;padding: 0 3%; width:45%}
.gallery .gal1 .btn_wrap > a.go_photo {background-color: #336699; color: #fff; margin-right: 6px;}
.gallery .gal1 .btn_wrap > a.go_photo:hover {background-color: #5297B8;}
.gallery .gal1 .btn_wrap > a.go_video {background-color: #fff; color: #7D7D7D; border: 2px solid #7D7D7D; box-sizing: border-box; line-height: 41px;}
.gallery .gal1 .btn_wrap > a.go_video:hover {background-color: #7D7D7D; color: #fff; border: 2px solid #7D7D7D; }

.gallery .gal2 {position: relative;padding-bottom: 56.25% /*16:9 비율인 경우 56.25%, 4:3 비율인 경우 75%로 설정합니다.*/}
.gallery .gal2 iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.gallery .gal2 img {margin-right: -3px;}
.gallery .gal2 video {display: inline; padding-left:20px;}

/* 사진첩바로가기*/
.charge { width:100%;background: url("/layout/images/www/main/charge_bg.jpg") no-repeat 80% 0; height:140px;}
.charge .charge_box { padding:20px 0;}

.txt_link{text-align:center;padding:4%; color:#fff; }
.txt_link a{display:inline-block; margin:10px auto 0;border:1px #fff solid; color:#fff; padding:10px 30px; font-size:1.2em; line-height:150%;}
.txt_link a:hover{background:#fff; color:#000; }
.txt_link h3{font-size: 1.8em; text-transform: uppercase; color:#fff; padding:0;margin: 0 auto 20px; font-weight: 500;line-height: 37px;}
.txt_link h3 span { display:block;}


.ex_box{ width:100%; height:800px; background-color:#dce9ff;}
.ex_box .inner{ width:95%; margin:0 auto;}
.ph_ex{ background:url("/layout/images/www_mobile/main/mo_experience_240829.jpg") no-repeat; width:100%; height:820px; background-size: contain;}

.quick_icon {
    position: fixed !important;
	bottom:140px;
    right: -10px;
}

.quick_icon .ex_quick a {
    width: 125px;
    height: 170px;
    background: url(/layout/images/www/main/ex_quick.png) no-repeat;
	display: block;
    text-indent: -9999px;
	background-size:90px;
}




/*공지*/
/*.notice {position: relative; margin:25px 15px 20px;}
.notice h3 { font-size: 20px; font-weight:500; margin-bottom: 20px}
.notice_wrap li { line-height:25px;padding-bottom: 10px;}
.notice ul > li > a > span.title {display:block;font-weight:500;font-size: 16px;}
.notice ul > li > a > span.cont {display:block; margin-top:10px;}
.notice ul > li > a p { font-size:0.9em; line-height:20px;}
.notice_wrap li .regDate {display: block; color:#666;}
.notice .more { position: absolute; top: -4px; right: 0; width: 29px; height: 27px; background: url("/layout/images/www_mobile/common/main_sprite.png") no-repeat -70px -76px; background-size: 500px; text-indent: -9999px}*/


.notice_box{ width:275px; margin:0 auto;}
.notice {display: inline-block;background-color:rgba(0,0,0,0.7);; color:#fff; margin-top:50px; width:100%; height: auto;}
.notice_wrap .date{ font-weight:500; font-size:18px; display:block; padding: 15px 20px 0;}
.notice_wrap .title{ padding: 15px 18px 15px 20px; display:inline-block;}
.l_notice {width: 100px; float: left;}
.l_notice .more {display: block; width: 80px; height: 25px; color: #fff; font-size: 14px; border-radius: 18px; background-color: #004A81; line-height: 25px; vertical-align: middle; text-align: center; margin: 15px auto 0;}
.l_notice .more:hover {background-color: #5297B8;}
.notice .r_notice{ float:left;}
.notice .r_notice .notice_wrap strong{ color:#fff; font-weight:300; }
.notice .r_notice .notice_wrap strong:hover{ text-decoration:underline;}
.notice .r_notice .notice_wrap p{ color:#fff;font-weight:300;}
