@charset "utf-8";

#mainWrapper #content{font-family:'Noto Sans KR',sans-serif;word-break:keep-all;}
 
/* main_visual */
.mainVisual{position:relative;width:100%;height:675px;background:#03183c url('../imgs/main/mainVisual.jpg') no-repeat 100% 0;/*background-size:100% auto;*/}
.mainVisual .copy{padding:100px 0 50px;color:#fff;font-size:45px;font-weight:500;text-shadow:2px 2px 2px rgba(0,0,0,0.4);text-align:center;}
.mainVisual .copy span{display:block;}

.top_con{}
.top_con .news{position:relative;float:left;width:calc(59% - 10px);height:300px;margin-right:10px;background:#fff;border-radius:10px 10px 0 10px;}
.top_con .news h2{text-align:center;font-size:25px;color:#333;padding:18px 0 14px;}
.top_con .news ul{padding:40px 0 0;margin:0 40px;background:url('../imgs/main/list_line.png') repeat-x 0 0;}
.top_con .news li{float:left;width:50%;padding:12px 30px 15px 0;box-sizing:border-box;}
.top_con .news li span{display:block;font-size:15px;color:#333;}
.top_con .news li a{display:block;font-size:18px;color:#ff6640;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.top_con .news li:nth-child(2n){padding:12px 0 15px 30px;border-left:1px dashed #ddd;}
.top_con .news li:nth-child(2n) a{color:#3c8fc3;}
.top_con .news .more{position:absolute;top:25px;right:40px;}

/*.top_con .greet{position:relative;float:left;width:25%;height:300px;background:#73b7e2 url('../imgs/main/an_line.png') no-repeat 100% 100%;border-radius:10px 10px 0 10px;text-align:center;}
.top_con .greet:before{position:absolute;top:60px;left:15%;content:'';display:block;width:70%;height:1px;background:#666;}
.top_con .greet h2{position:relative;display:inline-block;text-align:center;font-size:25px;color:#333;margin:30px 0 0;padding:0 15px;line-height:1.2;background:#73b7e2}
.top_con .greet h2 span{display:block;font-size:27px;}
.top_con .greet a.name{display:block;margin:50px 40px 0;text-align:left;font-size:16px;color:#555;font-weight:500;}
.top_con .greet a.name span{display:inline-block;font-size:19px;border-bottom:1px solid #797979;padding:3px 0;margin:0 0 3px;}
.top_con .greet a.more{position:absolute;bottom:60px;right:40px;display:block;}*/

.top_con .greet a {display:block;}
.top_con .greet{position:relative;float:left;width:25%;height:300px;background:#73b7e2 url('../imgs/main/an_line.png') no-repeat 100% 100%;border-radius:10px 10px 0 10px;text-align:center;}
.top_con .greet:before{position:absolute;top:60px;left:15%;content:'';display:block;width:70%;height:1px;background:#666;}
.top_con .greet .tit{position:relative;display:inline-block;text-align:center;font-size:25px;color:#333;margin:30px 0 0;padding:0 15px;line-height:1.2;background:#73b7e2}
.top_con .greet .tit span{display:block;font-size:27px;}
.top_con .greet p.name{display:block;margin:50px 40px 0;text-align:left;font-size:16px;color:#555;font-weight:500;}
.top_con .greet p.name span{display:inline-block;font-size:19px;border-bottom:1px solid #797979;padding:3px 0;margin:0 0 3px;}
.top_con .greet p.more{position:absolute;bottom:60px;right:40px;display:block;}

/* 브로슈어 */
.top_con .brochure{position:relative;float:left;width:calc(16% - 10px);margin-right:10px;border-radius:10px 10px 0 10px;background:url('../imgs/main/broBg.png') no-repeat;background-size:cover;}
.top_con .brochure a{display:block;height:270px;padding:30px 0 0;text-align:center;font-size:23px;color:#333;font-weight:500;line-height:1.3;}
.top_con .brochure a img{display:block;max-width:70%;width:auto;height:auto;margin:20px auto 0;border:1px solid #c3dbeb;z-index:1;position:relative;}
.top_con .brochure a:after{position:absolute;bottom:65px;left:calc(50% - 17px);content:'';display:block;width:34px;height:34px;background:url('../imgs/main/broMore.png') no-repeat;}

.m_list{display:none;}

#group1{position:relative;background:url('../imgs/main/group1_bg.png') no-repeat;}
#group1 h2{font-size:40px;color:#ff6640;font-weight:500;text-align:center;padding:60px 0;}
#group1 h2 strong{color:#333;}
#group1 ul{margin:50px 0 100px;}
#group1 li{float:left;width:33.33%;}
#group1 li a{position:relative;display:block;padding:0 50px;border-left:1px solid #ddd;}
#group1 li:first-child a{border:0;}
#group1 li span{display:block;max-height:42px;overflow:hidden;}
#group1 li span.img{height:255px;max-height:none;border-radius:10px;overflow:hidden;}
#group1 li span.img img{height:100%;min-width:100%;}
#group1 li span.date{font-size:15px;color:#975a48;padding:20px 0 6px;}
#group1 li a:after{position:absolute;top:225px;right:40px;content:'';display:block;width:36px;height:36px;background:url('../imgs/main/more_poto.png') no-repeat;}
#group1 a.more{position:absolute;top:125px;left:calc(50% - 45px);display:block;font-size:16px;color:#333;padding:3px 0;border-bottom:1px solid #979797;}
#group1 a.more:after{content:'';display:inline-block;width:15px;height:15px;margin-left:10px;background:url('../imgs/main/more01.png') no-repeat;background-size:100%;}

/* banner */
#banner{position:relative;z-index:10;height:74px;border-top:1px solid #d8d8d8;background:#fff;}
#banner .banner_wrap{position:relative;width:1570px;margin:0 auto;}
#banner h2 {position:absolute; top:23px; left:20px; font-family:"Noto Sans KR"; font-weight:400; color:#222; font-size:20px; letter-spacing:-0.05em;}
#banner .control {position:absolute;top: 28px;left:180px;transform: rotate(90deg);}
#banner .control a{display:inline-block;width:20px;height:15px;vertical-align:middle;text-indent:-9999px;overflow:hidden;background:url('../imgs/main/bnr_ctrl.png') no-repeat;}
#banner .control a#bnr_prev{background-position:0 0;}
#banner .control a#bnr_stop{background-position:-20px 0;}
#banner .control a#bnr_play{display:none;background-position:-40px 0;}
#banner .control a#bnr_next{background-position:100% 0;}
#banner .control a#bnr_more{text-indent:0;background:none;text-align:center;line-height:1;position:  absolute;top: -40px;left: 25px;}

#banner .bannerzone {position:absolute;top:0;right:0; width:calc(100% - 310px);}
#banner .bannerzone > div, #banner .bannerzone ul {width:100% !important;}
#banner .bannerzone li {width:100%;height:75px;}
#banner .bannerzone li a {display:table-cell;height:70px;padding:5px 15px 0px 15px;vertical-align:middle;word-break:keep-all;line-height:1.4; text-align:center; color:#000;font-weight:500; font-size:15px; letter-spacing:-0.05em; min-width:223px;}
#banner .bannerzone li a:hover {text-decoration:underline;}

@media all and (max-width: 1570px){
	#banner .banner_wrap{width:100%;}
}
@media all and (max-width: 1531px){
	#content .wrap{width:100%;}
}
@media all and (max-width: 1400px){
	.mainVisual .copy{font-size:40px;word-break:keep-all;}
}
@media all and (max-width: 1230px){
	.top_con .brochure a img{width:75%;}
	.top_con .brochure a:after{bottom:100px;}
}
@media all and (max-width: 1024px){
	#content{padding-right:0 !important;}
	
	.mainVisual{height:auto;background:#fff;}
	.mainVisual .copy{height:185px;padding:75px 0 0;font-size:32px;font-weight:300;background:url('../imgs/main/mainVisual.jpg') no-repeat 50% 30%;background-size:cover;}
	.top_con{margin:30px 20px 0;}
	.top_con .news{width:100%;border:1px solid #ddd;box-sizing:border-box;margin:0 0 10px;}
	.top_con .news h2{font-size:23px;}
	.top_con .greet{width:calc(40% - 10px);margin-right:10px;height:260px;}
	.top_con .greet h2{font-size:23px;}
	.top_con .greet h2 span{font-size:25px;}
	.top_con .m_list{display:block;float:left;width:36%;}
	.top_con .m_list li a{display:block;height:125px;padding:44px 10px 0;background:#00244f url('../imgs/main/main_arr.png') no-repeat 90%;color:#fff;font-size:20px;padding-right:20%;text-align:center;box-sizing:border-box;border-radius:10px 10px 0 10px;}
	.top_con .m_list li a:before{content:'';display:block;width:20px;height:1px;margin:0 auto 7px;background:#fff;}
	.top_con .m_list li.fir a{background-color:#12437e;margin-bottom:10px;}
	
	.top_con .brochure{width:calc(24% - 10px);}
	.top_con .brochure a{height:230px;}
	.top_con .brochure a img{max-height:140px;}
	
	#group1 ul{margin:30px 0 60px;}
	#group1 li{width:50%;}
	#group1 li:last-child{display:none;}
	#group1 li a{padding:0 30px;}
	#group1 li a:after{right:20px}
	
	#banner{display:none;}
}
@media all and (max-width: 640px){
	.mainVisual .copy{display:table-cell;width:640px;height:180px;padding:0 10px;vertical-align:middle;font-size:18px;}
	.mainVisual .copy strong:nth-of-type(2) {display:block;}
	.top_con{margin:15px;}
	.top_con .news{float:none;height:auto;}
	.top_con .news h2{font-size:23px;text-align:left;padding:18px 20px 14px;}
	.top_con .news ul{padding:15px 0;margin:0 20px;}
	.top_con .news li{width:auto;float:none;padding:9px 0 !important;border:0 !Important;}
	.top_con .news li a{font-size:16px;}
	.top_con .news li:nth-child(n+3){display:none;}
	.top_con .news .more{right:20px;}
	.top_con .greet{width:100%;margin:0 0 10px;}
	.top_con .m_list{float:none;width:auto;}
	.top_con .m_list li{float:left;width:50%;}
	.top_con .m_list li a{background-image:none;margin:0 0 0 2px;padding-right:10px;}
	.top_con .m_list li.fir a{margin:0 2px 0 0;}
	
	.top_con .brochure{float:none;width:100%;margin:0 0 10px;padding:0 0 20px;}
	.top_con .brochure a{height:350px;}
	.top_con .brochure a img{max-height:none;max-width:40%;}
	
	#group1 h2{font-size:30px;padding:30px 0;}
	#group1 li{width:100%;}
	#group1 li:nth-child(2){display:none;}
	#group1 a.more{top:80px;}
	.top_con .brochure a:after{bottom:100px;}
}
@media all and (max-width: 489px){
	.top_con .brochure a{height:300px;}
	.top_con .brochure a img{max-width:50%;}
}
@media all and (max-width: 380px){
	.top_con .brochure a{height:250px;}
}