html {overflow-y:scroll;}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat:repeat-x;
	
}

TD {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: dotum;
}

.sub_title {
    FONT-SIZE: 11px; COLOR: #bababa; font-family:Verdana, Arial, Helvetica, sans-serif, Dotum;
	
}
.sub_pw {
    FONT-SIZE: 11px; COLOR: #7d72b6; font-family: Dotum; line-height:13px;
	
}

  /*link_default*/
A:link            {COLOR: #5a5a5a; TEXT-DECORATION: none}
A:visited         {COLOR: #5a5a5a; TEXT-DECORATION: none}
A:hover           {COLOR: #acacac; TEXT-DECORATION: underline}
A:active          {COLOR: #5a5a5a; TEXT-DECORATION: none}


.here A:link            {COLOR: #fe0404; TEXT-DECORATION: none}
.here A:visited         {COLOR: blue; TEXT-DECORATION: none; font-weight:bold;}
.here A:hover           {COLOR: red; TEXT-DECORATION: none}
.here A:active          {COLOR: #167ddc; TEXT-DECORATION: none}

.style1 {color: #3366FF}
.style4 {color: #666666; font-weight: bold; }


.link:link{color:#000066; text-decoration:none; font-size:12px; font-weight:600;}
.link:visited{color:#000066; text-decoration:none; font-size:12px; font-weight:600;}
.link:hover{color:#000066; text-decoration:underline; font-size:12px; font-weight:600;}
.link:active{color:#000066; text-decoration:none; font-size:12px; font-weight:600;}


/* ////////// 2021-04-20 수정 */
ul,ol{list-style:none}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure,figcaption{margin:0;padding:0}

#gnb {width:698px; height:122px;}
#gnb ul {position:relative; margin:0 -2px;}
#gnb ul:after {content:"";display:block;clear:both}
#gnb ul > li {float:left; width:25%; text-align:center; font-size:20px; padding:0 2px;  line-height:86px; font-weight:500; font-family:'Noto Sans KR', sans-serif; box-sizing:border-box;}
#gnb ul > li > a {display:block; position:relative; color:#fff; text-decoration:none; background: linear-gradient(#1296db, #1bbce6); border-radius:5px; z-index:3}
#gnb ul > li.active > a {color:#90e2ff;}
#gnb .submenu {display:none; position:absolute; top:90px; left:0; z-index:102}
#gnb .submenu > ul {transition: all 0.3s ease-in-out; float:none;} 
#gnb .submenu > ul > li {float:left; width:auto; text-align:left; font-size:13px; line-height:30px;font-weight:300; letter-spacing:-.50px;}
#gnb .submenu > ul > li > a {display:block; color:#454545; background:none;  padding-left:30px;}
#gnb .submenu > ul > li > a:hover {color:#1296db}

.submenu-bg {display:none; position:absolute; top:86px; background:#fff; z-index:90;}
#gnb li.m1 .submenu {left:0;} 
#gnb li.m2 .submenu {left:25%}
#gnb li.m3 .submenu {left:48%;}
#gnb li.m4 .submenu {left:75%;}

.main-visual {width:900px; position:relative;}
.main-visual .content {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center; color:#000; z-index:10;}
.main-visual .content .slogon {font-size:25px; line-height:1.4em; color:#000;font-weight:700; font-family:'Noto Sans KR', sans-serif; }
.main-visual .content .slogon .pl {padding-left:118px;}

.lnb {width:202px; background:#159dd9; padding:1px; box-sizing:border-box;}
.lnb h2 {position:relative; font-size:20px; line-height:1.4em; color:#004665;font-weight:800; padding:10px; text-align:center; margin-bottom:15px; font-family:'Noto Sans KR', sans-serif;  background: linear-gradient(to bottom, rgba(255,255,255,.5), rgba(255,255,255,0));}
.lnb h2:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:linear-gradient(to left, rgba(255,255,255,0), #026895, rgba(255,255,255,0));}
.lnb ul {text-align:center;}
.lnb ul > li {font-size:15px; line-height:30px; font-weight:500; font-family:'Noto Sans KR', sans-serif;}
.lnb ul > li > a {display:block; color:#fff; text-decoration:none;}
.lnb ul > li > a:hover,
.lnb ul > li.active > a {color:#000}
.lnb .submenu {padding-bottom:10px;}
.lnb .submenu > ul > li {font-size:13px; line-height:25px;}
.lnb .submenu > ul > li > a:hover,
.lnb .submenu > ul > li.on > a {color:#000}