@charset "UTF-8";
<link rel='stylesheet' href='//cdn.jsdelivr.net/font-kopub/1.0/kopubdotum.css'>
@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css");
@import url("http://fonts.googleapis.com/earlyaccess/kopubdotum.css");


@font-face {
  
  font-style: normal;
  font-weight: 300;
  src: url(//cdn.jsdelivr.net/font-kopub/1.0/KoPubDotum-Light.eot);
  src: url(//cdn.jsdelivr.net/font-kopub/1.0/KoPubDotum-Light.eot?#iefix) format('embedded-opentype'),
       url(//cdn.jsdelivr.net/font-kopub/1.0/KoPubDotum-Light.woff) format('woff'),
       url(//cdn.jsdelivr.net/font-kopub/1.0/KoPubDotum-Light.ttf) format('truetype');
}
@font-face {
 
 font-style: normal;
 font-weight: 400;
 src: url(//cdn.jsdelivr.net/font-kopub/1.0/KoPubDotum-Medium.eot);
 src: url(//cdn.jsdelivr.net/font-kopub/1.0/KoPubDotum-Medium.eot?#iefix) format('embedded-opentype'),
 url(//cdn.jsdelivr.net/font-kopub/1.0/KoPubDotum-Medium.woff) format('woff'),
 url(//cdn.jsdelivr.net/font-kopub/1.0/KoPubDotum-Medium.ttf) format('truetype');
}
@font-face {
  
  font-style: normal;
  font-weight: 700;
  src: url(//cdn.jsdelivr.net/font-kopub/1.0/KoPubDotum-Bold.eot);
  src: url(//cdn.jsdelivr.net/font-kopub/1.0/KoPubDotum-Bold.eot?#iefix) format('embedded-opentype'),
       url(//cdn.jsdelivr.net/font-kopub/1.0/KoPubDotum-Bold.woff) format('woff'),
       url(//cdn.jsdelivr.net/font-kopub/1.0/KoPubDotum-Bold.ttf) format('truetype');
}

@font-face { /* 나눔고딕 Regular */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face { /* 나눔고딕 Bold */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face { /* 나눔고딕 ExtraBold */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
} 

/********************************
reset
********************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body {font-size:14px;font-family: 'Malgun Gothic'; width:100%; padding:0; margin:0; letter-spacing:-1px;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
a{text-decoration:none;color:#000;}
label, span{vertical-align:top;}
img{vertical-align:middle;max-width: 100%;}

strong{font-weight:bold;}
caption{position:absolute; left:-10000px; top:auto;  height:1px; overflow:hidden;}
.hidden{position:absolute; left:-10000px; top:auto;  height:1px; overflow:hidden;}
 
p{word-break:break-all;}
 


#wrap { width:1000px;margin:0 auto;position:relative; }
#new-header { width:100%; float:left; position:relative;  border-bottom:2px solid #000; }
#new-header .logo { float:left; width:100%; text-align:left; border-bottom:1px solid #d5d5d5; padding:15px 0; }
#new-header .logo .right-box { float:right; text-align:left; }
#new-header .menu-wrap { width:100%; float:left;  }
#new-header .menu-wrap ul { padding:0; margin:0;}
#new-header .menu-wrap li { float:left;  text-align:left; padding:12px 30px;  position:relative; }
 
#new-header .menu-wrap li a { display:inline;font-size:22px; font-weight:normal; padding-bottom:10px; color:#000; font-family:'Calibri'}
#new-header .menu-wrap li a.active {  color:#113e8e;} 
#new-header .menu-wrap li > ul { display:none; }
#new-header .menu-wrap li:hover > ul { display:block; width:100%; position:absolute; z-index:2;  background-color:#fff; top:51px; box-sizing:border-box; padding:15px 0; border-top:2px solid #000; box-shadow:2px 2px 2px gray;}
#new-header .menu-wrap li ul li { width:100%; float:left; margin:0; text-align:center; padding:7px 0; }
#new-header .menu-wrap li ul li a { font-size:14px; font-family:'malgun gothic' }
#new-header .menu-wrap li ul li:first-child { padding-left:0;}
#new-header .menu-wrap li ul.ulmenu01 { left:0px;}
#new-header .menu-wrap li ul.ulmenu02 { left:0px;}
#new-header .menu-wrap li ul.ulmenu03 { left:0px;}
#new-header .menu-wrap li ul.ulmenu04 { left:0px;}
#new-header .menu-wrap li ul.ulmenu05 { left:0px; }



#new-header .menu-wrap .snswrap { float:right; padding:10px 0;}





/*메인 리뉴얼*/
.new_main {width:100%;   position:relative; overflow:hidden; margin:0 auto; }
.new_main .visual { width:100%; height:385px; float:left; background:url(../image/main/mainvisual.jpg) no-repeat center center; background-size:100%; position:relative; display:table; box-sizing:border-box; padding:45px;}
.new_main .visual .text-box { width:100%; margin:0 auto; position:relative; height:100%; display:table-cell; color:#000; vertical-align:middle; text-align:left;  }
.new_main .visual .text-box span.title01 { display:inline-block; font-size:21px; font-weight:normal;  }
.new_main .visual .text-box span.title02 { display:inline-block; font-size:35px; font-weight:bold; margin:0 0 10px 0;}
.new_main .visual .text-box span.title03 { display:inline-block; font-size:15px; font-weight:normal; line-height:22px;  }
.new_main .visual .text-box span.title04 { display:inline-block; margin-top:10px;}
.new_main .box-wrapper { width:100%; float:left; margin-top:20px; position:relative; overflow:hidden;  }
.new_main .box-wrapper ul { padding:0; margin:0; }
.new_main .box-wrapper li { float:left;  width:335px; margin-left:-1px;} 
.new_main .box-wrapper li:first-child { margin-left:0px;} 
.new_main .box-wrapper li:last-child li { margin-left:0px;}

.new_main .box-wrapper li:last-child { width:332px; background-color:#f7f7f7;} 
.new_main .box-wrapper li .box-float { width:100%; box-sizing:border-box; border:1px solid #d5d5d5; float:left; padding:20px 20px;  }
.new_main .box-wrapper li .box-float:last-child { margin-top:-1px;}
.new_main .box-wrapper li:last-child .box-float { margin-top:0px;}
.new_main .box-wrapper li .box-float > .title { width:100%; float:left; text-align:left; font-size:20px; font-weight:bold; background:url(../image/main/banner_underbg.jpg) no-repeat bottom left; padding-bottom:10px;}
.new_main .box-wrapper li .box-float > .title span.more { float:right; background:url(../image/main/btn_morego.png) no-repeat center center; width:22px; text-indent:-9999px; cursor:pointer; background-size:100%;}
.new_main .box-wrapper li .box-float > .text-box1 { width:100%; float:left; font-size:22px; font-weight: bold; line-height:30px; letter-spacing:-0.1em; padding:20px 0 0 0;}
.new_main .box-wrapper li .box-float > .text-box2 { width:100%; float:left; font-size:14px; padding:12px 0 5px 0; line-height:25px; text-align:justify; letter-spacing:-1px; }
.slider-text { font-size:18px; float:left; text-align:left; margin-top:15px; line-height:25px; }

.interview-text { margin-top:15px; font-weight:bold; }
.news-imgbox { margin-top:15px;}
.focus-box {  height:330px; background:url(../image/main/main_focus_bg.jpg) no-repeat 115px 173px; background-size:70%;}
.interview-box { height:330px;background:url(../image/main/banner03_bg.png) no-repeat 30px 130px; background-size:80%;}
.report-box { background:url(../image/main/banner02_bg.jpg) no-repeat 10px 80px; height:330px; background-size:320px; }
/*
.news-box {  height:330px}
*/
.news-box { background:url(../image/main/banner09_bg.jpg) no-repeat 10px 80px; height:330px; background-size:320px; }
.library-box { height:659px; position:relative;}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100% !important;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.rslides li .sliderbox { width:100%; float:left; font-size:22px; line-height:30px; font-weight:bold; letter-spacing:-0.1em; padding:16px 0 0 0;}
.rslides li .sliderbox.sub {   font-size:14px; padding:5px 0; line-height:25px;}
.rslides li .sliderbox.img-box { width:100%; float:left; box-sizing:border-box; padding:15px; border:1px solid #d5d5d5; background-color:#fff;}
.rslides li .sliderbox p { float:left; width:100%;}
.rslides li .sliderbox p:last-child { font-size:16px; font-weight:normal; line-height:24px; margin-top:15px; letter-spacing:0;}



 
.rslides_tabs  { width:60px; position:absolute; z-index:2; top:35px; right:15px; padding:0; margin:0; }
.rslides_tabs li { width:18px !important; }
.rslides_tabs li a { text-indent:-9999px; display:inline-block; width:12px; height:12px; background-color:#707070; border-radius:10px;}
.rslides_here a { background-color:#034e8e !important; }

#footer-group { width:100%; float:left;  background-color:#464646; box-sizing:border-box;  padding:30px; font-family:'dotum'; position:relative; }
#footer-group ul { padding:0; margin:0; }
#footer-group li { float:left; }
#footer-group li:first-child { width:263px; }
#footer-group .ft-logo { float:left; width:100%; }
#footer-group .ft-logo img { width:auto;}
#footer-group .ft-menu { width:100%; float:left; margin-top:20px;}
#footer-group .ft-menu ul { padding:0; margin:0; }
#footer-group .ft-menu li { float:left; text-align:left; border-right:1px solid #fff; }
#footer-group .ft-menu li:last-child { border-right:0px; }
#footer-group .ft-menu li a { color:#fff; display:block; padding:0 15px; font-weight:bold; font-size:12px;}
#footer-group .ft-txt { float:left; width:100%; margin-left:20px; font-size:12px; color:#fff; line-height:19px;}
#footer-group .right-position { position:absolute; z-index:2; right:30px; top:30px; font-size:12px; font-weight:bold; color:#fff;}

#go-top { position:fixed; right:0; bottom:20px;}


#mobile-menu { display:none;}


.gotop { position:fixed; z-index:111; right:0; bottom:30px;}


.pc-block { display:block; }
.tab-block { display:none; }
.mobile-block { display:none; }

@media only screen and (max-width : 768px) { 
#mobile-menu .logo-wrap a img { width:200px;}

#mobile-menu { display:block;}
#new-header { display:none;}
#wrap { width:100%; }

.new_main .visual { height:300px; background-size:100% 100%; padding:20px;}
.new_main .box-wrapper { width:96%; margin-left:2%;}

.new_main .box-wrapper li { width:50%; margin:0; }
.new_main .box-wrapper li+li { margin-left:0;}
.new_main .box-wrapper li+li .box-float { border-left:0px;}
.new_main .box-wrapper li+li+li { margin:-1px 0 0 0; }
.new_main .box-wrapper li+li+li .box-float { border-left:1px solid #d5d5d5;}
.new_main .box-wrapper li:last-child { width:100%;}
.library-box { height:auto; }


.rslides li .sliderbox { width:auto; position:relative;}
.rslides li .sliderbox:first-child { width:30%; float:left; }
.rslides li .sliderbox:last-child  { width:65%; float:left;}
.rslides li .sliderbox+.sliderbox { box-sizing:border-box; padding:0 10px 10px 20px;}
.rslides li .sliderbox.img-box { padding:5px;}



.interview-box {background-position:bottom center;height:330px;  }
.report-box { background-position:bottom center; background-size:50%;height:330px; }

.news-imgbox { height:330px; }
.focus-box { height:330px; }  
.news-box { height:330px; }
.library-box { height:330px; }





.news-imgbox img { width:100%;}







.pc-block { display:none; }
.tab-block { display:block; }
.mobile-block { display:block; }
 

.sub-wrap { width:100%; margin:0 0 0 0 !important; background-color:#fff;}
.new_main .box-wrapper { background:url(../image/main/tablet_bg.jpg) no-repeat bottom right; background-size:35%; } 
 #footer-group li { width:100%; }
#footer-group li:first-child  { display:none;}
#footer-group .ft-txt { margin:0;}

}
@media only screen and (max-width : 580px) {
 
}


@media only screen and (max-width : 480px) {
.rslides li .sliderbox.img-box { padding:30px;}
.focus-box > .text-box2 { display:block; }
.new_main .box-wrapper li:last-child { width:100%;}

.new_main .visual { height:auto; background-size:140% 100%; padding:60px 10px;}
.new_main .box-wrapper li { width:100%; margin:0; } 
.new_main .visual .text-box span.title01 { display:inline-block; font-size:16px; font-weight:normal;  }
.new_main .visual .text-box span.title02 { display:inline-block; font-size:26px; font-weight:bold; margin:10px 0 15px 0;}
.new_main .visual .text-box span.title03 { display:inline-block; font-size:14px; font-weight:normal; line-height:22px; }
.new_main .visual .text-box span.title04 { display:inline-block; margin-top:10px;}
.new_main .visual .text-box span.title04 img { width:80px;}
.new_main .visual .text-box { text-align:center;}

.new_main .box-wrapper li .box-float { margin:10px 0; border:none; padding:15px;} 
.new_main .box-wrapper li .box-float > .title { background:url(); border-bottom:1px solid #494949;}
.new_main .box-wrapper li+li+li .box-float { border-left:0px;}

.rslides_tabs { top:20px; }



.interview-text { height:250px; }
.news-imgbox { height:auto; }
.focus-box { height:auto; }
.interview-box { height:200px; background-position:right bottom; background-size:200px; }
.report-box { height:230px; background-position:right bottom; background-size:50%; }
.news-box { height:auto; }
.library-box { height:auto; }


.pc-block { display:none; }
.tab-block { display:none; }
.mobile-block { display:block; }

.rslides li .sliderbox:first-child { width:100%; }
.rslides li .sliderbox:last-child  { width:100%;}
.rslides li .sliderbox+.sliderbox {  padding:10px 10px 10px 20px;}




}