@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

/********************************
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: "Noto Sans KR", sans-serif;width:100%;}
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;}
input{font-family: "Noto Sans KR", sans-serif;}
textarea{font-family: "Noto Sans KR", sans-serif;}
textarea{font-family: "Noto Sans KR", sans-serif;}
p{word-break:break-all;}

/* keep-all */



/* skip Navi */
#skip {position:relative;}
#skip dt {display:none}
#skip dd a {display:block; position:absolute; top:-50px; left:0; z-index:10; width:100%; background:#efefef; line-height:14px; text-decoration:none; text-align:center;line-height:30px;}
#skip dd a:active,
#skip dd a:focus {top:0;}


/*header-group*/

#wrap{width:100%;margin:0 auto;position:relative;}
.header-group{width:100%;padding-top:20px;}
.header-group.pc{position: relative;}
.header-group .bg_area{position: absolute;height:48px;bottom:0;left:0;width:100%;z-index: -1;}
.header-group .bg_area .left_color{width:50%;background: #0a3387;float:left;height:48px;}
.header-group .bg_area .right_color{width:50%;background: #3c3c3c;float:left;height:48px;}
.header-group header{height:58px;width:1150px;margin:0 auto;}
.header-group header .logo{display:inline-block;float:left;}
.header-group header .util{display:inline-block;float:right;padding-top:1px;}
.header-group header .util li{display:inline-block;float:left;height:35px;}
.header-group header .util li a{display:inline-block;height:27px;width:110px;font-size:14px;font-weight:600;line-height:35px;margin-left:10px;text-align:center;padding-left:30px;height:35px;border-radius: 30px;}
.header-group header .util li.menu01 a{color:#4d4d4d;background:#dddddd url('../image/common/gnb_icon01.png')no-repeat 17% center;}
.header-group header .util li.menu02 a{color:#4d4d4d;background:#dddddd url('../image/common/gnb_icon02.png')no-repeat 13% center;}
.header-group.pc{display:block;}
.header-group.mo{display:none;}
header .hd-sns{display:inline-block;float:right;overflow:auto;padding-top:5px;padding-right:3px;}
header .hd-sns ul li{display:inline-block;float:left;padding-left:4px;}
.hd-sns-m{text-align:center;overflow:auto;}
.hd-sns-m ul li{display:inline-block;padding-left:6px;}
.hd-sns-m ul li:first-child{padding-left:0;}

/*GNB*/
#gnb{height:48px;width:1150px;background:#3c3c3c;color:#fff;margin:0 auto;}
#gnb h1{width:22%;float:left;height:48px;line-height:48px;font-size:18px;font-weight:500;background:#0a3387;text-align:center;}
#gnb .gnb-1depth{width:78%;float:left;height:48px;}
#gnb .gnb-1depth > li{position:relative;width:20%;display:inline-block;float:left;text-align:center;background:url('../image/common/gnb-sl.png') no-repeat left center;}
#gnb .gnb-1depth > li.last{width:19%;}
#gnb .gnb-1depth > li.last a{padding-left:30px;color:#aed0fe;background:url('../image/common/gnb-icon.png') no-repeat 20% 55%;}
#gnb .gnb-1depth > li:first-child{background:none;}
#gnb .gnb-1depth > li > a{display:block;font-size:16px;color:#fff;line-height:48px;}
#gnb .gnb-1depth > li > a:hover{font-weight:700;color:#aed0fe;}
#gnb .gnb-2depth{display:none;position:absolute;background:#fff url('../image/common/gnb-bg.png') no-repeat top;width:100%;padding:23px 0;z-index:999;}
#gnb .gnb-2depth li a{font-size:16px;color:#999999;line-height:19px;margin:11px 0;display:block;}
#gnb .gnb-2depth li a:hover{color:#3c6091;}


/*visual*/
#visual{height:370px;width:100%;background:url('../image/main/visual.jpg') no-repeat 60% 20%;background-size:cover;}
#visual .visual-tit{width:100%;padding-top:80px;text-align:center;}
#visual .visual-tit h3{font-size:24px;font-weight:900;coloR:#fff;line-height:30px;    text-shadow: #565656 2px 3px 6px;}
#visual .visual-tit h1{font-size:48px;font-weight:500;color:#fff;line-height:48px;padding:15px 0 0; /*background:url('../image/main/tit-line.png') no-repeat bottom center;*/    text-shadow: #565656 2px 3px 6px;}
#visual .visual-cont{width:100%;padding-top:45px;}
#visual .visual-cont .con-txt{position:relative;display:inline-block;width:80%;float:left;height:124px;background:url('../image/main/visual-text-bg.png') repeat;}
#visual .visual-cont .con-txt p{padding:17px 0 0 5%;font-weight:300;font-size:15px;line-height:23px;coloR:#ffffff;width:83%;}
#visual .visual-cont .con-txt p span{display:inline;}
#visual .visual-cont .con-txt a{position:absolute;display:inline-block;top:29px;right:30px;width:56px;line-height:66px;height:70px;font-size:14px;color:#fff;background:url('../image/main/visual-more.png') no-repeat right;}
#visual .visual-cont .con-menu{display:inline-block;width:16.3%;float:left;margin-left:1.3%;}
#visual .visual-cont .con-menu li{height:34px;line-height:34px;border:1px solid #b9c2c8;padding-left:8%;margin-top:8px;background:url('../image/main/visual-icon-more.png') no-repeat 90% center;}
#visual .visual-cont .con-menu li:first-child{margin-top:0;}
#visual .visual-cont .con-menu li a{display:block;color:#fff;font-sizE:14px;font-weight:bold;}

/*main-content*/
#main-content{width:1150px;margin:0 auto;position:relative;background:#ebebeb;}
#main-content .main-ctwrap{padding:20px 2.6% 25px 2.6%;height:460px;}
#main-content .main-ctwrap > div, #main-content .main-ct02 li{display:inline-block;float:left;}
#main-content .main-ct01{width:24%;}
#main-content .main-ct01 ul li{height:224px;margin-top:16px;}
#main-content .main-ct01 ul li:first-child{margin-top:0;}
#main-content .main-ct01 ul li a{display:block;height:100%;width:83%;padding:0 8.1%;background:#fff url('../image/main/main-ct01-bg.png') no-repeat 95% 9%;border:1px solid #d3d3d3;}
#main-content .main-ct01 ul li a h1{padding-top:20px;font-size:18px;line-height:18px;}
#main-content .main-ct01 ul li a h1 span{font-weight:bold;}
#main-content .main-ct01 ul li a img{padding-top:12px;height:110px;width:100%;}
#main-content .main-ct01 ul li a p{font-size:13px;padding-top:10px;line-height:18px;}
#main-content .main-ct01 ul li a p.letter{font-size:13px;}
#main-content .main-ct01 ul li a h2{font-size:16px;line-height:20px;font-weight:bold;}
#main-content .main-ct02{width:49.2%;margin:0 1.4%;height:466px;}
#main-content .main-ct02 .top{width:48.75%;height:224px;position:relative;}
#main-content .main-ct02 .top h1{width:83%;padding:0 8.5%;padding-top:20px;font-size:18px;line-height:18px;color:#fff;background: url('../image/main/main-ct02-bg.png') no-repeat 95% 98%;}
#main-content .main-ct02 .top h1 span{font-weight:bold;}
#main-content .main-ct02 .top h2{width:83.5%;padding:0 8.25%;padding-top:5px;font-size:14px;color:#fff;line-height:18px;}
#main-content .main-ct02 .top h2.letter{letter-spacing:-1.2px;}
#main-content .main-ct02 .top h3{position:absolute;bottom:11px;;width:100%;font-size:13px;coloR:#fff;text-align:center;}
#main-content .main-ct02 .top.left{background:url('../image/main/main_1920_03.png') no-repeat 55%;background-size:cover;}
#main-content .main-ct02 .top.right{margin-left:2.5%;background:url('../image/main/main_1920_05.png') no-repeat 55%;background-size:cover;}
#main-content .main-ct02 .bottom{display:block;width:100%;height:224px;margin-top:16px;}
#main-content .main-ct02 .bottom .border-wrap{height:100%;background:#fff;border:1px solid #d3d3d3;}
#main-content .main-ct02 .bottom .border-wrap .top-bg{position:relative;height:50%;background:url('../image/main/main-ct02-03.png') no-repeat 100% 0%;background-size:cover;}
#main-content .main-ct02 .bottom .border-wrap .top-bg h1{display:inline-block;padding-left:4%;padding-top:25px;font-size:18px;line-height:18px;color:#fff;}
#main-content .main-ct02 .bottom .border-wrap .top-bg h1 span{font-weight:bold;}
#main-content .main-ct02 .bottom .border-wrap .top-bg .more{position:absolute;right:20px;top:18px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg{height:90px;width:93%;padding:22px 3.5% 0 3.5%;background:url('../image/main/main-ct02-03-bg.png') no-repeat 95.5% bottom;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li{display:block;float:inherit;padding-bottom:7px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a{display:inline-block;color:#333333;font-size:14px;line-height:30px;height:30px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a.eng-font{font-size:13px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a > span{display:inline-block;font-size:15px;height:30px;padding:0 13px;margin-right:10px;background:#000;border-radius:20px;color:#fff;font-weight:500;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a > span.c-typeA{background:#6086ba}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a > span.c-typeB{background:#1da0bf;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a em.txtline{display:inline-block;width:69%; line-height:18px;padding-top:2px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a em. span{display:inline-block;}
#main-content .main-ct03{width:24%;height:466px;}
#main-content .main-ct03 ul li{height:224px;margin-top:16px;}
#main-content .main-ct03 ul li:first-child{margin-top:0;}
#main-content .main-ct03 ul li a{display:block;height:100%;width:83%;padding:0 8.1%;background:#fff url('../image/main/main-ct01-bg.png') no-repeat 95% 9%;border:1px solid #d3d3d3;}
#main-content .main-ct03 ul li a h1{padding-top:19px;font-size:18px;line-height:18px;}
#main-content .main-ct03 ul li a h1 span{font-weight:bold;}
#main-content .main-ct03 ul li.notice a img{padding-top:12px;/* height:76px; */width:100%;}
#main-content .main-ct03 ul li.policy a{text-align:center;}
#main-content .main-ct03 ul li.policy a h1{text-align:left;}
#main-content .main-ct03 ul li.policy a img{padding-top:12px;height:156px;width:auto;max-width:95%;}
#main-content .main-ct03 ul li a p{font-size:14px;line-height:17px;padding-top:3px;color:#666666;}
#main-content .main-ct03 ul li a h2{font-size:15px;padding-top:10px;font-weight:bold;line-height:18px;}
#footer-sitemap{width:100%;}
#footer-sitemap .sitemap-wrap{width:1150px;height:190px;margin:0 auto;position:relative;background:#f5f6f8 url(../image/main/sitemap_bg.png) no-repeat 5% 90%;;box-sizing: border-box;border:1px solid #d4d7db;}
#footer-sitemap .sitemap-wrap > ul{padding:25px 2% 0 2%;width:100%;overflow: hidden;box-sizing: border-box;}
#footer-sitemap .sitemap-wrap > ul > li{display:inline-block;float:left;width:17%;padding-left:3%;text-align:left;}
#footer-sitemap .sitemap-wrap > ul > li > a{display:inline-block;font-size:16px;color:#29396e;font-weight:600;line-height:24px;padding-bottom:8px;}
#footer-sitemap .sitemap-wrap > ul > li > a::after{content: "";display: block;width:40px;height:2px;background: #6f94d5;margin-top:8px;}
#footer-sitemap .sitemap-wrap > ul > li > ul > li{padding-bottom:3px;}
#footer-sitemap .sitemap-wrap > ul > li > ul > li > a{font-size:15px;color:#666666;line-height:24px;}
#footer-group{width:1150px;;margin:0 auto;height:120px;}
#footer-group footer{position:relative;overflow:hidden;width:95%;padding:30px 2.5% 0 2.5%;}
#footer-group footer img{float:left;}
#footer-group footer .ft-txt{display:inline-block;float:left;padding-left:35px;margin-top:-2px;}
#footer-group footer .ft-txt p{font-size:13px;color:#cccccc;line-height:20px;}
#footer-group footer .ft-txt .sns{position:absolute;right:2.5%;top:40px;}
#footer-group footer .ft-txt .sns li{display:inline-block;float:left;padding-left:7px;}
#footer-group footer .ft-txt .sns li a{display: block;height:35px;line-height:35px;text-align: center;padding:0 22px 0 50px;color:#fff;font-size:16px;font-weight: 500;background: #dddddd url(../image/common/footer_icon.png) no-repeat 11% center;border-radius: 30px;}
#footer-group footer .select-site{float:right;height:38px;width:170px;line-height:38px;color:#999999;font-size:15px;border:1px solid #e1e3e4;padding-left:10px;}
#go-top{position:absolute;right:-70px;bottom:120px;}
img.pc{display:block;}
img.mo{display:none;}
#main-content .main-ct02 .bottom .border-wrap .top-bg h1{display:block;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg h1{display:none;}
#main-content .main-ct03 ul li.policy p{display:none;}
/******************************************************************************
* Media 1500px
******************************************************************************/
@media only screen and (max-width:1310px){
#go-top{right: 30px;bottom: 120px;}
}

@media only screen and (max-width:1170px){
#main-content{width:100%;}
#footer-sitemap .sitemap-wrap{width:100%;}
.header-group header{padding:0 2%;}
#wrap{width:100%;margin:0 auto;position:relative;}
#gnb h1{font-size:18px;}
#gnb .gnb-1depth > li > a{font-size:16px;}
#gnb .gnb-2depth li a{font-size:14px;}
#visual .visual-cont .con-txt p{font-size:14px;text-align:justify;}
#visual .visual-cont .con-txt p span.line3, #visual .visual-cont .con-txt p span.line4{display:inline;}
#go-top{right: 30px;bottom: 120px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a em.txtline{width:77%;}
}
@media only screen and (max-width:1150px){




#gnb h1{font-size:16px;}
#gnb .gnb-1depth > li.last a {padding-left:20px;background: url('../image/common/gnb-icon.png') no-repeat 15% 55%;}
#visual .visual-cont .con-txt p{width:78%;padding-left:3.5%;}
#visual .visual-cont .con-txt p span.line1, #visual .visual-cont .con-txt p span.line2{display:inline;}

}




/******************************************************************************
* Media 1024px
******************************************************************************/
@media only screen and (max-width:1024px){
  .header-group header{width:95%}
  #gnb{width:95%;}
  #footer-group{width:95%;}
#visual .visual-cont .con-txt p span.line3{display:none;}
#gnb h1{font-size:15px;}
#gnb .gnb-1depth > li > a{font-size:14px;}
#gnb .gnb-2depth li a{font-size:13px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a em.txtline{width:70%;word-break:break-all;letter-spacing:-1px;}
#go-top{right:25px;bottom: 120px;}
/*#main-content .main-ct01{width:23.5%;}
#main-content .main-ctwrap {padding:40px 3%;height:506px;}
#main-content .main-ct01 ul li{height:248px;margin-top:10px;}
#main-content .main-ct01 ul li a h1{padding-top:20px;font-size:17px;line-height:20px;}
#main-content .main-ct01 ul li a img{height:120px;;}
#main-content .main-ct01 ul li a p{font-size:13px;padding-top:10px;line-height:16px;}
#main-content .main-ct01 ul li a p.letter{letter-spacing:-2px;}
#main-content .main-ct01 ul li a h2{font-size:15px;padding-top:1px;}
#main-content .main-ct02{width:50%;margin:0 1.4% 0 1.6%;height:506px;}
#main-content .main-ct02 .top{width:48.5%;height:248px;position:relative;}
#main-content .main-ct02 .top h1{padding-top:20px;font-size:17px;line-height:20px;}
#main-content .main-ct02 .top h2{font-size:14px;line-height:17px;}
#main-content .main-ct02 .top h3{bottom:15px;}
#main-content .main-ct02 .top.left{background:url('../image/main/main-ct02-01.png') no-repeat 55% 100%;background-size:cover;}
#main-content .main-ct02 .top.right{margin-left:2.5%;background:url('../image/main/main-ct02-02.png') no-repeat 55% 100%;background-size:cover;}
#main-content .main-ct02 .bottom{height:248px;margin-top:10px;}
#main-content .main-ct02 .bottom .border-wrap .top-bg h1{font-size:17px;line-height:20px;padding-top:20px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg{height:94px;padding:30px 3% 0 3%;width:94%;background:url('../image/main/main-ct02-03-bg.png') no-repeat 94% bottom;background-size:90px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a{font-size:15px;line-height:25px;height:25px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a span{padding:0 10px;margin-right:8px;height:25px;line-height:25px;}
#main-content .main-ct03{width:23.5%;height:506px;}
#main-content .main-ct03{height:506px;}
#main-content .main-ct03 ul li{height:248px;margin-top:10px;}
#main-content .main-ct03 ul li a h1{font-size:17px;line-height:20px;padding-top:20px;}
#main-content .main-ct03 ul li.notice a img{height:85px;}
#main-content .main-ct03 ul li.policy a img{padding-top:15px;height:170px;}
#main-content .main-ct03 ul li a p{font-size:13px;padding-top:5px;line-height:16px;}
#main-content .main-ct03 ul li a p span.hidden{display:none;}
#main-content .main-ct03 ul li a h2{font-size:14px;padding-top:12px;font-weight:bold;}
#main-content .main-ct03 ul li a h2.letter{letter-spacing:-2px;}*/
/*#footer-sitemap .sitemap-wrap{height:270px;}
#footer-sitemap .sitemap-wrap > ul{padding-top:50px;}
#footer-sitemap .sitemap-wrap > ul > li > a{font-size:17px;padding-bottom:9px;}
#footer-sitemap .sitemap-wrap > ul > li > ul > li{padding-bottom:8px;}
#footer-sitemap .sitemap-wrap > ul > li > ul > li > a{font-size:16px;line-height:24px;}
#footer-group footer{width:97%;padding-left:3%;}
#footer-group footer img.ft-logo{width:170px;height:auto;}
#footer-group footer .ft-txt{padding-left:25px;}*/

}

@media only screen and (max-width:1000px){
#visual .visual-cont .con-txt p{padding-top:15px;}
#visual .visual-cont .con-txt{width:77.5%;}
}
@media only screen and (max-width:930px){
#footer-group{height:200px;}
#footer-group footer .select-site{float:inherit;position:absolute;bottom:35px;;left:220px;}
#go-top{bottom:200px;}
}
@media only screen and (max-width:950px){
#main-content .main-ct03 ul li a h2{line-height:23px;}
#main-content .main-ct03 ul li a p{display:none;}
#main-content .main-ct01 ul li a p{letter-spacing:-2px;}
}
@media only screen and (max-width:900px){
#visual .visual-cont .con-menu li{background:none;}
}

@media only screen and (max-width:820px){
#gnb h1{font-size:14px;}
}
@media only screen and (max-width:800px){
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a{letter-spacing:-1px;}
}

/******************************************************************************
* Media 768px
******************************************************************************/
@media only screen and (max-width:768px){
#visual .visual-cont .con-txt p span.line3{display:inline;}
#main-content .main-ct03 ul li a h2{line-height:23px;}
#main-content .main-ct03 ul li a p{display:block;}
#main-content .main-ct01 ul li a p{letter-spacing:0px;}
.header-group header .logo img{width:auto;padding-top:0px;}
#wrap{overflow:hidden;}
img.pc{display:none;}
img.mo{display:block;}
.header-group.pc{display:none;}
.header-group.mo{display:block;padding-top:0}
.header-group header{height:50px;padding:0 3.5%;padding-top:20px;}
.header-group header .m-util{display:inline-block;float:right;}
.header-group header .m-util img{padding-top:5px;}
.header-group header h2.title{display:inline-block;font-size:18px;font-weight:500;color:#3c3c3c;}
.header-group header h2.title strong{font-weight:700;padding-right:10px;padding-left:22px;}
#mo-gnb{display:none;}
#mo-gnb.on{display:block;}
.moblie-layer.on{display:block;position:absolute;height:100%;width:100%;background: url('../image/common/mo-bg.png') repeat;z-index:10;}
#mo-gnb{position:absolute;top:0;right:0;width:280px;height:100%;z-index:999;background:#215097;}
#mo-gnb .util{height:70px;padding:0 20px;}
#mo-gnb .util a{display:inline-block;margin-top:22px;}
#mo-gnb .util a.btn-x{float:right;}
#mo-gnb .gnb-1depth > li{border-bottom:1px solid #6197e0;background: url('../image/common/mo-gnb-down.png') no-repeat 91.6% 29px;}
#mo-gnb .gnb-1depth > li.selected{background: url('../image/common/mo-gnb-up.png') no-repeat 91.6% 29px;}
#mo-gnb .gnb-1depth > li:first-child{border-top:1px solid #6197e0;}
#mo-gnb .gnb-1depth > li > a{display:block;font-size:22px;coloR:#fff;line-height:26px;padding:19px 20px;}
#mo-gnb .gnb-2depth{display:none;background:#6197e0;padding:18px 0;}
#mo-gnb .gnb-2depth li{padding:3px 33px;}
#mo-gnb .gnb-2depth li a{font-size:20px;color:#fff;line-height:28px;}
#mo-gnb .gnb-2depth li a:hover{text-decoration:underline;}
#mo-gnb .util-bt{padding:38px 20px 20px 20px;}
#mo-gnb .util-bt li{border:1px solid #6197e0;margin-bottom:10px;}
#mo-gnb .util-bt li a{display:block;height:48px;line-height:48px;text-align:center;font-size:18px;color:#fff;padding-left:20px;}
#mo-gnb .util-bt li.menu01{background:url('../image/common/mo-gnb-icon01.png') no-repeat 25% center;}
#mo-gnb .util-bt li.menu02{background:url('../image/common/mo-gnb-icon02.png') no-repeat 23% center;}
#mo-gnb .util-bt li.menu03{background:url('../image/common/mo-gnb-icon03.png') no-repeat 17% center;}
#visual{height:610px;background: url('../image/main/visual-mo.png') no-repeat 72%;background-size:cover;}
#visual .visual-tit{padding-top:75px;}
#visual .visual-tit h1{padding-top:6px;padding-bottom:40px;}
#visual .visual-cont{width:94%;padding:0 3.0%;padding-top:30px;}
#visual .visual-cont .con-txt{display:block;width:100%;height:auto;float:inherit;height:255px;}
#visual .visual-cont .con-txt p{padding:20px 5% 50px 5%;width:90%;font-size:18px;line-height:28px;}
#visual .visual-cont .con-txt a {top:inherit;bottom: 25px;right: 30px;width: auto;line-height: 16px;padding-right:12px;height: 20px;font-size: 16px;background: url('../image/main/visual-more-mo.png') no-repeat right;}
#visual .visual-cont .con-menu{display:block;width:100%;float:inherit;margin:0;padding-top:32px;}
#visual .visual-cont .con-menu ul li {display:inline-block;width:33.33%;float:left;border:0;padding:0;margin:0;text-align:center;}
#visual .visual-cont .con-menu ul li a{display:block;border:1px solid #c8d1e0;margin-left:-1px;font-size:18px;padding:11px 0;}
#footer-sitemap{display:none;}
#footer-group{position:relative;background:#fafafa;height:auto;padding-bottom:40px;}
#footer-group footer{padding-top:30px;}
#footer-group footer img.ft-logo{float:inherit;}
#footer-group footer .ft-txt{display:block;float:inherit;padding-left:0;padding-top:20px;}
#footer-group footer .select-site{bottom:inherit;top:72px;left:2.7%;width:95%;}
#footer-group footer .ft-txt p{font-size:16px;line-height:25px;}
#footer-group footer .ft-txt p.last{padding-top:5px;}
#go-top{bottom:120px;}
#main-content .main-ctwrap{padding:30px 3%;height:1576px;}
#main-content .main-ctwrap > div, #main-content .main-ct02 li{display:block;float:inherit;width:100%;height:auto;}
#main-content .main-ct01 ul li{position:relative;height:211px;margin-top:15px;}
#main-content .main-ct01 ul li a{width:95%;padding:0 2.5%;background: #fff url('../image/main/main-ct01-bg-m.png') no-repeat 97% 17%;}
#main-content .main-ct01 ul li a h1{padding-left:220px;font-size:26px;padding-top:32px;}
#main-content .main-ct01 ul li a p{padding-left:220px;font-size:20px;line-height:24px;padding-top:23px;}
#main-content .main-ct01 ul li a p.letter{letter-spacing:0;}
#main-content .main-ct01 ul li a h2{padding-left:220px;font-size:24px;padding-top:8px;line-height:26px;}
#main-content .main-ct01 ul li a img{position:absolute;left:2.5%;top:21px;float:left;height:170px;width:200px;padding-top:0;}
#main-content .main-ct02 > ul > li{height:211px;margin-top:15px;}
#main-content .main-ct02{margin-left:0;}
#main-content .main-ct02 .top, #main-content .main-ct02 .top.right{height:211px;margin-left:0;width:100%;}
#main-content .main-ct02 .top a{display:block;width:95%;padding:0 2.5%;height:100%;background:url('../image/main/main-ct02-bg-m.png') no-repeat 97% 17%;}
#main-content .main-ct02 .top h1{padding-left:220px;font-size:26px;padding-top:32px;}
#main-content .main-ct02 .top h2{padding-left:220px;font-size:20px;line-height:28px;padding-top:20px;width:auto;padding-right:0;}
#main-content .main-ct02 .top h3{position:inherit;text-align:left;padding-left:220px;font-size:18px;padding-top:25px;}
#main-content .main-ct02 .top.left{background:url('../image/main/main_640.png') no-repeat 100% 100%;background-size:100% 100%;}
#main-content .main-ct02 .top.right{margin-left:0%;background:url('../image/main/main_640_2.png') no-repeat 100% 100%;background-size:100% 100%;}
#main-content .main-ct02 .bottom{height:211px;margin-top:15px;}
#main-content .main-ct02 .bottom .border-wrap{position:relative;width:95%;padding:0 2.5%;background:#fff url('../image/main/main-ct01-bg-m.png') no-repeat 97% 17%;}
#main-content .main-ct02 .bottom .border-wrap .top-bg{position:absolute;left:2.5%;top:21px;float:left;height:170px;width:200px;background: url('../image/main/main-ct02-03-m.png') no-repeat 100% 100%;background-size:100% 100%;float:left;}
#main-content .main-ct02 .bottom .border-wrap .top-bg h1{display:none;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg h1{display:block;font-size:26px;padding-top:20px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg h1 span{font-weight:bold;}
#main-content .main-ct02 .bottom .border-wrap .top-bg .more{display:none;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg{padding:0;display:inline-block;float:left;padding-left:220px;background:none;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a{font-size:20px;display:block;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a > span{font-size:20px;line-height:25px;padding:0 10px;margin-right:8px;height:25px;line-height:25px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a em{display:block;padding-left:3px;padding-top:0px;margin-top:-3px;width:100%;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a.eng-font{font-size:19px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li{width:67%;padding-top:23px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li:first-child{padding-top:0;}
/* #main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a em.txtline{display:inherit;width:auto;} */
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul{padding-top:10px;}
#main-content .main-ct03 ul li{height:211px;margin-top:15px;position:relative;}
#main-content .main-ct03 ul li:first-child{margin-top:15px;}
#main-content .main-ct03 ul li a{width:95%;padding:0 2.5%;height:100%;background:#fff url('../image/main/main-ct01-bg-m.png') no-repeat 97% 17%;}
#main-content .main-ct03 ul li.notice a img{position:absolute;left:2.5%;top:21px;float:left;height:170px;width:200px;padding-top:0;}
#main-content .main-ct03 ul li.policy a img{position:absolute;left:2.5%;top:21px;float:left;height:170px;width:170px;padding-top:0;padding-left:15px;}
#main-content .main-ct03 ul li a h1{padding-left:220px;font-size:26px;padding-top:32px;}
#main-content .main-ct03 ul li a h2{padding-left:220px;font-size:20px;line-height:26px;padding-top:15px;}
#main-content .main-ct03 ul li a p{padding-left:220px;font-size:18px;line-height:24px;padding-top:10px;}
#main-content .main-ct03 ul li.policy p{display:block;padding-left:220px;text-align:left;font-size:20px;line-height:26px;padding-top:20px;}
}



/******************************************************************************
* Media 640px
******************************************************************************/
@media only screen and (max-width:640px){
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a em{width:99%;overflow: hidden;text-overflow: ellipsis;display: block;white-space: nowrap;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li{width:60%;}
p{word-break:normal;}
}

@media only screen and (max-width:600px){
#visual .visual-cont .con-txt p span.line4{display:none;}
#visual .visual-cont .con-txt p span.line3{display:none;}
}

@media only screen and (max-width:550px){
/*#visual .visual-cont .con-txt p span.line2{display:none;}*/
}

@media only screen and (max-width:500px){
#visual .visual-cont .con-txt p span.line3{display:none;}
.header-group header h2.title{font-size:14px;}
.header-group header h2.title strong{font-weight:700;padding-right:4px;padding-left:10px;line-height:30px;}
#visual .visual-tit h3{font-size:22px;line-height:28px;}
#visual .visual-tit h1{font-size:32px;line-height:38px;}
}

@media only screen and (max-width:520px){
#main-content .main-ct02 .bottom .border-wrap .top-bg{display:none;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg{padding-left:0;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li{width:90%;}
#main-content .main-ct01 ul li a{width:auto;padding:0 20px;background:#fff;;}
#main-content .main-ct03 ul li.notice a img{display:none;}
#main-content .main-ct03 ul li.notice a h1{padding-left:0;}
#main-content .main-ct03 ul li.notice a h2{padding-left:0;}
#main-content .main-ct03 ul li.notice a p{padding-left:0;}
#main-content .main-ct01 ul li a img{width:145px;left:20px;}
#main-content .main-ct01 ul li a h1{padding-left:160px;}
#main-content .main-ct01 ul li a h2{padding-left:160px;word-break:break-all;}
#main-content .main-ct01 ul li a p{padding-left:160px;word-break:break-all;}
#main-content .main-ct02 .bottom .border-wrap{width:auto;padding:0 20px;}
#main-content .main-ct02 .top.left{background:url('../image/main/main_640.png') no-repeat 13% 100%;background-size:cover;}
#main-content .main-ct02 .top.right{margin-left:0%;background:url('../image/main/main_640_2.png') no-repeat 13% 100%;background-size:cover;}
#main-content .main-ct02 .top h1{padding-left:160px;}
#main-content .main-ct02 .top h2{padding-left:160px;}
#main-content .main-ct02 .top h3{padding-left:160px;}
#main-content .main-ct03 ul li a{width:auto;padding:0 20px;}
#main-content .main-ct03 ul li.policy a img{width:135px;padding-left:15px;}
#main-content .main-ct03 ul li.policy a h1{padding-left:160px;}
#main-content .main-ct03 ul li.policy p{padding-left:160px;}
#main-content .main-ct02 .top a{width:auto;padding:0 20px;background:none;}
#main-content .main-ct02 .bottom .border-wrap{background:#fff;;}
}
@media only screen and (max-width:430px){
#visual .visual-cont .con-txt p{font-size:15px;line-height:23px;}
}

@media only screen and (max-width:400px){
#visual .visual-cont .con-txt p{font-size:16px;}
#visual .visual-cont .con-menu ul li a{font-size:16px;}
.header-group header h2.title strong{display:none;}
.header-group header h2.title{padding-left:10px;line-height:31px;}
#main-content .main-ct01 ul li a h1{font-size:18px;}
#main-content .main-ct01 ul li a h2{font-size:17px;line-height:20px;}
#main-content .main-ct01 ul li a p{font-size:16px;line-height:18px;}
#main-content .main-ct03 ul li.notice a h1{font-size:18px;}
#main-content .main-ct03 ul li.notice a h2{font-size:17px;line-height:25px;}
#main-content .main-ct03 ul li.notice a p{font-size:16px;line-height:18px;}
#main-content .main-ct02 .top h1{font-size:18px;background:none;}
#main-content .main-ct02 .top h2{font-size:17px;line-height:20px;letter-spacing:-1px;}
#main-content .main-ct02 .top h3{font-size:15px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li{width:100%;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg h1{font-size:18px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul{padding-top:18px;}
#main-content .main-ct02 .bottom .border-wrap .bottom-bg ul li a{font-size:17px;}
#main-content .main-ct03 ul li.policy a h1{font-size:18px;}
#main-content .main-ct03 ul li.policy p{font-size:17px;}
#main-content .main-ct03 ul li a{background:#fff;}
#go-top{bottom:260px;right:15px;}
}

@media only screen and (max-width:340px){
.header-group header h2.title{font-size:12px;}
}



/*메인 리뉴얼*/
.new_main{width:1150px;overflow: hidden;margin:20px auto;}
.main_visual_wrap{float:left;width:40%;min-height:722px;}
.main_visual_wrap .visual_area{min-height:604px;background: url(../image/main/visual_pc.png) no-repeat;background-size:cover;}
.main_visual_wrap .visual_area h2{padding-top:65px;text-align: center;font-size:36px;font-weight:500;color:#fff;padding-bottom:30px;background: url(../image/main/visual_arrow.png) no-repeat center bottom;}
.main_visual_wrap .visual_area h2 a{color:#fff;}
.main_visual_wrap .focus_tab_area{min-height:170px;margin-top:-52px;}
.main_visual_wrap .focus_tab_area h3{font-size:22px;font-weight:500;color:#fff;padding-left:26px;line-height:49px;margin-bottom:3px;background: url(../image/main/visual_title_bg.png) no-repeat;}
.main_visual_wrap .focus_tab_area .tab_area{height:118px;background:#355dae url(../image/main/visual_tab_bg.png) no-repeat;box-sizing: border-box;padding-top:40px;}
.main_visual_wrap .focus_tab_area .tab_area ul{overflow: hidden;padding:0 25px;}
.main_visual_wrap .focus_tab_area .tab_area ul li{display: inline-block;}
.main_visual_wrap .focus_tab_area .tab_area ul li a{font-size:17px;font-weight:500;color:#fff;padding:0 32px 0 20px;;border:1px solid #6986bf;border-radius: 50px;line-height: 35px;display: block;background: url(../image/main/visual_tab_icon.png) no-repeat 86% center;}
.main_cont_wrap{float:left;width:60%;box-sizing:border-box;padding-left:10px;min-height:722px;padding-left:10px;}
.main_cont_wrap li{box-sizing: border-box;border:1px solid #d4d7db;}
.main_cont_wrap .left_area{box-sizing: border-box;width:66%;float:left;}
.main_cont_wrap .right_area{box-sizing: border-box;width:34%;float:left;padding-left:10px;}
.left_area ul{overflow: hidden;}
.left_area ul li{float:left;display: inline-block;}
.left_area ul li.coverstory{height:215px;width:100%;margin-bottom:10px;position: relative;padding:23px 17px 13px 17px;background:#fff url(../image/main/coverstory_bg.png) no-repeat right top;}
.left_area ul li.coverstory .main_sub_tit::before{content: "";height:3px;width:75px;background: #29396e;display: block;position: absolute;top:0;left:17px;}
.left_area ul li.coverstory p{font-size:16px;color:#666666;line-height:24px;letter-spacing: -0.25px;padding-top:5px;text-align: justify;}
.left_area ul li.report{height:242px;width:49%;text-align: center;padding:15px 10px;background:#fff url(../image/main/ip_report_bg.png) no-repeat right top;background-size:cover;position: relative;}
.left_area ul li.report img{position: absolute;top:78px;left:13%}
.left_area ul li.agency{height:242px;width:49%;text-align: center;padding:15px 10px;margin-left:2%;background:#fff url(../image/main/ip_agency_bg.png) no-repeat 60% bottom;background-size:cover;position: relative;}
.left_area ul li.agency img{position: absolute;top:78px;left:13%}
.left_area ul li.library{height:245px;width:100%;margin-top:10px;}
.left_area ul li.library .title{height:125px;background: url(../image/main/library_bg.png) no-repeat;background-size: cover;}
.left_area ul li.library .title h5{font-size:17px;color:#fff;font-weight:500;text-align: center;padding:50px 0;margin-left:-60px;}
.left_area ul li.library ul{padding:23px 13px;}
.left_area ul li.library ul li{border:0;position: relative;padding-left:85px;line-height:18px;font-size:15px;color:#333333;}
.left_area ul li.library ul li span{display: inline-block;position: absolute;left:0;top:0;padding:3px 11px;;color:#fff;font-weight:400;border-radius: 30px;}
.left_area ul li.library ul li.new{padding-top:3px;}
.left_area ul li.library ul li.new span{background: #2c54a3;}
.left_area ul li.library ul li.research {margin-top:12px;}
.left_area ul li.library ul li.research span{background: #74b62c;}
.left_area ul li .more_btn{font-size:13px;display: inline-block;color:#fff;line-height:28px;padding:0 25px;background:#6f94d5;border-radius: 30px;float:right;margin-top:12px;}
.left_area ul li .more_btn.ip{float:inherit;margin-top:5px;line-height:25px;position: absolute;bottom:8px;left:30%;}
.left_area ul li .ip_text{font-size:15px;color:#355dae;line-height: 18px;letter-spacing: -1px;text-align: left;font-weight: 400;}
.right_area ul{overflow: hidden;}
.right_area ul li .area{border:1px solid #d4d7db;box-sizing: border-box;height:175px;}
.right_area ul li.expert{border:0;height:202px;}
.right_area ul li.interview{border:0;height:202px;margin-top:12px;}
.right_area ul li.notice{height:125px;margin-top:10px;}
.right_area ul li.notice h5{background: #eeeeef;font-size:15px;font-weight:500;color:#6f94d5;line-height:18px;padding:10px 12px;}
.right_area ul li.notice p{font-size:15px;line-height:18px;font-weight:400;padding:16px 12px 0 12px;background: url(../image/main/notice_bg.png) no-repeat 15% top;}
.right_area ul li.notice p span{display: block;font-size:14px;color:#666666;}
.right_area ul li.policy{height:161px;margin-top:10px;background: url(../image/main/policy_bg.png) no-repeat;background-size:cover;padding:0 13px;text-align: center;}
.right_area ul li.policy h5{text-align:left;font-size:16px;font-weight:500;color:#fff;padding-top:6px;}
.right_area ul li.policy img{margin:0 auto;max-width:100%;}
h5.main_sub_tit{font-size:17px;line-height: 17px;padding-bottom:10px;font-weight: 600;color:#29396e;}
h5.main_sub_tit span{color:#6f94d5;}
h5.main_sub_tit.left{text-align: left;padding-bottom:5px;}
.area .people{width:100%;}
.area .people_text{font-size:15px;color:#666666;font-weight:400;line-height:21px;letter-spacing:-0.75px;padding:8px 10px}
.area .people_text strong{font-weight:500;color:#434343;display: block;}




@media only screen and (max-width:1024px){
  .right_area ul li.notice p span{display: none;}
  .right_area ul li.notice h5{font-size:14px;letter-spacing: -1.5px;}
  .right_area ul li.notice p{font-size:14px;letter-spacing: -1px;}
  .left_area ul li.library ul li{overflow:hidden;text-overflow: ellipsis;white-space: nowrap;height:25px;width:100%;}
.left_area ul li .more_btn.ip{left:20%;}
.left_area ul li.report img{top:100px;left:4%}
.left_area ul li.agency img{top:100px;left:4%}
    .new_main{width:95%;}
    .main_visual_wrap .visual_area h2{font-size:30px;}
    .main_visual_wrap .focus_tab_area h3{padding-left:10px;}
    .main_visual_wrap .focus_tab_area .tab_area ul{padding:0 10px;}
    .main_visual_wrap .focus_tab_area .tab_area ul li a{font-size:14px;background:none;padding:0 8px;}
    #footer-group footer .ft-txt .sns{position: relative;top:inherit;right:inherit;}
    #footer-group footer .ft-txt .sns li{padding-left:0;margin-top:10px;}
    .left_area ul li.coverstory p span.txt_hidden{display: none;}
}

@media only screen and (max-width:768px){
  .left_area ul li.coverstory p span.txt_hidden{display: inline;}
.new_main{width:100%;margin:0;}
#footer-group{width:100%;}
#footer-group footer{width:100%;box-sizing: border-box;}
.main_visual_wrap{width:100%;min-height:auto;}
.main_visual_wrap .visual_area{min-height:500px;}
.main_visual_wrap .focus_tab_area h3{padding-left:30px;}
.main_visual_wrap .focus_tab_area .tab_area{text-align: center;}
.main_visual_wrap .focus_tab_area .tab_area ul li{margin-left:5px;}
.main_visual_wrap .focus_tab_area .tab_area ul li:first-child{margin-left:0;}
.main_visual_wrap .focus_tab_area .tab_area ul li a{font-size:17px;padding:0 32px 0 20px;    background: url(../image/main/visual_tab_icon.png) no-repeat 86% center;}
.main_cont_wrap{width:100%;padding:20px 30px;}
.main_cont_wrap .left_area{width:100%;}
.main_cont_wrap .right_area{width:100%;padding-left:0;padding-top:20px;}
.right_area ul li{width:49%;float:left;}
.right_area ul li.interview{margin-left:2%;margin-top:0;}
.right_area ul li.policy{margin-left:2%;}
.right_area ul li .area{height:250px;}
.right_area ul li.expert{height:277px;}
.right_area ul li.interview{height: 277px;}
.area .people_text{font-size:16px;text-align: center;line-height:24px;padding:10px;}
.right_area ul li.notice{height:170px;}
.right_area ul li.policy{    height: 170px;}
.right_area ul li.policy h5{padding-bottom:5px;}
.right_area ul li.notice h5{font-size:16px;letter-spacing:0;}
.right_area ul li.notice p{font-size:16px;line-height:24px;letter-spacing: 0;}
.right_area ul li.notice p span{display: block;font-size:15px;padding-top:5px;}
.left_area ul li.report img{top:70px;left:26%}
.left_area ul li.agency img{top:70px;left:26%}
.left_area ul li .more_btn.ip{left:35%;}
.left_area ul li.coverstory .more_btn{margin-top:35px;}
}

@media only screen and (max-width:640px){
  .left_area ul li.coverstory .more_btn{margin-top:15px;}
  .right_area ul li .area{height:210px;}
  .right_area ul li.expert{height:237px;}
  .right_area ul li.interview{height: 237px;}
  .main_cont_wrap{padding:15px;}
  .area .people_text{font-size:14px;line-height:20px;}
  .left_area ul li.library ul li{font-size:14px;padding-left:80px;}
  .left_area ul li.library .title{height: 80px;}
  .left_area ul li.library .title h5{padding:27px 0;}
  .left_area ul li.library{height:200px}
  .main_visual_wrap .focus_tab_area h3{padding-left:15px;}
  .left_area ul li.report img{top:80px;left:19%}
  .left_area ul li.agency img{top:80px;left:19%}
  .left_area ul li .more_btn.ip{left:30%;}
}

@media only screen and (max-width:500px){
  .right_area ul li .area{height:180px;}
  .right_area ul li.expert{height:207px;}
  .right_area ul li.interview{height: 207px;}
  .main_visual_wrap .visual_area{min-height:400px;}
  .left_area ul li.report img{left:12%}
  .left_area ul li.agency img{left:12%}
    .left_area ul li .more_btn.ip{left:27%;}
}
@media only screen and (max-width:450px){
.left_area ul li.coverstory p span.txt_hidden{display: none;}
.main_visual_wrap .focus_tab_area .tab_area ul li a {font-size: 14px;background: none;padding: 0 12px;}
.left_area ul li.report img{left:9%}
.left_area ul li.agency img{left:9%}
.left_area ul li.coverstory{height:200px}
}
@media only screen and (max-width:400px){
  .right_area ul li.notice h5{font-size:15px;letter-spacing: -1px;}
  .right_area ul li.notice p{font-size:14px;line-height: 18px;letter-spacing: -1px;}
  .main_visual_wrap .visual_area{min-height:350px;}
  .left_area ul li.report img{left:5%}
  .left_area ul li.agency img{left:5%}
  .left_area ul li .more_btn.ip{left:22%;}
  .main_visual_wrap .focus_tab_area .tab_area ul li{margin-left:2px;}
}

@media only screen and (max-width:350px){
  .right_area ul li .area{height:160px;}
  .right_area ul li.expert{height:187px;}
  .right_area ul li.interview{height: 187px;}
  .left_area ul li.report img{top:100px;left:5%}
  .left_area ul li.agency img{top:100px;left:5%}
  .left_area ul li.coverstory p{font-size:15px;line-height: 18px;}
}