@charset "utf-8";
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); 
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); 

/* main CSS Document */
#container {position:relative; min-height:630px; min-wdith:1300px;}

.main_visual .bxslider li{text-indent:-9999px}
.main_visual ul li.list1{height:900px;background:url("/layout/images/www/main/main_vis04.jpg") no-repeat center;}
.main_visual ul li.list2{height:900px;background:url("/layout/images/www/main/main_vis02.jpg") no-repeat center;}
.main_visual ul li.list3{height:900px;background:url("/layout/images/www/main/main_vis01.jpg") no-repeat center;}
.main_visual ul li.list4{height:900px;background:url("/layout/images/www/main/main_vis03.jpg") no-repeat center;}

.main_visual{position:relative; height:900px; top: -90px;}


.main_visual .inner_box {position: absolute; top: 400px; left: 33%; margin:0 auto;}
.main_visual .text_wrap { }
.main_visual .text_wrap p {color: #fff; text-align: center;}
.main_visual .text_wrap p.text01 {font-size: 60px; letter-spacing: -3px; font-family: 'NanumSquare', sans-serif; font-weight: 600; line-height: 80px;}
.main_visual .text_wrap p.text02 {font-family: 'Nanum Myeongjo', serif; font-size: 34px; letter-spacing: -3px; line-height: 34px;}
.main_visual .text_wrap p.text03 {font-family: 'Nanum Gothic', sans-serif; font-size: 18px; letter-spacing: -1px; margin-top: 10px; font-weight: 500;}
/*.main_visual .call {position: absolute; bottom: -260px; left: -135px;}
.main_visual .call p {color: #ccffff; font-size: 21px; letter-spacing: -1px; font-weight: 500; line-height: 30px; margin-bottom: 7px;}
.main_visual .call strong { font-size: 36px; color: #fff; font-weight: 500; }
.main_visual .call 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;}
*/
.main_visual .reserve_wrap{ text-align:center;}
.main_visual .reserve_link { position:relative; border: 1px solid #eee;margin:50px 10px 20px;; display: inline-block; background:rgba(0,0,0,0.5)}
.main_visual .reserve_link a { font-size: 18px; color: #fff; font-weight: 400;padding: 15px 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;}


.main_visual .bx-controls-direction { display:block;}
.main_visual .bx-controls-direction > a{position:absolute; top:430px; width: 50px; height: 90px; }
.main_visual .bx-controls-direction a.bx-prev{display:block;  background:url("/layout/images/www/common/sprite.png") no-repeat 0px -430px; text-indent:-9999px; left: 10px;}
.main_visual .bx-controls-direction a.bx-next{display:block; background:url("/layout/images/www/common/sprite.png") no-repeat -135px -430px; text-indent:-9999px; right:10px;}
.main_visual .bx-pager{position:absolute; bottom:230px; left:49%; margin-left:-110px;/* z-index:100*/}
.main_visual .bx-pager > div{float:left;margin-left:5px;}
.main_visual .bx-pager > div > a{display:block; width:50px; height:3px; text-indent:-9999px; transition:all 0.2s; background-color: rgba(145, 151, 157, 0.65); }
.main_visual .bx-pager > div > a.active{ background-color: rgba(42, 83, 137, 0.65);}

.container_wrap{position:absolute; top:0; left:50%; margin-left:-600px; width:1300px }
.contents {width:100%; margin:0; position:relative;}



/*버튼*/
.txt_link a.btst { text-align:center; padding:9px 40px; color:#fff; display:inline-block; position:relative; transition: background-color .2s; webkit-transition:-webkit-transform background-color .2s; -moz-transition:-moz-transform background-color .2s; font-size:17px;}

.txt_link a.btn0 {text-transform:uppercase;}
.btn0 span { position:relative; transition:color .25s ease-out; -webkit-transition:color .5s ease-out; -moz-transition:color .5s ease-out;}
.btn0:hover span { color:#fff;}
.btn0 .btn0hover0 { position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:#3dbad3;   transform:scale(1,0); -webkit-transform:scale(1,0); -moz-transform:scale(1,0); -ms-transform:scale(1,0); transform-origin:center top; -webkit-transform-origin:center top; -moz-transform-origin:center top; -ms-transform-origin:center top; transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out;}
.btn0:hover .btn0hover0 { transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}

#content a.btn1 {background-color: #0b3164;text-transform:uppercase;}
.btn1 span { position:relative; transition:color .25s ease-out; -webkit-transition:color .5s ease-out; -moz-transition:color .5s ease-out;}
.btn1:hover span { color:#fff;}
.btn1 .btn1hover1 { position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:rgba(0,51,153,0.7);   transform:scale(1,0); -webkit-transform:scale(1,0); -moz-transform:scale(1,0); -ms-transform:scale(1,0); transform-origin:center top; -webkit-transform-origin:center top; -moz-transform-origin:center top; -ms-transform-origin:center top; transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out;}
.btn1:hover .btn1hover1 { transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}

/* 온라인접수
.online {display: inline-block; width: 100%; margin-bottom: 85px;}
.online .l_form {width: 520px; float: left;}
.online .l_form .title { font-size: 30px; color: #ccffff; float: left; line-height: 35px; vertical-align: text-top; margin-right: 10px;}
.online .l_form .sub_title { font-size: 18px; color: #fff; line-height: 35px; vertical-align: text-top;}
.online .l_form .radio_wrap { padding: 20px 0 20px 13px; box-sizing: border-box;}
.online .l_form .radio_wrap .select p {color: #fff; font-weight: 300; font-size: 16px; line-height: 29px; letter-spacing: -0.5px;}
.online .l_form .radio_wrap .select p .rtitle {margin-right: 17px;}
.online .l_form .radio_wrap .select p label {margin-right: 20px;}
.online .l_form .radio_wrap .select p input[type="radio"] { width: 15px; height: 15px; margin-right: 5px;}
.online .l_form .input_wrap input[type="text"] {width: 498px; height: 38px; box-sizing: border-box; border: 1px solid #fff; background: #0F53A2; padding: 10px; margin-bottom: 12px; color: #fff;}
.online .l_form .input_wrap input[type="text"]::placeholder {color: #fff;}
.online .l_form .input_wrap textarea {width: 498px; height: 76px; box-sizing: border-box; border: 1px solid #fff; background: #0F53A2; padding: 5px 10px; color: #fff; font-family: 'Noto Sans KR', sans-serif; font-weight: 300;}
.online .l_form .input_wrap textarea::placeholder { color: #fff; }
.online .l_form .apply_btn {display: block; width: 145px; height: 40px; background-color: #fff; font-size: 16px; border-radius: 20px; text-align: center; vertical-align: middle; line-height: 40px; letter-spacing: -0.5px; font-weight: 500; margin-top: 15px;}

.online .r_board {float: left; width: 396px; margin-left: 100px; }
.online .r_board .r_board_bg {width: 396px; height: 498px; background-color: #fff; box-shadow: 5px 5px 10px -1px rgba(0, 0, 0, 0.3); padding: 40px 35px; box-sizing: border-box; margin-bottom: 10px;}
.online .r_board .r_board_bg .fare .title {font-size: 21px; display: block; width: 210px; height: 30px; background: url("/layout/images/common/sprite.png") no-repeat -1377px -61px; letter-spacing: -1px;}
.online .r_board .r_board_bg .fare .title strong {font-weight: 500;}
.online .r_board .r_board_bg .fare table {border-top: 3px solid #eeefee; width: 100%;margin-top: 12px; }
.online .r_board .r_board_bg .fare table tr {border-bottom: 1px solid #eeefee; height: 42px; line-height: 42px; vertical-align: center; font-size: 14px;}
.online .r_board .r_board_bg .fare table th {width: 65px; text-align: center;}
.online .r_board .r_board_bg .fare table td {color: #666666;}


.online .r_board .r_board_bg .reservation {margin-top: 50px;}
.online .r_board .r_board_bg .reservation .title {font-size: 21px; display: block; width: 180px; height: 30px; background: url("/layout/images/common/sprite.png") no-repeat -899px -58px; letter-spacing: -1px;}
.online .r_board .r_board_bg .reservation .title strong {font-weight: 500;}
.online .r_board .r_board_bg .reservation table {margin-top: 15px; width: 100%;}
.online .r_board .r_board_bg .reservation table tr { font-size: 15px; height: 32px; vertical-align: middle; line-height: 30px;}
.online .r_board .r_board_bg .reservation table td.reserve_name {width: 80px; text-align: left;}
.online .r_board .r_board_bg .reservation table td.reserve_date {padding-left: 10px;}
.online .r_board .r_board_bg .reservation table td.reserve_state {text-align: right;}
.online .r_board .r_board_bg .reservation table td.reserve_state.confirm {color: #003399;}

.online .r_board .r_board_bg .reservation table td .icon { display: inline-block; width: 19px; height: 19px; background: url("/layout/images/common/sprite.png") no-repeat -231px -44px; margin: 0 5px -4px 0;}

.online .r_board .account {font-size: 18px; color: #003366; padding-left: 5px; letter-spacing: -0.5px;}
.online .r_board .account strong {font-weight: 500;}
*/

.process .title {font-size: 30px; font-weight: 500; letter-spacing: -0.5px;}
.process .title2 {font-size: 14px; color: #333; margin-top: 10px;}
.process .hours {font-size: 14px; color: #666; line-height: 14px;}
.process .info {display: inline-block; width: 100%; margin: 30px 0 0 0;}
.process .info > div {float: left; width: 190px; height: 180px;}
.process .info > div.next {width: 25px; height: 180px; background: url("/layout/images/www/main/process.png") no-repeat -200px 20px;}
.process .info > div .icon { display: block; width: 80px; height: 80px; background: url("/layout/images/www/main/process.png") no-repeat; margin: 0 auto;}
.process .info > div.info1 .icon { background-position: -60px -2px;}
.process .info > div.info2 .icon { background-position: -312px -1px;}
.process .info > div.info3 .icon { background-position: -532px 1px;}
.process .info > div.info4 .icon { background-position: -763px 0px;}
.process .info > div.info5 .icon { background-position: -996px -0px;}
.process .info > div .subject {font-family: 'NanumSquare', sans-serif; font-weight: 600; text-align: center; margin-top: 13px; font-size: 21px;}
.process .info > div .summary {margin-top: 10px; color: #666; font-size: 14px; text-align: center; line-height: 22px;}

/* 동영상 */ 
.gallery {display: block; width: 100%; height: 300px;background: #fff;position: relative; padding:60px 0 55px 55px;top: -50px; box-sizing: border-box;}
.gallery .gal1 {width: 430px; float: left;}
.gallery .gal1 .gray {font-size: 14px; color: #999999; padding-top:0;}
.gallery .gal1 .title {font-size: 30px; font-weight: 500; margin-bottom: 15px;}
.gallery .gal1 .ment {font-size: 16px; color: #666; }
.gallery .gal1 .btn_wrap {margin-top: 20px;}
.gallery .gal1 .btn_wrap > a {display: block; width: 168px; height: 43px; float: left; line-height: 43px; vertical-align: middle; text-align: center; font-size: 16px;}
.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 { float: left;}
.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; height:300px;}
.charge .charge_box { padding:20px 0;}
/*Table */
table.table_m {clear:both;width:700px;border-bottom:1px #d2d2d2 solid; border-collapse:collapse;}
table.table_m th {text-align:center;border-bottom: 1px solid #d2d2d2;font-weight: 400;font-size: 16px; color:#fff; vertical-align:middle;}
table.table_m td {padding:5px; text-align:center;border-top:1px #d2d2d2 solid; vertical-align:middle;color:#fff; font-size:14px }
table.table_m td ul {margin-top:0px;}


.txt_link{width:100%;margin:0 auto; max-width:1170px; text-align:center; font-size:16px;padding:80px 0; color:#fff; }
.txt_link a{display:inline-block; margin:10px auto 0;border:1px #fff solid; color:#fff; padding:8px 25px; font-size: 14px; line-height:150%;}
.txt_link a:hover{background:#fff; color:#000; }
.txt_link h3{font-size: 2em; text-transform: uppercase; color:#fff; padding:0;margin: 0 auto 20px; font-weight: 500;}


.ex_box{ width:100%; height:1000px; background-color:#dce9ff;}
.ph_ex{ background:url("/layout/images/www/main/ph_experience_240829.jpg") no-repeat center; width:100%; height:1000px;}

.quick_icon {
    position: fixed !important;
    top: 540px;
    right: 80px;
}

.quick_icon .ex_quick a {
    width: 148px;
    height: 170px;
    position: absolute;
    top: 190px;
    background: url(/layout/images/www/main/ex_quick.png) no-repeat;
	display: block;
	left:-66px;
    text-indent: -9999px;
}






/* 비행갤러리 */
.gallery_box { position:relative; width:1300px;  height: 500px; margin:40px auto; overflow: hidden;}
.gallery_box h3 { text-indent:-999999px;}
.gallery_box ul {display: inline-block;}
.gallery_box ul li {float: left; margin: 0 30px 50px 0;  height: 200px; text-align: center;}
.gallery_box ul li a {display: block; font-size: 14px; letter-spacing: 0; border:2px solid #fff;}
.gallery_box ul li a:hover {border:2px solid #ccc;}
.gallery_box ul li img { width:230px; height:150px;background-size:cover;}
.gallery_box ul li p.tit {width: 230px; padding:12px 0;line-height: 18px;font-size:16px;}
.gallery_box ul li span { font-size:14px; color:#888;}
.gallery_box ul li:nth-child(5) { margin-right:0;}

.notice_box{ width:480px; margin:0 auto;}
.notice {display: inline-block; width: 480px; background-color:rgba(0,0,0,0.7);; color:#fff;}
.notice_wrap .date{ font-weight:500; font-size:19px; display:block;}
.l_notice {width: 100px; float: left;}
.notice .r_notice{ float:left; padding:20px 20px 20px 25px;}
.notice .r_notice .notice_wrap strong{ color:#fff; font-weight:300; font-size: 15px;}
.notice .r_notice .notice_wrap strong:hover{ text-decoration:underline;}
.notice .r_notice .notice_wrap p{ color:#fff;font-weight:300;}