@charset "utf-8"; #header { z-index: 11; }
 #content { min-height: 312px; font-size: 16px;font-weight: 500; }
 .en #content{ font-size: 15px;}
 .sub_vis { position: relative; height: 442px; background-repeat: no-repeat; overflow: hidden; }
 .spot_recommended:before { background: url("/images/tour_foreign/common/sub_vis01.jpg?build_20250908001") no-repeat center center; }
 .spot_attractions:before { background: url("/images/tour_foreign/common/sub_vis02.jpg?build_20250908001") no-repeat center center; }
 .spot_festival:before { background: url("/images/tour_foreign/common/sub_vis03.jpg?build_20250908001") no-repeat center center; }
 .spot_food:before { background: url("/images/tour_foreign/common/sub_vis04.jpg?build_20250908001") no-repeat center center; }
 .spot_info:before { background: url("/images/tour_foreign/common/sub_vis05.jpg?build_20250908001") no-repeat center center; }
 .spot_support:before { background: url("/images/tour_foreign/common/sub_vis06.jpg?build_20250908001") no-repeat center center; }
 .sub_vis:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; transform: scale(1.2);}
 .sub_vis.on:before { transform: scale(1); transition: 2s; }
 .sub_vis .inner { position: relative; text-align: center; }
 .sub_vis .inner .title_box { display: block; padding: 209px 0 88px; color: #fff; font-size: 36px; font-weight: 800;transform:translateY(50px); transition-property:opacity, transform; transition-duration:1s; transition-delay:0.25s; opacity:0; position:relative;}
 .spot_naju_quiz .inner h2.title_box { text-indent: -9999px;}
 .sub_vis.on .inner .title_box {opacity:1; transform:translateY(0)}
 #path { margin: 0 0 46px; height: 61px; line-height: 61px; margin-top: -63px; }
 #path a { position: relative; display: inline-block; font-size: 15px; margin-left: 10px; vertical-align: middle; padding-left: 16px; color: #fff; }
 #path a:before { content: ''; position: absolute; top: 50%; left: 0; width: 7px; height: 1px; background-color: #fff; transform: rotate(45deg); margin-top: -3px; }
 #path a:after { content: ''; position: absolute; top: 50%; left: 0; width: 7px; height: 1px; background-color: #fff; transform: rotate(-45deg); margin-top: 2px; }
 #path a.home { width: 40px; height: 40px; text-indent: -99999px; margin: 0 -10px 0 0; padding: 0; transition: ease-in-out 0.4s; transform-origin: bottom left; background: url(/images/tour_foreign/common/sp_sub.png?build_20250908001) 11px 8px no-repeat; }
 #path a.home:before, #path a.home:after { content: none; }
 #path a.home:hover { transform: rotateZ(-15deg); }
 .contents_tools { top: auto; right: 0; bottom: 0; }
 .contents_tools .content_util { padding: 0; }
 .contents_tools .content_util > li { margin-left: 15px; }
 .contents_tools .content_util > li:first-child { margin-left: 0; }
 .contents_tools .content_util > li > a { transition: ease-in-out 0.3s; }
 .contents_tools > ul > li > a span { display: inline-block; vertical-align: middle; margin-top: -3px; text-indent: -99999px; background: url(/images/tour_foreign/common/sp_sub.png?build_20250908001) no-repeat; }
 .contents_tools .content_util > li.tools_share > a span { width: 21px; height: 26px; background-position: -268px 0px; margin-left: 5px; }
 .contents_tools .content_util > li.tools_print > a span { width: 24px; height: 24px; background-position: -206px 0px; }
 .contents_tools .content_util > li > a:hover, .contents_tools .content_util > li > a:focus { background-color: unset; }
 .sub_inner { position: relative; }
 .sub_inner > .inner { position: relative; width: 1366px; }
 .sub_inner #left { position: relative; top: -42px; float: left; width: 340px; z-index: 2; }
 .sub_inner #left .title_box { position: relative; background: linear-gradient(88deg, #1296b4 6.29%, #00a99b 100%); display: block; width: 340px; height: 167px; text-align: center; color: #fff; border-radius: 20px 60px 20px 20px; z-index: -1; margin-top: -17px; }
 .sub_inner #left .title_box::after { content: ''; position: absolute; top: 0; left: 0; display: inline-block; width: 339px; height: 167px; background: url(/images/tour_foreign/common/sp_sub.png?build_20250908001) 0px -109px no-repeat; z-index: -1; }
 .sub_inner #left .title_box .title { display: table-cell; width: 340px; height: 167px; vertical-align: middle; font-size: 23px; font-weight: 800; line-height: 1.3em; word-break: break-word; padding: 0 40px; }
 .ch .sub_inner #left .title_box .title{font-size: 26px;line-height: normal;}
 .jp .sub_inner #left .title_box .title{font-size: 26px;line-height: normal;}
 .sub_inner #left #SubMenu { padding: 0 29px 2px; box-shadow: 0 0 20px 4px rgb(0 0 0 / 8%); border-radius: 20px; margin: 17px 0 0; }
 .sub_inner #left #SubMenu .snb { border-radius: 20px; }
 .sub_inner #left #SubMenu .snb > li:first-child > a { border-radius: 20px 20px 0 0; padding-top: 30px; }
 .sub_inner #left #SubMenu .snb > li:last-child > a { border-radius: 0 0 20px 20px; border-bottom: 0; padding-bottom: 30px; }
 .sub_inner #left #SubMenu .snb > li:first-child > a:hover { border-radius: 15px 15px 0 0; }
 .sub_inner #left #SubMenu .snb > li:last-child > a:hover { border: 0; }
 #SubMenu .snb .snbA > a { position: relative; display: flex; padding: 25px 10px; font-size: 17px; color: #171717; background-color: #fff; transition: ease-in-out 0.3s; border-bottom: 1px solid #dfdfdf; justify-content: space-between; }
 #SubMenu .snb .snbA.on > a{font-weight: 600;}
 #SubMenu .snb .snbA > a:before { left: -1px; }
 #SubMenu .snb .snbA > a:after { right: -1px; }
 #SubMenu .snb .snbA.now > a, #SubMenu .snb .snbA.on > a, #SubMenu .snb .snbA > a:hover { border-radius: 0!important; }
 #SubMenu .snb .snbA:last-child .snbB { border-bottom: 0; border-radius: 0 0 15px 20px!important; }
 #SubMenu .snb .snbA > a span.more { display: inline-block; float: right; width: 16px; height: 18px; text-indent: -99999px; background: url(/images/tour_foreign/common/sp_sub.png?build_20250908001) -103px 2px no-repeat; }
 #SubMenu .snb .snbA > a span:first-child {line-height: 1.4em; }
 #SubMenu .snb .snbA > a span.more.close { background: url(/images/tour_foreign/common/sp_sub.png?build_20250908001) -52px -1px no-repeat; }
 #SubMenu .snb .snbA .snbB { display: none; padding: 22px 0 !important; border-top: 2px solid #000; border-bottom: 1px solid #dfdfdf; }
 #SubMenu .snb a.has_child .snbB { border-bottom: 0; }
 #SubMenu .snb .snbA.now .snbB { display: block; }
 #SubMenu .snb .snbA .snbB > li > a { position: relative; display: block; font-size: 15px; line-height: 1.5em; color: #505050; padding: 13px 0 0 11px; }
 #SubMenu .snb .snbA .snbB > li:first-child > a { padding-top: 0; }
 #SubMenu .snb .snbA .snbB > li:first-child > a:before { top: 9px; }
 #SubMenu .snb .snbA .snbB > li > a:before { content: ''; position: absolute; top: 22px; left: 0; width: 4px; height: 4px; border-radius: 100px; background-color: #ddd; }
 #SubMenu .snb .snbA .snbB > li.now > a, #SubMenu .snb .snbA .snbB > li.on > a, #SubMenu .snb .snbA .snbB > li > a:hover { color: #06a399; }
 #SubMenu .snb .snbA .snbB > li.on > a::before, #SubMenu .snb .snbA .snbB > li > a:hover::before { background-color: #06a399; }
 #right { float: right; width: calc(100% - 436px); margin-bottom: 90px; }
 #right .left_line > div { position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #dfdfdf; z-index: -1; }
 #right .left_line .line01 { left: 0; }
 #right .left_line .line02 { left: 249px; }
 #right .cont_titlebox { position: relative; padding-right: 109px; padding-bottom: 35px; border-bottom: 1px solid #ddd; margin: 90px 0 50px; }
 #right .cont_titlebox h3 { display: block; font-size: 31px; font-weight: 400; line-height: 34px; }
 #right .cont_titlebox .sns_box { position: absolute; top: -2px; right: 0; }
 #right .cont_titlebox .sns_box ul li { float: left; margin-left: 8px; }
 #right .cont_titlebox .sns_box ul li:first-child { margin-left: 0; }
 #right .cont_titlebox .sns_box ul li a { display: block; width: 38px; height: 38px; text-indent: -99999px; background: url("/images/tour/sub/sub_sp.png?build_20250908001") no-repeat -60px 0; transition: ease-in-out 0.3s; border-radius: 50%; }
 #right .cont_titlebox .sns_box ul li.facebook a { background-position: -60px 0; background-color: #2a548e; }
 #right .cont_titlebox .sns_box ul li.twitter a { background-position: -106px 0; background-color: #000; }
 #right .cont_titlebox .sns_box ul li.kakaostory a { background-position: -152px 0; background-color: #fac426; }
 #right .cont_titlebox .sns_box ul li.band a { background-position: -198px 0; background-color: #01a654; }
 #right .cont_titlebox .sns_box ul li a:hover { box-shadow: 2px 3px 4px rgba(0,0,0,0.6); }
 .section_wrap { margin-bottom: 40px; }
 .section_wrap > ul.section { display: inline-block; width: 100%; margin-bottom: -6px; }
 .section.depth4 > li { float: left; min-width: 33.3%; }
 .section.depth4 > li > a { display: block; text-align: center; height: 52px; line-height: 52px; border: 1px solid #c2c2c2; border-width: 0 1px 1px 0; font-size: 16px; transition: ease-in-out 0.3s; }
 .section.depth4 > li.on > a, .section.depth4 > li > a:hover { color: #fff; background-color: #2a548e; }
 .section_wrap.six > .depth4 > li { width: 16.66666666666667%; }
 .section_wrap.six > .depth4 > li:nth-child(6n-5) > a { border-left-width: 1px; }
 .section_wrap.six > .depth4 > li:nth-child(n):nth-child(-n+6) > a { border-top-width: 1px; }
 .section_wrap.five > .depth4 > li { width: 20%; }
 .section_wrap.five > .depth4 > li:nth-child(3n-2) > a { border-left-width: 1px; }
 .section_wrap.five > .depth4 > li:nth-child(n):nth-child(-n+3) > a { border-top-width: 1px; }
 .section_wrap.four > .depth4 > li { width: 25%; }
 .section_wrap.four > .depth4 > li:nth-child(4n-3) > a { border-left-width: 1px; }
 .section_wrap.four > .depth4 > li:nth-child(n):nth-child(-n+4) > a { border-top-width: 1px; }
 .section_wrap.three > .depth4 > li { width: 33.3333%; }
 .section_wrap.three > .depth4 > li:nth-child(3n-2) { width: 33.3334%; }
 .section_wrap.three > .depth4 > li:nth-child(3n-2) > a { border-left-width: 1px; }
 .section_wrap.three > .depth4 > li:nth-child(n):nth-child(-n+3) > a { border-top-width: 1px; }
 .section_wrap.seven > .depth4 li { width: 20%; }
 .section_wrap.seven > .depth4 > li:nth-child(5n-4) > a { border-left-width: 1px; }
 .section_wrap.seven > .depth4 > li:nth-child(n):nth-child(-n+5) > a { border-top-width: 1px; }
 .section.depth5 { border: 2px solid #2a548e; padding: 15px 29px; box-sizing: border-box; margin-top: -30px; }
 .section.depth5 > li { float: left; margin-right: 30px; }
 .section.depth5 > li > a { position: relative; padding-left: 10px; transition: ease-in-out 0.3s; }
 .section.depth5 > li > a:before { content: ''; position: absolute; top: 8px; left: 0; width: 4px; height: 5px; background-color: #2a548e; transition: ease-in-out 0.3s; }
 .section.depth5 > li > a:hover { color: #c83232; }
 .section.depth5 > li > a:hover:before { background-color: #c83232; }
 #Satisfaction { position: relative; clear: both; border: 1px solid #d4d4d4; padding: 25px 20px; }
 #Satisfaction > p { font-size: 16px; color: #000; line-height: 16px; }
 #Satisfaction form ul { height: 15px; margin-top: 25px; }
 #Satisfaction form ul li { float: left; margin-right: 35px; line-height: 15px; }
 #Satisfaction form ul li input[type="radio"] { margin: 0; cursor: pointer; }
 #Satisfaction form ul li label { padding-left: 7px; cursor: pointer; font-size: 16px; }
 #Satisfaction form .open_input_area { position: absolute; top: 20px; left: 345px; color: #fff; background-color: #606060; font-size: 14px; border-radius: 50px; padding: 0 15px; line-height: 30px; font-weight: 300; }
 #Satisfaction form .re_input_area { position: absolute; bottom: 0; left: 0; border: 3px solid #403a3a; width: 99.5%; background-color: #fff; display: none; z-index: 10; }
 #Satisfaction form .re_input_area label[for="point_text"] { position: absolute; top: 11px; left: 18px; }
 #Satisfaction form .re_input_area .simple_box { float: left; padding: 0; margin: 0; border: 0; height: 44px; line-height: 44px; font-size: 15px; font-weight: 300; }
 #Satisfaction form .re_input_area input[type="text"] { width: 79%; padding: 0 2%; background-color: #f4f3f3; font-size: 15px; }
 #Satisfaction form .re_input_area input[type="submit"] { width: 10%; color: #fff; background-color: #1a4589; }
 #Satisfaction form .re_input_area a.opinion_reg { width: 10%; text-align: center; color: #fff; background-color: #1a4589; }
 #Satisfaction form .re_input_area a.cancel_input { width: 7%; text-align: center; color: #fff; background-color: #595f68; }
 #Satisfaction form .save_btn { position: absolute; top: 20px; left: 445px; color: #fff; background-color: #4264a3; font-size: 15px; border-radius: 50px; padding: 0 15px; line-height: 30px; font-weight: 300; }
 #Satisfaction .result { position: absolute; bottom: 25px; right: 20px; }
 #Satisfaction .result a { display: block; width: 85px; height: 30px; line-height: 30px; text-align: center; background-color: #606060; color: #fff; font-size: 15px; font-weight: 300; border-radius: 50px; }
 @media screen and (min-width: 1101px) and (max-width:1500px){ .section.depth4 > li > a { font-size: 15px; letter-spacing: -1px; }
 }