@charset "utf-8";
/**
 * @File Name : all.css
 * @Description : Base Adjust + Layout[main+sub] Mobile First!
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2025.02.27 | 작성자명 | 최초 등록
 * </pre>
 * @author 디자인팀 작성자명
 * @since 2025.02.27
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* base.css )) Overwrite. 20200117 ◆◆◆ */
body{
	background:#fff;
	color:#000; /* ☆#555 */
	font-weight:400;
	font-size:1em; /* (((16px */
	line-height:1.75; /* ☆ */
	letter-spacing:-.05em; /* (-.5px/16px) */
}

[lang|='ko'],
[lang|='ko']>*{
	font-family:
		'S-CoreDream',
		'돋움',Dotum,
		Helvetica,'Helvetica Neue',
		Arial,sans-serif;
}

h1, h2, h3, h4, h5, h6 {letter-spacing:-.05em}

/* ◇◆ 공용 ◇◆ */
/* ◇◆ Layout[main+sub] ◇◆◇◆◇◆◇◆◇◆ */
html,
body,
#container, #wrap, #body {min-height:100%;}
.container {position:relative;
	min-width:280px; /* ☆ */
	margin:auto; /* ☆ */
	width:1260px;
}
#container {position:relative;overflow-x:hidden;}
	#head {clear:both;width:100%;position:relative;/* z-index:2 */}
		#head_s1 {border-bottom:1px solid #e9e9e9;text-align:right;}
		#head_s2 {}
		#head_s2>.container {}
	#wrap {
		clear:both;
		position:relative;
		min-height:50px; /* ☆ 펼친 콘텐츠 높이 고려. */
		z-index:2;
	}
		#wrap>.container{} /* ))) sub.css, main.css */
			#body {position:relative;}
	#wing {display:block;z-index:10;position:relative;} /* ((( sub.css */
	#foot {clear:both;position:relative;background:#24272c}


/* 배치.유틸 20191220 */
.width1expand1 {margin-left:-20px;margin-right:-20px;}
@media screen and (min-width:1260px){
	#container {padding-right:440px;transition:padding .35s ease .05s}
	html.chatbot1open body #container {padding-right:0}
}
@media screen and (max-width:1760px){
	#head_s1 {padding-left:24px;padding-right:24px;}
}
@media screen and (max-width:1729px){
	#wrap>.container {padding-left:24px;padding-right:24px;}
}
@media screen and (max-width:1259px){
	.container {width:auto}
	#head_s1 {padding:0 16px;height:105px}
	#head_s1>.container {max-width:1260px;width:100%;}
	#wrap>.container {padding-left:16px;padding-right:16px;}
}
@media screen and (max-width:599px){
	#head_s1 {height:100px;}
}


/* 로고 */
h1#logo {position:relative;float:left;z-index:30;margin:27px 0 26px 49px;height:37px;}
h1#logo a {display:inline-block;vertical-align:top;height:100%}
h1#logo a img {width:auto;height:100%}
@media screen and (max-width:1259px){
	h1#logo {position:absolute;top:52px;left:0;margin:0}
}
@media screen and (max-width:599px){
	h1#logo {height:33px;}
}
@media screen and (max-width:399px){
	h1#logo {height:30px;}
}

/* gn1 */
#gn1 {position:relative;display:inline-block;vertical-align:top;text-align:right;margin-top:25px;z-index:2;overflow:hidden;}
#gn1 .gn1 {position:relative;text-align:left;}
#gn1 #gn1c>ul {white-space:nowrap;overflow:hidden;display:inline-block;vertical-align:top;}
#gn1 #gn1c>ul>li {position:relative;display:inline-block;vertical-align:top;}
#gn1 .gn1 li {display:inline-block;vertical-align:top;padding:0 19px;}
#gn1 .gn1 li a {position:relative;font-size:16px;color:#000;display:inline-block;vertical-align:top;font-weight:400;padding:13px 5px;}
#gn1 .gn1 li a:hover, #gn1 .gn1 li a:focus {text-decoration:underline;text-underline-position:under;}
#gn1 .gn1 li.on a, #gn1 .gn1 li[data-sitekey=tour] a {font-weight:500;}
#gn1 .gn1 li.on a:hover, #gn1 .gn1 li[data-sitekey=tour] a:hover, #gn1 .gn1 li.on a:focus, #gn1 .gn1 li[data-sitekey=tour] a:focus {text-decoration:none;}
#gn1 .gn1 li.on a:after, #gn1 .gn1 li[data-sitekey=tour] a:after {position:absolute;bottom:8px;left:5px;content:"";display:block;width:calc(100% - 10px);height:2px;background:#000}
/* lang1 */
#lang1 {position:relative;display:inline-block;vertical-align:top;margin-top:25px;}
#lang1 .b1.open {position:relative;display:block;padding:13px 20px 13px 0;font-size:15px;color:#000;font-weight:600;padding-left:36px;}
#lang1 .b1.open:before, #lang1 .b1.open:after {position:absolute;content:"";display:block;}
#lang1 .b1.open:before {top:7px;left:0;width:29px;height:28px;background:url(../../img/inc/layout_sprite.png) no-repeat 0 0 / auto 80px;}
#lang1 .b1.open:after {top:21px;right:0;border-style:solid;border-width:4px;border-color:#000 transparent transparent transparent}
#lang1c {display:none;position:absolute;top:40px;left:9px;width:100%;text-align:center;background:#fff;z-index:3;box-shadow:0 10px 10px rgba(0,0,0,.2);border-radius:0 0 20px 20px}
#lang1c.on {display:block;}
#lang1c ul {padding:10px 0}
#lang1c ul>li {display:block;margin:2px 0}
#lang1c ul>li>a {display:block;color:#000;padding:3px 0;letter-spacing:-.025em;font-size:14px;font-family:sans-serif;}
#lang1c ul>li>a:hover, #lang1c ul>li>a:focus {text-decoration:underline;text-underline-position:under;}
#lang1c .b1.close {position:absolute;top:-40px;left:-9px;width:100%;height:46px;}
#member1 {position:relative;display:inline-block;vertical-align:top;margin-top:25px;margin-left:20px;}
#member1 a {position:relative;display:block;padding:13px 5px 13px 33px;font-size:15px;color:#000;font-weight:400;}
#member1 a:before {position:absolute;top:50%;left:0;content:"";display:block;width:28px;height:23px;background:url(../../img/inc/layout_sprite.png) no-repeat;background-size:auto 80px;margin-top:-13px;}
#member1 a.login:before {background-position:-488px 0}
#member1 a.logout:before {background-position:-516px 0}
/* mode */
#head_s1 .mode {display:inline-block;vertical-align:top;background:#f2f2f2;padding:7px;border-radius:9999px;width:180px;box-sizing:border-box;overflow:hidden;margin-left:27px;margin-top:25px;}
#head_s1 .mode li {float:left;width:50%;}
#head_s1 .mode li a {display:block;font-size:14px;height:30px;line-height:31px;font-weight:400;color:#000;box-sizing:border-box;text-align:center;border-radius:9999px;}
#head_s1 .mode li a:before {content:"";display:inline-block;vertical-align:middle;width:13px;height:13px;background:url(../../img/inc/layout_sprite.png) no-repeat -112px 0 / auto 80px;margin:-4px 3px 0 0}
#head_s1 .mode li:nth-child(2) a:before {display:none}
#head_s1 .mode li[data-sitekey=tour] a, #head_s1 .mode li.on a {background:#01004C;border:1px solid #10208f;color:#fff;box-shadow:2px 2px 5px rgba(0,0,0,.25);line-height:30px;}
#head_s1 .mode li[data-sitekey=simplemode] a:before {display:none}
#head_s1 .mode.simplemode li[data-sitekey=tour] a, #head_s1 .mode.simplemode li.default a {background-color:transparent;color:#000;line-height:31px;border:0;box-shadow:none;}
#head_s1 .mode.simplemode li[data-sitekey=tour] a:before, #head_s1 .mode.simplemode li.default a:before {display:none}
#head_s1 .mode.simplemode li[data-sitekey=simplemode] a, #head_s1 .mode.simplemode li.simplemode a {background:#ba2129;border:1px solid #920b13;color:#fff;line-height:30px;}
#head_s1 .mode.simplemode li[data-sitekey=simplemode] a:before, #head_s1 .mode.simplemode li.simplemode a:before {display:inline-block;}
@media screen and (max-width:1599px){
	#gn1 #gn1c>ul>li {padding:0 10px}
}
@media screen and (max-width:1459px){
	#gn1 #gn1c>ul>li {padding:0 5px}
	#head_s1 .mode {margin-left:15px;}
}
@media screen and (max-width:1259px){
	#gn1 {margin-top:3px;margin-right:200px;}
	#gn1 .gn1 {width:100%;text-align:right;}
	#gn1 .gn1 li {padding:0 5px;}
	#gn1 .gn1 li a {font-size:15px;padding-top:9px;padding-bottom:9px;}
	#lang1 {position:absolute;top:0px;right:100px;margin-top:0;z-index:20}
	#member1 {position:absolute;top:0px;right:0;margin:0;}
	#head_s1 .mode {position:absolute;top:49px;right:50px;margin-left:0;margin-top:0}
}
@media screen and (max-width:999px){
	#gn1 {width:calc(100% - 170px)}
	#gn1 #gn1c>ul>li {padding:0 2px}
	#lang1 {right:93px;}
	#lang1 .b1.open {font-size:14px;padding-left:28px;padding-right:13px;}
	#lang1 .b1.open:before {top:11px;width:23px;height:22px;background-size:auto 64px;}
	#member1 a {font-size:14px;padding-left:26px;}
	#member1 a:before {width:22px;height:18px;background-size:auto 64px;margin-top:-10px;}
	#member1 a.login:before {background-position:-390px 0}
	#member1 a.logout:before {background-position:-413px 0}
}
@media screen and (max-width:768px){
	#gn1 .gn1 {text-align:left;}
	#gn1 .gn1:after {position:absolute;top:0;right:0;content:"";display:block;width:50px;height:39px;background:linear-gradient(to left, #fff, transparent);}
	#gn1 .gn1 li {padding:0 1px;}
	#gn1 #gn1c>ul>li {padding:0}
	#head_s1 .mode {padding:5px;width:130px}
	#head_s1 .mode li a span {display:block;text-indent:-9999px;}
}
@media screen and (max-width:599px){
	#gn1 {width:calc(100% - 90px)}
	#lang1 {display:none;}
	#head_s1 .mode {top:48px;right:45px;width:110px;}
	#head_s1 .mode li, #head_s1 .mode.simplemode li[data-sitekey=tour] {width:40%;}
	#head_s1 .mode li.on, #head_s1 .mode li[data-sitekey=tour], #head_s1 .mode.simplemode li[data-sitekey=simplemode] {width:60%}	
}


/* #tnb1 ))) desktop 화면 */	
/* 주메뉴 20191220. makeActive2ClickHover('#tnb1'); */
#tnb1{
	position:absolute;left:0;right:0;top:0;
	width:100%;
	margin:auto;
	line-height:1.375;
	height:auto;
	text-align:left;
}
#tnb1 .h1 .b1.toggle{float:left;
	z-index:10;
	position:absolute;
	left:0;
	top:24px; /* (화면확인) */
	box-sizing:border-box; /* ☆ */
	width:40px;height:40px;
	border-radius:100%;
	background:none;
	overflow:hidden;text-indent:-9999px;
	border:3px solid #000;
	padding:5px 0
}
#tnb1 .h1 .b1.toggle:focus-visible {outline-offset:1px}

#tnb1 .b1.toggle .ic1 {display:block;width:19px;height:3px;background:#000;border-radius:9999px;margin:4px auto}

#tnb1c{display:block !important; /* ☆ */
	visibility:hidden; /* ☆ */
	z-index:110; /* ☆ */
	position:fixed; /* ☆ */	
	left:-200%;
	top:0;bottom:0;
	width:100%;
	height:auto !important; /* ☆ PC용 JS로 마든 style 속성 초기화 */
	overflow-y:visible; /* ☆ */
	transition:.0s;
	/* ★☆ToEdit) 확인용 */
	/* visibility:visible !important;
	right:0 !important; */
}
#tnb1c.on{
	display:block;
	visibility:visible;
	left:0;
	transition:.2s .2s;
}
#tnb1c>.bg{visibility:hidden;
	position:fixed;left:0;right:0;top:0;bottom:0;
	/* background:rgba(0,0,0,.7); */
	opacity:0;
	transition:.0s;
}
#tnb1c.on>.bg {visibility:visible;opacity:1;	transition:.2s;}
/* ☆ */
#tnb1c .b2{z-index:110;
	position:absolute;right:31px;top:21px;
	width:40px;height:40px;background:#303440;border-radius:100%;
}
#tnb1c .b2:before, #tnb1c .b2:after {position:absolute;top:50%;left:50%;margin:-10px -1px;content:"";display:block;width:2px;height:20px;background:#fff}
#tnb1c .b2:before {transform:rotate(45deg)}
#tnb1c .b2:after {transform:rotate(-45deg)}
#tnb1c .b2>.ic1 {}
#tnb1c .b2.close {}
#tnb1c .b2.close>.ic1{}
#tnb1c .d1 ~ .b2.close>.ic1 {opacity:0;}
/* ☆ */
#tnb1c>div.cont{
	display:none; /* [All]키보드지나감방지 */
	position:relative;
	left:-100%;
	box-sizing:border-box; /* ☆ */
	width:440px;
	height:100%;
	min-width:300px;
	overflow:visible;
	 /*overflow-y:auto; ☆ */
	margin:auto auto auto 0;
	background:#fff;
	/* ★☆ToEdit) 확인용 */
	/* display:block; */
	/* right:0 !important; */
}
#tnb1c.on>div.cont {display:block;left:0;box-shadow:0 0 35px rgba(0,0,0,.15)}

#tnb1c>div.cont .logo, #tnb1c>div.cont .sitename {display:inline-block;vertical-align:top;margin-top:24px;margin-bottom:25px;line-height:33px;}
#tnb1c>div.cont .logo {width:130px;height:33px;margin-left:30px;}
#tnb1c>div.cont .logo img {width:100%;}
#tnb1c>div.cont .sitename {position:relative;font-family:"HANAMDAUM", sans-serif;color:#bd2148;font-size:22px;font-weight:500;margin-left:24px;margin-top:25px;margin-bottom:24px;}
#tnb1c>div.cont .sitename:before {position:absolute;top:50%;left:-11px;content:"";display:block;width:1px;height:14px;background:#ccccdb;margin-top:-7px;}

.gn1_mobile {display:none}

/* depth1~depth4 */
#tnb1 .smain {display:block;}
/* depth1 */
#tnb1 div.d1{
	clear:both;
	position:relative;
	overflow-y:auto;
	overflow-x:hidden;
	height:100%;z-index:1
}
/* #tnb1 div.d1:before {content:"";display:block;width:130px;height:33px;background:url(../../img/inc/logo@2x.png) no-repeat 0 0 / auto 33px;margin:22px 0 24px 32px} */
#tnb1 div.d1>ul {position:relative;}
/* #tnb1c div.d1>ul:after {position:absolute;top:0;left:0;content:"";display:block;width:80%;height:100%;background:#303e49;border-radius:0 30px 30px 0;transition:all .35s ease}
#tnb1c.over div.d1>ul:after {width:160px;} */
#tnb1 div.d1>ul>li{display:inline;}
#tnb1 div.d1>ul>li>a{display:block;
	z-index:20; /* .d2 보다 높여준다 */
	position:relative;
	box-sizing:border-box; /* ☆ */
	color:#fff;
	width:160px;
	font-size:20px;padding:0 0 0 30px;
	word-break:keep-all;
	word-wrap:break-word;	
	background:#303e49;
}
#tnb1 div.d1>ul>li:first-child>a {border-top-right-radius:30px;padding-top:20px;}
#tnb1 div.d1>ul>li:last-child>a {border-bottom-right-radius:30px;padding-bottom:20px}
#tnb1 div.d1>ul>li>a>.t1{position:relative;display:block; /* ☆ */
	padding:0; /* ☆ */
	font-size:inherit;font-weight:400;line-height:60px;
	font-family:"S-CoreDream", sans-serif;transition:padding .35s ease;z-index:1
}
#tnb1 div.d1>ul>li.over>a>.t1, #tnb1 div.d1>ul>li.on>a>.t1 {padding-left:26px;}
#tnb1 div.d1>ul>li.over>a>.t1:before, #tnb1 div.d1>ul>li.on>a>.t1:before {position:absolute;top:50%;left:0;content:"";display:block;width:18px;height:9px;background:url(../../img/inc/layout_sprite.png) no-repeat -104px -32px / auto 80px;margin-top:-4.5px;}
#tnb1 div.d1>ul>li.on>a>.t1:after {position:absolute;left:-11px;top:0;content:"";display:block;width:calc(100% + 26px);height:60px;background:#bd2148;z-index:-1;border-radius:30px;}
#tnb1 div.d1>ul>li.over>a>.t1:after  {}
/* #tnb1 div.d1>ul>li:first-child.over>a>.t1:after, #tnb1 div.d1>ul>li:first-child.on>a>.t1:after {top:20px} */
#tnb1 div.d1>ul>li>a:hover,
#tnb1 div.d1>ul>li>a:focus {}	

/* depth1 활성 */
/* #tnb1 div.d1>ul>li.on>a{
	color:#fff;background:#ef6d09;border-bottom-right-radius:20px;box-shadow:5px 5px 10px rgba(0,0,0,.1)
} 
 #tnb1 div.d1>ul>li.on>a>.t1 {position:relative;font-weight:500}
 #tnb1 div.d1>ul>li.on>a>.t1:after {position:absolute;top:21px;right:20px;content:"";display:block;width:7px;height:7px;border:2px solid #fff;transform:rotate(45deg);border-left:0;border-bottom:0;box-sizing:border-box;} */
/* depth2~3 */
#tnb1 li>div[class^='d']{
	display:none;visibility:hidden;
	height:0;opacity:0;
}
#tnb1 li.on>div[class^='d'], #tnb1 li.over>div[class^='d']{
	display:block;visibility:visible;
	height:auto;opacity:1;
	margin-left:0;
}
/* depth2 */
#tnb1 li>div.d2 {	position:absolute;top:0;right:-120px;width:calc(100% - 160px);background:#fff;transition:right .25s ease;left:auto;display:block;padding:0 20px;box-sizing:border-box;}
#tnb1 div.d1>ul>li.on div.d2, #tnb1 div.d1>ul>li.over div.d2 {display:block;height:100%;opacity:1;z-index:10;right:0;left:auto;padding-top:25px;padding-bottom:15px;border:0;}
#tnb1 div.d1>ul>li.over div.d2 {height:calc(100vh - 90px);background:#fff;z-index:11}
#tnb1 div.d2>.bg{display:none;} /* ☆ */
#tnb1 div.d2>.hg1{display:none;} /* ☆ */
#tnb1 div.d2>a.smain{display:block; /* 서브메인링크 */
	position:relative;
	padding:.75em 35px .75em 20px;
	border-bottom:1px solid #eee;
	background-color:#f7f7f7;
	color:#333;
	font-size:15px;
}
#tnb1 li>div.d2>ul {margin-left:0;margin-bottom:10px;width:100%;}
#tnb1 div.d2>ul>li {position:relative;width:100%;float:none;margin:0;border-bottom:1px solid #e1e1e1;}
#tnb1 div.d2>ul>li:last-child {border-bottom:0}
#tnb1 div.d2>ul>li>a{display:block;
	z-index:10;
	position:relative;
	padding:14px 15px 13px 5px;
	background:transparent;
	color:#000;
	font-size:17px;font-weight:500;
	transition:.2s;		
}
#tnb1 div.d2>ul>li>a:after {position:absolute;top:20px;right:14px;content:"";display:block;width:7px;height:11px;background:url(../../img/inc/layout_sprite.png) no-repeat -133px -32px / auto 80px}
#tnb1 div.d2>ul>li.on>a:after {background-position:-124px -32px;}
#tnb1 div.d2>ul>li.on>a {text-decoration:underline;color:#bd2148;font-weight:700;text-underline-position:under;}
#tnb1 div.d2>ul>li.on.hasSub>a {text-decoration:none}

/* depth3 */
#tnb1 li>div.d3 {}
#tnb1 li.on>div.d3 {display:none;border-bottom:0;border-top:2px solid #EF6D09}
#tnb1 li.over>div.d3 {display:none;}
#tnb1 div.d3>.bg{display:none;} /* ☆ */
#tnb1 div.d3>ul {margin:0;padding:12px 10px}
#tnb1 div.d3>ul>li{position:relative;}
#tnb1 div.d3>ul>li>a {position:relative;display:block;
	z-index:10;
	position:relative;min-height:0;
	padding:7px 10px;
	color:#666;
	font-size:14px;
}
#tnb1 div.d3>ul>li>a:before {position:absolute;top:16px;left:0;content:"";display:block;width:3px;height:3px;background:#ccc}
#tnb1 div.d3>ul>li.on>a:before {background-color:#EF6D09;border-radius:50%;}
#tnb1 div.d3>ul>li.hasSub.on>a:after {display:none}
#tnb1 li.on>div.d3>ul>li.on>a {text-decoration:underline;color:#EF6D09;text-underline-position:under}
/* depth4 */
#tnb1 div.d4 {display:none}
#tnb1 li>div.d4 {	padding:14px 10px;background:#E8E8E8;margin:5px 0}
#tnb1 li.on>div.d4 {display:none}
#tnb1 div.d4>.bg{display:none;} /* ☆ */
#tnb1 div.d4>ul>li{position:relative;padding-left:10px;}
#tnb1 div.d4>ul>li>a{position:relative;display:block;
	z-index:10;
	position:relative;min-height:0;
	padding:6px 10px;
	border-top:0 solid #666;
	color:#666;
	font-size:14px;
}
#tnb1 div.d4>ul>li>a:before {position:absolute;top:13px;left:0;content:"";display:block;width:3px;height:3px;background:#666;}
#tnb1 div.d4>ul>li.hasSub>a {}
#tnb1 div.d4>ul>li.on>a:before {}
#tnb1 li.on>div.d4>ul>li.on>a {text-decoration:underline;}

/* 20191220 새 창 */
#tnb1 div.d2>ul>li>a[target='_blank']:after,
#tnb1 div.d3>ul>li>a[target='_blank']:after,
#tnb1 div.d4>ul>li>a[target='_blank']:after{ /* [IE8+] */
	content:'';
	display:inline-block;
	width:16px;height:16px;
	margin:-4px 0 0 7px;
	background:url(../../img/inc/ic16newwindow.png) no-repeat;
	vertical-align:middle;
}
#tnb1 div.d3>ul>li>a[target='_blank']:after, 
#tnb1 div.d3>ul>li>a[target='_blank']:after	{width:12px;height:11px;background-size:contain;margin-left:4px}
@media screen and (max-width:1259px){
	#tnb1c>div.cont .logo, #tnb1c>div.cont .sitename {margin-top:20px;margin-bottom:10px;}
	#tnb1 .h1 .b1.toggle {top:49px;left:auto;right:0;}
	.gn1_mobile {display:block;text-align:center;margin-bottom:10px;}
	.gn1_mobile li {display:inline-block;vertical-align:top;margin:0 2px;}
	.gn1_mobile li a {display:block;font-size:15px;color:#111;padding:5px 2px;}
	#tnb1 div.d1>ul>li>a {background-color:transparent}
	#tnb1 div.d1>ul:after {position:absolute;content:"";display:block;top:0;left:0;width:160px;height:100%;background:#303e49;z-index:-1;border-radius:0 30px 30px 0}
	#tnb1c {left:auto;right:-200%;}
	#tnb1c.on {left:auto;right:0;}
	#tnb1c>div.cont {left:auto;right:-100%;margin-left:auto;margin-right:0}
	#tnb1c.on>div.cont {left:auto;right:0;}
	#tnb1c .b2 {right:20px;}
}
@media screen and (max-width:599px){
	#tnb1c>div.cont .logo {margin-left:16px;height:30px}
	#tnb1c>div.cont .sitename {font-size:20px;line-height:30px;margin-top:22px}
	#tnb1 .h1 .b1.toggle {width:36px;height:36px;}
	#tnb1 .h1 .b1.toggle .ic1 {width:18px;margin:3px auto}
	#tnb1c .b2 {top:15px;right:10px;}
}
@media screen and (max-width:499px){
	#tnb1c>div.cont {width:100%;}
	#tnb1 div.d1>ul>li>a {font-size:17px;width:140px;padding-left:20px;}
	#tnb1 div.d1>ul>li>a>.t1 {line-height:47px;}
	#tnb1 div.d1>ul>li:first-child>a {padding-top:15px;}
	#tnb1 div.d1>ul>li.on>a>.t1:after {height:45px;}
	#tnb1 div.d1>ul:after {width:140px}
	#tnb1 li>div.d2 {width:calc(100% - 140px);}
	#tnb1 div.d1>ul>li.on div.d2, #tnb1 div.d1>ul>li.over div.d2 {padding-top:13px;}
	#tnb1 div.d2>ul>li>a {font-size:16px}
	#tnb1 div.d2>ul>li>a:after {right:4px}
}
@media screen and (max-width:399px){
	#tnb1 .b1.toggle {top:50px;width:32px;height:32px;}
	#tnb1c>div.cont .logo img {height:30px;}
	#tnb1c>div.cont .sitename {font-size:19px;margin-left:20px;margin-top:20px}
	#tnb1c>div.cont .sitename:before {margin-top:-7px;left:-9px;}
}


/* foot */
#foot {padding-bottom:90px;}
#foot_s1 {max-width:1260px;margin:auto;}
#foot_s1>.container {width:100%;}
#fn1 {padding:30px 0 25px;margin-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1);transition:margin .35s ease .05s}
#fn1 li {display:inline-block;vertical-align:top;margin-right:38px;}
#fn1 li a {position:relative;display:block;font-size:15px;color:#fff;font-weight:400;padding:5px 0}
#fn1 li a strong {color:rgba(257,179,174,.9);font-weight:600}
#fn1 li a:after {position:absolute;top:50%;right:-23px;content:"";display:block;width:5px;height:5px;background:#66696c;border-radius:100%;margin-top:-2.5px;}
#fn1 li:last-child {margin-right:0}
#fn1 li:last-child a:after {display:none}
#fn1 li a:hover, #fn1 li a:focus {text-decoration:underline;text-underline-position:under;}
html.cbot1close #fn1 {margin-right:0}
@media screen and (max-width:499px){
	#fn1 li {margin:1px 15px 1px 0;}
	#fn1 li a:after {right:-13px;width:3px;height:3px;margin-top:-1.5px}
}

#author1 {position:relative;font-size:15px;font-weight:400;padding-left:115px;color:#fff}
#author1:before {position:absolute;top:15px;left:0;content:"";display:block;width:69px;height:62px;background:url(../../img/inc/layout_sprite.png) no-repeat -231px 0 / auto 80px;}
#author1 .t1 {display:inline-block;vertical-align:top;color:#959595;margin-right:10px;}
#author1 address {margin-bottom:5px;}
#author1 .tel1info li {display:inline-block;vertical-align:top;margin-right:40px;}
#author1 .nophishing {margin-top:20px;font-size:14px;color:rgba(149,149,149,.6);}
#author1 .copyright {font-family:"S-CoreDream", sans-serif;font-size:14px;color:rgba(149,149,149,.6);text-transform:uppercase}

/* gotop */
#gotop1 {position:fixed;bottom:-100px;right:460px;width:68px;height:68px;/* background:linear-gradient(200deg, #fdc408, #c92026 88%); */background-color:#c92026;border-radius:100%;text-indent:-9999px;z-index:2;opacity:0;transition:all .35s ease}
#gotop1:before {position:absolute;top:0;left:0;content:"";display:block;width:100%;height:100%;background:url(../../img/inc/layout_sprite.png) no-repeat -161px 0 / auto 80px;z-index:1}
#gotop1.on {bottom:30px;opacity:1}
#gotop1.on.bottom {bottom:216px;}
html.chatbot1open #gotop1 {right:20px;z-index:2}
#gotop1:focus-visible {outline-offset:1px;}
@media screen and (max-width:1739px){
	#foot_s1 {padding-left:24px;padding-right:24px;}
}
@media screen and (max-width:1259px){
	#foot {padding-left:16px;padding-right:16px;padding-bottom:220px}
	#foot_s1 {padding:0}
	#fn1 {margin-right:0}
	#author1 .tel1info li {margin-right:20px}
	#gotop1 {right:30px;}
	#gotop1.on {bottom:180px;}
	body.chatbot1open #gotop1.on {z-index:-1}
}
@media screen and (max-width:999px){
	#foot {text-align:center;}
	#fn1 {padding:25px 0 20px}
	#author1 {padding-left:0}
	#author1:before {display:none;}
	#author1 .tel1info li {display:block;margin:2px 0;}
	#gotop1.on.bottom {bottom:180px;}
}
@media screen and (max-width:768px){
	#gotop1 {width:48px;height:48px;}
	#gotop1:before {background-position:-170px -10px}
}
@media screen and (max-width:599px){
	#fn1 {padding:20px 0 15px}
}
@media screen and (max-width:499px){
	#fn1 {margin-bottom:20px;padding:17px 0 13px;}
	#author1 {text-align:left;}
	#author1 address, #author1 .tel1info li:first-child {margin-bottom:5px;}
	#author1 address .t1, #author1 .tel1info li:first-child .t1 {display:block;margin-top:0}
}


/* 검색 및 인기여행지 */
/* msearch1 */
#msearch1 {position:relative;border:3px solid #303440;background:#fff;border-radius:9999px;height:80px;padding:0 0 0 245px;margin:auto 160px;box-sizing:border-box;transition:margin .3s ease;z-index:10}
#msearch1:after {content:"";display:block;clear:both;}
#msearch1.on {margin:0;transition:margin .35s ease .05s;}
#msearch1 .h1 {position:absolute;top:-3px;left:-3px;width:248px;height:calc(100% + 6px);background:#303440;font-size:18px;color:#fff;text-align:center;font-weight:400;padding:29px 0 28px 32px;border-radius:40px 0 0 40px;box-sizing:border-box;}
#msearch1 .h1:before {position:absolute;top:31px;left:25px;content:"";display:block;width:23px;height:21px;background:url(../../img/main/main_sprite.png) no-repeat 0 -258px / 1000px auto;}
#msearch1 .wrap1 {float:left;position:relative;padding:27px 0;width:510px;box-sizing:border-box;}
#msearch1 .wrap1:after {content:"";display:block;clear:both;}
#msearch1 .wrap1 .select1 {position:relative;float:left;width:33.33%;padding-left:46px;box-sizing:border-box;}
#msearch1 .wrap1 .select1:before {position:absolute;top:50%;left:20px;content:"";display:block;width:24px;height:22px;background:url(../../img/main/main_sprite.png) no-repeat;background-size:1000px auto;margin-top:-11px;}
#msearch1 .wrap1 .select1 .b1.toggle {display:block;font-size:20px;font-weight:600;color:#000;line-height:1.1}
#msearch1 .wrap1 .select1 .b1.toggle:before, #msearch1 .wrap1 .select1 .b1.toggle:after {position:absolute;content:"";display:block;}
#msearch1 .wrap1 .select1 .b1.toggle:before {top:50%;left:-1px;width:1px;height:24px;background:#dedede;margin-top:-12px;}
#msearch1 .wrap1 .select1 .b1.toggle:after {top:50%;right:10px;width:21px;height:20px;background:url(../../img/main/main_sprite.png) no-repeat -103px -258px / 1000px auto;margin-top:-10px;}
#msearch1 .wrap1 .select1 .b1.toggle.on:after {transform:rotate(-180deg)}
#msearch1 .wrap1 .select1.n1:before {background-position:-25px -258px;}
#msearch1 .wrap1 .select1.n2:before {background-position:-51px -258px;}
#msearch1 .wrap1 .select1.n3:before {background-position:-77px -258px;}
#msearch1 .wrap1 .select1:first-child .b1.toggle:before {display:none;}
#msearch1 .wrap1 .select1 .cont {position:absolute;top:42px;left:0;width:100%;display:none;background:#fff;border-radius:0 0 20px 20px;z-index:10}
#msearch1 .wrap1 .select1 .cont.on {display:block;box-shadow:10px 10px 15px rgba(0,0,0,.15);padding:5px 0}
#msearch1 .wrap1 .select1 ul li a {display:block;text-align:center;color:#000;padding:15px 0}
#msearch1 .wrap1 .select1 ul li a:hover, #msearch1 .wrap1 .select1 ul li a:focus {background:#303440;color:#fff;font-weight:600}
#msearch1 .wrap1 .select1 ul li.on a {background:#303440;color:#fff;font-weight:600}
#msearch1 .wrap1 .select1 ul li.on a:before {content:"";display:inline-block;vertical-align:middle;width:12px;height:9px;background:url(../../img/inc/layout_sprite.png) no-repeat -142px -32px / auto 80px;margin:-2px 8px 0 0}
#msearch1 .wrap1 .select1 .b1.close {position:absolute;top:-42px;left:0;width:100%;height:22px;text-indent:-9999px;z-index:10}
#msearch1 .b1.search {position:absolute;top:7px;right:58px;width:60px;height:60px;border:0;border-radius:100%;margin:0;background:url(../../img/main/main_sprite.png) no-repeat -127px -258px / 1000px auto;overflow:hidden;padding:0}
#msearch1 .b1.search:focus-visible {outline-offset:2px}
#msearch1.on .b1.search {right:90px;}
#msearch1 .b1.detail {float:left;width:60px;height:60px;background:url(../../img/main/main_sprite.png) no-repeat -374px -322px / 1000px auto;text-indent:-9999px;margin:7px 0;}
#msearch1 .b1.detail.on {display:none !important}
#msearch1.on .wrap1 {width:470px;}
#msearch1 .detail1 {position:relative;display:none;float:left;width:0;height:74px;box-sizing:border-box;opacity:0;transition:opacity .4s ease .35s}
#msearch1 .detail1.on {display:block;width:380px;padding:16px 30px 16px 0;opacity:1}
#msearch1 .detail1 ul:after {content:"";display:block;clear:both;}
#msearch1 .detail1 ul li {display:inline-block;vertical-align:top;width:39%;padding-left:20px;box-sizing:border-box;} 
#msearch1 .detail1 ul li:first-child {width:59%}
#msearch1 .detail1 ul li .t1 {display:inline-block;vertical-align:top;margin:10px -2px;}
#msearch1 .detail1 ul li input[type=radio] {position:relative;margin:0;border:0;width:22px;height:22px;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
#msearch1 .detail1 ul li input[type=radio]:before {position:absolute;top:0;left:0;content:"";display:block;width:22px;height:22px;background:url(../../img/main/main_sprite.png) no-repeat -24px -282px / 1000px auto;}
#msearch1 .detail1 ul li input[type=radio]:checked:before {background-position:0 -282px;}
#msearch1 .detail1 ul li input[type=radio]:focus-visible {outline:2px dotted coral;outline-offset:2px}
#msearch1 .detail1 ul li label {display:inline-block;padding:0 11px 0 8px;font-weight:400;color:#303440;}
#msearch1 .detail1 ul li input[type=radio]:checked + label {font-weight:600;color:#333}
#msearch1 .detail1 .b1.close {position:absolute;top:50%;right:0;width:42px;height:42px;text-indent:-9999px;margin-top:-21px;}
#msearch1 .detail1 .b1.close:before {position:absolute;top:50%;left:50%;content:"";display:block;width:21px;height:21px;background:url(../../img/main/main_sprite.png) no-repeat -48px -282px / 1000px auto;margin:-10px;}
#msearch1 .reset {position:absolute;top:50%;right:0;width:60px;height:60px;background:url(../../img/main/main_sprite.png) no-repeat -312px -322px / 1000px auto;border:0;text-indent:-9999px;margin-top:-30px;margin-bottom:0;padding:0}
#msearch1.on .reset {right:35px;}
@media screen and (max-width:1259px){
	#msearch1 {height:auto;padding-left:0;border-radius:40px;text-align:center;padding-left:0;margin:0}
	#msearch1 .h1 {position:relative;top:auto;left:auto;text-align:center;width:100%;height:auto;border-radius:30px 30px 0 0;padding:15px 0}
	#msearch1 .h1:before {position:relative;top:auto;left:auto;display:inline-block;vertical-align:middle;margin:-4px 6px 0 0}
	#msearch1 .wrap1 {float:none;display:inline-block;vertical-align:top;width:520px;padding:14px 0;text-align:left;margin-right:20px;}
	#msearch1 .wrap1 .select1 {margin:10px 0}
	#msearch1 .b1.search {position:relative;top:auto;bottom:auto;right:auto;margin-top:7px}
	#msearch1 .b1.detail {float:none;display:inline-block !important;vertical-align:top;margin:7px 0;}
	#msearch1 .reset {position:relative;top:auto;bottom:auto;right:auto;margin:7px 0;vertical-align:top;}
	#msearch1 .detail1 ul li .t1 {margin-top:0;margin-bottom:0}
	#msearch1.on .wrap1 {width:460px;margin-right:0}
	#msearch1 .detail1.on {display:inline-block !important;vertical-align:top;float:none;width:400px;height:auto;padding:26px 30px 24px 0;margin-right:20px;text-align:left}
	#msearch1.on .b1.search, #msearch1.on .reset {right:auto}
}
@media screen and (max-width:1099px){
	#msearch1 .detail1 ul li, #msearch1 .detail1 ul li:first-child {width:auto;}
	#msearch1.on .wrap1 {width:calc(100% - 40px);margin-left:20px;margin-right:20px;border-bottom:1px solid #dedede;}
	#msearch1 .detail1.on {width:auto;text-align:left;padding:26px 50px 24px 0}
}
@media screen and (max-width:999px){
	#mainbody1 {margin-top:50px;}
	#mainbody1:before {top:-50px}
	#msearch1 .detail1 ul {display:inline-block;vertical-align:top;}
	#msearch1 .detail1 ul li, #msearch1 .detail1 ul li:first-child {width:auto;float:none;display:inline-block;vertical-align:top;}
}
@media screen and (max-width:768px){
	#mainbody1 {margin-top:40px;}
	#msearch1 .h1 {font-size:17px;}
	#msearch1 .wrap1 {min-width:450px;width:auto;padding:7px 0;margin-right:0}
	#msearch1 .wrap1 .select1 {padding-left:42px;}
	#msearch1 .wrap1 .select1:before {left:10px;}
	#msearch1 .wrap1 .select1 .b1.toggle {font-size:18px;padding-top:2px;padding-bottom:2px;}
	#msearch1 .detail1 ul li {padding-left:10px}
	#msearch1 .wrap1 .select1 ul li a {font-size:15px;padding:12px 0}
	#msearch1 .b1.detail, #msearch1 .b1.search, #msearch1 .reset {display:inline-block;vertical-align:top;margin:5px 0;width:48px;height:48px;background-size:800px auto;}
	#msearch1 .b1.detail {position:absolute;bottom:0;left:50%;margin-left:-76px;background-position:-299px -258px}
	#msearch1 .b1.search {background-position:-102px -206px;margin-left:52px;}
	#msearch1 .reset {background-position:-250px -258px} 
	#msearch1.on .wrap1 {width:calc(100% - 20px);margin-left:10px;margin-right:10px;padding-right:0}
	#msearch1 .detail1.on {padding:18px 50px 18px 0;margin-right:10px}
	#msearch1.on .b1.search {margin-left:0}
}
@media screen and (max-width:699px){
	#msearch1 .h1 {font-size:16px;}
	#msearch1 .wrap1 {width:calc(100% - 20px);margin-left:10px;margin-right:10px;padding-right:0;border-bottom:1px solid #dedede;}
	#msearch1 .wrap1 .select1 {padding-left:40px}
	#msearch1 .wrap1 .select1:before {left:10px}
	#msearch1 .wrap1 .select1 .b1.toggle {font-size:17px;}
}
@media screen and (max-width:599px){
	#msearch1 .h1 {font-size:16px;padding-top:12px;padding-bottom:12px;}
	#msearch1 .wrap1 {min-width:auto;padding:4px 0;}
	#msearch1 .wrap1 .select1 .b1.toggle {font-size:16px}
	#msearch1 .detail1.on {margin-right:5px;padding:13px 50px 12px 0}
	#msearch1 .detail1 ul li {font-size:15px}
	#msearch1 .b1.detail, #msearch1 .b1.search, #msearch1 .reset {margin:5px 0;width:36px;height:36px;background-size:600px auto;}
	#msearch1 .b1.detail {background-position:-224px -193px;margin-left:-58px;}
	#msearch1 .b1.search {background-position:-76px -155px;margin-left:42px;}
	#msearch1 .reset {background-position:-187px -193px} 
}
@media screen and (max-width:559px){
	#msearch1 .wrap1 .select1 {padding-left:15px}
	#msearch1 .wrap1 .select1:before {display:none;}	
	#msearch1 .wrap1 .select1 ul li a {font-size:14px;padding:10px 0}
}
@media screen and (max-width:499px){
	#msearch1 .h1 {font-size:16px;}
	#msearch1 .wrap1 {position:static;}
	#msearch1 .wrap1 .select1 {padding-left:10px;}
	#msearch1 .wrap1 .select1 .b1.toggle {font-size:16px;}
	#msearch1 .wrap1 .select1 .b1.toggle:after {right:5px;}
	#msearch1 .detail1 {border-bottom:1px solid #dedede}
	#msearch1 .detail1.on {padding:10px 0;display:block !important;margin-left:10px;margin-right:10px;}
	#msearch1 .detail1 ul li {font-size:14px;margin:3px 0;padding-left:0;}
	#msearch1 .detail1 ul li label {padding-right:5px;padding-left:5px;}
	#msearch1 .detail1 .b1.close {width:34px;height:34px;margin-top:-17px;}
}

/* ptour1 / 인기여행지 키워드 */
#ptour1 {position:relative;margin:30px auto;text-align:center;}
#ptour1 .h1 {position:relative;display:inline-block;vertical-align:middle;line-height:24px;font-size:16px;color:#000;font-weight:500;padding-left:22px;margin-right:20px;}
#ptour1 .h1:before {position:absolute;top:3px;left:0;content:"";display:block;width:17px;height:19px;background:url(../../img/main/main_sprite.png) no-repeat -189px -258px / 1000px auto;}
#ptour1 .mView {position:relative;display:inline-block;vertical-align:top;max-width:660px;width:100%;height:24px;overflow:hidden;}
#ptour1 .mView .mCont {position:absolute;top:0;left:0;width:100%;overflow:hidden;transition:.35s ease-out;}
#ptour1 .mView .mCont .mContC {float:left;display:table;padding:0 10px;}
#ptour1 .mView .mCont .mContC a {display:table-cell;height:24px;font-size:15px;color:#555;font-weight:400;line-height:24px;}
#ptour1 .mView .mCont .mContC a:hover, #ptour1 .mView .mCont .mContC a:focus {text-decoration:underline;text-underline-position:under;}
#ptour1 .mView .mCont .mContC a:before {content:"#";display:inline}
#ptour1 .mControl {display:inline-block;vertical-align:middle;}
#ptour1 .mControl .m {display:inline-block;vertical-align:top;width:22px;height:23px;background:url(../../img/main/main_sprite.png) no-repeat;background-size:1000px auto;border:0}
#ptour1 .mControl .m.on {display:none;}
#ptour1 .mControl .m.prev {background-position:-208px -258px}
#ptour1 .mControl .m.next {background-position:-256px -258px}
#ptour1 .mControl .m.stop {background-position:-232px -258px}
#ptour1 .mControl .m.play {background-position:-280px -258px}
@media screen and (max-width:999px){
	#ptour1 .mView {max-width:none;width:calc(100% - 200px);}
}
@media screen and (max-width:768px){
	#ptour1 {margin-top:25px;margin-bottom:0}
}
@media screen and (max-width:459px){
	#ptour1 {margin-top:20px;margin-bottom:30px;text-align:left;}
	#ptour1 .h1 {display:block;margin-bottom:5px;}
	#ptour1 .mView {width:100%;}
	#ptour1 .mView .mCont .mContC {padding:0 5px;}
	#ptour1 .mControl {position:absolute;top:-2px;right:0}	
}

/* 챗봇 열림/닫힘에 따른 본문 스크롤 제어 */
@media screen and (max-width:1259px){
	html.chatbot1open {overflow:hidden}
	html.chatbot1open #logo {z-index:1}
}