@Charset "utf-8";
@import url("common.css");

#main {max-width:1600px; margin:0 auto; }

#main .ver {overflow:hidden;}
#main .ver a {position:relative; float:left; width:18%; height:60px; padding:30px 5% 0 2%; line-height:30px; font-size:25px; color:#fff; vertical-align:middle;}
#main .ver a span {position:absolute; top:25px; right:11%; display:block; width:45px; height:45px; font-size:15px; line-height:45px; font-weight:bold; color:#4e97c4; text-align:center; background:#fff; border-radius:30px;}


#main .t40 {font-size:40px; line-height:45px; padding-bottom:10px; background:url("/site/foreign/res/img/main_t50_bg.png") no-repeat 3px 100%;}
#main .t18 {font-size:18px; line-height:30px;}

#quick {background:#f7f7f7;}
#quick .quick {padding:60px 6% 70px; overflow:hidden;}
#quick .quick .text {float:left; width:30%; padding-top:10px;}
#quick .quick .link {padding:10px 0; overflow:hidden;}
#quick .quick .link img {width:100%;}
#quick .quick .link a {float:left; width:31%; max-width:300px; margin:0 1%; background:#fff;}
#quick .quick .link a span {display:table-cell; width:300px; font-size:23px; color:#4e97c4; font-family:'Nanum Square'; text-align:center; vertical-align:middle; height:95px; line-height:25px; padding:5 5px;}
#quick .quick .link a:HOVER {box-shadow:0px 0px 15px #a0a0a0;}

#main .notice {position:relative; float:left; width:calc(96% - 600px); padding:20px 2% 0; overflow:visible;}
#main .notice .more {position:absolute; top:30px; right:30px;}
#main .notice .bbs {padding:20px 2% 0 0; width:96%; overflow:hidden;}
#main .notice .bbs li {margin-bottom:20px; overflow:hidden;}
#main .notice .bbs .day {float:left; width:70px; height:110px; padding:10px 5px 0; margin-right:25px; font-size:25px; color:#fff; text-align:center; background:#61a6dd; overflow:hidden;}
#main .notice .bbs .day span {display:block; font-size:18px; border-top:1px solid #fff; line-height:24px; padding-top:5px;}
#main .notice .bbs .title {display:block; font-size:22px; font-weight:bold; font-family:'Nanum Myeongjo'; color:#000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#main .notice .bbs .title:HOVER {color:#61a6dd;}
#main .notice .bbs .t16 {font-size:16px; color:#313131; line-height:25px; height:75px; overflow:hidden;}

#main .contactus {width:600px; height:520px; background:url("/site/foreign/res/img/main_contactus2.png") no-repeat 0 0; overflow:hidden;}
#main .contactus .tb60 {font-size:60px; font-weight:bold; color:#61a6dd; margin-top:40px; margin-left:80px; line-height:1;}
#main .contactus .t45 {font-size:45px; color:#61a6dd; margin-left:80px; line-height:1;}
#main .contactus .t16 {font-size:16px; color:#cacaca; line-height:28px; margin-top:20px; margin-left:80px;}
#main .contactus .btn {display:block; width:245px; height:50px; font-size:15px; color:#fff; line-height:50px; text-align:center; background:#61a6dd; margin-top:20px; margin-left:80px;}

#main .main02 {width:100%; padding:40px 0 35px; background:url("/site/foreign/res/img/main_bg01.png") no-repeat center 0; overflow:hidden;}
#main .main02 .text {width:390px; height:330px; padding:40px 25px 0 75px; margin-left:45%; background:#fff;}
#main .main02 .t45 {font-size:45px; line-height:45px; font-family:'Nanum Myeongjo'; padding-bottom:20px; background:url("/site/foreign/res/img/main_t50_bg.png") no-repeat 3px 100%;}
#main .main02 .t17 {font-size:17px; line-height:33px; margin-top:30px;}

#main .main03 {overflow:hidden;}

#main .talk {position:relative; float:left; width:50%; background:#ededed; overflow:hidden;}
#main .talk img {width:100%;}

#main .banner {overflow:hidden;}
#main .banner img {width:100%;}



#main .map {height:430px; overflow:hidden;}








@media only screen and (max-width:1416px) {
}
@media only screen and (max-width:1216px) {
	#quick .quick {padding:50px 5% 50px;}
	#main .notice {float:none; width:auto;}
	#main .contactus {width:auto;}
}
@media only screen and (max-width:1016px) {
	#splash .text .t1 {font-size:48px !important;}
	
	#quick .quick {padding:30px 4% 50px;}
	#quick .quick .link a span {font-size:20px; line-height:25px;}

	#main .t50  {font-size:32px; line-height:35px;}
	#main .t18 {font-size:15px; line-height:20px;}
	
	#main .notice .bbs .day {font-size:20px; height:80px;}
	#main .notice .bbs .day span {font-size:13px; line-height:15px;}
	#main .notice .bbs .title {font-size:17px;}
	#main .notice .bbs .t16 {font-size:15px; line-height:20px; height:60px;}
	
	#main .main02 {padding:25px 0 25px;}
	#main .main02 .text {width:320px; height:auto; padding:20px 20px 25px; margin-left:45%;}
	#main .main02 .t45 {font-size:29px; line-height:30px;}
	#main .main02 .t17 {font-size:15px; line-height:25px; margin-top:20px;}
	
	#main .talk {float:none; width:100%;}
		
}
@media only screen and (max-width:900px) {
	#main .notice .more {right:3%; top:50px;}
	#main .notice .more img {width:180px;}
	#main .notice .bbs {width:96%;}
	#main .notice .gallery {padding:35px 9% 30px 5%; margin:0 4% 30px 0;}
	#main .ver a {width:43%; height:50px; padding:20px 5% 0 2%; line-height:25px; font-size:20px;}
	#main .ver a span {top:13px;}
}
@media only screen and (max-width:700px) {
}
@media only screen and (max-width:640px) {
	#quick .quick .text {float:none; width:100%; text-align:center;}
	#quick .quick .text .t50 {background:url("/site/foreign/res/img/main_t50_bg.png") no-repeat center 100%;}
	#quick .quick .text .t50 br {display:none;}
	#quick .quick .text .t18 {margin:20px 0 30px !important ;}

	#main .main02 .text {margin-left:20%;}

	#main .contactus .tb60 {margin-left:30px; font-size:50px;}
	#main .contactus .t45 {margin-left:30px; font-size:40px;}
	#main .contactus .t16 {margin-left:30px;}
	#main .contactus .btn {margin-left:30px; }
	
	#main .map {height:250px;}
	
	#main .ver a {font-size:16px;}
	#quick .quick .link a span {font-size:16px;}
	
}
@media only screen and (max-width:480px) {
	#main .main02 {padding:2px 0;}
	#main .main02 .text {margin-left:0%; width:auto;}
	#main .ver a span {right:3%;}
	#main .notice .more {display:none;}
}
@media only screen and (max-width:360px) {
}
@media only screen and (max-width:320px) {
}