@charset "utf-8";
/* CSS Document */

.not_scroll {position:fixed; overflow:hidden; width:100%; height:100%;}
hr {border:none; height:1px; background-color:#ccc; box-shadow:0 0px 3px 0px #ccc; margin:10px 0; width:100%;}
/****** header ******/
header {width:98%; margin:10px 1% 0;}
header > div, header > nav {display:inline-block;}
/* 로고 검색창 */
.logo_wrap {position:relative; width:100%; margin-top:10%;}
.logo_wrap a#logo {width:30%; position:absolute; bottom:0;}
.logo_wrap a#logo > img {width:100%;}

.logo_wrap > ul {display:inline-block; width:100%;}
.logo_wrap > ul > li {text-align:right; font-size:0.8em;}
.logo_wrap > ul > li:nth-of-type(1) {margin-bottom:0px;}
.logo_wrap > ul > li:nth-of-type(2) {background-color:#FFF; box-shadow:0 1px 3px 0px #ccc; width:60%; float:right;}
.logo_wrap > ul > li > span {}
.logo_wrap > ul > li > input[type=text] {width:83%; float:left; border:none; padding:10px 0; outline:none; text-indent:10px; margin-top:3px;}
.logo_wrap > ul > li > a {}
.serch_btn {display:inline-block; padding:10px 5px 10px 0; vertical-align:inherit;}

/* 네비게이션 */
nav {width:100%;}
nav > ul {padding:5px; background-color:#FFF; margin:10px 0; box-shadow:0 1px 3px 0px #ccc;}
nav > ul > i {position:absolute; top:15px; right:10px;}
nav > ul > li {display:inline-block; }
.navActive {border:1px solid #4575bd; font-weight:400;}
nav > ul > li > a {color:#4575bd; padding:2px 5px; margin:5px 0; display:inline-block;}

.dep2 {position:relative; height:40px; overflow:hidden;}
.dep3, .dep4 {display:none;}
/* 드롭카테고리 */
.all_sub {display:none; width:100%; padding:5px 0;}
.all_sub > ul {background-color:#FFF;}
.all_sub > ul > li {display:inline-block;}
.all_sub > ul > li > a {display:inline-block; padding:2px 5px;}

/* 공지사항 */
.notice {background-color:#FFF; width:100%; box-shadow:0 1px 3px 0px #ccc;}
.notice > h4 {font-weight:normal; font-size:1em; border-bottom:1px solid #ccc; padding:10px; margin:0;}
.notice > h4 > span {float:right; background-color:#f1f1f1; border-radius:10px; font-size:0.75em; padding:0 10px;}
.notice > ul {}
.notice > ul > li {padding:10px 0; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px solid #ccc;}
.notice > ul > li:last-child {border:none;}
.notice > ul > li > a {}
.notice > ul > li > a > span {color:#f00;}


/****** 컨텐츠 ******/
.pd_list {background-color:#FFF; margin:20px 0; box-shadow:0 5px 10px -4px #5d5d5d; }
.pd_list:nth-of-type(1) {margin-top:-10px;}
.pd_list h2 {font-size:18px; margin-bottom:20px; line-height:1.4em; width:90%;}
.pd_list > ul {}
.pd_list > ul > li {margin:10px 0; display:block; overflow:hidden;}
.more {position:absolute; bottom:0; font-weight:bold; color:#197cf1; right:5%;}

/* text_con */
.pd_main > .text_con {
	position:relative;
	overflow:hidden;
	line-height:1.2;
	text-align:left;
	height:300px;
}


.pd_sub {/*display:none;*/position:absolute; overflow-y:scroll; background-color:#fff; z-index:2; width:98%; margin:35px 1% 1%;}
.pd_sub > .text_con {position:relative;}
.pd_sub > .text_con > h2 {margin:0 0 20px; background-color:#FFF; font-size:18px; width:90%; line-height:1.4em;}
.navpos {position:fixed; margin:0 !important; padding:10px; width:100%; left:0; top:0;}
.pd_sub > .sub_img > .sub_img_list {}
.pd_sub > .sub_img > .sub_img_list > img {width:100%; margin-bottom:5px;}

.text_con {padding:10px;}
.text_con img {width:100%; height:auto;}
.share_btn {position:absolute; width:30px; height:30px; background-color:#ccc; border-radius:50%; text-align:center; padding-top:8px; display:block; overflow:hidden; top:3%; right:3%;}
.text_top {position:fixed; bottom:50px; right:15px; width:30px; height:30px; background-color:#197cf1; border-radius:50%; text-align:center; padding-top:8px; z-index:3; color:#fff;}
.text_con_close {position:fixed; top:7px; right:15px; width:30px; height:30px; background-color:#ccc; border-radius:50%; text-align:center; padding-top:8px; z-index:3; display:none;}
.page_back {background:rgba(25,124,241,0.9); color:#fff; padding:3%; font-size:1.3em; position:fixed; width:100%; z-index:3; left:0; top:0; font-weight:700;}


.PDprice {margin:5px 0; display:block; position:relative;}
.PDprice > ul {}
.PDprice > ul > li {display:block; line-height:1.4em;}
.tactical_price {color:#f00; font-weight:700; font-size:1.1em;}

.RESApply {position:absolute; top:20px; right:0; padding:10px;
	border: 1px solid #4285f4;
	background-color: #4285f4;
	background: -webkit-linear-gradient(top,#4387fd,#4683ea);
	background: linear-gradient(top,#4387fd,#4683ea);
	border-radius: 3px;
	color:#fff;}
/* img_con */
.grid {/*column-count:3; column-gap:5px;*/}
.grid > li:nth-of-type(1) {width:100%; height:auto;}
.grid > li:nth-of-type(1) > img {width:100%;}
.grid > li {width:32%; margin:5px 2% 5px 0; float:left; overflow:hidden; height:70px; }
.grid > li:last-child {margin-right:0;}
.grid > li > img {width:100%;}

/* file_down */
.file_down {width:98%; border-top:1px solid #ccc; margin:0 1%; padding:5px;}
.file_down > h4 {margin:0;}
.file_down> a {display:block; font-size:0.9em;}

/* 이미지가 1개일때 */
.img1 > li {width:100%; height:auto;}
.img1 > li > img {width:100%;}

/* 이미지가 2개일때 */
.img2 > li {width:49% !important; margin:5px 2% 5px 0; float:left; overflow:hidden; height:auto; }
.img2 > li > img {width:100%;}
.img2 > li:last-child {margin-right:0;}
.img2 > li > img {width:100%;}

/* 이미지가 3개일때 */
.img3 > li:nth-of-type(1) {width:100%; height:auto;}
.img3 > li:nth-of-type(1) > img {width:100%;}
.img3 > li {width:49%; margin:5px 2% 5px 0; float:left; overflow:hidden; height:130px; }
.img3 > li:last-child {margin-right:0;}
.img3 > li > img {width:100%;}

/* review */
.review {}
.condition {}
.condition > ul {display:inline-block; width:100%; border-top:1px solid #ccc; padding:10px; position:relative;}

.reply {background-color:#fcfcfc;}
.reply > li {float:left;}
.reply > li > span {width:30px; height:30px; background-color:#f1f1f1; display:inline-block; text-align:center; border-radius:50%; padding-top:5px; box-shadow:0 1px 3px 0px #ccc;}
.reply > li > i {margin-left:10px;}
.reply > li.write_btn {float:right;}
.reply > li.write_btn > i {margin-top:10px; margin-left:0;}

.condition > .write_txt {background-color:#f1f1f1; display:none;}
.write_txt i {color:#f1f1f1; position:absolute; top:-10px; right:10px;}
.write_txt div {background-color:#f1f1f1; display:block; overflow:hidden; padding:10px;}
.write_txt div li {width:80%; float:left;}
.write_txt div li textarea {width:100%; padding:5px; border:none;}
.write_txt div a.writeOK {width:20%; float:right; text-align:center; color:#fff; background-color:#b3b3b3; padding:32px 0;}

.comment {background-color:#f9f9f9}
.comment > li {float:left;}
.comment > li.men {width:20%; display:none;}
.comment > li.men > img {width:100%; border-radius:50%; overflow:hidden;}
.comment > li.comment_txt {width:80%; padding:0 5%;}
.comment > li.comment_txt > h4 {font-size:14px;}
.comment > li.comment_txt > p {}
.comment > li.comment_txt > span {margin-top:10px; display:block; font-size:12px; color:#7d7d7d;}

/* 이미지 슬라이더 */
.pd_img {position:fixed; overflow: hidden; top:0; background-color:#fff; height:100%; padding-top:10px; width:100%; margin-left:-1%; border:5px solid rgba(0,0,0,0.9); z-index:2; display:none;} 
.pd_sub_wrap {position:fixed; overflow-y:scroll; top:0; background-color:#fff; height:100%; padding-top:10px; width:100%; margin-left:-1%; z-index:2; display:none; border:5px solid rgba(0,0,0,0.9);}
.bxslider {}
.bxslider > li {overflow:hidden; display:inline-block; float:none !important; vertical-align:-webkit-baseline-middle;}
.bxslider > li > img {width:100%;}

.pager {}
.pager > li {}
.pager > li > i {}
.bx-controls {}
.bx-pager {width:100%; text-align:center;}
.bx-pager div {display:inline-block; text-indent:-999px;}
.bx-pager div a {width:10px; display:block; height:10px; border-radius:50%; background-color:#ccc;}
.bxslider_close {position:fixed; top:10px; right:10px; width:30px; height:30px; background-color:#ccc; border-radius:50%; text-align:center; padding-top:8px; z-index:1;}

/****** 항공리스트 ******/
#schedule {background-color:#FFF; box-shadow:0 1px 3px 0px #ccc;}
#schedule > article {padding:10px;}

.schedule_date {font-size:1.2em; font-weight:700; padding:10px 0;}
.schedule_date > ul {text-align:center;}
.schedule_date > ul > li {display:inline-block; color:#197cf1;}
.schedule_date > ul > a {color:#ffffff; padding:5px 10px; display:inline-block; background-color:#197cf1;}

.schedule_list {}
.schedule_list > h2 {font-size:1.1em; font-weight:700; /*border:1px solid #ccc;*/ float:left; padding:5px; overflow:hidden; display:block;width:100%;}
.schedule_list > ul {display:inline-block; overflow:hidden; width:98%; margin:1%;}
.schedule_list > ul > h4 {font-size:1.1em; font-weight:700;}

.AirPd_list {border:1px solid #ccc; margin-bottom:5px; padding:10px;}
.AirPd_list:nth-of-type(2n) {background-color:#f9f9f9;}
.AirPd_list > ul {/*border-bottom:1px solid #ccc;*/}
.AirPd_list > h4 {font-size:1.1em; font-weight:normal; border-bottom:1px dashed #ccc; padding-bottom:15px;}
.AirPd_list > ul > li {display:block; overflow:hidden; padding:5px 0;}
.AirPd_list > ul:nth-of-type(2n) {/*background-color:#f9f9f9;*/}
.AirPd_list > ul > li > a {width:30%; display:block; overflow:hidden; float:left;}
.AirPd_list > ul > li > a > img {}
.AirPd_list > ul > li > p {display:inline-block;}

.AirPd_price {color:#197cf1; font-weight:700; font-size:1.1em;}
.AirPd_sit {margin-left:5%;}
.AirPd_Journey {float:right;}

#schedule_modal {position:fixed; top:0; background-color:#fff; height:100%; width:100%; margin-left:-1%; border:5px solid rgba(0,0,0,0.9); padding:1%; overflow-y:scroll; display:none;}
#schedule_modal > article {background-color:#FFF; padding:40px 20px 20px; position:relative;}

.AirTTL {position:fixed; top:0; left:0; width:100%; background:rgba(25, 124, 241, 0.9); color:#fff; padding:10px; font-size:1.2em; font-weight:700;}

.scheduleAir > h2 {font-size:1.2em; font-weight:700; padding:5px 0;}
.scheduleAir > h3 {font-size:14px; border-bottom:1px dashed #ccc; padding:0 0 10px 0;}
.scheduleAir > ul {display:block; overflow:hidden;}
.scheduleAir > ul > h4 {margin:5px 0;}
.scheduleAir > ul > li {float:left;}
.scheduleAir > ul > li:last-child {float:right;}
.scheduleAir > p {font-size:0.75em; padding:10px 0; border-bottom:1px solid #ccc;}
.scheduleAir > p > span {font-weight:700;}
.AirName {margin-right:2.7%; color:#197cf1; font-weight:700;}

.scheduleAir > ul:nth-of-type(3) {margin-top:5px; border-bottom:1px solid #ccc; padding-bottom:10px;}
.scheduleAir > ul:nth-of-type(3) > li {float:left; margin-right:50px;}

.AirFee {display:block; overflow:hidden; padding:10px 0; border-bottom:1px solid #ccc;}
.AirFee > ul {display:block; overflow:hidden; font-size:0.8em;}
.AirFee > ul:nth-of-type(1) {}
.AirFee > ul:last-child {font-size:1em;}
.AirFee > ul > li {float:left; margin-right:10px; padding:3px 0;}
.AirFee > ul > li:last-child {margin-right:0;}
.AirFee > ul > li > input[type="text"] {width:50px; padding:3px 0; text-align:center; margin-top:-3px;}
.AirFee > ul > li > p {display:inline-block; /*border:1px solid #ccc; padding:5px 8px;*/}
.AirFee > ul > li > p > i {padding:3px;}

.AirPrice {color:#f00; font-weight:700; font-size:1.1em; margin-top:10px;}
.AirPrice > span {color:#000;}

.CustomerInfo {padding:10px 0 0 0;}
.CustomerInfo > ul {display:block; overflow:hidden; width:100%;}
.CustomerInfo > ul > li > span {width:30%;}

.UserDivision > li {float:left; margin-right:10%; padding:5px 0; font-size:0.8em;}
.UserDivision > li > select {margin-top:-5px; padding:3px 0; }

.UserName > li {padding: 5px 0; font-size:0.8em;}
.UserName > li > input[type="text"] {padding:3px 0; }
.UserName > li > span {width:30%; display:inline-block;}

#schedule_modal > article button {color:#fff; background-color:#197cf1; padding:10px; margin:auto; display:block;}



/****** 예약하기 ******/
#reservation {display:none; background-color:#fff; border:5px solid rgba(0,0,0,0.9); box-shadow:0 1px 3px 0px #ccc; position:fixed; top:0; height:100%; width:100%; margin-left:-1%; overflow-y:scroll; z-index:3;}
#reservation > h2 {padding:10px; background-color:#197cf1; color:#fff; font-size:1.1em;}
#reservation > article { background-color:#FFF;}

.schedule_date > h2 {font-size:1.1em; font-weight:700; float:left; padding:5px; overflow:hidden; display:block; line-height:1.4em; margin-bottom:10px; width:100%;}
.PDreservation {background-color:#f9f9f9; padding:1% 3%; border:1px solid #ccc; margin-bottom:5px; display:none;}
.PDreservation h4 {font-size:1.1em;}
.PDreservation ul {border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.PDreservation ul li {padding:5px;}
.PDreservation ul li span {width:80px; display:inline-block; overflow:hidden; line-height:14px;}
.PDreservation ul li p {display:inline-block; /*border:1px solid #ccc; padding:5px 8px;*/}
.PDreservation ul li p i {padding:3px;}
.PDreservation ul li input[type="text"] {vertical-align:baseline; width:160px; padding:2px;}
.ResNum {width:40px !important;}
.ResBtn {color:#fff; background-color:#197cf1; padding:10px; margin:10px auto; display:block;}

.AirPd_list > ul > li > a.AirImg {width:10%;}
.AirPd_comm {float:right; font-size:1.1em; font-weight:bold; color:#f00;}
.AirPd_comm > i {color:#000;}
.AirPd_comm > span {font-weight:normal; color:#000; font-size:0.8em;}

.phoneS {width:30px !important;}
.phoneM {width:49px !important;}