@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

body {
	font-family: 'Noto Sans KR', sans-serif; 
   background-color : #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

}


td {font-size: 12px;  font-family:µ¸¿ò, arial; line-height: 17px ; color:#666666 }
a:link {color:#777777; text-decoration: none }
a:visited{color:#777777; text-decoration: none }
a:active {color:#FF7E00; text-decoration: none; }
a:hover{ color: #FF7E00; text-decoration: none; }




IMG {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none;
}





.input {border:1 solid #7F9DB9; background-color:ffffff;  font-family: "µ¸¿ò"; font-size: 12px; color:4E6098}
.check {COLOR: #666666;	BORDER: 0 solid #dddddd; font-size: 8px; background-color:ffffff;}
.radio {BORDER: 0; background-color:FFFFF7}


textarea {BORDER: 1 solid #7F9DB9; font-family: "µ¸¿ò"; font-size: 12px; color: 4E6098;background-color:ffffff;}

table.aaa td{font-size: 9pt;  font-family:µ¸¿ò, arial; line-height: 14px ; color:#333333 } 

.t_title{color:#6c86b0;}

.top_box * { border:0; margin:0; padding:0; font-family: 'Noto Sans KR', sans-serif !important; }
.top_box a { text-decoration:none; font-family: 'Noto Sans KR', sans-serif !important; }
#gnb ul, #gnb li { list-style:none; padding:0; margin:0; border:none; font-family: 'Noto Sans KR', sans-serif; font-style:normal; }
#gnb { margin:36px 0 0 0;  }
#gnb ul, 
#gnb > ul > li { list-style:none; padding:0; margin:0; border:none; font-family: 'Noto Sans KR', sans-serif; font-style:normal; }
#gnb a { text-decoration:none; font-family: 'Noto Sans KR', sans-serif; }
#gnb > ul { }
#gnb > ul > li { position:relative; display:inline-block; margin:0 -2px; padding:0; width:170px; text-align:center; }
#gnb > ul > li:first-child { margin:0; }
#gnb > ul > li > a { color:#222; font-size:15px; line-height:14px; letter-spacing:-0.06em; font-weight:500 !important; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; }
#gnb > ul > li.on > a,
#gnb > ul > li > a:hover,
#gnb > ul > li.active > a { color:#1b4272; }
#gnb > ul > li > ul { display:none; position:absolute; left:0; top:15px; text-align:left; padding:28px 10px 8px 24px; }
 /* firefox hack */
@-moz-document url-prefix() { 
}
#gnb > ul > li.on > ul,
#gnb > ul > li.active > ul { display:block; }
#gnb > ul > li > ul > li { position:relative; display:inline-block; margin:0 6px; }
#gnb > ul > li > ul > li > a { position:relative; font-size:13px; line-height:13px; color:#fff; font-weight:300; transition: all 0.3s ease-in-out; }
#gnb > ul > li > ul > li > a:hover,
#gnb > ul > li > ul > li.active > a { color:#fff; font-weight:300; transition: all 0.3s ease-in-out; }
#gnb > ul > li > ul > li.active > a:before,
#gnb > ul > li > ul > li > a:hover:before{content:""; display:block;  position:absolute; left:50%; top:-4px; border-top:4px solid  #fff; border-bottom:none; border-right:4px solid transparent; border-left:4px solid  transparent;  -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); transition: all 0.3s ease-in-out;  }
 /* firefox hack */
@-moz-document url-prefix() { 
	#gnb > ul > li > ul > li.active > a:before{ top:-3px; }
}
#gnb > ul > li > ul.menu1 { width:650px; left:20px; }
#gnb > ul > li > ul.menu2 { width:400px; left:30px; }
#gnb > ul > li > ul.menu3 { width:550px; left:-60px; }
#gnb > ul > li > ul.menu4 { width:170px; left:-20px; }

.top_box { position:relative; width:700px; margin:0; padding:0; top:0; float:left; }
.top_box .topmenu { position:absolute; right:50px; top:0; padding:5px 0; 0  margin:0; }
.top_box .topmenu li { position:relative; display:inline-block; margin:0 0 0 10px; vertical-align:top; padding:0 0 0 8px; }
.top_box .topmenu li:before{content:""; display:block;  position:absolute; left:0; top:2.5px; background-color:#406a97; width:3px; height:3px; border-radius:10px; }
 /* firefox hack */
@-moz-document url-prefix() { 
	.top_box .topmenu li {  }
	.top_box .topmenu li:before{top:4px; }
}
.top_box .topmenu li a { color:#999; font-size:8px; line-height:8px; margin:0; padding:0; }
 /* firefox hack */
@-moz-document url-prefix() { 
	.top_box .topmenu li { line-height:7px; }
}

.main_visual { width:1024px; height:460px; text-align:left; background:url(../img/main_img/bg_main.jpg) left top no-repeat; }
.main_visual .vbox { padding:60px 0 0 54px; }
.main_visual .vbox .title { color:#333; font-size:38px; font-weight:800; opacity:0; transition:letter-spacing 1.5s ease 1s; animation:txt_sub 2s; animation-fill-mode:forwards; -webkit-animation:txt_sub 2s; -webkit-animation-fill-mode:forwards; animation-delay:0.4s; transition-delay:0.5s;  }
.main_visual .vbox .txt_1 strong { font-weight:400; color:#245082; font-size:25px; display:inline-block; margin-left:10px; }
.main_visual .vbox .txt_1 { font-family: 'Noto Sans KR', sans-serif; color:#333; font-size:14px; line-height:22px; font-weight:300; margin:25px 0 0 0; opacity:0; transition:letter-spacing 1.5s ease 1s; animation:txt_sub_x 2s; animation-fill-mode:forwards; -webkit-animation:txt_sub_x 2s; -webkit-animation-fill-mode:forwards; animation-delay:0.4s; transition-delay:0.5s; }
.main_visual .vbox .txt_2 { font-family: 'Noto Sans KR', sans-serif; color:#666; font-size:13px; line-height:20px; font-weight:300; margin:10px 0 0 0; opacity:0; transition:letter-spacing 1.5s ease 1s; animation:txt_sub_x 2s; animation-fill-mode:forwards; -webkit-animation:txt_sub_x 2s; -webkit-animation-fill-mode:forwards; animation-delay:0.4s; transition-delay:0.5s; }


.sub_visual { width:1050px; height:198px; text-align:left; background:url(../img/sub1_img/bg_sub.jpg) left top no-repeat; }
.sub_visual .vbox { padding:50px 0 0 50px; }
.sub_visual .vbox .title { color:#333; font-size:43px; font-weight:800; opacity:0; transition:letter-spacing 1.5s ease 1s; animation:txt_sub 2s; animation-fill-mode:forwards; -webkit-animation:txt_sub 2s; -webkit-animation-fill-mode:forwards; animation-delay:0.4s; transition-delay:0.5s;  }
.sub_visual .vbox .txt_1 { font-family: 'Noto Sans KR', sans-serif; color:#333; font-size:16px; line-height:18px; font-weight:300; margin:25px 0 0 0; opacity:0; transition:letter-spacing 1.5s ease 1s; animation:txt_sub_x 2s; animation-fill-mode:forwards; -webkit-animation:txt_sub_x 2s; -webkit-animation-fill-mode:forwards; animation-delay:0.4s; transition-delay:0.5s; }
.sub_visual .vbox .txt_1 strong { font-weight:400; color:#245082; font-size:25px; display:inline-block; margin-left:10px; }
.sub_visual .vbox .txt_2 { font-family: 'Noto Sans KR', sans-serif; color:#666; font-size:13px; line-height:20px; font-weight:300; margin:10px 0 0 0; opacity:0; transition:letter-spacing 1.5s ease 1s; animation:txt_sub_x 2s; animation-fill-mode:forwards; -webkit-animation:txt_sub_x 2s; -webkit-animation-fill-mode:forwards; animation-delay:0.4s; transition-delay:0.5s; }


@keyframes txt_sub {
	0% { opacity:0; letter-spacing:0.1em; }
	100% {opacity:1; letter-spacing:-0.02em; }
}
@-webkit-keyframes txt_sub {
	0% { opacity:0; letter-spacing:0.1em; }
	100% {opacity:1; letter-spacing:-0.02em; }
}

@keyframes txt_sub_x {
	0% { opacity:0; }
	100% {opacity:1; }
}
@-webkit-keyframes txt_sub_x {
	0% { opacity:0; }
	100% {opacity:1; }
}

.tab_main { width:100%; padding:0; margin:0; border-top:2px solid #ccc; }
.tab_main ul, .tab_main li { list-style:none; padding:0; margin:0; border:none; font-family: 'Noto Sans KR', sans-serif; font-style:normal; } 
.tab_main .tabmenu { border-top:1px solid #fff; border-bottom:1px solid #f5f5f6; padding:4px 0 4px 0; background-color:#dadfe7; }
.tab_main .tabmenu:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.tab_main .tabmenu li { position:relative;float:left; width:33.33%; text-align:center; }
.tab_main .tabmenu li:after {content:""; display:block; width:4px; height:4px; position:absolute; left:0; top:8px; background-color:#ccc; border-radius:15px; }
.tab_main .tabmenu li:first-child:after { display:none; }
.tab_main .tabmenu li a { color:#444; font-size:12px; font-weight:300; }
.tab_main .tabmenu li.on a { color:#245799; font-weight:400; }
.tab_main .tabcont { border-top:1px solid #ccc; padding:6px 7px 0 2px; }
.tab_main .tcont { position:relative; }
.tab_main .tcont:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.tab_main .tcont .imgbox { float:left; width:108px; }
.tab_main .tcont .txtbox { position:relative; float:left; width:calc(100% - 153px); padding:15px 0 0 43px; }
.tab_main .tcont .txtbox .tit { font-family: 'Noto Sans KR', sans-serif; color:#333; font-size:20px; line-height:18px; font-weight:300; }
.tab_main .tcont .txtbox .txt { font-family: 'Noto Sans KR', sans-serif; color:#333; font-size:11px; line-height:15px; font-weight:300; margin:6px 0 0 0; }
.tab_main .tcont a { position:absolute; right:10px; top:16px; display:block; padding:2px 10px 3px 10px; font-family: 'Noto Sans KR', sans-serif; color:#fff; font-size:11px; line-height:11px; background-color:#ffa84e; border-radius:15px; }
.tab_main .tcont#tab1 .txtbox { background:url(../img/main_img/icon_n1.png) 10px 16px no-repeat; }
.tab_main .tcont#tab2 .txtbox { background:url(../img/main_img/icon_n2.png) 9px 16px no-repeat; }
.tab_main .tcont#tab3 .txtbox { background:url(../img/main_img/icon_n3.png) 9px 16px no-repeat; }