<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&amp;display=swap');

body{font-family: 'Noto Sans KR','Nanum Gothic', sans-serif;}


.cmtxt2 {display: none;}

.wrap {width:100%; height:100%; display:inline-block;}
.rm_header_wrap {display:none;}

/* header */
.header {width:100%; display:inline-block; height:15%;}
#header_w {width:100%; height:100%; display:inline-block;}


.header_top {border-bottom:1px solid #ededed; width:100%; height:20%; padding:0.5em 0em; display:inline-block;}
.header_top&gt;ul {display:inline-block; width:99%; height:100%; margin:0 auto; text-align:right;}
.header_top&gt;ul&gt;li {display:inline-block; padding-right:1em;}
.header_top&gt;ul&gt;li&gt;select {height:25px;}



.header_bottom {width:100%; height: 70px; display:inline-block; }
.logo {width:30%; display:inline-block; margin:0 auto; float:left;}
.logo&gt;a {display:inline-block; width:100%; margin:1em 0em; text-align:right;}
.logo&gt;a&gt;img {display:inline-block; width:120px; text-align:center;}

.main_top{width:100%; height:350px; text-align:center; background:#f7f9fb;}
.main_top&gt;p{color:#1d2088; text-align:center; font-weight:200; font-size:23px; padding-top:50px;}
 .main_top&gt;.main_top_p{color:#333; font-size:15px;line-height:2;}
/* .main_top&gt;p{color:#333; text-align:center; font-weight:300; font-size:15px;} */   

 
/* 메뉴*/
	#rm_header_wrap {display:none;}
	#menu {width:70%; display:inline-block; float:right; height:100%; text-align:center;padding-top: 10px;} 
	#menu&gt;ul {width:100%; display:inline-block; text-align:center; }
	.menulist_first{width:200px;  display:inline-block; transition: all 0.3s ease; text-align:center;position:relative;} 
	.menulist_first&gt;a{line-height:5; height:100%; display:block; cursor:pointer;}
	
	.menulist_first&gt;a:hover {color:#fff;background-color:#031b49;}
	.menulist_first:hover  .sub_NewMenu1 {display:block !important;}
     #langClick{display: inline-block; height:100%;}
     #langClick&gt;ul{display: inline-block; height: 100%; }
	#langClick&gt;ul&gt;li{width:90px; float:left;height: 100%;margin-right:10px; font-size:12px;}
	#langClick&gt;ul&gt;li&gt;img{width:15px;}	 
	
	
	.font&gt;h3{width: 30%; padding-left: 20%; font-size:24px;position: absolute; color:#fff;padding-top: 150px; float:left; word-break: keep-all;} 
	.font&gt;a{ padding:0.4em 2em; background-color:#f7f9fb; font-size:17px; position: absolute;margin-left: 20%;margin-top: 230px; }    
	 .youtube{width: 50%; padding-right: 10%;text-align:center; font-size:23px;position: absolute; color:#fff;padding-top: 80px; float:right; right:0;}
	   
		
	.sub_NewMenu1{display:none;position:absolute;background-color:rgba(18,52,120,0.8);z-index:2222222222; width:100%; } 
	.sub_NewMenu1 li a{color:#fff;height:50px;line-height:3;display:inline-block;width:100%; cursor:pointer;}
	.sub_NewMenu1 li:hover{background-color:rgba(18,52,120,0.8);}
	.sub_NewMenu1 li a:hover{color:#fff;}
	 
	
	/* .sub_NewMenu2{background-color:rgba(18,52,120,0.8); }
	.sub_NewMenu2 li a{color:#fff;display:inline-block;cursor:pointer;}
	.sub_NewMenu2 li:hover{background-color:#031b49;}
	.sub_NewMenu2 li a:hover{color:#fff;} */



.sub_NewMenu2{
    background-color: #394c7f;
 
    transition: max-height 0.7s;

 
}






.sub_NewMenu2 a{
    display: block;
    padding: 4px 0px;
    color: #fff;
    font-size: 14px;
    border-bottom: 1px solid #394c7f;
    position: relative;
    text-align:left;
    
    
}
.sub_NewMenu2 a:before{
    content: '';
    opacity: 0;
    transition: opacity 0.3s;

}
.sub_NewMenu2 a:hover:before{
    content: '';
    position: absolute;
    height: 0;
    width: 6px;
    left: 0;
    top:0;
    opacity: 1;

}
.sub_NewMenu2 a:after{
    content: '';
    opacity: 0;


}
.sub_NewMenu2 a:hover:after{
    content: '';
    position: absolute;
    height: 0;
    width: 6px;
    right: 0px;
    top:0;
    opacity: 1;

}
.sub_NewMenu2 a:hover{
    background-color:rgba(18,52,120); }

}
.sub_NewMenu2 a:last-child{
    border:none;
}









/* 모바일 */

 

@media all and(max-width:420px){
	
		.font&gt;h3 {
    width:60%;
    display:inline-block;
   text-align:center;
    font-size: 15px;
    position: absolute;
    color: #fff;
    padding-top: 20px;
    float: left;
    word-break: keep-all;
}
	.font&gt;a{display:none;}    
.youtube {
    width: 100%;
    padding:0;
    text-align: center; 
    font-size: 23px;
    position: absolute;
    color: #fff;
    padding-top: 110px;
}
/* 	.main&gt;img{display:none;}
	.main{background-image : url('/images_main/rndpmain/korea3.jpg'); 
     background-size: cover; width:100%; height:3000px;}   */
	
}





@media all and (min-width:320px) and (max-width:640px){
	
	#langClick&gt;ul&gt;li{width:60px; float:left;height: 100%;margin-right:10px; font-size:12px;}
		.font&gt;h3 {
    width: 70%;
    display:inline-block;
   text-align:center;
    font-size: 15px;
    position: absolute;
    color: #fff;
    padding-top: 20px;
    float: left;
    word-break: keep-all;
}
.font&gt;h3{padding-left:16%; }
	.font&gt;a{display:none;}    
.youtube {
    width: 100%;
    padding:0;
    text-align: center; 
    font-size: 23px;
    position: absolute;
    color: #fff;
    padding-top: 110px;
}

.main{margin:0 auto; text-align:center; width:100% ;} 
.main_top{height:240px;}
.main_top&gt;p{color:#1d2088; text-align:center; font-weight:200; font-size:13px; padding-top:20px;word-break:keep-all;}
 .main_top&gt;.main_top_p{color:#333; font-size:13px;line-height:2; word-break:keep-all;}
	
}



@media all and (min-width:640px) and (max-width:890px){
	.font&gt;h3 {
	    width:61%;
	    display:inline-block;
	   text-align:center;
	    font-size: 20px;
	    position: absolute;
	    color: #fff;
	    padding-top: 20px;
	    float: left;
	    word-break: keep-all;
	}
	.font&gt;a{display:none;}    
	.youtube {
	    width: 100%;
	    padding:0;
	    text-align: center; 
	    font-size: 23px;
	    position: absolute;
	    color: #fff;
	    padding-top: 110px;
	}
	.youtube&gt;video {
	
	}
	.main{margin:0 auto; text-align:center; width:100%} 
	.main_top{height:280px;}
	.main_top&gt;p{color:#1d2088; text-align:center; font-weight:200; font-size:18px; padding-top:30px;}
	.main_top&gt;.main_top_p{color:#333; font-size:12px;line-height:2; word-break:keep-all;}
}



 

@media all and (min-width:890px) and (max-width:1040px){
	.font&gt;h3 {
	    width:60%;
	    display:inline-block;
	    text-align:center;
	    font-size: 20px;
	    position: absolute;
	    color: #fff;
	    padding-top: 20px;
	    float: left;
	    word-break: keep-all;4
	}
	
	.font&gt;a{display:none;}    
	.youtube {
	    width: 100%;
	    padding:0;
	    text-align: center; 
	    position: absolute;
	    color: #fff;
	    padding-top: 110px;
	}
	.main{margin:0 auto; text-align:center; width:100%} 
	.main_top{height:300px;}
	.main_top&gt;p{color:#1d2088; text-align:center; font-weight:200; font-size:20px; padding-top:50px;}
	.main_top&gt;.main_top_p{color:#333; font-size:13px;line-height:2;}
}


 

@media all and (min-width:1040px) and (max-width:1300px){
	.font&gt;h3 {
    width: 40%;
    padding-left: 10%;
    font-size: 22px;
    position: absolute;
    color: #fff;
    padding-top: 150px;
    float: left;
    word-break: keep-all;
}
	.font&gt;a{ padding:0.4em 2em; background-color:#f7f9fb; font-size:17px; position: absolute;margin-left: 10%;margin-top: 230px; }    
.youtube {
    width: 40%;
    padding-right: 6%;
    text-align: center;
    position: absolute;
    color: #fff;
    padding-top: 80px;
    float: right;
    right: 0;
}
.main{margin:0 auto; text-align:center; width:90%} 
}


@media all and (min-width:1300px) and (max-width:1524px){
	.font&gt;h3 {
    width: 40%;
    padding-left: 15%;
    font-size: 24px;
    position: absolute;
    color: #fff;
    padding-top: 150px;
    float: left;
    word-break: keep-all;
}
	.font&gt;a{ padding:0.4em 2em; background-color:#f7f9fb; font-size:17px; position: absolute;margin-left: 15%;margin-top: 230px; }    
.youtube {
    width: 40%;
    padding-right: 5%;
    text-align: center;
    font-size: 23px;
    position: absolute;
    color: #fff;
    padding-top: 80px;
    float: right;
    right: 0;
}
 
.main{margin:0 auto; text-align:center; width:80%} 
 
 
} 

@media all and (min-width : 1524px) {
.main{margin:0 auto; text-align:center; width:60%}  

}




</pre></body></html>