@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');

/* reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0; padding:0;}

/* html5 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
img { border: 0; }
table {table-layout: fixed; word-wrap: break-word;border-collapse: collapse;}
html,body {width:100%; max-width:720px; height:100%; margin:0 auto; padding:0;font-family:'Noto Sans KR',sans-serif;letter-spacing:-0.05em;overflow-x:hidden;overflow-y:auto;}
a:hover, a:focus, a:active {text-decoration:none;}
h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, sub {font-size:inherit;padding:0;margin:0;}
td,th {border:0 none;}
address,strong{font-style:normal;font-weight:normal;}
textarea{font-size:12px;}
fieldset,img,abbr,acronym {border:0}
address,caption,cite,code,dfn,em,strong,th,var {font-weight:normal;font-style:normal;}
p{margin:0;}
img,fieldset,iframe {border:0;}
img,fieldset {border:none;}
/*img {max-width:100%;}*/
img {border:0 !important}
img, input, button, select, textarea {vertical-align:middle;box-sizing:border-box;}
input[type=text],input[type=password],input[type=submit],textarea {-webkit-appearance: none;}
hr {overflow:hidden;position:absolute;top:0;left:0;}
ol,ul {list-style:none;padding:0;margin:0;}
q:before, q:after {content:'';}
caption, legend {overflow:hidden;font-size:0;line-height:0;height:0;width:0;text-indent:-999em;}
/*.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}*/
hr {visibility:hidden;font-size:0;width:0;height:0;line-height:0;}
/*select::-ms-expand { display: none; }*/

/* form element */
form {margin:0;padding:0;}
fieldset {margin:0;padding:0;border:0 none;}
.ie7 legend {position:absolute;left:-99999px;top:-9999px;display:inline;width:1px;height:1px;text-indent:0;}
label {cursor:pointer;margin:0;padding:0;/* vertical-align:middle; */}
caption {overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;}
button {cursor:pointer;border:0 none;}
button,input,textarea {margin:0;outline:none;font-family:'Noto Sans KR','Nanum Gothic','malgun gothic',Myriad Pro,Arial,sans-serif;}
input[type='checkbox'],input[type='radio'] {margin:0; padding:0;}



a{
	color: inherit;
	text-decoration: none;
	font-family: inherit;
}

a:hover,
a:active,
a:after,
a:visited,
a:focus,
button:hover,
button:active,
button:after,
button:visited,
button:focus{
	color: inherit;
	text-decoration: none;
	outline: none;
}


/* TAB IN TAB */
	UL.type {width: 95%; margin: 1rem auto 1rem;}
	UL.type:after {content: ""; display: block; clear:both;}
	UL.type LI {float: left; width: 48%; font-size: .875rem; font-weight: 400; line-height: 2.25rem; text-align: center; color: #222f; border: 1px solid #dbdbdb; cursor: pointer; box-sizing:border-box; margin:1%;}
	UL.type LI:first-child {border-left: 1px solid #dbdbdb;}
	UL.type LI.active {color: #fff; background: #0b4e4f;} 

	.type.type2 li{width:50%;}
	.type.type3 li{width:31.333%;}
	.type.type4 li{width:25%;}
	.type.type5 li{width:20%;}
	.type.type6 li{width:16.666%;}
	.type.type1 li{width:100%;}

	.unit-tab {width: 93%; margin: 0 auto; overflow: hidden;}
	.unit-tab.wide {width: 100%; margin: 0 auto; overflow: hidden;}
	.dp-tabs {width: 100%; margin: 0 auto; position: relative;}
	.dp-tabs:after {content: ''; display: block; clear: both;}
	.dp-tabs LI {float: left; display: block; width:50%; font-size: .75rem; font-weight: 400; line-height: 2.2rem; text-align: center; color: #999; background: #eee; border: 1px solid #dbdbdb; cursor: pointer; border-left: 0;box-sizing:border-box;}
	.dp-tabs.octa LI {width: 12.5%;}
	.dp-tabs.hexa LI {width: 16.666%;}
	.dp-tabs.quarter LI {width: 25%;}
	.dp-tabs.third LI {width: 33.199%;}
	.dp-tabs LI:last-child {border-right: 0;}
	.dp-tabs LI.on {background: #fff; color: #015152; border-bottom: 0; border-top: 1px solid #015152;} 
	.div_cont {width: 100%; position: relative; text-align: ; padding-top: .7rem; margin: 1rem auto 0;}
	.div_cont IMG {display: inline-block; width: 100%;}
	.image-wrap {width: 100%; height: auto; position: relative;}
	.image-wrap .inner {position: absolute; top: 3.5%; left: 2.5%; width: 95%; height: 92%; border: 1px solid #fff; z-index: 9; opacity: .5;}
	.image-wrap P.title {position: absolute; top: 0; left: 0; width: 11vh; height: 11vh; line-height: 11vh; color: #fff; text-align: center; font-size: 1rem; background :rgba(0, 0, 0, 0.7); z-index: 10;}
	.div_cont { clear: both; }
	.hidden { display: none;  }
	ol.circle {float: left; list-style: none; counter-reset: item;}
	ol.circle > li{display: inline-block; font-size: .75rem; counter-increment: item; margin-right: 0.5rem;}
	ol.circle > li:before {
		margin-top: 1rem;
		margin-right: .25rem;
		content: counter(item);
		background: #015152;
		border-radius: .65rem;
		color: white;
		width: 1.3rem;
		 text-align: center;
		font-size: .65rem; line-height: 1rem;
		display: inline-block;
	}
	.dp-infor-wrap {width: 100%; margin: 0 auto 1rem; position: relative;}
	.dp-infor-wrap:after{content:""; display: block; height: 1px; border-bottom: 1px solid #eee; clear: both; padding-bottom: 1rem; margin-bottom: 2rem;}
	.dp-infor-wrap H3 {position:absolute;top: 0 ; left:0; width: 6rem; padding: 1rem; background:#b5a596; text-align: center; color: #fff;}
	.dp-infor-wrap P {float: none; font-size: 1rem; font-weight: 600; color: #555; line-height: 1.5rem; margin-top: 1rem; margin-right: 1rem;}

	.unit-type {width: 100%; font-size: .875rem; color: #fff; line-height: 2.5rem; text-align: center; background: #0b4e4f; margin: 1rem auto;}

	.sub{border-top:3px solid #e4e4e4;padding:10vw 0 10vw;}
.sub_tit{text-align:center;margin-bottom:0vw;}
.sub_tit h1{font-size:8vw;}
.sub_tit h2{font-size:4vw;color:#999;font-weight:400;margin-top:3vw;line-height:5.3vw;}
.sub_con img{width:100%;}