@charset "UTF-8"; body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; -webkit-text-size-adjust:none; -webkit-appearance:none; } fieldset, img, iframe { border:0; } input, img { -webkit-border-radius:1px; } button { margin:0; padding:0; font-size:14px; font-family:NanumGothic,AppleGothic,sans-serif; letter-spacing:-1px; border:0; overflow:hidden; } textarea, select { font-family:NanumGothic,AppleGothic,sans-serif; border-radius:1px; -webkit-appearance:none; } body { font-size:14px; font-family:NanumGothic,AppleGothic,sans-serif; letter-spacing:-1px; } ul,ol{list-style:none;} /* 스킵네비게이션 용(웹접근성처리) */ .Skipnav{position:fixed;top:-100px;left:0;width:0;height:0;display:block;font-size:0;line-height:0;overflow:hidden;} /* 공통 Header */ #header { position:relative;} #header .hgroup { display:block; padding:15px 0; overflow:hidden; } #header .hgroup img { vertical-align:top; } #header .hgroup h1 { float:left; padding:0 7px; height:16px; font-size:1px; line-height:1px; } #header .hgroup h2 { float:left; height:16px; font-size:1px; line-height:1px; } #header .func_btn { position:absolute; right:5px; top:50%; margin:-14px 0 0; } #header .func_btn input[type='image'] {width:26px;height:26px;float:right;background-color:rgb(74, 173, 58);} #header .func_btn input[type='text'] {width:140px;height:20px;font-size:12px; border-top-color : #4aad3a; border-left-color : #4aad3a; border-right-color : #4aad3a; border-bottom-color : #4aad3a; border-right-width: 3px; border-top-width: 3px; border-left-width: 3px; border-bottom-width: 3px; border-bottom-style : solid; border-top-style : solid; border-left-style : solid; border-right-style : solid;} #header .func_btn button { margin:0 5px 0 0; width:33px; height:29px; text-indent:-5000px; background:url("//img.modetour.com/mobilesite/btn/func_button.png") no-repeat; } #header .func_btn button#header_search_btn { background-position:-106px -19px; } #header .func_btn button#hotel_search_btn { width:65px; color:#a3a3a3; text-indent:-20px; background-position:-88px -71px; } #header .func_btn button#header_total_btn { background-position:-148px -19px; } #total_search {display:none; position:absolute; top:31px; padding:7px 0 0; z-index:100; width:100%; background:url("//img.modetour.com/mobilesite/common/func_background.png") no-repeat right -488px; } #total_search .header { position:relative; } #total_search .header .keyword_search { position:relative; margin:8px 0 0; padding:8px 10px 11px; min-height:27px; height:27px; background:url("//img.modetour.com/mobilesite/common/func_background.png") repeat-x 0 0; overflow:hidden; } #total_search .header .keyword_search legend { display:none; } #total_search .header .keyword_search input { vertical-align:middle; } #total_search .header .keyword_search .keyword { margin:0 53px 0 0; padding:4px 4px 3px; border:1px solid #068615; background-color:#fff; border-radius:5px; box-shadow:0 0 4px #53c33f; } #total_search .header .keyword_search .keyword input { width:100%; font-size:14px; min-height:21px; border:0; background-color:transparent; } #total_search .header .keyword_search .func_btn { position:absolute; width:43px; right:10px; top:8px; } #total_search .header .keyword_search .func_btn button { float:left; margin:0; width:43px; height:30px; text-indent:-5000px; background:url("//img.modetour.com/mobilesite/btn/func_button.png") no-repeat; box-shadow:0 0 4px #53c33f; } #total_search .header .keyword_search .func_btn button:first-child { margin:0; background-position:0 -20px; } #search_section { position:relative; margin:0; height:33px; z-index:2; } #search_section .search_section_wrap { position:absolute; left:0; top:0; width:100%; background:url("//img.modetour.com/mobilesite/etc/bg_search_repeat.png") repeat left top; } #search_section .search_selector { display:none; padding:20px 40px; background:url("//img.modetour.com/mobilesite/etc/bg_search_center.png") no-repeat center top; border-bottom:1px solid #303030; } #search_section .search_selector select { width:100%; height:28px; font-size:12px; line-height:24px; color:#b9b9b9; background:#222 url("//img.modetour.com/mobilesite/icon/ico_select_green.png") no-repeat 100% top; border:1px solid #3cb02a; border-radius:1px; -webkit-appearance:none; } #search_section .search_selector select.step_1 { float:left; width:39%; } #search_section .search_selector select.step_2 { float:right; width:60%; } #search_section .search_selector p { clear:both; margin:0 0 10px; overflow:hidden; text-align:center; } #search_section .search_selector p a { display:inline-block; padding:0 15px; font-weight:bold; font-size:14px; line-height:25px; color:#fff; background:url("//img.modetour.com/mobilesite/etc/bg_main_repeat_x.png") repeat-x 0 -160px; text-decoration:none; border:1px solid #169C26; border-radius:5px; } #search_section .search_selector p a:hover { background:#169C26; } #search_section .search_selector p:last-child { margin:20px 0 0; } #search_section .slide_btn { position:relative; margin:0; background-color:#1d1d1d; cursor:pointer; } #search_section .slide_btn p { padding:0 0 0 10px; font-size:14px; line-height:33px; height:33px; color:#3cb02a; vertical-align:bottom; overflow:hidden; } #search_section .slide_btn p span { font-size:11px; color:#9e9e9e; } #search_section .slide_btn p:last-child { position:absolute; right:0; bottom:0; } #search_section .slide_btn p:last-child a { display:block; width:35px; height:33px; text-indent:-5000px; background:url("//img.modetour.com/mobilesite/icon/bg_main_ico.png") no-repeat -55px -130px; overflow:hidden; } #search_section .slide_btn.open { border-top:1px solid #121212; } #search_section .slide_btn.open p:last-child a { background-position:0 -130px; } #Top_total_view {display:none; position:absolute; width:100%; background-color:#FFF; z-index:100;} #Top_total_view .total_view { clear:both; padding:0 31px 100px; overflow:hidden; } #Top_total_view .total_view a { float:left; display:block; margin:20px 0 0; width:33%; color:#494949; text-align:center; text-decoration:none; } #Top_total_view .total_view a:nth-child(2) { width:34%; } #Top_total_view .total_view a:nth-child(5) { width:34%; } #Top_total_view .total_view a span { display:inline-block; padding:81px 0 0; width:71px; background:url("//img.modetour.com/mobilesite/common/ico_total_view.png") no-repeat; overflow:hidden; } #Top_total_view .total_view a.package span { background-position:0 0; } #Top_total_view .total_view a.hotel span { background-position:-94px 0; } #Top_total_view .total_view a.info span { background-position:-188px 0; } #Top_total_view .total_view a.check span { background-position:0 -118px; } #Top_total_view .total_view a.agent span { background-position:-94px -118px; } #Top_total_view .total_view a.mypage span { background-position:-188px -118px; } /* 공통 Footer */ /*#footer { clear:both; margin:24px 0 0; padding:0 0 20px; background-color:#ededed; text-align:center; }*/ /*2016-07-12 modified by l22yj326*/ #footer { clear:both; padding:0 0 20px; background-color:#ededed; text-align:center; } /*--//2016-07-12 modified by l22yj326*/ #footer p.func { margin:0; padding:9px 10px; overflow:hidden; } #footer p.func span { float:left; width:25%; } /*#footer p.func span:nth-child(2) { width:36%; }*/ #footer p.func span a { display:block; margin:0 2px; padding:5px; color:#4d4d4d; background-color:#f6f6f6; border:1px solid #c5c5c5; border-radius:4px; } #footer p { color:#949494; } #footer p a { margin:0 0 0 5px; padding:0 6px 0 0; font-size:12px; color:#4d4d4d; background:url("//img.modetour.com/mobilesite/etc/bg_main_repeat_x.png") no-repeat right -190px; text-decoration:none; } #footer p a:last-child { padding:0; background:none; } #footer p:last-child { margin:8px 0 0; font-size:12px; } /* 네비게이션 */ .paginate { clear:both; margin:15px 0 0; padding:0 0 1px; text-align:center; color:#d5c5d5; } .paginate button { width:67px; height:17px; text-indent:-5000px; background:url("//img.modetour.com/mobilesite/btn/func_button.png") no-repeat; vertical-align:middle; } .paginate button.prev_page_btn { background-position:0 -390px; } .paginate button.next_page_btn { background-position:-77px -390px; } .paginate span { margin:0 10px; font-size:14px; } .paginate span button { margin:0 0 0 5px; width:8px; height:8px; text-indent:-5000px; background:url("//img.modetour.com/mobilesite/btn/func_button.png") no-repeat -18px 0; } .paginate span button.selected { background-position:0 0; } .paginate span button:first-child { margin:0; } #local_category h2 { font-weight:normal; font-size:14px; line-height:38px; color:#6c6c6c; } #local_category select { position:absolute; right:11px; top:50%; margin:-10px 0 0; width:150px; height:20px; font-size:12px; color:#888; border:1px solid #888; background:#fff url("//img.modetour.com/mobilesite/common/bg_select.png") no-repeat 100% -1px; } .location_selector {position:relative; padding:0; margin:0; height:34px; background:url("//img.modetour.com/mobilesite/common/func_background.png") repeat-x 0 -280px; overflow:hidden; } .location_selector span.home1 { display:block; float:left; margin:0; padding:0 10px; width:17px; height:34px; font-size:13px; line-height:28px; background:url("//img.modetour.com/mobilesite/common/func_background.png") no-repeat 100% -665px,url("//img.modetour.com/mobilesite/common/func_background.png") repeat-x 10px -325px,url("//img.modetour.com/mobilesite/common/func_background.png") repeat-x 0 -612px; text-indent:-5000px; overflow:hidden;} .location_selector span.home { display:inline-block; cursor:pointer; margin:0 0 0 10px; width:17px; font-size:13px; line-height:28px; background:url("//img.modetour.com/mobilesite/common/func_background.png") repeat-x 0 -330px; text-indent:-5000px; overflow:hidden} .location_selector span.now {float:left; display:block; margin:0; padding:0 20px 0 15px; font-size:13px; height:34px; line-height:34px; color:#6c6c6c; background:url("//img.modetour.com/mobilesite/common/func_background.png") no-repeat 100% -665px,url("//img.modetour.com/mobilesite/common/func_background.png") repeat-x 0 -612px;} .location_selector span.now button {border:none;} .location_selector span a{ text-decoration:none;} .location_selector span.current { display:inline-block; margin:6px 0 0; padding:0 0 0 15px; font-size:13px; height:22px; line-height:26px; color:#6c6c6c; background:url("//img.modetour.com/mobilesite/common/func_background.png") no-repeat 2px -367px; } .location_selector select {display:block; float:left; margin:0; padding:0 0 0 5px; width:85px; height:34px; font-size:13px; line-height:38px; color:#6c6c6c; background:url("//img.modetour.com/mobilesite/common/func_background.png") no-repeat 100% -665px, url("//img.modetour.com/mobilesite/common/bg_select.png") no-repeat 100% -60px,url("//img.modetour.com/mobilesite/common/func_background.png") repeat-x 0 -612px; border:1px hidden;} .location_selector select:last-child {width:110px;} .location_selector button#prev_page,.location_selector button.prev_page { margin:7px 0 0 10px; padding:0 10px 0 15px; height:20px; font-size:13px; line-height:20px; color:#fff; border:1px solid #858585; background:url("//img.modetour.com/mobilesite/common/func_button.png") no-repeat -4px -811px, url("//img.modetour.com/mobilesite/common/func_button.png") repeat-x 0 -845px; border-radius:3px; } #header #categories{ position: absolute; top: 20px; left: 10px; } #header .ico{background-image:url(//img.modetour.com/ModeMobile/2016/bp/obj_ico.png);background-repeat:no-repeat;background-size:250px 250px;} #header i.category02{margin-top:4px;width:24px;height:18px;background-position:0 0;} i.category02 {display:inline-block; width:26px; height:18px; background-image:url("//img.modetour.com/ModeMobile/2015/icon/icon_menu.png"); background-repeat:no-repeat; background-size:26px auto; } .blind { position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0; visibility:hidden; overflow:hidden; } #header h1.emodetour { padding-left: 30px; float: left; vertical-align: middle; } /* [s] 2023.01.23 ADD */ #pay_option.card_list {position: relative;} #pay_option.card_list form{padding: 10px;} #pay_option.card_list .pay_option_wrap{position: relative; background-color: #fff;} #pay_option.card_list .pay_option_tit{font-size: 14px; margin-bottom: 10px; font-weight: bold;} #pay_option.card_list .air_tot_result{display: block; border: 1px solid #aaa; box-sizing: border-box; width: 100%; height: 40px; padding: 0 10px; position: relative;} #pay_option.card_list .air_tot_result .txt_card{font-size: 14px; letter-spacing: -0.09em; color: #000; float: left; line-height: 40px;} #pay_option.card_list .air_tot_result .txt_price{font-weight: bold; font-size: 14px; letter-spacing: -0.04em; color: #000; float: right; margin-right: 20px; line-height: 40px;} #pay_option.card_list .air_tot_result .txt_price .won{position: relative;} #pay_option.card_list .air_tot_result .txt_price .won:after{position: absolute; right: -15px; top: 50%; display: inline-block; width: 9px; height: 5px; margin-top: -2.5px; background-image: url(//img.modetour.com/modetour/2018/air/sp_air_v20200409.png); background-size: 864px; background-position: -210px -778px; content: ''; vertical-align: middle; overflow: hidden; text-indent: -9999px; white-space: nowrap; line-height: 0;} #pay_option.card_list .air_tot_result .txt_price .txt_total.txt_total{display: inline-block; margin-right: 6px;} #pay_option.card_list .pay_option_layer{display: none; width: 100%; max-height: 320px; height: auto; overflow-y: scroll; overflow-x: hidden; border: 1px solid #333; box-sizing: border-box; position: absolute; top: 39px; left: 0; background-color: #fff; z-index: 3; padding: 0 10px;} #pay_option.card_list .pay_option_layer .pay_select{padding: 0;} #pay_option.card_list .pay_option_layer .pay_select > li{width: 100%; padding: 12px; border-bottom: 1px solid #eee; height: auto;} #pay_option.card_list .pay_option_layer .pay_select > li:last-child{border: none;} #pay_option.card_list .pay_option_layer .card_people{margin-bottom: 9px;} #pay_option.card_list .pay_option_layer .pay_people{overflow: hidden;} #pay_option.card_list .pay_option_layer .pay_people .card_name{float: left; display: block; height: 13px; font-weight: bold; font-size: 13px; letter-spacing: -0.09em; color: #00b4ce;} #pay_option.card_list .pay_option_layer .pay_people p{float: right; text-align: right; font-size: 14px; letter-spacing: 0; font-weight: bold; color: #00b4ce;} #pay_option.card_list .pay_option_layer .pay_people .people_cnt{float: left; width: 111px; display: block; height: 13px; font-size: 13px; letter-spacing: -0.09em; color: #000;} #pay_option.card_list .pay_option_layer .pay_people .pp_price{font-size: 14px; letter-spacing: 0; color: #000; font-weight: normal;} #pay_option.card_list .pay_option_layer .pay_people p .total{font-weight: bold; font-size: 13px; letter-spacing: 0; color: #00a9c7; display: inline-block; margin-right: 4px} /* [e] 2023.01.23 ADD */