@charset "utf-8";
/**
 * @File Name : style.css
 * @Description : Layout, CSS Adjust and Add
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2019.06.10 | 문영신 | 최초 등록
 * 2019.07.01 | 문영신 | 요구반영. 결함개선. 고도화.
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2019.04.19
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* Table of contents ))
 | 공통 스타일과 다른 개별 스타일 겹쳐 쓰다!
 | RWD ◇◆
 */

/* ◇◆ all.css, sub.css, lib*.css  )) Overwrite. 20190617. ◇◆◇◆◇◆◇◆◇◆ */
/* 메인 레이어팝업 */
.layerpop {position:absolute;top:0;right:0;z-index:10;display:block;}
.layerpop .wrap img {width:100%}
.layerpop .foot {position:relative;background:#000}
.layerpop .foot a {display:inline-block;color:#fff}
.layerpop .foot .close {position:absolute;top:0;right:0;}

.layerpop2 {position:absolute;top:0;right:0px;z-index:10;display:block;}
.layerpop2 .wrap img {width:100%}
.layerpop2 .foot {position:relative;background:#000}
.layerpop2 .foot a {display:inline-block;color:#fff}
.layerpop2 .foot .close {position:absolute;top:0;right:0;}

/* #tnb1 div.d1>ul>li:nth-child(5)>a>.t1{width:3em;} */


#search1 .b1.toggle{
	right:65px;
}

#tnb1 .b1.toggle{
	top:-63px;
	right:110px;
}


/* Add Share Contents Style ◇◆◇◆◇◆◇◆◇◆ */


/* 여행맞춤정보 20190617 */
#tour1custom1{}
#tour1custom1 .b1.toggle{float:left;
	z-index:10;
	position:absolute;
	right:20px;
	top:26px;
	box-sizing:border-box; /* ☆ */
	width:40px;height:40px;
	border:1px solid #ccc;
	background:#fff;
	background:none;
	text-align:center;
}
#tour1custom1 .b1.toggle:focus{
	outline:1px dotted #000;
}
#tour1custom1 .b1.toggle .t1{display:inline-block;
	color:#000;
	font-weight:400;
	font-size:15px;
	vertical-align:middle;
	text-indent:-9999px;
	overflow:hidden;
}
#tour1custom1 .b1.toggle .ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:40px;height:40px;
	margin:-20px;
	background:url(../../img/inc/ic80a5c2mountain2misc1@2x.png) no-repeat;
	background-size:contain;
	vertical-align:middle;
}
#tour1custom1 .b1.toggle .ic2{ /* ▽ */
	display:inline-block;
	position:absolute;left:-9999px;
	width:0;height:0;
	margin:-6px 4px;
	border:6px solid transparent;border-top-color:#0d5dac;border-bottom:0;
	vertical-align:middle;
}
/* chevron ▽ */
#tour1custom1 .b1.toggle:before{content:'';
	display:none;
	position:absolute;left:50%;bottom:0;width:0;height:0;
	margin:-9px;
	border:9px solid transparent;
	border-top-color:#276db2;
	border-bottom:0;
	overflow:visible;text-indent:100%;
}
#tour1custom1 .b1.toggle:after{content:'';
	display:none;
	position:absolute;left:50%;bottom:0;width:0;height:0;
	margin:-7px;
	border:7px solid transparent;
	border-top-color:#276db2;
	border-bottom:0;
	overflow:visible;text-indent:100%;
}
/* 활성 */
#tour1custom1 .b1.toggle.on{
	border:1px solid transparent;
	background:#276db2;
}
#tour1custom1 .b1.toggle.on .t1{
	color:#fff;
}
#tour1custom1 .b1.toggle.on .ic1{}
#tour1custom1 .b1.toggle.on .ic2{
	border-top-color:#fff;
}
#tour1custom1 .b1.toggle.on:before,
#tour1custom1 .b1.toggle.on:after{
	display:inline-block;
}
/* 내용 */
#tour1custom1c{display:none;
	z-index:30; /* z > (#today1 .b1.toggle) */
	position:relative;
	color:#fff;
}
#tour1custom1c.on{
	display:block;
}
#tour1custom1c>.width1expand1{ /* ☆ */
	padding:20px 40px;
	background:#276db2;
	border-bottom:2px solid transparent;
}
/* ☆ */
#tour1custom1 .field{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	padding:10px 0 20px;
	border-bottom:1px solid rgba(255,255,255, .3);
	overflow:hidden;
}
#tour1custom1 .h2{display:block;
	margin:0 0 6px;
	font-size:0;
}
#tour1custom1 .h2 .ic1{display:inline-block;
	width:90px;height:90px;
	margin:0 10px 0 0;
	background:url() no-repeat center center;
	background-size:contain;
	text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}
#tour1custom1 .field.s1 .h2 .ic1{background-image:url(../../img/inc/tour1custom1p01@2x.png);}
#tour1custom1 .field.s2 .h2 .ic1{background-image:url(../../img/inc/tour1custom1p02@2x.png);}
#tour1custom1 .field.s3 .h2 .ic1{background-image:url(../../img/inc/tour1custom1p03@2x.png);}
#tour1custom1 .h2 .t1{display:inline-block;
	margin:.5em 0;
	font-size:22px;
	line-height:1.25;
	vertical-align:middle;
}
#tour1custom1 .h2 br{
	display:none;
	line-height:0; /* [FF]bugFix) */
}
#tour1custom1 .w1item{
	font-size:0;
	overflow:hidden;
}
#tour1custom1 .item{display:inline-block;
	margin:4px;
	/* overflow:hidden; ☆ 20190228 초점 보이게 주석처리 */
}
#tour1custom1 .item label{display:inline-block;
	box-sizing:border-box; /* ☆ */
	width:76px;height:76px;
	border-radius:9999px;
	border:2px dashed #fff;
	text-align:center;
	cursor:default;
}
#tour1custom1 .item .t1{display:inline-block;
	font-size:18px;
	text-align:center;
	vertical-align:middle;
}
#tour1custom1 .item .ic1{display:inline-block;
	width:0;
	height:100%;
	vertical-align:middle;
}
#tour1custom1 .item input{display:inline-block;
	position:absolute;left:-9999px; /* [FF]bugFix) */
	width:0;height:0;
	opacity:0;
}
#tour1custom1 .item input:checked + label{
	background:#fff;
	color:#000;
	font-weight:600;
}
#tour1custom1 .item input:focus + label{
	outline:1px dotted #000;
}
#tour1custom1 .field.s2 .item label{
	width:60px;
	height:60px;
}
#tour1custom1 .field.s2 .item .t1{
	font-size:16px;
}
#tour1custom1 .field.s3 .item label{
	width:auto;
	height:46px;
	padding:0 16px;
}
#tour1custom1 .field.s3 .item .t1{
	font-size:16px;
}
/* ☆ */
#tour1custom1 .infomenu1{
	clear:both;
	margin:0;
	padding:24px 0;
}
#tour1custom1 .button{display:inline-block;
	box-sizing:border-box; /* ☆ */
	height:46px;
	padding:11px 36px;
	border:0;
	background:#666;
	color:#fff;
	font-size:0;
	line-height:1.375;
	text-decoration:none;
	vertical-align:middle;
}
#tour1custom1 .button .t1{display:inline-block;
	font-size:16px;
	vertical-align:middle;
}
#tour1custom1 .button .ic1{display:inline-block;
	width:14px;height:14px;
	margin:0 0 0 4px;
	background:url() no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}
#tour1custom1 .button.submit{
	border:1px solid #02205e;
	background:#03386e;
}
#tour1custom1 .button.submit .ic1{background-image:url(../../img/inc/ic14a2c0search1.png);}
/* [IE8]fix) */
#tour1custom1 .ic1 div img{visibility:inherit !important;}


/* #visual 20190617 */
#visual{display:block;
	z-index:-1; /* ☆ */
	position:relative;
	box-sizing:border-box; /* ☆ */
	height:100px; /* >=768*(250/1920) */
}
#visual [class*='v1']{display:block;
	position:relative;
	height:100%;
	margin:0 -1000px;
	overflow:hidden;
}
#visual img{display:block;
	width:auto;
	height:130px;
	margin:-15px auto 0;
}
@media all and (min-width:768px){
	#visual img{height:166px;margin-top:0}
}
@media all and (min-width:1000px){
	#visual img{height:250px;margin-top:-50px;}
}
@media all and (min-width:1260px){
	#visual img {animation:animate_background 5s linear;position:absolute;top:0;left:50%;width:2000px;height:350px;margin-left:-1000px}    
}
@keyframes animate_background {0% {margin-top:-50px} 50%  {margin-top:-100px}  100% {margin-top:-50px}}

/* ◇◆ StyleName. YYYYMMDD. @Who	 ◇◆ */



/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */
@media all and (max-width:767px){ /* small ◇◆◇◆◇◆◇◆◇◆ */


h1#logo{
	margin:16px 170px 16px 20px;
}


} /* /(max-width:767px) */
@media all and (min-width:768px){/* medium ◇◆◇◆◇◆◇◆◇◆ */


#tnb1 .b1.toggle{
	right:80px;top:-74px;
}


#tour1custom1 .b1.toggle{
	top:24px;
	width:50px;height:50px;
}
#tour1custom1 .field{
	padding:20px 0;
}
#tour1custom1 .h2{
	float:left;
	width:230px;
	margin:0 20px 0 0;
}
#tour1custom1 .h2 br{
	display:block;
}

#tour1custom1 .field.s2 .item label{
	margin:10px 4px;
}
#tour1custom1 .field.s3 .item label{
	margin:17px 4px;
}


#visual{
	height:166px; /* >=1260*(250/1920) */
}



} /* /(min-width:768px) */
@media all and (min-width:1000px){/* large ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1000px) */
@media all and (min-width:1000px) and (max-width:1259px){/* large ◇◆◇◆◇◆◇◆◇◆ */


#tnb1 .b1.toggle{
	right:60px;
}

#tour1custom1 .b1.toggle{
	right:0;
}
#tour1custom1c{
	margin-left:-160px;
	margin-right:-160px;
}
#tour1custom1 .fieldset{
	width:100%;
	max-width:920px; /* ☆ */
	margin:auto;
}


} /* /(min-width:1000px) and (max-width:1259px) */
@media all and (min-width:1260px){/* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */


#body_head{
	margin:-68px 0 0;
}
#body_head:before{
	bottom:auto;
	height:68px;
	background:rgba(0,0,0, .42);
}
	#body_head_s1{
		height:68px;
	}
		#body_head_s1>.container{}
	#body_head_s2{}
		#body_head_s2>.container{
			padding:22px 0 6px;
			border-bottom:1px solid #d7d7d7;
		}


#search1c{
	left:400px;
	right:390px;
	width:auto;
}

#tour1custom1 .b1.toggle{
	right:0;
	width:175px;
}
#tour1custom1 .b1.toggle .t1{
	text-indent:0;
}
#tour1custom1 .b1.toggle .ic1{
	position:static;
	margin:4px 0;
}
#tour1custom1 .b1.toggle .ic2{
	position:static;
}
#tour1custom1c{
	margin-left:-360px;
	margin-right:-360px;
}
#tour1custom1 .fieldset{
	width:100%;
	max-width:1200px; /* ☆ */
	margin:auto;
}
#tour1custom1 .h2{
	width:auto;
}
#tour1custom1 .item label{
	width:80px;height:80px;
}
#tour1custom1 .field.s2{float:left;
	width:50%;
}
#tour1custom1 .field.s3{float:right;
	width:50%;
	padding-left:20px;
}
#tour1custom1 .field.s3:before{content:'';display:block;
	position:absolute;left:0;top:50%;
	width:0;height:84px;
	margin:-42px 0;
	border-left:1px solid rgba(255,255,255, .3);
}
#tour1custom1 .field.s1 .item{
	margin-left:15px;
	margin-right:15px;
}
#tour1custom1 .field.s2 .item,
#tour1custom1 .field.s3 .item{
	margin-left:10px;
	margin-right:10px;
}


/* 주메뉴 20190701. makeActive2ClickHover('#tnb1'); ))) 모바일과 많이 다르니, 스타일 분리
 * 1차 inline배치. 하위absolute배치. 2차 block배치. 3차 inline배치.
 */
#tnb1{ /* z-index:20; ☆쌓임맥락만들지마요! */
	float:left;position:absolute;
	left:-1000px;right:-1000px;
	top:0;
	width:auto;
	height:60px;
	line-height:1.375;
}
/* 데스크탑 감춤 */
#tnb1 .b1.toggle,
#tnb1c .b2,
#tnb1logo,
#tnb1head_s1,
#tnb1head_s2,
#tnb1c>div.cont>.bg,
#tnb1c>div.cont:before{display:none;}
#tnb1c{
	display:block !important; /* ☆ */
	z-index:20; /* ( z < #gn3 ) */
	position:relative; /* ☆ */
	width:100%;
	height:100%;
	background:#fff url(../../img/inc/tnb1bg2.png) center bottom;
}
#tnb1c.on{
	display:block;visibility:visible;
	right:auto; /* ☆ */
}
#tnb1c>.bg{
	z-index:0; /* ( z 최소값 ) */
	position:absolute;left:0;right:0;top:0;
	height:60px;
	background:#0054a6;
}
#tnb1c.on>.bg{}
#tnb1c>div.cont{float:none;
	position:relative;right:auto;
	width:1200px; /* ☆ */
	min-height:100%;
	margin:0 auto;
	box-shadow:none;
}
#tnb1c.on>div.cont{right:auto;
	box-sizing:border-box; /* ☆ */
}

/* depth1~depth4 */
/* depth1 */
#tnb1 div.d1{
	position:relative;
	width:100%;
	min-height:100%;
	padding:0; /* ☆ */
	background:transparent;
	overflow:visible;
}
#tnb1 div.d1>ul{width:100%;
	min-height:0; /* >=1차메뉴전체높이 */
	/* border-right:1px solid #eee; */
	/* overflow:hidden; */
}
#tnb1 div.d1>ul>li{display:inline;
	float:left;
	position:static; /* ☆ */
	width:auto; /* 전체메뉴폭 고려 (1200-340)/5 ((100/5 */
}
/* ☆1차메뉴노출제외 )) /_res/사이트키/share/css/style.css */
#tnb1 div.d1>ul>li.m10 ~ li{display:none;} /* ☆ */

#tnb1 div.d1>ul>li>a{display:block;
	position:relative;
	height:24px;
	padding:18px 38px; /* (약간 여유) */
	border:0; /* ☆ */
	color:#fff;
	font-size:0;
	font-weight:600;
	text-align:center;
}
#tnb1 div.d1>ul>li:first-child>a{
	border:0; /* ☆ */
}
#tnb1 div.d1>ul>li>a:before{}
#tnb1 div.d1>ul>li:first-child>a:before{
	display:none;
}
#tnb1 div.d1>ul>li>a>.ic1{display:inline-block;
	width:0;
	height:100%;
	vertical-align:middle;
}
#tnb1 div.d1>ul>li>a>.t1{display:inline-block;
	/* position:relative; */
	font-size:19px;
	line-height:24px;
	vertical-align:middle;
}
#tnb1 div.d1>ul>li.hasSub>a{}
#tnb1 div.d1>ul>li.on>a{
	/* color:#04a; */
}

/* ★ 주메뉴 전체 오버(포커스) */
#tnb1 div.d1.over{}
#tnb1 div.d1.over>.bg{}

/* ★ 1차 메뉴별 오버(포커스) */
/* .over 우선순위는 body[data-layout*='main'] #tnb1 div.d1>ul>li.on>a{} 보다 높아야한다. */
#tnb1 div.d1>ul>li.over[class][class]>a{
	/* color:#04a; */
}
#tnb1 div.d1>ul>li.over[class][class]>a>.t1:before{}

/* depth2~3 (활성 동작만 먼저 정의) */
#tnb1 li>div[class^='d']{
	display:block;visibility:hidden;
	height:0;
	opacity:0;
	overflow:hidden;
}
#tnb1 li>div[class^='d']:after{content:'';display:table;clear:both;}
#tnb1 li.on>div[class^='d']{}
#tnb1 li>div.d3, /* ☆3차다보임추가 */
#tnb1 li.on>div.d3,
#tnb1 li.over>div[class^='d']{
	visibility:visible;
	height:auto;
	opacity:1;
}

/* depth2 */
#tnb1 li>div.d2{ /* 우선순위값 #tnb1 li>div[class^='d'] 와 동일 */
	z-index:20;
	position:absolute;left:0;top:0;
	width:1200px;
	height:0;
	margin:60px -360px 0; /* ☆ */
	padding:0 360px;
	background:#fff url(../../img/inc/tnb1bg2.png) center bottom;
	/* box-shadow:0 1px 0 0 rgba(0, 0, 0, .5); */
	box-shadow:inset 0 4px 4px 0 rgba(0, 0, 0, .1);
}
#tnb1 div.d2>.bg{ /* ☆ 겹치는 배경 추가 */
	height:0;
	margin:0 -360px;
	/* border-top:1px solid #f00; */
}
/* 데스크탑 only 좌 1차제목.. */
#tnb1 div.d2>.hg1{display:block;
	float:left;
	position:absolute;left:360px;top:0;bottom:0;
	box-sizing:border-box; /* ☆ */
	width:266px;
	padding:30px 12px;
	text-align:left;
}
#tnb1 div.d2>.hg1>.h1{display:block;
	z-index:10;
	position:relative;
	color:#004486;
	font-weight:600;
	font-size:32px;
	letter-spacing:-3px;
}
#tnb1 div.d2>.hg1>.h2{display:block;
	z-index:10;
	position:relative;
	margin:10px 0 290px;
	color:#264464;
	font-size:15px;
}
#tnb1 div.d2>.hg1>.ic1{display:block;
	position:absolute;right:0;bottom:0;
	width:230px;
	height:260px;
	background:url() no-repeat right bottom;
}
#tnb1 .m1 div.d2>.hg1>.ic1{background-image:url(../../img/inc/tnb1p01.png);}
#tnb1 .m2 div.d2>.hg1>.ic1{background-image:url(../../img/inc/tnb1p02.png);}
#tnb1 .m3 div.d2>.hg1>.ic1{background-image:url(../../img/inc/tnb1p03.png);}
#tnb1 .m4 div.d2>.hg1>.ic1{background-image:url(../../img/inc/tnb1p04.png);}
#tnb1 .m5 div.d2>.hg1>.ic1{background-image:url(../../img/inc/tnb1p05.png);}
#tnb1 .m6 div.d2>.hg1>.ic1{background-image:url(../../img/inc/tnb1p06.png);}
#tnb1 .m7 div.d2>.hg1>.ic1{background-image:url(../../img/inc/tnb1p07.png);}
#tnb1 .m8 div.d2>.hg1>.ic1{background-image:url(../../img/inc/tnb1p08.png);}
#tnb1 .m9 div.d2>.hg1>.ic1{background-image:url(../../img/inc/tnb1p09.png);}
#tnb1 div.d2>ul{
	position:relative; /* ☆ 하위메뉴의 기준위치 */
	box-sizing:border-box; /* ☆ */
	width:934px; /* ☆ */
	min-height:268px; /* ( .hg1>.ic1{height} + box-shadow) */
	margin:0 0 0 266px; /* ☆ */
	padding:35px;
	font-size:0; /* ☆ */
	overflow:hidden;
}
#tnb1 div.d2>ul>li{
	display:inline-block;
	clear:none;
	float:none;
	position:relative;
	width:33.333%;
	vertical-align:top;
}
#tnb1 div.d2>ul>li>a{
	display:block;
	float:none;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:auto;
	min-height:43px;
	margin:8px;
	padding:11px 26px 11px 16px;
	background:#f4f4f4;
	color:#444;
	font-weight:400;
	font-size:15px;
	line-height:21px;
}
#tnb1 div.d2>ul>li:first-child>a{
	border-top-color:transparent;
}
#tnb1 div.d2>ul>li>a:before{content:''; /* > */
	display:block; /* ☆ */
	position:absolute;
	right:0;
	top:21.5px; /* (43/2) */
	width:13px;height:13px;
	margin:-6.5px 16px;
	border:0;
	background:url(../../img/inc/tnb1d2bg2.png) no-repeat;
	overflow:hidden;text-indent:100%;
}
#tnb1 div.d2>ul>li.hasSub>a{}
#tnb1 div.d2>ul>li.on>a{
	z-index:20;
	font-weight:600;
}
#tnb1 div.d2>ul>li.hasSub.on>a{
	/* background-image:url(../../img/inc/tnb1d2bg1hason.png); */
}

/* ★ 오버(포커스) */
#tnb1 li.over>div.d2{
	z-index:30;
}
#tnb1 div.d2>ul>li.over>a{}
#tnb1 div.d2>ul>li.hasSub.over>a{}
#tnb1 div.d2>ul>li.on.over>a{}
#tnb1 div.d2>ul>li.hasSub.on.over>a{}
#tnb1 div.d2>ul>li>a:hover,
#tnb1 div.d2>ul>li>a:focus,
#tnb1 div.d2>ul>li.on>a{
	border:0;
	background:#506a85;
	color:#fff;
}
#tnb1 div.d2>ul>li>a:hover:before,
#tnb1 div.d2>ul>li>a:focus:before,
#tnb1 div.d2>ul>li.on>a:before{
	display:inline-block;
	background-image:url(../../img/inc/tnb1d2bg2on.png);
}
#tnb1 div.d2>ul>li.on>a:hover,
#tnb1 div.d2>ul>li.on>a:focus{}

/* depth3 */
#tnb1 div.d3{display:none !important;}

/* depth4 */
#tnb1 div.d4{display:none !important;}

/* 서브메인링크 */
#tnb1 a.smain{display:none;} /* ☆ */

/* 20190522 새 창 */
#tnb1 div.d2>ul>li>a[target='_blank']:after,
#tnb1 div.d3>ul>li>a[target='_blank']:after{
	content:'';
	display:inline-block;
	width:12px;height:12px;
	margin:0 0 1px 4px;
	background:url(../../img/inc/ic11newwindow.png) no-repeat;
	vertical-align:middle;
}

/* 작업확인용.★☆ToEdit) */
/* #tnb1 li.m2>div.d2{
	display:block;
	visibility:visible;height:auto;opacity:1;
} */
/* ☆#tnb1 div.d1>ul>li.on>div.d2{
	display:block;
	visibility:visible;height:auto;opacity:1;
} */


#visual{
	height:250px;
}


#location1{
	margin:14px 0 0;
}
#location1:before,
#location1:after{
	display:none;
}
#location1 .breadcrumb{
	left:0;
}
#location1 a{
	color:#fff;
}
#location1 .sep{
	background:url(../../img/inc/location1sep.png) no-repeat center center;
}
#location1 .cont .home{
	margin-left:0;
}


#side_title{
	margin:-140px 0 0;
}
#side_title a{
	padding:53px 0; /* ((140-34)/2) */
	background:#1663ac url(../../img/inc/side_title_bg.png) no-repeat;
	background-size:cover;
	line-height:34px;
}
#side_title .ic1{
	display:none;
}
.layerpop2 {position:absolute;top:0;right:400px;z-index:10;display:block;}
.layerpop2 .wrap img {width:100%}

} /* /(min-width:1260px) */
/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */