@charset "utf-8";

/* 내용관리 */
#ctt {margin-top:50px;background:#fff;min-height:200px;}
.ctt_admin {margin:0 5px;text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_himg img, #ctt_timg img, #ctt_con img {max-width:100%;height:auto}
#ctt_con {padding:10px 0}
.ctt_img {text-align:center}



/* 그누보드 내용관리등 에디터로 입력할 경우  여기서부터 */
.fc_ver3_pointer {color:#C53428; }
.daon_content_wrap{width:100%; min-width:320px; max-width:1500px; margin:0 auto;}

.nwr_page_title{width:100%; text-align:center; margin-bottom:70px;}
.nwr_page_title h1{width:100%; font-size:2.5em; font-weight:600;}
.nwr_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
.nwr_page_title h2{width:100%; font-size:1.2em; color:#666; margin-top:20px; }

.nwr_sub_type04 {width:100%; max-width:1500px; margin:0 auto;}
.nwr_sub_type04:after{ content:""; display:block; clear:both;}
.nwr_sub_type04 .vision_title {display:block; text-align:center; font-size:2em; color:#000; line-height:1.4em; font-weight:500; word-break:keep-all;  }
.nwr_sub_type04 .vision_title i { display:block; font-size:0.7em; color:#ddd; padding:10px 0 15px 0; }

.nwr_sub_type04 .vision_bnr { width:100%; text-align:center; margin-top:40px; }
.nwr_sub_type04 .vision_bnr:after{ content:""; display:block; clear:both;}
.nwr_sub_type04 .vision_bnr span{ display:inline-block; margin:5px; padding:20px 40px; text-align:center; color:#fff; font-size:1.5em; font-weight:700; line-height:1.6em; border-radius:50px; transition:0.3s all ease;}
.nwr_sub_type04 .vision_bnr span.bg01 {background-color:#2b2b2b; }
.nwr_sub_type04 .vision_bnr span.bg02 {background-color:#0069b4;}
.nwr_sub_type04 .vision_bnr span.bg03 {background-color:#2b2b2b; }

.nwr_sub_type04 .vision_area { position:relative; width:100%; margin:100px 0 100px 0; }
.nwr_sub_type04 .vision_area:after{ content:""; display:block; clear:both;}
.nwr_sub_type04 .vision_area .vision_center {position:relative; display:flex; flex-direction: column; justify-content: center; align-items: center; width:400px; height:400px; font-size:1.5em; color:#000; line-height:1em; border:50px solid #f8f8f8; border-radius:100%; box-sizing:border-box; margin:0 auto; transition: 0.5s all ease;}
.nwr_sub_type04 .vision_area .vision_center:before {position:absolute; content:""; display:block; clear:both; width:440px; height:440px; border:1px dashed #666;  border-radius:100%; box-sizing:border-box; transition: 0.5s all ease;}
.nwr_sub_type04 .vision_area .vision_center p {display:block; margin-top:10px; text-align:center; font-size:2.25em; color:#e53d30; font-weight:700; line-height:1.2em; transition: 0.5s all ease;}
.nwr_sub_type04 .vision_area .vision_box {position:relative; display:flex; width:100%; }
.nwr_sub_type04 .vision_area .vision_box:after{ content:""; display:block; clear:both;}
.nwr_sub_type04 .vision_area .vision_box .icons {	position:absolute; display:block; transition: 0.5s all ease; }
.nwr_sub_type04 .vision_area .vision_box .icons i { display:block; width:80px; height:80px; line-height:80px; text-align:center; font-size:2em; color:#fff;  border-radius:100%;}
.nwr_sub_type04 .vision_area .vision_box .icons.bg01 i{background-color:#00a082; }
.nwr_sub_type04 .vision_area .vision_box .icons.bg02 i {background-color:#0069b4;}
.nwr_sub_type04 .vision_area .vision_box .icons.bg03 i {background-color:#ed7a0c; }
.nwr_sub_type04 .vision_area .vision_box .icons.bg04 i {background-color:#f9ad17; }
.nwr_sub_type04 .vision_area .vision_box .txt_box {width:100%; transition: 0.5s all ease; }
.nwr_sub_type04 .vision_area .vision_box .txt_box p.t1 { display:block; font-size:1em; color:#666; font-style:normal; font-weight:400; letter-spacing:0.25em;}
.nwr_sub_type04 .vision_area .vision_box .txt_box p.t2 { display:block; font-size:1.85em; color:#000; font-weight:700; }
.nwr_sub_type04 .vision_area .vision_box .txt_box ul.txts { display:block; margin-top:15px; width:90%;}
.nwr_sub_type04 .vision_area .vision_box .txt_box ul.txts li { display:block; font-size:1.15em; color:#666; line-height:1.6em;}
.nwr_sub_type04 .vision_area .vision_box.t1 { position:absolute; left:0; top:0; width:40%; padding-right:8%; text-align:right;}
.nwr_sub_type04 .vision_area .vision_box.t1 .icons { right:0; top:20%; }
.nwr_sub_type04 .vision_area .vision_box.t1 .txt_box {text-align:right; }
.nwr_sub_type04 .vision_area .vision_box.t1 .txt_box ul.txts{float:right;}
.nwr_sub_type04 .vision_area .vision_box.t2 { position:absolute; right:0; top:0; width:40%; padding-left:8%; text-align:right;}
.nwr_sub_type04 .vision_area .vision_box.t2 .icons { left:0; top:20%; }
.nwr_sub_type04 .vision_area .vision_box.t2 .txt_box {text-align:left;}
.nwr_sub_type04 .vision_area .vision_box.t3 { position:absolute; left:0; bottom:0; width:40%; padding-right:8%; text-align:right;}
.nwr_sub_type04 .vision_area .vision_box.t3 .icons {right:0; bottom:20%; }
.nwr_sub_type04 .vision_area .vision_box.t3 .txt_box {text-align:right; }
.nwr_sub_type04 .vision_area .vision_box.t3 .txt_box ul.txts{float:right;}
.nwr_sub_type04 .vision_area .vision_box.t4 { position:absolute; right:0; bottom:0; width:40%; padding-left:8%; text-align:left;}
.nwr_sub_type04 .vision_area .vision_box.t4 .icons {left:0; bottom:20%; }
.nwr_sub_type04 .vision_area .vision_box.t4 .txt_box {text-align:left; }


@media screen and (max-width:1240px){	
	.nwr_sub_type04 .vision_area .vision_box.t1{width:38%;}
	.nwr_sub_type04 .vision_area .vision_box.t2{width:38%;}
	.nwr_sub_type04 .vision_area .vision_box.t3{width:38%;}
	.nwr_sub_type04 .vision_area .vision_box.t4{width:38%;}
	
}

@media screen and (max-width:1100px){	
	.nwr_sub_type04 .vision_area .vision_box.t1 .txt_box{padding-right:10%;}
	.nwr_sub_type04 .vision_area .vision_box.t2 .txt_box{padding-left:10%;}
	.nwr_sub_type04 .vision_area .vision_box.t3 .txt_box{padding-right:10%;}
	.nwr_sub_type04 .vision_area .vision_box.t4 .txt_box{padding-left:10%;}
	.nwr_sub_type04 .vision_area .vision_box .txt_box ul.txts li{font-size:1em;}
}

@media all and (max-width:992px){		
	.nwr_page_title{margin-bottom:50px;}	
	.nwr_page_title h1{font-size:1.85em;}
	.nwr_page_title h2{font-size:1em;}
}

@media screen and (max-width:900px){	
	.nwr_sub_type04 .vision_title {font-size:1.85em; }
	.nwr_sub_type04 .vision_bnr span{ padding:15px 30px; font-size:1.25em; display:block; width:100%; max-width:320px; margin:10px auto;}

	.nwr_sub_type04 .vision_area .vision_center{width:320px; height:320px; font-size:1.25em; border:20px solid #f8f8f8;}
	.nwr_sub_type04 .vision_area .vision_center:before {width:340px; height:340px;}

	.nwr_sub_type04 .vision_area .vision_box.t1{top:-50px;}
	.nwr_sub_type04 .vision_area .vision_box.t2{top:-50px;}
	.nwr_sub_type04 .vision_area .vision_box.t3{bottom:-50px;}
	.nwr_sub_type04 .vision_area .vision_box.t4{bottom:-50px;}
}
	
@media screen and (max-width:768px){		
	.nwr_page_title{margin-bottom:40px;}
	.nwr_page_title h1{font-size:1.85em;}
	.nwr_page_title h2{font-size:1em;}

	.nwr_sub_type04 .vision_bnr{margin-top:20px; padding-bottom:20px;}
	
	.nwr_sub_type04 .vision_title {font-size:1.5em; }
	.nwr_sub_type04 .vision_area .vision_center{width:260px; height:260px; font-size:1.25em; border:20px solid #f8f8f8;}
	.nwr_sub_type04 .vision_area .vision_center:before {width:280px; height:280px;}
	.nwr_sub_type04 .vision_area .vision_box .icons i { width:60px; height:60px; line-height:60px; font-size:1.5em; }
	.nwr_sub_type04 .vision_area .vision_box .txt_box ul.txts{display:none;}

	.nwr_sub_type04 .vision_area .vision_box.t1{top:0;}
	.nwr_sub_type04 .vision_area .vision_box.t2{top:0;}
	.nwr_sub_type04 .vision_area .vision_box.t3{bottom:0;}
	.nwr_sub_type04 .vision_area .vision_box.t4{bottom:0;}
	.nwr_sub_type04 .vision_area .vision_box .txt_box p.t1{letter-spacing:0;}
}

@media screen and (max-width:580px){	
	.nwr_sub_type04 .vision_area .vision_center{font-size:1em;}
	.nwr_sub_type04 .vision_area .vision_box .txt_box p.t2{font-size:1.5em;}
	.nwr_sub_type04 .vision_area .vision_box.t1 .txt_box{position:absolute; top:-70px; right:0;}
	.nwr_sub_type04 .vision_area .vision_box.t2 .txt_box{position:absolute; top:-70px; right:0;}
	.nwr_sub_type04 .vision_area .vision_box.t3 .txt_box{position:absolute; bottom:-70px; right:0;}
	.nwr_sub_type04 .vision_area .vision_box.t4 .txt_box{position:absolute; bottom:-70px; right:0;}
}