@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900|Noto+Sans+KR);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url('https://fonts.googleapis.com/css?family=Nanum+Pen+Script&subset=korean');

/* 전체적용 */
body {font-family:'Noto Sans KR', 'Nanum Gothic', 'dotum', AppleGothic, Verdana, Arial, Helvetica, sans-serif;color:#222;min-width:320px;background: #fff;}
ul,li,dl,dt,dd{padding:0;margin:0}
ul{list-style:none;}


.font_malgun {font-family: 'Malgun Gothic', 맑은 고딕;}

.bg_primary {background-color:#163f8c;}
.bg_sub {}
.img-responsive {display: block;max-width: 100%;height: auto;}
.ir-pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir-wa {display:block;overflow:hidden;position:relative;width:100%;height:100%;z-index:-1} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.screen-out {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.screen-hide {font-size:0;line-height:0;visibility:hidden} /* screen_out클래스를 사용할 수 없으며, 해당 텍스트를 숨겨야 할때 */
.blind {overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}

.tran-animate {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.fd-transition {-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.fd-transition-2 {-webkit-transition: all .9s ease;-moz-transition: all .9s ease;-o-transition: all .9s ease;-ms-transition: all .9s ease;transition: all .9s ease;}

.teleNum {color:inherit}

/*
** opacity
*/
.opacity_0	{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity: 0;filter: alpha(opacity=0);zoom:1;}
.opacity_10 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";opacity: 0.1;filter: alpha(opacity=10);zoom:1;}
.opacity_15 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";opacity: 0.15;filter: alpha(opacity=15);zoom:1;}
.opacity_20 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";opacity: 0.2;filter: alpha(opacity=20);zoom:1;}
.opacity_25 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";opacity: 0.25;filter: alpha(opacity=25);zoom:1;}
.opacity_30 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";opacity: 0.3;filter: alpha(opacity=30);zoom:1;}
.opacity_35 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";opacity: 0.35;filter: alpha(opacity=35);zoom:1;}
.opacity_40 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";opacity: 0.4;filter: alpha(opacity=40);zoom:1;}
.opacity_45 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";opacity: 0.45;filter: alpha(opacity=45);zoom:1;}
.opacity_50 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";opacity: 0.5;filter: alpha(opacity=50);zoom:1;}
.opacity_55 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";opacity: 0.55;filter: alpha(opacity=55);zoom:1;}
.opacity_60 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";opacity: 0.6;filter: alpha(opacity=60);zoom:1;}
.opacity_65 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";opacity: 0.65;filter: alpha(opacity=65);zoom:1;}
.opacity_70 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";opacity: 0.7;filter: alpha(opacity=70);zoom:1;}
.opacity_75 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";opacity: 0.75;filter: alpha(opacity=75);zoom:1;}
.opacity_80 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";opacity: 0.8;filter: alpha(opacity=80);zoom:1;}
.opacity_85 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";opacity: 0.85;filter: alpha(opacity=85);zoom:1;}
.opacity_90 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";opacity: 0.9;filter: alpha(opacity=90);zoom:1;}
.opacity_95 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";opacity: 0.95;filter: alpha(opacity=95);zoom:1;}


.k_wrap {display:block;width:100%;clear:both;position: relative;}
.k_wrap:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
/*.k_container {position:relative;width:100%;min-width:320px;margin:0;padding:0;clear:both;}
.k_container:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.k_container.type_center {margin:0 auto;}*/


.scrollOpacity {opacity:0;transition:opacity 1s;}
.scrollOpacity.active {opacity:1;}

.pc_only {display: block;}
.mobile_only {display: none}

/* 사이트맵 */

.sitemap_wrap { width:100%; margin-top:40px;}
.sitemap_wrap div.sitemap { float:left;width:50%; vertical-align:top; text-align:center;}
.sitemap_wrap div.sitemap > h5 {width:90%; margin:0 auto; border:1px solid #0553ab;   text-align:center; }
.sitemap_wrap div.sitemap > h5 > a {font-size:1.5em; color:#0553ab; font-weight:bold;line-height:2.0;}
.sitemap_wrap div.sitemap ul {padding-top:10px;min-height: 300px;}
.sitemap_wrap div.sitemap li { width:90%; margin:0 auto; }
.sitemap_wrap div.sitemap li > a { display:block; color:#333; line-height:2.5;text-align:left;}
.sitemap_wrap div.sitemap li > p { text-align:left;  padding:0;margin:0; }
.sitemap_wrap div.sitemap li > p a { display:block; font-size:0.8em;line-height:1.5; color:#333;margin-bottom:10px; }





/* 비쥬얼그래픽 */
.vg_inner {width:100%; height: 350px; max-width:640px;margin:0 auto;position: relative;clear:both;}

.vg_title {position: absolute; top: 0; left: 0; z-index: 555; padding: 0; width: 100%; margin-top: 30%;}
.vg_title h2 {font-size:1.2rem;color:#ffffff;margin:0;text-align:left;letter-spacing: 0.1em;text-transform: uppercase;font-weight: 400;}
.vg_title h2 div.topTxt {font-size:40px;}
.vg_title p {font-size:20px;color:#d4e8f3;line-height: 1.4;margin:0; word-break: keep-all;}
.vg_title .vg_title_txt1 {font-size:25px;font-weight:500;color:#ffffff;text-align:center; text-shadow:4px 4px 5px rgba(0, 0, 0, 0.35)}
.vg_title .vg_title_txt2 {font-size:25px;font-weight:500;color:#ffffff;text-align:center; text-shadow:4px 4px 5px rgba(0, 0, 0, 0.35)}
.vg_title .vg_title_txt3 {font-size:21px;font-weight:100;color:#ffffff;text-align:center;padding-top:20px; text-shadow:4px 4px 5px rgba(0, 0, 0, 0.35)}

.vg_tit_box {margin:0;overflow: hidden;text-align: left;}


.vg_down {position: absolute;bottom: 40px;left: 50%;margin-left: -70px;width: 80px;z-index: 500;text-align: center;}
.vg_down a {display: block;cursor: default;}
.vg_down a span {margin-top:20px;color:#fff;font-weight: 500;letter-spacing: -1px;display:block;position: relative;}
.vg_down a span:after {content: '>';position: absolute;right:-20px;top:2px;transform: rotate(90deg);}

.vg_title .vg01_text01 {padding-top:0;animation: titAnimation 1.4s ease-in-out alternate}
.vg_title .vg01_text02 {padding-top:0;animation: titAnimation2 1.4s ease-in-out alternate}
.vg_title .vg02_text01 {padding-top:0;animation: titAnimation 1.4s ease-in-out alternate}
.vg_title .vg02_text02 {margin-top:0;animation: titAnimation2 1.4s ease-in-out alternate}


.vg_tit_box_ani { animation: titAnimation 1.4s ease-in-out alternate}
.vg_tit_box_ani2 { animation: titAnimation 1.8s ease-in-out alternate}
@-webkit-keyframes titAnimation{
	0%{opacity:0;transform:translateX(-40px);}
	100%{opacity:1;transform:translateX(0px);}
}
@-moz-keyframes titAnimation{
	0%{opacity:0;transform:translateX(-40px);}
	100%{opacity:1;transform:translateX(0px);}
}
@-o-keyframes titAnimation{
	0%{opacity:0;transform:translateX(-40px);}
	100%{opacity:1;transform:translateX(0px);}
}
@keyframes titAnimation{
	0%{opacity:0;transform:translateX(-40px);}
	100%{opacity:1;transform:translateX(0px);}
}

@-webkit-keyframes titAnimation2{
	0%{opacity:0;transform:translateX(40px);}
	100%{opacity:1;transform:translateX(0px);}
}
@-moz-keyframes titAnimation2{
	0%{opacity:0;transform:translateX(40px);}
	100%{opacity:1;transform:translateX(0px);}
}
@-o-keyframes titAnimation2{
	0%{opacity:0;transform:translateX(40px);}
	100%{opacity:1;transform:translateX(0px);}
}
@keyframes titAnimation2{
	0%{opacity:0;transform:translateX(40px);}
	100%{opacity:1;transform:translateX(0px);}
}

/* */
div#vg_wrap_sub	{background:url(../img/main_vg.jpg) no-repeat 50% 0; text-align:center; clear:both;position: relative;}
div#vg_sub	{height:287px; max-width: 640px;margin: 0 auto; text-align:left;}



.subNavWrap {position: relative;	width: 100%;	min-width:1200px;background-color: #81705a;height:62px; display: block}
.subNavWrap div.subNavInner {position:relative;width: 1200px;margin: 0 auto;}
.subNavWrap .btn_home {display:block;float:left;border-left:1px solid #a79b8c;border-right:1px solid #a79b8c;width:62px;height:62px;background: url(../img/sub_home.png) no-repeat center;}

.subNav1st {display:block;float:left;zoom:1;font-size:14px;list-style:none;    margin-left: -1px;}
.subNav1st:after {display:block;clear:both;content:''}
.subNav1st > .navi_dp1 {float:left;position:relative;padding:0;height:62px;border-right:1px solid #a79b8c;}
.subNav1st > .navi_dp1 h2,
.subNav1st > .navi_dp1 h3 {margin:0;line-height:62px;}
.subNav1st > .navi_dp1 a.dp1 {position:relative;display:block;padding:0 60px 0 30px;text-decoration:none;font-size:17px;line-height:62px;color:#fff;    min-width: 254px;}
.subNav1st > .navi_dp1 a.dp1 span.sub_drop {position:absolute;top:50%;right:30px;margin-top:-5px;width:14px;height:9px;}
.subNav1st > .navi_dp1 a.dp1 span.sub_drop.bg {background: url(../img/sub_drop.png) no-repeat;background-position: center;}

/*.subNav1st > .navi_dp1:hover > ul.subNav2nd {display:block;}*/

.subNav2nd {list-style:none;display:none;position:relative;    background-color: #81705a;z-index:10;}
.subNav2nd > .navi_dp2 {display: table;width: 100%;}
.subNav2nd > .navi_dp2:first-child {padding-top:10px;}
.subNav2nd > .navi_dp2:last-child {padding-bottom:10px;}
.subNav2nd > .navi_dp2 > a {display:table-cell;padding:3px 30px;text-decoration:none;border:solid #a79b8c;border-width:0;font-size:17px;color:#fff;vertical-align: middle;}
.subNav2nd > .navi_dp2 > a:hover,
.subNav2nd > .navi_dp2 > a:active,
.subNav2nd > .navi_dp2 > a:focus,
.subNav2nd > .navi_dp2.active > a {color:#583308;}
.subNav2nd > .navi_dp2:last-child > a {border-width:0;}




#m_breadcrumbs_wrap {display: none}

#subPage {padding: 10px;}



/* 타이틀영역 */
.title_wrap {overflow:hidden;padding-bottom: 60px;}
.title_wrap h2.title {font-size:32px;    line-height: 50px;color: #3b3b3b;display: inline-block;margin: 0;font-weight:400;}
.sub_vg_title{position : relative;width: 100%;margin:20px 0;padding:0 0 20px 0;text-align: center;clear:both;border-bottom:1px solid #d0d0d0;}

.sub_arrow{font-size:32px;display: inline-block;    line-height: 50px;color:#dc060e}
.sub_left_arrow{float: left;height:100%;}
.sub_right_arrow{float: right;height:100%;}
.sub_vg_title_line{width: 100%;height: 1px;background: #d8d8d8;display:block;position : relative;}

.parallax-init-pc {transform: translate3d(0, 100px, 0);transition: transform 3.6s cubic-bezier(0.165, 0.84, 0.44, 1);}
.parallax-init-pc.add-stage {transform: translate3d(0, 0, 0) scale(1) rotate(0) !important;}

.cs_center {padding:10px;margin:0;background-color: #2b3748;border-bottom: 1px solid #aaafb6}
.cs_center h4 {color:#605f5f;font-size:1.0rem;line-height: 1.5;margin-bottom: 10px;font-weight: 400;position: relative;    text-align: center;}
.cs_center h4 img {margin-right:10px}
/*.cs_center h4:before {content:'';width:36px;height: 31px;position: absolute; top:0;left:0;background: url(../img/ico_cs.png) no-repeat;background-position: center;}*/
.cs_center div.cs1 {}
.cs_center div.cs1 ul li {display:inline-block;margin:0 15px 0 0;position: relative;}
.cs_center div.cs1 ul li a {display:block;font-size:1.0em;line-height: 1.3;color:#fff;text-transform: uppercase;}
.cs_center div.cs1 ul li:after {content: ''; position: absolute;top:50%;right:-10px;margin-top:-5px;width:2px;height:10px;background:#7f8389;}
.cs_center div.cs1 ul li.last {margin:0;}
.cs_center div.cs1 ul li.last:after {width:0;height:0;}



.csInner {padding:10px 0;clear: both;overflow: hidden;}
.csInner div.info_col {width: 100%;height: auto;float: none;margin: 0 0 10px 0;overflow: hidden;position: relative;padding:0 10px;}
.csInner div.info_col.last {margin:0 0 0 0;}
.csInner div.info_col h4 {font-size: 1.25em;font-weight: 500;margin: 0 0 10px 0;padding-bottom: 10px;color: #2d3a4c;border-bottom: 1px solid #2d3a4c}

.csInner div.more_view {position: absolute;top:0;right:10px;}
.csInner div.more_view a.btnMore {
	display: inline-block;
	border: 1px solid #8a8a8a;
	position:relative;
	margin: 0;
	background: transparent;
	vertical-align: middle;
	white-space: nowrap;
	text-align:center;
	font-size: 1.2em;
	color:#d60000;
	width:25px;
	height:25px;
}
.csInner div.more_view a.btnMore span {display:inline-block;width:23px;height:23px;}
.csInner div.more_view a.btnMore:hover span {transform:rotate(360deg);-webkit-transform:rotate(360deg)}

.lt {position:relative;width:100%;overflow:hidden;}
.lt ul {margin:0;padding:0;list-style:none;clear:both;}
.lt li {padding:0;margin-bottom: 10px;}
.lt li a.lt_a {display: block;position: relative;height: 23px}
.lt li a.lt_a:after {clear: both;overflow: hidden;}
.lt li a.lt_a h5 {position:relative;color:#5b5b5b;font-size:1.0em;line-height: 1.5;float: left;font-weight:400;}
.lt li a.lt_a h5 span {color:#015bcb;}
.lt li a.lt_a div.lt_date {color:#015bcb;font-size:1.0em;line-height: 1.5;float: right;}
.lt li a.lt_a div.bottomLine {display: none;background: #9b9b9b;width:100%;height: 1px;position: absolute;bottom:-5px;}
.lt li a.lt_a:hover div.bottomLine {display: block;}


.main_con {z-index: 600;position: relative; }

#main01 {width:100%; height:100%; margin:0 auto; }
#main01 .content {width:100%;height:100%;}
#main01 .content .sub {width: 100%; height: 350px; padding: 40px; margin: 0 auto;}
#main01 .content .sub1 {}
#main01 .content .sub2 {background:#ffd34e;}

#main01 .content .sub .txt1 {font-size:25px;color:#464646;padding:20px 0px 0px 10px;}
#main01 .content .sub .txt2 {font-size:25px;font-weight:bold;color:#464646;padding:0px 0px 0px 10px;}
#main01 .content .sub .txt3 {font-size:16px;color:#464646;padding:30px 0px 0px 10px;word-break: keep-all;}
#main01 .content .sub .txt4 {font-size:20px;color:#3d3335;text-align:center;padding-top:30px}
#main01 .content .sub .txt5 {font-size:35px;color:#3d3335;text-align:center;}
#main01 .content .sub .more {position:relative;}
#main01 .content .sub span.more_ic {position: absolute;top: 30px;left: 5px;}
#main01 .content .sub:hover span.more_ic {webkit-transform: rotate( 360deg );transform: rotate( 360deg );}
#main01 .content .sub .img {text-align:center;padding-top:20px;}


.main_wrap {width:100%;height:auto;background:#cdcfd4;}
#main02 {width:100%;height:100%;margin:0 auto;}
#main02 .sub1 {width:100%; height:350px; margin:0 auto;}
#main02 .sub2 {width:100%;height:100%;background:#ffffff;}
#main02 .sub2 .thumb {width:100%;height:auto;padding:0px; margin:0 auto;}
#main02 .sub2 .thumb .txt1 {font-size:25px;letter-spacing:-0.06em;color:#484849; padding: 15px;}
#main02 .sub2 .thumb .img1 {padding-top:0px; text-align: center;}
#main02 .sub2 .thumb .img1 img {max-width:100%;}
#main02 .sub2 .news {width:100%; height:auto; padding:0px; margin:0 auto;}

.main_nt {font-size:21px;color:#ffd34d;font-weight:500;}
.main_nt_new {font-size:17px;letter-spacing:0.02em;color:#313131;}
.main_nt_new_li {padding-bottom:30px;border-bottom:dashed 1px #cccccc;margin-bottom:15px;}
.main_nt_normal {font-size:15px;letter-spacing:0.02em;color:#565656;line-height: 2.0;}
.main_nt_normal_li {position: relative;padding-left:10px;}
.main_nt_normal_li:before {position: absolute;top: 5px;margin: 8px 0 0 -10px;vertical-align: middle;display: inline-block;width: 3px;height: 3px;background: #e8c763;content: "";}

#main02 .sub1 .guide {width:100%;height:100%;background: url(../img/main_square04.jpg) no-repeat;background-position: center top;padding:40px 35px;}
#main02 .sub1 .guide .txt1 {font-size:26px;color:#ffffff; padding-bottom:15px; border-bottom:solid 1px #ffffff; }
#main02 .sub1 .guide .txt2 {font-size:16px;color:#ffffff;word-break: keep-all;padding-top:30px;}
#main02 .sub1 .guide .txt3 {font-size:13.55px;padding-top:40px;}
#main02 .sub1 .guide .txt3 a {position: relative;color:#ffffff;}
#main02 .sub1 .guide .txt3 a:after {content: '';width: 100%;position: absolute;left: 0;bottom: -8px;border-width: 0 0 1px;border-style: solid;}


#main03 {width:100%;height:100%;margin:0 auto;}
#main03 .sub1 {width:100%;height:350px;background:#ffd34d;}
#main03 .sub1 .img1 {padding:60px 0px 25px 0px;text-align:center;}
#main03 .sub1 .txt1 {font-size:20px;text-align:center;}
#main03 .sub1 .txt1 a {color:#403c66;}

#main03 .sub2 {width:100%;height:350px; background:#172035; padding: 35px 0px;}

#main04 {width: 100%; height: 100%; margin:0 auto; background:#cdcfd4}
#main04 .main04_wrap {display:block; width:100%; background:#cdcfd4;}
#main04 .main04_wrap .sub {display:block; float:left; width:50%; background:#cdcfd4; padding: 10px;}
#main04 .main04_wrap .sub:hover div.thumb img {-webkit-transform: translateY(-15%);transform: translateY(-15%);}
#main04 .main04_wrap .sub .thumb {height:140px; text-align: center; padding: 30px;}
#main04 .main04_wrap .sub .thumb img {max-width: 100%;-webkit-transition: transform .6s cubic-bezier(0.77, 0, 0.175, 1);transition: transform .6s cubic-bezier(0.77, 0, 0.175, 1);}
#main04 .main04_wrap .sub .txt {font-size:21px; color:#1a1a1a; text-align:center;}
#main04 .main04_wrap .sub_last {padding-bottom:50px;}

.locationAni { animation: locationAnimation .4s ease-in-out infinite alternate}

@-webkit-keyframes locationAnimation {
    from { transform:translateY(0)}
    to { transform:translateY(5px)}
}
@-moz-keyframes locationAnimation {
    from { transform:translateY(0)}
    to { transform:translateY(5px)}
}
@-o-keyframes locationAnimation {
    from { transform:translateY(0)}
    to { transform:translateY(5px)}
}
@keyframes locationAnimation {
    from { transform:translateY(0)}
    to { transform:translateY(5px)}
}

/* 사이트맵 */

.sitemap_wrap { width:100%; margin-top:40px;}
.sitemap_wrap div.sitemap { float:left;width:25%; vertical-align:top; text-align:center;}
.sitemap_wrap div.sitemap > h5 {width:90%; margin:0 auto; border:1px solid #0553ab;   text-align:center; }
.sitemap_wrap div.sitemap > h5 > a {font-size:1.5em; color:#0553ab; font-weight:bold;line-height:2.0;}
.sitemap_wrap div.sitemap ul {padding-top:20px;min-height: 300px;}
.sitemap_wrap div.sitemap li { width:90%; margin:0 auto; }
.sitemap_wrap div.sitemap li > a { display:block; color:#333; line-height:2.5;text-align:left;}
.sitemap_wrap div.sitemap li > p { text-align:left;  padding:0;margin:0; }
.sitemap_wrap div.sitemap li > p a { display:block; font-size:0.8em;line-height:1.5; color:#333;margin-bottom:10px; }




@media( max-width:1024px ) {
/*
	.sitemap_wrap div.sitemap	{width:48%;		float:none;		display:inline-block;margin:0 0 10px 0;    vertical-align: top; }
	.sitemap_wrap div.sitemap > h5 > a {font-size:1.1em;}
	.sitemap_wrap div.sitemap ul {padding-top:10px;min-height: 150px;}
	.sitemap_wrap div.sitemap li > a {line-height: 1.5;font-size:0.8em;}
	*/
}

.ht_50 {height:50px;}
.ht_0_clear {display:block;height:0;content:"";font-size:0;visibility:hidden;clear:both;}