@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;
}













.header_bar{padding:5%;overflow:auto;}
.header_bar .logo img{width:65vw;}
.header_btn{float:right;}
.menu-trigger {display:inline-block;transition:all .4s;box-sizing:border-box;position:relative;width:5.8vw;height:5.5vw;}
.menu-trigger span {display:inline-block;transition:all .4s;box-sizing:border-box;position:absolute;left:0;width:100%;height:0.8vw;background:#003c3d;}
.menu-trigger span:nth-of-type(1){top:0;}
.menu-trigger span:nth-of-type(2){top:2.3vw;}
.menu-trigger span:nth-of-type(3){bottom:0;}
.menu-trigger.active-1 span:nth-of-type(1) {
	-webkit-transform: translateY (2.3vw) rotate (-45deg);
	transform: translateY(2.3vw) rotate(-45deg);
}
.menu-trigger.active-1 span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active-1 span:nth-of-type(3) {
	-webkit-transform: translateY(-2.3vw) rotate(45deg);
	transform: translateY(-2.3vw) rotate(45deg);
}
.call img{width:6vw;vertical-align:top;margin-right:3.5vw;}
.menu{display:block;position:fixed;right:-100%;z-index:50;background:#fff;width:100%;height:100vh;top:13vw;color:#015152;border-top:1px solid #e1e1e1;transition:all 0.4s;}
.ani_menu{right:0;}
.menu ul{margin-top:4vw;width:100%;text-align:center;letter-spacing:0;}
.menu ul .m_depth1{font-size:5vw;font-weight:400;}
.menu ul .m_depth1 span{display:inline-block;margin:4vw 0;position:relative;}
.menu ul .m_depth1 span .down{width:3vw;margin-lefT:2vw;transition:all 0.3s;}
.menu ul li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
.menu ul li.new_dep1 span::before{content:"";background:url(../../web_new/img/new-dep1.png) no-repeat center;background-size:contain;width:28px;height:23px;position:absolute;right:100%;;;bottom:calc(100% - 10px);}
.scroll_disable{height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}
.m_depth2{margin-top:0 !important;display:none;border-bottom:1px solid #e2e2e2;border-top:1px solid #e2e2e2;padding:6vw 0;background:#f7f7f7;}
.m_depth2 li{font-size:3.5vw;margin-bottom:5vw;color:#000;font-weight:400;}
.m_depth2 a{position:relative}
.m_depth2 .new_dep2 a::before{content:"";position:absolute;right:calc(100% + 5px);top:50%;margin-top:-7px;background:url(../../web_new/img/new-dep2.png) no-repeat center;background-size:contain;width:13px;height:13px;}

.main_slide{position:relative;}
.main_slide .slick-slide{margin:0;opacity:1;}
.slide_div{position:relative;}
.sliide_txt{position:absolute;left:8%;top:30vw;color:#fff;}
.sliide_txt .sliide_txt1{font-size:3vw;font-weight:400;}
.tit_img{height:5vw;}
.sliide_txt h1{font-size:10.25vw;letter-spacing:-0.06em;line-height:13vw;margin:2vw 0 5vw;}
.sliide_txt .sliide_txt2{font-size:3.75vw;font-weight:400;opacity:0.8;}
.sliide_txt .sliide_txt2 SPAN {font-size:2.8vw;font-weight:400;display: inline-block;line-height: 1.6em;margin-top: 2vw;}
.play{position:absolute;lefT:50%;transform:translateX(-50%);top:105vw;} 
.play img{width:18vw;}
.slide_index{position:absolute;lefT:50%;transform:translateX(-50%);top:120vw;color:#fff;font-family: 'Manrope', sans-serif;font-weight:700;font-size:4vw;letter-spacing:0.1em;}
.main_img1{height:100vh;width:100%;background:url(../img/main-slide1.jpg)no-repeat;background-size:cover;background-position:center;}
.main_img2{height:100vh;width:100%;background:url(../img/main-slide2.jpg)no-repeat;background-size:cover;background-position:center;}
.main_img3{height:100vh;width:100%;background:url(../img/main-slide3.jpg)no-repeat;background-size:cover;background-position:center;}
.main_img4{height:100vh;width:100%;background:url(../img/main-slide4.jpg)no-repeat;background-size:cover;background-position:center;}
.main_img5{height:100vh;width:100%;background:url(../img/main-slide5.jpg)no-repeat;background-size:cover;background-position:center;}
.arrows{position:absolute;lefT:50%;transform:translateX(-50%);top:118vw;width:90%;margin:0 auto;overflow:auto;}
.arrows img{width:15vw;}
.arrows .next{float:right;}


footer{background:#1e2424;padding:8% 5%;}
footer ul li{display:inline-block;margin-right:4vw;}
footer .foot_txt1{font-size:2.8vw;color:#fff;opacity:0.3;line-height:1.8;font-weight:400;margin:5vw 0 3vw;}
footer .foot_txt2{font-size:2.8vw;color:#fff;opacity:0.5;font-weight:500;letter-spacing:-0.01em;}

	
.sub{border-top:1px solid #e4e4e4;padding:10vw 0 20vw;}
.sub_tit{text-align:center;margin-bottom:10vw;}
.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%;}









.location{width:100%;background: URL(../img/location_title_back.jpg) no-repeat 0 100% #f7f7f7; background-size: 100%; margin: 0 auto;position:relative; padding-bottom: 6vw;}
.location .inner {padding: 5vw 5vw;}
.location P {font-size: 2.5vw; line-height: 1.2rem; color: #858585;}
.location H4 {font-size: 3vw; font-weight: 400;  line-height: 1.85em; color: #0b4e4f; letter-spacing: -0.05em;}

.location a{width:80vw;display:block;font-size: 3.5vw;border: 1px solid #0b4e4f; line-height:8vw; color: #0b4e4f; text-align: center; margin: 1vw auto;}

.map{width:90%;margin:5vw auto 0;}
.map H3 {width: 100%; font-size: 4vw; line-height: 12vw; font-weight: 400; color: #fff; letter-spacing: 1rem; text-align: center; background: #074f51;}

.map_box{width:100%;height:75vw;}












/* NEWS */
.news-head-wrap {width: 100%; height:100vw; background: URL(../img/news_head_back.jpg) no-repeat 50% 50%; background-size:cover;margin: 0 auto; overflow: hidden; position: relative;}
.news-head-wrap:after {content: ""; display: block; clear: both;}
.news-head-wrap DIV.slider {position: relative;}
.news-head-wrap DIV.slider DIV {outline: none;}
.news-head-wrap ARTICLE {width: 1030px; height:638px; background: URL(../img/news_head_article_bg.png) no-repeat 50% 50%; padding: 69px 77px; margin: 50px auto 0;}
.news-head-wrap ARTICLE .header {width: 880px; height: 60px; margin: 0 auto 50px; border-bottom: 1px  solid #dedbd8;}
.news-head-wrap ARTICLE .header P {font-size: 20px; font-weight: 600; color: #8b8075; letter-spacing: -.025em; line-height: 60px;}
.news-head-wrap ARTICLE .header A {display: block; font-size: 14px; color: #999; float: right;}
.news-head-wrap ARTICLE .title {width: 380px; height: 422px; float: left;}
.news-head-wrap ARTICLE .title H2 {font-size: 40px; color: #000; line-height: 54px; letter-spacing: -.05em;}
.news-head-wrap ARTICLE .title P {font-size:17px; color: #888888; margin-top: 35px;}
.news-head-wrap ARTICLE .content {width: 442px; height: 362px; float: right; font-size:17px; color: #888888; line-height: 33px; letter-spacing:-.025em; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 11; -webkit-box-orient: vertical; word-wrap:break-word;}

.slick-slide{opacity: .5;margin:0 30px;}
.slick-center{opacity:1; z-index: 999;}
.slick-active{opacity:1; z-index: 999;}
.sm_arrows{position:absolute;top:45%;left:50%;width:1200px;margin:0 0 0 -600px;z-index:99;}
.sm_arrows .sm_next{float:right;cursor:pointer;}
.sm_arrows .sm_prev{float:left;cursor:pointer;}

.press_list {width: 95%; margin: 50px auto 0;}
.press_list:after {content: ""; display: block; clear: both;}
.press_list UL {margin: 0 auto;}
.press_list UL LI {float: left; width: 48%; text-align: center; margin: 0 1% 2%; border:  1px solid #ccc; padding: 1.5%; box-sizing: border-box;}
.press_list UL LI H3 {font-size: 14px; font-weight: 400; color: #003c3d; line-height: 2em; text-align: center; padding: 0 0 .25em 0; border-bottom: 1px solid  #ddd;}
.press_list UL LI DIV {height: 42px; font-size: 13px; color: #5c5e5c; line-height: 1.65em; text-align: center; padding: 0; margin: 1em 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
.press_list UL LI P {font-size: 13px; color: #5c5e5c; line-height: 1.85em; text-align: center; padding: .5em 0 0; border-top: 1px solid  #ddd;}

.page {text-align: center; margin: 1rem auto;}
.page LI {display : inline-block;}
.page LI A {display: block; font-size: 14px; color: #535353; line-height: 100%; padding: .8em;}
.page LI A.block {border: 1px solid #c8c8c8; box-sizing: border-box;}
.page LI A.selected {background: #c0c0c0; color: #fff;}


/* BRAND */
	#vimeoWrap{
		position: relative;
		padding-bottom: 56.25%; /* 16/9 ratio */
		padding-top: 30px; /* IE6 workaround*/
		height: 0;
		overflow: hidden;
		margin: 0;
	}
	#vimeoWrap iframe,
	#vimeoWrap object,
	#vimeoWrap embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}









/* form */
	.survey_bg {width: 90%;margin: 1rem auto; background: #ededed; border: 1px solid #e5e5e5; font-size: 3.5vw;}
	.survey_wrap {width: 92%; margin:5vw auto; background: #fff; border: 1px solid #e5e5e5; border-radius: 1rem;}
	.survey-form {width: 90%; margin: 3rem auto;}

	.form input[type=radio] {
		width: 5vw;
		height: 5vw;
		border-color: #999;
		margin-right:2vw;
	}
	.form input[type=checkbox] {
		width: 5vw;
		height: 5vw;
		border-color: #999;
		margin-right:2vw;
	}
	.form input[type=text] {
		border: 1px solid #999;
		vertical-align: top;
		border-color: #999;
		margin: -10px .5rem 0;
		font-size: 1rem;
		/* line-height: 2rem; */
		padding-left: .5rem;
	}
	.qList_inner {margin:0 3vw 8vw 3vw;}
	/* .qList_inner LI LABEL {vertical-align: top; line-height: 2rem;} */
	OL.survey-form LI {margin-bottom: .5rem;}
	OL.survey-form LI UL LI {margin-bottom: .725rem;}
	.q-title {margin: 0 0 1rem; font-weight: 400;}
	.q-title .num {display: inline-block; background: #005151; color: #fff; border-radius: .25em; padding:1.2vw 3vw; margin-right:.5em;}
	.q-title .tip {font-size:0.85em;padding-lefT:1vw;}

	.add_input_wrap {display: inline-block; position: relative;}
	.add_input_wrap.add_input_pl:before {content:""; font-size:1.25rem; color: #777; position: absolute; top:-.15rem; left:0;}
	.add_input_wrap.add_input_pl:after {content:""; font-size:1.25rem; color: #777; position: absolute; top:-.15rem; right: -.5rem;}

	.add_input_wrap.add_input_pl input[type=radio] {
		width: 5vw;
		height: 5vw;
		border-color: #999;
		margin: 0 .5rem 0 0;
	}
	.add_input_wrap.add_input_pl LABEL {vertical-align: top; line-height: 1.6rem;}

	.form .info_area input,
	.form .info_area label,
	.form .info_area select {
		vertical-align: middle;
	}
	.form .info_area {
		width: 100%;border: 0px solid #c8c8c8;
		background: #f7f7f7;
		margin: 8vw auto;
		text-align: left;
		padding:2vw 0;
	}
	.form .info_area h3, .content .information h3 {
		font-size: 4vw;
		height: 2rem;
		line-height: 2rem;
		letter-spacing: -0.05em;
		position: relative;
		color: #000;
		font-weight: 400;
		width:90%;
		margin: 1.5rem auto 0;
	}
	.form .info_area h3::before,.content .information h3::before {
		content: "";
		display: block;
		width: 68px;
		height: 1px;
		position: absolute;
		top: -.5rem;
		left: 0;
		background: #2e3235;
		opacity: 0.5;
	}
	.form .info_area .agreement {
		width: 90%;
		margin: 1rem auto;
	}
	.form .info_area .agreement .agreement_inner {
		max-height: 170px;
		padding: 1.2rem;
		margin: 1rem auto;
		overflow-y: scroll;
		border: 1px solid #ccc;
		background: #fff;
		font-size: 3.5vw;
		color: #555;
		line-height: 1.5em;
	}
	.form .info_area .agreement .agreement_inner p {
		margin-bottom: 1.5rem;
	}
	.form .info_area .agreement .agreement_inner h4 {
		margin-bottom: 1.5rem;
		font-weight: 600;
	}

	.form .info_area .agreement .agreement_inner .txt4 li {
		position: relative;
		padding-left: 10px;
	}
	.form .info_area .agreement .agreement_inner .txt4 li a {
		display: inline-block;
		margin-left: 10px;
		color: #005151;
		border-bottom: 1px solid #005151;
	}
	.form .info_area .agreement .agreement_inner .txt4 li::before {
		content: "";
		display: block;
		width: 4px;
		height: 4px;
		position: absolute;
		top: 8px;
		left: 0;
		background: #333;
	}
	.form .info_area .agreement .agree_wrap {
		overflow: hidden;
		margin-bottom: 1rem;
	}
	.form .info_area .agreement .agree_wrap .agree_txt {
		margin-bottom:2vw;
	}
	.form .info_area .agreement .agree_wrap .agree_txt .txt1 {
		font-size: 4vw;
	}
	.form .info_area .agreement .agree_wrap .input_area span {
		display: inline-block;
		margin-right: 20px;
		margin-bottom: 0;
	}
	.form .info_area .agreement .agree_wrap .input_area input {
		margin-right: 1vw;
		margin-top: 2px;
	}
	.form .info_area .agreement .agree_wrap .input_area label {
		font-size: 3.5vw;
	}

	.form .infomation {
		width: 100%;
		background: #f7f7f7;
		margin: 0 auto;
		text-align: left;
		padding:  0 0 5vw 0;
	}

	.form .infomation h3, .form .information h3 {
    font-size: 4vw;
    height: 2rem;
    line-height: 2rem;
    letter-spacing: -0.05em;
		position: relative;
		color: #000;
		font-weight: 400;
		width:90%;
		margin: 1.5rem auto;
	}
	.form .infomation h3::before,.form .information h3::before {
		content: "";
		display: block;
		width: 68px;
		height: 1px;
		position: absolute;
		top: 0;
		left: 0;
		background: #2e3235;
		opacity: 0.5;
	}
	.form .infomation .desc {
		display: inline-block;
		font-size: 15px;
		margin-left:1rem;
	}
	.form .infomation table	{width:90%; background: #fff; border-top: 1px solid #084f51; margin: 0 auto;}
	.form .infomation table TD INPUT[type=radio] {margin-top: -7px;}
	.form .infomation table tr {
		border-bottom: 1px solid #ccc;
	}
	.form .infomation table th {
		background: #fafafa;
		vertical-align: middle;
		padding-left: 2vw;
	}
	.form .infomation table th label {
		font-size: 3.5vw;
		color: #000;
		font-weight: 400;
		display: flex;
		align-items: center;
		width: 100%;
	}
	.form .infomation table th label span {
		display: flex;
		color: #084f51;
	}
	.form .infomation table td {
		padding: 1rem 0 1rem .5rem;
		text-align: left;
		color: #666;
	}
	.form .infomation table td LABEL {vertical-align: top; font-size: .875rem;}
	.form .infomation table td ul {
		overflow: hidden;
	}
	.form .infomation table td ul li {
		float: left;
		margin-right: 3vw;
	}
	.form .infomation table td ul li input {
		margin-right: 1vw;
	}
	.form .infomation table td .name-input {
		width: 50vw;
	}
	.form .infomation table td .num-input {
		width: 17vw;
	}
	.form .infomation table td .add-input {
		width: 60vw;
	}
	.form .infomation table td.phone span {
		display: inline-block;
		margin: 0 1vw;
	}
	.form .infomation table td.address input {
		display: block;
		margin-right: 1vw;
	}
	.form .infomation table td.address span {
		color: #333;
		font-weight: 400;
		font-size:3.2vw;
	}
	.form .infomation table td.address .wrap {
		overflow: hidden;
		margin-bottom: .5rem;
	}
	.form .infomation table td.address .wrap input {
		width: 30vw;
	}
	.form .infomation table td.address .wrap input,
	.form .infomation table td.address .wrap .btn-zip {
		float: left;
	}
	.form .infomation table td.address .btn-zip {
		display: block;
		width: 25vw;
		height: 24px;
		line-height: 22px;
		font-size: 3.2vw;
		color: #084f51;
		border: 1px solid #084f51;
		text-align: center;
	}
	.form .infomation table input[type=text] {
		padding: 0;
		border: 1px solid #999;
		background: none;
		box-sizing: border-box;
		vertical-align: middle;
		margin: 0;
		height: 26px;
	}
	.form .infomation table select {
		width: 165px;
		border: 1px solid #999;
		background: none;
		height: 26px;
		box-sizing: border-box;
		font-size: 3.2vw;
	}

	.btn_area {
		width: 90%;
		max-width: 1200px;
		text-align: center;
		margin: 3rem auto;
	}
	.btn_area .btnCommon {
		display: inline-block;
		width: 250px;
		height: 3rem;
		font-size: 1rem;
		line-height: 3rem;
		background-color: #005151;
		color: #fff;
	}
	.txt4, .txt3 {margin-bottom: 1.5rem;}

	.question4_5{vertical-align: sub !important;width: 80%;}

.sur_table_w{overflow:auto;}
.sur_table{width:720px;border-top:1px solid #ccc;color:#333;}
.sur_table tr{border-bottom:1px solid #ccc;}
.sur_table tr td{border-right:1px solid #ccc;text-align:center;padding:2vw;font-size:3.5vw;word-break:keep-all;}
.sur_table tr td:last-child{border-right:0;}
.sur_table tr td.tb_bg{background:#eaeaea;font-weight:500;}
.sur_table tr td.tb_le{width:12%;}
.sur_table2{margin:2vw 0 1vw;}
SPAN.table-infor{display: block; margin-bottom: 5vw;}
.sur_table2 tr td.tb_s{font-size:3.2vw;}

.information {width: 92%; margin: 30px auto;}
.information LI {font-size: .695rem; letter-spacing: -0.045em; color: #a3a3a3; line-height: 1.5em; margin-bottom: 5px; position:relative; margin-left:1rem;}
.information LI:before {content: "※"; display: block; position:absolute; top:0; left: -1rem;}

p.block {width: 100%; border-top: 1px solid #004744; margin: 2rem auto 0; height: 2rem;}


/* TAB IN TAB */
	UL.type {width: 95%; margin: 3rem 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:48%;}
	.type.type3 li{width:33.333%;}
	.type.type4 li{width:25%;}
	.type.type5 li{width:20%;}
	.type.type6 li{width:16.666%;}
	.type.type8 li{width:12.5%;}

	.unit-tab {width: 93%; margin: 0 auto; overflow: hidden;}
	.unit-tab.wide {width: 100%; margin: 0 auto; overflow: hidden;}
	.dp-tabs {width: 1100px; margin: 2rem auto 0; position: relative;}
	.dp-tabs:after {content: ''; display: block; clear: both;}
	.dp-tabs LI {float: left; display: block; width:50%; font-size: 1rem; font-weight: 400; line-height: 3.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: 1100px; position: relative; text-align: center; padding-top: 2.7rem; margin: 1rem auto 0;}
	.div_cont IMG {display: inline-block; width: 909px;}
	.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: .875rem; counter-increment: item; margin-right: 0.5rem;}
	ol.circle > li:before {
		margin-top: 1rem;
		margin-right: .25rem;
		content: counter(item);
		background: #015152;
		border-radius: .75rem;
		color: white;
		width: 1.5rem;
		font-size: .75rem; line-height: 1.5rem;
		display: inline-block;
	}
	.dp-infor-wrap {width: 1100px; 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: left; 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;}

	/* 모델하우스 하단 버튼 */
	.vr-bottom-button {width: 90%; margin: 1rem auto;}
	.vr-bottom-button .btn-link {float: none; display: block; width: 100%; line-height: 3rem; color: #fff; text-indent: 15px; background: #8b8075; position: relative; margin-bottom: .5rem;}
	.vr-bottom-button .btn-link.dimension_btn {width: 33%; line-height: 3.5rem;}
	.vr-bottom-button .btn-link.elevation_btn {width: 33%; line-height: 3.5rem; margin: 0 0 0 1%;}
	.vr-bottom-button .btn-link.endyet_btn {width: 32%; line-height: 3.5rem; margin: 0 0 0 1%; background: #666666;}
	.vr-bottom-button .btn-link:nth-child(3),	.vr-bottom-button .btn-link:nth-child(4) {background: #666666;}
	.vr-bottom-button .btn-link:first-child{margin-left:0;}
	.vr-bottom-button .btn-link:after {content: "-"; display: block; position: absolute; top: 0%; right: 2rem; color: #fff;}
	.vr-bottom-button:after{content: ""; display: block; clear: both;}

	.ori{width:95%;margin:30px auto 0;color:#a3a3a3;font-size:14px;letter-spacing:-0.025em;}
	.ori li{overflow:auto;}
	.ori li span:first-child{display:inline-block;floaT:left;width:20px;}
	.ori li span:last-child{display:inline-block;floaT:left;width:calc(100% - 20px);}


	.sub_con H2.page-title-sub {width:100%; margin: 0 auto; font-size: 1.5rem; font-weight: 600; color: #000; line-height: 1.5em; letter-spacing: -.05em; text-align: center; margin: 2rem auto 1rem;}
.sub_con P.page-sub-descript-sub {width:100%; margin: 0 auto; font-size: .75rem; color: #999; line-height: 1.5em; letter-spacing: -.05em; text-align: center; margin-bottom: 2rem;} 


		/* product :: premium */
				.premium .contents{width:100%;margin-bottom:100px;}
				.premium .cont_tit {width:100%; margin:0 auto 80px; text-align:center;}
				.premium .cont_tit h3{margin-bottom:20px; color:#005151; font-size:45px; font-weight:500; line-height:1.2;} 
				.premium .cont_tit h4 {position:relative; padding-bottom:28px; margin-bottom:28px; font-size:20px; line-height:1.1;color:#000; }
				.premium .cont_tit h4:after {position:absolute; bottom:0; left:50%; width:25px; height:2px; margin-left:-12.5px; background-color:#ccc; content:'';}
				.premium .cont_tit p{font-size:15px; line-height:1.6; color:#000; }  
				.premium .top_img img{margin:0 auto;}
				.premium .top_img,
				.premium .full_img{margin-bottom:80px;}
				.premium .premium_cont{overflow:hidden; width:100%; padding:50px 0;}
				.premium .premium_cont.bg{background-color:#f2f2ef;}
				.premium .tab_cont .inner{width:100%; margin:0 auto;}
				.premium .premium_tab1 {overflow:hidden; width:100%;}
				.premium .premium_tab1 .top_text h4 {position:relative; padding-bottom:50px; margin-bottom:50px; font-size:36px; color:#000; font-weight:500; line-height:1.2; letter-spacing:-2px; /* word-break:keep-all; word-wrap:break-word; */}
				.premium .premium_tab1 .top_text h4:after {position:absolute; bottom:0; left:0; width:25px; height:2px; background-color:#cccccc; content:'';}
				.premium .premium_tab1 .top_text h4 span{display:block; margin-bottom:10px; font-size:25px; color:#005151;}
				.premium .premium_tab1 dl dt {line-height:1.2; margin-bottom:20px; font-weight:500;}
				.premium .premium_tab1 dl dd {line-height:1.6; font-weight:300;}
				.premium .premium_tab1 .left_img {float:left;}
				.premium .premium_tab1 .right_img {float:right;}
				.premium .premium_tab1 .right_text {float:left; width:520px; padding:68px 0 54px 80px;}
				.premium .premium_tab1 .left_text {float:left; width:435px; padding:70px 85px 52px 80px;}
				.premium .cont_box.dual .cont{display:table;}
				.premium .cont_box.dual .cont .cont_txt, 
				.premium .cont_box.dual .cont .cont_img{display:table-cell; vertical-align:middle; width:50%; box-sizing:border-box;}
				.premium .cont_box.dual .cont .cont_txt{padding:0 80px;}
				.premium .cont_box.dual .cont_txt h4 {margin-bottom:30px; font-weight:500; font-size:36px; line-height:1.2; color: #005151;}
				.premium .cont_box.dual .cont.cont4 .cont_txt h4 {letter-spacing:-1px;}
				.premium .cont_box.dual .cont_txt h4 span{display:block; font-size:26px; line-height:1.2;}
				.premium .cont_box.dual .cont_txt li {position:relative; padding-left:15px; color:#666666;}
				.premium .cont_box.dual .cont_txt li:before {position:absolute; left:0; top:10px; width:4px; height:4px; background-color:#c1a695; border-radius:10px; content:'';}
				.premium .premium_cont.premium_cont4{padding-bottom:0;}
				.premium .desc_area{margin-top:80px; padding-top:40px; border-top:1px solid #d5d5d5;}

				/* btn_wrap */
				.btn_wrap{font-size:0; text-align:right;}
				.btn_wrap.top{margin-bottom:30px;}
				.btn_wrap a{margin-left:5px;}
				.btn_wrap a:first-child{margin-left:0;}

			@media (max-width: 750px) {
				#container .page_tit h2 {font-size:25px; line-height:1.2;}
				.contents .section .sec_inner{ margin-bottom:40px;}

				.section .box_wrap{padding:30px 25px; border-width:4px;}
				.section .box_wrap li{padding:30px 0;}
				.section .box_wrap li:first-child{padding-top:0;}
				.section .box_wrap li dt{font-size:20px; margin-bottom:20px; text-align:center;}
				.section .box_wrap.line2 li dt{font-size:20px;}
				.section .box_wrap li dd{margin-bottom:12px; font-size:14px; line-height:1.4;}
				.section .box_wrap li dd:last-child{margin-bottom:0;}
				.section .box_wrap li dd:before{content:""; top:8px;}
				.section .box_wrap li:before{content:""; position:static; width:51.5px; height:47px; margin:0 auto 20px; background-size:100% auto;}
				.section .box_wrap li.list3:before{width:50px; height:49px;}
				.section .box_wrap li.list4:before{width:47.5px; height:43px;}

				.section .bg_box{padding:0; background:none; margin-bottom:0;}
				.section .bdr_box{padding:20px; border-width:5px;}
				.section .bdr_box2{padding:25px 0; margin-bottom:25px;}
				
				.section .web_img{display:none;}
				.section .mobile_img{display:block;}
				
				/* common_list */
				.common_list li{font-size:14px; margin-bottom:13px; line-height:1.5;}
				.common_list li .tit,
				.common_list li .cont{display:block !important; max-width:none !important;}
				.common_list li .tit{line-height:1.2; margin-bottom:5px;}

				.common_list.type01 li:before{content:""; top:7px;}

				/* btn_wrap */
				.btn_wrap.top{margin-bottom:25px;} /* btn_wrap top쪽에 있을 경우 */
				.btn_wrap.full a{width:100%; margin-left:0; margin-bottom:5px;} /* btn 3개 이상일 경우 full 클래스 추가 */
				.btn_wrap a{width:49%; margin-left:2%; /* margin-bottom:10px; */}
				.btn_wrap a:nth-child(odd){margin-left:0;}
				.btn_wrap a:last-child{margin-bottom:0;}

				.desc_wrap .btn_wrap{margin-bottom:0;} /* btn_wrap bottom 쪽에 있을 경우 */
				
				.desc_area.bdr_type {margin-top:25px; border-top:1px solid #e1e1e1;} /* 단지조경, 단지안내 */
			 
				/* desc_area */
				.desc_area{padding-top:25px;}
				.desc_area li{font-size:12px; line-height:1.4; padding-left:15px; text-indent:-15px; margin-bottom:13px;} 

			   /* product :: premium */
				.premium .cont_tit {margin-bottom:40px;}
				.premium .cont_tit h3{margin-bottom:14px; font-size:20px;}
				.premium .cont_tit h4{margin-bottom:15px; padding-bottom:13px;}
				.premium .cont_tit p {padding:0 12%; letter-spacing:-1.3px;}
				.premium .premium_tab1 .top_text h4{font-size:16px; margin-bottom:13px; padding-bottom:13px;}
				.premium .premium_tab1 .top_text h4 span{font-size:16px; margin-bottom:5px;}
				.premium .premium_tab1 dl dt,
				.premium .premium_tab1 dl dd{font-size:14px;}
				.premium .premium_cont{padding:40px 25px; box-sizing:border-box;}
				.premium .premium_tab1 .left_img, .premium .premium_tab1 .right_img, .premium .premium_tab1 .left_text, .premium .premium_tab1 .right_text{float:none; width: calc( 100% - 60px );}
				.premium .premium_tab1 .right_text, .premium .premium_tab1 .left_text{padding:30px; background-color:#fff;}
				.premium .top_img,
				.premium .full_img{margin-bottom:40px;}
				.premium .top_img{padding:0 25px;}
				.premium .cont_box.dual .cont{display:block; padding:0 25px;}
				.premium .cont_box.dual .cont:nth-child(2n){padding:0 25px 30px 25px; margin-bottom:30px; background-color:#f2f2ef;}
				.premium .cont_box.dual .cont .cont_txt, 
				.premium .cont_box.dual .cont .cont_img{display:block; width:100%; height:auto;}
				.premium .cont_box.dual .cont .cont_txt{padding:30px 0 40px;}
				.premium .cont_box.dual .cont_txt h4{font-size:16px; margin-bottom:15px;}
				.premium .cont_box.dual .cont_txt h4 span{display:inline-block; font-size:16px;}
				.premium .desc_area{margin:0 25px; padding-top:25px;}

				.left_img, .right_img {width: 100% !important;}
			.left_img IMG, .right_img IMG {width: 100%;}

			}