@charset "utf-8";

.MT0 {margin-top:0 !important;}
.MB0 {margin-bottom:0 !important;}

/* sub layout */
.s_visual{height:230px; background-size:auto 100% !important; padding:0 30px;}
.s_visual h2{position:relative;font-size:35px;font-family:'AritaBuri';word-break:keep-all; letter-spacing:-2px; line-height:1.2; color:#fff; padding-top:135px;}
.s_visual h2 b {font-family:Pretendard,"Malgun Gothic","맑은 고딕",Dotum, sans-serif;font-weight:600;position:absolute;display:block;font-size:.609em;margin-top:-1.5em;letter-spacing:1px;text-indent:2px;text-shadow:1px 1px 2px #000;}
.s_visual h2 span {text-shadow:1px 1px 2px #000;}
.s_visual h2 small {display:none;}
.s_visual.visual01{background:url(/tour/usr/images/sub/visual01.jpg) no-repeat center;}
.s_visual.visual02{background:url(/tour/usr/images/sub/visual02.jpg) no-repeat;}
.s_visual.visual03{background:url(/tour/usr/images/sub/visual03.jpg) no-repeat;}
.s_visual.visual04{background:url(/tour/usr/images/sub/visual04.jpg) no-repeat;}
.s_visual.visual05{background:url(/tour/usr/images/sub/visual05.jpg) no-repeat;}
.s_visual.visual06{background:url(/tour/usr/images/sub/visual06.jpg) no-repeat;}
.s_visual.visual07{background:url(/tour/usr/images/sub/visual07.jpg) no-repeat;}
.s_visual.visual011{background:url(/tour/usr/images/sub/visual011.jpg) no-repeat;}

.s_menu_wrap{position:relative;border:1px solid #ddd;border-width:1px 0 1px 0;}
.s_menu{position:relative;}
.s_menu:after{content:""; display:block; clear:both;}
.s_menu>li{display:block;width:calc(100% - 101px);position:relative;}
.s_menu>li:not(:last-child){display:none;}
.s_menu>li>a,
.s_menu p button{display:block;height:56px;text-indent:18px;}
.s_menu>li:last-child p a{font-weight:900;}
.s_menu p button{background:url(/tour/usr/images/common/arrow_bottom.png) no-repeat right center; display:block;width:calc(100% - 12px);;text-align:left;padding-right:20px; text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.s_menu li ul{display:none; background:#fff; border:1px solid #007ac2; top:56px; left:0;}
.s_menu li ul a,
.s_menu li ul button{text-overflow:ellipsis;white-space:nowrap;overflow:hidden; padding:12px 20px; display:block;}
.s_menu li li:hover,
.s_menu li li:focus{background:#f2f8fc; padding-right:20px;}
.s_menu li ul button:hover,
.s_menu li ul button:focus{color:#007ac2; background:url(/tour/usr/images/common/arrow_right.png) no-repeat right center; padding-right:30px;}
.s_menu li.menu_open p {background:#007ac2;}
.s_menu li.menu_open p button{color:#fff;background:#007ac2 url(/tour/usr/images/common/arrow_top02.png) no-repeat right center;}
.s_menu li.menu_open ul{display:block;width:100%;position:absolute; z-index:10;}
.s_btn{position:absolute; right:0; top:0; width:102px;}
.s_btn ul{right:50px;}
.s_btn>li{position:absolute; top:0; right:0; border-right:1px solid #ddd;}
.s_btn>li:first-child{right:50px; border-right:0;}
.s_btn a,
.s_btn button{display:block; width:50px; height:57px; overflow:hidden; line-height:50000;}
.s_btn .icon_share{background:url(/tour/usr/images/common/icon_share_white.png) no-repeat center;}
.s_btn ul{display:none; position:absolute; top:50%; right:40px;transform:translateY(-50%); z-index:55555; background:#fff; border:1px solid #ddd; width:208px; border-radius:20px; padding:5px;}
.s_btn .on .icon_list{display:block;}
.s_btn .icon_list li{display:block; float:left; position:relative;}
.s_btn .icon_list li::before{content:""; display:block; width:1px; height:12px; position:absolute; top:0; bottom:0; margin:auto; left:0; background:#ddd;}
.s_btn .icon_list li:first-child::before,
.s_btn .icon_list li:last-child::before{display:none;}
.s_btn .icon_list a,
.s_btn .icon_list button {width:39px; height:40px;}

.s_btn .icon_facebook{background:url(/tour/usr/images/common/icon_facebook.png) no-repeat center;}
.s_btn .icon_twitter{background:url(/tour/usr/images/common/icon_twitter.png) no-repeat center;}
.s_btn .icon_blog{background:url(/tour/usr/images/common/icon_blog.png) no-repeat center;}
.s_btn .icon_kakao{background:url(/tour/usr/images/common/icon_kakao.png) no-repeat center;}
.s_btn .icon_x{background:url(/tour/usr/images/common/icon_x_small.png) no-repeat center;}
.s_btn>li:first-child{border-left:1px solid #ddd;}
.s_btn .icon_share{background:url(/tour/usr/images/common/icon_share.png) no-repeat center;}
.s_btn .icon_print{display:block; background:url(/tour/usr/images/common/icon_print.png) no-repeat center;}

#contents {padding-top:40px;}
.s_cont {padding:0 25px 40px;}

.cont_foot{margin-top:40px;}

@media all and (min-width:425px){
.s_visual h2 small {font-family:Pretendard,"Malgun Gothic","맑은 고딕",Dotum, sans-serif;font-weight:100;position:absolute;display:block;bottom:-2em;font-size:15px;letter-spacing:0;text-indent:2px;}
}

@media all and (min-width:768px){
    .s_visual{height:320px;}
    .s_visual h2{font-size:48px; padding-top:165px;}
    .s_visual h2 b {font-size:16px;}
    .s_visual h2 small {font-size:18px;bottom:-2.56em;}

    #contents {padding-top:60px;}
    .s_cont{padding:0 30px 60px 30px}
    .cont_foot{margin-top:60px;}
}
@media all and (min-width:1024px){
.s_menu>li {width:calc(100% - 103px); font-size:17px;}
.s_menu .icon_home a{display:inline-block; width:65px; height:56px; padding:0; line-height:5000; overflow:hidden; background:url(/tour/usr/images/common/icon_home.png) no-repeat center;}
.s_menu_wrap::before{display:none;}
.s_menu::before{content:""; display:block; width:1px; height:100%; background:#ddd; position:absolute; top:0; left:64px;}
.s_menu>li{display:block !important; float:left; width:calc((100% - 165px)/3); font-size:17px; position:relative;}
.s_menu>li:first-child{width:auto;padding-right:0;}
.s_menu>li::before{content:""; display:block; width:1px; height:15px; background:#ddd; position:absolute; top:0; bottom:0; margin:auto; right:0;z-index:-1;}
.s_menu>li.menu_open>p::before,
.s_menu>li:last-child>p::before{display:none;}
}

@media all and (min-width:1480px) and (max-width:1499px){
    .s_visual {background-size:100% auto !important;}
}
@media all and (min-width:1500px){
    .s_visual{height:420px; padding:0 20px;}
    .s_visual h2{max-width:1500px; margin:auto; font-size:60px; padding-top:220px;}
    .s_visual h2 b {font-size:18px;}
    .s_visual h2 small {font-size:20px;}

    .s_menu{max-width:1500px; margin:auto; border-left:1px solid #ddd;}
    .s_menu>li{width:calc((100% - 174px)/3);}
    .s_menu>li>a,
    .s_menu p button{padding:15px;}
    .s_menu>li>p::before{right:-15px;}

    .s_btn{width:100%;max-width:1500px; margin:auto; left:0;}
    .s_btn a, .s_btn button {width:60px;}

    #contents {padding-top:110px;}
    .s_cont{padding:0 30px 110px 30px; max-width:1500px; margin:auto; position:relative;}
    .cont_foot{margin-top:80px;}
}
@media all and (min-width:1921px){
    .s_visual {background-size:cover !important;}
}

/* h */
h3.s_title {text-align:center; font-size:28px; letter-spacing:-1px;margin-bottom:30px;}
h4.s_h4 {margin-top:30px;}
.s_cont .s_h4,
.viewType01 h4 {background:url(/tour/usr/images/common/bullet01.gif) no-repeat 0 8px; font-size:24px; padding-left:20px; letter-spacing:-1px; line-height:1.2;}
.toggle .s_h4{font-size:22px; background-position:0 6px;}
@media all and (min-width:768px){
	h3.s_title {font-size:35px;margin-bottom:50px;}
    h4.s_h4 {margin-top:40px;}
	.s_cont .s_h4,
    .viewType01 h4 {font-size:30px; background-position:0 12px; padding-left:24px;}
    .toggle .s_h4{font-size:22px; background-position:0 6px;}
}
@media all and (min-width:1500px){
	h3.s_title {font-size:45px;margin-bottom:60px;}
	.s_cont .s_h4,
    .viewType01 h4  {font-size:30px;}
    .toggle .s_h4{font-size:24px; background-position:0 7px;}
}
.s_h5{font-size:1.5em; position:relative; padding-left:20px; margin-top:25px; margin-left:5px;}
.s_h5:before{content:""; display:block; width:5px; height:17px; background:#0079c2; position:absolute; top:28%; left:0;}

/* dl */
.basic_dl{margin-top:20px;}
.basic_dl dt{font-size:18px; font-weight:900; padding-bottom:10px;}
.basic_dl dd + dt{padding-top:20px;}
.basic_dl dd{font-size:15px; color:#666; font-weight:100}
.basic_dl dd.Ialert {background:url(/tour/usr/images/common/i_alert.gif) no-repeat 0 .34em; padding-left:19px;}
.basic_dl dd .basic_ul{margin:0 15px;}

@media all and (min-width:768px){
	.basic_dl{margin-top:40px;}
}
@media all and (min-width:1500px){
	.basic_dl{margin-top:50px;}
	.basic_dl dt{font-size:22px; padding-bottom:20px;}
	.basic_dl dd + dt{padding-top:40px;}
	.basic_dl dd{font-size:18px;}
}
.basic_dl02{padding:0 20px;}
.basic_dl02 dt{font-weight:900; font-size:20px;}

/* ul */
.basic_ul {margin:20px 0 20px 7px;}
.basic_ul.MT0 {margin-top:0 !important;}
.basic_ul li {color:#666;font-weight:100;line-height:1.4;margin-bottom:8px;padding-left:15px; position:relative; font-size:18px}
.basic_ul li:before{display:block; content:""; width:4px; height:4px; background:#444; position:absolute; top:10px; left:0; border-radius:5px}
.basic_ul li .basic_ul {margin:6px 0 20px;}
.basic_ul.noDot li,
.basic_ul li.noDot:before {display:none;}
.basic_ul li.Ialert {background:url(/tour/usr/images/common/i_alert.gif) no-repeat 0 .34em; padding-left:19px;}
.basic_ul ul{margin-top:10px;}
.basic_ul li li{position:relative; padding-left:15px;}
.basic_ul li li:before{content:""; display:block; width:8px; height:2px; background:#777; position:absolute; top:12px; left:0;}
.basic_ul li li.noDot{padding-left:0;}

/* table */
.basic_table{width:100%;margin:10px 0;  border-collapse:collapse; border-top:2px solid #007ac2; border-left:1px solid #fff; text-align:center; margin-top:20px;}
.basic_table th{font-weight:700; padding:20px 15px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; vertical-align:middle;word-break:keep-all;}
.basic_table thead th,
.basic_table.noHead th {background:#f7fbfd;}
.basic_table tbody td{padding:15px 15px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; vertical-align:middle; word-break:keep-all;}
.basic_table thead th:last-child,
.basic_table tbody td:last-child{border-right:0;}
.basic_table .line_L {border-left:1px solid #ddd !important;}
.basic_table .line_R {border-right:1px solid #ddd !important;}
@media all and (min-width:768px){
	.basic_table{margin-top:40px;}
}
.tableWrap {position:relative; width:100%; padding:8px 2px; overflow-x:auto;margin:0 0 20px;}
.tableWrap>.basic_table {margin:10px 0 0;}
.tableWrap {scrollbar-3dLight-Color:#f6f2ec; scrollbar-arrow-color:#37518f; scrollbar-base-color:#f6f2ec; scrollbar-Face-Color:#37518f; scrollbar-Track-Color:#f6f2ec; scrollbar-DarkShadow-Color:#c5c5c5; scrollbar-Highlight-Color:#eaecea; scrollbar-Shadow-Color:#363636}
.tableWrap::-webkit-scrollbar {height:11px;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2); border-radius:5px;}
.tableWrap::-webkit-scrollbar-track {background:#f6f2ec;box-shadow:inset 0 0 5px rgba(0,0,0,.25);-webkit-box-shadow:inset 0 0 5px rgba(60,40,25,.2); border-radius:5px;}
.tableWrap::-webkit-scrollbar-button:start:decrement, .tableWrap::-webkit-scrollbar-button:end:increment {display:none; border-radius:5px;}
.tableWrap::-webkit-scrollbar-thumb {height:50px; width:50px;background-clip:padding-box;border:2px solid transparent; background:#37518f; border-radius:5px;}
@media all and (max-width:768px) {
	.tableWrap:not(.minimum) {padding-top:0;}
	.tableWrap:not(.minimum)::before {content:'좌우로 스크롤 하여 표의 전체 내용을 확인해주세요.';display:block;padding:50px 5px 5px;text-align:center;font-size:14px;font-weight:300; letter-spacing:-0.01em; color:#194566; background:url(/tour/usr/images/contents/sub0101/ui_LR.png) no-repeat center 10px;}
}
@media all and (max-width:600px) {
	.tableWrap.minimum {padding-top:0;}
	.tableWrap.minimum::before {content:'좌우로 스크롤 하여 표의 전체 내용을 확인해주세요.';display:block;padding:50px 5px 5px;text-align:center;font-size:14px;font-weight:300; letter-spacing:-0.01em; color:#194566; background:url(/tour/usr/images/contents/sub0101/ui_LR.png) no-repeat center 10px;}
}

/* pic */
.basic_pic{border-radius:20px; overflow:hidden; margin-bottom:30px}
.basic_pic img{width:100%;}

/* p */
.basic_p {margin-top:10px;font-size:15px;color:#666;font-weight:100;}
@media all and (min-width:768px){
	.basic_p{margin-top:15px;}
}
@media all and (min-width:1500px){
	.basic_p {font-size:18px;margin-top:30px;}
}

.basic_con{margin:10px auto 20px;}
@media all and (min-width:768px){
	.basic_con{margin:20px auto 40px;}
}
@media all and (min-width:1500px){
	.basic_con{margin:30px auto 60px;}
}

/* box */
.basic_box {padding:3%;background-color:#f2f6f8;margin-top:30px;}
.line_box {padding:3%;border:.5rem solid #e3f0f8;border-radius:20px; margin-top:30px;}
.basic_box>.basic_ul,
.line_box>.basic_ul {margin-top:12px;}
dd.basic_box,
li.basic_box{padding:25px; margin-top:20px;}
dd.basic_box dt,
li.basic_box dt{font-size:18px; padding-bottom:10px;}

.basic_box02 {padding:3%;background-color:#f2f6f8;margin-top:30px;}
.basic_box02 .basic_dl{margin-top:0;}
.basic_box02 .basic_dl dt{padding-bottom:0;}
.basic_box02 .basic_ul li{font-size:1em}
@media all and (max-width:768px){
    .basic_box02 {padding:30px 25px;}
}

/*     tab     */
.tab {margin-bottom:1.75em;}
.tab .selected {display:none;}
.tab ol {display:table; border:1px solid #e5e5e5; width:100%;}
.tab ol li {display:table-cell; width:10%; border-right:1px solid #e5e5e5;}
.tab ol li:last-child {border-right:none;}
.tab ol li button,
.tab ol li a {display:block; font-size:18px; line-height:1.5em;height:100%;width:100%;padding:.9rem 0; text-align:center;}
.tab ol li.tabOn button,
.tab ol li.tabOn a {background:#007ac2; color:#fff;}
.tab ol li:not(.tabOn) button:hover,
.tab ol li:not(.tabOn) a:hover {color:#007ac2;}
@media screen and (min-width:841px) {
    .tab .tablist.col4 {display:flex;justify-content: space-around;flex-wrap:wrap;align-items:stretch;gap:0;border-right:0;border-bottom:0;}
    .tab .tablist.col4 li {display:block;width:25%;text-align:center;border:1px solid #e5e5e5;border-width:0 1px 1px 0;}
}
@media screen and (max-width:840px) {
	.tab {position:relative;}
	.tab .selected {position:relative;display:block;line-height:50px;font-size:17px;font-weight:300;cursor:pointer;background:#007ac2;color:#fff;padding-left:0;text-indent:15px;}
	.tab .selected::after {content:url(/tour/usr/images/common/list02_plusW.png);position:absolute;top:2px;right:16px;z-index:2;}
	.tab .selected.on {background-position:right bottom;}
	.tab .selected.on::after {content:url(/tour/usr/images/common/list02_minusW.png);top:-6px;}
	.tab ol {display:none; border:1px solid #e5e5e5; position:absolute; left:0; top:50px; z-index:1;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
	.tab ol li {display:block; width:100%; border-right:none; border-bottom:1px solid #e5e5e5;}
	.tab ol li:last-child {border-bottom:none;}
	.tab ol li button,
    .tab ol li a {display:block; line-height:50px; font-size:16px; text-align:left; text-indent:15px; background:#fff; padding:0;}
	.tab ol li.tabOn button,
    .tab ol li.tabOn a {background:#f2f6f9; color:#1b49a4; font-weight:600;}
	.tab ol.allV, .tabsel ul.allV{display:block;}
}

/* btn */
.btn_wrap{text-align:center; margin-top:20px;}
.basic_btn{display:inline-block; padding:12px 20px; border:1px solid #000; border-radius:10px;}
.basic_btn + .basic_btn{margin-left:10px}
.basic_btn:hover,
.basic_btn:focus{background:#007ac2; border-color:#007ac2; color:#fff;}
.basic_btn i {margin-left:5px;}
i.icon_down {background:url(/tour/usr/images/common/icon_down.png) no-repeat; display:inline-block; width:15px; height:17px; overflow:hidden; line-height:5000; vertical-align:middle;}
i.icon_newin {background:url(/tour/usr/images/common/link_newW.png) no-repeat; display:inline-block; width:12px; height:13px; overflow:hidden; line-height:5000; vertical-align:middle;}
.basic_btn:hover .icon_down, .basic_btn:focus .icon_down {background:url(/tour/usr/images/common/icon_down_white.png) no-repeat;}
.basic_btn:hover .icon_newin, .basic_btn:focus .icon_newin {background-position:-12px;}
.basic_btn.blue{background:#007ac2; color:#fff; border-color:#007ac2}
.basic_btn.blue:hover,
.basic_btn.blue:focus{background:#fff; border-color:#000; color:#222}
.basic_btn.small{padding:2px 15px;}
.btn_wrap .basic_btn{margin-bottom:5px;}

@media all and (min-width:768px){
	.btn_wrap{margin-top:40px;}
	.basic_btn{padding:12px 30px;}
}
@media all and (min-width:1500px){
	.btn_wrap{margin-top:50px;}
}

/* img */
.imgOnly>img {max-width:100%;}
.s_h4 + .imgOnly {margin:20px auto 40px;}

/* -h
h4.st3_tit{padding-left:0;background:none;} */

/* txt */
.txt_red{color:#DF1B1F}
.txt_center{text-align:center;}