/* Common **********************************************************************/ @import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); @font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 200; src: url(https://www.naeiltour.co.kr/app/font/SUIT-Thin.otf) format('opentype'); src: url(https://www.naeiltour.co.kr/app/font/SUIT-Thin.otf) format('opentype'), url(https://www.naeiltour.co.kr/app/font/SUIT-Thin.ttf) format('truetype'); } @font-face { font-family: 'Pretendard'; font-weight: 100; src: url('/app/font/Pretendard-Thin.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 200; src: url('/app/font/Pretendard-ExtraLight.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 300; src: url('/app/font/Pretendard-Light.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 400; src: url('/app/font/Pretendard-Regular.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 500; src: url('/app/font/Pretendard-Medium.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 600; src: url('/app/font/Pretendard-SemiBold.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 700; src: url('/app/font/Pretendard-Bold.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 800; src: url('/app/font/Pretendard-ExtraBold.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 900; src: url('/app/font/Pretendard-Black.woff2') format('woff2'); } /* Common **********************************************************************/ html,body {width:100%; } html {overflow-y:scroll; box-sizing:border-box;} *, *:before, *:after{box-sizing:inherit;} *{ -webkit-text-size-adjust:none; -webkit-text-size-adjust - auto | none | N% (default auto) } body {*word-break:break-all;-ms-word-break:break-all; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;} fieldset,img {border:0px none; vertical-align:top;} dl,ul,ol,menu,li {list-style:none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;} button {border:0 none; background-color:transparent; cursor:pointer;} body { background:#fff;} body,th,td,input,select,textarea,button {font-size:14px; line-height:1.6; font-family: 'Pretendard';color:#333;} a:link,a:active,a:visited{color:#333; text-decoration:none; border:0px;} a:hover,a:focus{color:#333; text-decoration:none} table {border-collapse:collapse; border-spacing:0;} address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;} summary, caption, legend, hr {width:0; height:0; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;} caption {position:static;} /* label hidden 처리 */ .invisible{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;} label.invisible{*position:Absolute;} /* common */ .clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden; } .clfix {display:inline-block;} .clfix {display:block;} * html .clfix {height:1%;} /* Hides from IE-mac */ .clfix {zoom:1;} /*for IE 5.5-7*/ /*멤버스킨*/ .title{font-size:15px; font-weight:bold;} /*테이블*/ .tbl_type,.tbl_type th,.tbl_type td{border:0} .tbl_type{width:100%;border-bottom:1px solid #e2e2e5; } .tbl_type th{padding:10px 0 10px 0;border-top:2px solid #383d4a; font-weight:bold; border-bottom:1px solid #e2e2e5;} .tbl_type p{font-size:11px; color:#b6b7bc;} .tbl_type td{padding:7px 0 7px 0;border-top:1px solid #e5e5e5;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;} .tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0} .tbl_type2{width:100%;border-bottom:1px solid #e7e7e7; } .tbl_type2 th{padding:10px 0 10px 0; background:#f9f9f9; text-align:center;} .tbl_type2 p{font-size:11px; color:#b6b7bc;} .tbl_type2 td{padding:10px 0 10px 10px; border-bottom:none; border-top:none; line-height:18px;} /*main*/ .f_left{float:left;} .f_right{float:right;} .t_center{text-align:center;} /*로그인스킨*/ .mobile_loginWrap{} .mobile_loginWrap th{height:35px; background-color:#f0f0f0; font-size:13px; color:#333333; font-weight:bold; } .mobile_loginWrap td{height:35px;background-color:#f0f0f0; } input.input_mobile_login{width:85%; height:22px; color:#666666;background-color:#ffffff; border:1px solid #DFDFDF; -webkit-border-radius:0px; -webkit-appearance:none; } .btn_login_mobileWrap{text-align:center;} .login_btn_mobile{width:80%; height:35px; font-size:14px; font-weight:bold; color:#ffffff; background:#333333; border:0 none; } /*회원가입 스킨*/ .inWrap {width:98%; padding:30px 0;} .inWrap.type1 { padding:50px 0;} .inWrap.type2 { padding:0;} .inWrap.type3 { padding:5px 0; border-bottom-width:0;} .inWrap.width1 { width:680px !important; margin:0 auto;} .tbox1 { border:1px solid #cdcdcd; } .tbox1 .boxTit { padding:20px 20px 10px; color:#333; font-weight:700; font-size:16px;} .tbox1 .txt_scroll { height:200px; padding:0 20px; overflow-y:auto;} .txt_type { line-height:25px; font-size:13px; color:#666;} .agreement input{vertical-align:middle; border:none;} .btnType { display:inline-block; position:relative; transition:all 0.3s;} .btnType.btn1 { height:30px; line-height:28px; padding:0 45px; font-size:12px;} .btnType.btn1.color2 {border:1px solid #333; background:#333; cursor:pointer; } .btnWrap input{font-family:"Nanum Barun Gothic"; color:#fff;} /* === Main === */ #wrap {position:relative; width:100%; max-width:1024px; margin:0 auto; overflow:hidden;word-wrap: break-word;overflow-wrap: break-word;word-break: break-all;white-space: normal; } .inner{width:100%; margin:0 auto; padding: 0 15px; } :root{ --co01: #2a7fff; --co02: #00b79a; } /* header */ #header{position: relative;line-height: 1;z-index: 6000;} #header .inner{display: flex; align-items: center; justify-content: space-between;height: 52px; background: #fff; } #header.sub_header .inner{justify-content: center;} #header.sub_header .head_btn{position: absolute; top: 50%; left: 18px; transform:translateY(-50%); display: flex; gap:15px;} #header.sub_header .search_btn{position: absolute; top: 50%; right: 18px; transform:translateY(-50%);} #header .head_btn a img{width: 23px;} #header h1 a img{width: 110px; padding-top:3px; } #header .nav_btn{display: block; background: url(https://www.naeiltour.co.kr/app/images/nav_btn.png)center no-repeat; width: 20px; height: 17px; background-size: cover;} #header .search_btn{display: block; background: url(https://www.naeiltour.co.kr/app/images/search_icon01.png)center no-repeat; width: 20px; height: 21px; background-size: cover;} .head_stit{font-size: 16px;text-align: center; padding: 12px 0;font-weight: 700; border-bottom: 1px solid #dddddd;} /* navi */ .navi_wrap{display: none;position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 8000; line-height: 1;} .navi_wrap .x_btn_wrap{display: flex; align-items: center; justify-content: flex-end;height: 60px; padding: 0px 25px;} .navi_wrap .x_btn_wrap .x_btn img{width: 15px;} .navi_icon_wrap{margin: 0px 0px 20px;} .navi_icon_wrap ul{display: flex;gap:10px;} .navi_icon_wrap ul li{flex:1; border:1px solid #eaeaea; border-radius:5px;} .navi_icon_wrap ul li a{display: block;padding: 15px 0px;} .navi_icon_wrap ul li img{display: block;margin: 0 auto 12px;} .navi_icon_wrap ul li:nth-child(1) img{width: 27px;} .navi_icon_wrap ul li:nth-child(2) img{width: 21px;} .navi_icon_wrap ul li:nth-child(3) img{height: 27px;} .navi_icon_wrap ul li:nth-child(4) img{height: 27px;} .navi_icon_wrap ul li p{font-size: 13px; color: #222; text-align: center; } /* fix_navi */ .fix_navi_wrap{display: none;position: fixed; bottom: 0; left: 0; width: 100%;height: 100vh; background: #fff; z-index: 6000; line-height: 1;padding: 20px 0 95px;border-top: 1px solid #eee;} .fix_navi_wrap .navigation{} /* main_navigation */ .main_navigation .con{margin-bottom:30px;} .main_navigation .con .sub_tit01{margin-bottom: 10px;} .main_navigation .con .sub_tit01 p{font-size: 1rem; color: #222; letter-spacing: -0.03em; } .main_navigation .con .sub_tit01 p b{font-weight: 700;} .main_navigation {padding:20px 15px;} .main_navigation ul.ul_st03 {display:flex; flex-wrap:wrap;border-top:1px solid #ddd; border-left: 1px solid #ddd;} .main_navigation ul.ul_st03 li{width:calc(100% / 3); text-align:center; border-right: 1px solid #ddd;border-bottom:1px solid #ddd; padding:10px 5px; color:#222; font-weight:400; display: flex;justify-content: center;align-items: center;} .main_navigation ul.ul_st03 li a{display:block; line-height:1.2; font-size:14px;word-wrap: break-word;overflow-wrap: break-word;word-break: break-all;white-space: normal;} .main_navigation ul.ul_st03 li:hover{background:#00b79a;color:#fff;} .main_navigation ul.ul_st03 li:hover a{color:#fff;} .main_navigation .con .tit_box{width:100%; background:#006d5c; color:#fff; height:34px; line-height:34px; font-size:14px;} .main_navigation .con .tit_box p{padding-left:15px;} .main_navigation ul.ul_st04 {display:flex; flex-wrap:wrap;border-bottom:1px solid #ddd;border-right:1px solid #ddd;} .main_navigation ul.ul_st04 li{width:calc(100% / 2); text-align:center; border-top:1px solid #ddd;border-left:1px solid #ddd; padding:10px 5px; color:#222; font-weight:400; display: flex;justify-content: center;align-items: center;} .main_navigation ul.ul_st04 li:first-child{width:100%;padding: 8px 0px;} .main_navigation ul.ul_st04 li a{display:block; line-height:1.2; font-size:14px;} .main_navigation ul.ul_st04 li:hover{background:#00b79a;} .main_navigation ul.ul_st04 li:hover a{color:#fff;} .main_navigation ul.ul_st04 li span{background:#ff3232; color:#fff; display:inline-block; padding: 4px 10px;border-radius: 25px; font-size:11px;} ul.ul_st05 li{width: calc(100% / 5);padding: 15px 0;} ul.ul_st05 li a{display:flex; flex-direction:column; align-items: center;text-align: center;} ul.ul_st05 li img{width: 75px;} ul.ul_st05 li p{margin-top:10px; font-size:13px; font-weight:500;} /* navi 스타일 공통 */ .navigation{line-height: 1;} .navigation .top_tab_btn_wrap{overflow-y: scroll;} .navigation .top_tab_btn{display: flex; margin-bottom: 15px;width: max-content;} /* ;padding: 0px 2.6% */ .navigation .top_tab_btn a{display: flex; align-items: center; justify-content: center; height: 35px; padding: 0px 15px;font-size: 14px; color: rgba(17,17,17,.3); font-weight: 500; border-radius:18px;background: #fff;transition:.3s;border: 1px solid #ddd;} .navigation .top_tab_btn a.on{background: var(--co02); color: #fff;} .navigation .menu_wrap{display: flex;} .navigation .menu_wrap .menu_tab_btn{width: 140px; background: #f7f8f9;} .navigation .menu_wrap .menu_tab_btn a{display: flex; align-items: center; height: 35px; padding-left: 10px;font-size: 14px; color: #222; font-weight: 500;transition:.3s;} .navigation .menu_wrap .menu_tab_btn a.on{background: #fff;font-weight: 700;} .navigation .menu_wrap .lnb_wrap{width: calc(100% - 140px); } .navigation .menu_wrap .lnb_wrap .lnb{padding:0 10px; } .navigation .menu_wrap .lnb_wrap .lnb h3{position: relative;display: flex;align-items: center;height: 42px; border-bottom: 1px solid #ddd;} .navigation .menu_wrap .lnb_wrap .lnb h3::after{content:'';position: absolute; right: 0; top: 50%; transform:translateY(-50%) rotate(180deg); background: url(https://www.naeiltour.co.kr/app/images/nav_arr.png)center no-repeat; width: 12px; height: 7px; background-size: cover; transition:.3s;} .navigation .menu_wrap .lnb_wrap .lnb h3.active::after, .navigation .menu_wrap .lnb_wrap .lnb h3.hover::after{transform:translateY(-50%) rotate(0deg); } .navigation .menu_wrap .lnb_wrap .lnb h3 a{display: block;font-size: 12px; color: #222; font-weight: 600;} .navigation .menu_wrap .lnb_wrap .lnb ul{padding: 20px 0px; } /* border-bottom: 1px solid #ddd; */ .navigation .menu_wrap .lnb_wrap .lnb ul li{padding-left: 10px;} .navigation .menu_wrap .lnb_wrap .lnb ul li:not(:last-child){margin-bottom: 15px;} .navigation .menu_wrap .lnb_wrap .lnb ul li a{font-size: 13px; color: #222;} .navigation_wrap .navigation .menu_wrap .menu_tab_btn a.on{background: #00b79a;font-weight: 700; color:#fff;} /* visual_wrap */ #visual_wrap{position: relative; width:100%;} /* padding-bottom: 100px; */ #visual_wrap .txt_wrap{position: absolute;top: 50%; left: 2.6%; transform:translateY(-50%);} #visual_wrap .txt_wrap p{font-size: 27px; color: #111; font-weight: 700; line-height: 35px;} #visual_wrap .txt_wrap span{display: block;font-size: 13px; color: #222; line-height: 20px; margin-top: 10px;} #visual_wrap .visual_items{display: flex; justify-content: center;align-items: center; gap:10px; position: absolute; top: 15px; right: 2.6%;width: 77px; height: 20px; background: rgba(0,0,0,.5); border-radius:50px;z-index: 100;} #visual_wrap .visual_items .visual_num{display: flex; align-items: center;gap:5px;transform: translateY(1px);} #visual_wrap .visual_items .visual_num span{display: block;font-size: 12px; color: #fff;} #visual_wrap .visual_items .plus_btn img{display: block;width: 8px;} /* search_wrap */ #search_wrap{transform: translateY(-25px);background: #fff;border-radius:24px; padding-top: 45px;} /* position: relative;z-index: 1000; */ #search_wrap .search{display: flex; align-items: center; width: 100%; height: 45px;padding: 0px 20px;border-radius:22px; box-shadow: 3px 3px 12px rgba(12,24,42,.1);} #search_wrap .search button img{width: 21px;} #search_wrap .search input[type="text"]{border:0;padding: 0px 10px;font-size: 16px; color: #6b7073;} #search_wrap .search input[type="text"]::placeholder{font-size: 16px; color: #999999;} #search_wrap .search input[type="text"]:focus{outline:0;} /* section */ .section{padding-bottom: 60px;line-height: 1;} .section .sec_tit{display: flex; align-items: center;gap:10px; margin-bottom: 15px;} .section .sec_tit img{display: block; height: 20px;} .section .sec_tit p{font-size: 1.2rem; color: #111; font-weight: 700; letter-spacing: -0.03em; } ul.btn_wrap{display: flex; justify-content: center; flex-wrap:wrap; gap:13px; } ul.btn_wrap li{width: calc((100% - 70px) / 4);padding-bottom: 10px; } ul.btn_wrap li img{display: block; width:100%; margin: 0 auto 10px;} ul.btn_wrap li p{font-size: 13px; color: #111;text-align: center; letter-spacing:-0.03em; } .cate_wrap::-webkit-scrollbar {display: none;} .cate_wrap::-webkit-scrollbar-thumb{display: none;} .cate_wrap::-webkit-scrollbar-track {display: none;background: transparent;} ul.list01{display: flex; flex-wrap:wrap;gap:20px;} ul.list01 li{width: calc((100% - 20px) / 2);} ul.list01 li .img_wrap{position:relative; width:100%; padding-bottom:100%; border-radius:20px; overflow: hidden;} ul.list01 li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;} ul.list01 li .txt_wrap{margin-top: 15px;} ul.list01 li .txt_wrap .tag_wrap{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} ul.list01 li .txt_wrap .tag_wrap em{display: inline-block;font-size: 12px; color: #333;} ul.list01 li .txt_wrap .tag_wrap em:not(:last-child){margin-right: 5px;} ul.list01 li .txt_wrap p{font-size: 15px; color: #222; font-weight: 600; line-height: 20px; margin: 10px 0 12px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;} ul.list01 li .txt_wrap del{display: block;font-size: 13px;color: #999; font-weight: 500; margin-bottom: 5px;} ul.list01 li .txt_wrap strong{display: block;font-size: 20px; color: #222; font-weight: 600;} /* section01 */ #section01{padding-top: 10px; padding-bottom: 25px;} #sec01_fix{display: none;position: fixed; width: 100%; top: 0; left: 0; box-shadow: 3px 3px 10px rgba(12,24,42,.1);z-index: 5000; } #sec01_fix .fix01{position: relative;overflow-x: scroll;padding: 0px 65px 0 27px;background: #fff;} #sec01_fix .fix01::-webkit-scrollbar {display: none;} #sec01_fix .fix01::-webkit-scrollbar-thumb{display: none;} #sec01_fix .fix01::-webkit-scrollbar-track {display: none;background: transparent;} #sec01_fix .fix01 ul{display: flex; align-items: center;gap:15px;padding: 10px 0px; width: max-content;} #sec01_fix .fix01 ul li{background: #fff;} #sec01_fix .fix01 ul li p{font-size: 12px; color: #111; text-align: center; margin-top: 7px;} #sec01_fix .fix01 ul li img{display: block;margin: 0 auto;height: 32px;} #sec01_fix .fix01 ul li.more_btn{position: fixed; right: 0;top: 0;display: flex;flex-direction: column;height: 100%;align-items: center;justify-content: center;width: 65px;height: 78px;} #sec01_fix .fix02{display: none; } #sec01_fix .fix02::after{content:'';position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .7);z-index: -1;} #sec01_fix .fix02 ul{display: flex; flex-wrap:wrap;background: #fff;padding: 20px 10px 20px 10px; gap: 20px 0; } #sec01_fix .fix02 ul li{width: 20%;} #sec01_fix .fix02 ul li img{display: block;margin: 0 auto; height: 36px;} #sec01_fix .fix02 ul li p{font-size: 13px;color: #111;text-align: center;margin-top: 10px;} #sec01_fix .fix02 .x_btn{display: flex; align-items: center; justify-content: center;width: 35px; height: 35px;background: #fff; border-radius:50%; margin: 10px auto 0;} #sec01_fix .fix02 .x_btn img{width: 12px;} #sec01_fix .fix02 ul.theme_li {display: flex; flex-wrap:wrap; gap: 3px; justify-content:space-between; padding: 0 12px 5px 12px; } #sec01_fix .fix02 ul.theme_li li {width: calc((100% - 15px) / 3); } #sec01_fix .fix02 ul.theme_li li a {display: block; width: 100%; height: 38px; line-height: 38px; font-size: 13px; font-weight: 600; text-align: center; border: 1px solid #aeaeae; box-shadow: 0px 0px 10px rgba(0,0,0,0.05); color:#111; border-radius:6px; transition: .3s;} #sec01_fix .fix02 ul.theme_li li a > em {position: relative;} #sec01_fix .fix02 ul.theme2_li {display: flex; flex-wrap:wrap; justify-content:space-between; gap: 3px; padding: 0 12px; padding: 0 12px 20px 12px; border-radius:0 0 15px 15px; } #sec01_fix .fix02 ul.theme2_li li {width: calc((100% - 5px) / 2);} #sec01_fix .fix02 ul.theme2_li li a {display: block; width: 100%; height: 38px; line-height: 38px; font-size: 13px; font-weight: 600; text-align: center; border: 1px solid #acacac; box-shadow: 0px 0px 10px rgba(0,0,0,0.05); color:#111; border-radius:6px; transition: .3s;} #sec01_fix .fix02 ul.theme2_li li a > em {position: relative;} /* section02 */ #section02{padding-bottom: 30px;} #section02 .cate_wrap{overflow-x: scroll; margin-bottom: 20px;} #section02 .cate_wrap .cate{display: flex; gap:5px;width: max-content;} #section02 .cate_wrap .cate a{display: flex;justify-content: center; align-items: center; font-size: 13px; color: #111; font-weight: 500; border-radius:40px; height: 38px; padding: 0px 12px; border:1px solid #ddd;transition:.3s;} #section02 .cate_wrap .cate a.on{background: var(--co02); color: #fff;} /*#section02 .cate_wrap .cate a.on{background: #111; color: #fff;}*/ #section02 .slide_con ul .slick-list{padding-bottom: 30px;} #section02 .slide_con ul li{margin-right: 15px; width: 300px; border-radius:15px; overflow: hidden;box-shadow: 3px 3px 20px rgba(12,24,42,.08);} #section02 .slide_con li .tag{position: absolute; top: 0px; left: 0px; font-size: 12px; letter-spacing: -0.03em; color: #fff;font-weight: 500;padding: 0px 6px; height: 20px; line-height: 20px; border-radius:3px;z-index: 100;} #section02 .slide_con ul li .img_wrap{position:relative; width:100%; padding-bottom:53.333%;} #section02 .slide_con ul li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;} /*#section02 .slide_con ul li .txt_wrap{padding: 25px 10px; background: #fff; height: 120px; letter-spacing: -0.03em; }*/ #section02 .slide_con ul li .txt_wrap { padding: 17px 10px; background: #fff; height: 120px; letter-spacing: -0.03em; } #section02 .slide_con ul li .txt_wrap p{font-size: 17px; color: #222; font-weight: 600;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*#section02 .slide_con ul li .txt_wrap span{display: block;font-size: 13px; color: #333;margin: 10px 0;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }*/ #section02 .slide_con ul li .txt_wrap span { /* display: block; */ font-size: 13px; color: #333; margin: 8px 0; /* white-space: nowrap; */ /* overflow: hidden; */ /* text-overflow: ellipsis; */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.5em; max-height: 3em; } #section02 .slide_con ul li .txt_wrap em{display: block;font-size: 14px; color: #222; font-weight: 300;} #section02 .slide_con ul li .txt_wrap em b{display: inline-block;font-size: 17px; color: #222; font-weight: 600;margin-right: 5px;} /* section02_1 */ #section02_1 .tit_wrap {display:flex; justify-content:space-between; align-items: baseline;} #section02_1 .tit_wrap .time{background:#ff3232; border-radius:30px; padding:0px 15px; height:30px; line-height:30px;} #section02_1 .tit_wrap .time p{color:#fff; font-weight:500; font-size:16px; letter-spacing: -0.03em; } #section02_1 .slide_con ul li{margin-right: 15px; width: 100%; border-radius:15px; overflow: hidden;box-shadow: 3px 3px 20px rgba(12,24,42,.08);} #section02_1 .slide_con .sec02_2_slide01 .img_wrap img{width:100%;} #section02_1 .slide_con .sec02_2_slide01 .txt_wrap {padding: 25px 20px; background: #fff; height: 95px;} #section02_1 .slide_con .sec02_2_slide01 .txt_wrap p{font-size: 17px; color: #222; font-weight: 600;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: -0.03em; } #section02_1 .slide_con .sec02_2_slide01 .txt_wrap span{display: block;font-size: 12px; color: #333;margin: 12px 0;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* section03 */ #section03 ul.sec03_slide li{position: relative;width: 200px;margin-right: 10px;border-radius:10px;box-shadow: 3px 0px 20px rgba(12,24,42,.08);overflow: hidden; } #section03 ul.sec03_slide li .img_wrap{position:relative; width:100%; padding-bottom:125%;} #section03 ul.sec03_slide li .img_wrap::after{content:'';position: absolute;top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(0,0,0,.5) 100%);} #section03 ul.sec03_slide li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;} #section03 ul.sec03_slide li .txt_wrap{position: absolute; top: 0; left: 0; display: flex;flex-direction: column;justify-content: flex-end; width: 100%; height: 100%; padding: 15px 20px;} #section03 ul.sec03_slide li .txt_wrap p{font-size: 14px; color: #fff; font-weight: 500;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: -0.03em; } #section03 ul.sec03_slide li .txt_wrap em{display: block;font-size: 12px; color: #fff; font-weight: 300; margin-top: 10px;} #section03 ul.sec03_slide li .txt_wrap em b{font-size: 17px; color: #fff; font-weight: 600;margin-right: 5px;} /* section04 */ #section04{padding-bottom: 50px;} #section04 .cate_wrap{overflow-x: scroll; margin-bottom: 20px;} #section04 .cate_wrap .cate{display: flex; gap:15px;width: max-content;} #section04 .cate_wrap .cate a{display: block; font-size: 16px; color: rgba(17,17,17,.3); font-weight: 600; transition:.3s;} #section04 .cate_wrap .cate a.on{color: #222;} #section04 .sec04_slide .slick-list{padding-bottom: 50px;} #section04 .sec04_slide li{position: relative;width: 250px;margin-right: 10px;} #section04 .sec04_slide li .tag{position: absolute; top: 0px; left: 0px; font-size: 12px; letter-spacing: -0.03em; color: #fff;font-weight: 500;padding: 0px 6px; height: 20px; line-height: 20px; border-radius:3px;z-index: 100;} #section04 .sec04_slide li .tag01{background: #f19f00;} #section04 .sec04_slide li .tag02{}/* 추가태그색상변경 */ #section04 .sec04_slide li .img_wrap{position:relative; width:100%; padding-bottom:120%;border-radius:15px;} #section04 .sec04_slide li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;border-radius: 20px;} #section04 .sec04_slide li .txt_wrap{position: absolute;bottom: -40px;left: 0; right: 0;height: 110px;background: #fff;padding: 20px 10px; border-radius:15px;box-shadow: 3px 0px 20px rgba(12,24,42,.08);} #section04 .sec04_slide li .txt_wrap p{font-size: 17px; color: #222; font-weight: 600;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: -0.03em; } #section04 .sec04_slide li .txt_wrap span{display: block;font-size: 13px; color: #333; margin: 10px 0px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #section04 .sec04_slide li .txt_wrap em{display: block;font-size: 12px; color: #222; font-weight: 300;margin-left: auto;width: fit-content;} #section04 .sec04_slide li .txt_wrap em b{font-size: 17px; color: #222; font-weight: 600; margin-right: 3px;} /* section05 */ #section05{padding-bottom: 40px;} #section05 .sec05_slide .slick-list{padding-bottom: 20px;} #section05 .sec05_slide li{width: 300px;margin-right: 15px;border-radius:15px;box-shadow: 3px 0px 20px rgba(12,24,42,.08);overflow: hidden;} #section05 .sec05_slide li .tit{display: flex; align-items: center;height: 40px;padding: 0px 15px;background: url(https://www.naeiltour.co.kr/app/images/sec05_bg01.png)center right no-repeat var(--co01); background-size: 128px;} #section05 .sec05_slide li .tit p{font-size: 16px; color: #fff; font-weight: 500;} #section05 .sec05_slide li .box_wrap{padding: 20px 15px; background: #fff;} #section05 .sec05_slide li .box_wrap .box01{padding-bottom: 15px; margin-bottom: 10px; border-bottom: 1px dashed #ddd;} #section05 .sec05_slide li .box_wrap .box01 .txt01{display: flex; align-items: center; gap:10px;} #section05 .sec05_slide li .box_wrap .box01 .txt01 p{font-size: 17px; color: #111; font-weight: 600;} #section05 .sec05_slide li .box_wrap .box01 .txt01 p b{font-weight: 400;} #section05 .sec05_slide li .box_wrap .box01 .txt01 span img{width: 25px;} #section05 .sec05_slide li .box_wrap .box01 .txt02{display: flex;align-items: center; gap:10px; margin-top: 15px;} #section05 .sec05_slide li .box_wrap .box01 .txt02 p{font-size: 14px; padding: 0px 10px;color: var(--co01); height: 22px; line-height: 22px; background: rgba(42,127,255,.1); border-radius:10px;} #section05 .sec05_slide li .box_wrap .box01 .txt02 span{font-size: 14px; color: #111;} #section05 .sec05_slide li .box_wrap .box02{display: flex; align-items: center; justify-content: space-between;} #section05 .sec05_slide li .box_wrap .box02 p{font-size: 14px; color: #666;} #section05 .sec05_slide li .box_wrap .box02 .txt{display: flex;align-items: center;gap:10px;} #section05 .sec05_slide li .box_wrap .box02 .txt span{font-size: 14px; color: #111; } #section05 .sec05_slide li .box_wrap .box02 .txt em{font-size: 14px;font-weight: 300; color: #222;} #section05 .sec05_slide li .box_wrap .box02 .txt em b{display: inline-block; color: var(--co01);font-weight: 600; margin-right: 5px;} /* section06 */ /* #section06 .cate_wrap{display: flex;flex-wrap:wrap;gap:15px 12px; margin-bottom: 25px;} #section06 .cate_wrap a{font-size: 18px; color: rgba(17,17,17,.3); font-weight: 700;transition:.3s;} #section06 .cate_wrap a:first-child{width: 100%;} */ #section06 .cate_wrap{overflow-x: scroll; margin-bottom: 20px;} #section06 .cate_wrap .cate{display: flex; gap:15px;width: max-content;} #section06 .cate_wrap .cate a{display: block;font-size: 16px;color: rgba(17,17,17,.3); font-weight: 700;transition:.3s;} #section06 .cate_wrap .cate a.on{color: #222;} /* section07 */ #section07 .sec_tit{display: flex; align-items: baseline; justify-content: space-between;} #section07 .sec_tit .txt{display: flex; align-items: center; gap: 10px;} #section07 .sec_tit .more_btn{display: flex; align-items: center; gap:5px; font-size: 12px; color: #97a1af; font-weight: 600;} #section07 .sec_tit .more_btn img{width: 6px;height: auto;} #section07 .video_con{position:relative; width:100%; padding-bottom:56.25%;} #section07 .video_con iframe{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;} /* section08 */ #section08 .sec08_slide li .img_wrap{position:relative; width:100%; padding-bottom:39.437%; border-radius:15px; overflow: hidden;} #section08 .sec08_slide li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:auto; max-width:100%; max-height:100%; object-fit:cover;} #section08 .slick-dots{display: flex; align-items: center; justify-content: center; gap:10px; margin-top: 10px;} #section08 .slick-dots li{width: 9px; height: 9px; background: rgba(17,17,17,.3); border-radius:50%;transition:.3s; text-indent: -9999px;} #section08 .slick-dots li.slick-active{background: rgba(17,17,17,1);} /* section09 */ #section09{padding-bottom: 0px;} #section09 .btn_wrap01{display: flex; gap:5px; margin-bottom: 30px;} #section09 .btn_wrap01 a{display: flex; align-items: center; gap:5px; justify-content: center;width: calc((100% - 10px) / 3); height: 40px; border:1px solid #acacac; border-radius:5px;} #section09 .btn_wrap01 a p{font-size: 14px; color: #111; letter-spacing: -0.03em; } #section09 .btn_wrap01 a img{height: 16px;} #section09 .tit span{display: block; font-size: 18px; color: #222; font-weight: 500; margin-bottom: 15px;} #section09 .tit p{font-size: 20px; color: #222; font-weight: 600;} #section09 .txt{margin: 25px 0px;} #section09 .txt p{font-size: 14px; color: #222; font-weight: 600; margin-bottom: 5px; } #section09 .txt span{display: block;font-size: 13px; color: #222; } #section09 .btn_wrap02{display: flex; align-items: center;gap:73px;} #section09 .btn_wrap02 a{flex:1;} #section09 .btn_wrap02 a p{position: relative;font-size: 13px; color: #222; font-weight: 500; padding-right: 20px;width: fit-content;} #section09 .btn_wrap02 a p::after{content:'';position: absolute; top: 50%; right: 0; transform:translateY(-50%); background: url(https://www.naeiltour.co.kr/app/images/more_btn02.png)center no-repeat; width: 10px; height: 10px; background-size: cover;} /* section10 */ #section10 {padding-bottom: 40px;} #section10 ul.theme_li {display: flex; flex-wrap:wrap; justify-content:space-between; gap: 3px; padding: 0 5px 5px 5px;} #section10 ul.theme_li li {width: calc((100% - 15px) / 2);} #section10 ul.theme_li li a {display: block; width: 100%; height: 38px; line-height: 38px; font-size: 13px; font-weight: 600; text-align: center; border: 1px solid #acacac; box-shadow: 0px 0px 10px rgba(0,0,0,0.05); color:#111; border-radius:6px; transition: .3s;} #section10 ul.theme_li li a > em {} #section10 ul.theme2_li {display: flex; flex-wrap:wrap; justify-content:space-between; gap: 3px; padding: 0 5px;} #section10 ul.theme2_li li {width: calc((100% - 5px) / 2);} #section10 ul.theme2_li li a {display: block; width: 100%; height: 38px; line-height: 38px; font-size: 13px; font-weight: 600; text-align: center; border: 1px solid #acacac; box-shadow: 0px 0px 10px rgba(0,0,0,0.05); color:#111; border-radius:6px; transition: .3s;} #section10 ul.theme2_li li a > em {} /* bot_fix_menu */ #bot_fix_menu{position: fixed; bottom: 0; left: 0; width: 100%; height: 65px; line-height: 1;z-index: 7000;} #bot_fix_menu ul{position: absolute;width: 100%;bottom: 0;display: flex; height: 55px;background: #fff; border-radius:24px 24px 0 0;box-shadow: 3px 0px 20px rgba(12,24,42,.1);padding: 0 10px;} #bot_fix_menu ul li{display: flex;align-items: center;justify-content: center; flex:1;} #bot_fix_menu ul li.home{flex:initial;width: 55px; height: 55px; border-radius:50%;background: linear-gradient(90deg, rgba(0,188,159,1) 0%, rgba(0,168,142,1) 49%);transform: translateY(-5px);} #bot_fix_menu ul li a{display: flex;flex-direction: column;align-items: center;justify-content: center; gap:7px;} #bot_fix_menu ul li a p{font-size: 12px; color: #111;} #bot_fix_menu ul li.home a p{color: #fff;} #bot_fix_menu ul li a img{width: 14px;} /* bot_fix_menu */ #bot_fix_menu {} #bot_fix_menu ul.fix_menu02{gap:5px; padding: 5px; border-radius: 0;} #bot_fix_menu ul.fix_menu02 > li {width: calc((100% - 5px) / 2);} #bot_fix_menu ul.fix_menu02 > li a {width: 100%; background: var(--co02); border: 1px solid var(--co02); text-align:center; padding: 15px; border-radius: 5px;} #bot_fix_menu ul.fix_menu02 > li:nth-child(1) a {background: #fff; border: 1px solid #ddd;} #bot_fix_menu ul.fix_menu02 > li:nth-child(1) a p {color:#555;} #bot_fix_menu ul.fix_menu02 > li a p {font-size: 16px; color:#fff; font-weight: 600;} /* footer */ #footer{line-height: 1; background: #f5f5f5; padding: 20px 0px 50px;} #footer .icon_wrap{display: flex; justify-content: center;gap:15px;} #footer .icon_wrap a{box-shadow: 1px 1px 8px rgba(0,0,0,.1); border-radius:50%;} #footer .icon_wrap img{width: 40px;} #footer .btn_wrap{display: flex;align-items: center; gap:20px; margin: 30px 0px;} #footer .btn_wrap a{position: relative;font-size: 13px; color: #666;} #footer .btn_wrap a.on{color: #222; font-weight: 500;} #footer .btn_wrap a:not(:last-child)::after{content:'';position: absolute; right: -10px; top: 50%; transform:translateY(-50%);width: 1px; height: 8px; background: #ddd;} #footer .f_wrap{padding-bottom: 50px; } #footer .f_wrap strong{position: relative;display: block;font-size: 14px; color: #222; font-weight: 700; padding-right: 20px;width: fit-content;} #footer .f_wrap strong::after{content:'';position: absolute; top: 50%; right: 0; transform:translateY(-50%); background: url(https://www.naeiltour.co.kr/app/images/f_arr01.png)center no-repeat; width: 12px; height: 8px; background-size: cover;transition:.3s;} #footer .f_wrap strong.on::after{transform:translateY(-50%) rotate(180deg); } #footer .f_wrap address{display: none;padding-top: 15px;} #footer .f_wrap address p{font-size: 12px; color: #666; line-height: 22px;} #footer .f_wrap address p.copy{color: #999;margin-top: 15px;} #footer .f_logo img{width: 112px;} /* ========================================================= */ #sub_contents{border-top: 1px solid #ddd;} #sub_contents.inner_none > .inner{padding: 0;} /* list01 */ .sub_list01_wrap{line-height: 1;} #sub_vis{position: relative; width:100%; padding-bottom: 70px;} /* height:240px; overflow:hidden; */ #sub_vis .txt_wrap{position: absolute; bottom: 90px; left: 0px; /* background:rgba(106,168,79,0.6); */} #sub_vis .txt_wrap a {color:#222;} #sub_vis .txt_wrap p{font-size: 20px; color: #fff; font-weight: 700; } #sub_vis .txt_wrap ul{display: flex; gap:5px; margin-top: 15px;} #sub_vis .txt_wrap ul li{font-size: 12px; /* color: rgba(255,255,255,.5); */ color:#fff;} #sub_vis .visual_items{display: flex; justify-content: center;align-items: center; gap:10px; position: absolute; top: 10px; right: 2.6%;width: 77px; height: 20px; background: rgba(0,0,0,.5); border-radius:50px;z-index: 100;} #sub_vis .visual_items .visual_num{display: flex; align-items: center;gap:5px;transform: translateY(1px);} #sub_vis .visual_items .visual_num span{display: block;font-size: 12px; color: #fff;} #sub_vis .visual_items .plus_btn img{display: block;width: 8px;} #sub_vis .more_btn a{color:#fff;} .sub_list01_wrap .con .sub_tit01{margin-bottom: 15px;} .sub_list01_wrap .con .sub_tit01 p{font-size: 1.2rem; color: #222; letter-spacing: -0.03em; } .sub_list01_wrap .con .sub_tit01 p b{font-weight: 700;} /* list01-con01 */ .sub_list01_wrap .con01{margin-top: 40px;} .sub_list01_wrap .slide_con01 ul .slick-list{padding-bottom: 50px;width: calc(100% + 15px);} .sub_list01_wrap .slide_con01 ul li{margin-right: 15px; width: 300px; border-radius:15px; overflow: hidden;box-shadow: 3px 3px 20px rgba(12,24,42,.08);position: relative;} .sub_list01_wrap .slide_con01 ul li .img_wrap{position:relative; width:100%; padding-bottom:53.333%;} .sub_list01_wrap .slide_con01 ul li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;} /*.sub_list01_wrap .slide_con01 ul li .txt_wrap{padding: 25px 10px; background: #fff; height: 120px; letter-spacing: -0.03em; }*/ .sub_list01_wrap .slide_con01 ul li .txt_wrap { padding: 17px 10px; background: #fff; height: 120px; letter-spacing: -0.03em; } .sub_list01_wrap .slide_con01 ul li .txt_wrap p{font-size: 17px; color: #222; font-weight: 600;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*.sub_list01_wrap .slide_con01 ul li .txt_wrap span{display: block;font-size: 13px; color: #333;margin: 10px 0;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }*/ .sub_list01_wrap .slide_con01 ul li .txt_wrap span { font-size: 13px; color: #333; margin: 8px 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.5em; max-height: 3em; } .sub_list01_wrap .slide_con01 ul li .txt_wrap em{display: block;font-size: 13px; color: #222; font-weight: 300;} .sub_list01_wrap .slide_con01 ul li .txt_wrap em b{display: inline-block;font-size: 17px; color: #222; font-weight: 600;margin-right: 5px;} .sub_list01_wrap ul.ul_st01 {display:flex; flex-wrap:wrap;border-bottom:1px solid #ddd;border-right:1px solid #ddd;} .sub_list01_wrap ul.ul_st01 li{width:calc(100%); text-align:center; border-top:1px solid #ddd;border-left:1px solid #ddd; padding:10px 0; color:#222; font-weight:500; display: flex;justify-content: center;align-items: center;} .sub_list01_wrap ul.ul_st01 li a{display:block; line-height:1.4; } .sub_list01_wrap ul.ul_st01 li:hover{background:#00b79a;} .sub_list01_wrap ul.ul_st01 li:hover a{color:#fff;} .sub_list01_wrap ul.ul_st01_topno {display:flex; flex-wrap:wrap;border-bottom:1px solid #ddd;border-right:1px solid #ddd;} .sub_list01_wrap ul.ul_st01_topno li{width:calc(100%); text-align:center; border-left:1px solid #ddd; padding:10px 0; color:#222; font-weight:500; display: flex;justify-content: center;align-items: center;} .sub_list01_wrap ul.ul_st01_topno li a{display:block; line-height:1.2; } .sub_list01_wrap ul.ul_st01_topno li:hover{background:#00b79a;} .sub_list01_wrap ul.ul_st01_topno li:hover a{color:#fff;} .sub_list01_wrap ul.ul_st02 {display:flex; flex-wrap:wrap;border-bottom:1px solid #ddd;border-right:1px solid #ddd;} .sub_list01_wrap ul.ul_st02 li{width:calc(100% / 2); text-align:center; border-top:1px solid #ddd;border-left:1px solid #ddd; padding:10px 0; color:#222; font-weight:500; display: flex;justify-content: center;align-items: center;} .sub_list01_wrap ul.ul_st02 li a{display:block; line-height:1.2;padding: 0 5px; } .sub_list01_wrap ul.ul_st02 li:hover{background:#00b79a;} .sub_list01_wrap ul.ul_st02 li:hover a{color:#fff;} .sub_list01_wrap ul.ul_st03 {display:flex; flex-wrap:wrap;border-bottom:1px solid #ddd;border-right:1px solid #ddd;} .sub_list01_wrap ul.ul_st03 li{width:calc(100% / 3); text-align:center; border-top:1px solid #ddd;border-left:1px solid #ddd; padding:10px 0; color:#222; font-weight:500; display: flex;justify-content: center;align-items: center;line-height: 1.3;} .sub_list01_wrap ul.ul_st03 li a{display:block; line-height:1.3;word-wrap: break-word;overflow-wrap: break-word;word-break: break-all;white-space: normal;padding: 0 5px; } .sub_list01_wrap ul.ul_st03 li:hover{background:#00b79a;} .sub_list01_wrap ul.ul_st03 li:hover a{color:#fff;} .sub_list01_wrap ul.ul_st06 {display:flex; flex-wrap:wrap;border-bottom:1px solid #ddd;border-right:1px solid #ddd;} .sub_list01_wrap ul.ul_st06 li{width:calc(100% / 3); text-align:center; border-top:1px solid #ddd;border-left:1px solid #ddd; padding:10px 0; color:#222; font-weight:500; display: flex;justify-content: center;align-items: center;line-height: 1.3;} .sub_list01_wrap ul.ul_st06 li a{display:block; line-height:1.3;word-wrap: break-word;overflow-wrap: break-word;word-break: break-all;white-space: normal;padding: 0 5px; } .sub_list01_wrap ul.ul_st06 li:hover{background:#00b79a;} .sub_list01_wrap ul.ul_st06 li:hover a{color:#fff;} .sub_list01_wrap ul.ul_mst01 {display:flex; flex-wrap:wrap;border-bottom:1px solid #ddd;border-right:1px solid #ddd;} .sub_list01_wrap ul.ul_mst01 li{width:calc(100%); text-align:center; border-top:1px solid #ddd;border-left:1px solid #ddd; padding:10px 0; color:#222; font-weight:500; display: flex;justify-content: center;align-items: center;background: #f7f7f7;} .sub_list01_wrap ul.ul_mst01 li a{display:block; line-height:1.4; } .sub_list01_wrap ul.ul_mst01 li:hover{background:#00b79a;color:#fff;} .sub_list01_wrap ul.ul_mst01 li:hover a{color:#fff;} .sub_list01_wrap ul.ul_mst01_topno {display:flex; flex-wrap:wrap;border-bottom:1px solid #ddd;border-right:1px solid #ddd;} .sub_list01_wrap ul.ul_mst01_topno li{width:calc(100%); text-align:center; border-left:1px solid #ddd; padding:10px 0; color:#222; font-weight:500; display: flex;justify-content: center;align-items: center;} .sub_list01_wrap ul.ul_mst01_topno li a{display:block; line-height:1.2; } .sub_list01_wrap ul.ul_mst01_topno li:hover{background:#00b79a;color:#fff;} .sub_list01_wrap ul.ul_mst01_topno li:hover a{color:#fff;} .sub_list01_wrap ul.ul_mst02 {display:flex; flex-wrap:wrap;border-bottom:1px solid #ddd;border-right:1px solid #ddd;} .sub_list01_wrap ul.ul_mst02 li{width:calc(100% / 2); text-align:center; border-top:1px solid #ddd;border-left:1px solid #ddd; padding:10px 0; color:#222; font-weight:500; display: flex;justify-content: center;align-items: center;background: #f7f7f7;} .sub_list01_wrap ul.ul_mst02 li a{display:block; line-height:1.2;padding: 0 5px; } .sub_list01_wrap ul.ul_mst02 li:hover{background:#00b79a;color:#fff;} .sub_list01_wrap ul.ul_mst02 li:hover a{color:#fff;} .sub_list01_wrap ul.ul_mst03 {display:flex; flex-wrap:wrap;border-bottom:1px solid #ddd;border-right:1px solid #ddd;} .sub_list01_wrap ul.ul_mst03 li{width:calc(100% / 3); text-align:center; border-top:1px solid #ddd;border-left:1px solid #ddd; padding:10px 0; color:#222; font-weight:500; display: flex;justify-content: center;align-items: center;line-height: 1.3;background: #f7f7f7;} .sub_list01_wrap ul.ul_mst03 li a{display:block; line-height:1.3;word-wrap: break-word;overflow-wrap: break-word;word-break: break-all;white-space: normal;padding: 0 5px; } .sub_list01_wrap ul.ul_mst03 li:hover{background:#00b79a;color:#fff;} .sub_list01_wrap ul.ul_mst03 li:hover a{color:#fff;} .sub_list01_wrap ul.ul_mst06 {display:flex; flex-wrap:wrap;border-bottom:1px solid #ddd;border-right:1px solid #ddd;} .sub_list01_wrap ul.ul_mst06 li{width:calc(100% / 3); font-size:13px; text-align:center; border-top:1px solid #ddd;border-left:1px solid #ddd; padding:10px 0; color:#222; font-weight:400; display: flex;justify-content: center;align-items: center;line-height: 1.3;background: #f7f7f7;} .sub_list01_wrap ul.ul_mst06 li a{display:block; line-height:1.3;word-wrap: break-word;overflow-wrap: break-word;word-break: break-all;white-space: normal;padding: 0 5px; } .sub_list01_wrap ul.ul_mst06 li:hover{background:#00b79a;color:#fff;} .sub_list01_wrap ul.ul_mst06 li:hover a{color:#fff;} .sub_list01_wrap .txt_wrap {width:100%; color:#222; background:; border-radius:15px 15px 0 0; padding:10px 15px; box-sizing:border-box;} .sub_list01_wrap .more_btn {margin-top:15px;} .sub_list01_wrap .more_btn a {display:flex; align-items:center; color:#222;} .sub_list01_wrap .more_btn img {width:5px; margin-left:5px;} /* list01-con03 */ .sub_list01_wrap .con03 .cate_wrap{overflow-x: scroll; margin-bottom: 20px;} .sub_list01_wrap .con03 .cate_wrap .cate{display: flex; gap:15px;width: max-content;} .sub_list01_wrap .con03 .cate_wrap .cate a{display: block;font-size: 16px;color: rgba(17,17,17,.3); font-weight: 700;transition:.3s;} .sub_list01_wrap .con03 .cate_wrap .cate a.on{color: #222;} .sub_list01_wrap .slide_con02 .slick-list{padding-bottom: 50px;width: calc(100% + 10px);} .sub_list01_wrap .slide_con02 li{position: relative;width: 250px;height: 286px;margin-right: 10px;} .sub_list01_wrap .slide_con02 li .tag{position: absolute; top: 15px; left: 15px; font-size: 12px; color: #fff;font-weight: 500;padding: 0px 6px; height: 20px; line-height: 20px; border-radius:3px;z-index: 100;} .sub_list01_wrap .slide_con02 li .tag01{background: #f19f00;} .sub_list01_wrap .slide_con02 li .tag02{}/* 추가태그색상변경 */ .sub_list01_wrap .slide_con02 li .img_wrap{position: relative;width: 100%;padding-bottom: 66%;/* border-radius: 22px;*/} .sub_list01_wrap .slide_con02 li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover; border-radius: 20px 20px 0 0;} /*.sub_list01_wrap .slide_con02 li .txt_wrap{position: absolute;bottom: -40px;right: 0;height: 110px;background: #fff;padding: 20px 15px; border-radius:15px;box-shadow: 3px 0px 20px rgba(12,24,42,.08);}*/ .sub_list01_wrap .slide_con02 li .txt_wrap{position: absolute;/* bottom: -40px; */right: 0;height: 159px;background: #fff;padding: 18px 14px;border-radius: 0 0 15px 15px;box-shadow: 3px 0px 20px rgba(12, 24, 42, .08);} .sub_list01_wrap .slide_con02 li .txt_wrap p{font-size: 17px; color: #222; font-weight: 600;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} /*.sub_list01_wrap .slide_con02 li .txt_wrap span{display: block;font-size: 13px; color: #333; margin: 10px 0px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}*/ .sub_list01_wrap .slide_con02 li .txt_wrap span{ font-size: 13px; color: #333; margin: 7px 0px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.5em; max-height: 3em; height: 73px; -webkit-line-clamp: 4; max-height: 6em; } .sub_list01_wrap .slide_con02 li .txt_wrap em{display: block;font-size: 12px; color: #222; font-weight: 300;margin-left: auto;width: fit-content;} .sub_list01_wrap .slide_con02 li .txt_wrap em b{font-size: 17px; color: #222; font-weight:600; margin-right: 3px;} /* list01-con04 */ .sub_list01_wrap .con04{margin: 50px 0 ;} .sub_list01_wrap .slide_con03 .slick-list{width: calc(100% + 10px);} .sub_list01_wrap .slide_con03 li{position: relative;width: 200px;margin-right: 10px;} .sub_list01_wrap .slide_con03 li .img_wrap{position:relative; width:100%; padding-bottom:100%;border-radius:10px;overflow: hidden;} .sub_list01_wrap .slide_con03 li .img_wrap::after{content:'';position: absolute;top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,.5) 100%);} .sub_list01_wrap .slide_con03 li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;} .sub_list01_wrap .slide_con03 li .txt_wrap{position: absolute; left: 0; bottom: 0; width: 100%; padding: 15px;z-index: 100;} .sub_list01_wrap .slide_con03 li .txt_wrap p{font-size: 16px; color: #fff; font-weight: 600;} /* list01-con05 */ .sub_list01_wrap .slide_con04 li .img_wrap{position:relative; width:100%; padding-bottom:39.437%; border-radius:15px; overflow: hidden;} .sub_list01_wrap .slide_con04 li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:auto; max-width:100%; max-height:100%; object-fit:cover;} .sub_list01_wrap .slide_con04 .slick-dots{display: flex; align-items: center; justify-content: center; gap:10px; margin-top: 10px;} .sub_list01_wrap .slide_con04 .slick-dots li{width: 9px; height: 9px; background: rgba(17,17,17,.3); border-radius:50%;transition:.3s; text-indent: -9999px;} .sub_list01_wrap .slide_con04 .slick-dots li.slick-active{background: rgba(17,17,17,1);} /* list01-con06 */ .sub_list01_wrap .con06{padding: 50px 0px 0px;} .sub_list01_wrap .con06 .btn_wrap01{display: flex; gap:5px; margin-bottom: 30px;} .sub_list01_wrap .con06 .btn_wrap01 a{display: flex; align-items: center; gap:5px; justify-content: center;width: calc((100% - 10px) / 3); height: 40px; border:1px solid #acacac; border-radius:5px;} .sub_list01_wrap .con06 .btn_wrap01 a p{font-size: 14px; color: #111; letter-spacing: -0.03em; } .sub_list01_wrap .con06 .btn_wrap01 a img{height: 16px;} .sub_list01_wrap .con06 .tit span{display: block; font-size: 18px; color: #222; font-weight: 500; margin-bottom: 15px;} .sub_list01_wrap .con06 .tit p{font-size: 20px; color: #222; font-weight: 600;} .sub_list01_wrap .con06 .txt{margin: 25px 0px;} .sub_list01_wrap .con06 .txt p{font-size: 14px; color: #222; font-weight: 600; margin-bottom: 5px;} .sub_list01_wrap .con06 .txt span{display: block;font-size: 13px; color: #222; } .sub_list01_wrap .con06 .btn_wrap02{display: flex; align-items: center;gap:73px;} .sub_list01_wrap .con06 .btn_wrap02 a{flex:1;} .sub_list01_wrap .con06 .btn_wrap02 a p{position: relative;font-size: 13px; color: #222; font-weight: 500; padding-right: 20px;width: fit-content;} .sub_list01_wrap .con06 .btn_wrap02 a p::after{content:'';position: absolute; top: 50%; right: 0; transform:translateY(-50%); background: url(https://www.naeiltour.co.kr/app/images/more_btn02.png)center no-repeat; width: 10px; height: 10px; background-size: cover;} /* member공통 */ .login_wrap{line-height: 1;padding: 25px 0 70px;} .login_wrap .meun_box{display: flex;border-radius: 45px;background: #ededed;margin-bottom: 20px;} .login_wrap .meun_box a{display: block;line-height: 45px;flex:1;text-align: center;font-size: 14px;color: #999;border-radius: 45px;} .login_wrap .meun_box a.on{background: #01b99d;color: #fff;} .login_wrap02 input{width: 100%;height: 45px;border: 1px solid #ddd;padding: 0 10px;font-size: 14px;} .login_wrap02 input::placeholder{color: #999;} .login_wrap02 select{width: 100%;height: 45px;border: 1px solid #ddd;padding: 0 10px;font-size: 14px;} .join_wrap04 input{width: 100%;height: 45px;border: 1px solid #ddd;padding: 0 10px;font-size: 14px;} .join_wrap04 input::placeholder{color: #999;} .join_wrap04 select{width: 100%;height: 45px;border: 1px solid #ddd;padding: 0 10px;font-size: 14px;} .join_wrap{line-height: 1;padding: 25px 0 70px;} h3.sub_tit01{font-size: 1.2rem;color: #222;margin-bottom: 15px; letter-spacing: -0.03em; } h4.sub_tit02{display: flex;align-items: center;font-weight: 400;justify-content: space-between;padding: 10px;background: #f4f4f4;font-size: 12px;color: #444;margin-bottom: 20px;} button.j_btn01{width: 100%;height: 45px;background: #333;font-size: 15px;color: #fff;} .j_btn_wrap{display: flex;margin-top: 20px;justify-content: space-between;} .j_btn_wrap a{display: block;width: 100px;height: 45px;line-height: 45px;text-align: center;border: 1px solid #ddd;font-size: 12px;color: #888;} .j_btn_wrap a:nth-child(2){background: #333;color: #fff;border: 1px solid #333;} .ck_box input{display: none;} .ck_box label{position: relative;padding-left: 20px;font-size: 14px;color: #222;} .ck_box label:after{content:"";position: absolute;left: 0;top: 50%;transform:translateY(-50%);transition:.3s;width: 15px;height: 15px;background:url(https://www.naeiltour.co.kr/app/images/sub/login_ico04.png)center no-repeat;background-size:cover ; } .ck_box input:checked + label:after{background:url(https://www.naeiltour.co.kr/app/images/sub/login_ico03.png)center no-repeat;background-size:cover ; } .ck_box2 {display: flex; flex-wrap:wrap; gap:4px; align-items: center;} .ck_box2:not(:last-child) {margin-bottom: 5px;} .ck_box2 input[type="number"]{display: block;} .ck_box2 input[type="text"]{display: block;} .j_slide_box{margin-bottom: 60px;} .j_slide_box ul li a{display: block;position:relative; width:100%; padding-bottom:39.437%; } .j_slide_box ul li a img{position:absolute;left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;} .j_slide_box .slick-dots{display: flex;margin-top: 20px;justify-content: center;gap:10px;} .j_slide_box .slick-dots li{text-indent: -9999px;width: 9px;height: 9px;border-radius: 50%;background: #b7b7b7;} .j_slide_box .slick-dots li.slick-active{background: #222;} .center_wrap .center01{margin-bottom:50px;} .center_wrap .center01 .a_box{display: flex;justify-content: space-between;} .center_wrap .center01 .a_box a{display: flex;width: calc((100% - 20px)/3);height: 40px;border: 1px solid #ddd;gap:10px;border-radius: 5px;align-items: center;justify-content: center;} .center_wrap .center01 .a_box a p{font-size: 12px;color: #222;} .center_wrap .center01 .a_box a:nth-child(1) img{width: 20px;} .center_wrap .center01 .a_box a:nth-child(2) img{width: 13px;} .center_wrap .center01 .a_box a:nth-child(3) img{width: 15px;} .center_wrap .center02{color: #222;} .center_wrap .center02 .txt01{margin-bottom: 30px;} .center_wrap .center02 .txt01 span{display: block;font-size: 20px;font-weight: 500;margin-bottom: 15px;} .center_wrap .center02 .txt01 p{font-size: 30px;font-weight: 800;} .center_wrap .center02 .txt02{margin-bottom: 25px;} .center_wrap .center02 .txt02 span{display: block;margin-bottom: 5px;font-size: 12px;font-weight: 700;} .center_wrap .center02 .txt02 p{font-size: 12px;} .center_wrap .center02 .a_box{display: flex;} .center_wrap .center02 .a_box a{display: flex;gap:10px;align-items: center;flex:1;} .center_wrap .center02 .a_box a p{font-size: 13px;font-weight: 500;} .center_wrap .center02 .a_box a img{width: 10px;} /* join_wrap01 */ .join_wrap01 {padding: 20px 0;} .join_wrap01 .con01 .a_box a{display: flex;gap:10px;height: 45px;border: 1px solid #ddd;align-items: center;justify-content: center;} .join_wrap01 .con01 .a_box a p{font-size: 12px;color: #444;} .join_wrap01 .con01 .a_box02{margin-bottom: 20px;} .join_wrap01 .con01 .a_box02 a:not(:last-child){margin-bottom: 10px;} .join_wrap01 .con01 .a_box02 a:nth-child(1) img{width: 13px;} .join_wrap01 .con01 .a_box02 a:nth-child(2) img{width: 15px;} .join_wrap01 .con01 .a_box02 a:nth-child(3) img{width: 14px;} .join_wrap01 .con01 .line01{position: relative;margin: 15px 0;} .join_wrap01 .con01 .line01:after{content:'';position: absolute;left: 0;top: 50%;transform:translateY(-50%);width: 100%;height: 1px;border-top: 1px dashed #ddd;} .join_wrap01 .con01 .line01 p{position: relative;width: fit-content;margin: 0 auto;padding: 0 13px;background: #fff;z-index: 20;font-size: 12px;color: #b3b3b3;} .join_wrap01 .con01 .notice01{border: 1px dashed #ddd;background: #f9f9f9;padding: 0 15px;line-height: 43px;font-size: 11px;color: #999;margin-bottom: 40px;} /* join_wrap02 */ .join_wrap02 .con01{margin-bottom: 40px;} .join_wrap02 .con01 ul{border-top: 1px solid #00b296;word-break: keep-all; margin-bottom: 20px;} .join_wrap02 .con01 ul li{display: flex;align-items: center;justify-content: space-between;padding: 15px 0;border-bottom:1px solid #ddd;} .join_wrap02 .con01 ul li:nth-child(1){padding-top: 5px;} .join_wrap02 .con01 ul li label{padding-left: 25px;} .join_wrap02 .con01 ul li label p{padding-left: 25px;margin-bottom: 5px;font-size: 12px;color: #444;} .join_wrap02 .con01 ul li:nth-child(1) label span{display: block;padding-left: 25px;font-size: 11px;color: #444;line-height: 15px;} .join_wrap02 .con01 ul li label span.co01{color: #00af93;} .join_wrap02 .con01 ul li label span.co02{color: #b6b6b6;} .join_wrap02 .con01 ul li a{display: flex;align-items: center;gap:10px;padding-right: 5px;} .join_wrap02 .con01 ul li a p{font-size: 12px;color: #999;} .join_wrap02 .con01 ul li a img{width: 5px;} .join_wrap02 .con01 .notice02{padding: 12px 15px;border: 1px dashed #ddd;background: #f9f9f9;font-size: 11px;color: #999;line-height: 17px;} /* join_wrap02 */ .login_wrap .con01 .a_box a{display: flex;gap:10px; width:100%; height: 45px;border: 1px solid #ddd;align-items: center;justify-content: center;} .login_wrap .con01 .a_box a p{font-size: 14px;color: #444;} .login_wrap .con01 .a_box02{margin-bottom: 20px; width:100%;} .login_wrap .con01 .a_box02 a:not(:last-child){margin-bottom: 10px;} .login_wrap .con01 .a_box02 a:nth-child(1) img{width: 13px;} .login_wrap .con01 .a_box02 a:nth-child(2) img{width: 15px;} .login_wrap .con01 .a_box02 a:nth-child(3) img{width: 14px;} .login_wrap .con02{margin-bottom: 40px;} .login_wrap .con02 ul{border-top: 1px solid #00b296;word-break: keep-all; margin-bottom: 20px;} .login_wrap .con02 ul li{display: flex;align-items: center;justify-content: space-between;padding: 15px 0;border-bottom:1px solid #ddd;} .login_wrap .con02 ul li:nth-child(1){padding-top: 5px;} .login_wrap .con02 ul li label{padding-left: 25px;} .login_wrap .con02 ul li label p{padding-left: 25px;margin-bottom: 5px;font-size: 12px;color: #444;} .login_wrap .con02 ul li:nth-child(1) label span{display: block;padding-left: 25px;font-size: 11px;color: #444;line-height: 15px;} .login_wrap .con02 ul li label span.co01{color: #00af93;} .login_wrap .con02 ul li label span.co02{color: #b6b6b6;} .login_wrap .con02 ul li a{display: flex;align-items: center;gap:10px;padding-right: 5px;} .login_wrap .con02 ul li a p{font-size: 12px;color: #999;} .login_wrap .con02 ul li a img{width: 5px;} .login_wrap .con02 .notice02{padding: 12px 15px;border: 1px dashed #ddd;background: #f9f9f9;font-size: 11px;color: #999;line-height: 17px;} /* join_wrap03 */ .join_wrap03 .con01{margin-bottom: 40px;} .join_wrap03 .con01 .txt01{padding: 13px 10px;border-top: 1px solid #00af93;border-bottom: 1px solid #ddd;margin-bottom: 20px;} .join_wrap03 .con01 .txt01 p{font-size: 11px;color: #444;line-height: 15px;} .join_wrap03 .con01 .txt01 p:nth-child(1){margin-bottom: 3px;} /* join_wrap04 */ .join_wrap04 .sub_tit02 span{color: #ff0000;} .join_wrap04 .con01{margin-bottom: 30px;} .join_wrap04 .con01 ul li:not(:last-child){margin-bottom: 15px;} .join_wrap04 .con01 ul li p{font-size: 15px;color: #222;margin-bottom: 7px;} .join_wrap04 .con01 ul li p span{color: #ff0000;} .join_wrap04 .con01 ul li .i_box{position: relative;} .join_wrap04 .con01 ul li .i_box input{padding-right: 100px; font-size:14px; } .join_wrap04 .con01 ul li .i_box button{position: absolute;right: 10px;top: 50%;transform:translateY(-50%);width: 70px;height: 30px;background: #444;font-size: 14px;color: #fff;} .join_wrap04 .con01 ul li .i_box02{display: flex;justify-content: space-between;align-items: center;} .join_wrap04 .con01 ul li:nth-child(5) .i_box02 input{width: 32%;} .join_wrap04 .con01 ul li:nth-child(5) .i_box02 select{width: 26%;} .join_wrap04 .con01 ul li:nth-child(6) .i_box02 input{width: 32%;} .join_wrap04 .con01 ul li:nth-child(6) .i_box02 select{width: 23%;} .join_wrap04 .con01 ul li:nth-child(7) .i_box02 select{width: calc((100% - 20px)/3);} .join_wrap04 .con02{margin-bottom: 40px;} .join_wrap04 .con02 .txt01{margin-bottom: 15px;} .join_wrap04 .con02 .txt01 p{margin-bottom: 13px;font-size: 15px;color: #222;} .join_wrap04 .con02 .txt01 span{font-size: 13px;color: #999;line-height: 15px;} .join_wrap04 .con02 .box01{display: flex;margin-bottom: 30px;gap:10px;} /* join_wrap05 */ .join_wrap05 .con01{height: 150px;display: flex;align-items: center;justify-content: center;flex-direction:column;border: 10px solid #f3f3f3;gap:12px;} .join_wrap05 .con01 img{width: 25px;} .join_wrap05 .con01 p{font-size: 12px;color: #666;line-height: 18px;text-align: center;} .join_wrap05 .con01 p span{color: #222;font-weight: 500;} .join_wrap05 .j_btn_wrap{justify-content: center;margin-bottom: 40px;gap:10px;} /* login_wrap01 */ .login_wrap01 .con01 .box01{margin-bottom: 15px;} .login_wrap01 .con01 .box01 input{display: block;width: 100%;height: 45px;border: 1px solid #ddd;padding: 0 20px 0 40px;font-size: 14px;} .login_wrap01 .con01 .box01 input:nth-child(1){margin-bottom: 10px;background:url(https://www.naeiltour.co.kr/app/images/sub/login_ico01.png)left 10px center no-repeat;background-size:15px auto ; } .login_wrap01 .con01 .box01 input:nth-child(2){background:url(https://www.naeiltour.co.kr/app/images/sub/login_ico02.png)left 10px center no-repeat;background-size:12px auto ; } .login_wrap01 .con01 .box02{display: flex;gap:10px;margin-bottom: 20px;} .login_wrap01 .con02{margin-top: 20px;} .login_wrap01 .con02 .box01{display: flex;gap:20px;justify-content: center;} .login_wrap01 .con02 .box01 a{position: relative;font-size: 14px;color: #888;} .login_wrap01 .con02 .box01 a:not(:last-child):after{content:'';position: absolute;top: 50%;transform:translateY(-50%);width: 1px;height:7px;background: #888;right: -11px;} .login_wrap01 .con02 .box01 a:last-child{color: #333;} .login_wrap01 .con02 .box02 .a_box a{display: flex;gap:10px;height: 45px;border: 1px solid #ddd;align-items: center;justify-content: center;} .login_wrap01 .con02 .box02 .a_box a p{font-size: 14px;color: #444;} .login_wrap01 .con02 .box02 .a_box02{margin-bottom: 20px;} .login_wrap01 .con02 .box02 .a_box02 a:not(:last-child){margin-bottom: 10px;} .login_wrap01 .con02 .box02 .a_box02 a:nth-child(1) img{width: 14px;} .login_wrap01 .con02 .box02 .a_box02 a:nth-child(2) img{width: 18px;} .login_wrap01 .con02 .box02 .a_box02 a:nth-child(3) img{width: 14px;} .login_wrap01 .con02 .box02 .line01{position: relative;margin: 20px 0;} .login_wrap01 .con02 .box02 .line01:after{content:'';position: absolute;left: 0;top: 50%;transform:translateY(-50%);width: 100%;height: 1px;border-top: 1px dashed #ddd;} .login_wrap01 .con02 .box02 .line01 p{position: relative;width: fit-content;margin: 0 auto;padding: 0 13px;background: #fff;z-index: 20;font-size: 14px;color: #b3b3b3;} /* login_wrap02 */ .login_wrap02 .con01 .tab-menu-wrap {display: flex;gap:10px;margin-bottom: 13px;} .login_wrap02 .con01 .tab-menu-wrap a{position: relative;display: block;padding-left: 20px;font-size: 14px;color: #444;} .login_wrap02 .con01 .tab-menu-wrap a:after{content:"";position: absolute;left: 0;top: 50%;transform:translateY(-50%);transition:.3s;width: 15px;height: 15px;background:url(https://www.naeiltour.co.kr/app/images/sub/login_ico04.png)center no-repeat;background-size:cover ; } .login_wrap02 .con01 .tab-menu-wrap a.on:after{background:url(https://www.naeiltour.co.kr/app/images/sub/login_ico03.png)center no-repeat;background-size:cover ;} .login_wrap02 .con01 .tab-container{margin-bottom: 30px;} .login_wrap02 .con01 .tab-con ul li:not(:last-child){margin-bottom: 10px;} .login_wrap02 .con01 .tab-con li:last-child{display: flex;justify-content: space-between;align-items: center;} .login_wrap02 .con01 .tab-con li:last-child select{width: 23%;} .login_wrap02 .con01 .tab-con li:last-child input{width: 32%;} .login_wrap02 .con01 .tab-con:nth-child(3) li:last-child select{width: 26%;} .login_wrap02 .con01 .tab-con:nth-child(3) li:last-child input{width: 45%;} .login_wrap02 .con01 .tab-con button{margin-top: 20px;} /* search_on_wrap 공통*/ h2.s_tit01{font-size: 18px;font-weight: 600;color: #222;margin-bottom: 20px; letter-spacing: -0.03em;} ul.s_slide01 .slick-list { width:calc(100% + 10px);} ul.s_slide01 li{width: 172.5px;margin-right: 10px;} ul.s_slide01 li a{display: block;position: relative;border-radius: 15px;overflow:hidden;} ul.s_slide01 li a .img_box{position:relative; width:100%; padding-bottom:120%; } ul.s_slide01 li a .img_box img{position:absolute;left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%;object-fit:cover;} ul.s_slide01 li a p{position: absolute;left: 0;bottom: 0;width: 100%;border-radius: 15px;background: rgba(0,0,0,.4);line-height: 43px;padding: 0 15px;font-size: 16px;font-weight: 600;color: #fff;} ul.s_slide02 .slick-list{border: 1px solid #ddd;} ul.s_slide02 li {/* border: 1px solid #ddd; */} ul.s_slide02 li a{display: block;border-bottom: 1px solid #ddd;padding: 12px 15px;} ul.s_slide02 li a:last-child{border-bottom: 0;} ul.s_slide02 li a p{font-size: 16px;color: #222;font-weight: 500;white-space: nowrap; overflow:hidden;text-overflow: ellipsis; margin-bottom: 10px;} ul.s_slide02 li a span{display: block;font-size: 14px;color: #666;white-space: nowrap; overflow:hidden;text-overflow: ellipsis;} .search_on_wrap .slick-dots{display: flex;margin-top: 20px;justify-content: center;gap:10px;} .search_on_wrap .slick-dots li{text-indent: -9999px;width: 9px;height: 9px;border-radius: 50%;background: #b7b7b7;} .search_on_wrap .slick-dots li.slick-active{background: #222;} ul.s_slide03{display: block;} ul.s_slide03 .slick-list { width:calc(100% + 20px);} ul.s_slide03 li{width: 167.5px;margin-right: 20px;} a.more_btn01{display: flex;gap:10px;align-items: center;justify-content: center;width: 150px;height: 40px;border-radius: 40px;margin: 13px auto 0;border: 1px solid #ddd;} a.more_btn01 span{font-size: 14px;font-weight: 500;color: #222;} a.more_btn01 img{width: 7px;} .search_on_wrap{display: none;position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 8000; line-height: 1;} .search_on_wrap .search_wrap{display: flex; align-items: center; gap:20px; padding: 10px 2.6%; } .search_on_wrap .search_wrap .back_btn img{width: 25px;} .search_on_wrap .search_wrap .input_wrap{display: flex;gap:10px;width: calc(100% - 45px);background: #f1f2f3; border-radius:10px; height: 40px;padding: 0px 15px;} .search_on_wrap .search_wrap .input_wrap input{width: calc(100% - 18px); font-size:16px; border: 0;background: transparent; } .search_on_wrap .search_wrap .input_wrap input:focus{outline:0;} .search_on_wrap .search_wrap .input_wrap .search_btn img{width: 17px; padding-top:3px; } /* search_on_wrap01 */ .search_on_wrap01 .con:not(last-child){margin: 15px 0 20px;} .search_on_wrap01 .con01{margin: 25px 0 20px;} .search_on_wrap01 .con01 button{display: flex;width: 100%;padding: 0 10px;border: 1px solid #ddd;border-radius: 10px;align-items: center;height: 45px;background:url(https://www.naeiltour.co.kr/app/images/sub/search_ico02.png)right 10px center no-repeat;background-size:9px auto ; } .search_on_wrap01 .con01 button .txt01{font-size: 14px;font-weight: 600;color: #222;width: 80px;} .search_on_wrap01 .con01 button .txt02{display: flex;gap:10px;width: calc(100% - 80px);} .search_on_wrap01 .con01 button .txt02 span{color: #01b298;font-weight: 600;font-size: 14px;} .search_on_wrap01 .con01 button .txt02 p{font-size: 14px;color: #666;font-weight: 600;} /* search_on_wrap02 */ .search_on_wrap02 .top_box {position: relative;} .search_on_wrap02 .top_box button{position: absolute;left: 10px;top: 50%;transform:translateY(-50%);} .search_on_wrap02 .top_box button img{width: 25px;} .search_on_wrap02 .top_box p{line-height: 50px;border-bottom: 1px solid #ddd;text-align: center;font-size: 17px;font-weight: 600;color: #222;} .search_on_wrap02 .con01{margin-bottom: 20px;} .search_on_wrap02 .search_wrap{position: relative;padding: 20px 0 0 0;margin-bottom: 10px;} .search_on_wrap02 .search_wrap .input_wrap{width: 100%;} .search_on_wrap02 .search_wrap ul{display: none;position: absolute;left: 0;top: calc(100% + 5px);width: 100%;border-radius: 10px;background: #f1f2f3;padding: 15px 10px;} .search_on_wrap02 .search_wrap ul li:not(:last-child){margin-bottom: 10px;} .search_on_wrap02 .search_wrap ul li a{font-size: 15px;color: #333;} .search_on_wrap02 .con02{margin-bottom: 20px;} .search_on_wrap02 .con02 .txt01{display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;} .search_on_wrap02 .con02 .txt01 p{font-size: 15px;color: #888;} .search_on_wrap02 .con02 .txt01 p span{font-weight: 700;color: #222;} .search_on_wrap02 .con02 a{display: flex;align-items: center;gap:5px;} .search_on_wrap02 .con02 a span{font-size: 14px;color: #444;} .search_on_wrap02 .con02 a img{width: 13px;} .search_on_wrap02 .con02 ul{display: flex;gap:10px;flex-wrap:wrap;} .search_on_wrap02 .con02 ul li{width: calc((100% - 30px)/4);} .search_on_wrap02 .con02 ul li a{display: block;height: 30px;border-radius: 30px;border: 1px solid #aaaaaa;font-size: 12px;line-height: 28px;color: #aaa;text-align: center;} .search_on_wrap02 .con02 ul li.on a{background: #aaa;color: #fff;font-weight: 600;} .search_on_wrap02 .con02 .select_wrap{display:flex;width:100%; gap:10px;} .search_on_wrap02 .con02 .select_wrap select{width:100%; height: 36px; border:1px solid #ddd; border-radius:5px; padding: 0px 10px;font-size: 13px; color: #222; -webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none; background: url(https://www.naeiltour.co.kr/app/images/sub/mypage_icon09.png)center right 16px no-repeat; background-size: 11px;} .search_on_wrap02 .con02 .select_wrap select:focus{outline:none;} .search_on_wrap .txt_list li{display: inline-flex; justify-content:space-between; margin-bottom:10px; position:relative; padding-left:15px;} .search_on_wrap .txt_list li:before{position:absolute; content:''; width:4px; height:4px; top:4px; left:0; background:#00b79a; border-radius:100%;} .search_on_wrap .txt_list li:last-child{margin-bottom:0;} .search_on_wrap .txt_list li p{font-size:14px;} .search_on_wrap .txt_list li img{width:9px; height:9px;} .search_on_wrap02 .txt01_wrap{display:flex; gap:15px;} .searchClose {width:30px; text-align:center;} .search_on_wrap02 .con03 ul.list02{ letter-spacing: -0.03em; } .search_on_wrap02 .con03 ul.list02 li{width:100%; display:flex; border-bottom:1px solid #ddd; padding:20px 0;} .search_on_wrap02 .con03 ul.list02 li:last-child{border-bottom:none;} .search_on_wrap02 .con03 ul.list02 li a{width:100%; display:flex; gap:20px;align-items: center; } .search_on_wrap02 .con03 ul.list02 li .img_wrap{width:30%;} .search_on_wrap02 .con03 ul.list02 li .img_wrap img{width:100%;} .search_on_wrap02 .con03 ul.list02 .txt_wrap .tag_wrap{display: flex;flex-wrap: wrap;gap: 6px;} /* margin-bottom: 10px; */ .search_on_wrap02 .con03 ul.list02 .txt_wrap .tag_wrap em{display: inline-block;font-size: 13px; color: #333;line-height: 150%;} .search_on_wrap02 .con03 ul.list02 .txt_wrap .tag_wrap em:not(:last-child){margin-right: 5px;} .search_on_wrap02 .con03 ul.list02 .txt_wrap p{font-size: 16px; color: #222; font-weight: 600; line-height: 20px; margin: 5px 0 5px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;} .search_on_wrap02 .con03 ul.list02 .txt_wrap strong{display: block;font-size: 16px; color: #222; font-weight: 600;} .search_on_wrap02 .con03 ul.list02 .txt_wrap span{font-size: 16px; color: #555; font-weight: 500;} /* search_on_wrap03 */ .search_on_wrap03 .box01{display: flex;margin: 30px 0;height: 250px;align-items: center;justify-content: center;flex-direction:column;gap:15px;} .search_on_wrap03 .box01 img{width: 40px;} .search_on_wrap03 .box01 p{font-size: 14px;color: #222;font-weight: 500;} /* sub01공통 */ .sub01_wrap{padding-bottom: 35px;} ul.sub_list01 li{border-radius: 15px;border: 1px solid #ddd;margin-bottom: 10px;overflow:hidden;} ul.sub_list01 li:last-child{margin-bottom: 0;} ul.sub_list01 li .img_box{position:relative; width:100%; padding-bottom:45.07%; } ul.sub_list01 li .img_box img{position:absolute;left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%;object-fit:cover;} ul.sub_list01 li .txt_wrap{padding: 15px;} ul.sub_list01 li .txt_wrap .txt01{display: flex;gap:6px;flex-wrap:wrap;margin-bottom: 12px;} ul.sub_list01 li .txt_wrap .txt01 p{font-size: 12px;color: #999;} ul.sub_list01 li .txt_wrap .txt02{font-size: 15px;margin-bottom: 17px;color: #222;font-weight: 700;line-height: 22px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word} ul.sub_list01 li .txt_wrap .txt03{display: flex;gap:20px;align-items: center;margin-bottom: 20px;} ul.sub_list01 li .txt_wrap .txt03 .txt{display: flex;gap:10px;align-items: center;} ul.sub_list01 li .txt_wrap .txt03 .txt .img_wrap{width: 12px;} ul.sub_list01 li .txt_wrap .txt03 .txt .img_wrap .img_box{position:relative; width:100%; padding-bottom:100%; } ul.sub_list01 li .txt_wrap .txt03 .txt .img_wrap .img_box img{position:absolute;left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;} ul.sub_list01 li .txt_wrap .txt03 .txt p{font-size: 10px;color: #333;} ul.sub_list01 li .txt_wrap .txt04{display: flex;align-items: center;justify-content: space-between;} ul.sub_list01 li .txt_wrap .txt04 p.txt{font-size: 20px;font-weight: 700;color: #222;} ul.sub_list01 li .txt_wrap .txt04 p.txt span{font-size: 15px;font-weight: 400;} ul.sub_list01 li .txt_wrap .txt04 a{display: flex;gap:10px;align-items: center;justify-content: center;width: 125px;height: 40px;background: #222;} ul.sub_list01 li .txt_wrap .txt04 a p{font-size: 12px;color: #fff;font-weight: 500;} ul.sub_list01 li .txt_wrap .txt04 a img{width: 10px;} ul.sub_list02 li:nth-child(1) a{padding-top: 0;} ul.sub_list02 li a{display: flex;justify-content: space-between;align-items: center;padding: 15px 0 15px 0;border-bottom: 1px solid #ddd;} ul.sub_list02 li a .img_wrap{width: 25%;} ul.sub_list02 li a .img_wrap .img_box{position:relative; width:100%; padding-bottom:100%;border-radius: 5px;overflow:hidden;} ul.sub_list02 li a .img_wrap .img_box img{position:absolute;left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%;object-fit:cover} ul.sub_list02 li a .txt_wrap{width: 71%; letter-spacing: -0.03em} ul.sub_list02 li a .txt_wrap .txt01{display: flex;flex-wrap:wrap;gap:6px;margin-bottom: 10px;} ul.sub_list02 li a .txt_wrap .txt01 p{font-size: 13px;color: #333; } ul.sub_list02 li a .txt_wrap .txt02{font-size: 16px;font-weight: 600;color: #222;line-height: 22px;overflow: hidden; letter-spacing: -0.03em; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;} /* margin-bottom: 12px;*/ ul.sub_list02 li a .txt_wrap .txt03{font-size:16px ;font-weight: 600;color: #222; letter-spacing: -0.03em;} ul.sub_list02 li a .txt_wrap .txt03 span{font-weight: 400;font-size: 15px;} ul.sub_list03 li{padding: 15px 10px;border-radius: 15px;border: 1px solid #ddd;margin-bottom: 10px;} ul.sub_list03 li:last-child{margin-bottom: 0;} ul.sub_list03 li .txt01{margin-bottom: 15px;} ul.sub_list03 li .txt02{display: flex;flex-wrap:wrap;gap:6px;margin-bottom: 10px;} ul.sub_list03 li .txt02 p{font-size: 14px;color: #999;} ul.sub_list03 li .txt03{font-size: 15px;font-weight: 600;margin-bottom: 10px;color: #222;line-height: 22px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; /*-webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;*/} ul.sub_list03 li .txt04{font-size: 14px;color: #999;line-height: 18px;margin-bottom: 12px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;} ul.sub_list03 li .txt05{display: flex;margin-bottom: 7px;} ul.sub_list03 li .txt05 .txt{display: flex;gap:5px;align-items: center;width: 60px;} ul.sub_list03 li .txt05 .txt img{width: 11px;} ul.sub_list03 li .txt05 .txt p{font-size: 14px;color: #454545;font-weight: 500;} ul.sub_list03 li .txt05 span{display: block;width: calc(100% - 77px);font-size: 14px;color: #888;font-weight: 500;} ul.sub_list03 li .txt06{display: flex;gap:20px;align-items: center;margin-bottom: 20px;} ul.sub_list03 li .txt06 .txt{display: flex;gap:10px;align-items: center;} ul.sub_list03 li .txt06 .txt .img_wrap{width: 27px;} ul.sub_list03 li .txt06 .txt .img_wrap .img_box{position:relative; width:100%; padding-bottom:100%; } ul.sub_list03 li .txt06 .txt .img_wrap .img_box img{position:absolute;left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;} ul.sub_list03 li .txt06 .txt p{font-size: 14px;color: #333;font-weight: 500;} ul.sub_list03 li .txt07 {font-size: 17px;font-weight: 600;color: #222;margin-bottom: 15px; letter-spacing: -0.03em; } ul.sub_list03 li .txt07 span{font-size: 15px;font-weight: 400;} ul.sub_list03 li a{display: block;height:35px; line-height: 35px;text-align: center;background: #fff;font-size: 14px;font-weight: 500;color:var(--co02); border: 1px solid var(--co02); border-radius:5px; } /* ul.sub_list03 li a{display: block;height: 40px;line-height: 38px;text-align: center;background: #111;font-size: 15px;font-weight: 500;color: #fff;} */ .selec_box{font-size:16px;outline:none;border:none;} /* sub01_listwrap01 */ .sub01_listwrap01{line-height: 1;} .sub01_listwrap01 .cate_box{margin: 10px 0 0px;} .sub01_listwrap01 .cate_box > ul{display: flex;padding: 0 7px;height: 37px;border-radius: 5px;background: #f1f2f3;gap:25px;} .sub01_listwrap01 .cate_box > ul li{position: relative;display: flex;gap:5px;align-items: center;font-size: 14px;font-weight: 600;color: #222;} .sub01_listwrap01 .cate_box > ul li button img{position: relative;top: 6px;width: 13px;} .sub01_listwrap01 .cate_box > ul li:not(:last-child):after{content:'';position: absolute;right: -15px;top: 50%;transform:translateY(-50%);width: 6px;height: 11px;background:url(https://www.naeiltour.co.kr/app/images/sub/sub01_ico02.png)center no-repeat;background-size:cover ;} .sub01_listwrap01 .f_box{display: flex;align-items: center;justify-content: space-between;} /* margin-bottom: 20px; */ .sub01_listwrap01 .f_box button{display: flex;gap:5px;align-items: center;} .sub01_listwrap01 .f_box button span{font-size: 14px;color: #333;font-weight: 600;} .sub01_listwrap01 .f_box button img{width: 15px;} .sub01_listwrap01 .f_box a{display: flex;gap:5px;align-items: center;} .sub01_listwrap01 .f_box a span{font-size: 14px;color: #444;} .sub01_listwrap01 .f_box a img{width: 13px;} .sub01_listwrap01 .f_box .f_box_wrap{display:flex; gap:10px;} .sub01_listwrap01 .f_box .on {font-weight: bold;} /* sub01_listwrap03 */ .sub01_listwrap03 .tag01{display: block;width: 56px;height: 24px;text-align: center;line-height: 20px;font-size: 14px;} .sub01_listwrap03 .tag01.red01{background: #fde7e7;color: #f01818;} .sub01_listwrap03 .tag01.blue01{background: #e7f0fd;color: #1869f0;} .sub01_listwrap03 .tag01.white01{color: #aaa;border: 1px solid #ddd;} .sub01_listwrap03 .tag01.gray01{background: #eeeeee;color: #888;} .sub01_listwrap03 .tag01.orange01{background: #f07902;color: #ffffff;} /* .sub01_listwrap03 .con01{padding: 35px 20px 30px;border: 1px solid #ddd;border-radius: 15px;margin-bottom: 15px;} */ .sub01_listwrap03 .con01 .box01{display: flex;margin-bottom: 25px;align-items: center;justify-content: center;gap:30px;} .sub01_listwrap03 .con01 .box01 button img{width: 9px;} .sub01_listwrap03 .con01 .box01 p{font-size: 17px;font-weight: 500;color: #222;} .sub01_listwrap03 .con01 .box02 .red01{color: #dc6060;} .sub01_listwrap03 .con01 .box02 table{width: 100%;} .sub01_listwrap03 .con01 .box02 table tr th{font-size: 15px;font-weight: 600;color: #222;padding-bottom: 0px;} .sub01_listwrap03 .con01 .box02 table tr td{padding: 0 0 3px 0;vertical-align: baseline;} .sub01_listwrap03 .con01 .box02 table tr td p{width: 30px;height: 30px;border-radius: 50%;text-align: center;line-height: 30px;color: #222;font-size: 15px;font-weight: 600;margin: 0 auto 0px;} .sub01_listwrap03 .con01 .box02 table tr td p.on{background: #00b79a;color: #fff;} .sub01_listwrap03 .con01 .box02 table tr td p.off{color: #999;} .sub01_listwrap03 .con01 .box02 table tr td span{display: block;font-size: 10px;color: #444;text-align: center;line-height: 1;} .sub01_listwrap03 .con02 .box01{display: flex;align-items: center;justify-content: space-between;margin-bottom: 12px;} .sub01_listwrap03 .con02 .box01 .i_box input{display: none;} .sub01_listwrap03 .con02 .box01 .i_box label{position: relative;padding-left: 30px;font-size: 14px;color: #222;} .sub01_listwrap03 .con02 .box01 .i_box label:after{content:'';position: absolute;left: 0;top: 50%;transform:translateY(-50%);width: 20px;height: 20px;border: 1px solid #ddd;} .sub01_listwrap03 .con02 .box01 .i_box label:before{content:'';position: absolute;opacity: 0;transition:.2s;left: 4px;top: 50%;transform:translateY(-50%);width: 12px;height: 8.5px;background:url(https://www.naeiltour.co.kr/app/images/sub/sub01_ico14.png)center no-repeat;background-size:cover ; } .sub01_listwrap03 .con02 .box01 .i_box input:checked + label:before{opacity: 1;} .sub01_listwrap03 .con02 .box01 a{display: flex;gap:5px;align-items: center;} .sub01_listwrap03 .con02 .box01 a span{font-size: 14px;color: #222;} .sub01_listwrap03 .con02 .box01 a img{width: 11px;} .sub01_listwrap03 .con02 .box02{display: flex;gap:5px;margin-bottom: 10px;} .cate_box{position:relative;} .cate_box .cate1{display:none; position:absolute; top:37px ;right:0; box-shadow:2px 2px 20px rgb(9 38 70 / 12%); background:#fff; z-index:999;} .cate_box .cate1.on{display:block;} .cate_box .cate1 ul.cate_list04{display:flex; flex-direction:column; gap:5px; padding:10px 10px;} .cate_box .cate1 ul.cate_list04 li:after{display:none;} .cate_box .cate2{display:none; position:absolute; top:37px ;right:0; box-shadow:2px 2px 20px rgb(9 38 70 / 12%); background:#fff; z-index:999;} .cate_box .cate2.on{display:block;} .cate_box .cate2 ul.cate_list04{display:flex; flex-direction:column; gap:5px; padding:10px 10px;} .cate_box .cate2 ul.cate_list04 li:after{display:none;} .sub01_listwrap03 .con01{padding: 0; border:none; border-radius: 15px;margin-bottom: 30px;} .sub01_listwrap03 .swiper-slide { overflow:hidden; display:flex; justify-content:center; align-items:center;}/* height:190px;border-radius:25px 25px 0 0; */ .sub01_listwrap03 .con01 .visual_items{position: absolute; bottom: 45px; right: 2.6%;width: 60px; height: 20px; background: rgba(0,0,0,.5); border-radius:50px;z-index: 100;} .sub01_listwrap03 .con01 .visual_items .visual_num{display: flex;width: ;align-items: center;gap:5px;transform: translateY(1px);justify-content: center;} .sub01_listwrap03 .con01 .visual_items .visual_num span{display: block;font-size: 12px; color: #fff;} .sub01_listwrap03 .list03_con02{margin-top:10px; margin-bottom: 25px;} .sub01_listwrap03 .list03_con02 .txt01{display:flex; align-items: center; justify-content: space-between;margin-bottom: 5px;} .sub01_listwrap03 .list03_con02 .txt01 .txt{display: flex;gap:6px;width: calc(100% - 60px);flex-wrap:wrap;} .sub01_listwrap03 .list03_con02 .txt01 .txt p{font-size: 14px;color: #999;} .sub01_listwrap03 .list03_con02 .txt01 .btn_wrap{display: flex;gap:10px;align-items: center;} .sub01_listwrap03 .list03_con02 .txt01 .btn_wrap button{display: flex;align-items: center;justify-content: center;} .sub01_listwrap03 .list03_con02 .txt01 .btn_wrap button:nth-child(1) img{width: 25px;} .sub01_listwrap03 .list03_con02 .txt01 .btn_wrap button:nth-child(2) img{width: 15px;} .sub01_listwrap03 .list03_con02 .txt02{font-size: 15px;font-weight: 700;color: #222;line-height: 22px;margin-bottom: 17px;} .sub01_listwrap03 .list03_con02 .txt03{font-size: 20px;font-weight: 700;color: #222;} .sub01_listwrap03 .list03_con02 .txt03 span{font-size: 15px;font-weight: 400;} .sub01_listwrap03 .con03{padding: 17px 20px;background: #e5f8f5;border-radius: 5px;margin-bottom: 25px;} .sub01_listwrap03 .con03 p{font-size: 14px;color: #00b79a;line-height: 20px;margin-bottom: 15px;} .sub01_listwrap03 .con03 p:last-child{margin-bottom: 0;} /* filter_wrap */ .filter_wrap{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(0,0,0,.3);z-index: 8000;} .filter_wrap .filter_box{position: absolute;bottom: 0;left: 0;width: 100%;border-radius: 10px 10px 0 0;background: #fff;padding: 25px 10px 20px;} .filter_wrap .filter_box .tit{display: flex;align-items: center;justify-content: space-between;padding-bottom: 13px;border-bottom: 1px solid #ddd;} .filter_wrap .filter_box .tit p{font-size: 18px;color: #444;} .filter_wrap .filter_box .tit button img{width: 15px;} .filter_wrap .filter_box ul li > button{width: 100%;display: flex;height: 44px;align-items: center;justify-content: space-between;border-bottom: 1px solid #ddd;} .filter_wrap .filter_box ul li > button p{font-size: 13px;color: #222;} .filter_wrap .filter_box ul li > button img{width: 9px;} .filter_wrap .filter_box ul li .box{padding: 0 0;} /* display: none; padding: 13px 0*/ .filter_wrap .filter_box ul li .box .p_box {display: flex;gap:10px;flex-wrap:wrap;margin-bottom: 15px;} .filter_wrap .filter_box ul li .box .p_box .p_wrap {width: calc((100% - 10px)/2);} .filter_wrap .filter_box ul li .box .p_box .p_wrap input{display: none;} .filter_wrap .filter_box ul li .box .p_box .p_wrap label{display: block;height: 31px;background: #ebebeb;line-height: 31px;text-align: center;font-size: 13px;color: #222;} .filter_wrap .filter_box ul li .box .i_wrap p{font-size: 13px;color: #222;margin-bottom: 12px;} .filter_wrap .filter_box ul li .box .i_wrap .i_box01{display: flex;justify-content: space-between;} .filter_wrap .filter_box ul li .box .i_wrap .i_box01 .i_box{display: flex;width: calc(100% - 100px);align-items: center;justify-content: space-between;} .filter_wrap .filter_box ul li .box .i_wrap .i_box01 .i_box input{padding: 0 5px;width: calc((100% - 25px)/2);height: 35px;border: 1px solid #ddd;} .filter_wrap .filter_box ul li .box .i_wrap .i_box01 button{width: 85px;height: 35px;background: #222;font-size: 15px;color: #fff;} .scate_wrap{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(0,0,0,.3);z-index: 8000;} .scate_wrap .filter_box{position: absolute;bottom: 0;left: 0;width: 100%;border-radius: 10px 10px 0 0;background: #fff;padding: 25px 10px 20px;} .scate_wrap .filter_box .tit{display: flex;align-items: center;justify-content: space-between;padding-bottom: 13px;border-bottom: 1px solid #ddd;} .scate_wrap .filter_box .tit p{font-size: 18px;color: #444;} .scate_wrap .filter_box .tit button img{width: 15px;} .scate_wrap .filter_box ul li > button{width: 100%;display: flex;height: 44px;align-items: center;justify-content: space-between;border-bottom: 1px solid #ddd;} .scate_wrap .filter_box ul li > button p{font-size: 13px;color: #222;} .scate_wrap .filter_box ul li > button img{width: 9px;} .scate_wrap .filter_box ul li .box{padding: 0 0;} /* display: none; padding: 13px 0*/ .scate_wrap .filter_box ul li .box .p_box {display: flex;gap:10px;flex-wrap:wrap;margin-bottom: 15px;} .scate_wrap .filter_box ul li .box .p_box .p_wrap {width: calc((100% - 10px)/2);} .scate_wrap .filter_box ul li .box .p_box .p_wrap input{display: none;} .scate_wrap .filter_box ul li .box .p_box .p_wrap label{display: block;height: 31px;background: #ebebeb;line-height: 31px;text-align: center;font-size: 13px;color: #222;} .scate_wrap .filter_box ul li .box .i_wrap p{font-size: 13px;color: #222;margin-bottom: 12px;} .scate_wrap .filter_box ul li .box .i_wrap .i_box01{display: flex;justify-content: space-between;} .scate_wrap .filter_box ul li .box .i_wrap .i_box01 .i_box{display: flex;width: calc(100% - 100px);align-items: center;justify-content: space-between;} .scate_wrap .filter_box ul li .box .i_wrap .i_box01 .i_box input{padding: 0 5px;width: calc((100% - 25px)/2);height: 35px;border: 1px solid #ddd;} .scate_wrap .filter_box ul li .box .i_wrap .i_box01 button{width: 85px;height: 35px;background: #222;font-size: 15px;color: #fff;} /* sub01_view01 */ .sub01_view01{padding-bottom: 100px;} .sub01_view01 .con_wrap{position: relative;} .sub01_view01 .con_wrap .tit{font-size: 16px;font-weight: 600;color: #222;margin-bottom: 12px; } .sub01_view01 .con_wrap:after{content:'';position: absolute;width: 100%;height: 25px;left: 0;top: -24px;background: #fff;border-radius: 20px 20px 0 0;z-index: 200;} .sub01_view01 .con01 .visual_items{position: absolute; bottom: 45px; right: 2.6%;width: 60px; height: 20px; background: rgba(0,0,0,.5); border-radius:50px;z-index: 100;} .sub01_view01 .con01 .visual_items .visual_num{display: flex;align-items: center;gap:5px;transform: translateY(1px);justify-content: center; padding: 2px 0;} .sub01_view01 .con01 .visual_items .visual_num span{display: block;font-size: 12px; color: #fff;} .sub01_view01 .con02{margin-bottom: 15px;} .sub01_view01 .con02 .txt01{display: flex;align-items: center;/*justify-content: center;*/margin-bottom: 5px;} .sub01_view01 .con02 .txt01 .txt{display: flex;gap:6px;width: calc(100% - 60px);flex-wrap:wrap;font-size: 18px;font-weight: 600; letter-spacing: -0.03em; } .sub01_view01 .con02 .txt01 .txt p{font-size: 12px;color: #999;} .sub01_view01 .con02 .txt01 .btn_wrap{display: flex;gap:10px;align-items: center;} .sub01_view01 .con02 .txt01 .btn_wrap button{display: flex;align-items: center;justify-content: center;} .sub01_view01 .con02 .txt01 .btn_wrap button:nth-child(1) img{width: 25px;} .sub01_view01 .con02 .txt01 .btn_wrap button:nth-child(2) img{width: 15px;} .sub01_view01 .con02 .txt02{font-size: 16px;font-weight: 600;color: #222;line-height: 22px;margin-bottom: 0px; letter-spacing: -0.03em; } .sub01_view01 .con02 .txt03{font-size: 16px;font-weight: 600;color: #222; letter-spacing: -0.03em;} .sub01_view01 .con02 .txt03 span{font-size: 15px;font-weight: 400;} .sub01_view01 .con03{padding: 15px;background: #e5f8f5;border-radius: 5px;margin-bottom: 25px;} .sub01_view01 .con03 p{font-size: 15px;color: #004e42;line-height: 20px;margin-bottom: 15px;} .sub01_view01 .con03 p:last-child{margin-bottom: 0;} .sub01_view01 .con04{margin-bottom: 25px;} .sub01_view01 .con04 .box{padding: 15px;border-radius: 7px;background: #f5f6f7;margin-bottom: 10px;} .sub01_view01 .con04 .box:last-child{margin-bottom: 0;} .sub01_view01 .con04 .box a{display: block;margin-top: 14px;border: 1px solid var(--co02);border-radius: 5px;background: #fff;color: var(--co02);font-size: 14px;font-weight: 500;text-align: center;line-height: 35px;} .sub01_view01 .con04 .box01 span{font-size: 14px;font-weight: 700;color: var(--co02);} .sub01_view01 .con04 .box02 .txt_box:nth-child(2){padding-bottom: 12px;margin-bottom: 12px;border-bottom: 1px solid #ddd;} .sub01_view01 .con04 .box02 .txt01{font-size: 14px;font-weight: 700;color: var(--co02);margin-bottom: 12px;} .sub01_view01 .con04 .box02 .txt02 .txt{display: flex;margin-bottom: 12px;} .sub01_view01 .con04 .box02 .txt02 .txt:last-child{margin-bottom: 0;} .sub01_view01 .con04 .box02 .txt02 .txt span{display: block;width: 55px;font-size: 14px;font-weight: 700;color: #888;} .sub01_view01 .con04 .box02 .txt02 .txt p{font-size: 14px;font-weight: 500;color: #222;width: calc(100% - 55px);} .sub01_view01 .con04 .box03 .txt01{font-size: 14px;color: #222;margin-bottom: 12px;} .sub01_view01 .con04 .box03 .txt01 span{color: var(--co02);} .sub01_view01 .con05 {margin-bottom: 25px;} .sub01_view01 .con05 ul{padding: 20px;border: 1px solid #ddd;border-radius: 7px;margin-bottom: 10px;} .sub01_view01 .con05 ul li{display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;} .sub01_view01 .con05 ul li:last-child{margin-bottom: 0;} .sub01_view01 .con05 ul li .txt01 p{font-size: 16px;font-weight: 700;color: #222;} .sub01_view01 .con05 ul li .txt01 span{display: block;font-size: 12px;color: #999;margin-top: 5px;} .sub01_view01 .con05 ul li .txt02{font-size: 18px;color: #222;font-weight: 700;} .sub01_view01 .con05 ul li .txt02 span{padding-left: 3px;font-weight: 400;} .sub01_view01 .con05 .n_box p{font-size: 13px;color: #999;margin-bottom: 7px;} .sub01_view01 .con05 .n_box p:last-child{margin-bottom: 0;} .sub01_view01 .con06 {margin-bottom: 40px;} .sub01_view01 .con06 .box{display: flex;align-items: center;justify-content: space-between;padding: 15px 20px;border-radius: 7px;border: 1px solid #ddd;} .sub01_view01 .con06 .box .txt span{font-size: 11px;color: #999;} .sub01_view01 .con06 .box .txt .txt01{display: flex;align-items: center;gap:10px;} .sub01_view01 .con06 .box .txt .txt01 p{font-size: 16px;font-weight: 700;color: #222;margin-top: 5px;} .sub01_view01 .con06 .box .a_box a{display: flex;align-items: center;justify-content: center;gap:7px;margin-bottom: 6px;width: 120px;height: 40px;border-radius:25px;border: 1px solid #ddd;} .sub01_view01 .con06 .box .a_box a:last-child{margin-bottom: 0;} .sub01_view01 .con06 .box .a_box a p{font-size: 14px;color: #333;} .sub01_view01 .con06 .box .a_box a:nth-child(1) img{width: 11px;} .sub01_view01 .con06 .box .a_box a:nth-child(2) img{width: 15px;} .sub01_view01 .con06 .box02 {display:block;} .sub01_view01 .con06 .box02 .a_box02 {display:flex; flex-wrap:wrap; gap: 10px; justify-content: center;} .sub01_view01 .con06 .box02 .a_box02 a {margin-bottom: 0;} .sub01_view01 .con07 {position: relative;margin-bottom: 25px;padding-bottom: 30px;} .sub01_view01 .con07:after{content:'';position: absolute;width: calc(100% + 5.2%);height: 7px;bottom: 0;left: 50%;transform:translateX(-50%);background: #f1f1f1;} .sub01_view01 .con07 img{width: 100%;} .sub01_view01 .con08 .m_box{overflow-X:scroll;} .sub01_view01 .con08 .m_box::-webkit-scrollbar{display: none;} .sub01_view01 .con08 .m_box .tab-menu-wrap{display: flex;gap:10px;margin-bottom: 20px;width: max-content;border-bottom: 1px solid #ddd;padding-bottom: 13px; width:100%;} .sub01_view01 .con08 .m_box .tab-menu-wrap a{position: relative;font-size: 16px;font-weight: 700;color: #000;opacity: .5;transition:.3s;width: 25%;text-align: center;} .sub01_view01 .con08 .m_box .tab-menu-wrap a:after{content:'';position: absolute;left: 50%;transform:translateX(-50%);bottom: -13px;width: 100%;height: 2px;background: #222;transition:.3s;opacity: 0;} .sub01_view01 .con08 .m_box .tab-menu-wrap a.on{opacity: 1;} .sub01_view01 .con08 .m_box .tab-menu-wrap a.on:after{opacity: 1;} .sub01_view01 .con08 .edit{width: 100%; min-height: 200px; } .sub01_view01 .con08 .btn_box{display: flex;margin-top: 20px;justify-content: space-between;} .sub01_view01 .con08 .btn_box a{display: block;width: 73%;height: 40px;border-radius: 7px;border: 1px solid var(--co02);background: var(--co02);font-size: 13px;font-weight: 600;color: #fff;text-align: center;line-height: 38px;} .sub01_view01 .con08 .btn_box a:nth-child(1){background: #fff;color: var(--co02);width: 25%;} .sub01_view01 .con08 .edit .caution_box {padding: 15px; box-shadow:0px 0px 15px rgba(0,0,0,0.08); border-radius: 5px; line-height: 1.4;} .sub01_view01 .con08 .edit .caution_box p.tit {margin-bottom: 5px; position: relative; padding-left: 22px;} .sub01_view01 .con08 .edit .caution_box p.tit:before {position: absolute; content:''; width: 16px; height: 16px; background: url(https://www.naeiltour.co.kr/app/images/sub/ca_icon.png)no-repeat; background-size: 16px; top:3px; left:0;} .sub01_view01 .con08 .edit .caution_box p.p_con {font-size: 14px; color:#222;} .sub01_view01 .con08 .sc_wrap {margin-top: 20px;} .sub01_view01 .con08 .sc_wrap .box{color: #222;} .sub01_view01 .con08 .sc_wrap .box:last-child{margin-bottom: 0;} .sub01_view01 .con08 .sc_wrap .f_wrap {font-size: 13px; font-weight: 600; display: flex;flex-wrap:wrap;border-top:1px solid #eee; border-bottom: 1px solid #eee; position: relative;} .sub01_view01 .con08 .sc_wrap .f_wrap > span {display: block; padding: 25px; background:#ebebeb; color:#777; text-align:center; font-size: 16px; font-weight: 500; width: 90px;} .sub01_view01 .con08 .sc_wrap .f_wrap .sch_all {padding: 0 10px; display: flex; flex-wrap:wrap; flex-direction:column;justify-content: center;width: 65%;} .sub01_view01 .con08 .sc_wrap .f_wrap .sch_all strong.date {display: block; font-size: 16px; color:#777; font-weight: 700;} .sub01_view01 .con08 .sc_wrap .f_wrap .sch_all > em {display: block; font-size: 14px; color:#777; margin-top: 5px;} .sub01_view01 .con08 .sc_wrap .f_wrap:after{position: absolute; content: ''; right: 15px; top: 50%; transform:translateY(-50%); width: 16px; height: 10px; background:url('/app/images/sub/sc_down.png')no-repeat; background-size:cover;} .sub01_view01 .con08 .sc_wrap .f_wrap.on:after{width: 16px; height: 10px; background:url('/app/images/sub/sc_up.png')no-repeat; background-size:cover;} .sub01_view01 .con08 .sc_wrap .f_wrap.on {border-top:1px solid var(--co02); border-bottom: 1px solid var(--co02);} .sub01_view01 .con08 .sc_wrap .f_wrap.on > span {background:var(--co02); color:#fff;} .sub01_view01 .con08 .sc_wrap .f_wrap.on .sch_all strong.date {color:#222;} .sub01_view01 .con08 .sc_wrap .f_wrap.on .sch_all > em {color:#222;} .sub01_view01 .con08 .sc_wrap .q_wrap {font-size: 12px; padding: 20px 0; display: none;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap01 {padding-left: 15px; position: relative;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap01:before {position: absolute; content:''; width: 2px; height: 100%; background:#ddd; top:0;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap01:after {position: absolute; content:''; width: 24px; height: 12px; background:url(https://www.naeiltour.co.kr/app/images/sub/air_icon.png)no-repeat center #fff; padding: 12px 0; top:0%; left:4px; background-size:24px 12px;} /*.sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap01:after {position: absolute; content:''; width: 24px; height: 12px; background:url(https://www.naeiltour.co.kr/app/images/sub/air_icon.png)no-repeat center #fff; padding: 12px 0; top:50%; left:4px; transform:translateY(-50%); background-size:24px 12px;}*/ .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap01 .right_con {position: relative; padding-left: 20px;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap01 .right_con:not(:last-child) {margin-bottom: 55px;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap01 .right_con:after {position: absolute; content:''; width: 20px; height: 20px; background:var(--co02); border-radius: 50%; border:5px solid #e5f8f5; left: -9px; top:0;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap01 .right_con p.rd {font-size: 15px; color:#222; font-weight: 700; line-height: 1.5;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap01 .right_con p.rd > span {display: block; color:#999; font-weight: 500; font-size: 13px;} .sub01_view01 .con08 .sc_wrap .q_wrap .tip_box {position: relative; background: #f6f6f6; font-size: 14px; color:#222; padding: 15px; border-radius:5px; line-height: 1.5; margin:15px 0} /* margin-top: 20px; */ .sub01_view01 .con08 .sc_wrap .q_wrap .tip_box:before {position: absolute;content: '';width: 2px;height: 100%;background: #ddd;top: -15px;z-index:-10;} /*.sub01_view01 .con08 .sc_wrap .q_wrap .tip_box:after {position: absolute;content: '';width: 2px;height: 100%;background: #ddd;top: 28px;z-index:-10;*/ .sub01_view01 .con08 .sc_wrap .q_wrap .tip_box {background: #f6f6f6; font-size: 14px; color:#222; padding: 15px; border-radius:5px; line-height: 1.5;} /* margin-top: 20px; */ .sub01_view01 .con08 .sc_wrap .q_wrap .tip_box > strong {color:var(--co02); font-size: 15px; display: block; margin-bottom: 5px;} .sub01_view01 .con08 .sc_wrap .q_wrap .tip_box > ul {margin-top: 10px;} .sub01_view01 .con08 .sc_wrap .q_wrap .tip_box > ul > li:not(:last-child) {margin-bottom: 5px;} .sub01_view01 .con08 .sc_wrap .q_wrap .hotel_wrap {line-height: 1.5; padding: 10px 15px; border: 1px solid var(--co01); border-radius: 5px; margin: 10px 0;}/* margin-top: 20px; */ .sub01_view01 .con08 .sc_wrap .q_wrap .hotel_wrap > ul {} .sub01_view01 .con08 .sc_wrap .q_wrap .hotel_wrap > ul > li {position: relative; padding-left: 12px; font-size: 14px; color:#555;} .sub01_view01 .con08 .sc_wrap .q_wrap .hotel_wrap > ul > li:before {position: absolute; content:''; width: 4px; height: 4px; border-radius: 50%; background: var(--co01); top:8px; left:0;} .sub01_view01 .con08 .sc_wrap .q_wrap .hotel_wrap > ul > li:not(:last-child) {margin-bottom: 5px;} .sub01_view01 .con08 .sc_wrap .q_wrap .hotel_wrap > ul > li > span {color:#222; font-weight: 700;} .sub01_view01 .con08 .sc_wrap .q_wrap .hotel_wrap > ul > li > p {} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 {padding-left: 15px; position: relative; line-height: 1.5;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02:before {position: absolute; content:''; width: 2px; height: 100%; background:#ddd; top:0;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his:not(:last-child) {margin-bottom: 20px;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his01 {position: relative; padding-left: 20px;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his01:before {position: absolute; content:''; width: 18px; height: 24px; background:url(https://www.naeiltour.co.kr/app/images/sub/loc_icon.png)no-repeat; top:0; left:-8px; background-size: 18px 24px;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his01 > strong {font-size: 16px; color:#222; font-weight: 700; line-height: 1.5;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his01 > p {font-size: 15px; color:#222; font-weight: 700;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his01 > p.his_con {font-weight: 500; color:#555; font-size: 13px; margin-top: 5px;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his01 .img_con {padding: 20px; background: #f7f7f7; margin-top: 5px;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his01 .img_con .img_tit {font-size: 14px; color:#222; display: flex; flex-wrap:wrap; margin-bottom: 5px;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his01 .img_con .img_tit > strong {display: block; width: 80%; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; } .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his01 .img_con .img_tit > a {display: block; width: 20%; font-weight: 500; text-align:right; color:var(--co02);} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his01 .img_con .img {position: relative; width: 100%; height: 0; padding-bottom: 68.293%; overflow:hidden;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his01 .img_con .img img {position: absolute; top:0; left:0; right:0; bottom:0; margin:auto; width: 100%; height: 100%; max-width:100%; max-height:100%;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his01 .img_con p.img_txt {font-size: 12px; color:#555; margin-top: 3px; text-align:center;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his01 .img_con p.img_txt2 {font-size: 14px; color:#222; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his02 {position: relative; padding-left: 20px; } .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his02:before {position: absolute; content:''; width: 20px; height: 20px; background:var(--co02); border-radius: 50%; border:6px solid #e5f8f5; left: -9px; top:0;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his02 > p {font-size: 15px; color:#222; font-weight: 700;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his02 > p.his_con {font-weight: 500; color:#555; font-size: 13px; margin-top: 5px;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his02 .img_con {padding: 20px; background: #f7f7f7; margin-top: 5px;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his02 .img_con .img_tit {font-size: 14px; color:#222; display: flex; flex-wrap:wrap; margin-bottom: 5px;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his02 .img_con .img_tit > strong {display: block; width: 80%; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; } .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his02 .img_con .img_tit > a {display: block; width: 20%; font-weight: 500; text-align:right; color:var(--co02);} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his02 .img_con .img {position: relative; width: 100%; height: 0; padding-bottom: 68.293%; overflow:hidden;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his02 .img_con .img img {position: absolute; top:0; left:0; right:0; bottom:0; margin:auto; width: 100%; height: 100%; max-width:100%; max-height:100%;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his02 .img_con p.img_txt {font-size: 12px; color:#555; margin-top: 3px; text-align:center;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his02 .img_con p.img_txt2 {font-size: 14px; color:#222; margin-top: 10px;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his03 {position: relative; padding-left: 20px;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his03:before {position: absolute; content:''; width: 18px; height: 24px; background:url(https://www.naeiltour.co.kr/app/images/sub/icon_bus.jpg)no-repeat; top:0; left:-8px; background-size: 18px 24px;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his03 > strong {font-size: 16px; color:#222; font-weight: 700; line-height: 1.5;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his03 > p {font-size: 15px; color:#222; font-weight: 700;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his03 > p.his_con {font-weight: 500; color:#555; font-size: 13px; margin-top: 5px;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his03 .img_con {padding: 20px; background: #f7f7f7; margin-top: 5px;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his03 .img_con .img_tit {font-size: 14px; color:#222; display: flex; flex-wrap:wrap; margin-bottom: 5px;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his03 .img_con .img_tit > strong {display: block; width: 80%; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; } .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his03 .img_con .img_tit > a {display: block; width: 20%; font-weight: 500; text-align:right; color:var(--co02);} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his03 .img_con .img {position: relative; width: 100%; height: 0; padding-bottom: 68.293%; overflow:hidden;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his03 .img_con .img img {position: absolute; top:0; left:0; right:0; bottom:0; margin:auto; width: 100%; height: 100%; max-width:100%; max-height:100%;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his03 .img_con p.img_txt {font-size: 12px; color:#555; margin-top: 3px; text-align:center;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his03 .img_con p.img_txt2 {font-size: 14px; color:#222; margin-top: 10px;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his04 {position: relative; padding-left: 20px;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his04:before {position: absolute; content:''; width: 24px; height: 24px; background:url(https://www.naeiltour.co.kr/app/images/sub/icon_food.jpg)no-repeat; top:0; left:-10px; background-size: 24px 24px;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his04 > strong {font-size: 16px; color:#222; font-weight: 700; line-height: 1.5;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his04 > p {font-size: 15px; color:#222; font-weight: 700;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his04 > p.his_con {font-weight: 500; color:#555; font-size: 13px; margin-top: 5px;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his04 .img_con {padding: 20px; background: #f7f7f7; margin-top: 5px;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his04 .img_con .img_tit {font-size: 14px; color:#222; display: flex; flex-wrap:wrap; margin-bottom: 5px;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his04 .img_con .img_tit > strong {display: block; width: 80%; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; } .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his04 .img_con .img_tit > a {display: block; width: 20%; font-weight: 500; text-align:right; color:var(--co02);} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his04 .img_con .img {position: relative; width: 100%; height: 0; padding-bottom: 68.293%; overflow:hidden;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his04 .img_con .img img {position: absolute; top:0; left:0; right:0; bottom:0; margin:auto; width: 100%; height: 100%; max-width:100%; max-height:100%;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his04 .img_con p.img_txt {font-size: 12px; color:#555; margin-top: 3px; text-align:center;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap02 .his04 .img_con p.img_txt2 {font-size: 14px; color:#222; margin-top: 10px;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap03 {margin-top: 20px;} .sub01_view01 .con08 .sc_wrap .q_wrap .his_wrap03:after {width: 24px; height: 12px; background:url(https://www.naeiltour.co.kr/app/images/sub/air02_icon.png)no-repeat center #fff; background-size: 24px 12px;} .sub01_view01 .fix_menu{display: none;position: fixed;left: 50%;top: 0px;transform:translateX(-50%);width: calc(100% - 5.2%);padding: 20px 5px 20px 10px;border-radius: 15px;border: 1px solid #ddd;background: #fff;z-index: 1000;} .sub01_view01 .fix_menu .con02{margin-bottom: 0;} .sub01_view01 .fix_menu .txt03{margin-bottom: 0;} .pop_wrap{display: none;position: fixed;width: 100%;height: 100%;left: 0;top: 0; z-index: 9999;} .pop_wrap .pop_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);z-index: 8000;} .pop_wrap .pop_box{position: absolute;left: 50%;top:50%;transform:translate(-50%,-50%);z-index: 9000;transition:.5s;opacity: 0;width: 90%; height: auto; background: #fff; padding: 20px; border-radius: 10px;} .pop_wrap.on .pop_box{opacity: 1;transform:translate(-50% , -50%) scale(1); z-index:9999;} .pop_wrap .pop_box .btn_box{display: flex;justify-content: flex-end;/* margin-bottom: 10px; */} .pop_wrap .pop_box .btn_box button img{width: 17px;} .pop_wrap .pop_box .pop_info {height: auto; text-align:center;} .pop_wrap .pop_box .pop_info p.pop_tit {font-size: 22px; color:var(--co02); font-weight: 700; margin-bottom: 10px;} .pop_wrap .pop_box .pop_info p.pop_con {font-size: 14px; color:#222;} .pop_wrap .pop_box .pop_info ul.icon_li {display: flex; flex-wrap:wrap; justify-content: center; margin: 20px 0;} .pop_wrap .pop_box .pop_info ul.icon_li li {width: 33.33333%;} .pop_wrap .pop_box .pop_info ul.icon_li li a {display: block;} .pop_wrap .pop_box .pop_info ul.icon_li li a img {width: 70px;} .pop_wrap .pop_box .pop_info ul.icon_li li a > em {display: block; font-size: 12px; font-weight: 600; color:#555; margin-top: 10px;} .pop_wrap2{display: none;position: fixed;width: 100%;height: 100%;left: 0;top: 0; z-index: 9999;} .pop_wrap2 .pop_box{width: 100%; height: 100%; background:#fff; position: absolute;left: 50%;top:50%;transform:translate(-50%,-50%);z-index: 9000;transition:.5s;opacity: 0;} .pop_wrap2.on .pop_box{opacity: 1;transform:translate(-50% , -50%) scale(1); z-index:9999;} .pop_wrap2 #my_header{position: relative; line-height: 1; border-bottom: 1px solid #ddd;} .pop_wrap2 #my_header .inner{display: flex; align-items: center;height: 60px;} .pop_wrap2 #my_header .back_btn img{width: 25px;} .pop_wrap2 #my_header .close_btn2 img{width: 25px;} .pop_wrap2 #my_header p{position: absolute; top: 50%;left: 50%; transform:translate(-50%,-50%);font-size: 16px; color: #111; font-weight: 500;} .pop_wrap2 .pop_box .btn_box{display: flex;justify-content: flex-end;/* margin-bottom: 10px; */} /* .pop_wrap2 .pop_box .btn_box .close_btn2 img{width: 17px;} */ .pop_wrap2 .pop_box .pop_info {height: 100%; padding: 20px 0 60px; overflow:scroll;} .pop_wrap2 .pop_box .pop_info strong.pop_tit2 {display: block; font-size: 16px; color:#222; font-weight: 700; margin-bottom: 10px; line-height: 1.5;} .pop_wrap2 .pop_box .pop_info p.pop_txt2 {font-size: 14px; color:#555; margin-top: 10px; line-height: 1.5; margin-bottom: 20px;} .pop_wrap2 .pop_box .pop_info .visual_items {bottom: 25px;} .pop_wrap2 .pop_box .pop_info .con02 {} .pop_wrap2 .pop_box .pop_info .con02 p.tbl_tit {font-size: 16px; font-weight: 700; color:var(--co02); margin-bottom: 10px;} .pop_wrap2 .pop_box .pop_info .con02 table.pop_tbl {border-top: 1px solid var(--co02); display: table; width: 100%;} .pop_wrap2 .pop_box .pop_info .con02 table.pop_tbl th {padding: 10px 5px; font-size: 14px; color:#222; border-bottom:1px solid #ddd; background: #e5f8f5;} .pop_wrap2 .pop_box .pop_info .con02 table.pop_tbl td {padding: 8px; font-size: 14px; color:#222; border-bottom:1px solid #ddd;} /* sub01_reservation */ .sub01_reservation {line-height: 1;} .sub01_reservation .con_wrap {padding: 20px 0;} .sub01_reservation .con:not(:last-child) {margin-bottom: 10px;} .sub01_reservation .re_con {} .sub01_reservation p.p_tit {font-size: 18px; color:#222; font-weight: 700; text-align:center; line-height: 1.5;} .sub01_reservation .air_wrap {display: flex; flex-wrap:wrap; gap:5px; align-items:center; justify-content:center; margin-top: 10px; } .sub01_reservation .air_wrap img {height: 16px;} .sub01_reservation .air_wrap em {font-size: 14px; color:#222; font-weight: 600;} .sub01_reservation .con01 {display: flex; flex-wrap:wrap; gap: 5px; margin-top: 20px; position: relative;} .sub01_reservation .con01 .sch_con {width: calc((100% - 5px) / 2);padding: 30px; background: #f5f6f7; text-align:center;} .sub01_reservation .con01 .sch_con:first-child {border-radius: 10px 0 0 10px;} .sub01_reservation .con01 .sch_con:last-child {border-radius: 0 10px 10px 0;} .sub01_reservation .con01 .sch_con p.d_tit {font-size: 14px; color: var(--co02); font-weight: 600;} .sub01_reservation .con01 .sch_con p.d_date {font-size: 15px; color:#222; font-weight: 600; margin-top: 5px;} .sub01_reservation .con01 em.schedule {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: block; max-width: 80px; padding: 5px 8px; border-radius: 50px; font-size: 14px; background: var(--co02); color:#fff; font-weight: 600;} .sub01_reservation .con02 {background:#fff; border-radius:10px; padding: 20px; box-shadow:0px 0px 15px rgba(0,0,0,0.1);} .sub01_reservation .con p.tit {font-size: 16px; color:#222; font-weight: 700;} .sub01_reservation .con02 .box {background: #e5f8f5; margin-top: 10px; padding: 10px; display: flex; flex-wrap:wrap; justify-content: space-between;} .sub01_reservation .con02 .box em {display: block; font-size: 15px; color:#222; font-weight: 700;} .sub01_reservation .con02 .box strong {color:var(--co02); font-weight: 700; font-size: 16px; display: block; text-align:right;} .sub01_reservation .con02 p.p_point {font-size: 12px; color:#222; text-align:right; line-height: 1.5; margin-top: 3px;} .sub01_reservation .con02 p.p_con {font-size: 14px; color:#555; line-height: 1.5; margin-top: 10px;} .sub01_reservation .con03 {background:#f5f6f7; border-radius: 10px; padding: 20px; } .sub01_reservation .con03 span {display: block; font-size: 13px; color:#555; margin-top: 10px; line-height: 1.5;} .sub01_reservation .con03 .input_con {margin-top: 10px;} .sub01_reservation .con03 .input_con em.co01 {color:var(--co02);} .sub01_reservation .con03 .ck_wrap:not(:last-child) {margin-bottom: 10px;} .sub01_reservation .con03 .ck_wrap {font-size: 13px; color:#222; display: flex; flex-wrap: wrap; justify-content:space-between; align-items:center;} .sub01_reservation .con03 input[type="checkbox"] {vertical-align:text-bottom;} /*.sub01_reservation .con03 .ck_wrap a.pri_view {padding: 5px 10px; background: #222; font-size: 12px; color: #fff; font-weight: 600; text-align:center; border-radius: 50px;}*/ .sub01_reservation .con03 .ck_wrap a.pri_view { padding: 5px 10px; font-size: 12px; text-align: center; border-radius: 7px; border: 1px solid #ccc; background-color: #fff; color: #999; } .sub01_reservation .con03 .input_con2 {display: flex; flex-wrap:wrap; gap: 10px; padding-top: 15px; border-top:1px solid #ddd; margin-top: 15px;} .sub01_reservation .con03 .input_con2 .ck_box2 {width: calc((100% - 10px) / 2); display: block; font-weight: 600; margin-bottom: 0;} .sub01_reservation .btn_wrap {margin-top: 10px;} .sub01_reservation .btn_wrap a {display: block; width: 100%; padding: 15px; border-radius: 5px; background: var(--co02); font-size: 16px; color:#fff; text-align:center; font-weight: 700;} /* reserve_pop */ .reserve_wrap {position: fixed; width: 100%;height: 100%;left: 0;top: 0; z-index: 9999;} .reserve_wrap #my_header{position: relative; line-height: 1; border-bottom: 1px solid #ddd;} .reserve_wrap #my_header .inner{display: flex; align-items: center;height: 52px;} .reserve_wrap #my_header .back_btn img{width: 25px;} .reserve_wrap #my_header .close_btn2 img{width: 25px;} .reserve_wrap #my_header p{position: absolute; top: 50%;left: 50%; transform:translate(-50%,-50%); text-align:center; width: 70%; font-size: 16px; color: #111; font-weight: 500; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap;} .reserve_wrap .con {height: 100%; overflow:scroll; padding: 20px 0 80px 0; line-height: 1.5;} .reserve_wrap .con p.p_bot {font-size: 13px; color:#222; font-weight: 500; line-height: 1.6; border-bottom:1px solid #ddd; padding-bottom: 15px; margin-bottom: 20px;} .reserve_wrap .con p.p_bot2 {border-bottom:0px solid #ddd; padding-bottom: 0; margin-bottom:5px;} .reserve_wrap .con ul.terms_li {} .reserve_wrap .con ul.terms_li:not(:last-child) {margin-bottom: 20px;} .reserve_wrap .con ul.terms_li > li {font-size: 13px; color:#222; font-weight: 500;} .reserve_wrap .con ul.terms_li > li:not(:last-child) {margin-bottom: 10px;} .reserve_wrap .con ul.terms_li > li p.p_tit {font-size: 16px; color:#222; font-weight: 600; margin-bottom: 10px;} .reserve_wrap .con ul.terms_li > li p.p_con {font-size: 13px; color:#222; font-weight: 500;} .reserve_wrap .con ul.terms_li > li p.p_con:not(:last-child) {margin-bottom: 5px;} .reserve_wrap .con ul.terms_li > li > ul.terms02 {padding-left: 10px; margin-top: 10px;} .reserve_wrap .con ul.terms_li > li > ul.terms02 > li:not(:last-child) {margin-bottom: 5px;} .reserve_wrap .con ul.terms_li > li > ul.terms02 > li {font-size: 13px; color:#555; font-weight: 500;} .reserve_wrap .con ul.terms_li > li > ul.terms02 > li p.p_tit2 {font-size: 13px; color:#555; font-weight: 600;} .reserve_wrap .con ul.terms_li > li > ul.terms02 > li p.p_con2 {font-size: 13px; color:#555; font-weight: 500;} .reserve_wrap .con ul.terms_li > li > ul.terms02 > li > ul.terms03 {padding-left: 10px; margin-top: 5px;} .reserve_wrap .con ul.terms_li > li > ul.terms02 > li > ul.terms03 > li:not(:last-child) {margin-bottom: 5px;} .reserve_wrap .con ul.terms_li > li > ul.terms02 > li > ul.terms03 > li {font-size: 12px; color:#555; font-weight: 500;} .reserve_wrap .con ul.terms_li > li > ul.terms02 > li > ul.terms03 > li > ul {padding-left: 10px;} .reserve_wrap .tb_wrap {margin-bottom: 20px;} .reserve_wrap span.tb_tit {display: block; font-size: 14px; color:var(--co01); font-weight: 600; margin-bottom: 5px;} .reserve_wrap span.tb_tit2 {color:#222;} table.tbl_basic {border-top:1px solid #222; display: table; width: 100%;} table.tbl_basic th {background: #f7f7f7; border-bottom: 1px solid #ddd; padding: 4px; font-size: 13px; font-weight: 700; color:#222; line-height: 1.4; border-left: 1px solid #ddd; text-align:center;} table.tbl_basic th:first-child {border-left: 0;} table.tbl_basic td {padding: 4px; font-size: 12px; color:#222; border-bottom: 1px solid #ddd; line-height: 1.4; border-left: 1px solid #ddd;} table.tbl_basic td.bd_l {border-left: 1px solid #ddd !important;} table.tbl_basic td:first-child {border-left: 0;} table.tbl_basic td .btn1 {color:var(--co01); font-weight: 600; border: none; border-radius: 0; background: none;} table.tbl_basic2 {text-align:center;} .reserve_wrap ul.tab_li{ list-style: none; display: flex; flex-wrap:wrap;} .reserve_wrap ul.tab_li li{background: none; color: #999; cursor: pointer; width: 50%; border-bottom:1px solid #ddd; text-align:center; padding-bottom: 10px; font-size: 13px; font-weight: 600;} .reserve_wrap ul.tab_li li.current{color:#222; border-bottom: 2px solid #222; } .reserve_wrap .tab_con{display: none; padding: 20px 0;} .reserve_wrap .tab_con.current{display: inherit;} .reserve_wrap ul.tab_li2 li {width: 100%;} .reserve_wrap .right_con {} .reserve_wrap .right_con .bot_right {text-align:right; font-size: 15px; color:#222; font-weight: 700; margin-bottom: 10px;} .reserve_wrap .right_con select {border-radius: 0; border:1px solid #ddd; padding: 10px; height:40px; line-height: 40px; font-size: 13px; color:#222; width: 100%; background:#fff;} .reserve_wrap .site_wrap{position: relative;margin-bottom: 20px;} .reserve_wrap .site_wrap em{position: relative;display: block;font-size: 13px; color: var(--co01); font-weight: 700; height: 40px; line-height: 40px; border:1px solid #c1c1c1;padding: 0px 15px; cursor:pointer;} .reserve_wrap .site_wrap em::after{content:'';position: absolute;right: 15px; top: 50%; transform:translateY(-50%);background: url(https://www.naeiltour.co.kr/app/images/sub/sc_down.png)center no-repeat; background-size: cover; width: 16px; height: 11px;transition:.4s;} .reserve_wrap .site_wrap em.on::after{transform:translateY(-50%) rotate(180deg);} .reserve_wrap .site_wrap ul{display: none;position: absolute; bottom: 39px;left: 0; width: 100%;background: #fff; border:1px solid #ddd;} .reserve_wrap .site_wrap ul li a{display: block;font-size: 13px; color: #222; border-bottom: 1px solid #ddd; padding: 10px 15px;} .reserve_wrap .site_wrap ul li:not(:last-child) a{} /* re_pop */ .re_pop_wrap {padding: 20px;} .re_pop_wrap .con {} .re_pop_wrap .con p {font-size: 14px; color: #222; font-weight: 500;} /* sub01_complete */ .sub01_complete {} .sub01_complete .con_wrap {padding: 20px 0;} .sub01_complete p.p_bot {font-size: 18px; color:#222; text-align:center; font-weight: 700; line-height: 1.5; margin-bottom: 15px;} .sub01_complete p.p_bot2 {font-size: 14px; color:#222; text-align:center;line-height: 1.5;} .sub01_complete p.p_bot2:not(:last-child) {margin-bottom: 10px;} .sub01_complete p.p_bot2 > em {display: inline-block; color:var(--co02); font-weight: 700;} .sub01_complete .box {padding: 20px; margin-bottom: 20px; border-radius:10px; /* box-shadow: 0px 0px 10px rgba(0,0,0,0.1); */ border:1px solid #ddd;} .sub01_complete .box .box_tit {background:#e5f8f5; text-align:center; font-size: 16px; color: var(--co02); font-weight: 800; padding: 8px; border-radius: 5px;} .sub01_complete .box ul.box_li {margin-top: 20px;} .sub01_complete .box ul.box_li li {display:flex; flex-wrap:wrap; gap:10px;} .sub01_complete .box ul.box_li li:not(:last-child) {margin-bottom: 5px;} .sub01_complete .box ul.box_li li.ex_li {display: block; border-top: 1px dashed #ddd; padding-top: 12px; margin-top: 12px;} .sub01_complete .box ul.box_li li span {font-size: 15px; color:#222; font-weight: 700; position: relative; padding-left: 12px; width: 80px;} .sub01_complete .box ul.box_li li span:before {position: absolute; content:''; width: 4px; height: 4px; border-radius: 50%; background: var(--co02); top:10px; left:0;} .sub01_complete .box ul.box_li li.ex_li span {padding-left: 0;} .sub01_complete .box ul.box_li li.ex_li span:before {display: none;} .sub01_complete .box ul.box_li li p {font-size: 15px; color:#222; width: calc(100% - 90px);} .sub01_complete .box ul.box_li li .air_wrap {display: flex; flex-wrap:wrap; gap:5px; align-items:center; justify-content:center;} .sub01_complete .box ul.box_li li .air_wrap > img {height: 16px;} .sub01_complete .box ul.box_li li .air_wrap > em {font-size: 14px; color:#222; font-weight: 600;} .sub01_complete .box ul.box_li li .exp_wrap {display: flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline;} .sub01_complete .box ul.box_li li .exp_wrap > span {font-size: 16px; color:#222; width: auto;} .sub01_complete .box ul.box_li li .exp_wrap strong {display: block;font-size: 18px; color:var(--co02); font-weight: 800; text-align:right; width: 70%;} .sub01_complete .box ul.box_li li p.p_con {font-size: 13px; color:#555; text-align:right; width: 100%;} .sub01_complete .btn_wrap {margin-top: 30px;} .sub01_complete .btn_wrap a {display: block; width: 100%; line-height: 1; padding: 15px; border-radius: 5px; text-align: center; font-size: 14px; font-weight: 700; color:var(--co02); border: 1px solid var(--co02);} .member_guide_wrap{line-height: 1.5;} .member_guide_wrap > p{font-size:13px; color:#666666; text-indent:10px;} h3.member_guide_tit{font-size:16px; color:#222222; margin-bottom:15px; } h4.member_guide_tit{font-size:14px; color:#333333; margin-top:15px; } .guide_type1{padding-left:10px; margin-top:5px; } .guide_type1 > li{margin-bottom:5px; font-size:13px; color:#666666;} .guide_type2{padding-left:15px; margin-top:5px; } .guide_type2 > li{margin-bottom:3px; font-size:13px; color:#666666;} .guide_type2 > li p{text-indent:10px; } /* mypage */ #my_header{position: relative; line-height: 1; border-bottom: 1px solid #ddd;} #my_header .inner{display: flex; align-items: center;height: 52px;} #my_header .back_btn img{width: 25px;} #my_header p{position: absolute; top: 50%;left: 50%; transform:translate(-50%,-50%);font-size: 18px; color: #111; font-weight: 500;} .mypage_wrap{line-height: 1;} /* mypage01 */ .mypage01 .con01{position: relative;background: #00ae93; padding: 25px 10px;} .mypage01 .con01 .logout_btn{position: absolute; top: 10px; right: 10px; display: flex; align-items: center; justify-content: center; width: 61px; height: 25px; background: rgba(255,255,255,.2); border-radius:5px;font-size: 12px; color: #fff; font-weight: 600;} .mypage01 .con01 .icon{margin: 0 auto;width: fit-content;} .mypage01 .con01 .icon img{width: 50px;} .mypage01 .con01 .name{margin: 15px 0px;text-align: center;} .mypage01 .con01 .name p{font-size: 25px; color: #fff; font-weight: 700;} .mypage01 .con01 .name p span{font-weight: 400;} .mypage01 .con01 .txt_wrap{display: flex;align-items: center;justify-content: center;gap:20px;width: 100%; height: 35px;background: #fff; border-radius:17px; box-shadow: 0px 0px 15px rgba(0,0,0,.1);padding: 0px 15px;} .mypage01 .con01 .txt_wrap p{position: relative;font-size: 15px; color: #222;} .mypage01 .con01 .txt_wrap p:not(:last-child)::after{content:'';position: absolute; right: -11px; top: 50%; transform:translateY(-50%); width: 1px; height: 13px; background: #ddd;} .mypage01 .con01 .txt_wrap p span{display: inline-block; font-weight: 600;padding-left: 10px;} .mypage01 .con02{padding-bottom: 20px;} .mypage01 .con02 ul.btn_list li{display: flex; align-items: center;height: 52px; background: #fff;background: url(https://www.naeiltour.co.kr/app/images/sub/mypage_icon02.png)center right no-repeat; background-size: 7px;} .mypage01 .con02 ul.btn_list li:not(:last-child){border-bottom: 1px solid #ddd;} .mypage01 .con02 ul.btn_list li a{display: flex; align-items: center; width: 100%; height: 100%;font-size: 15px; color: #222;} .mypage01 .con02 ul.btn_list02{background: #f1f2f3; border-radius:5px;} .mypage01 .con02 ul.btn_list02 li{display: flex; align-items: center;padding: 0px 10px; height: 50px;background: url(https://www.naeiltour.co.kr/app/images/sub/mypage_icon05.png)center right 10px no-repeat; background-size: 7px;} .mypage01 .con02 ul.btn_list02 li:not(:last-child) a{border-bottom: 1px solid #ddd;} .mypage01 .con02 ul.btn_list02 li a{position: relative;display: flex; align-items: center; width: 100%; height: 100%;font-size: 14px; color: #222;padding-left: 20px;} .mypage01 .con02 ul.btn_list02 li a::after{content:'';position: absolute; left: 0; top: 50%; transform:translateY(-50%);} .mypage01 .con02 ul.btn_list02 li:nth-child(1) a::after{background: url(https://www.naeiltour.co.kr/app/images/sub/mypage_iconPort.png)center no-repeat; width: 11px; height: 14px; background-size: cover;} .mypage01 .con02 ul.btn_list02 li:nth-child(2) a::after{background: url(https://www.naeiltour.co.kr/app/images/sub/mypage_iconBasic.png)center no-repeat; width: 11px; height: 14px; background-size: cover;} .mypage01 .con02 ul.btn_list02 li:nth-child(3) a::after{background: url(https://www.naeiltour.co.kr/app/images/sub/mypage_iconPass.png)center no-repeat; width: 11px; height: 14px; background-size: cover;} .mypage01 .con02 ul.btn_list02 li:nth-child(4) a::after{background: url(https://www.naeiltour.co.kr/app/images/sub/mypage_iconSet.png)center no-repeat; width: 13px; height: 14px; background-size: cover;} /* mypage02 */ .mypage02 .con01{padding: 15px 0px;} .mypage02 .con01 ul li{display: flex; gap:5px;font-size: 13px; color: #000; line-height: 20px;} .mypage02 .con01 ul li:not(:last-child){margin-bottom: 10px;} .mypage02 .con02{padding-bottom: 15px;} .mypage02 .con02 .box_wrap .box:not(:last-child){margin-bottom: 10px;} .mypage02 .con02 .box_wrap .box {display: block; width: 100%; border-radius:5px;padding: 20px;background: #f3f4f5;} .mypage02 .con02 .box_wrap .box .top{display: flex; align-items: center; justify-content: space-between;margin-bottom: 15px;} .mypage02 .con02 .box_wrap .box .top em.tag{display: flex; align-items: center; height: 28px; background: #00b79a; border-radius:5px;font-size: 14px; color: #fff; font-weight: 500; padding: 0px 10px;} .mypage02 .con02 .box_wrap .box .top span.tag{display: flex; align-items: center; justify-content: center; gap:5px; width: 83px; height: 28px; border:1px solid #ddd; background: #fff;border-radius:5px;font-size: 12px; color: #999;} .mypage02 .con02 .box_wrap .box .top span.tag img{width: 15px;} .mypage02 .con02 .box_wrap .box .txt strong{display: block;font-size: 17px; color: #222; font-weight: 600;margin-bottom: 15px;} .mypage02 .con02 .box_wrap .box .txt ul li{display: flex; align-items: center;} .mypage02 .con02 .box_wrap .box .txt ul li:not(:last-child){margin-bottom: 12px;} .mypage02 .con02 .box_wrap .box .txt ul li p{font-size: 14px; color: #666;width: 60px;} .mypage02 .con02 .box_wrap .box .txt ul li span{font-size: 14px; color: #222;} /* mypage03 */ .mypage03 .box_wrap{padding: 10px 0px;} .mypage03 .box_wrap .box{border:1px solid #ddd; border-radius:5px;} .mypage03 .box_wrap .box:not(:last-child){margin-bottom: 10px;} .mypage03 .box_wrap .box .top{position: relative;display: flex;align-items: center; justify-content: space-between;height: 45px;padding: 0px 15px; } .mypage03 .box_wrap .box .top:after{content: ''; position: absolute; top: 50%; right: 11px; transform: translateY(-50%); background: url('/app/images/sub/mypage_icon08.png') center no-repeat;width: 14px; height: 8px; background-size: cover; transition: .3s;} .mypage03 .box_wrap .box.on .top:after {transform: translateY(-50%) rotate(180deg);} .mypage03 .box_wrap .box .top p{font-size: 16px; color: #222; font-weight: 600;} .mypage03 .box_wrap .box .top img{width: 14px;} .mypage03 .box_wrap .box .top .right_wrap{display: flex; align-items: center;gap:10px; margin-right: 20px;} .mypage03 .box_wrap .box .top .right_wrap a{display: flex; align-items: center; font-size: 12px; color: #00b79a; height: 23px; border:1px solid #00b79a; background: #eefaf8;border-radius:5px;text-align: center;padding: 0px 10px;} .mypage03 .box_wrap .box .txt_wrap{display: none; padding: 20px;border-top: 1px solid #ddd;} .mypage03 .box_wrap .box .txt_wrap ul li{display: flex;} .mypage03 .box_wrap .box .txt_wrap ul li:not(:last-child){margin-bottom: 12px;} .mypage03 .box_wrap .box .txt_wrap ul li p{display: flex;align-items: center;font-size: 14px; color: #666; width: 60px;} .mypage03 .box_wrap .box .txt_wrap ul li span{font-size: 14px;color: #222; line-height: 1.2;} .mypage03 .box_wrap .box .txt_wrap ul li span.co01{font-weight: 600;color: #00b79a;} .mypage03 .box_wrap .box .txt_wrap ul li .btn01{display: inline-block; width: 60px; height: 23px; line-height: 21px; text-align: center; border-radius:5px; background: #f3f3f3;font-size: 12px; color: #999; border:1px solid #ddd;} .mypage03 .box_wrap .box.on .txt_wrap{display: block;} .mypage03 .box_wrap .box .txt_wrap .txt01{background: #f3f4f5; border-radius:5px;} .mypage03 .box_wrap .box .txt_wrap .txt01:not(:last-child){margin-bottom: 20px;} .mypage03 .box_wrap .box .txt_wrap .txt01 .txt01_top{display: flex; align-items: center; justify-content: space-between;height: 35px; padding: 0px 15px;} .mypage03 .box_wrap .box .txt_wrap .txt01 .txt01_top p{font-size: 13px; color: #222; font-weight: 600;} .mypage03 .box_wrap .box .txt_wrap .txt01 .txt01_top img{width: 11px;} .mypage03 .box_wrap .box .txt_wrap .txt01 ul{display: none; padding: 20px; border-top: 1px solid #ddd;} .mypage03 .box_wrap .box .txt_wrap .price01, .mypage03 .box_wrap .box .txt_wrap .price03{display: flex; align-items: center; justify-content: space-between;} .mypage03 .box_wrap .box .txt_wrap .price01 p{font-size: 15px; color: #f94b4b; font-weight: 600;} .mypage03 .box_wrap .box .txt_wrap .price03 p{font-size: 15px; color: #666; font-weight: 600;} .mypage03 .box_wrap .box .txt_wrap .price02{display: flex;justify-content: space-between;padding: 20px;background: #f3f4f5; border-radius:5px; margin: 10px 0px 15px;} .mypage03 .box_wrap .box .txt_wrap .price02 > p{font-size: 14px;color: #666; font-weight: 600;} .mypage03 .box_wrap .box .txt_wrap .price02 .p_wrap p{font-size: 14px; color: #222; font-weight: 600;margin-bottom: 12px;text-align: right;} .mypage03 .box_wrap .box .txt_wrap .price02 .p_wrap span{display: block;font-size: 12px; color: #666;margin-top: 10px;text-align: right;} .mypage03 .box_wrap .box .txt_wrap .price02 .p_wrap span em{display: inline-block; min-width: 40px ;text-align: right;} .mypage03 .box_wrap{padding: 10px 0px;} .mypage03 .box_wrap .box2{border:1px solid #ddd; border-radius:5px;} .mypage03 .box_wrap .box2:not(:last-child){margin-bottom: 10px;} .mypage03 .box_wrap .box2 .top{position: relative;display: flex;align-items: center; justify-content: space-between;height: 45px;padding: 0px 15px; } .mypage03 .box_wrap .box2 .top:after{content: ''; position: absolute; top: 50%; right: 11px; transform: translateY(-50%); background: url('/app/images/sub/mypage_icon08.png') center no-repeat;width: 14px; height: 8px; background-size: cover; transition: .3s;} .mypage03 .box_wrap .box2.on .top:after {transform: translateY(-50%) rotate(180deg);} .mypage03 .box_wrap .box2 .top p{font-size: 16px; color: #222; font-weight: 600;} .mypage03 .box_wrap .box2 .top img{width: 14px;} .mypage03 .box_wrap .box2 .top .right_wrap{display: flex; align-items: center;gap:10px; margin-right: 20px;} .mypage03 .box_wrap .box2 .top .right_wrap a{display: flex; align-items: center; font-size: 12px; color: #00b79a; height: 23px; border:1px solid #00b79a; background: #eefaf8;border-radius:5px;text-align: center;padding: 0px 10px;} .mypage03 .box_wrap .box2 .txt_wrap{display: none; padding: 20px;border-top: 1px solid #ddd;} .mypage03 .box_wrap .box2 .txt_wrap ul li{display: flex;} .mypage03 .box_wrap .box2 .txt_wrap ul li:not(:last-child){margin-bottom: 12px;} .mypage03 .box_wrap .box2 .txt_wrap ul li p{display: flex;align-items: center;font-size: 14px; color: #666; width: 60px;} .mypage03 .box_wrap .box2 .txt_wrap ul li span{font-size: 14px;color: #222; line-height: 1.2;} .mypage03 .box_wrap .box2 .txt_wrap ul li span.co01{font-weight: 600;color: #00b79a;} .mypage03 .box_wrap .box2 .txt_wrap ul li .btn01{display: inline-block; width: 60px; height: 23px; line-height: 21px; text-align: center; border-radius:5px; background: #f3f3f3;font-size: 12px; color: #999; border:1px solid #ddd;} .mypage03 .box_wrap .box2.on .txt_wrap{display: block;} .mypage03 .box_wrap .box2 .txt_wrap .txt01{background: #f3f4f5; border-radius:5px;} .mypage03 .box_wrap .box2 .txt_wrap .txt01:not(:last-child){margin-bottom: 20px;} .mypage03 .box_wrap .box2 .txt_wrap .txt01 .txt01_top{display: flex; align-items: center; justify-content: space-between;height: 35px; padding: 0px 15px;} .mypage03 .box_wrap .box2 .txt_wrap .txt01 .txt01_top p{font-size: 13px; color: #222; font-weight: 600;} .mypage03 .box_wrap .box2 .txt_wrap .txt01 .txt01_top img{width: 11px;} .mypage03 .box_wrap .box2 .txt_wrap .txt01 ul{display: none; padding: 20px; border-top: 1px solid #ddd;} .mypage03 .box_wrap .box2 .txt_wrap .price01, .mypage03 .box_wrap .box2 .txt_wrap .price03{display: flex; align-items: center; justify-content: space-between;} .mypage03 .box_wrap .box2 .txt_wrap .price01 p{font-size: 15px; color: #f94b4b; font-weight: 600;} .mypage03 .box_wrap .box2 .txt_wrap .price03 p{font-size: 15px; color: #666; font-weight: 600;} .mypage03 .box_wrap .box2 .txt_wrap .price02{display: flex;justify-content: space-between;padding: 20px;background: #f3f4f5; border-radius:5px; margin: 10px 0px 15px;} .mypage03 .box_wrap .box2 .txt_wrap .price02 > p{font-size: 14px;color: #666; font-weight: 600;} .mypage03 .box_wrap .box2 .txt_wrap .price02 .p_wrap p{font-size: 14px; color: #222; font-weight: 600;margin-bottom: 12px;text-align: right;} .mypage03 .box_wrap .box2 .txt_wrap .price02 .p_wrap span{display: block;font-size: 12px; color: #666;margin-top: 10px;text-align: right;} .mypage03 .box_wrap .box2 .txt_wrap .price02 .p_wrap span em{display: inline-block; min-width: 40px ;text-align: right;} .mypage03 .box_wrap{padding: 10px 0px;} .mypage03 .box_wrap .box1{border:1px solid #ddd; border-radius:5px;} .mypage03 .box_wrap .box1:not(:last-child){margin-bottom: 10px;} .mypage03 .box_wrap .box1 .top{position: relative;display: flex;align-items: center; justify-content: space-between;height: 45px;padding: 0px 15px; } .mypage03 .box_wrap .box1 .top p{font-size: 16px; color: #222; font-weight: 600;} .mypage03 .box_wrap .box1 .top img{width: 14px;} .mypage03 .box_wrap .box1 .top .right_wrap{display: flex; align-items: center;gap:10px; margin-right: 20px;} .mypage03 .box_wrap .box1 .top .right_wrap a{display: flex; align-items: center; font-size: 12px; color: #00b79a; height: 23px; border:1px solid #00b79a; background: #eefaf8;border-radius:5px;text-align: center;padding: 0px 10px;} .mypage03 .box_wrap .box1 .txt_wrap{display: none; padding: 20px;border-top: 1px solid #ddd;} .mypage03 .box_wrap .box1 .txt_wrap ul li{display: flex;} .mypage03 .box_wrap .box1 .txt_wrap ul li:not(:last-child){margin-bottom: 12px;} .mypage03 .box_wrap .box1 .txt_wrap ul li p{display: flex;align-items: center;font-size: 13px; color: #666; width: 60px;} .mypage03 .box_wrap .box1 .txt_wrap ul li span{font-size: 13px;color: #222; line-height: 1.2;} .mypage03 .box_wrap .box1 .txt_wrap ul li span.co01{font-weight: 600;color: #00b79a;} .mypage03 .box_wrap .box1 .txt_wrap ul li .btn01{display: inline-block; width: 60px; height: 23px; line-height: 21px; text-align: center; border-radius:5px; background: #f3f3f3;font-size: 12px; color: #999; border:1px solid #ddd;} .mypage03 .box_wrap .box1.on .txt_wrap{display: block;} .mypage03 .box_wrap .box1 .txt_wrap .txt01{background: #f3f4f5; border-radius:5px;} .mypage03 .box_wrap .box1 .txt_wrap .txt01:not(:last-child){margin-bottom: 20px;} .mypage03 .box_wrap .box1 .txt_wrap .txt01 .txt01_top{display: flex; align-items: center; justify-content: space-between;height: 35px; padding: 0px 15px;} .mypage03 .box_wrap .box1 .txt_wrap .txt01 .txt01_top p{font-size: 13px; color: #222; font-weight: 600;} .mypage03 .box_wrap .box1 .txt_wrap .txt01 .txt01_top img{width: 11px;} .mypage03 .box_wrap .box1 .txt_wrap .txt01 ul{display: none; padding: 20px; border-top: 1px solid #ddd;} .mypage03 .box_wrap .box1 .txt_wrap .price01, .mypage03 .box_wrap .box1 .txt_wrap .price03{display: flex; align-items: center; justify-content: space-between;} .mypage03 .box_wrap .box1 .txt_wrap .price01 p{font-size: 15px; color: #f94b4b; font-weight: 600;} .mypage03 .box_wrap .box1 .txt_wrap .price03 p{font-size: 15px; color: #666; font-weight: 600;} .mypage03 .box_wrap .box1 .txt_wrap .price02{display: flex;justify-content: space-between;padding: 20px;background: #f3f4f5; border-radius:5px; margin: 10px 0px 15px;} .mypage03 .box_wrap .box1 .txt_wrap .price02 > p{font-size: 14px;color: #666; font-weight: 600;} .mypage03 .box_wrap .box1 .txt_wrap .price02 .p_wrap p{font-size: 14px; color: #222; font-weight: 600;margin-bottom: 12px;text-align: right;} .mypage03 .box_wrap .box1 .txt_wrap .price02 .p_wrap span{display: block;font-size: 12px; color: #666;margin-top: 10px;text-align: right;} .mypage03 .box_wrap .box1 .txt_wrap .price02 .p_wrap span em{display: inline-block; min-width: 40px ;text-align: right;} /* mypage04 */ .mypage04 .con_wrap{padding: 20px 0px;} .mypage04 .con01{margin-bottom: 20px;} .mypage04 .con01 p{font-size: 14px; color: #222;font-weight: 600; margin-bottom: 10px;} .mypage04 .con01 select{width: 100%; height: 45px; border:1px solid #ddd; border-radius:5px; padding: 0px 16px;font-size: 13px; color: #222; -webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none; background: url(https://www.naeiltour.co.kr/app/images/sub/mypage_icon09.png)center right 16px no-repeat; background-size: 11px;} .mypage04 .con01 select:focus{outline:none;} .mypage04 .con02 .chk_wrap{display: flex;align-items: center; gap:5px; margin-bottom: 10px;} .mypage04 .con02 .chk_wrap label{font-size: 12px; color: #666;} .mypage04 .con02 .box_wrap .box{background: #f3f4f5; border-radius:5px;} .mypage04 .con02 .box_wrap .box:not(:last-child){margin-bottom: 10px;} .mypage04 .con02 .box_wrap .box .top{display: flex; align-items: center; justify-content: space-between; height: 60px; padding: 0px 20px;} .mypage04 .con02 .box_wrap .box .top .tit{display: flex; align-items: center;gap:20px;} .mypage04 .con02 .box_wrap .box .top .tit p{position: relative;display: flex; align-items: center; gap:5px;font-size: 17px; color: #222; font-weight: 600;} .mypage04 .con02 .box_wrap .box .top .tit p:first-child::after{content:'';position: absolute; right: -9px; top: 50%; transform:translateY(-50%); width: 1px; height: 20px; background: #ddd;} .mypage04 .con02 .box_wrap .box .top .tit img{width: 20px;} .mypage04 .con02 .box_wrap .box .top em.tag{display: flex; align-items: center;height: 26px; background: #888; border-radius:5px;font-size: 12px; color: #fff;padding: 0px 10px;} .mypage04 .con02 .box_wrap .box .txt_wrap{padding: 20px;border-top: 1px solid #ddd;} .mypage04 .con02 .box_wrap .box .txt_wrap ul li{display: flex;} .mypage04 .con02 .box_wrap .box .txt_wrap ul li:not(:last-child){margin-bottom: 6px;} .mypage04 .con02 .box_wrap .box .txt_wrap ul li p{display: flex;font-size: 13px; color: #666; width: 60px;transform: translateY(4px);} .mypage04 .con02 .box_wrap .box .txt_wrap ul li span{font-size: 13px;color: #222; line-height: 22px;} /* mypage05 */ .mypage05 .con01{background: #00b79a; padding: 22px 0px; margin-bottom: 10px;} .mypage05 .con01 p{font-size: 14px; color: #fff; font-weight: 500;text-align: center;} .mypage05 .con01 span{display: block;font-size: 12px; color: #fff;text-align: center;margin-top: 10px;} .mypage05 .box_wrap{padding: 10px 0px;} .mypage05 .box_wrap .box{border:1px solid #ddd; border-radius:5px;} .mypage05 .box_wrap .box:not(:last-child){margin-bottom: 10px;} .mypage05 .box_wrap .box .top{display: flex;align-items: center; justify-content: space-between;height: 45px;padding: 0px 15px; } .mypage05 .box_wrap .box .top p{font-size: 16px; color: #222; font-weight: 600;} .mypage05 .box_wrap .box .top img{width: 14px;} .mypage05 .box_wrap .box .top .left_box{display: flex; align-items: center;gap:10px;} .mypage05 .box_wrap .box .top .left_box span{font-size: 12px; color: #00b79a;} .mypage05 .box_wrap .box .top .left_box span.span02{font-size: 16px; font-weight: 600;} .mypage05 .box_wrap .box .txt_wrap{padding: 20px;border-top: 1px solid #ddd;} .mypage05 .box_wrap .box .txt_wrap .top_txt{display: flex; align-items: center; justify-content: center;gap:10px;width: 100%; height: 35px; background: #e0f6f3; border-radius: 5px; margin-bottom: 15px;} .mypage05 .box_wrap .box .txt_wrap .top_txt img{width: 18px;} .mypage05 .box_wrap .box .txt_wrap .top_txt p{font-size: 12px; color: #00b79a; font-weight: 500;} .mypage05 .box_wrap .box .txt_wrap ul li{display: flex;} .mypage05 .box_wrap .box .txt_wrap ul li:not(:last-child){margin-bottom: 12px;} .mypage05 .box_wrap .box .txt_wrap ul li p{display: flex;align-items: center;font-size: 13px; color: #666; width: 60px;} .mypage05 .box_wrap .box .txt_wrap ul.ul02 li p{width: 90px;} .mypage05 .box_wrap .box .txt_wrap ul li span{font-size: 13px;color: #222; line-height: 1.2;} .mypage05 .box_wrap .box .txt_wrap ul li span.tag{display: flex; align-items: center; justify-content: center; width: 40px; height: 20px;background: #555; font-size: 12px; border-radius:5px;color: #fff;} .mypage05 .box_wrap .box .txt_wrap ul li span.tag02{background: #00b79a;} .mypage05 .box_wrap .box .txt_wrap ul li span i{display: inline-block; width: 1px; height: 10px;background: #ddd; margin: 0px 5px;} .mypage05 .box_wrap .box .txt_wrap ul li .btn01{display: inline-block; width: 40px; height: 23px; line-height: 21px; text-align: center; border-radius:5px; background: #f3f3f3;font-size: 12px; color: #999; border:1px solid #ddd;margin-left: 5px;} .mypage05 .box_wrap .box .txt_wrap .txt01{background: #f3f4f5; border-radius:5px;} .mypage05 .box_wrap .box .txt_wrap .txt01:not(:last-child){margin-bottom: 10px;} .mypage05 .box_wrap .box .txt_wrap .txt01 .txt01_top{display: flex; align-items: center; justify-content: space-between;height: 35px; padding: 0px 15px;} .mypage05 .box_wrap .box .txt_wrap .txt01 .txt01_top p{font-size: 13px; color: #222; font-weight: 600;} .mypage05 .box_wrap .box .txt_wrap .txt01 .txt01_top img{width: 11px;} .mypage05 .box_wrap .box .txt_wrap .txt02 .txt01_top{height: 45px;} .mypage05 .box_wrap .box .txt_wrap .txt02 .txt01_top .left_wrap{display: flex; align-items: center;gap:10px;} .mypage05 .box_wrap .box .txt_wrap .txt02 .txt01_top .left_wrap em.tag{display: flex; align-items: center; justify-content: center; width: 45px; height: 20px; background: #00b79a; border-radius:5px;font-size: 12px; color: #fff; font-weight: 500;} .mypage05 .box_wrap .box .txt_wrap .txt02 .txt01_top .left_wrap p{font-size: 12px; color: #444;} .mypage05 .box_wrap .box .txt_wrap .txt02 .txt01_top a{display: flex; align-items: center; justify-content: center;width: 60px; height: 26px; background: #fff; border-radius:5px; border:1px solid #ddd;font-size: 12px; color: #888;} .mypage05 .box_wrap .box .txt_wrap .txt02 .txt01_bot{padding: 20px; border-top: 1px solid #ddd;} .mypage05 .box_wrap .box .txt_wrap .txt02 .txt01_bot strong{display: flex; gap:5px;align-items: center;font-size: 17px; color: #222; font-weight: 600; margin-bottom: 12px;} .mypage05 .box_wrap .box .txt_wrap .txt02 .txt01_bot img{width: 20px;} .mypage05 .box_wrap .box .txt_wrap .txt02 .txt01_bot .bot_wrap{display: flex; justify-content: space-between;} .mypage05 .box_wrap .box .txt_wrap .txt02 .txt01_bot .bot_wrap .left_wrap span{font-size: 13px; color: #666;} .mypage05 .box_wrap .box .txt_wrap .txt02 .txt01_bot .bot_wrap .left_wrap p{font-size: 13px; color: #222; margin-top: 12px;} .mypage05 .box_wrap .box .txt_wrap .txt02 .txt01_bot .bot_wrap .right_wrap p{display: flex; align-items: center;justify-content: flex-end;gap:5px;font-size: 12px; color: #222; font-weight:500; } .mypage05 .box_wrap .box .txt_wrap .txt02 .txt01_bot .bot_wrap .right_wrap p img{width: 13px;} .mypage05 .box_wrap .box .txt_wrap .txt02 .txt01_bot .bot_wrap .right_wrap span{display: flex; align-items: center; justify-content: center;margin-left: auto; margin-top: 7px;font-size: 11px; color: #fff; background: #222; width: 46px; height: 18px; border-radius:5px; } .mypage05 .box_wrap .box .txt_wrap .txt02 .txt01_bot .bot_wrap .right_wrap em{display: block;font-size: 11px; color: #999;text-align: right; margin-top: 15px;} .mypage05 .box_wrap .box .txt_wrap .txt01 ul{padding: 20px; border-top: 1px solid #ddd;} .mypage05 .box_wrap .box .txt_wrap .bot_txt{margin-top: 20px;} .mypage05 .box_wrap .box .txt_wrap .bot_txt p{display: flex; gap:5px;font-size: 12px; color: #00b79a; line-height: 18px;} .mypage05 .box_wrap .box .txt_wrap .bot_txt p:not(:last-child){margin-bottom: 3px;} .mypage05 .box_wrap .box .txt_wrap .bot_txt02{margin-top: 10px;} .mypage05 .box_wrap .box .txt_wrap .bot_txt02 p{display: flex;gap:5px;align-items: flex-start;font-size: 12px; color: #666;line-height: 16px;} .mypage05 .box_wrap .box .txt_wrap .bot_txt02 p:not(:last-child){margin-bottom: 8px;} .mypage05 .box_wrap .box .txt_wrap .bot_txt02 p img{width: 15px;} .mypage05 .box_wrap .box .txt_wrap .bot_txt02 p b{font-weight: 600;} .mypage05 .box_wrap .box .tbl_wrap table{width: 100%; border-top: 1px solid #ddd;} .mypage05 .box_wrap .box .tbl_wrap table tr{border-bottom: 1px solid #ddd;} .mypage05 .box_wrap .box .tbl_wrap table th{font-size: 12px; color: #222; font-weight: 500; background: #f5f6f7;padding: 2px 0px;} .mypage05 .box_wrap .box .tbl_wrap table td{font-size: 12px; color: #222; padding: 5px 10px;line-height: 13px;} .mypage05 .box_wrap .box .tbl_wrap table td.td_bold{font-weight: 600;} .mypage05 .box_wrap .box .tbl_wrap table td p{width: 133px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mypage05 .box_wrap .box .tbl_wrap table.tbl02 td{text-align: center;} .mypage05 .box_wrap .res_btn{display: flex; align-items: center; justify-content: center; width: 135px; height: 40px; background: #666; color: #fff; border-radius:5px; font-size: 12px;margin-left: auto;} /* mypage06 */ .mypage06 .con01{padding: 10px 0px;} .mypage06 .con01 a{display: flex; align-items: center; justify-content: center;width: 70px; height: 28px; font-size: 12px; font-weight: 500;color: #fff;background: #666; border-radius: 5px;margin-left: auto;} .mypage06 .box_wrap{margin-bottom: 10px;} .mypage06 .box_wrap .box{position: relative;padding: 15px; border:1px solid #ddd; border-radius:5px;} .mypage06 .box_wrap .box:not(:last-child){margin-bottom: 10px;} .mypage06 .box_wrap .box a{display: flex; align-items: center; gap:15px;} .mypage06 .box_wrap .box .img_box{width: 75px;} .mypage06 .box_wrap .box .img_wrap{position:relative; width:100%; padding-bottom:100%; overflow: hidden; border-radius:5px;} .mypage06 .box_wrap .box .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;} .mypage06 .box_wrap .box .txt_box{width: calc(100% - 85px);} .mypage06 .box_wrap .box .txt_box span{display: block;font-size: 13px; color: #777;} .mypage06 .box_wrap .box .txt_box p{font-size: 15px; color: #222;font-weight: 500;padding: 10px 0px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .mypage06 .box_wrap .box .txt_box em{display: block;font-size: 15px; color: #f72e38; font-weight: 700;} .mypage06 .box_wrap .box .txt_box em del{display: inline-block;font-size: 12px; color: #999; margin-right: 7px;font-weight: 400;} .mypage06 .box_wrap .box .x_btn{position: absolute; top: 10px; right: 10px;display: flex; align-items: center; justify-content: center;width: 23px; height: 23px; background: #f1f2f3; border-radius:5px;z-index: 100;} .mypage06 .box_wrap .box .x_btn img{display: block;width: 8px;} /* mypage07 */ .mypage07 #my_header{position: absolute; top: 0; left: 0;width: 100%;z-index: 1000;border-bottom: 0;} .mypage07 #my_header .inner{display: flex;align-items: center; justify-content: space-between;} .mypage07 #my_header .btn_wrap{display: flex; align-items: center;gap:20px;} .mypage07 #my_header .btn_wrap a img{height: 18px;} .mypage07 .con01 .img_wrap{position:relative; width:100%; padding-bottom:47.694%;} .mypage07 .con01 .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;} .mypage07 .con01 .txt_wrap{padding: 20px 10px;} .mypage07 .con01 .txt_wrap p{font-size: 16px; color: #222; font-weight: 600; margin-bottom: 15px;} .mypage07 .con01 .txt_wrap .txt{padding: 15px;border-radius:5px;background: #edfaf8;} .mypage07 .con01 .txt_wrap .txt ul li{font-size: 12px; color: #00b79a; font-weight: 500;} .mypage07 .con01 .txt_wrap .txt ul li:not(:last-child){margin-bottom: 10px;} .mypage07 .con02 .cal_wrap{border-top: 1px solid #ddd;} .mypage07 .con02 .cal_wrap .date{border-bottom: 1px solid #ddd;} .mypage07 .con02 .cal_wrap .date .inner{display: flex;align-items: center; justify-content: space-between;height: 40px;} .mypage07 .con02 .cal_wrap .date button img{width: 8px;} .mypage07 .con02 .cal_wrap .date p{font-size: 16px; color: #222; font-weight: 500;} .mypage07 .con02 .cal_wrap table.cal_tbl{width: 100%;table-layout: fixed;} .mypage07 .con02 .cal_wrap table.cal_tbl th{font-size: 14px; color: #666; font-weight: 500;background: #f1f2f3;padding: 5px 0px;} .mypage07 .con02 .cal_wrap table.cal_tbl th.sat{color: #fff; background: #c75b6b;} .mypage07 .con02 .cal_wrap table.cal_tbl th.sun{color: #fff;background: #6f8acf;} .mypage07 .con02 .cal_wrap table.cal_tbl td{font-size: 14px; color: #222; font-weight: 500;text-align: center;padding: 5px 0px;} .mypage07 .con02 .cal_wrap table.cal_tbl td.sat{color: #c75b6b;} .mypage07 .con02 .cal_wrap table.cal_tbl td.sun{color: #6f8acf;} .mypage07 .con02 .cal_wrap table.cal_tbl td.td_none{color: #bbb;} .mypage07 .con02 .cate_wrap{margin: 20px 0px 10px;} .mypage07 .con02 .cate_wrap .inner{display: flex;gap:5px;} .mypage07 .con02 .cate_wrap a{display: flex; align-items: center; justify-content: center;width: 78px; height: 30px; border:1px solid #222; border-radius:5px;font-size: 14px; color: #222; font-weight: 500;transition:.3s;} .mypage07 .con02 .cate_wrap a.on{background: #222; color: #fff;} .mypage07 .con02 .box_wrap{margin-bottom: 10px;} .mypage07 .con02 .box_wrap .box{border:1px solid #ddd; border-radius:5px; overflow: hidden;} .mypage07 .con02 .box_wrap .box:not(:last-child){margin-bottom: 10px;} .mypage07 .con02 .box_wrap .box .top{background: #f1f2f3; padding: 15px;} .mypage07 .con02 .box_wrap .box .top p{font-size: 18px; color: #222; font-weight: 600;} .mypage07 .con02 .box_wrap .box .txt{padding: 15px;} .mypage07 .con02 .box_wrap .box .txt span{display: block;font-size: 12px; color: #999;} .mypage07 .con02 .box_wrap .box .txt p{display: flex; align-items: center;font-size: 11px;gap:10px;color: #222;padding: 10px 0px; } .mypage07 .con02 .box_wrap .box .txt p img{display: block;width: 12px;} .mypage07 .con02 .box_wrap .box .txt ul li{display: flex; align-items: center; gap:5px;font-size: 12px;color: #f72e38;} .mypage07 .con02 .box_wrap .box .txt ul li:nth-child(2){color: #666; margin-top: 5px;} .mypage07 .con02 .box_wrap .box .txt ul li em{display: flex; align-items: center; justify-content: center;width: 38px; height: 18px; background: #f72e38;font-size: 12px; font-weight: 500; border-radius:9px;color: #fff;} .mypage07 .con02 .box_wrap .box .txt ul li em.tag02{background: #666666;} .mypage07 .con02 .more_btn{display: flex; align-items: center; justify-content: center; width: calc(100% - 5.2%); height: 40px; background: #666; border-radius:5px;font-size: 15px; color: #fff; font-weight: 600;margin: 0 auto 20px; } /* mypage08 */ .mypage08 .con_wrap{padding: 10px 0px;} .mypage08 .con01{background: #f1f2f4; border-radius: 5px; padding: 20px;} .mypage08 .con01 p{font-size: 16px; color: #444;text-align: center; font-weight: 500;} .mypage08 .con01 span{display: block;font-size: 14px; color: #777; text-align: center; line-height: 16px; margin-top: 8px;} .mypage08 .box_wrap .box{padding: 25px 0px;border-bottom: 1px solid #ddd;} .mypage08 .box_wrap .box:last-child{padding-bottom: 0;border-bottom: 0;} .mypage08 .box_wrap .box .tit{margin-bottom: 12px;} .mypage08 .box_wrap .box .tit p{font-size: 16px; color: #222; font-weight: 700;} .mypage08 .box_wrap .box ul.tab{display: flex;align-items: center; gap:5px;} .mypage08 .box_wrap .box ul.tab li{flex:1;} .mypage08 .box_wrap .box ul.tab li input{display: none;} .mypage08 .box_wrap .box ul.tab li input + label{display: flex; align-items: center; justify-content: center;height: 35px; font-size: 12px; color: #999;font-weight: 600;border:1px solid #aaa; border-radius:5px;transition:.3s;} .mypage08 .box_wrap .box ul.tab li input:checked + label{color: #00b79a; border:1px solid #00b79a;} .mypage08 .box_wrap .box ul.tab02{display: flex;align-items: center; flex-wrap:wrap; gap:5px;} .mypage08 .box_wrap .box ul.tab02 li{position: relative;width: calc((100% - 5px) / 2);} .mypage08 .box_wrap .box ul.tab02 li input{display: none;} .mypage08 .box_wrap .box ul.tab02 li input + label{display: block;border:1px solid #ddd; border-radius:5px;transition:.3s; overflow: hidden;} .mypage08 .box_wrap .box ul.tab02 li input:checked + label{border:1px solid #00b79a;} .mypage08 .box_wrap .box ul.tab02 li input + label .img_wrap{position:relative; width:100%; padding-bottom:81.429%;} .mypage08 .box_wrap .box ul.tab02 li input + label .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;} .mypage08 .box_wrap .box ul.tab02 li input + label .txt_wrap{display: flex; align-items: center; justify-content: center;height: 35px;font-size: 15px; color: #444; font-weight: 600;background: #fff;} .mypage08 .box_wrap .box ul.tab02 li input:checked + label .txt_wrap{background: #ebf9f7;color: #00b79a;} .mypage08 .box_wrap .box ul.tab02 li input + label em.tag{position: absolute;top: 5px; left: 5px;display: flex; align-items: center; height: 23px; padding: 0px 10px;background: #888; color: #fff; border-radius:11px;font-size: 12px; font-weight: 600;z-index: 100;} .mypage08 .box_wrap .box ul.tab02 li input:checked + label em.tag{background: #00b79a;} /* mypage09 */ .mypage09 .inner{padding: 10px 2.6%;} /* mypage10 */ .mypage10 .con_wrap{padding: 10px 0px;} .mypage10 .con_wrap .con01{display: flex;align-items: center; gap:18px;padding: 10px;background: #f7f8f9; border-radius:5px; margin-bottom: 10px;} .mypage10 .con_wrap .con01 .icon_wrap{width: 65px;} .mypage10 .con_wrap .con01 .icon_wrap img{width: 100%;} .mypage10 .con_wrap .con01 .txt_wrap{width: calc(100% - 90px);} .mypage10 .con_wrap .con01 .txt_wrap p{font-size: 16px; color: #444;font-weight: 500; margin-bottom: 12px;} .mypage10 .con_wrap .con01 .txt_wrap p b{font-weight: 700;} .mypage10 .con_wrap .con01 .txt_wrap p b.b01{color: #f3a42e;} .mypage10 .con_wrap .con01 .txt_wrap span{display: block; font-size: 14px; color: #777; margin-top: 6px;} .mypage10 .con_wrap .con01 .txt_wrap span i{display: inline-block;width: 1px; height: 10px; background: #ddd; margin: 0px 10px;} .mypage10 .con_wrap .con02{margin-top: 30px;} .mypage10 .con_wrap .con02 h3{font-size: 15px; color: #111; font-weight: 600; margin-bottom: 15px;} .mypage10 .con_wrap .con02 .box{display: flex; align-items: flex-start;gap:18px; padding: 20px 0px; border-bottom: 1px solid #ddd;} .mypage10 .con_wrap .con02 .box:nth-child(2){padding-top: 0;} .mypage10 .con_wrap .con02 .box:last-child{border-bottom: 0;} .mypage10 .con_wrap .con02 .box .icon_wrap{width: 60px;} .mypage10 .con_wrap .con02 .box .icon_wrap img{width: 100%;} .mypage10 .con_wrap .con02 .box .icon_wrap p{font-size: 16px; color: #222; font-weight: 500;text-align: center;margin-top: 10px; text-transform:uppercase;} .mypage10 .con_wrap .con02 .box .txt_wrap p{font-size: 16px; font-weight: 500; color: #222; margin-bottom: 7px;} .mypage10 .con_wrap .con02 .box .txt_wrap span{display: block; font-size: 14px; color: #888; margin-bottom: 7px;line-height: 18px;} .mypage10 .con_wrap .con02 .box .txt_wrap ul li{font-size: 14px; color: #888;} .mypage10 .con_wrap .con02 .box .txt_wrap ul li:not(:last-child){margin-bottom: 5px;} /* mypage11 */ .mypage11 .con_wrap{padding: 20px 0px 30px;} .mypage11 .con01{margin-bottom: 25px;} .mypage11 .con01 p{font-size: 12px; color: #111;font-weight: 600;} .mypage11 .con01 .input_wrap{display: flex;gap:25px; padding:15px 0 10px; border-bottom: 1px solid #ddd;} .mypage11 .con01 .input_wrap input[type="text"]{border:0; font-size: 15px;color: #888;width: calc(100% - 70px);} .mypage11 .con01 .input_wrap input[type="text"]::placeholder{font-size: 15px;color: #999999;} .mypage11 .con01 .input_wrap button{display: flex; align-items: center; justify-content: center; width: 45px; height: 25px; color: #fff; background: #111; border-radius:5px;font-size: 12px;} .mypage11 .con02 .cate_wrap{display: flex;gap:5px; margin-bottom: 15px;} .mypage11 .con02 .cate_wrap a{display: flex; align-items: center; justify-content: center;flex:1;font-size: 14px; color: #999; font-weight: 600;height: 40px; border-radius:20px; background: #f1f1f1;transition:.3s;} .mypage11 .con02 .cate_wrap a.on{background: #111; color: #fff;} .mypage11 .con02 .box_wrap{margin-bottom: 30px;} .mypage11 .con02 .box_wrap .box{background: #fff; border-radius:5px; box-shadow: 0px 0px 10px rgba(0,0,0,.1);} .mypage11 .con02 .box_wrap .box:not(:last-child){margin-bottom: 15px;} .mypage11 .con02 .box_wrap .box .top{padding: 15px 15px 30px 15px;border-bottom: 1px dashed #ddd;} .mypage11 .con02 .box_wrap .box .top .txt01{display: flex; align-items: center; gap:8px;margin-bottom: 20px;} .mypage11 .con02 .box_wrap .box .top .txt01 em{display: flex; align-items: center; justify-content: center; width: 50px; height: 18px; background: #00b69a; border-radius:9px;font-size: 12px; color: #fff;} .mypage11 .con02 .box_wrap .box .top .txt01 span{font-size: 12px; color: #999;} .mypage11 .con02 .box_wrap .box .top .txt02 span{display: block;font-size: 14px; color: #111; margin-bottom: 15px;} .mypage11 .con02 .box_wrap .box .top .txt02 p{font-size: 16px; color: #111; font-weight: 500;} .mypage11 .con02 .box_wrap .box .bot{font-size: 12px; color: #999;padding: 15px;} .mypage11 .con03{background: #f1f2f4; padding: 25px 0px;} .mypage11 .con03 p{font-size: 13px; color: #111; font-weight: 600; margin-bottom: 10px;} .mypage11 .con03 ul li{position: relative;font-size: 12px; color: #444;padding-left: 8px; line-height: 18px;} .mypage11 .con03 ul li:not(:last-child){margin-bottom: 10px;} .mypage11 .con03 ul li::before{content:'';position: absolute; left: 0; top: 9px; width: 4px; height: 1px; background: #444;} /* mypage12 */ .mypage12 .box_wrap{padding: 10px 0px 30px;} .mypage12 .box_wrap .box{padding: 15px;border-radius:5px; border:1px solid #ddd;} .mypage12 .box_wrap .box:not(:last-child){margin-bottom: 10px;} .mypage12 .box_wrap .box em{display: flex; align-items: center;font-size: 12px; color: #fff; background: #00b69a; border-radius:9px; padding: 0px 10px; height: 18px;width: fit-content;} .mypage12 .box_wrap .box p{margin: 15px 0px;font-size: 15px; color: #111; } .mypage12 .box_wrap .box span{display: block;font-size: 12px; color: #bbb;} /* mypage13 */ .mypage13 .box_wrap .box{display: flex;gap:10px;padding: 25px 0px;} .mypage13 .box_wrap .box.a_box{border-top: 1px solid #ddd;} .mypage13 .box_wrap .box b{display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; background: #00b69a; border-radius:50%;color: #fff;font-size: 12px; font-weight: 600;} .mypage13 .box_wrap .box .txt{width: calc(100% - 30px);} .mypage13 .box_wrap .box .txt p{font-size: 13px; color: #111; font-weight: 600;} .mypage13 .box_wrap .box .txt span{display: block;font-size: 12px; color: #111; line-height: 18px; margin: 6px 0px 12px;} .mypage13 .box_wrap .box .txt em{display: block;font-size: 10px; color: #bbb;} /* mypage14 */ .mypage14 .box_wrap .box{padding: 25px 0px;} .mypage14 .box_wrap .box:not(:last-child){border-bottom: 1px solid #ddd;} .mypage14 .box_wrap .box p{font-size: 16px;color: #111; font-weight: 600;} .mypage14 .box_wrap .box span{display: block;font-size: 12px; color: #111; margin: 10px 0px 20px;} .mypage14 .box_wrap .box em{display: block;font-size: 12px;color: #bbb;} /* mypage16 */ .mypage16 {} .mypage16 a.ph_btn {display: block; background: #ddd; font-size: 14px; color: #222; text-align:center; padding: 10px 0; margin-top: 8px;} /* mypage17 */ .mypage17 .con img {width:120px; margin:50px auto; display:block;} .mypage17 .con .passportInfo_txt {width:80%; font-size:16px; font-weight:600; margin:20px auto; line-height:20px;} .mypage17 .con .passportInfo_txt p {margin:20px 0px;} .mypage17 .con .pass_file {width:70%; font-size:16px; font-weight:600; background:#00a293; color:#fff; padding:10px 50px; border-radius:10px; text-align:center; margin:20px auto; display:block;} .mypage17 .con .m_check_wrap {font-size:14px; text-align:center; margin-bottom:100px;} .mypage17 .con .m_check_wrap a {margin-left:5px; color:#00a293; text-decoration:underline;} .mypage17 .point {padding: 15px; background: #f7f7f7; margin-top: 5px;} .mypage17 .point > p {font-size: 12px; color:#222; line-height: 1.4;} .mypage17 .point > p:last-child {margin-bottom: 0;} /* service */ .service_list_wrap .con01 ul.btn_list li{display: flex; align-items: center;height: 52px; background: #fff; background: url(https://www.naeiltour.co.kr/app/images/sub/mypage_icon02.png)center right no-repeat; background-size: 7px;background-position: right 5px center; } .service_list_wrap .con01 ul.btn_list li:not(:last-child){border-bottom: 1px solid #ddd;} .service_list_wrap .con01 ul.btn_list li a{display: flex; align-items: center; width: 100%; height: 100%;font-size: 15px; color: #222; padding:0 5px; } .service{padding: 10px 0;} .service .qna_wrap{background: #f1f2f4; padding: 15px; border-radius:5px ;} .service .qna_wrap ul li{position: relative; padding-left: 10px; margin-bottom: 5px;} .service .qna_wrap ul li:last-child{margin-bottom: 0;} .service .qna_wrap ul li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #00b69a; border-radius:50%; left: 0; top: 8px;} .service .qna_wrap{color: #222;} .service .qna_wrap a{display: block; background: #00b69a; color: #fff; padding: 10px; text-align: center; font-weight: 600; margin-top: 10px; font-size: 15px; border-radius:5px ;} /* service01 */ .service01_wrap .search_wrap{margin-bottom: 20px;} .service01_wrap .search_wrap .con{margin-bottom: 5px; display: flex;} .service01_wrap .search_wrap input{outline: 0; border: 1px solid #ddd; font-size: 14px; color: #222; padding: 8px; width: calc(100% - 50px);} .service01_wrap .search_wrap button{background: #00b69a; color: #fff; font-size: 14px; font-weight: 500; width: 50px;} .service01_wrap .search_wrap select{width: 100%; border: 1px solid #ddd; color: #222; font-size: 14px; padding: 8px; outline: 0;} .service01_wrap .box_wrap .box{/* border: 1px solid #ddd; */ border-radius:5px ; background: #f3f4f5; padding:0 15px; color: #222; margin-bottom: 5px;} .service01_wrap .box_wrap .box:last-child{margin-bottom: 0;} .service01_wrap .box_wrap .f_wrap{font-size: 14px; font-weight: 600; padding: 15px 0; padding-left: 25px; position: relative;} /*.service01_wrap .box_wrap .f_wrap span{position: absolute; left: 0; color: #00b69a;}*/ .service01_wrap .box_wrap .f_wrap label{position: absolute; left: 0; color: #00b69a;} .service01_wrap .box_wrap .f_wrap ul li{padding-left: 100px;} .service01_wrap .box_wrap .box .f_wrap:after{position: absolute; content: ''; right: 0; top: 50%; transform:translateY(-50%); width: 14px; height: 8px; background:url('/app/images/sub/qna_icon.png') no-repeat;} .service01_wrap .box_wrap .box.on .f_wrap:after{width: 14px; height: 8px; background:url('/app/images/sub/qna_icon02.png') no-repeat;} .service01_wrap .box_wrap .q_wrap{font-size: 13px; padding: 15px 0; display: none; position: relative; padding-left:25px; border-top: 1px solid #ddd;} /*.service01_wrap .box_wrap .q_wrap span{position: absolute; left: 0px; color: #00b69a;}*/ .service01_wrap .box_wrap .q_wrap label{position: absolute; left: 0px; color: #00b69a;} .service01_wrap .box_wrap .q_wrap ul li span{left: 40px;} .service01_wrap .box_wrap .q_wrap ul li{padding-left: 80px;} /* service02 */ .service02_wrap .search_wrap{display: flex; gap:5px; margin-top: 20px; margin-bottom: 10px;} .service02_wrap .search_wrap input{outline: 0; border: 1px solid #ddd; font-size: 14px; color: #222; padding: 8px; width: 100%;} .service02_wrap .search_wrap .con{display: flex; width: calc(100% - 80px);} .service02_wrap .search_wrap select{border: 1px solid #ddd; color: #222; font-size: 14px; padding: 8px; outline: 0; width: 80px;} .service02_wrap .search_wrap button{background: #00b69a; color: #fff; font-size: 14px; font-weight: 500; width: 50px;} .service02_wrap .box{ border: 1px solid #ddd; border-radius:5px ; margin-bottom: 5px;} .service02_wrap .box:last-child{margin-bottom: 0;} .service02_wrap .box a{display: block; padding: 15px;} .service02_wrap .box span{color: #f36d21; background: rgba(243, 109, 33, 0.1); font-size: 11px; display: inline-block; padding: 1px 4px; margin-bottom: 2px;} .service02_wrap .box p{font-size: 15px; font-weight: 500; color: #222; margin-bottom: 12px;} .service02_wrap .box ul{display: flex; gap:10px;} .service02_wrap .box ul li{font-size: 13px; color: #999; position: relative;} .service02_wrap .box ul li:after{position: absolute; content: ''; background: #ddd; width: 1px; height: 10px; right: -5px; top: 3px;} .service02_wrap .box ul li:last-child:after{display: none;} .service02_wrap .box ul li em{color: #00b69a;} /* service02_form */ .service02_form_wrap .input_con{margin-top: 12px;} .service02_form_wrap .input_con p{font-size: 15px; color: #222; font-weight: 600; margin-bottom: 3px;} .service02_form_wrap input[type=text]{border: 1px solid #ddd; width: 100%; outline: 0; font-size: 14px; color: #999; padding: 8px;} .service02_form_wrap select{border: 1px solid #ddd; outline: 0; color: #222; font-size: 14px; padding: 8px; display: block; width: 100%;} .service02_form_wrap .input_con2{display: flex; gap:10px;} .service02_form_wrap .input_con2 div{width: 100%;} .service02_form_wrap .input_con2 select{margin-bottom: 3px;} .service02_form_wrap .input_con2 select:last-child{margin-bottom: 0;} .service02_form_wrap textarea{border: 1px solid #ddd; outline: 0; width: 100%; padding: 5px; margin-top: 3px; height: 150px;} .service02_form_wrap input[type=file]{border: 1px solid #ddd; width: 100%; outline: 0; font-size: 14px; color: #222; padding: 8px;} .service02_form_wrap .check_con{font-size: 14px; color: #222;} .service02_form_wrap .check_con input{margin-right: 3px; vertical-align: text-top;} .service02_form_wrap .btn_wrap{margin-top: 15px;} .service02_form_wrap .btn_wrap a{background: #00b69a; color: #fff; display: block; width: 100%; font-size: 15px; font-weight: 600; text-align: center; padding: 10px; border-radius:5px;} /* service03 */ .service03_wrap .search_wrap{margin-bottom: 20px;} .service03_wrap .search_wrap .con{margin-bottom: 5px; display: flex;} .service03_wrap .search_wrap .con:first-child{gap:5px;} .service03_wrap .search_wrap input{outline: 0; border: 1px solid #ddd; font-size: 14px; color: #222; padding: 8px; width: calc(100% - 50px);} .service03_wrap .search_wrap button{background: #00b69a; color: #fff; font-size: 14px; font-weight: 500; width: 50px;} .service03_wrap .search_wrap select{width: 100%; border: 1px solid #ddd; color: #222; font-size: 14px; padding: 8px; outline: 0;} .service03_wrap .box_wrap .tit_wrap span{font-size: 16px; color: #222; margin-bottom: 5px; display: block; font-weight: 500;} .service03_wrap .box_wrap .box{/* border: 1px solid #ddd; */ border-radius:5px ; background: #f3f4f5; padding:0 15px; color: #222; margin-bottom: 5px;} .service03_wrap .box_wrap .box:last-child{margin-bottom: 0;} .service03_wrap .box_wrap .f_wrap{font-size: 12px; font-weight: 500; padding: 15px 0; position: relative; line-height: 1.6;} .service03_wrap .box_wrap .f_wrap .top{display: flex; justify-content: space-between;} .service03_wrap .box_wrap .f_wrap .top img{width: 12px;} .service03_wrap .box_wrap .f_wrap p{font-size: 14px; color: #222; font-weight: 600;} .service03_wrap .box_wrap .f_wrap span{color: #00b69a;} .service03_wrap .box_wrap .box .f_wrap:after{position: absolute; content: ''; right: 0; top: 50%; transform:translateY(-50%); width: 14px; height: 8px; background:url('/app/images/sub/qna_icon.png') no-repeat;} .service03_wrap .box_wrap .box.on .f_wrap:after{width: 14px; height: 8px; background:url('/app/images/sub/qna_icon02.png') no-repeat;} .service03_wrap .box_wrap .q_wrap{font-size: 14px; padding: 20px 0; display: none; position: relative; border-top: 1px solid #ddd;} .service03_wrap .box_wrap .q_wrap p{font-size: 14px; color: #222; line-height:1.6} .service03_wrap .box_wrap .q_wrap p em{display: block;} .service03_wrap .box_wrap .q_wrap span{font-size: 14px; font-weight: 600; color: #888; display: block; margin-bottom: 15px;} .service03_wrap .box_wrap .q_wrap span a{color: #444;} .service03_wrap .box_wrap .q_wrap ul{display: flex; margin-top: 15px; gap:10px;} .service03_wrap .box_wrap .q_wrap ul li{color: #888; position: relative;} .service03_wrap .box_wrap .q_wrap ul li:after{position: absolute; content: ''; width: 1px; height: 10px; background: #aaa; right: -5px; top: 4px;} .service03_wrap .box_wrap .q_wrap ul li:last-child:after{display: none;} /* service05 */ .service05_wrap .box_wrap{margin-top: 20px;} .service05_wrap .box_wrap .box{position: relative;border-radius:5px ; border: 1px solid #ddd; padding:0 15px; color: #222; margin-bottom: 5px;} .service05_wrap .box_wrap .box .f_wrap:after{content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: url(https://www.naeiltour.co.kr/app/images/main/f_arr01.png) center no-repeat;width: 15px; height: 8px; background-size: cover; transition: .3s;} .service05_wrap .box_wrap .box.on .f_wrap:after {transform: translateY(-50%) rotate(180deg);} .service05_wrap .box_wrap .f_wrap{font-size: 12px; font-weight: 500; padding: 15px 0; position: relative;} .service05_wrap .box_wrap .f_wrap p{font-size: 13px; font-weight: 600; color: #222; margin-bottom: 5px;} .service05_wrap .box_wrap .f_wrap ul{display: flex; font-size: 12px; gap:10px;} .service05_wrap .box_wrap .f_wrap ul li{color: #888; position: relative;} .service05_wrap .box_wrap .f_wrap ul li:after{position: absolute; content: ''; width: 1px; height: 10px; background: #aaa; right: -5px; top: 4px;} .service05_wrap .box_wrap .f_wrap ul li:last-child:after{display: none;} .service05_wrap .box_wrap .q_wrap{font-size: 12px; padding: 15px 0; display: none; position: relative; border-top: 1px solid #ddd;} .service05_wrap .box_wrap .q_wrap strong{color: #00b69a; display: block; margin-bottom: 3px;} .service05_wrap .box_wrap .in_q_wrap{background: #f3f4f5; padding: 10px; border-radius:10px ; margin-top: 10px;} .service05_wrap .in_q_wrap .profile_wrap{border: 1px solid #ddd; background: #fff; text-align: center; width: 100px; } .service05_wrap .in_q_wrap .profile_wrap .img{text-align: center; position: relative; width: 100%; height:0; padding-bottom:80.42%; overflow:hidden; background: #f1f1f1;} .service05_wrap .in_q_wrap .profile_wrap .img img{position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%;} .service05_wrap .in_q_wrap .profile_wrap p{padding: 3px;} .service05_wrap .in_q_wrap .txt_wrap{margin-top: 8px;} /* service06 */ .service06_wrap ul.tabs{display: flex; margin-bottom: 20px;} .service06_wrap ul.tabs li{width: 50%; text-align: center; font-size: 15px; font-weight: 400; padding: 5px 0; color: #888; border-bottom: 1px solid #ddd;} .service06_wrap ul.tabs li.current{ color: #222; border-bottom: 2px solid #222; font-weight: 600;} .service06_wrap .tab-content{display: none;} .service06_wrap .tab-content.current{display: inherit;} .service06_wrap .event_box{border: 1px solid #ddd; border-radius:5px; margin-bottom: 10px;} .service06_wrap .event_box .img{text-align: center; position: relative; width: 100%; height:0; padding-bottom:47.8%; overflow:hidden; background: #f1f1f1;} .service06_wrap .event_box .img img{position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%;} .service06_wrap .event_box .txt{padding: 15px;} .service06_wrap .event_box .txt p{font-size: 15px; color: #222; font-weight: 500; margin-bottom: 3px;} .service06_wrap .event_box .txt span{font-size: 12px; color: #666;} /* service07 */ .service07_wrap .top{margin-bottom: 20px;} .service07_wrap .top ul{display: flex; gap:5px; flex-wrap:wrap;} .service07_wrap .top ul li a{background: #f1f2f3; color: #666; padding: 5px 13px; display: block; border-radius:30px ; font-size: 14px; font-weight: 500;} .service07_wrap .top ul li.on a{background: #00b69a; color: #fff;} .service07_wrap .box{border: 1px solid #ddd; border-radius:5px; margin-bottom: 10px;} .service07_wrap .box .img{text-align: center; position: relative; width: 100%; height:0; padding-bottom:47.8%; overflow:hidden; background: #f1f1f1;} .service07_wrap .box .img img{position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%;} .service07_wrap .box .txt{padding: 15px; letter-spacing: -0.03em; } .service07_wrap .box .txt em{font-size: 17px; color: #111; font-weight: 600; } .service07_wrap .box .txt p{font-size: 13px; color: #333; } .service07_wrap .box .txt span{font-size: 12px; color: #666;} /* service07_view */ .service07_view_wrap .top{border-bottom: 1px solid #ddd;} .service07_view_wrap .top p{font-size: 15px; color: #222; font-weight: 500; margin-bottom: 3px;} .service07_view_wrap .top span{display: block; margin-bottom: 10px; color: #00b69a;} .service07_view_wrap .edit_wrap{background: #f1f1f1; text-align: center; line-height: 200px; height: 200px; margin: 10px 0;} .service07_view_wrap .btn_wrap a{background: #00b69a; color: #fff; display: block; width: 100%; font-size: 15px; font-weight: 600; text-align: center; padding: 10px; border-radius:5px;} /* service09 */ .service09_wrap .box_wrap .box{/* border: 1px solid #ddd; */ border-radius:5px ; background: #f3f4f5; padding:0 20px; color: #222; margin-bottom: 5px;} .service09_wrap .box_wrap .box:last-child{margin-bottom: 0;} .service09_wrap .box_wrap .f_wrap{font-size: 14px; font-weight: 600; padding: 20px 0; position: relative;} .service09_wrap .box_wrap .f_wrap .top{display: flex; justify-content: space-between;} .service09_wrap .box_wrap .f_wrap .top img{width: 12px;} .service09_wrap .box_wrap .f_wrap p{font-size: 14px; color: #222; font-weight: 600;} .service09_wrap .box_wrap .f_wrap span{color: #00b69a;} .service09_wrap .box_wrap .box .f_wrap:after{position: absolute; content: ''; right: 0; top: 50%; transform:translateY(-50%); width: 14px; height: 8px; background:url(https://www.naeiltour.co.kr/app/images/main/f_arr01.png) no-repeat; background-size:cover; transition: .3s;} .service09_wrap .box_wrap .box.on .f_wrap:after{transform: translateY(-50%) rotate(180deg);} .service09_wrap .box_wrap .q_wrap{font-size: 14px; padding: 20px 0; display: none; position: relative; border-top: 1px solid #ddd;} .service09_wrap .box_wrap .q_wrap .process{background: #fff; display: flex; border-radius:5px; margin-bottom: 5px; font-size: 14px; align-items: center; padding-right: 10px;} .service09_wrap .box_wrap .q_wrap .process:last-child{margin-bottom: 0;} .service09_wrap .box_wrap .q_wrap .process span{background: #00b69a; color: #fff; text-align: center; padding:20px 10px; display: inline-block; margin-right: 10px; font-size: 14px; font-weight: 500; border-radius:5px 0 0 5px ; width: 43px;} .service09_wrap .box_wrap .q_wrap p{font-size: 14px; color: #222;} .service09_wrap .box_wrap .q_wrap p em{display: block;} .service09_wrap .box_wrap .q_wrap ul{background: #fff; padding: 10px; border-radius:5px ;} .service09_wrap .box_wrap .q_wrap ul li{color: #222; font-size: 14px; margin-bottom: 5px;} .service09_wrap .box_wrap .q_wrap .btn_wrap{margin-top: 10px;} .service09_wrap .box_wrap .q_wrap .btn_wrap a{display: inline-block; color: #fff; background: #00b69a; padding: 5px 10px; border-radius:5px ;} /* service10_wrap */ .service10_wrap {padding: 20px 0;} .service10_wrap .top_box {background:#f3f4f5; padding: 20px 0; border-radius: 5px;} .service10_wrap .top_box .t_icon {text-align:center;} .service10_wrap .top_box .t_icon img {height: 100px;} .service10_wrap .top_box .t_txt {text-align:center; margin-top: 15px;} .service10_wrap .top_box .t_txt p.p_tit {font-size: 16px; color:#222;} .service10_wrap .top_box .t_txt p.p_tit em.pt01 {font-weight: 700;} .service10_wrap .top_box .t_txt p.p_tit em.pt02 {color:var(--co01); font-weight: 700;} .service10_wrap .top_box .t_txt > ul {display: flex; flex-wrap:wrap; justify-content: center; margin: 4px 0;} .service10_wrap .top_box .t_txt > ul > li {font-size: 13px; color:#222; position: relative;} .service10_wrap .top_box .t_txt > ul > li:not(:last-child) {padding-right: 10px; margin-right: 8px;} .service10_wrap .top_box .t_txt > ul > li:not(:last-child):before {position: absolute; content:''; width: 1px; height: 10px; background: #555; top:5px; right: 0;} .service10_wrap .top_box .t_txt > ul > li > span {font-weight: 700;} .service10_wrap .top_box .t_txt p.p_sub {font-size: 13px; color:#222;} .service10_wrap ul.gd_list {margin: 20px 0;} .service10_wrap ul.gd_list li {display: flex; flex-wrap:wrap; gap:15px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); padding: 15px; border-radius: 5px;} .service10_wrap ul.gd_list li:not(:last-child) {margin-bottom: 10px;} .service10_wrap ul.gd_list li .img img {height: 80px;} .service10_wrap ul.gd_list li .txt {width: calc(100% - 95px);} .service10_wrap ul.gd_list li .txt p.p_tit2 {font-size: 12px; color:var(--co01); font-weight: 700;} .service10_wrap ul.gd_list li .txt p.p_tit2 > strong {font-size: 22px; color:#222; display: block;} .service10_wrap ul.gd_list li .txt p.p_con {font-size: 12px; color:#555;} .service10_wrap ul.gd_list li .txt p.p_con:not(:last-child) {margin-top: 5px;} .service10_wrap ul.gd_list li .txt p.p_con2 {padding-top: 10px; margin-top: 10px; border-top: 1px dashed #ddd; } .service10_wrap h6.h6_tit {font-size: 16px; color:#222; font-weight: 700; margin-bottom: 10px;} .service10_wrap ul.ifu_li {padding: 15px; border-radius: 5px; border: 1px solid #ddd;} .service10_wrap ul.ifu_li li {font-size: 14px; color:#555; position: relative; padding-left: 10px; line-height: 1.4;} .service10_wrap ul.ifu_li li:not(:last-child) {margin-bottom: 5px;} .service10_wrap ul.ifu_li li:before {position: absolute; content:''; width: 3px; height: 3px; background: #222; border-radius: 50%; left: 0; top: 7px;} .service10_wrap ul.ifu_li li span.color {color:#ff0000;} /* service11_wrap */ .service11_wrap .info {box-shadow: 0px 0px 10px rgba(0,0,0,0.1); border-radius: 5px; padding: 15px; display: flex; flex-wrap:wrap; align-items: center; gap: 15px;} .service11_wrap .top_info {margin-bottom: 10px;} .service11_wrap .icon > div {width: 80px; height: 80px; border-radius: 50%; background: rgba(42,127,255,0.05); position: relative;} .service11_wrap .mid_info .icon > div {background: rgba(0,183,154,0.05);} .service11_wrap .icon > div > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 40px;} .service11_wrap .txt_wrap {width: calc(100% - 115px);} .service11_wrap .txt_wrap p.p_tit {font-size: 14px; color: var(--co01); font-weight: 700;} .service11_wrap .txt_wrap p.p_tit:last-child {font-size: 14px; color: #222;font-weight: 500; margin-top: 5px;} .service11_wrap .txt_wrap > span {display: inline-block; font-size: 13px; background: var(--co02); padding: 2px 15px; border-radius: 50px; text-align:center; color:#fff; margin-bottom: 5px; font-weight: 700;} .service11_wrap .txt_wrap p.p_tit2 {font-size: 15px; color:#555;} .service11_wrap .txt_wrap p.p_tit2 > a {color:#222; font-weight: 700;} .service11_wrap ul.number_li {display: flex; flex-wrap:wrap; gap: 5px; margin-top: 10px;} .service11_wrap ul.number_li li {width: calc((100% - 5px) / 2); background:#f3f4f5; padding: 10px; border-radius: 5px; text-align:center;} .service11_wrap ul.number_li li > a {} .service11_wrap ul.number_li li p.n_tit {font-size: 15px; color:#222;} .service11_wrap ul.number_li li p.n_con {font-size: 13px; color:#222; font-weight: 600; display: inline-block;} .service11_wrap ul.number_li li p.n_con > img {height: 12px; vertical-align:middle; padding-right: 5px;} /* service12_wrap */ .service12_wrap {word-break:break-all;} .service12_wrap .search_wrap {margin-top: 0;} .service12_wrap .box02 .tit_wrap {display: flex; flex-wrap:wrap; gap: 8px; margin-bottom: 12px;} .service12_wrap .box02 .tit_wrap span {width: 32px; height:20px; color:#f32121; border: 1px solid #f32121; border-radius: 4px; background: none; text-align:center;} .service12_wrap .box02 .tit_wrap p {width: calc(100% - 40px); margin-bottom: 0;} .service12_wrap .box02 ul li em {color:#999;} /* custom 공통 */ table.tbl01 {display: table; width: 100%; border-top: 1px solid var(--co02); border-bottom: 1px solid #ddd;} table.tbl01 th {padding: 10px 0; background: rgba(0,182,154,0.1); font-size: 15px; color: #222; border-bottom: 1px solid #ddd;} table.tbl01 th.th_tit01 {font-size: 15px; color: var(--co02); border-bottom: 1px solid var(--co02);} table.tbl01 td {padding: 10px; font-size: 12px; border-bottom: 1px solid #ddd;} /* custom01 */ .cus_btn {margin-top: 12px;} .cus_btn a.btn01 {display: block; background: var(--co02); border-radius: 5px; color:#fff; text-align:center; font-weight: 700; padding: 10px; font-size: 15px;} .cus_btn a.btn02 {display: block; background: var(--co02); border-radius: 5px; color:#fff; text-align:center; font-weight: 500; padding: 10px; font-size: 12px;} .custom {padding: 20px 0;} .custom01_wrap .edit_wrap {position: relative; width: 100%; height: 200px; background: #f1f2f3;} .custom01_wrap .edit_wrap > p {position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size: 12px; color:#222;} /* custom02 */ .custom02_wrap {} .custom02_wrap em.red {color:#ff0000;} .custom02_wrap .tit {display: flex; flex-wrap:wrap; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-bottom: 5px;} .custom02_wrap .tit strong {font-size: 20px; color:#222; font-weight: 700;} .custom02_wrap .tit p.p_con {font-size: 13px; color:#ff0000; font-weight: 600;} .custom02_wrap .form_wrap:not(:last-child) {margin-bottom: 30px;} .custom02_wrap .form_wrap .input_con {} .custom02_wrap .form_wrap .input_con:not(:last-child) {margin-bottom: 8px;} .custom02_wrap .form_wrap .input_con p {font-size: 15px; color:#222; font-weight: 600; margin-bottom: 3px;} .custom02_wrap .form_wrap .input_con p.p_ck2 {font-size: 13px;} .custom02_wrap .form_wrap .input_con .ip_wrap {} .custom02_wrap .form_wrap .ip_wrap > em {} .custom02_wrap .form_wrap input {border: 1px solid #ddd; border-radius: 0; outline: 0; font-size: 15px; color: #222; padding: 8px;} .custom02_wrap .form_wrap input.nop {width: 15%; text-align:center;} .custom02_wrap .form_wrap input[type="text"] {width: 100%;} .custom02_wrap .form_wrap input[type="text"]::placeholder {font-size: 14px; color:#999;} .custom02_wrap .form_wrap input[type="tel"] {width: 30%;} .custom02_wrap .form_wrap input[type="email"] {width: 100%;} .custom02_wrap .form_wrap .con01 {display: flex; flex-wrap:wrap; gap: 5px;} .custom02_wrap .form_wrap .con01 input[type="text"]:nth-child(1) {width: 38%;} .custom02_wrap .form_wrap .con01 input[type="text"]:nth-child(2) {width: 60%;} .custom02_wrap .form_wrap .con02 {display: flex; flex-wrap:wrap; gap: 5px; align-items:center;} .custom02_wrap .form_wrap span.caution {display: block; font-size: 12px; color:#222; margin-top: 3px;} .custom02_wrap .cus_btn {display: flex; flex-wrap:wrap; gap: 5px; justify-content: center;} .custom02_wrap .cus_btn > a {width: calc((100% - 5px) / 2); font-size: 15px; font-weight: 700; height: 60px; line-height: 60px; border-radius: 5px; background: #222; text-align:center; color:#fff;} .custom02_wrap .cus_btn .btn03 {background: #fff; border: 1px solid var(--co02); color:var(--co02);} .custom02_wrap .cus_btn .btn04 {background: var(--co02);} /* custom02_view01 */ .custom02_view01_wrap {} .custom02_view01_wrap .form_wrap .ip_all:not(:last-child) {margin-bottom: 15px; padding-bottom: 20px; border-bottom: 1px dashed #ddd;} .custom02_view01_wrap .tit {border-bottom: 0px; margin-bottom: 5px;} .custom02_view01_wrap .tit strong > em {display: block; font-size: 13px; color:#666; font-weight: 600;} .custom02_view01_wrap .form_wrap h5.h5_tit02 {position: relative; display:inline-block; font-size: 18px; color:var(--co02); font-weight: 700; margin-bottom: 5px;} .custom02_view01_wrap .form_wrap h5.h5_tit02:before {position: absolute; content:''; background: rgba(0,182,154,0.2); width: 100%; height: 8px; top: 18px;} .custom02_view01_wrap .form_wrap p.tra01 {color:var(--co02);} .custom02_view01_wrap .form_wrap input[type="date"] {appearance:none; -webkit-appearance: none; -moz-appearance: none; width: 100%; height: 37px; padding: 7px 8px; border: 1px solid #ddd; border-radius: 0; outline: 0; font-size: 12px; color: #222; background: #fff;} .custom02_wrap .form_wrap select {border: 1px solid #ddd; border-radius: 0; outline: 0; font-size: 15px; color: #222; width: 100%; height: 42px; padding: 7px 8px; background: #fff;} .custom02_view01_wrap .form_wrap .ip_wrap {display: flex; flex-wrap:wrap; gap: 5px; align-items: flex-end;} .custom02_view01_wrap .form_wrap .ip_wrap:not(:last-child) {margin-bottom: 5px;} .custom02_view01_wrap .form_wrap .ip_wrap .ip_con2 {width: calc((100% - 5px) / 2); margin-top: 8px;} .custom02_view01_wrap .form_wrap .ip_wrap .ip_con2_2 {margin-top: 0px;} .custom02_view01_wrap .form_wrap .ip_wrap .ip_con2 input.ap {width:100%;} .custom02_view01_wrap .form_wrap .ip_wrap .ip_con2 a.ap_bt {display: block; width:100%; background: #f1f2f3; border: 1px solid #ddd; color:#999; text-align:center; padding: 8px; } .custom02_view01_wrap .form_wrap .ip_wrap .ip_con3 {display: flex; flex-wrap:wrap; gap: 5px; width: 100%;} .custom02_view01_wrap .form_wrap .ip_wrap .ip_con3 input.ap {width: calc((100% - 5px) / 2);} .custom02_view01_wrap .form_wrap .ck_wrap {padding: 3px 0;font-size: 13px;} .custom02_view01_wrap .form_wrap .ck_wrap input.nop {width: 15%; text-align:center;} .custom02_view01_wrap .form_wrap .ck_wrap p.p_ck {font-size: 13px; display: inline-block; font-weight: 500;} .custom02_view01_wrap .form_wrap input[type="checkbox"] {vertical-align:text-bottom; font-size: 13px;} .custom02_view01_wrap .form_wrap input.etc {width: 70%; padding-left: 10px;} .custom02_view01_wrap .form_wrap .rd_wrap {padding: 3px 0; font-size: 13px;} .custom02_view01_wrap .form_wrap input[type="radio"] {font-size: 13px; color:#222; vertical-align:middle;} .custom02_view01_wrap .form_wrap select.tv_price {width: 70%; padding-left: 10px;} .custom02_view01_wrap .form_wrap textarea {width: 100%; height: 150px; border: 1px solid #ddd; border-radius: 0; padding: 5px; font-size: 12px; color:#222;} .custom02_view01_wrap .form_wrap textarea:focus {outline:none;} /* custom02_view02_wrap */ .custom02_view02_wrap {} .custom02_view02_wrap .form_wrap .ip_con3_2 {gap:3px; justify-content: space-between; margin-top: 5px;} .custom02_view02_wrap .form_wrap .ip_con4 {display: flex; flex-wrap:wrap; gap:3px;} .custom02_view02_wrap .form_wrap .ip_con4 p {width: 100%;} .custom02_view02_wrap .form_wrap .ip_con4 select {width: calc((100% - 6px) / 3);} /* sub0201 */ .category_select_wrapper {padding:10px 0;} .category_select {border:1px solid #dfdfdf; position:relative; background:#fff;} .category_select select {width:100%; padding:0 10px; height:38px; line-height:38px; border:0; background:#fff; font-size:14px; color: #222; font-weight: 400;} .city_mainList_wrap {margin:0 0 0;} .city_mainList_wrap > ul > li > a {display:block; text-align:center; position:relative;} .city_mainList_wrap .city_img_box {padding:20% 0; position:relative; height: 180px;} .city_img_box .city_img {position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; } .city_img_box .city_img img {width:100%; height:100%; height: 100%;} .city_mainList_wrap .city_txt {position:absolute; left:0; bottom:20px; width:100%; padding:0 2%; color:#fff;} .city_txt span {font-size:16px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block;} .city_txt p {font-weight:600; font-size:18px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;background: rgba(255,255,255,.9);border: 2px solid #00b79a;width: fit-content;margin: 0 auto;padding: 5px 15px;border-radius: 20px;color: #222;} .city_subList_wrap {display:none; position:relative; z-index:1; background:#fff;transition: max-height 0.5s ease-out; max-height: 0;} .city_mainList_wrap > ul > li .city_subList_wrap.on {display:block; max-height:1000px;} .city_subList_wrap > ul {overflow:hidden;} .city_subList_wrap > ul > li {float:left; width:50%;} .city_subList_wrap > ul > li > a {display:block; text-align:center; padding:7px; border:1px solid #99e2d6; border-top:0; font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:500; color:#444;} .city_subList_wrap > ul > li:nth-of-type(2n) > a {border-left:0;} /* reserve_form */ .reserve_form {} .reserve_form .con {padding: 20px 0; } .reserve_form .input_con2 {display: flex; flex-wrap:wrap; gap:5px;} .reserve_form .input_con2 .ip_con2 {width: calc((100% - 5px) / 2);} .reserve_form textarea {width: 100%; height: 150px; border:1px solid #ddd; border-radius: 0; padding: 5px; font-size: 12px; color:#222;} .reserve_form .btn_wrap {display: flex; flex-wrap:wrap; gap: 5px;} .reserve_form .btn_wrap a {display: block; width: calc((100% - 5px) / 2); padding: 15px; border-radius: 5px; background: #f1f2f3; color:#555; text-align:center; line-height: 1; font-size: 14px; font-weight: 700;} .reserve_form .btn_wrap a:last-child {background: var(--co02); color:#fff;} .reserve_form .btn_wrap2 {} .reserve_form .btn_wrap2 a {width: 100%;} .reserve_form .tit strong.s_col {color:var(--co02);} .reserve_form .form_wrap .rd_wrap {padding: 3px 0; font-size: 13px;} .reserve_form .form_wrap input[type="radio"] {font-size: 13px; color:#222; vertical-align:middle; margin-right: 5px;} .reserve_form .input_con3 {display: flex; flex-wrap:wrap; gap:5px;} .reserve_form .input_con3 .ip_con2 {width: 38%;} .reserve_form .input_con3 .ip_con2:nth-child(2) {width: 60%;} /* 앱이용 권한안내 팝업 */ .app_popupInfo_wrap {position:fixed; left:0; top:0; width:100%; height:100%; z-index:1999999; display:none;} .app_popupInfo_wrap .bg_cover {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.7;} /* 앱이용 권한안내 내용 */ .app_popupInfo_wrap .app_pop_container {position:absolute; left:3%; top:3%; width:94%; height:94%; background:#fff; overflow-y:auto; -webkit-overflow-scrolling:touch;} .app_pop_container .app_pop_content {position:relative; padding:60px 10px 80px;} .app_popupInfo_wrap h3.app_popupInfo_tit {position:fixed; left:3%; top:3%; z-index:1; background:#fff; width:94%; height:60px; line-height:60px; text-align:center; font-size:17px; color:#232328; letter-spacing:-1px; font-weight:600; border-bottom:1px solid #979797;} .app_authority_listBox {padding:20px 0 0;} .app_authority_listBox h4 {color:#086a3c; font-size:15px; font-weight:600;} .app_authority_listBox .authority_list {border:1px solid #e4e4e4; background:#f5f5f5; margin:10px 0 0; padding:15px;} .authority_list ul {margin:-20px 0 0;} .authority_list li {position:relative; margin:20px 0 0; min-height:50px;} .authority_list li span.bg_icon_box {position:absolute; left:0; top:0; display:block; width:45px; height:45px; border-radius:50%;} .authority_list li span.bg_icon_ver {background:#fff url("/app/images/common/bg_icon_ver.png") no-repeat 50% 50%; background-size:18px auto;} .authority_list li span.bg_icon_id {background:#fff url("/app/images/common/bg_icon_id.png") no-repeat 50% 50%; background-size:18px auto;} .authority_list li span.bg_icon_wifi {background:#fff url("/app/images/common/bg_icon_wifi.png") no-repeat 50% 50%; background-size:21px auto;} .authority_list li span.bg_icon_tel {background:#fff url("/app/images/common/bg_icon_tel.png") no-repeat 50% 50%; background-size:20px auto;} .authority_list li span.bg_icon_cam {background:#fff url("/app/images/common/bg_icon_cam.png") no-repeat 50% 50%; background-size:20px auto;} .authority_list li span.bg_icon_photo {background:#fff url("/app/images/common/bg_icon_photo.png") no-repeat 50% 50%; background-size:20px auto;} .authority_list li span.bg_icon_tel {background:#fff url("/app/images/common/bg_icon_tel.png") no-repeat 50% 50%; background-size:20px auto;} .authority_list li span.bg_icon_cam {background:#fff url("/app/images/common/bg_icon_cam.png") no-repeat 50% 50%; background-size:20px auto;} .authority_list li span.bg_icon_add {background:#fff url("/app/images/common/bg_icon_add.png") no-repeat 50% 50%; background-size:20px auto;} .authority_list dl {padding:1px 0 0 60px;} .authority_list dl dt {font-size:14px; font-weight:600; color:#232328; line-height:1.5;} .authority_list dl dd {font-size:13px; color:#6c6c6c; line-height:1.5;} .authority_notice_txt {color:#878787; font-size:12px; padding:15px 0 0; line-height:1.5;} /* 앱이용 권한안내 팝업 버튼 */ .app_pop_btn {display:block; width:94%; padding:15px 0; text-align:center; background:#086a3c; color:#fff; font-size:17px; font-weight:600; position:fixed; left:3%; bottom:3%;} /* view_detail 상단으로 */ #scrollToTopBtn { position: fixed; bottom: 85px; right: 13px; display: none; z-index: 1000; background-color: #ffff; color: #000; border: none; border-radius: 50%; padding: 4px 8px; font-size: 18px; cursor: pointer; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); transition: opacity 0.3s ease; } #scrollToTopBtn:hover { background-color: #fff; } /* 여행후기 */ .review_form { margin:30px 0; } .review_form .btn_wrap {display: flex; flex-wrap:wrap; gap: 5px;} .review_form .btn_wrap a {display: block; width: calc((100% - 5px) / 2); padding: 15px; border-radius: 5px; background: #f1f2f3; color:#555; text-align:center; line-height: 1; font-size: 14px; font-weight: 700;} .review_form .btn_wrap a:last-child {background: var(--co02); color:#fff;} box_reviewList img { vertical-align:middle; border:0; } .photoAdd_tit { position:relative; height:45px; border-bottom:1px solid #ddd; display:flex; align-items:center; justify-content:center; font-weight:bold; } .pt_title { font-size:18px; position:absolute; left:50%; transform:translateX(-50%); padding-bottom:5px; } .pt_close_btn { position:absolute; right:5px; top:10px; cursor:pointer; } .photo_list { padding:20px 0; border-bottom:1px solid #ddd; } .photo_num { font-size:16px; font-weight:bold; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px 10px; } .photo_detail { font-size:14px; background:#e0eef6; border:1px solid #c3d8e4; padding:10px; text-align:center; border-radius:5px; } .box_reviewIMG { display:flex; flex-wrap:wrap; align-content:space-around; padding:10px 0; maring-bottrom:30px; gap:6px; } .box_reviewIMG li {} /* width:32%; */ .box_reviewIMG li img { width:100%; height:100px; border-radius:5px; } .image-container { position:relative; display:inline-block; } .close-btn { position:absolute; top:0px; right:0px; background-color:rgba(0, 0, 0, 0.6); color:white; border:none; width:24px; height:24px; font-size:20px; cursor:pointer; text-align:center; line-height:10px; } .box_photoList { padding:10px 0 30px 0; } .titline { padding:0 0 7px 0; } .layout_flex { display:flex; justify-content:space-between; } .review_viewtit { font-size:17px; font-weight:bold;} .review_more { font-size:13px; color:#999; margin-top:5px; } .review_graybg { padding:10px 15px 15px 15px; background:#f3f4f5; border-radius:5px; margin-bottom:15px; } .box_reviewList { font-size:14px; } .total_startit { padding:20px 0 15px 0; } .stars_in img { width:14px; padding:5px 0; } .review_name { font-size:13px; color:#999; padding-top:10px; } .service02_form_wrap .btn_wrap_photo { margin-top:15px;} .service02_form_wrap .btn_wrap_photo a{ background:#f2f2f2; border:1px solid #444; color:#111; display:block; width:100%; font-size:16px; font-weight:600; text-align:center; padding:10px; border-radius:5px;