@charset "utf-8";
/* layout */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
* {padding:0; margin:0;}
@font-face {
    font-family: 'MapoDPPA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoDPPA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.header_new2 {width:100%;  box-sizing:border-box;  
background:#343941 url('/nimg/topper.jpg') no-repeat right center;}
.header_new2 h1 img {width:100px; padding-top:40px; padding-left:40px;}
.width_area {width:990px; position:relative;}



.header_new2  .gnb {background:#c63838; width:100%; min-height:50px; position:relative; z-index:3; margin-top:100px;}

.header_new2  ul li {list-style:none;}

.header_new2  .gnb  li {float:left; position:relative; padding:0px 50px; box-sizing:border-box;}
.header_new2  .gnb  li  a {font-size:18px; display:inline-block; 
line-height:50px; color:#fff; font-weight:600;  font-family: 'Noto Sans KR', sans-serif;}
.header_new2  .gnb  li  a:hover {color:#fff; text-decoration:none;}


.header_new2  .gnb  li:nth-child(1):before {display:none;}
.header_new2  .sub_menu  {background:#fff;   }
.header_new2  .sub_menu  li {padding:0; text-align:center; width:100%;}
.header_new2  .sub_menu  li:before {display:none !important;}
.header_new2  .gnb .sub_menu li  a {font-size:15px; line-height:25px; color:#000; font-weight:300;}


.header_new2  .sub_menu.s01 {width:150px; margin-left:-50px;}
.header_new2  .sub_menu.s02 {width:180px; margin-left:-50px;}
.header_new2  .sub_menu.s03 {width:180px; margin-left:-62px;;}
.header_new2  .sub_menu.s04 {width:150px; margin-left:-45px;}


.header_new2  .tnb a {color:#fff; padding-right:15px;}

	.header_new2  .tnb ul.btn li:nth-child(1) {background:#999; border-radius:5px 0px 0px 5px}
	.header_new2  .tnb ul.btn li:nth-child(2) {background:#666; border-radius:0px 5px 5px 0px}
	.header_new2  .tnb ul.btn li a {display:block; color:#fff; border-radius:20px; 
	font-size:12px; line-height:25px; padding:0px 15px;}

.header_new2  .util {padding-top:6px !important;}


/* drop down */
.header_new2  .gnb:hover  .sub_menu {
    opacity:1;
    visibility:visible; 
}

.header_new2  .gnb:hover:before {content:'';display:block; top:50px; left:0; width:100%;
position:absolute; z-index:40; background:#fff; opacity:0.9; height:160px;}


.header_new2  .gnb .sub_menu{
    opacity:0;
     visibility:hidden;
     position:absolute !important;
	overflow:hidden;
	z-index:60; padding:20px 0px 0px 0px;
	/* width:200px; */ background:none;
    -moz-transition:opacity .25s linear, visibility .1s linear .1s;
    -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
    -o-transition:opacity .25s linear, visibility .1s linear .1s;
    transition:opacity .25s linear, visibility .1s linear .1s;
}




h3.titn {   padding-left:30px; background:#eee;
}

h3.titn span{ 
    color:#000; font-size:50px; line-height:160px; font-family: 'MapoDPPA';   display:inline-block;
	background:url('/nimg/title.gif') no-repeat   right  100px; padding-right:80px; 
}

/* header_new*/
.header_new {overflow:hidden; background:url('/nimg/bg11.gif') repeat-y top left; position:relative; width:990px; height:290px; box-sizing:border-box; padding:20px 20px; }
.header_new  h1 {padding:10px 10px;}
.header_new  h1 img {width:100px;}
.header_new li, .header_new ul li{ list-style:none}
.header_new  .gnb {background:#d02b25; width:100%; min-height:50px; position:relative; z-index:3;}
.header_new  .gnb:before {content:''; position:absolute; top:-10px; right:0px; height:10px; width:800px; display:block;
background:#acb943; transform:skew(140deg, 180deg); z-index:-6;}




.header_new  .gnb  li {float:left; position:relative;}
.header_new  .gnb  li  a {font-size:18px; display:inline-block; padding:0px 50px;
line-height:50px; color:#fff; font-weight:600;  font-family: 'Noto Sans KR', sans-serif;}
.header_new  .gnb  li  a:hover {color:#fff;}

.header_new  .gnb  li:before{content:''; width:1px; height:14px; display:block; position:Absolute; top:15px; left:0; 
background:rgba(255,255,255,0.4);}
.header_new  .gnb  li:nth-child(1):before {display:none;}
.header_new  .sub_menu  {background:#fff;}
.header_new  .sub_menu  li {float:left;}
.header_new  .sub_menu  li  a {font-size:14px !important; font-weight:300 !important; line-height:22px; color:#000 !important; padding:0px 20px !important;}
.header_new  .sub_menu.s01 {width:250px;}
.header_new  .sub_menu.s02 {width:320px;}
.header_new  .sub_menu.s03 {width:380px;}
.header_new  .sub_menu.s04 {width:310px;}
.header_new  .sub_menu  li:before {display:none !important;}

.tnb {overflow:hidden; position:absolute; top:40px;right:0;}
.tnb  a {font-family: 'Noto Sans KR', sans-serif;}
.tnb ul {overflow:hidden; float:left; padding:0px 10px;}
	.tnb ul li {overflow:hidden; float:left; padding:0px 2px; overflow:hidden;}
	.tnb ul.btn li:nth-child(1) {background:#b1bf45}
	.tnb ul.btn li:nth-child(2) {background:#00aaae}
	.tnb ul.btn li a {display:block; color:#fff; border-radius:20px; 
	font-size:13px; line-height:30px; padding:0px 15px;}

.util {padding-top:12px !important;}

/* drop down */
.header_new  .gnb li:hover > .sub_menu {
    opacity:1;
    visibility:visible; 
}
/* drop down */
.header_new  .gnb li:hover > a {
   color:#f48121 
}
.header_new  .gnb .sub_menu{
    opacity:0;
     visibility:hidden;
     position:absolute !important;
	overflow:hidden;
	z-index:60;
	/* width:200px; */
    -moz-transition:opacity .25s linear, visibility .1s linear .1s;
    -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
    -o-transition:opacity .25s linear, visibility .1s linear .1s;
    transition:opacity .25s linear, visibility .1s linear .1s;
}

/* m_main */
.m_main .width_area{ width:1180px;  height:650px;  position:relative;}
.m_main .on01,
.m_main .on02 { position:Absolute; right:230px; }
.m_main .on01 {  top:300px;}
.m_main .on02 {   top:410px;}
.m_main .click {position:absolute; top:110px; right:0px;  width:120px; height:600px;
background:url('/nimg/quick.png') no-repeat top center;} 

.m_main .click a {display:inline-block; 
 box-sizing:border-box; width:100%;}

.m_main .click a.in01 {height:140px; }
.m_main .click a.in02 {height:140px; }
.m_main .click a.in03 {height:110px; }
.m_main .click a.in04 {height:180px; }



.m_main {overflow:hidden; width:100%;  
background:#cfcfd0 url('/nimg/mbg2.jpg?ver=2023523') no-repeat top left;}



.subject_new {font-size:20px; line-height:30px; 
font-weight:500; font-family: 'Noto Sans KR', sans-serif;}

.textdescrnew2{font-size:16px; line-height:23px;  letter-spacing:-1px;
font-weight:400;  font-family: 'Noto Sans KR', sans-serif;}
.intstyle01  {padding-top:10px;}
.intstyle01 img {width:114px;}