@charset "utf-8";

/*
 * content CSS Document
 * KOWEB
 */

#content.sub {padding:50px 0 100px 0;}
.tit{margin:25px 0 40px 0;}
.tit h3{font-size:25px; color:#111; font-weight:300;}
.tit h3 span{font-weight:600;}


/* page navigation */
.area_navigation{position:relative; padding:20px 0; text-align:center; background:#f4f4f4;}
.area_navigation ul{ overflow:hidden;}
.area_navigation ul li{position:relative; float:left; line-height:1; padding:0 12px; font-size:15px; color:#333;}
.area_navigation ul li img{display:inline-block; position:relative; top:1px; height:12px; vertical-align:top;}
.area_navigation ul li i{display:none;}
.area_navigation ul li:nth-child(2):after{content:""; position:absolute; top:3px; right:-3px; width:6px; height:8px; background:url(../images/content/icon_navigation02.svg) no-repeat 50% 50%;}
.area_navigation ul li:first-child{padding:0;}
.area_navigation em{display:block; margin-top:20px; font-weight:200; font-size:40px; }
.area_navigation ul li br{display:none;}

/* 서브메뉴, 컨텐츠 */
div#content.sub{overflow:hidden; position:relative; width:1200px; margin:0 auto;}
.area_lnb{float:left; width:220px; box-sizing:border-box;}
.area_lnb_title{width:100%; height:150px; border-radius: 0 40px 0 0; background:#029cc2 url(../images/content/lnb_menu_bg.jpg) no-repeat 0 ;}
.area_lnb_title p{line-height:150px; color:#fff; font-size:23px; font-weight: bold; text-align:center;}
.area_lnb li.active{color:#fff}
.area_lnb li.active a{background: #db6aa4; color:#fff}
.area_lnb ul li{border:1px solid #ccc; margin-top:10px;}
.area_lnb ul li a{position:relative; display:block; padding:16px 17px; color: #333;}
.area_lnb ul li a.on{background:#333; border:1px solid #333; color:#fff;}
.area_lnb ul li a:before{content: ''; display: block; position: absolute; top:25px; right:15px; width: 8px; height: 2px; background: #999; transform: rotate(45deg);}
.area_lnb ul li a:after{content: ''; display: block; position: absolute; top: 29px; right:15px; width: 8px; height: 2px; background: #999; transform: rotate(-45deg);}

.area_lnb ul li a.on:before{background: #fff; transform: rotate(45deg);}
.area_lnb ul li a.on:after{background: #fff; transform: rotate(-45deg);}

.content_area{overflow:hidden; float:right; width:980px; box-sizing:border-box; padding:0 0 0 40px;}
.content_area .sub_tit{margin-bottom:30px; font-size:26px; color:#111;}

/* 여행지 팁 */
.h3{position:relative; margin:30px 0 20px; color: #111; font-weight:700; font-size: 25px; line-height: 30px;}
.h3:before{content:''; position:relative; position:absolute; left:0; top:-12px; display:block; width:7px; height:7px; background:#007fc8; border-radius:50%;}
.h3:after{content:''; position:relative; position:absolute; left:10px; top:-12px; display:block; width:7px; height:7px; background:#0c22a6; border-radius:50%;}
.txt_h3{margin:10px 0; color:#555; word-break:keep-all;}
.box{overflow:hidden; margin-top:40px;}

ul.tabs02{overflow: hidden; width: 100%; margin-bottom:30px; padding: 0; list-style: none; border-left:1px solid #e8e9eb }
ul.tabs02 > li{display:block; float:left; box-sizing:border-box; width:33.3%; text-align:center;height:60px;line-height:60px; font-size:18px; background:#f6f7f9;border:1px solid #e8e9eb;border-left:none;cursor: pointer;}
ul.tabs02 > li.active{border-top:2px solid #2c2e31;background:#fefefe;color:#000;border-bottom:1px solid #fff;}

ul.tabs03{overflow: hidden; width: 100%; margin-bottom:30px; padding: 0; list-style: none; border-left:1px solid #e8e9eb }
ul.tabs03 > li{display:block; float:left; box-sizing:border-box; /*width:20%;*/ width:16.6%; text-align:center;height:60px;line-height:60px; font-size:18px; background:#f6f7f9;border:1px solid #e8e9eb;border-left:none;cursor: pointer;}
ul.tabs03 > li.active{border-top:2px solid #2c2e31;background:#fefefe;color:#000;border-bottom:1px solid #fff;}

.snb{box-sizing: border-box; overflow: hidden; width: 100%; margin-bottom:30px; padding: 0; list-style: none; border-left:1px solid #e8e9eb }
.snb > li{display:block; float:left; box-sizing:border-box; width:50%; text-align:center;height:60px;line-height:60px; font-size:16px; background:#f6f7f9;border:1px solid #e8e9eb;border-left:none;cursor: pointer;}
.snb > li.active{border-top:2px solid #2c2e31;background:#fefefe;color:#000;border-bottom:1px solid #fff;}
.snb > li a{display:block; width:100%; height:100%;}
.tab_container{clear: both;}
.tab_content {display: none;}
.tab_container .tab_content ul {width:100%;}

.area_Island .snb li{width:33.3%}
.area_Island img{width:100%;}
.area_Island .ulleungdo .img_tit{position:relative; margin-bottom: 60px;}
.area_Island .ulleungdo .img_tit .image{height:420px; margin-right: 40px;}
.area_Island .ulleungdo .img_tit .circle{position:absolute;bottom:0;right:0;width:285px;height:205px;border-radius:45px 0 45px; background: rgb(41 66 216);background:-moz-linear-gradient(-45deg,  rgba(84,197,127,1) 22%, rgba(1,163,176,1) 58%);background: -webkit-linear-gradient(21deg,  rgb(9 31 163) 22%,rgb(0 125 196) 58%);background: linear-gradient(273deg,  rgb(42 68 220) 22%,rgb(0 125 197) 58%);background: linear-gradient(298deg,  rgb(42 68 220) 22%,rgb(0 125 197) 58%);ilter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#54c57f', endColorstr='#01a3b0',GradientType=1 );text-align:center;}
.area_Island .ulleungdo .img_tit .circle .circle_txt {position: absolute; top:50%; left:50%; color:#fff;transform: translate(-50%, -50%);}
.area_Island .ulleungdo .img_tit .circle strong{display:block; font-size: 35px; font-weight:bold}
.area_Island .txt_tit p {position: relative; padding:30px; background: #fff; font-size: 16px; word-break:keep-all;}
.area_Island .txt_tit{padding: 5px; background: url(../images/content/line.png) repeat;}

.area_Island .ulleungdo .img_tit .circle span{font-size:18px;}
.area_left{float:left; width:40%;}
.area_right{float:right; width:55%;}

.food ul{margin-top:40px;}
.food ul li{overflow:hidden;margin-bottom:40px;padding-bottom:40px;border: 1px solid #d8d8d8;box-sizing: border-box;padding: 40px;/* border-radius: 20px; */}
.food ul li .image{float:left; width:45%;}
.food ul li .text{float:right; width:50%;}
.food ul li .text p{padding-bottom:15px;margin-bottom:15px;font-size:22px;font-weight: bold;color: #111;background: url(../images/content/line.png) repeat-x left bottom;}
.food ul li .text span{word-break:keep-all; color:#555;}
.food ul li .text span b{display:block; color:#111;}


#tourMap {position:relative;}
#tourMap h1 { position:absolute; top:0; left:0; display:inline-block; color:#fff; text-transform:uppercase; background:#3147ac; padding:20px 30px 20px 20px; border-radius:0 0 5px 0; font-size:20px; z-index:200}
#tourMap h1 span {display:block; font-size:16px;}
#tourMap > div > img {display:none;}

.map01 .btn { position:absolute; right:10px; top:0; z-index:200}
.map01 .btn a { display:inline-block; font-size:16px; font-weight:bold; color:#3147ac; background:#fff; border-radius:0 0 5px 5px; padding:7px 0; text-align:center; width:90px; vertical-align:top; margin:0 3px; }
.map01 .btn a:hover, .map01 .btn a.on {background:#3147ac; color:#fff; padding:15px 0 7px;}

.btn2 { position:absolute; right:10px; color:#fff; font-size:13px; width:140px; padding:10px; border-radius:10px; }
.btn2 p { font-size:14px; font-weight:bold; text-align:center; border-bottom:1px solid rgba(255,255,255,0.3); padding-bottom:5px; margin-bottom:5px;}
.btn2 a {display:block; padding:5px 0; text-align:center; color:#fff;}
.btn2 a:hover, .btn2 a.on {background:#003366; border-radius:3px;}

.btn2 { background:#6da71a; bottom:200px; }
.btn2.v1 { background:#d98726; bottom:30px; }

/* 여행코스 */
.line{display:inline-block; width:100%;}
.line li { position:relative; float:left;width:14%;text-align:center;}
.line li:before{content:''; position:absolute; left:0; bottom:46px; width:100%; height:5px; background:#0084d0;}
.line li.boxline { position:absolute; width:8px !important; height:100px; top:49px; background-color:#0084d0;}
.line li.boxline.left {left:0;}
.line li.boxline.right {right:0;}
.line li span.ico { display:block; width:14px; height:14px; border-radius:50%; margin:39px auto 12px; background-color:#fff; border:4px solid #0084d0; position:relative;}
.line li span.start { display:block; position:absolute; top:5px; left:30px; background:url("/contents/17345/start.png") no-repeat scroll 0 0; width:34px; height:8px; text-indent:-99999px;}
.line li.flt_r { float:right;}
.line li .cosimg {position:relative; display:block; max-width:100px; height:auto; width:100%; margin:0 auto; border:5px solid #0084d0; border-radius:65px; }
.line li .cosimg:after{content:''; position: absolute; left: 0; right: 0; bottom:-12px; margin: 0 auto; width: 0; height: 0; border-top:10px solid #0084d0; border-left:10px solid transparent; border-right:10px solid transparent;}
.line li .cosimg img { border-radius:65px; max-width:121px; height:auto; width:100%;}
.line li span.ico { margin:20px auto 12px;}

.line.day2 li{width:25%;}

.list_travel{margin-top:40px;}
.list_travel li{overflow:hidden;margin-bottom:40px;padding-bottom:40px; box-sizing: border-box; border-bottom: 1px dashed #ddd;}
.list_travel li:first-child{padding-top:40px; border-top:1px dashed #ddd; }
.list_travel li .image{float:left; width:45%;}
.list_travel li .text{float:right; width:50%;}
.list_travel li .text p{padding-bottom:15px;margin-bottom:15px;font-size:22px;font-weight: bold;color: #111;background: url(../images/content/line.png) repeat-x left bottom;}
.list_travel li .text span{word-break:keep-all; color:#555;}
.list_travel li .text span b{display:block; color:#111;}

.area_travel .tit em.img{display:block; width:100%; height:330px;}
.area_travel .tit{position:relative;}
.area_travel .tit > div{position:absolute;top:50%;left: 0;transform:translateY(-50%);width: 100%;text-align: center;}
.area_travel .tit h3{color:#fff; font-size:35px; font-weight:bold; letter-spacing:-0.5px;}
.area_travel .tit h3 span{display:block; color:#fff; font-size:16px; font-weight:300; letter-spacing:2px;}

.table_travel h3{margin:25px 0 10px 0;  font-size:19px; color:#111;}
.table_travel p{margin-top:10px; color:#980000}

/* 여객안내 */
.list_boat li{float:left; width:-webkit-calc(50% - 13px); width:calc(50% - 13px);  margin-right:26px; margin-bottom:40px;}
.list_boat li:nth-child(2n){margin-right:0;}
.list_boat li p{margin:25px 0 10px 0; font-size:19px; font-weight:bold; color:#111;}
.list_boat li span{color:#555; word-break:keep-all;}
.area_boat .bx-wrapper{position:relative;}
.area_boat .bx-wrapper .bx-prev{z-index:99; position:absolute; left:0; top:50%; width:50px; height:50px; background: rgba(0,0,0,0.8) url(../images/content/slide_arrow.png) no-repeat 50% 50%; font-size:0; transform:translateY(-50%);}
.area_boat .bx-wrapper .bx-next{z-index:99; position:absolute; right:0; top:50%; width:50px; height:50px; background: rgba(0,0,0,0.8) url(../images/content/slide_arrow_w.png) no-repeat 50% 50%; font-size:0; transform: translateY(-50%);}

/* 배편예매 */
.trip_tit{margin-bottom:15px; font-size:20px; color:#111;}
p.trip_tit2{margin-bottom:7px;}

.booking_step{clear: both; width: 100%; border-top: 1px solid #d1d1d1;	; margin-bottom: 50px;}
.booking_step .booking_step_inner {height: 47px; width: 100%; margin: 0 auto; border-bottom: 1px solid #d1d1d1}
.booking_step .booking_step_inner li{position:relative; float: left; width:25%; padding:14px 0; background:#f4f4f4; font-size: 15px; text-align:center;}
.booking_step .booking_step_inner li:last-child {float:right;}
.booking_step .booking_step_inner li.active {background:#0c4da1; color: #fff; margin-top: 0;}
.booking_step .booking_step_inner li.active:before{content:''; position:absolute; bottom:-10px; left:50%;width: 0px;height: 0px;border-left:10px solid transparent;border-right:10px solid transparent; border-top:10px solid #0c4da1;transform: translateX(-50%);}

.trip_guide.box ul li{position:relative; line-height:1.9; padding-left:13px; word-break:keep-all;}
.trip_guide.box ul li:before{content:""; position:absolute; left:0; top:12px; width:5px; height:1px; margin-right:5px; background:#555;}

.area_reservation ul.tabs{margin: 0; float: left; list-style: none; height: 43px;	}
.area_reservation ul.tabs li {line-height:42px; float: left; text-align:center; cursor: pointer; width: 114px; height: 42px; background: #f5f5f5; overflow: hidden; position: relative; font-weight: bold; color: #888888; border-top: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9;border-bottom: 1px solid #666;}
.area_reservation ul.tabs li:last-child{float: right; border-right: 1px solid #d9d9d9;}
.area_reservation ul.tabs li.active{ background: #fff; color: #0c4da1; border-top: 2px solid #0c4da1; border-left: 1px solid #555; border-right: 1px solid #555; border-bottom: none;}
.area_reservation .wrapper_date input[data-form-type="datepicker"]{margin-right:10px;}
.area_reservation .icon_data {float:left; height:27px; width: 54px; padding-top: 7px; background: url(../images/module/img_calendar.svg) no-repeat;  background-position: 0px 8px; padding-left: 27px; color: #222;font-weight: bold; }
.area_reservation .icon_people{height:27px; width: 54px;padding-top: 7px;background: url(/images/content/icon_user.svg) no-repeat 50% 0; background-position: 0px 9px;padding-left: 27px;color: #222;font-weight: bold; float:left;}
.area_reservation .tab_container{border:1px solid #222;}
.area_reservation .tab_content .view_list{width:-webkit-calc(100% - 100px); width:calc(100% - 100px);}

.area_btn{text-align:center;}
.tab_content .tab_body .view {display: block;}
.tab_content .tab_body .view .tit_box{float:left; width:170px;}
.tab_content .tab_body .view .tit_box2{float:left; width:145px;}
.tab_content .tab_body .view .e_inf{padding:5px;}
.tab_content .tab_body{position: relative; box-sizing:border-box; padding:30px}
.tab_body ul li {overflow:hidden; margin: 0;padding: 0;list-style: none;}
.tab_body ul li:last-child {margin-top: 20px;}
.tab_body .search_dates {float:left;margin-bottom: 20px;height: 36px;}
.tab_body .search_people{height: 36px;float: left;}
.tab_body .title {float: left; font-size: 14px; font-weight: bold; color: #666; height: 26px; margin-right: 9px; padding-top: 9px;}
.wrapper_date {float: left; display: inline-block;}
.tab_body .kubun{ float: left; width: 48px;height: 23px; color: #666; padding-top: 8px; text-align: center;}
.tab_body .search_btn{display:block; position:absolute; right:30px; top:30px; line-height:99px;width: 99px;height: 99px;background: #0c4da1;font-size: 16px;font-weight: bold;color: #fff;text-align: center;cursor: pointer;	}
select.selector{ float: left; width: 77px; height: 35px; margin-right: 20px;}

.step_trip_2 ul li,
.step_trip_1 ul li{float: left; width:16%; margin: 0; padding:17px 0;word-break: keep-all; font-weight:bold; text-align:center; color: #222;}
.step_trip_2 .trip_list_wrap,
.step_trip_1 .trip_list_wrap{clear: both; overflow:hidden; }
.step_trip_2 .trip_list_wrap .trip_list li,
.step_trip_1 .trip_list_wrap .trip_list li{border-top:0; color:#666; font-weight:500;word-break: keep-all;}
.step_trip_2 .trip_list_wrap .trip_list.active,
.step_trip_1 .trip_list_wrap .trip_list.active{background:#eaf3ff;}
.step_trip_2 .trip_list_wrap .trip_list,
.step_trip_1 .trip_list_wrap .trip_list{overflow: hidden; clear:both; cursor: pointer;border-bottom:1px solid #eaecf1;}
.step_trip_2 .trip_top,
.step_trip_1 .trip_top{overflow:hidden; border-top: 1px solid #666; border-bottom:1px solid #666}

/*체크박스아이콘추가*/
.trip_list.active li.bot1 { background:url("/images/content/ck_icon.png") no-repeat 17%; }


.step_trip_1 ul li.top7 { width:2% !important; }
.step_trip_1 .trip_list_wrap .trip_list li.bot5 { padding-left:2%; }

.step_person_2 ul li{float: left; width:16.6%; margin: 0; padding:17px 0; font-weight:bold; text-align:center; color: #222;}
/*외국인추가*/
.step_person_2 .person_top li { width:19.2%; }
.step_person_2 .person_list_wrap .person_list li { width:19.2%; }

.step_person_2 .person_list_wrap{clear: both; overflow:hidden;}
.step_person_2 .person_top{overflow:hidden; border-top: 1px solid #666; border-bottom:1px solid #666}
.step_person_2 .person_list_wrap .person_list{overflow:hidden; border-bottom:1px solid #eaecf1;}
.step_person_2 .person_list_wrap .person_list li{box-sizing:border-box; height:68px; border-top:0;  color:#666; font-weight:500;}
.step_person_2 .person_list_wrap .person_list li input{margin:0;}
.step_person_2 .person_list_wrap .person_list li .selector{float:none; margin:0;}
.step_person_2 .person_list_wrap .person_list:active{background:#eaf3ff;}
.step_person_2 .person_list_wrap .person_list{clear:both; }
.step_person_2 .person_list_wrap .person_list select{width:80%;}
.step_person_2 .person_list_wrap .person_list li.per6 input{margin-right:10px;}

.trip_guide .area_btn{text-align:center;}
.trip_guide .guide_list{padding:30px; border:1px solid #bfbfbf}
.trip_guide .guide_list li span{word-break:keep-all; color:#0c4da1;}
.trip_guide .check{margin-top:10px;}

.step_pay_1 .pay_top{overflow:hidden; border-top: 1px solid #666; border-bottom:1px solid #666}
.step_pay_1 .pay_top li{float: left; width:20%; margin: 0; padding:17px 0;  font-weight:bold; text-align:center; color: #222;}
.step_pay_1 .pay_list{overflow:hidden; border-bottom:1px solid #dfdfdf}
.step_pay_1 .pay_list li{float: left; width:20%; margin: 0; padding:17px 0; text-align:center; color: #666;}

.step_pay_3 .pay_top{overflow:hidden; border-top: 1px solid #666; border-bottom:1px solid #666}
.step_pay_3 .pay_top li{float: left; width:19.6%; margin: 0; padding:17px 0;  font-weight:bold; text-align:center; color: #222;}
.step_pay_3 .pay_list{overflow:hidden; border-bottom:1px solid #dfdfdf}
.step_pay_3 .pay_list li{float: left; width:19.6%; margin: 0; padding:17px 0; text-align:center; color: #666;}
.red{color:#dc0000}

*[data-cart-option="info"]{position:relative; margin-top:10px;}
*[data-cart-option="info"] .icon_shopInfo{position:absolute; top:14px; right:0px;}
*[data-cart-option="total"]{margin-top:20px; padding:30px 20px; background:#fcfcfc; border:1px solid #c1c1c1; text-align:center;}
*[data-cart-option="total"] > *{display:inline-block; font-size:18px; color:#2e2e2e; vertical-align:middle;}
*[data-cart-option="total"] > * em{display:block; font-size:14px; color:#666; font-weight:300;}
*[data-cart-option="total"] > span{margin:0 30px; font-size:2.5rem; font-weight:600;}
*[data-cart-option="total"] .total{font-weight:600;}
*[data-cart-option="total"] .total span{color:#dc0000; font-size:22px;}
.payment{margin-top:15px; text-align:center;}

.complete{width:560px; margin:0 auto;}
.complete b{display:block; padding:20px; border:1px solid #0c4da1; color:#0c4da1; font-size:18px; text-align:center;}
.complete > .com{margin-top:15px; padding:30px 20px; background:#f4f4f4; text-align:center;}
.complete > .com p{margin-bottom:15px; color:#111; font-size:18px;}
.complete > .com span{color:#dc0000; font-size:20px;}
.complete > .com span a{color:#dc0000; font-size:20px; font-weight:bold;}
.complete .area_btn{margin-top:20px;}

/* 여행상품 */
.area_product .productView .title .area_btn{text-align:left;}
.area_product .productList > li{width:32%;}
.area_product .productList > li:nth-child(4n+1){margin-left:2%;}
.area_product .productList > li:nth-child(3n+1){margin-left:0;}
.area_product .productList > li div{border:0;}
.area_product .productList > li div > em{min-height:auto; padding:0;}
.area_product .productList > li div > span.cost{min-height:auto; padding:0;color:#c40251;}
.area_product .productList > li div > span.cost strong{font-size:20px; color:#c40251;}
.area_product .productList > li div:hover, .productList > li div:focus{background:none;}
.area_product .area_btn{text-align:center;}
.area_product .productView .info{padding-top:50px;}
.area_product .productView .info h4{border-bottom:0;}
.area_product .productView .info .conts{padding-top:0;}
.area_product .productView .img ul{margin-top:10px; position:static;}
.area_product ul.tabs{margin: 0; list-style:none; height:47px}
.area_product ul.tabs li {overflow: hidden; position: relative; box-sizing:border-box; line-height:47px; float: left; text-align:center; cursor: pointer; width:20%; height: 47px; background: #f5f5f5; font-weight: bold; color: #888; border-top: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9;border-bottom: 1px solid #666;}
.area_product ul.tabs li:last-child{float: right; border-right: 1px solid #d9d9d9;}
.area_product ul.tabs li.active{ background: #fff; color: #0c4da1; border-top: 2px solid #0c4da1; border-left: 1px solid #555; border-right: 1px solid #555; border-bottom: none;}
.area_product .tab_content{padding:50px 0;}
#content.sub .productView .info .conts img{height: auto !important;}
.area_product #tab1 ul li{margin-bottom:10px; font-weight: 300; color: #666;}
.area_product #tab1 ul li b{display: inline-block; min-width:90px; color: #222;}
.area_product .productView .title .area_btn{margin-top:40px;}
.area_product .area_product_detail{clear: both; overflow:hidden; padding-top: 50px;}
.area_product .booking_step .booking_step_inner li{width:33.3%}

.area_product .productList > li i[class^="type"]{top:0; left:0;}
.area_product .productList > li i.type01{background:#ff9000;}
.area_product .productList > li i.type02{background:#1e9445;}

.step_product_1 .wrapper_date input[data-form-type="datepicker"]{margin-right:10px;}
.step_product_1 .icon_data {float:left; height:27px; width: 54px; padding-top: 7px; background: url(../images/module/img_calendar.svg) no-repeat;  background-position: 0px 8px; padding-left: 27px; color: #222;font-weight: bold; }
.step_product_1 .icon_people{height:27px; width: 54px;padding-top: 7px;background: url(/images/content/icon_user.svg) no-repeat 50% 0; background-position: 0px 9px;padding-left: 27px;color: #222;font-weight: bold; float:left;}
.step_product_1 .view{display: block;}
.step_product_1 .inr{position: relative; box-sizing:border-box; padding:30px; border: 1px solid #222;}
.step_product_1 .view_list {width: -webkit-calc(100% - 100px); width: calc(100% - 100px);}
.step_product_1 ul li {overflow:hidden; margin: 0;padding: 0;list-style: none;}
.step_product_1 ul li p {padding:7px;}
/* .step_product_1 ul li:last-child {margin-top: 20px;} */
.step_product_1 .search_dates {float:left;margin-bottom: 20px;height: 36px;}
.step_product_1 .search_people{height: 36px;float: left;}
.step_product_1 .title {float: left; width:auto; font-size: 14px; font-weight: bold; color: #666; height: 26px; margin-right: 9px; padding-top: 9px;}
.step_product_1 .wrapper_date {float: left; display: inline-block;}
.step_product_1 .kubun{ float: left; width: 48px;height: 23px; color: #666; padding-top: 8px; text-align: center;}
.step_product_1 .search_btn{display: block; position:absolute; right:30px; top:30px; line-height:99px;width: 99px;height: 99px;background: #0c4da1;font-size: 16px;font-weight: bold;color: #fff;text-align: center;cursor: pointer;	}
select.selector{ float: left; width: 77px; height: 35px; margin-right: 20px;}

.step_product_3 ul li,
.step_product_2 ul li{float: left; width:25%; margin: 0; padding:17px 0;  font-weight:bold; text-align:center; color: #222;}
.step_product_3 .trip_list_wrap,
.step_product_2 .trip_list_wrap{clear: both; overflow:hidden; }
.step_product_3 .trip_list_wrap .trip_list li,
.step_product_2 .trip_list_wrap .trip_list li{border-top:0; color:#666; font-weight:500;}
.step_product_2 .trip_list_wrap .trip_list:active,
.step_product_3 .trip_list_wrap .trip_list:active{background:#f6f6f6;}
.step_product_2 .trip_list_wrap .trip_list,
.step_product_3 .trip_list_wrap .trip_list{overflow: hidden; clear:both; cursor: pointer;border-bottom:1px solid #eaecf1;}
.step_product_3 .trip_top,
.step_product_2 .trip_top{overflow:hidden; border-top: 1px solid #666; border-bottom:1px solid #666}

.step_product_5 ul li{float: left; width:14.2%; margin: 0; padding:17px 0; font-weight:bold; text-align:center; color: #222;}
.step_product_5 .person_list_wrap{clear: both; overflow:hidden;}
.step_product_5 .person_top{overflow:hidden; border-top: 1px solid #666; border-bottom:1px solid #666}
.step_product_5 .person_list_wrap .person_list{overflow:hidden; border-bottom:1px solid #eaecf1;}
.step_product_5 .person_list_wrap .person_list li{box-sizing:border-box; height:68px; border-top:0;  color:#666; font-weight:500;}
.step_product_5 .person_list_wrap .person_list li input{margin:0;}
.step_product_5 .person_list_wrap .person_list:active{background:#f6f6f6;}
.step_product_5 .person_list_wrap .person_list{clear:both;}

.step_product_6 .tit_box .title {
    float: left;
	width:auto;
    font-size: 14px;
    font-weight: bold;
    color: #666;
    height: 26px;
    margin-right: 9px;
    padding-top: 9px;
}

.step_product_6 .tit_box{float:left; width:33.3%;}
.step_product_6 .inr{overflow:hidden; padding:17px 0; border-top:1px solid #111; border-bottom:1px solid #eaecf1}

/* input design */
.input_count{position:relative;}
.input_count > *{margin-left:-5px !important;}
.input_count input{width:35px; height:35px; background:#fff; text-align:center; color:#222;}
.input_count a{display:inline-block; position:relative; width:35px; height:35px; box-sizing:border-box; background:#fff; border:1px solid #ddd; vertical-align:middle; text-indent:100%; overflow:hidden; white-space:nowrap;}
.input_count a[class^="btn_"]:before,
.input_count a[class^="btn_"]:after{content:''; display:block; position:absolute; top:50%; left:50%; width:15px; height:2px; margin:-1px 0 0 -7px; background:#c1c1c1; transition:all 0.3s ease 0s;}
.input_count a[class^="btn_"]:hover:before,
.input_count a[class^="btn_"]:hover:after{background:#222;}
.input_count .btn_minus{margin-left:0px !important;}
.input_count .btn_plus:after{transform:rotate(90deg);}
.input_count span{display:inline-block; padding-left:15px;}


.productView .title .btn{margin-top:40px;}

.product_data_3 .data_top{overflow:hidden; border-top: 1px solid #666; border-bottom:1px solid #666}
.product_data_3 .data_top li{float: left; width:19.6%; margin: 0; padding:17px 0;  font-weight:bold; text-align:center; color: #222;}
.product_data_3 .data_list{overflow:hidden; border-bottom:1px solid #dfdfdf}
.product_data_3 .data_list li{float: left; width:19.6%; margin: 0; padding:17px 0; text-align:center; color: #666;}
.product_data_3 .data_list li .red{color:#dc0000}
.area_product.end .area_product_detail{padding-top:0;}

/* 예약확인 */
.area_booking_check .area_namecheck {border: 1px solid #ddd; padding: 50px;}
.area_booking_check .area_namecheck table{margin-top:40px;}
.area_booking_check .area_namecheck .box{padding:0; border:0; text-align:center;}


.area_booking_check ul.tabs{margin: 0; float: left; list-style: none; height: 43px;	}
.area_booking_check ul.tabs li {line-height:42px; float: left; text-align:center; cursor: pointer; width: 114px; height: 42px; background: #f5f5f5; overflow: hidden; position: relative; font-weight: bold; color: #888888; border-top: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9;border-bottom: 1px solid #666;}
.area_booking_check ul.tabs li:last-child{float: right; border-right: 1px solid #d9d9d9;}
.area_booking_check ul.tabs li.active{ background: #fff; color: #0c4da1; border-top: 2px solid #0c4da1; border-left: 1px solid #555; border-right: 1px solid #555; border-bottom: none;}
.area_booking_check .tab_container{border-top: 1px solid #222;}

.area_booking_check .detailList{}
.area_booking_check .detailList > ul > li{position:relative; padding:30px 0; border-bottom:1px solid #ddd;}
.area_booking_check .detailList .option{padding:5px 15px; border:1px solid #333; font-size:13px;}
.area_booking_check .detailList .list_data{overflow:hidden; clear:both; width:100%; margin:10px 0;}
.area_booking_check .detailList .list_data li{position:relative; float:left; margin-right:10px; padding-right:10px;}
.area_booking_check .detailList .list_data li span{display:inline-block; padding-right:5px;}
.area_booking_check .detailList .list_data li .stit{color:#111; font-weight:bold;}
.area_booking_check .detailList .list_data li.arrival:before{content:''; position:absolute; left:-10px; top:5px; width:1px; height:15px; background:#afafaf}
.area_booking_check .detailList .cont span{display: inline-block; position:relative;}
.area_booking_check .detailList .people b{padding-right:5px; font-weight:bold; color:#111;}
.area_booking_check .detailList .boat{ padding-left:10px; margin-left:10px;}
.area_booking_check .detailList .boat b{padding-right:5px; font-weight:bold; color:#111;}
.area_booking_check .detailList .boat:before{content:''; position:absolute; left:0; top:6px; width:1px; height:15px; background:#afafaf}

.area_booking_check .detailList .btn_condition1{position:absolute; right:0; bottom:30px; background:#029cc2; padding:5px 15px; color:#fff; font-size:14px;}
.area_booking_check .detailList .btn_condition2{position:absolute; right:0; bottom:30px; background:#999; padding:5px 15px; color:#fff; font-size:14px;}
.area_booking_check .detailList .btn_condition3{position:absolute; right:0; bottom:30px; background:#111; padding:5px 15px; color:#fff; font-size:14px;}

.area_booking_check .detailList2 > ul > li{overflow:hidden; position:relative; padding:30px 0; border-bottom:1px solid #ddd;}
.area_booking_check .detailList2 .list_data{overflow:hidden; clear:both; width:100%; margin:10px 0;}
.area_booking_check .detailList2 .image{float:left; width:200px; height:140px; background-size:cover;}
.area_booking_check .detailList2 .text{float:left; width:-webkit-calc(100% - 220px); width:calc(100% - 220px); margin-left:20px;}
.area_booking_check .detailList2 .list_data{overflow:hidden; clear:both; width:100%; margin:10px 0;}
.area_booking_check .detailList2 .list_data li{position:relative; float:left; margin-right:10px; padding-right:10px;}
.area_booking_check .detailList2 .list_data li span{display:inline-block; padding-right:5px;}
.area_booking_check .detailList2 .list_data li .stit{color:#111; font-weight:bold;}
.area_booking_check .detailList2 .list_data li.arrival:before{content:''; position:absolute; left:-10px; top:5px; width:1px; height:15px; background:#afafaf}
.area_booking_check .detailList2 .cont span{position:relative; padding-right:10px; margin-right:10px;}
.area_booking_check .detailList2 .people b{padding-right:5px; font-weight:bold; color:#111;}
.area_booking_check .detailList2 .people:before{content:''; position:absolute; right:0; top:2px; width:1px; height:15px; background:#afafaf}
.area_booking_check .detailList2 .btn_condition1{position:absolute; right:0; bottom:30px; background:#029cc2; padding:5px 15px; color:#fff; font-size:14px;}
.area_booking_check .detailList2 .btn_condition2{position:absolute; right:0; bottom:30px; background:#999; padding:5px 15px; color:#fff; font-size:14px;}
.area_booking_check .detailList2 .btn_condition3{position:absolute; right:0; bottom:30px; background:#111; padding:5px 15px; color:#fff; font-size:14px;}

.area_booking_check .step_check_1 .image{float:left; width:200px; height:140px; background-size:cover;}
.area_booking_check .step_check_1 .text{float:left; width:-webkit-calc(100% - 220px); width:calc(100% - 220px); margin-left:20px; margin-top:20px; color:#111;}
.area_booking_check .step_check_1 .text h3{font-size:20px;}
.area_booking_check .step_check_1 .text .people b {padding-right: 5px;font-weight: bold; color: #111;}
.area_booking_check .step_check_2 .list_data{overflow:hidden;clear:both;width:100%;margin:10px 0;background: #f4f4f4;padding: 10px;}
.area_booking_check .step_check_2 .list_data li{position:relative; float:left; margin-right:10px; padding-right:10px;}
.area_booking_check .step_check_2 .list_data li span{display:inline-block; padding-right:5px;}
.area_booking_check .step_check_2 .list_data li .stit{color:#111; font-weight:bold;}
.area_booking_check .step_check_2 .list_data li.arrival:before{content:''; position:absolute; left:-10px; top:5px; width:1px; height:15px; background:#afafaf}

/* 선박요금 */
.mo{display:none;}
.area_boatprice img{width:100%;}
#content .area_boatprice table.table thead th[rowspan]:first-child{border-left:0}
#content table.table thead th{border-left: 1px dashed #cecece;}
#content table.table .bg01{background:#ffeaea}
#content table.table .bg02{background:#eaf2ff}
.area_boatprice .guide_list{box-sizing: border-box; padding:30px; background:#f5f5f5; }


/*모임장소안내*/
.meeting_cont { text-align:center; margin:-31px auto 0; border-top:1px solid #e4e4e4; padding:20px 0; box-sizing:border-box; }
.meeting_cont .h3 { margin-top:66px; }
.meeting_cont .h3::before { left:50%; margin-left:-6px; top:-18px; }
.meeting_cont .h3::after { left:50%; margin-left:6px; top:-18px; }
.meeting_cont .mtxta { margin-top:22px; font-size:17px; border:1px dashed #b3b3b3; padding:30px 0px; width:75%; display:inline-block; box-sizing:border-box; }
.meeting_cont .org { background-color:#fff3f9; padding:4px 6px; color:#c81672; border-radius:5px; }
.meeting_cont .mintit { margin-top:40px; font-weight:bold; color:#000; }
.meeting_cont .mtxtb { width:62%; margin: 12px auto 0;  }
.meeting_cont .ye { color:#ff7800; text-decoration:underline; }
.meeting_cont .imglist { margin-top:90px; overflow:hidden; }
.meeting_cont .imglist .img_l { float:left; width:49%; }
.meeting_cont .imglist .img_r { float:right; width:49%; }
.meeting_cont .imglist .img_r img { height:332px; }
.meeting_cont .imglist .img_info { margin-top:12px; background-color:#fafafa; border:1px solid #e4e4e4; padding:20px; box-sizing:border-box; }
.meeting_cont .imglist .img_info li { text-align:left; }
.meeting_cont .youtube { margin-top:70px; width:100%; }
.meeting_cont .youtube iframe { width:100%; }
.meeting_cont .root_daum_roughmap_landing { width:100% !important; }
.meeting_cont .blocks { display: block; font-size:14px; margin-top:5px; }
.meeting_cont .rdtx { font-size:16px; color:#f00; text-decoration:underline; }


/*배편예약_스텝4*/
.booking_step_ship .booking_step_inner li { width:25% !important; }
.booking_step_ship ul.tabs li:last-child { float:unset; }
.booking_step_ship .tab_content { border:1px solid #bfbfbf; padding:0px 0px; margin-top:20px; }
.booking_step_ship .step_pay_3 .pay_top li { width:16.6%; }
.booking_step_ship .step_pay_3 .pay_list li { width:16.6%; }


@media all and (max-width:1220px){
	div#content.sub{width:100%;}
	.content_area{float:left; width:-webkit-calc(100% - 220px); width:calc(100% - 220px);}

	.tab_content .tab_body .view .tit_box{display:inline-block;}
	.tab_content .tab_body .view{float:left;}

	.area_product_detail .view .tit_box{display:inline-block;}
	.area_product_detail .view{float:left;}

}

@media all and (max-width:1120px){
	.line li .cosimg{max-width:80px;}
	.line li{font-size:14px;}

}

@media all and (max-width:1024px){
	.productView .title{margin-top:0}
}

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


	.area_lnb{width:100%; margin-top:0; margin-left:0; border-bottom:1px solid #ddd; text-align:center;}
	.area_lnb_title{display:none;}

	.area_lnb ul li{display:inline-block; margin:0 12px; padding:15px 0; border:none;}
	.area_lnb ul li a{padding:0 15px;}
	.area_lnb ul li a.on{background:#fff; color:#00afec; border:0;}
	.area_lnb ul li a:before,
	.area_lnb ul li a:after{display:none;}

	.content_area{width:100%; padding:40px 10px;}
	.content_area .sub_title{border-bottom:0;}
	div#content.sub{padding:0 0 40px 0;}

	span.search_btn_wrap{display:block; width:100%; margin-top:20px;text-align:center;}
	.step_product_1 .search_btn,
	.tab_body .search_btn{line-height:1; position:static; height:auto; padding:10px 30px;margin: 0 auto;}
	.area_reservation .tab_content .view_list{width:100%;}
	.area_reservation .icon_data,
	.area_reservation .icon_people{margin-bottom:10px;}
	select.selector{margin-right:15px;}
	.tab_content .tab_body{padding:20px;}

	*[data-cart-option="total"]{padding:0;}
	*[data-cart-option="total"] > *{display:block; position:relative;}
	*[data-cart-option="total"] > * em{display:inline-block; position:absolute; top:50%; left:10px; margin-top:-10px;}
	*[data-cart-option="total"] > div{padding:10px 10px 10px 100px; border-bottom:1px solid #ddd; text-align:right;}
	*[data-cart-option="total"] > span{display:none; z-index:2; line-height:0px;}
	*[data-cart-option="total"] > div.total{border-bottom-width:0px;}
	*[data-cart-option="total"] .minus{margin-top:-3px;}
	*[data-cart-option="total"] .minus + div{margin-top:3px;}

	span.search_btn_wrap{display:block; width:100%; margin-top:20px;text-align:center;}
	.step_product_1 .view_list{width:100%;}
	.step_product_1 .search_btn{line-height:1; position:static; height:auto; padding:10px 30px;margin: 0 auto;}
}


@media all and (max-width:767px){
	
	.meeting_cont .imglist .img_l { float:unset; width:100%; }
	.meeting_cont .imglist .img_r { float:unset; width:100%; margin-top:30px; }
	.meeting_cont .mtxta { width:100%; font-size:13px; padding:25px; }
	.meeting_cont .mtxtb { width:100%; }
	.meeting_cont .imglist { margin-top:55px; }
	.meeting_cont .imglist .img_r img { height:unset; }
	
	
	.pc{display:none;}
	.mo{display:block;}
	.box{margin-top:20px;}
	.area_navigation ul li{font-size:13px;}

	.lnb{overflow-x:auto; width:100%;}
	.lnb ul{display:table;}
	.lnb ul li{display:table-cell; vertical-align:middle;}
	.lnb ul li a{display:block; padding:0 20px; white-space:nowrap;}

	.content_area .sub_tit{font-size:20px;}
	.h3{font-size:17px;}
	.h3:before{width:4px; height:4px; top:-7px;}
	.h3:after{width:4px; height:4px; top:-7px; left:7px;}

	.snb > li,
	ul.tabs02 > li{line-height:40px; height:40px; font-size:14px;}

	.area_Island .ulleungdo .img_tit .image{width:100%; height:250px;}
	.area_Island .ulleungdo .img_tit .circle{width:235px; height:100px; bottom:-40px;border-radius:20px 0 20px;}
	.area_Island .ulleungdo .img_tit .circle .circle_txt{width:100%;}
	.area_Island .ulleungdo .img_tit .circle span{font-size:14px;}
	.area_Island .ulleungdo .img_tit .circle strong{font-size:22px;}
	.area_Island .txt_tit p{padding:10px; font-size:14px;}

	.food ul li .image{width:100%;}
	.food ul li .text{width:100%; margin-top:20px;}
	.food ul li .text p{font-size:17px;}

	.map01 .btn{overflow: hidden; position:static; margin-bottom:7px;}
	.map01 .btn a{box-sizing:border-box; float:left; width:33.3%; background:#ddd; border:1px solid #fff; margin:0; font-size:14px;}
	.map01 .btn a:hover, .map01 .btn a.on{padding:7px 0;}
	#tourMap h1{display:none;}
	.btn2{box-sizing:border-box; position:static; float:left; width:50%; height:220px; border-radius:0;}

	.line li{width:25%; margin-bottom: 20px;}

	.list_travel li .image{width:100%;}
	.list_travel li .text{width:100%; margin-top:20px;}
	.list_travel li .text p{font-size:17px;}
	.area_travel .tit h3{font-size:22px;}
	.area_travel .tit h3 span{width:90%; margin:0 auto; font-size:14px; letter-spacing:0px; word-break:keep-all;}

	.table_travel h3{font-size:17px;}

	.list_boat li p{font-size:15px;}
	.area_boat .bx-wrapper .bx-next,
	.area_boat .bx-wrapper .bx-prev{width:35px; height:35px; background-size:15px;}
	.list_boat li{width: -webkit-calc(50% - 7px); width: calc(50% - 7px); margin-right:14px;}

	#content table.table th, #content table.table td{box-sizing:border-box; display:block; width:100%;}
	#content table.table tbody td,
	#content table.table tbody th{border:0;}

	#content .area_boatprice table.table{display:table; width:100%;}
	#content .area_boatprice table.table th, #content .area_boatprice table.table td{width:auto; display: table-cell; padding:10px;}
	#content .area_boatprice table.table td{border: 1px solid #e0e0e0;}

	.step_product_5 select,
	.step_product_5 input[type="text"]{width:100%;}

	#content .step_product_5 table.table th, #content .step_product_5 table.table td{display: table-cell;  width: auto;}

	.step_product_1 .title,
	.tab_body .title{margin-right:5px; font-size:13px;}
	.booking_step{margin-bottom:30px;}
	.booking_step .booking_step_inner li{font-size:13px;}
	.booking_step .booking_step_inner li span:first-child{display:none}
	.booking_step .booking_step_inner li.active:before{content:'';position:absolute;bottom: -5px;left:50%;width: 0px;height: 0px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #0c4da1;transform: translateX(-50%);}
	.trip_guide .guide_list{padding:15px;}
	.trip_tit{margin-bottom:7px; font-size:16px;}

	.step_person_2 .person_list_wrap{border-top:1px solid #eaecf1;}
	.step_person_2 .person_top{display:none;}
	.step_person_2 ul li{width:100%;}
	.step_person_2 .person_list_wrap .person_list li{height:auto; border-bottom:1px solid #eaecf1}
	.step_person_2 .person_list_wrap .person_list li.per1{}
	.step_person_2 .person_list_wrap .person_list li select,
	.step_person_2 .person_list_wrap .person_list li input{width:90%;}
	.step_person_2 .person_list_wrap .person_list li .selector{width:90%;}
	.step_person_2 .person_list_wrap .person_list li.per6 input{width:auto; margin-right:10px;}

	.area_reservation .step_pay_1 .pay_list li,
	.area_reservation .step_pay_1 .pay_top li{width:50%; padding:10px 0;}

	.step_pay_3 .pay_top li.top1,
	.step_pay_3 .pay_list li.bot1,
	.product_data_3 .data_top li.top1,
	.product_data_3 .data_list li.bot1,
	.area_reservation .step_pay_3 .pay_top li.top1,
	.area_reservation .step_pay_3 .pay_list li.bot1{display:none;}

	.step_pay_3 .pay_top li,
	.step_pay_3 .pay_list li,
	.product_data_3 .data_list li,
	.product_data_3 .data_top li,
	.area_reservation .step_pay_3 .pay_top li,
	.area_reservation .step_pay_3 .pay_list li{width:20%;}

    .booking_step_ship .step_pay_3 .pay_top li { width:20%; }
    .booking_step_ship .step_pay_3 .pay_list li { width:20%; }

    
	.step_pay_1 .pay_top{display:none;}
	.step_pay_1 .pay_list{margin-bottom:10px; border-top:1px solid #dfdfdf;}
	.step_pay_1 .pay_list li{width:50%}
	.step_pay_1 .pay_list li.bot1{width:100%; padding:10px 0; border-bottom:1px solid #dfdfdf; background:#f6f6f6}


	*[data-cart-option="total"] > *,
	*[data-cart-option="total"] .total span{font-size:14px;}

	.complete{width:95%;}
	.complete b{padding:10px; font-size:16px;}
	.complete > .com span,
	.complete > .com p{font-size:15px;}

	.area_namecheck h2{font-weight:bold; font-size:18px;}
	.area_namecheck > p{font-size:14px;}
	.area_booking_check .area_namecheck{padding:0; border:0;}

	.area_product .productList > li{width:48%;}
	.area_product .productList > li:nth-child(2n+1){margin-left:0;}
	.area_product .productList > li:nth-child(4n){margin-left:2%}
	.area_product .productList > li div > em{font-size:14px;}
	.area_product .productList > li div > span.cost strong,
	.area_product .productList > li div > span.cost{font-size:14px;}

	.area_product .productView .info h4,
	.productView .title h3{margin-top:10px; font-size:18px;}
	.area_product .productView .title .area_btn{margin-top:10px;}

	.step_product_1 .inr{padding:20px;}

	.area_booking_check .step_check_1 .text h3{font-size:16px;}
	

	.step_person_2 .person_list_wrap .person_list li { width:100%; }
	
	
	
	/*20250107 유지보수*/
	ul.tabs03 > li { font-size:13px !important; }
	.bus_tit { flex-direction:column; padding:20px !important; }
	.bus_tit .img { flex-basis:  unset !important; }
	.bus_tit .tit { margin-left:0px !important; }
	.bus_tit .tit h4 { font-size:24px !important; }
	.bus_line_img img { width:100% !important; }
	.area_Island .tab_container #tab3 .table_travel table {width:100% !important; }
	.area_Island .tab_container #tab3 .table_travel table th,
	.area_Island .tab_container #tab3 .table_travel table td { display:table-cell!important; width:unset !important; }
	
	.area_Island .tab_container #tab4 .food table {width:100% !important; }
	.area_Island .tab_container #tab4 .food table th,
	.area_Island .tab_container #tab4 .food table td { display:table-cell!important; width:unset !important; }
	
	.area_Island .tab_container #tab5 .table_travel table {width:100% !important; }
	.area_Island .tab_container #tab5 .area_travel table th,
	.area_Island .tab_container #tab5 .area_travel table td { display:table-cell!important; width:unset !important; }
	
	.area_Island .tab_container #tab6 .table_travel table {width:100% !important; }
	.area_Island .tab_container #tab6 .area_travel table th,
	.area_Island .tab_container #tab6 .area_travel table td { display:table-cell!important; width:unset !important; }
}


@media all and (max-width:600px){
	.area_right,
	.area_left{width:100%;}

	.food ul li{padding:15px;}

	.step_product_1 .icon_people,
	.step_product_1 .icon_data,
	.step_product_1 .kubun,
	.area_reservation .icon_data, .area_reservation .icon_people,
	.tab_body .kubun{display:none;}

	.tab_content .tab_body .view{width:100%;}
	.tab_content .tab_body .view .tit_box{float:left;}
	.step_product_1 .wrapper_date,
	.tab_content .tab_body .wrapper_date{box-sizing:border-box; padding:0 1%; margin:0 0.5%; width:48%; border:1px solid #ddd; }
	.step_product_1 .wrapper_date input[data-form-type="datepicker"],
	.area_reservation .wrapper_date input[data-form-type="datepicker"]{background:none; border:none; width:55%;}

	.step_trip_2 ul li, .step_trip_1 ul li{font-size:13px;}

	.step_product_5 .person_list_wrap .person_list li input{width:80%; font-size:12px;}

	.step_product_5 .person_list_wrap .person_list li.per1,
	.step_product_5 ul li.top1{width:10%;}

	.step_product_5 ul li{width:22.5%}

	.area_booking_check .detailList2 .image{width:130px; height:120px;}
	.area_booking_check .detailList2 .text{width: -webkit-calc(100% - 150px); width: calc(100% - 150px);}
	.area_booking_check .detailList .btn_condition3,
	.area_booking_check .detailList .btn_condition2,
	.area_booking_check .detailList .btn_condition1,
	.area_booking_check .detailList2 .btn_condition2,
	.area_booking_check .detailList2 .btn_condition1{display: inline-block; position:static;margin-top:10px; font-size:12px;}
	.area_booking_check .detailList2 .list_data{margin:0;}

	.step_product_6 .inr .tit_box{width:100%;margin:5px 0;}
	
	.trip_list.active li.bot1 { background-position:13px 5px; background-size:13px; }
	
	.meeting_cont .youtube iframe  { height:310px; }
	
}


@media all and (max-width:480px){
	.line li{font-size:12px;}
	.line li .cosimg{max-width:60px;}
	.line li span.ico{width:9px; height:9px; border:3px solid #0084d0;}
	.line li:before{bottom:38px;}

	.tab_content .tab_body{padding:15px;}
	.tab_content .tab_body .view .tit_box{width:150px;}
	.step_product_1 .search_btn,
	.tab_body .search_btn{box-sizing:border-box; width:100%;}
	.step_product_1 .wrapper_date input[data-form-type="datepicker"],
	.area_reservation .wrapper_date input[data-form-type="datepicker"]{width:53%; font-size: 12px;}

	select.selector{width:70px;}


	.button.lg{min-width:auto; width:100px; font-size:13px;}

	.complete > div p br{display:none;}

	.area_booking_check .step_check_1 .image{width:150px;}
	.area_booking_check .step_check_1 .text{width: -webkit-calc(100% - 170px); width: calc(100% - 170px);}

	.step_product_5 .person_top{display:none;}
	.step_product_5 .person_list_wrap .person_list{margin-bottom:20px;}
	.step_product_5 .person_list_wrap .person_list li.per1,
	.step_product_5 .person_list_wrap .person_list li{line-height:1; width:100%; height:auto; border-top:1px solid #eaecf1}
	.step_product_5 .person_list_wrap .person_list li.per1{background:#f9fafb}


}


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

	.step_product_1 .inr{padding:15px;}
	.step_product_1 .wrapper_date input[data-form-type="datepicker"], .area_reservation .wrapper_date input[data-form-type="datepicker"]{width:38%;}
}

@media all and (max-width:410px){
	.line li{width:33%;}
	.line.day2 li{width:50%;}
	.list01 > li{font-size:13px;}
	.step_trip_2 ul li, .step_trip_1 ul li{font-size:12px;}
	.area_reservation .wrapper_date input[data-form-type="datepicker"]{width:40%;}

	.area_booking_check .detailList2 .image{width:100px; height:100px;}
	.area_booking_check .detailList2 .text{width: -webkit-calc(100% - 120px); width: calc(100% - 120px);}
	.area_booking_check .detailList2 .list_data li .stit{display:block;}
	#content .area_boatprice table.table th, #content .area_boatprice table.table td { padding:5px; font-size:11px; letter-spacing:-1px; }


}

@media all and (max-width:340px){
	.area_booking_check .detailList2 .text,
	.area_booking_check .detailList2 .image{width:100%; margin-left:0;}
	.area_booking_check .detailList2 .image{margin-bottom:10px;}
}



.p_notie { font-size:13px; letter-spacing:-1px; display:block; color:#ff2121;  }

.trip_no_box_01 { margin-top:30px; border:1px dashed #e3b3b3; padding:2%; }
.trip_no_box_01 .notice_01 .rdbox { background-color: #ffe9e9; display: inline-block; margin:0 3px; padding:0 12px; }
.boldss { font-weight: bold; }

.feenote { margin-top:10px; color:#ff6000; }
.feecot { float:right; margin-top:-10px; }
td.tit_left { text-align:left !important; }
.th_35 { width:35%; }
.dnote { margin-top:10px; color:#E9181C; }


/*유지보수 250107*/ 
.tdleft { text-align:left !important; }
.bus_tit { display:flex; justify-content:flex-start; border:1px solid #d7e4e7; padding:40px; box-sizing:border-box; background-color:#f5fdff; }
.bus_tit .img { flex-basis:352px; }
.bus_tit .img img { border-radius:8px; }
.bus_tit .tit { margin-left:40px; }
.bus_tit .tit h4 { font-size:29px; }
.bus_tit .tit ul.min { margin-top:25px; }
.bus_tit .tit ul.min li a { color:#0a20a3; font-weight:500; }
.bus_line_img { margin-top:20px; text-align:center; }
.bus_line_img img { width:82%; }
.area_Island .tab_container #tab6 .area_travel > h3 { margin-top:50px; }
.area_Island .tab_container #tab6 .area_travel table td { text-align:center; }
.area_Island .tab_container #tab6 .area_travel table td.tdblue { background-color:#eaf3fb; }
.area_Island .tab_container #tab6 .area_travel table td.tdpink { background-color:#fff3fd; }
.area_Island .tab_container #tab6 .area_travel table td.tdyel { background-color:#feffe2; }
.area_Island .tab_container #tab6 .area_travel table td.tdpur { background-color:#efeaff; }
.area_Island .tab_container #tab6 .area_travel table td.tdorg { background-color:#f9e5d7; }
.area_Island .tab_container #tab6 .area_travel table td.tdgrn { background-color:#e0ffd9; }