@charset "utf-8";
@import url("/css/fonts.css");
@import url('https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css');
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);

	/*reset*/
		
		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		b, u, i, center,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td,
		article, aside, canvas, details, embed, 
		figure, figcaption, footer, header, hgroup, 
		menu, nav, output, ruby, section, summary,
		time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;line-height: 1.3;}

		h1, h2, h3, h4, h5, h6 {line-height: 1.5;}
		
		article, aside, details, figcaption, figure, 
		footer, header, hgroup, menu, nav, section {display: block;}
		
		
		ol, ul, li {list-style:none;text-decoration: none;}
		a {text-decoration: none;list-style:none;}
		blockquote, q {quotes: none;}
		
		blockquote:before, blockquote:after,
		q:before, q:after {content: ''; content: none;}
		
		table {border-collapse: collapse; border-spacing: 0;width:100%;}
		
		img,fieldset{border:0;}
		li img,dd img,dt img,label img{vertical-align:top;}
		li{line-height:100%;list-style:none}
		table{border-collapse:collapse;width:100%;}
		input,select,textarea,button{font-family: "NanumGothic";font-size:12px;color:#333;}
		img,input,select{vertical-align:middle;}
		address,caption,em{font-weight:normal;font-style:normal;}
		hr{display:none;}
		
		
		select {-webkit-appearance: none; -moz-appearance: none;appearance: none;}
		/* IE 10, 11의 네이티브 화살표 숨기기 */
		select::-ms-expand {display: none;}
		
		
		/* base */
		html{width:100%;}
		body{width:100%;font-size:12px;color:#333;line-height:1.5;font-family: 'NanumGothic', '나눔 고딕', '맑은 고딕', 'dotum';/* font-weight:250;font-family: 'Noto Sans Korean', sans-serif;*/}
		caption,legend{width:0;height:0;font-size:0;text-indent:-9999px;overflow:hidden;}
		
		#skipNav a{display:block;position:absolute;left:0;top:-10000px;text-align: center;width:100%;height:30px;z-index: 500;line-height:30px;font-weight:bold;font-size:14px;}
		#skipNav a:hover,#skipNav a:focus,#skipNav a:active{background:#ccc;top:0}
		h1,h2,h3,h4,h5,h6{font-family:"NanumGothic";font-size:12px;color:#333;}
		
		
		.hide {width:0; height:0; margin:0; padding:0; position:absolute; left:0; top:0; 
				font-size:0; text-indent:-9999px; overflow:hidden; visibility:hidden}
		
		
		.clearfix:after {content:""; display:block; clear:both; visibility:hidden; width:0; height:0; font-size:0;}

/***********************************************************************************/
		
		
		#headerwrap {border-bottom: 1px solid #ddd;}
		#header_sch{width:100%; height:34px; background-color:#676767; }
		#header_sch .h_sch{width:1200px; margin:0 auto; overflow: hidden;}
		#header_sch .sns {float: right}
		#header_sch .sns span {margin-left: 5px}

		#header {width: 1200px;margin: auto;box-sizing:border-box;}
		#header h1 {float: left;margin-left:6px;padding: 17px 0; }
		#nav {float: right;z-index:9999999}
		#nav > ul > li > a {font-family: 'Noto Sans Korean'; font-weight:300; display: block;width: 171px;height: 66px;box-sizing:border-box;text-align: center;margin-top: 15px;font-size: 20px;color: #666;letter-spacing:-0.8px; background:none; text-decoration:none;}
		#nav > ul > li > ul {padding: 20px 0;background: #000;opacity: 0.8; z-index:9999999}
		#nav > ul > li > ul > li > a {display: block;/* width: 211px; */text-align: center;font-size: 14px;}

		#footerwrap {background: #333;}
		#footer {width: 1200px;margin: auto;padding: 28px 0;position:relative;}
		#footer h2 {float: left;padding-right: 40px;}
		#footer address {float: left;font-size: 12px;color:#999;line-height: 17px;}
		#footer .sns {float: right}
		#footer .sns span {margin-left: 5px}
		
	/*****************************************************************************/
		
		#main {}
		#main_ban{position:relative;}
		#main_ban .m_banner{position:relative; z-index:1;}
		#main_ban .main_title{z-index: 99;position: absolute;width: 645px;height:151px;background-color:#000;opacity:0.7;left: 50%;transform: translateX(-50%);text-align: center;box-sizing: border-box; letter-spacing: -0.2px;}
		#main_ban .main_title h1{margin-bottom: 15px; margin-top: 5px;}
		#main_ban .main_title h2 {color:#a4a4a4;font-size: 22px;font-family: "NanumMyeongjo"; margin-top: 7px;}
		#main_ban .main_title .t_2{font-family: "NanumGothic"; font-size:13px; color:#fff; opacity:0.5; }
		#main_ban .main_icon{z-index: 5;position: relative;bottom: 0;height:135px;width:100%;}
		#main_ban .main_icon .con_wrap{width:1200px;margin:0 auto;overflow: hidden;z-index: 5;position: relative;}
		#main_ban .main_icon .con_wrap li{float: left;}
		#main_ban .main_icon .con_wrap li a{display:block;position: relative;}
		#main_ban .main_icon .con_wrap li a:hover{background-color:#3ea1ff;}
		#main_ban .main_icon .con_wrap li .con_a{width: 171px;height: 135px;}
		#main_ban .main_icon .con_wrap li .con_b{width: 172px;height: 135px;}
		#main_ban .main_icon .con_wrap li a p{}
		#main_ban .main_icon .con_wrap li .con1{background: url(../images/con01.png) center no-repeat;}
		#main_ban .main_icon .con_wrap li .con2{background: url(../images/con02.png) center no-repeat;}
		#main_ban .main_icon .con_wrap li .con3{background: url(../images/con03.png) center no-repeat;}
		#main_ban .main_icon .con_wrap li .con4{background: url(../images/con04.png) center no-repeat;}
		#main_ban .main_icon .con_wrap li .con5{background: url(../images/con05.png) center no-repeat;}
		#main_ban .main_icon .con_wrap li .con6{background: url(../images/con06.png) center no-repeat;}
		#main_ban .main_icon .con_wrap li .con7{background: url(../images/con07.png) center no-repeat;}
		.con1, .con3, .con5, .con7{width:171px;height:135px;}
		.con2, .con4, .con6{width:172px;height:135px;}
		#main_ban .main_icon .con_wrap li .con_name{font-family: 'Noto Sans Korean', sans-serif; display:block;color:#fff;position: absolute;bottom: 20px;left: 50%; transform: translateX(-50%); font-size:14px; }
		#main_ban .main_icon .con_bg{position: absolute;background-color:#000;opacity:0.7;top: 0;width: 100%;height: 135px;z-index: 1;}
		
		
		#main_pro{width:1200px;margin: 48px auto 38px auto;}
		#main_pro h1{font-family: 'Noto Sans Korean', sans-serif; font-size:30px; color:#333; text-align:center; font-weight:300; margin-bottom:27px;}
		#main_pro h1 strong{font-weight:400;}
		div.StepSlide{width:1200px;height: 338px;position:relative;margin:auto;overflow:hidden;}
        div.StepSlide ul{width:1005px;height: 338px;position:relative;margin:auto;overflow:hidden;}
        div.StepSlide ul:after {display:block;visibility:hidden;clear:both;content:""}
        div.StepSlide ul li{position:absolute;transition:all 0.5s;width: 238px;border: 1px solid #dedede;}
        div.StepSlide p.prev, .StepSlide p.next{top:50%;position:absolute; transform:translateY(-50%); font-size:40px; cursor:pointer;}
        div.StepSlide p.prev{left:0;}
        div.StepSlide p.next{right:0;}
        div.StepSlide p img{width:238px; height:214px;}
        div.StepSlide ul li.prev{left:-257px;}
        div.StepSlide ul li.next{left:1028px;}
        div.StepSlide ul li.none{display:none;}
        div.StepSlide ul li.on.on1{left:0px}
        div.StepSlide ul li.on.on2{left: 255px;}
        div.StepSlide ul li.on.on3{left: 510px;}
        div.StepSlide ul li.on.on4{left: 765px;}
        div.StepSlide ul li a{text-decoration:none;}
        div.StepSlide ul li p.tit {font-size: 16px;color: #333;padding: 19px 0 0 12px;}
        div.StepSlide ul li p.con {font-size: 13px;font-weight: bold;color: #1a81e3;padding: 5px 0 0 12px;line-height:16px;}
        div.StepSlide ul li p.btn {text-align:center;background-color: #3ea1ff;width: 213px;height: 36px;margin: 13px auto;}
        div.StepSlide ul li > p.btn > a {font-size: 15px;color: #fff;font-weight: 500;line-height: 36px;width:100%;display:block; text-decoration: none;}
        div.StepSlide ul li > p.btn:hover {width: 211px;height: 34px; color:#3ea1ff;  background:#fff; border:1px solid #3ea1ff; transition:.2s; }
        div.StepSlide ul li > p.btn:hover a {color:#3ea1ff;}
		
		#main_notice{width:1200px;margin: 0 auto 40px auto;}
		.m_noti_wrap{width:1198px; height:195px; border:1px solid #ddd;}
		.m_noti_wrap .m_noti{width: 267px;height: 155px;padding:20px 16px;border-right:1px solid #ddd;float:left;overflow: hidden;}
		.m_noti_wrap .m_noti p{font-family: 'Noto Sans Korean', sans-serif; font-size:18px; color:#333; float:left;}
		.m_noti_wrap .more{font-family: 'Noto Sans Korean', sans-serif; font-size: 13px; color:#999; float:right; line-height:20px;}
		.m_noti_wrap .m_noti ul{width: 265px;overflow: hidden;padding-top: 13px;}
		.m_noti_wrap .m_noti ul li{width: 254px;overflow:hidden;font-size:13px;color:#666;line-height:25px;white-space: nowrap;text-overflow: ellipsis;}
		.m_noti_wrap .m_noti ul li a{}
		.m_noti_wrap .m_noti ul li a span{display:inline-block; width:4px; height:4px; background-color:#ddd;margin-right:10px;}
		.m_noti_wrap .m_pic{float: left; width:567px;height:163px;padding:20px 16px;border-right:1px solid #ddd;overflow: hidden;}
		.m_noti_wrap .m_pic p{font-family: 'Noto Sans Korean', sans-serif; font-size:18px; color:#333; float:left;}
		.m_noti_wrap .m_pic ul{width:567px; overflow: hidden; padding-top: 13px;}
		.m_noti_wrap .m_pic ul li{float:left; margin-left:19px;}
		.m_noti_wrap .m_pic ul li:first-child{margin:0}
		.m_noti_wrap .m_pic ul li a img{width:176px; height:124px;}
		.m_noti_wrap .m_vod{width: 266px;height:163px;padding: 20px 16px;overflow: hidden;}
		.m_noti_wrap .m_vod p{font-family: 'Noto Sans Korean', sans-serif; font-size:18px; color:#333; float:left;}
		.m_noti_wrap .m_vod .vod_thum{width: 265px; padding-top: 13px;}
		.m_noti_wrap .m_vod .vod_thum a img{}
		
		/*sub****************************************************************************************************/		
		.sub_main{position:relative;}
		.sub_main_ban{height: 350px;box-sizing:border-box;background:url(../images/sub_main.png) center no-repeat;-webkit-background-size: cover;background-size: cover;}
		.sub_main .main_title{z-index: 5;position: absolute;width: 645px;height:151px;background-color:#000;opacity:0.7;top: 80px;left: 50%;transform: translateX(-50%);text-align: center;box-sizing: border-box; letter-spacing: -0.2px;}
		.sub_main .main_title h1{margin-bottom: 15px; margin-top: 5px;}
		.sub_main .main_title h2 {color:#a4a4a4;font-size: 22px;font-family: "NanumMyeongjo"; margin-top: 7px;}
		.sub_main .main_title .t_2{font-family: "NanumGothic"; font-size:13px; color:#fff; opacity:0.5; }

		.sub_all {float: right;width: 950px;box-sizing:border-box;padding: 0 95px;margin: auto;border-right: 1px solid #ddd;padding-bottom: 50px;}
		
		.sub_top{border-bottom: 1px solid #ddd;}
		.sub_top ul {width: 1200px;margin: auto;text-align: right;padding: 15px 0;}
		.sub_top li {display: inline-block;font-size: 14px;color:#1d1d1d}
		.sub_top_title h2{color: #1d1d1d;font-size: 20px;border-bottom: 1px solid #ddd;padding-top: 27px;padding-bottom: 13px;}
		.sub_top_title h2 span{display: inline-block; width: 3px; height: 20px; background: #3ea1ff;  vertical-align: middle;  margin-right: 10px;  margin-bottom: 5px;}
		
		.sub_contents {width: 1200px;margin: auto;box-sizing:border-box;position: relative;}
		
		.side_menu {width: 250px;position: absolute;top: -47px;height: 100%;padding-bottom: 46px;border: 1px solid #ddd;border-top: 0;border-bottom: 0;}
		.side_menu h2 {width: 100%;height: 120px;box-sizing:border-box;text-align: center;line-height: 118px;font-size: 30px;color: #fff;background: #666;/* border-bottom: 1px solid #ddd; */}
		.side_menu li a {display: block;font-size: 16px;color:#1d1d1d;padding:15px 15px 15px 50px;border-bottom: 1px solid #ddd; text-decoration:none;}
		.side_menu li a span {display: inline-block;float: right;color:#dddddd;font-weight: bold;font-size: 15px;vertical-align:middle; }
		.side_menu li a.on {background: #3ea1ff;color:#fff;}
		.side_menu li:hover a {background:#3ea1ff;color:#fff}
		
		.sub {float: right;width: 760px;box-sizing:border-box;min-height: 750px;height: auto !important;margin-top: 47px;font-size: 16px;}
		.sub > h2 {color:#1d1d1d;font-size: 20px;border-bottom: 1px solid #ddd;padding-bottom: 15px;margin-bottom: 20px;}
		.sub > h2 span {display: inline-block;width: 3px;height: 20px;background:#5197c8;vertical-align:middle;margin-right: 10px;margin-bottom: 5px;}
		
		.sub_txt{color:#666; font-size:16px; font-weight: 400;}
		.sub1_t1{font-size:24px;color:#3ea1ff;margin-top: 45px;margin-bottom: 21px;display: block;}
		.sub1_t2{line-height: 31px;letter-spacing: -0.5px;}
		.sub1_t3{display:block;text-align: right; margin-top: 45px;}
		.sub1_t3 strong{color:#3ea1ff;}
		
		/*sub1-2*/
		.sub1-2 p{padding:30px 0 60px;}
		
		/*
		.sub1-2 ul{margin-top:40px; padding-bottom:50px;}
		.sub1-2 ul li{height:200px;margin-bottom:32px;position: relative;}
		.sub1-2 ul li p{float:left;width:248px;height:198px;border:1px solid #ddd;}
		.sub1-2 ul li dl{display: table-cell; vertical-align: middle; height: 200px; padding-left:28px; overflow:hidden; font-weight: 400;}
		.sub1-2 ul li dl dt{font-size:24px; color:#3ea1ff; margin-bottom:15px;}
		.sub1-2 ul li dl dd{line-height: 28px;}
		*/
		
		/*sub1-3*/
		#map_canvas {height: 450px;margin-bottom: 50px;}
		.sub1-3 table {border-top: 5px solid #3ea1ff;border-bottom: 1px solid #ddd;}
		.sub1-3 tr {border-bottom: 1px solid #ddd;}
		.sub1-3 td {padding: 15px 50px;font-size: 16px;color:#666;font-weight: 400;}
		.sub1-3 th {background:#f7f7f7;text-align: center;font-size: 16px;font-weight: 400;color:#3f3f3f;padding: 15px 0;width:25%;}

		
		
		
.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; text-align:center; padding: 0; margin: 0;}
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; min-width:1400px; top: 0; left: 50%; transform: translateX(-50%); text-align: center; }
.rslides li:first-child { position: relative; display: block; float: left;}
.rslides img {display: block; height: auto; float: left; width: 100%; border: 0; text-align:center; }