/* base */
.mg0 { margin:0!important; }
.mg40 { margin-bottom:40px; }
.pd10 { padding:10px; }
.pd20 { padding:20px; }
.pd40 { padding-bottom:40px!important; }
h1,h2,h3,h4,h5,h6,span,p,a,div,strong,b,aside,nav { color:#333; }
a:hover { text-decoration:none; color:#333; }
body { overflow-x:hidden; margin:0; padding:0; }
/* header S */
.wrap,.cate-container { width:1200px; margin:auto; }
.header-container { height:130px; position:relative;}
.header-case {  height:130px; }
.logo-box { float:left; margin:28px 0; }
.depth1 { float:right; }
.depth1 > li { float:left; padding: 0 50px; text-align:center; }
.depth1 > li > h1 { 
	line-height:130px;
	height:130px;
	font-family: 'Roboto', sans-serif;
	font-size:16px;	
}
.depth1 > li:last-child { padding-right :0; }
.depth1 > li > h1 > a { display:block; }
.depth1 > li:hover > .cate-wrap { display:block; }
.depth1 > li:hover > h1 > a { color:#25374f; }
.cate-wrap { 
	display:none;
	background-color:#25374f;
	color:#fff;
	position:absolute;
	left:12px; 
	width:100%; 
	top:130px; 
	z-index:99;
}
.depth2 { float:right; position:relative; }
.depth2 li { float:left; padding:0 15px; position:relative; }
.depth2 li:last-child:after{
	content:none;
}
.depth2 li:after{
	content:"|";
	position:absolute;
	right:-3px;
	top:27px;
	color:#fff;
}
.depth1 li .depth2:before{
	content:"";
	position:absolute;
	top:-15px;
	left:47%;
	border-top:none;
	border-bottom:15px solid #25374f;
	border-right: 8px solid transparent;
	border-left: 8px solid  transparent;
}
.depth2 a { 
	color:#fff;
	height:68px;
	line-height:68px;
	font-family:'Noto Sans KR';
	font-size:16px;
}
.depth1 li:nth-child(1) .depth2 { margin-right:460px; }
.depth1 li:nth-child(2) .depth2 { margin-right:173px; }
.depth1 li:nth-child(3) .depth2 { margin-right:57px; }
.depth1 li:nth-child(4) .depth2 { margin-right:-60px; }
	/* sub_header S */
	.sub-title_banner span {
		border-bottom:1px solid #fff;
		padding:1px 2px;
		font-size:16px;
		font-family:'Noto Sans KR';
		margin:135px 0 30px;
		font-weight:400;
		color:#fff;
		display:inline-block;
	}
	.sub-title_banner h2 {
		font-size:40px;
		font-family:'Noto Sans KR';
		font-weight:500;
		color:#fff;
	}
	.sub-title_banner { height: 360px; text-align:center; }
	.sub-sitemap { background-color:#f2f5f6; height:70px; }
	.sippet {
		float:right;
		margin-top:22px;
		font-size:16px;
		font-weight:400;
		font-family:'Noto Sans KR'; 
		color:#666;
	}
	.sippet span { margin-right:5px; }
	.sippet .home_icon{ position:relative; top:2px; }
	.sippet .sippet_icon { position:relative; top:1px; }
	/* sub_header E */
	#sidebox { position:absolute; top:600px; right:0; padding: 3px 10px; z-index:99; }
	#sidebox button { border:none; background:none; outline:0;}
/* header E */
/* main S */
	.bx-wrapper .bx-pager { z-index: 9999; }
	.main_wrap{
		min-width:1200px;
		/* width:1920px; */
	}
	.bxslider {
		height:677px;
	}
	.bx-wrapper .main_slideImg img {
		width:auto;
		height:677px;
	}
	/* main-slide S */
	.main_sliderBox .container_box{
		/* width:1920px; */
		height:677px;
		position:relative;
	}
	.text_slide {
		position:absolute;
		top:130px;
		text-align:left;
		margin:auto;
		z-index:99;
	}
	.text_slide hr {
		width:55px; 
		height:10px; 
		background:#fff; 
		display:inline-block;
	}
	.text_slide p {
		font-size:34px;
		font-weight:200;
		color:#fff;
		font-family: 'Roboto', sans-serif;
	}
	.text_slide span {
		padding: 6px 10px;
		border:1px solid #fff;
		border-radius:20px;
		font-size:16px;
		color:#fff;
		font-weight:400;
		font-family: 'Roboto', sans-serif;
	}
	.text_slide h1{
		margin:20px 0 15px;
		font-size:100px;
		color:#fff;
		font-family: 'Roboto', sans-serif;
		line-height:100px;
		font-weight:500;
	}
	.txt-box { z-index:9; }
	.txt-box .slide-item {
		position:absolute;
		right:18%;
		bottom:-80px;
		z-index:9;
	}
	/* main-slide E */
	/* cont1 S */
	.main_sliderBox { position:relative; }
	.main_wrap .cont1-btn-case { text-align:center; }
	.main_wrap .cont1-btn-case ul { width:955px; margin: 100px auto; }
	.main_wrap .cont1-btn-case ul div {
		text-align:center;
		width:150px;
		height:150px;
		border-radius:50%;
	}
	.main_wrap .cont1-btn-case ul li { display:inline-block; margin:0 19.03px; }
	.main_wrap .cont1-btn-case ul div img {  margin-top:28px; }
	.main_wrap .cont1-btn-case ul div p { font-size:20px; font-family:'Noto Sans KR'; }
	.main_wrap .cont1-btn-case ul div:hover { background: #25374f; }
	.main_wrap .cont1-btn-case ul div:hover p { color:#fff; }
	/* cont1 E */
	/* cont2 S */
	.cont2-case { 
		margin-top:25px;
		text-align:center;
		width:1200px;
		margin:25px auto 0 auto;
	}
	.cont2-case > p{
		font-family: 'Roboto', sans-serif;
		font-weight:bold;
		font-size:16px;
		color: #4dbaac;
		margin-bottom:15px;
	}
	.cont2-case h2{
		font-family:'Noto Sans KR';
		font-size:40px;
		color:#333;
	} 
	.cont2-case ul{ margin: 80px 0 120px; height:400px; }
	.cont2-case ul li{
		border:1px solid #cfcfd0;
		width:380px;
		height:398px;
		float:left;
		margin-right:27px;
		position:relative;
	}
	.cont2-case ul li > h4{
		font-family:'Noto Sans KR';
		font-size:24px;
		font-weight:700;
		margin:40px 0 20px;;
	}
	.cont2-case ul li > p{
		font-family:'Noto Sans KR';
		font-size:18px;
		font-weight:100;
		margin-bottom:15px;
	}
	.cont2-case ul li > span{
		border-top:1px solid #cfcfd0;
		border-left:1px solid #cfcfd0;
		color:#cfcfd0;
		width:45px;
		height:45px;
		line-height:45px;
		display:inline-block;
		text-align:center;
		font-size:20px;
		position:absolute;
		right:0;
		bottom:0;
		font-weight:bold;
	}
	.cont2-case ul li:hover > span{
		border:1px solid #51a197;
		color:#fff;
		background-color:#51a197;
	}
	/* cont2 E */
	/* cont3 S */
	.cont3-wrap { background-color:#f2f5f6; height:640px; }
	.cont3-case { position:relative; }
	.cont3-case .bx-viewport { background:#f2f5f6; }
	.cont3-case .cont-img, .cont3-case .txt-box{
		width:50%;
		float:left;
		height:640px;
	}
	.cont3-case .txt-box { background:#1a3150; }
	.cont3-case .bx-wrapper img { float:right; }
	.cont3-case .cont3_ani p.sub span{ 
		font-size:18px;
		font-weight:400;
		border-bottom:1px solid #fff;
		color:#fff;
		font-family:'Noto Sans KR';
	}
	.cont3-case .cont3_ani h3 { 
		font-size:40px;
		font-weight:700;
		color:#fff;
		font-family:'Noto Sans KR';
		line-height:40px;
		margin-bottom:25px;
	}
	.cont3-case .cont3_ani p.txt {
		font-family:'Noto Sans KR';
		font-size:18px;
		font-weight:100;
		color:#dfe0e0;
		margin:30px 0 115px;
	}
	.cont3-case .cont3_ani a { 
		font-family:'Noto Sans KR';
		font-size: 18px;
		border: 1px solid;
		color:#fff;
		padding:3px 15px;
		border-radius:30px;
	}	
	.cont3-case .cont3_ani hr.line {
		width:90px;
		text-align:left;
		display:inline-block;
	}
	.cont3-case .cont3_ani a b { font-size:20px; color:#fff; }
	.cont3-case .cont3_ani a:hover{ background:#fff; color:#043363; }
	.cont3-case .cont3_ani a:hover b { color:#043363; }
	.cont3-case a.pager-prev, .cont3-case a.pager-next {
		display: inline-block;
		line-height:60px;
		padding:0 20px 0 20px;
		background:#5E7074;
		text-decoration: none;
		color:#FFF;
	}
	.cont3-case #bx-pager {
		position: absolute;
		right:0;
		top:230px;
		padding: 0;
		margin: 0;
		list-style-type: none;
		color: #FFF;
		text-align: center;
		width: 236px;
		z-index:99;
	}
	.cont3-case #bx-pager ul {
		list-style: none;
		margin:0;
		padding:0;
		float: left;
		width: 100%;
	}
	.cont3-case #bx-pager li {
		display:inline-block;
		margin:0 0 15px 0;
		padding:0;
		background: #5E7074;
		width: 235px;
		height:55px;
		text-align:left;
		text-indent:25px;
	}
	.cont3-case #bx-pager li a {
		text-decoration: none;
		background-color: #0b1a2f;
		padding: 0;
		margin: 0;
		color: #FFF;
		line-height:60px;
		display: block;
		font-size:14px;
		font-weight:400;
		font-family: 'Roboto', sans-serif;
	}
	.cont3-case #bx-pager li a b{
		color:#fff;
		font-weight:700;
		font-size:16px;
		font-family: 'Roboto', sans-serif;
	}
	.cont3-case #bx-pager li a span{
		font-size:14px;
		color:#fff;
		font-weight:700;
		line-height:14px;
		font-family: 'Roboto', sans-serif;
	}
	.cont3-case #bx-pager li a.active, 
	.cont3-case #bx-pager li a.active span, 
	.cont3-case #bx-pager li a.active b, 
	.cont3-case #bx-pager li a:hover, 
	.cont3-case #bx-pager li a:hover span, 
	.cont3-case #bx-pager li a:hover b {
		background-color: #fff;
		color:#0b1a2f;
	}	
	/* cont3 E */
	/* cont4 S */
	.cont4-case { 
		text-align:center;
		margin-top:120px;
	}
	.cont4-case > p{
		font-family: 'Roboto', sans-serif;
		font-weight:bold;
		font-size:16px;
		color: #4dbaac;
		margin-bottom:15px;
	}
	.cont4-case h2{
		font-family:'Noto Sans KR';
		font-size:40px;
		color:#333;
		margin-bottom:150px;
		height:40px;
		line-height:40px;
	} 
	.dasan-story {
		height: 400px;
		position:relative;
		background-image: url(../image/main/story_bg.jpg);
	}
	.dasan-story .story_wrap {
		width:1200px;
		margin:auto;
		position:relative;
	}
	.dasan-story .story_wrap .story_txt{
		float:left;
		width:600px;
		text-align:left;
	}
	.story_wrap .story_txt p.sub span{ 
		font-size:18px;
		font-weight:400;
		border-bottom:1px solid #fff;
		color:#fff;
		font-family:'Noto Sans KR';
	}
	.story_wrap .story_txt h3 { 
		font-size:32px;
		font-weight:500;
		color:#fff;
		font-family:'Noto Sans KR';
		line-height:40px;
		margin-bottom:30px;
	}
	.story_wrap .story_txt p.day {
		font-family:'Noto Sans KR';
		font-size:18px;
		font-weight:100;
		color:#dfe0e0;
		margin-bottom:85px;
	}
	.story_wrap .story_txt a { 
		font-family:'Noto Sans KR';
		font-size: 18px;
		border: 1px solid;
		color:#fff;
		padding:3px 15px;
		border-radius:30px;
	}	
	.story_wrap .story_txt a b { font-size:20px; color:#fff; }
	.story_wrap .story_txt a:hover{ background:#fff; color:#043363; }
	.story_wrap .story_txt a:hover b { color:#043363; }
	.story_img {
		float: left;
		width: 600px;
		position: absolute;
		top: -80px;
		right: 0;
		box-shadow: -10px 10px 15px rgba(0,0,0,0.5);
	}
	/* cont4 E */
	/* cont5 S */
		.cont5-case .map_tap_case > div {
			width:50%;
			float:left;
			cursor:pointer;
		}
		.cont5-case .map_tap_case > div > div { 
			width:600px;
			height:80px;
			line-height:80px;
			color:#fff;
			font-size:20px;
			font-weight:400;
			font-family:'Noto Sans KR';
			text-indent:30px;
			position:relative;
			text-align:left;
		}
		.cont5-case .map_tap_case > div.active,.cont5-case .map_tap_case > div:hover { background-color:#8b8b8b!important; }
		.cont5-case .map_tap_case > div > div > span,
		.cont5-case .map_tap_case > div.active span,
		.cont5-case .map_tap_case > div:hover span { 
			color:#fff; 
			font-size:20px; 
			font-weight:bold;
			position:absolute;
			right:30px;
		}
		.map_tap_case > .seoul-btn { background-color:#1a3150; }
		.map_tap_case > .busan-btn { background-color:#3d6294; }
		.cont5-case .sub-case > div { height:0; overflow:hidden; width:100%; }
		.cont5-case .map-txt h4 {
			font-size:32px;
			font-weight:500;
			font-family:'Noto Sans KR';
			height:30px;
			margin-bottom:20px;
		}
		.cont5-case .map-box, .cont5-case .map-txt{
			width:50%;
			float:left;
			height:347px
		}
		.cont5-case .map-txt > div { padding:48px 30px; }
		.cont5-case .map-txt p {
			font-family:'Noto Sans KR';
			font-weight:100;
			font-size:18px;
			padding-bottom:20px;
		}
		.cont5-case .map-txt p b { width: 70px; display:inline-block; }
		.cont5-case .map-txt p img{ vertical-align:top; }
		.cont5-case .map-txt p span {
			color:#fff;
			background-color:#51a197;
			padding:2px 4px;
			border-radius:30px;
		}
	/* cont5 E */
	/* cont6 S */
		.cont6-case .notice-case { padding:0 0 120px; }
		.cont6-case .notice-case .title {
			height: 40px;
			line-height: 40px;
			padding:15px 30px;
		}
		.notice-case .title { border-bottom: 2px solid #333; }
		.notice-case .title h3 {
			font-size:32px;
			font-family:'Noto Sans KR';
			font-weight:500;
			color:#333;
			float:left;
		}
		.notice-case .title a span {
			font-size:18px;
			font-family:'Noto Sans KR';
			font-weight:400;
			color:#afafaf;
			float:right;
		}
		.notice-case .notice-list li {
			border-bottom:1px solid #afafaf;
			padding:18px 30px;
			height:50px;
		}
		.notice-list li .icon .circle {
			font-size: 14px;
			font-family: 'Roboto', sans-serif;
			font-weight: 700;
			color: #fff;
			background-color: #51a197;
			border-radius: 50%;
			width: 50px;
			height: 50px;
			float: left;
			margin-right: 20px;
			text-align:center;
			line-height:50px;
		}
		.notice-list li .txt {
			font-size: 18px;
			font-family: 'Noto Sans KR';
			font-weight: 200;
			line-height: 50px;
			color: #333;
			float: left;
			width:950px;
		}
		.notice-list li .day {
			font-size: 16px;
			font-family: 'Noto Sans KR';
			font-weight: 200;
			color: #a9a9a9;
			line-height: 50px;
			float:right;
		}
	/* cont6 E */
	/* footer S */
		.footer{ background:#1e2125; height:206px; }
		.footer .ft_logo { margin:10px 70px 0 0; float:left; }
		.footer .ft_txt {
			color: #fff;
			font-size: 14px;
			font-family: 'Noto Sans KR';
			font-weight: 200;
			line-height: 25px;
			float:left;
		}
	/* footer E */
/* main E */
/* sub02_01 S */
	.cont-0201 { margin-top:120px; }
	.cont-0201 .headline {
		height:50px;
		line-height:50px;
		padding-bottom:10px;
		border-bottom:1px solid #cfcfd0;
		margin-bottom:50px;
	}
	.cont-0201 .headline h4 {
		color:#333;
		font-size:30px;
		font-weight:700;
		font-family:'Noto Sans KR';
		float:left;
	}
	.cont-0201 .headline span {
		color:#333;
		font-size:18px;
		font-weight:400;
		font-family:'Noto Sans KR';
		float:left;
		margin-left:20px;
	}
	.cont-0201 .headline a {
		color: #333;
		border: 1px solid #cdcdcd;
		font-weight: 500;
		font-size: 16px;
		font-family: 'Noto Sans KR';
		float: right;
		padding: 5px 10px;
		line-height: 20px;
		margin-top: 8px;
	}
	.sub0201_btn {
		text-align:center;
		height:40px;
		margin-bottom:100px;
	}
	.sub0201_btn a{
		color:#47BAAC;
		font-weight: 500;
		font-size: 16px;
		font-family: 'Noto Sans KR';
		padding:5px 40px;
		border-radius:30px;
		border:2px solid #47BAAC;
	}
	.sub0201_btn a:hover{
		color: #fff;
		background:#47BAAC;
	}
	.product-case { margin-bottom:80px; }
	.product-case li {
		border:1px solid #cfcfd0;
		width:590px;
		height:250px;
		display:inline-block;
		vertical-align:top;
		margin-bottom:15px;
		position:relative;
	}
	.product-case li:nth-child(2n){ margin-left:12px; }
	.product-case li .txt-box { 
		height:40px;
		line-height:40px;
		padding:15px 0;
	}
	.product-case li img { float:left; }
	.product-case li .txt-box .product-case { float:right; }
	.product-case .txt-box .txt1 h5 {
		color:#333;
		font-size:30px;
		font-weight:700;
		font-family:'Noto Sans KR';
		display:inline-block;
		margin:0 10px 20px 0;
		line-height:40px;
	}
	.product-case .txt-box .txt1 span {
		color:#333;
		font-size:16px;
		font-weight:300;
		font-family: 'Roboto', sans-serif;
		position:relative;
		top:-2px;
	}
	.product-case .txt-box .txt2 {
		color:#333;
		font-size:18px;
		font-weight:200;
		font-family:'Noto Sans KR';
	}
	.product-case .txt-box a {
		color:#4dbaac;
		font-size:18px;
		font-weight:400;
		font-family:'Noto Sans KR';
		border: 2px solid #4dbaac;
		border-radius:30px;
		padding: 0px 20px;
	    position:absolute;
		bottom:25px;
	    display: inline-block;
	}
	.product-case .txt-box a:hover { color:#fff; background:#4dbaac; }
/* sub02_01 E */
/* sub02_02 S */
	.cont-0202 { margin-top:120px; }
	.cont-0202 ul{ border:1px solid #CFCFCF; height:50px; }
	.cont-0202 li { 
		float:left;
		width:33.333%;
		text-align:center;
	}
	.cont-0202 li div {
		border-right:1px solid #CFCFCF;
		color:#666;
		font-size:18px;
		font-weight:400;
		line-height:50px;
		height:48px;
		font-family:'Noto Sans KR';
		cursor:pointer;
	}
	.cont-0202 li.active div, .cont-0202 li:hover div { color:#4EBAAC; border-bottom:3px solid #4EBAAC; }
	.cont-0202 .cont_txt div { padding:100px 0; display:none; }
	.cont-0202 .cont_txt div.active { display:block; }
/* sub02_02 E */
/* sub02_03 S */
	.cont-0203 { margin-top:40px; }
	.cont-0203 ul{ border:1px solid #CFCFCF; height:50px; }
	.cont-0203 li { 
		float:left;
		width:50%;
		text-align:center;
	}
	.cont-0203 li div {
		border-right:1px solid #CFCFCF;
		color:#666;
		font-size:18px;
		font-weight:400;
		line-height:50px;
		height:48px;
		font-family:'Noto Sans KR';
		cursor:pointer;
	}
	.cont-0203 li.active div, .cont-0203 li:hover div { color:#4EBAAC; border-bottom:3px solid #4EBAAC; }
	.cont-0203 .cont_txt div { padding:100px 0; display:none; }
	.cont-0203 .cont_txt div.active{ display:block; }
/* sub02_03 E */

/* sub04_01 S */
	.cont-0401 { margin-top:120px; }
	.cont-0401 ul{ text-align:center; height:50px; margin: 10px auto 40px auto;}
	.cont-0401 li {
		display:inline-block;
		width:30px;
		text-align:center;
	}
	.cont-0401 li div {
		color:#666;
		font-size:18px;
		font-weight:400;
		line-height:50px;
		height:48px;
		font-family:'Noto Sans KR';
		cursor:pointer;
	}
	.cont-0401 li.active div, .cont-0401 li:hover div { color:#4EBAAC; border-bottom:3px solid #4EBAAC; }
	.cont-0401 .cont_txt div { padding:0 0 80px; display:none; }
	.cont-0401 .cont_txt div.active { display:block; }
/* sub04_01 E */









.bt_type a { background:#003265; color:#fff; }
.bt_type a:link.fontsize13, .bt_type a:visited.fontsize13 {
    display: block;
    color: #fff;
    font-size: 13px;
    width: 122px;
    height: 41px;
    padding: 0px;
    background-Position: -177px -415px;
    font-weight: bold;
    vertical-align: middle;
    line-height: 44px;
    background: #003264;
	margin-top:30px;
}