.wrap{ width:100%;min-width:320px;}
h2{text-transform:capitalize;}
.bg1{ background-color:#edeff0;}
.c_line{ border-bottom:1px solid #dedede;}
.d_line{ border-top:1px solid #dedede;}
.d_line:first-child{border-top:none;}


/*header	------
----------------*/
.header{ position: fixed;top: 0px;left:0;width:70%;min-width:320px;height:140px;padding:40px 0 0 41px;background-color:#fff;z-index:1000;box-sizing:border-box}
.header > h1{ float:left;width:360px;height:62px;background:url(/images/header/logo.png) left center no-repeat;background-size:100% 100%;text-indent:-99999px;cursor:pointer}
.header > .gnb{ position:relative;float:right;padding:2px 25px 0 0;font-weight:500;color:#171717; letter-spacing:-0.03em}
.header > .gnb > ul > li{ position:relative;float:left;padding:0 3px;cursor:pointer}
.header > .gnb > ul > li > span.f_colo_1{    color: #fff; background: #0c459d; border-radius: 5px;  margin: 8px 0 0 0; padding-bottom:5px; width:160px; line-height: 37px; text-align:center; box-sizing:border-box}
.header > .gnb > ul > li > span{ display:block;padding:3px 17px 0 17px;font-size:17px;line-height:55px;}
.header > .gnb > ul > li:hover > span{ background-color:#0c459d;color:#fff;}
.header > .gnb > ul > li:hover > span.f_colo_1{ display:block; width:160px; background-color:#0c459d;color:#fff; padding:12px 0px 13px 0;font-size:17px;line-height:35px; margin:0; border-radius:0}
.header > .gnb > ul > li > .snb{ position:absolute;left:3px;top:58px;min-width:120px;padding:18px 17px 17px 17px;z-index:1500;background-color:#0c459d;}
.header > .gnb > ul > li > .snb > li{ padding:0 0 2px 0;font-size:14px;color:#90b4ec;font-weight:300;line-height:26px;}
.header > .gnb > ul > li > .snb > li:hover{ color:#fff}
.header > .gnb > ul > li > .snb > li > ul{ padding:0 0 11px 3px}
.header > .gnb > ul > li > .snb > li > ul > li{ font-size:13px;line-height:20px;color:#6290d8;}
.header > .gnb > ul > li > .snb > li > ul > li:hover{ color:#fff}
.header > .gnb > ul > li > .snb1{ width:140px}
.header > .gnb > ul > li > .snb2{ width:140px}
.header > .gnb > ul > li > .snb3{ width:140px}
.header > .gnb > ul > li > .snb4{ min-width:129px;}
.header > .gnb > ul > li > .snb5{ min-width:90px;}
.header > .gnb > ul > li > .snb6{ min-width:160px; box-sizing:border-box}
.header > .topLink{ position:fixed;top:0;right:0;background-color:#1349a0;}
.header > .topLink > ul > li{ width:70px;height:70px;padding-top:40px;font-size:10px;font-family:Arial, Helvetica, sans-serif;background-position:center 7px;background-size:38px 38px;background-repeat:no-repeat;text-align:center;text-transform:uppercase;color:#6a9be8;line-height:11px;box-sizing:border-box;cursor:pointer}
.header > .topLink > ul > li.link1{ background-image:url(/images/header/toplink_1.png)}
.header > .topLink > ul > li.link2{ display:none;background-image:url(/images/header/toplink_2.png)}
.header > .topLink > ul > li.link3{ position:relative;background-image:url(/images/header/toplink_3.png)}
.header > .topLink > ul > li.link4{ display:none;background-image:url(/images/header/toplink_4.png)}
.header > .topLink > ul > li.link5{ background-image:url(/images/header/toplink_5.png)}
.header > .topLink > ul > li:hover{ background-color:#0b2d6b}
.header > .topLink:hover > ul > li.link2{ display:block;}
.header > .topLink:hover > ul > li.link4{ display:block;}
.header > .topLink > ul > li > .top_search{ position:absolute;top:0;right:0;display:block;width:230px;height:70px;border:3px solid #111111;background-color:#fafafa;box-sizing:border-box;}
.header > .topLink > ul > li > .top_search > form{ width:100%;}
.header > .topLink > ul > li > .top_search > form > input{height:64px;font-size:15px;line-height:64px;color:#1349a0;}
.header > .topLink > ul > li > .top_search > form > input.searchBar{ float:left;width:155px;padding:0 10px 0 15px;box-sizing:border-box}
.header > .topLink > ul > li > .top_search > form > input.btn_search{ float:right;width:64px;background:url(/images/header/search_btn.png) center no-repeat;background-size:38px 38px;text-indent:-9999px;cursor:pointer}
.header > .topLink > ul > li > .top_search > form > input.btn_search:hover{ background:url(/images/header/search_btn_on.png) center no-repeat;}
@media only screen and (max-width:1600px) {
.header{ width:85%}
}
@media only screen and (max-width:1480px) {
.header{ width:100%;padding:40px 70px 0 41px;}
}
@media only screen and (max-width:1280px) {
.header{ padding:40px 60px 0 20px;}
.header > .gnb > ul > li > span{ padding:3px 12px 0 12px;letter-spacing:-0.3px}
.header > h1{ width:300px;height:52px}
}
@media only screen and (max-width:1170px) {
.header > h1{ width:42px;background-size:300px 52px;}
}

/*header Fixed*/
.fixed{ z-index:1000;height:100px;width:100%;padding:17px 50px 0px 41px;border-bottom:1px solid #e6e6e6;}
.fixed > .topLink > ul > li{ width:50px;height:50px;text-indent:-9999px;background-position:center center;}
.fixed > .topLink > ul > li > .top_search{height:50px;}
.fixed > .topLink > ul > li > .top_search > form > input{height:44px;line-height:44px;}
.fixed > .topLink > ul > li > .top_search > form > input.btn_search{ width:44px;}
@media only screen and (max-width:1280px) {
.fixed{ padding:20px 40px 0px 20px;}
.fixed > .gnb{  padding:0px 25px 0 0;}
.fixed > .gnb > ul > li > span{ padding:3px 12px 0 12px;}
}
@media only screen and (max-width:900px) { /*태블릿*/
.header{ height:55px;padding:7px 0 0 10px;}
.header > h1{ width:230px;height:40px;background-size:100% 100%}
.header > .gnb{ padding:2px 70px 0 0;}
.header > .gnb > ul > li{ padding:0 2px;}
.header > .gnb > ul > li > span{ display:block;padding:3px 10px 2px 10px;font-size:14px;line-height:30px;}
.header > .gnb > ul > li > .snb{ left:2px;top:34px;min-width:100px;padding:10px;}
.header > .gnb > ul > li > .snb > li{ padding:0 0 2px 0;font-size:12px;line-height:18px;}
.header > .gnb > ul > li > .snb > li > ul{ padding:0 0 6px 2px}
.header > .gnb > ul > li > .snb > li > ul > li{ font-size:11px;line-height:16px;}
.header > .gnb > ul > li > .snb2{ width:120px}
.header > .gnb > ul > li > .snb3{ width:120px}
.header > .gnb > ul > li > .snb4{ width:108px}
.header > .gnb > ul > li > .snb5{ min-width:75px;}

.header > .topLink > ul > li{ width:55px;height:55px;background-position:center center;text-indent:-9999px }
.header > .topLink > ul > li.link1{ display:block}
.header > .topLink > ul > li.link2{ display:none}
.header > .topLink > ul > li.link3{ display:none}
.header > .topLink > ul > li.link4{ display:none;}
.header > .topLink > ul > li.link5{ display:block}
.header > .topLink:hover > ul > li.link2{ display:block;}
.header > .topLink:hover > ul > li.link3{ display:block;}
.header > .topLink:hover > ul > li.link4{ display:block;}
.header > .topLink > ul > li > .top_search{ width:200px;height:55px;border:2px solid #111111;}
.header > .topLink > ul > li > .top_search > form > input{height:51px;font-size:12px;line-height:51px;}
.header > .topLink > ul > li > .top_search > form > input.searchBar{ width:140px;padding:0 10px 0 10px;}
.header > .topLink > ul > li > .top_search > form > input.btn_search{ width:51px;}
}
@media only screen and (max-width:900px) {
.header > .gnb{ display:none}
.header > .topLink > ul{ width:165px;}
.header > .topLink > ul > li{ float:left}
.header > .topLink > ul > li.link1{ display:block;background-color:#fff;background-image:url(/images/header/m_toplink_1.png)}
.header > .topLink > ul > li.link3{ display:block;background-color:#fff;background-image:url(/images/header/m_toplink_3.png)}
.header > .topLink > ul > li.link4{ display:block}
.header > .topLink > ul > li.link5{ display:block;background-color:#fff;background-image:url(/images/header/m_toplink_5.png)}
.header > .topLink > ul > li:hover.link1{background-color:#edeff0;}
.header > .topLink > ul > li:hover.link3{background-color:#edeff0;}
.header > .topLink:hover > ul > li.link2{ display:none;}
.header > .topLink > ul > li:hover.link5{background-color:#edeff0;}
.fixed > .topLink > ul > li.link1{ border-bottom:1px solid #e6e6e6;}
.fixed > .topLink > ul > li.link3{ border-bottom:1px solid #e6e6e6;}
.fixed > .topLink > ul > li.link5{ border-bottom:1px solid #e6e6e6;}
}
@media only screen and (max-width:450px) {
.header > .topLink > ul{ width:110px;}
.header > .topLink > ul > li.link3{ display:none;}
.header > .topLink:hover > ul > li.link3{ display:none;}
}
@media only screen and (max-width:370px) {
.header > .topLink > ul{ width:55px;}
.header > .topLink > ul > li.link1{ display:none;}
.header > .topLink > ul > li.link5{ display:none;}
.header > .topLink:hover > ul > li.link3{ display:none;}
}

.sitemap{ }
.sitemap > .cont{ overflow:auto;position:fixed;right:0;top:0;width:50%;height:100%;min-width:320px;background-color:#fff;z-index:10010;box-sizing:border-box;}
.sitemap > .cont > .s_top:after{display:block;content:"";clear:both;}
.sitemap > .cont > .s_top{ width:100%;padding:40px 40px 26px 0;box-sizing:border-box}
.sitemap > .cont > .s_top > .close { float:right;width:42px;height:42px;background:url(/images/header/close.png) center no-repeat;background-size:100% 100%;text-indent:-99999px;cursor:pointer}
.sitemap > .cont > .s_top > .close:hover{ background-image:url(/images/header/close_on.png)}
.sitemap > .cont > .s_gnb{ overflow:auto;width:100%;padding:0 0 160px 110px;box-sizing:border-box}
.sitemap > .cont > .s_gnb > ul:after{display:block;content:"";clear:both;}
.sitemap > .cont > .s_gnb > ul > li{ float:left;width:33%;}
.sitemap > .cont > .s_gnb > ul > li.line1{ height:300px}
.sitemap > .cont > .s_gnb > ul > li.line2{ height:240px}
.sitemap > .cont > .s_gnb > ul > li > span{ display:block;font-family: 'S-CoreDream-6Bold';font-size:26px;color:#07419b;line-height:35px;letter-spacing:-0.05em }
.sitemap > .cont > .s_gnb > ul > li > ul{ margin-top:12px;}
.sitemap > .cont > .s_gnb > ul > li > ul > li{ padding:8px 0;font-family: 'S-CoreDream-3Light';font-size:15px;color:#454545;line-height:18px;cursor:pointer}
.sitemap > .cont > .s_gnb > ul > li > ul > li > ul{ margin-top:2px}
.sitemap > .cont > .s_gnb > ul > li > ul > li > ul > li{ padding:3px 0;font-family: 'S-CoreDream-3Light';font-size:12px;color:#454545;line-height:16px;cursor:pointer}
.sitemap > .cont > .s_gnb > ul > li > ul li:hover{color:#07419b}
.sitemap > .cont_bottom{ position:fixed; right:0;bottom:0;width:50%;height:90px;padding:20px 0 20px 110px;background-color:#0e429e;z-index:10020;box-sizing:border-box}
.sitemap > .cont_bottom > .s_search{ float:left;width:230px;height:50px;background-color:#fafafa;box-sizing:border-box;}
.sitemap > .cont_bottom > .s_search > form{ width:100%;}
.sitemap > .cont_bottom > .s_search > form > input{height:50px;font-size:15px;line-height:50px;color:#1349a0;}
.sitemap > .cont_bottom > .s_search > form > input.searchBar{ float:left;width:155px;padding:0 10px 0 15px;box-sizing:border-box}
.sitemap > .cont_bottom > .s_search > form > input.btn_search{ float:right;width:50px;background:url(/images/header/search_btn.png) center no-repeat;background-size:38px 38px;text-indent:-9999px;cursor:pointer}
.sitemap > .cont_bottom > .s_search > form > input.btn_search:hover{ background:url(/images/header/search_btn_on.png) center no-repeat;}
.sitemap > .cont_bottom > ul{ float:left;margin-left:30px;}
.sitemap > .cont_bottom > ul > li{ float:left;margin-right:20px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#aac3ef;line-height:50px;cursor:pointer;text-transform:uppercase;}
.sitemap > .cont_bottom > ul > li:hover{ color:#fff;}
.sitemap > .sitemapbg{ position:fixed;width:100%;height:100%;background-color:#2b2b2b;opacity: 0.95;filter: alpha(opacity=95);z-index:10000}
@media only screen and (max-width:1700px) {
.sitemap > .cont{width:70%;}
.sitemap > .cont_bottom{width:70%;}
}
@media only screen and (max-width:1150px) {
.sitemap > .cont{width:80%;}
.sitemap > .cont > .s_gnb{ padding:0 0 160px 50px;}
.sitemap > .cont_bottom{ width:80%;padding:20px 0 20px 50px}
}
@media only screen and (max-width:900px) {
.sitemap > .cont{width:70%;}
.sitemap > .cont > .s_top{ padding:20px 30px 15px 0;}
.sitemap > .cont > .s_top > .close {width:30px;height:30px;}
.sitemap > .cont > .s_gnb{ padding:0 0 70px 50px;}
.sitemap > .cont > .s_gnb > ul > li.line1{ height:220px}
.sitemap > .cont > .s_gnb > ul > li.line2{ height:120px}
.sitemap > .cont > .s_gnb > ul > li > span{font-size:15px;line-height:20px; }
.sitemap > .cont > .s_gnb > ul > li > ul{ margin-top:6px;}
.sitemap > .cont > .s_gnb > ul > li > ul > li{ padding:4px 0;font-size:12px;line-height:16px;}
.sitemap > .cont > .s_gnb > ul > li > ul > li > ul{ margin-top:2px}
.sitemap > .cont > .s_gnb > ul > li > ul > li > ul > li{ padding:2px 0;font-size:11px;line-height:14px;}
.sitemap > .cont_bottom{ width:70%;height:50px;padding:10px 0 10px 50px;}
.sitemap > .cont_bottom > .s_search{  width:160px;height:30px;}
.sitemap > .cont_bottom > .s_search > form > input{height:30px;font-size:12px;line-height:30px;}
.sitemap > .cont_bottom > .s_search > form > input.searchBar{ width:100px;padding:0 10px;}
.sitemap > .cont_bottom > .s_search > form > input.btn_search{ width:30px;background-size:25px 25px;}
.sitemap > .cont_bottom > .s_search > form > input.btn_search:hover{ background-size:25px 25px;}
.sitemap > .cont_bottom > ul{ margin-left:30px;}
.sitemap > .cont_bottom > ul > li{margin-right:10px;font-size:10px;line-height:30px;}
}
@media only screen and (max-width:800px) {
.sitemap > .cont{width:87%;}
.sitemap > .cont_bottom{ width:87%;}
}
@media only screen and (max-width:700px) {
.sitemap > .cont{width:100%;}
.sitemap > .cont_bottom{ width:100%;}
}
@media only screen and (max-width:550px) {
.sitemap > .cont > .s_gnb{ padding:0 30px 70px 30px;}
.sitemap > .cont > .s_gnb > ul > li{width:50%;}
.sitemap > .cont > .s_gnb > ul > li.line1, .sitemap > .cont > .s_gnb > ul > li.line2{ height:230px}
.sitemap > .cont > .s_gnb > ul > li.line3, .sitemap > .cont > .s_gnb > ul > li.line4{ height:210px}
.sitemap > .cont > .s_gnb > ul > li.line5, .sitemap > .cont > .s_gnb > ul > li.line6{ height:140px}
.sitemap > .cont > .s_gnb > ul > li.line7, .sitemap > .cont > .s_gnb > ul > li.line8{ height:80px}
.sitemap > .cont_bottom{ padding:10px 0 10px 30px;}
}
@media only screen and (max-width:360px) {
.sitemap > .cont > .s_gnb{ padding:0 0px 70px 20px;}
.sitemap > .cont_bottom{ padding:10px 0 10px 20px;}
}


/*footer	------
----------------*/
.footer:after{display:block;content:"";clear:both;}
.footer{ width:100%;padding:52px 60px 0 60px;background-color:#131313;box-sizing:border-box}
.footer > .left{ float:left;padding:0 0 43px 0;word-break:keep-all}
.footer > .left > address{ font-family: 'S-CoreDream-3Light';font-size:12px;font-style:normal;line-height:24px;color:#686868;}
.footer > .left > address > span{ display:inline-block}
.footer > .left > .copy{ padding:17px 0 7px 0;font-family:Arial, Helvetica, sans-serif;font-size:11px;line-height:15px;color:#3e3e3e;text-transform:uppercase;}
.footer > .left > .copy_link{}
.footer > .left > .copy_link:after{display:block;content:"";clear:both;}
.footer > .left > .copy_link > li{ float:left;width:18px;height:18px;margin:0 1px;border-radius:20px;background-color:#2e2e2e;background-position:center;background-repeat:no-repeat;background-size:18px 18px;text-indent:-9999px;cursor:pointer}
.footer > .left > .copy_link > li.link1{ background-image:url(/images/footer/copy_link1.png)}
.footer > .left > .copy_link > li.link2{ background-image:url(/images/footer/copy_link2.png)}
.footer > .left > .copy_link > li:hover{ background-color:#555}
.footer > .right{ float:right;}
.footer > .right > div{ float:left;width:145px;height:40px;margin-right:-1px;border:1px solid #2c2c2c;font-family: 'S-CoreDream-3Light';font-size:12px;background-position:119px center;background-repeat:no-repeat;background-size:10px 10px;color:#686868;line-height:40px;box-sizing:border-box;cursor:pointer}
.footer > .right > div.f_list { position:relative;width:185px;background-position:159px center;background-image:url(/images/footer/f_arrow1.png)}
.footer > .right > div.f_list > span{ display:block;padding:0 15px;}
.footer > .right > div.f_list > ul{ position:absolute;left:0;bottom:-1px;z-index:100}
.footer > .right > div.f_list:hover > ul > li{ width:185px;margin-left:-1px;padding:11px 15px;border:1px solid #2c2c2c;border-top:none;background-color:#131313;font-size:11px;line-height:16px;color:#686868;box-sizing:border-box;cursor:pointer;text-transform:capitalize;}
.footer > .right > div.f_list > ul > li:hover{ color:#fff}
.footer > .right > div.f_btn{ padding:0 15px;background-image:url(/images/footer/f_arrow2.png)}
.footer > .right > div.f_btn:hover{ border-color:#747474;background-color:#747474;color:#000}
.footer > .sns{ position:relative;float:left;width:100%;height:0;}
.footer > .sns > ul{ position:absolute;right:0;bottom:54px;}
.footer > .sns > ul:after{display:block;content:"";clear:both;}
.footer > .sns > ul > li{ float:left;width:35px;height:35px;margin-left:5px;background-position:center center;background-repeat:no-repeat;background-size:100% 100%;text-indent:-99999px;cursor:pointer}
.footer > .sns > ul > li.sns1{ background-image:url(/images/footer/sns_1.png)}
.footer > .sns > ul > li.sns2{ background-image:url(/images/footer/sns_2.png)}
.footer > .sns > ul > li.sns3{ background-image:url(/images/footer/sns_3.png)}
.footer > .sns > ul > li.sns1:hover{ background-image:url(/images/footer/sns_1_on.png)}
.footer > .sns > ul > li.sns2:hover{ background-image:url(/images/footer/sns_2_on.png)}
.footer > .sns > ul > li.sns3:hover{ background-image:url(/images/footer/sns_3_on.png)}
.footer > .f_logo{position:relative;float:left;width:100%;height:0}
.footer > .f_logo > h2{ position:absolute;left:50%;bottom:34px;width:200px;height:130px;margin-left:-100px;background:url(/images/footer/f_logo.png) center no-repeat;background-size:100% 100%;text-indent:-99999px}
@media only screen and (max-width:1350px) {
.footer > .f_logo > h2{ left:48%;margin-left:0px;}
}
@media only screen and (max-width:1300px) {
.footer{ padding:52px 30px 0 30px}
}
@media only screen and (max-width:1160px) {
.footer > .f_logo{ display:none}
}
@media only screen and (max-width:900px) { /*태블릿*/
.footer{ padding:40px 20px 50px 20px;}
.footer > .left{ padding:0 0 0px 0;}
.footer > .left > address{ font-size:10px;line-height:18px;}
.footer > .left > .copy{ padding:10px 0 5px 0;font-size:9px;line-height:15px;}
.footer > .left > .copy_link > li{width:15px;height:15px;}
.footer > .right > div{ width:125px;height:30px;font-size:11px;background-size:8px 8px;background-position:105px center;line-height:30px;}
.footer > .right > div.f_list {width:145px;background-position:119px center;}
.footer > .right > div.f_list > span{padding:0 10px;}
.footer > .right > div.f_list:hover > ul > li{ width:145px;padding:7px 10px;font-size:10px;line-height:14px;}
.footer > .right > div.f_btn{ padding:0 10px;}
.footer > .sns > ul{ bottom:0px;}
.footer > .sns > ul > li{ width:32px;height:32px;}
}

@media only screen and (max-width:700px) {
.footer > .left{ padding:18px 0 0px 0;}
.footer > .right{ float:left;width:100%;}
.footer > .sns > ul{ bottom:96px;}
}
@media only screen and (max-width:450px) {
.footer > .sns{ height:10px}
.footer > .sns > ul{ bottom:0px;}
}


/*main	------
----------------*/
/*visual*/
.visual{ position:relative;width:100%;padding-left:120px;background-color:#fff;box-sizing:border-box}
.visual > .visual_tit{ position:absolute;left:220px;top:328px;z-index:900;text-transform:capitalize;word-break:keep-all}
.visual > .visual_tit > h2{ font-family:'S-CoreDream-7ExtraBold';font-size:80px;line-height:80px;letter-spacing:-0.05em;color:#0d4bac;}
.visual > .visual_tit > p{ padding-top:15px;font-family: 'S-CoreDream-3Light';font-size:25px;line-height:30px;color:#393939;}
.visual > .visual_box{ width:100%;height:720px;box-sizing:border-box}
.visual > .visual_box > #slidekit{ overflow:hidden;position:relative;width:100%;height:720px;}
.visual > .visual_box > #slidekit > ul{position:relative;}
.visual > .visual_box > #slidekit > ul > li{position:absolute;left:0;top:0;width:100%;height:720px;text-align:center}
.visual > .visual_box > #slidekit > ul > li.visual_1{ background:url(/images/main/visual_8.jpg) left center no-repeat;background-size:cover}
.visual > .visual_box > #slidekit > ul > li.visual_2{ background:url(/images/main/visual_9.jpg) left center no-repeat;background-size:cover}
.visual > .visual_box > #slidekit > ul > li.visual_3{ background:url(/images/main/visual_10.jpg) left center no-repeat;background-size:cover}
.visual > .visual_box > #slidekit > ul > li.visual_4{ background:url(/images/main/visual_11.jpg) left center no-repeat;background-size:cover}
.visual > .visual_box > #slidekit > ul > li.visual_5{ background:url(/images/main/visual_12.jpg) left center no-repeat;background-size:cover}
.visual > .visual_box > #slidekit > ul > li.visual_6{ background:url(/images/main/visual_13.jpg) left center no-repeat;background-size:cover}
.visual > .visual_box > #slidekit > ul > li.visual_7{ background:url(/images/main/visual_14.jpg) left center no-repeat;background-size:cover}
.visual > .visual_box > #slidekit > ul > li.visual_8{ background:url(/images/main/visual_15.jpg) left center no-repeat;background-size:cover}

.visual > .visual_btn{ position:absolute;left:36px;top:400px;width:48px;}
.visual > .visual_btn > li{ float:left;width:24px;height:24px;background-position:center center;background-repeat:no-repeat;background-size:100% 100%;text-indent:-9999px;cursor:pointer}
.visual > .visual_btn > li.v_prev{ background-image:url(/images/main/visual_prev_off.png)}
.visual > .visual_btn > li.v_next{ background-image:url(/images/main/visual_next_off.png)}
.visual > .visual_btn > li:hover.v_prev{ background-image:url(/images/main/visual_prev_on.png)}
.visual > .visual_btn > li:hover.v_next{ background-image:url(/images/main/visual_next_on.png)}
@media only screen and (max-width:1200px) {
.visual{ padding-left:90px;}
.visual > .visual_tit{ left:150px;}
.visual > .visual_btn{ left:20px;}
}
@media only screen and (max-width:900px) {
.visual{ padding:0px 0 0 60px}
.visual > .visual_tit{ left:80px;top:158px;}
.visual > .visual_tit > h2{ font-size:37px;line-height:37px;}
.visual > .visual_tit > p{ padding-top:7px;font-size:11px;line-height:15px;}
.visual > .visual_box{ height:355px;}
.visual > .visual_box > #slidekit{ height:355px;}
.visual > .visual_box > #slidekit > ul > li{height:355px;}
.visual > .visual_box > #slidekit > ul > li.visual_1{ background-position:center center;}
.visual > .visual_btn{ left:10px;top:190px;width:40px;}
.visual > .visual_btn > li{width:20px;height:20px;}
}
@media only screen and (max-width:550px) {
.visual{ padding:0px 0 0 0px}
.visual > .visual_tit{ width:200px;left:30px;top:100px;}
.visual > .visual_btn{ left:25px;top:300px;}
}


/*main_dept*/
.m_contents{ }

/*dept1*/
.dept1:after{display:block;content:"";clear:both;}
.dept1{ width:100%;padding:110px 0 80px 120px;background-color:#07419b;box-sizing:border-box}
.dept1 > .tit{ position:relative;float:left;width:18%; padding-top:7px;}
.dept1 > .tit > h2{ min-width:260px;font-size:45px;line-height:50px;font-weight:700;letter-spacing:-0.05em;color:#fff;text-transform:capitalize;word-break:keep-all}
.dept1 > .list{ overflow:hidden;float:right;width:80%;min-height:100px}
.dept1 > .list > ul{position:relative;left:0;top:0; width:1760px;}
.dept1 > .list > ul:after{display:block;content:"";clear:both;}
.dept1 > .list > ul > li{ float:left;width:440px;box-sizing:border-box;cursor:pointer }
.dept1 > .list > ul > li > span{ display:block;}
.dept1 > .list > ul > li > span.img{ width:390px;height:260px;background:#edeff2 url(/images/main/none.png) center no-repeat;background-size:150px 150px}
.dept1 > .list > ul > li > span.img > img{ width:100%;height:100%;}
.dept1 > .list > ul > li > span.tit{ padding:17px 50px 17px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;line-height:26px;color:#d2e1f8;}
.dept1 > .list > ul > li:hover > span.tit{ color:#fff}
.dept1 > .list_btn{ position:relative;float:left;width:100%;height:0}
.dept1 > .list_btn > ul{ position:absolute;left:0;bottom:0}
.dept1 > .list_btn > ul > li{ float:left;width:16px;height:30px;background-size:100% 100%;background-position:center center;background-repeat:no-repeat;text-indent:-9999px }
.dept1 > .list_btn > ul > li.prev{ background-image:url(/images/main/dept1_prev_off.png);cursor:pointer}
.dept1 > .list_btn > ul > li.next{ background-image:url(/images/main/dept1_next_off.png);cursor:pointer}
.dept1 > .list_btn > ul > li:hover.prev{ background-image:url(/images/main/dept1_prev_on.png)}
.dept1 > .list_btn > ul > li:hover.next{ background-image:url(/images/main/dept1_next_on.png)}
.dept1 > .list_btn > ul > li.line{ width:32px;background-image:url(/images/main/dept1_btn_line.png);background-size:19px 1px;}
@media only screen and (max-width:1500px) {
.dept1 > .tit{width:20%}
.dept1 > .list{width:78%}
	
.dept1 > .tit > h2{ position:absolute;left:0;top:7px;}
}
@media only screen and (max-width:1300px) {
.dept1 > .tit{width:30%}
.dept1 > .list{width:68%}
}
@media only screen and (max-width:900px) {
.dept1{ padding:55px 0 40px 60px;}
.dept1 > .tit{ padding-top:3px;}
.dept1 > .tit > h2{ min-width:135px;font-size:24px;line-height:27px;}
.dept1 > .list > ul > li{width:265px;box-sizing:border-box}
.dept1 > .list > ul > li > span.img{ width:240px;height:160px;background-size:100px 100px}
.dept1 > .list > ul > li > span.tit{ padding:8px 20px 8px 0;font-size:12px;line-height:16px;}
.dept1 > .list_btn > ul > li{ width:11px;height:21px;}
.dept1 > .list_btn > ul > li.line{ width:20px;background-size:12px 1px;}
}
@media only screen and (max-width:670px) {
.dept1 > .list{ width:65%;}
}
@media only screen and (max-width:550px) {
.dept1{ padding:55px 0 40px 25px;}
.dept1 > .tit{width:40%}
.dept1 > .list{width:58%}
}
@media only screen and (max-width:400px) {
.dept1 > .tit{width:45%}
.dept1 > .list{width:53%}
}

/*dept2*/
.dept2{ width:100%;min-height:610px;padding:110px 0 120px 0;background:#FFF url(/images/main/dept2_bg.png) left bottom no-repeat;background-size:430px 610px;box-sizing:border-box}
.dept2 > .cont:after{display:block;content:"";clear:both;}
.dept2 > .cont{ position:relative;width:100%;max-width:1460px;padding:0 30px;margin:0 auto;box-sizing:border-box}
.dept2 > .cont > .tit{ position:absolute;left:30px;top:0;width:230px;text-transform:capitalize;word-break:keep-all}
.dept2 > .cont > .tit > h2{font-size:40px;line-height:45px;font-weight:700;letter-spacing:-0.05em;color:#1a1a1a;}
.dept2 > .cont > .tit > p{ padding:12px 0 0 2px;font-size:14px;line-height:20px;color:#595959;letter-spacing:-0.5px}
.dept2 > .cont > .img{ float:left;margin-left:22.857%;width:48.142%;height:380px;background:url(/images/main/dept2_cen.png) center top no-repeat;background-size:cover}
.dept2 > .cont > .list{ float:right;width:25%;padding-top:41px;}
.dept2 > .cont > .list > span{display:block;height:1px;}
.dept2 > .cont > .list > span.line{ position:absolute;top:20px;right:0;margin-right:30px;width:32%;background-color:#0c6bd5;}
.dept2 > .cont > .list > h2{padding-bottom:15px;font-size:34px;line-height:1.4;font-weight:700;letter-spacing:-0.05em;color:#07419b;}
.dept2 > .cont > .list > h3{padding:5px 0 22px 0;background:url(/images/main/dept2_line.png) left bottom no-repeat;font-size:25px;font-weight:500;letter-spacing:-0.03em;color:#0d0d0d;}
.dept2 > .cont > .list > ul > li{ padding:6px 0 6px 0; /*border-bottom:1px solid #dcdcdc;*/ font-size:15px;line-height:22px;color:#535354;letter-spacing:-0.3px;cursor:pointer}
.dept2 > .cont > .list > ul > li span{display:flex; align-items:center; height:54px;padding-left:55px;padding-right:10px;border-radius:15px;font-weight:700;color:#ffffff;line-height:1.4;text-align:left;}

.dept2 > .cont > .list > ul > li:nth-child(1) span{background:url(/images/main/icon-info.svg) left 17px center no-repeat #73b0dc; background-size:28px 28px;}
.dept2 > .cont > .list > ul > li:nth-child(2) span{background:url(/images/main/icon-asia.svg) left 10px center no-repeat #1d8790; background-size:42px auto;}
.dept2 > .cont > .list > ul > li:nth-child(3) span{background:url(/images/main/icon-korea.svg) left 17px center no-repeat #8e2b3b; background-size:28px 28px;}
.dept2 > .cont > .list > ul > li span:hover{ background-color:#000000;}

@media only screen and (max-width:1140px) {
.dept2{ background-position:-20% bottom}
.dept2 > .cont > .img{ margin-left:25%;width:40%;}
.dept2 > .cont > .list{ width:30%;}
.dept2 > .cont > .list > span.line{ width:40%;}
}
@media only screen and (max-width:900px) {
.dept2{ min-height:240px;padding:50px 0 50px 20px;background-size:236px 335px;background-position:-5% bottom}
.dept2 > .cont > .tit > h2{ min-width:135px;font-size:24px;line-height:27px;}
.dept2 > .cont > .tit{ left:30px;width:160px;}
.dept2 > .cont > .tit > h2{font-size:24px;line-height:27px;}
.dept2 > .cont > .tit > p{ padding:8px 0 0 1px;font-size:11px;line-height:16px;}
.dept2 > .cont > .img{ height:240px;}
.dept2 > .cont > .list{ padding-top:21px;}
.dept2 > .cont > .list > span.line{ top:10px;}
.dept2 > .cont > .list > h2{font-size:18px;line-height:20px;}
.dept2 > .cont > .list > h3{padding:4px 0 12px 0;font-size:16px;background-size:20px 1px}
.dept2 > .cont > .list > ul > li{ padding:4px 0 4px 0;font-size:12px;line-height:22px;}
.dept2 > .cont > .list > ul > li span{height:44px;}
}
@media only screen and (max-width:620px) {
.dept2{ min-height:10px;padding:50px 0 50px 0px;background-size:175px 248px;background-position:0 -30px}
.dept2 > .cont{ padding:0 60px;text-align:center}
.dept2 > .cont > .tit{ display:none}
.dept2 > .cont > .img{ display:none}
.dept2 > .cont > .list{ position:relative;padding-top:0px;width:100%}
.dept2 > .cont > .list > span.line{ display:none;}
.dept2 > .cont > .list > h3{ background-position:center bottom;}
.dept2 > .cont > .list > ul > li{max-width:260px;margin:0 auto;}
}
@media only screen and (max-width:550px) {
.dept2{ background-size:132px 187px;background-position:0 0}
.dept2 > .cont{ padding:0 25px;}
/*.dept2 > .cont > .list > ul > li{display:none}
.dept2 > .cont > .list > ul > li:first-child{display:block;}*/
}

/*dept3*/
.dept3:after{display:block;content:"";clear:both;}
.dept3 > .left{ float:left;width:62%;padding:110px 0;background-color:#eee;}
.dept3 > .left > .video{ position:relative;float:left;margin-left:120px;width:53.109%;padding-top:29.915%;}
.dept3 > .left > .video > .cont_box{ position: absolute;left:0;top:0;width:100%;height:100%;z-index:50}
.dept3 > .left >  h2{ float:right;width:26%;padding:10px 6% 0 0;font-size:28px;line-height:40px;font-weight:700;letter-spacing:-0.05em;color:#07419b;}
.dept3 > .left > .list{ float:right;width:26%;padding:15px 6% 20px 0%;}
.dept3 > .left > .list > ul > li{ padding:15px 0;border-top:1px solid #dcdcdc;font-size:15px;line-height:26px;color:#505152;letter-spacing:-0.3px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dept3 > .left > .list > ul > li:first-child{ border-top:none}
.dept3 > .left > .list > ul > li:hover{ font-weight:500;color:#171717}
.dept3 > .left > .list > ul > li.on{ font-size:16px;font-weight:500;color:#171717}
.dept3 > .left > .btn{ float:left;position:relative;width:100%;height:0}
.dept3 > .left > .btn > a{ display:block;position:absolute;right:0;bottom:-7px;width:32%;padding-left:12px;font-size:13px;background:url(/images/main/more_bullet.png) left 10px no-repeat;background-size:7px 7px;line-height:23px;color:#878787;box-sizing:border-box}
.dept3 > .left > .btn > a:hover{ color:#000;}
@media only screen and (max-width:1800px) {
.dept3 > .left > .video{ margin-left:10%;}
.dept3 > .left >  h2{ float:left;width:80%;padding:0px 6% 10px 10%;}
.dept3 > .left > .list{ padding:0px 6% 20px 0%;}
}
@media only screen and (max-width:1350px) {
.dept3 > .left{ width:50%;}
.dept3 > .left > .video{ width:75.951%;padding-top:41.187%;}
.dept3 > .left > .list{ float:left;width:75.951%;margin-left:10%;padding:0px 6% 20px 0;}
.dept3 > .left > .list > ul > li:nth-child(3){ display:none}
.dept3 > .left > .list > ul > li:nth-child(4){ display:none}
.dept3 > .left > .btn > a{ left:10%;width:75%;}
}
@media only screen and (max-width:900px) {
.dept3 > .left{ padding:55px 0;}
.dept3 > .left >  h2{font-size:18px;line-height:20px;}
.dept3 > .left > .list{ min-height:70px;padding:5px 6% 15px 0%;}
.dept3 > .left > .list > ul > li{ padding:6px 0;font-size:12px;line-height:22px;}
.dept3 > .left > .list > ul > li.on{ font-size:14px;}
.dept3 > .left > .btn > a{ bottom:-10px;padding-left:8px;font-size:11px;background-size:5px 5px;line-height:20px;}
}
@media only screen and (max-width:620px) {
.dept3 > .left{ width:100%;}
.dept3 > .left >  h2{font-size:18px;line-height:20px;margin-left:1.5%;}
.dept3 > .left > .video{ margin-left:12.024%;}
.dept3 > .left > .list{ margin-left:12.024%;}
.dept3 > .left > .btn > a{ left:12.024%;}
}
.dept3 > .right{ float:left;width:38%;padding:48px 2% 25px 2%;background-color:#fff;text-align:center;box-sizing:border-box}
.dept3 > .right > .bnr{ width:100%;max-width:440px;margin:0 auto;}
.dept3 > .right > .bnr >  h2{ font-size:28px;line-height:40px;font-weight:700;letter-spacing:-0.05em;color:#131313;}
.dept3 > .right > .bnr > ul:after{display:block;content:"";clear:both;}
.dept3 > .right > .bnr > ul{ margin-top:10px}
.dept3 > .right > .bnr > ul > li{ float:left;width:33.333%;cursor:pointer}
.dept3 > .right > .bnr > ul > li span{ display:block}
.dept3 > .right > .bnr > ul > li > span.circle{ width:120px;height:120px;margin:0 auto;border-radius:200px;background-color:#edeef2;text-align:center }
.dept3 > .right > .bnr1{padding-top:43px}
.dept3 > .right > .bnr1 > ul > li > span > .txt1{ padding-top:28px;font-family:'S-CoreDream-5Medium';font-size:43px;letter-spacing:-0.1em;color:#07419b;line-height:52px;}
.dept3 > .right > .bnr1 > ul > li > span > .txt2{font-family:'S-CoreDream-4Regular';font-size:12px;color:#07419b;line-height:14px;}
.dept3 > .right > .bnr2{padding-top:23px;max-width:100%}
.dept3 > .right > .bnr2 > .storyarea > img{width:100%;margin-top:10px;cursor:pointer}
.dept3 > .right > .bnr2 > ul > li { padding:0 5px;box-sizing:border-box;cursor:pointer}
.dept3 > .right > .bnr2 > ul > li > span.circle{ overflow:hidden;border:2px solid #fff}
.dept3 > .right > .bnr2 > ul > li > span.circle > img{ width:100%;height:100%}
.dept3 > .right > .bnr2 > ul > li:hover > span.circle{ border:2px solid #07419b}
.dept3 > .right > .bnr2 > ul > li > span{font-size:13px;line-height:16px;color:#595959;letter-spacing:-0.5px;word-break:keep-all}
.dept3 > .right > .bnr2 > ul > li > span.name{ padding:8px 0 2px 0;}
.dept3 > .right > .bnr2 > ul > li > span.school{ overflow:hidden;height:36px;padding:2px 0;}
@media only screen and (max-width:1350px) {
.dept3 > .right{ width:50%;}
.dept3 > .right > .bnr2{padding-top:60px;}
}
@media only screen and (max-width:900px) {
.dept3 > .right{ padding:30px 2% 25px 2%;}
.dept3 > .right > .bnr >  h2{font-size:18px;line-height:20px;}
.dept3 > .right > .bnr{ max-width:300px;margin:0 auto;}
.dept3 > .right > .bnr > ul > li > span.circle{ width:80px;height:80px;}
.dept3 > .right > .bnr1{padding-top:23px}
.dept3 > .right > .bnr1 > ul > li > span > .txt1{ padding-top:20px;font-size:22px;line-height:28px;}
.dept3 > .right > .bnr1 > ul > li > span > .txt2{font-size:10px;line-height:12px;}
.dept3 > .right > .bnr2{padding-top:40px;}
.dept3 > .right > .bnr2 > ul > li > span{font-size:12px;line-height:15px;}
.dept3 > .right > .bnr2 > ul > li > span.name{ padding:6px 0 2px 0;}
.dept3 > .right > .bnr2 > ul > li > span.school{height:30px;padding:1px 0;}
}
@media only screen and (max-width:620px) {
.dept3 > .right{ width:100%;padding:50px 2% 50px 2%;}
.dept3 > .right > .bnr2{padding-top:0}
}

/*dept4*/
.dept4:after{display:block;content:"";clear:both;}
.dept4 { background-color:#c7c9cc;}
.dept4 > .left{ float:left;width:50%;padding:77px 7.9% 57px 7.9%;background-color:#07419b;box-sizing:border-box}
.dept4 > .left > ul{ width:100%;}
.dept4 > .left > ul:after{display:block;content:"";clear:both;}
.dept4 > .left > ul > li{ float:left;width:33.333%;min-height:40px;padding-top:125px;font-size:16px;background-position: center top;background-repeat:no-repeat;background-size:96px 110px;color:#fdfdfd;line-height:20px;text-align:center;cursor:pointer}
.dept4 > .left > ul > li.icon1{ background-image:url(/images/main/dept4_1_off.png)}
.dept4 > .left > ul > li.icon2{ background-image:url(/images/main/dept4_2_off.png)}
.dept4 > .left > ul > li.icon3{ background-image:url(/images/main/dept4_3_off.png)}
.dept4 > .left > ul > li:hover.icon1{ background-image:url(/images/main/dept4_1_on.png)}
.dept4 > .left > ul > li:hover.icon2{ background-image:url(/images/main/dept4_2_on.png)}
.dept4 > .left > ul > li:hover.icon3{ background-image:url(/images/main/dept4_3_on.png)}
.dept4 > .right{ float:left;width:50%;padding:59px 0 40px 0;text-align:center}
.dept4 > .right > h2{ font-size:28px;line-height:40px;font-weight:700;letter-spacing:-0.05em;color:#131313;}
.dept4 > .right > .partnerslider > ul{ overflow:hidden; position:relative;height:84px;margin:25px 0 0 0;font-size:0;}
.dept4 > .right > .partnerslider > ul > li{position:absolute;left:0;top:0;width:100%;height:84px;display:block;}
.dept4 > .right > .partnerslider > ul > li > span{display:inline-block;position:relative;width:24.21%;padding-top:8.842%;margin:0 0.526%;background-color:#fff;cursor:pointer}
.dept4 > .right > .partnerslider > ul > li > span > img{ position:absolute;left:0;top:0;width:100%;height:100%}
.dept4 > .right > ol{ margin:17px 0 0 0;font-size:0;}
.dept4 > .right > ol > li{ display:inline-block;width:10px;height:10px;margin:0 2px;border-radius:15px;background-color:#999a9d;cursor:pointer}
.dept4 > .right > ol > li:hover{ background-color:#07419b} 
.dept4 > .right > ol > li.on{ background-color:#07419b} 
@media only screen and (max-width:1280px) {
.dept4 > .left{ width:40%;padding:77px 3% 57px 3%;}
.dept4 > .left > ul > li{ padding-top:90px;font-size:14px;background-position: center 0px;background-size:75px 86px;}
.dept4 > .right{ width:60%;}
}
@media only screen and (max-width:900px) {
.dept4 > .left{ width:50%;padding:40px 3% 30px 3%;}
.dept4 > .left > ul > li{ min-height:32px;padding-top:60px;font-size:12px;background-position: center top;background-size:48px 55px;color:#fdfdfd;line-height:16px;}
.dept4 > .right{ width:50%;padding:35px 0 20px 0;}
.dept4 > .right > h2{font-size:18px;line-height:20px;}
.dept4 > .right > .partnerslider > ul{ margin:15px 0 0 0;}
.dept4 > .right > ol{ margin:9px 0 0 0;}
.dept4 > .right > ol > li{ width:6px;height:6px;}
}
@media only screen and (max-width:800px) {
.dept4 > .left{ width:45%}
.dept4 > .right{ width:55%;}
}
@media only screen and (max-width:620px) {
.dept4 > .left{ width:100%;padding:40px 10% 30px 10%}
.dept4 > .right{ width:100%;}
}


/*sub	--------------
----------------------------*/
.sub_navi{position:relative;width:100%;padding-left:33.333%;box-sizing:border-box}
.sub_navi > .visual_tit{ position:absolute;left:115px;top:210px;z-index:500}
.sub_navi > .visual_tit > h2{ font-family:'S-CoreDream-5Medium';font-size:75px;line-height:75px;color:#0d4bac;letter-spacing:-0.1em}
.sub_navi > .visual_tit > p{ max-width:340px;padding:23px 0 0 2px;font-family:'S-CoreDream-3Light';font-size:13px;line-height:19px;color:#7a7a7a;}
.sub_visual_box{ width:100%;height:440px;background-color:#333}
.sub_visual_box > #slidekit{ overflow:hidden;position:relative;width:100%;height:440px;}
.sub_visual_box > #slidekit > ul{position:relative;}
.sub_visual_box > #slidekit > ul > li{position:absolute;left:0;top:0;width:100%;height:440px;text-align:center}
.sub_visual_box > #slidekit > ul > li.visual_1{ background:url(/images/sub/sub_visual_1.png) center no-repeat;background-size:cover}
.sub_visual_box > #slidekit > ul > li.visual_2{ background:url(/images/sub/sub_visual_2.png) center no-repeat;background-size:cover}
@media only screen and (max-width:1300px) {
.sub_navi{padding-top:100px;}
.sub_visual_box{ height:340px;}
.sub_visual_box > #slidekit{ height:340px;}
.sub_visual_box > #slidekit > ul > li{height:340px;}
}
@media only screen and (max-width:900px) {
.sub_navi{padding-top:30px;}
.sub_navi > .visual_tit{ left:60px;top:100px;}
.sub_navi > .visual_tit > h2{font-size:35px;line-height:35px;}
.sub_navi > .visual_tit > p{ max-width:250px;padding:10px 0 0 1px;font-size:10px;line-height:14px;}

.sub_visual_box{ height:200px;}
.sub_visual_box > #slidekit{ height:200px;}
.sub_visual_box > #slidekit > ul > li{height:200px;}
}
@media only screen and (max-width:550px) {
/*.sub_navi{ display:none}*/
}

.sub_route{ width:100%;padding:0 25px;background-color:#07419b;box-sizing:border-box}
.sub_route > .route{ width:100%;max-width:1400px;margin:0 auto;}
.sub_route > .route > ul:after{display:block;content:"";clear:both;}
.sub_route > .route > ul > li{ position:relative;float:left;height:60px;min-width:200px;font-family: 'S-CoreDream-4Regular';font-size:14px;background:url(/images/sub/route_line.jpg) right top repeat-y;color:#a3c3f4;line-height:60px;box-sizing:border-box;cursor:pointer;}
.sub_route > .route > ul > li.home{ width:60px;min-width:inherit;padding:0;background:#083072 url(/images/sub/route_h.png) center no-repeat;background-size:13px 14px;text-indent:-99999px }
.sub_route > .route > ul > li:hover{ background-color:#03193d}
.sub_route > .route > ul > li > span{ display:block;padding:0 50px 0 30px;background:url(/images/sub/route_arrow.png) right center no-repeat;background-size:40px 40px}
.sub_route > .route > ul > li > ul{ position:absolute;left:0;top:60px;width:100%;z-index:100}
.sub_route > .route > ul > li > ul > li{ height:50px;padding-left:30px;margin-top:-1px;border:1px solid #08285e;background-color:#07419b;line-height:50px}
.sub_route > .route > ul > li > ul > li:hover{background-color:#03193d}
@media only screen and (max-width:900px) {
.sub_route > .route > ul > li{ height:40px;min-width:150px;font-size:12px;line-height:40px;}
.sub_route > .route > ul > li.home{ width:40px;background-size:11px 12px;}
.sub_route > .route > ul > li > span{padding:0 30px 0 15px;background-size:30px 30px}
.sub_route > .route > ul > li > ul{ top:40px;}
.sub_route > .route > ul > li > ul > li{ height:inherit;padding:10px 5px 10px 15px;line-height:15px}
.sub_route > .route > ul > li > ul > li:hover{background-color:#03193d}
.sub_route > .route_n > ul > li.s_gnb{ min-width:130px;}
}
@media only screen and (max-width:550px) {
.sub_route{ padding:0 0px 0 0}
.sub_route > .route > ul > li > span{padding:0 20px 0 15px;}
}
@media only screen and (max-width:500px) {
.sub_route > .route > ul > li{ width:50%;min-width:130px;box-sizing:border-box}	
.sub_route > .route > ul > li.home{ display:none}
.sub_route > .route_n > ul > li.s_gnb{ display:none}
}



.sub_tit{width:100%;max-width:1450px;margin:0 auto;padding:77px 25px 64px 25px;box-sizing:border-box}
.sub_tit > h3{ width:100%;font-family:'S-CoreDream-6Bold';font-size:50px;line-height:59px;letter-spacing:-0.05em;color:#242424;text-align:center;/*text-transform:capitalize;*/}
.sub_tit > .sub_sns{ position:relative;width:100%;height:0;}
.sub_tit > .sub_sns > dl{ position:absolute;right:0;bottom:2px;}
.sub_tit > .sub_sns > dl > dt{ padding:0 6px 4px 0;font-size:12px;font-weight:300;color:#787878;line-height:14px;text-align:right}
.sub_tit > .sub_sns > dl > dd{ float:left;width:27px;height:27px;background-position:center;background-repeat:no-repeat;background-size:100% 100%;text-indent:-9999px;cursor:pointer}
.sub_tit > .sub_sns > dl > dd.sns1{ background-image:url(/images/sub/sns1_off.png)}
.sub_tit > .sub_sns > dl > dd.sns2{ background-image:url(/images/sub/sns2_off.png)}
.sub_tit > .sub_sns > dl > dd.sns3{ background-image:url(/images/sub/sns3_off.png)}
.sub_tit > .sub_sns > dl > dd:hover.sns1{ background-image:url(/images/sub/sns1_on.png)}
.sub_tit > .sub_sns > dl > dd:hover.sns2{ background-image:url(/images/sub/sns2_on.png)}
.sub_tit > .sub_sns > dl > dd:hover.sns3{ background-image:url(/images/sub/sns3_on.png)}
@media only screen and (max-width:900px) {
.sub_tit{padding:35px 25px 30px 25px;}
.sub_tit > h3{ font-size:28px;line-height:34px;}
.sub_tit > .sub_sns > dl > dt{ display:none;}
.sub_tit > .sub_sns > dl > dd{ width:18px;height:18px;}
}
@media only screen and (max-width:400px) {
.sub_tit > h3{ text-align:left}
}

/*language_tab*/
.tab_box{ position:relative;width:100%;height:0}
.tab_box > ul{ position:absolute;left:0;top:-114px;}
.tab_box > ul > li{ float:left;margin-left:2px;}
.tab_box > ul > li a{ display:block;width:120px;height:44px;border:1px solid #d5d3d3;font-size:13px;font-weight:400;line-height:42px;color:#7c7c7c;text-align:center;box-sizing:border-box;}
.tab_box > ul > li a:hover{ border-color:#07419b;background-color:#07419b;color:#fff}
.tab_box > ul > li a.on{ border-color:#07419b;background-color:#07419b;color:#fff}
@media only screen and (max-width:900px) {
.tab_box > ul{ top:-50px;}
.tab_box > ul > li a{ width:80px;height:30px;font-size:12px;line-height:28px;}
}
@media only screen and (max-width:680px) {
.tab_box{ height:25px}
.tab_box > ul{ top:-15px;}
}
@media only screen and (max-width:400px) {

}

/*sub_cont*/
.sub_cont{ width:100%;max-width:1450px; margin:0 auto;padding:0 25px 130px 25px;box-sizing:border-box}
.sub_cont p{word-break:keep-all}
.sub_cont .tit1{ padding-bottom:24px;font-size:35px;font-weight:400;line-height:48px;letter-spacing:-0.2px;color:#07419b;}
.sub_cont .tit1 > span{ display:inline-block}
.sub_cont .tit1 > span.w_enter{ display:block}
.sub_cont h4{ padding-bottom:24px;font-size:43px;font-weight:400;line-height:44px;letter-spacing:-0.3px;color:#07419b;word-break:keep-all}
.sub_cont .txt1{ font-size:15px;line-height:24px;color:#4e4e4e;letter-spacing:-0.2px}
.sub_cont .txt1 .strong{padding:2px 0;font-size:20px;color:#07419b; background:#edeef2;line-height:1.8;}
.sub_cont .txt2{ font-size:16px;line-height:24px;letter-spacing:-0.2px;color:#4e4e4e;}
.sub_cont .blt > li{ padding:5px 0 5px 13px;font-size:15px;background:url(/images/sub/bullet_1.png) left 15px no-repeat;background-size:7px 7px;line-height:24px;color:#4e4e4e;}
.sub_cont .blt > li > em{ color:#07419b;}
.sub_cont .blt > li > em.st2{font-weight:700;}
.sub_cont .txt1 > em{ color:#07419b;}
.sub_cont .txt1 > em.st2{ font-weight:700;}
@media only screen and (max-width:1000px) {
.sub_cont .tit1{ font-size:40px;}
}
@media only screen and (max-width:900px) {
.sub_cont{ padding:0 25px 70px 25px}
.sub_cont .tit1{ padding-bottom:18px;font-size:22px;line-height:24px;}
.sub_cont .txt1{ font-size:13px;line-height:20px;}
.sub_cont .txt1 .strong{font-size:17px;}
.sub_cont .txt2{ font-size:13px;line-height:20px;}
.sub_cont h4{ padding-bottom:12px;font-size:22px;line-height:24px;}
.sub_cont .blt > li{ padding:3px 0 3px 11px;font-size:13px;background-position:left 11px;background-size:5px 5px;line-height:20px;}
}
@media only screen and (max-width:550px) { 
.sub_cont{ padding:0 0px 70px 0px}
}
@media only screen and (max-width:500px) {
.sub_cont .tit1 > span{ display:inline}
}

.sub_cont .facts-area{display:flex;gap:10px;padding-top:30px;}
.sub_cont .facts-area dl{display:flex;align-items:center;justify-content:center;flex-direction: column-reverse;width:120px;height:120px;border-radius:60px;background:#edeef2;}
.sub_cont .facts-area dl dt { font-family:'S-CoreDream-4Regular'; font-size:12px; color:#07419b; line-height:14px; text-align:center; }
.sub_cont .facts-area dl dd { font-family:'S-CoreDream-5Medium'; font-size:43px; line-height:52px; letter-spacing:-0.1em; text-align:center; color:#07419b; }
@media only screen and (max-width:900px) {
	.sub_cont .facts-area{display:flex;gap:10px;padding-top:10px;}
	.sub_cont .facts-area dl{display:flex;align-items:center;justify-content:center;flex-direction: column-reverse;width:80px;height:80px;border-radius:60px;background:#edeef2;}
	.sub_cont .facts-area dl dt { font-family:'S-CoreDream-4Regular'; font-size:10px; color:#07419b; line-height:12px; text-align:center; }
	.sub_cont .facts-area dl dd { font-family:'S-CoreDream-5Medium'; font-size:22px; line-height:28px; letter-spacing:-0.1em; text-align:center; color:#07419b; }
}


.sub_tab ul{display:flex;justify-content: center;margin:-30px 0 30px 0;font-family:'S-CoreDream-6Bold';color:#7c7c7c;font-size:30px;}
.sub_tab ul li{padding:10px 20px;margin:0 10px;cursor:pointer;}
.sub_tab ul li.on{border-bottom:1px solid #242424;color:#242424;}
.sub_tab ul li:hover{border-bottom:1px solid #242424;color:#242424;}

.btn_area{display:flex;gap:10px;}
.btn_3{flex:1;padding:20px;color:#ffffff;text-align:center;background:#0c459d;cursor:pointer;}
.btn_explan{color:#4e4e4e;text-align:center;}

.top_slider{width:100%;}
.top_slider .swiper-slide{width:auto;padding-bottom:4px;}
.top_slider img{height:250px;width:auto;object-fit:cover;display:block;border-radius:4px;}
@media only screen and (max-width:900px) {
	.top_slider img{height:150px;}
}


/*pagenum
------------*/
.pagenum > ul:after{display:block;content:"";clear:both;}
.pagenum > ul > li{ position:relative;float:left;width:42px;height:42px;margin-left:-1px;font-family:'S-CoreDream-4Regular';font-size:14px;line-height:42px;color:#686868;text-align:center;border:1px solid #c6ccd2;background-color:#fff;cursor:pointer;z-index:10}
.pagenum > ul > li:first-child{border:1px solid #c6ccd2;}
.pagenum > ul > li:hover{ border-color:#07419b;color:#07419b;z-index:50}
.pagenum > ul > li.on{ border-color:#07419b;color:#07419b;z-index:50}
@media only screen and (max-width:900px) {
.pagenum > ul > li{width:30px;height:30px;font-size:11px;line-height:30px;}
}
@media only screen and (max-width:550px) {
.pagenum{ padding:0 25px}
}

/*border_search*/
.b_search{ position:relative;width:100%;height:0;z-index:10}
.b_search > form{ position:absolute;right:0;bottom:0;width:240px;height:42px;border:2px solid #07419b;box-sizing:border-box}
.b_search > form > input{height:38px;font-size:15px;line-height:38px;color:#666;}
.b_search > form > input.searchBar{ float:left;width:155px;padding:0 10px 0 15px;box-sizing:border-box}
.b_search > form > input.btn_search{ float:right;width:45px;background:url(/images/header/search_btn.png) center no-repeat;background-size:36px 36px;text-indent:-9999px;cursor:pointer}
.b_search > form > input.btn_search:hover{ background:url(/images/header/search_btn_on.png) center no-repeat;background-size:36px 36px;}
@media only screen and (max-width:900px) {
.b_search > form{ width:185px;height:32px;}
.b_search > form > input{height:28px;font-size:13px;line-height:28px;}
.b_search > form > input.searchBar{ width:150px;padding:0 10px 0 10px;}
.b_search > form > input.btn_search{width:28px;background-size:25px 25px;}
.b_search > form > input.btn_search:hover{background-size:25px 25px;}
}
@media only screen and (max-width:550px) {
.b_search{ height:43px}
.b_search > form{ left:25px;right:inherit}
}



/*layout*/
.cont_box1{ padding:75px 100px 70px 100px;background-color:#edeff0;}
.cont_box2{ text-align:right;}
.cont_box2 > .txt_name{ padding:44px 0 16px 0;font-size:20px;font-weight:500;letter-spacing:-0.2px;color:#1d2127;}
.cont_box3{ padding:75px 100px 70px 100px;}
.cont_box4{ padding:0px 100px}
.cont_box5{  padding:70px 100px;}
@media only screen and (max-width:1300px) {
.cont_box1{ padding:75px 60px 70px 60px;}
.cont_box3{ padding:75px 60px 70px 60px;}
.cont_box4{ padding:0px 60px}
.cont_box5{ padding:70px 60px;}
}
@media only screen and (max-width:900px) {
.cont_box1{ padding:35px 30px;}
.cont_box2 > .txt_name{ padding:30px 0 10px 0;font-size:16px;}
.cont_box3{ padding:35px 30px;}
.cont_box4{  padding:35px 30px;}
.cont_box5{  padding:35px 30px;}
}
@media only screen and (max-width:550px) {
.cont_box1{ padding:35px 25px;}
.cont_box2{ padding:0 25px}
.cont_box3{ padding:35px 25px;}
.cont_box4{  padding:35px 25px;}
.cont_box5{  padding:35px 25px;}
}

.type1:after{display:block;content:"";clear:both;}
.type1{ padding-bottom:64px}
.type1 > h4{ float:left;width:20%;padding-right:20px;box-sizing:border-box}
.type1 > p{ float:right;width:79.1%}
.type2{ padding-top:54px}
.type3:after{display:block;content:"";clear:both;}
.type3{ padding-top:64px}
.type3 > h4{ float:left;width:20%;padding-right:20px;box-sizing:border-box}
.type3 > p{ float:right;width:79.1%}
.type4:after{display:block;content:"";clear:both;}
.type4{ padding:64px 0}
.type4 > h4{ float:left;width:37%;padding-right:20px;box-sizing:border-box}
.type4 > .right{ float:right;width:62%}
.type5:after{display:block;content:"";clear:both;}
.type5{ padding:64px 0}
.type5 > h4{ float:left;width:37%;padding-right:20px;box-sizing:border-box}
.type5 > p{ float:right;width:62%;margin-top:5px}
.type6{ padding:64px 0}
.type7:after{display:block;content:"";clear:both;}
.type7{ padding:64px 0}
.type7 > h4{ float:left;width:45%;padding-right:20px;box-sizing:border-box}
.type7 > p{ float:right;width:50%;margin-top:5px}
@media only screen and (max-width:900px) {
.type1{ padding-bottom:30px}
.type2{ padding-top:20px}
.type3{ padding-top:30px}
.type4{ padding:30px 0}
.type5{ padding:30px 0}
.type6{ padding:30px 0}
.type7{ padding:30px 0}
.type7 > h4{ width:38%;}
.type7 > p{ width:62%;}
}
@media only screen and (max-width:550px) {
.type1 > h4{ width:100%;}
.type1 > p{ width:100%}
.type3 > h4{ width:100%;}
.type3 > p{ width:100%}
.type4 > h4{ width:100%;}
.type4 > .right{ width:100%}
.type5 > h4{ width:100%;}
.type5 > p{ width:100%;margin:0}
.type7 > h4{ width:100%;}
.type7 > p{ width:100%;margin:0}
}


.type_vnm{ min-height:360px;padding:67px 100px 0 100px;background:url(/images/about/vnm_logo.png) left 68px no-repeat;background-size:287px 287px;box-sizing:border-box }
.type_vnm > h4{ padding-left:20.9%}
.type_vnm > .vnm_box{ padding-left:20.9%}
.type_vnm > .vnm_box > ul > li{ padding:0 0 18px 14px;font-size:16px;background:url(/images/about/vnm_bullet.png) left 9px no-repeat;background-size:7px 7px;line-height:24px;letter-spacing:-0.2px;color:#4e4e4e;}
@media only screen and (max-width:1300px) {
.type_vnm{ padding:75px 60px 0px 60px;background-position:left 88px;background-size:250px 250px;}
.type_vnm > h4{ padding-left:270px}
.type_vnm > .vnm_box{ padding-left:270px}
}
@media only screen and (max-width:1180px) {


}
@media only screen and (max-width:900px) {
.type_vnm{ min-height:200px;padding:40px 30px 0px 30px;background-position:left 50px;background-size:200px 200px;}
.type_vnm > h4{ padding-left:200px}
.type_vnm > .vnm_box{ padding-left:200px}
.type_vnm > .vnm_box > ul > li{ padding:0 0 12px 10px;font-size:13px;background-position:left 8px;background-size:5px 5px;line-height:20px;}
}
@media only screen and (max-width:700px) {
.type_vnm{ padding:40px 30px 0px 30px;background-position:30px 80px;background-size:150px 150px;}
.type_vnm > h4{ padding-left:0px;}
.type_vnm > .vnm_box{ padding-left:170px}
.type_vnm > .vnm_box > ul > li{ padding:0 0 12px 10px;font-size:13px;background-position:left 8px;background-size:5px 5px;line-height:20px;}
.type_vnm > .vnm_box > p{ margin-left:-170px}
#kor > .type_vnm > .vnm_box > p{ margin-left:0px}
}
@media only screen and (max-width:580px) {
#kor > .type_vnm > .vnm_box > p{ margin-left:-170px}
}
@media only screen and (max-width:550px) {
.type_vnm{ padding:40px 25px 0px 25px;background-size:100px 100px;}
.type_vnm > .vnm_box{ padding-left:120px}
.type_vnm > .vnm_box > p{ margin-left:-120px}
#kor > .type_vnm > .vnm_box > p{ margin-left:-120px}
}
@media only screen and (max-width:440px) {
.type_vnm > .vnm_box > ul > li:last-child{  margin-left:-120px}
#kor > .type_vnm > .vnm_box > ul > li:last-child{  margin-left:0px}
}
@media only screen and (max-width:330px) {
#kor > .type_vnm > .vnm_box > ul > li:last-child{  margin-left:-120px}
}


/*history*/
.history_1{ padding-left:468px;background-image:url(/images/about/history2.png), url(/images/about/history1.png);background-position:150px 300px, left 35px;background-repeat:no-repeat;background-size:280px 187px, 360px 310px}
.history_1 > h4{ font-size:28px;line-height:36px;letter-spacing:-0.4px;}
.history_1 > h4 > span{ display:block}
.history_1 > p{ letter-spacing:-0.2px}
.hisroty_2:after{display:block;content:"";clear:both;}
.hisroty_2 > .cont_txt{ float:left;width:72.5%}
.hisroty_2 > .cont_txt > h4{ font-size:38px}
.hisroty_2 > .cont_txt_b{ float:left;width:72.5%}
.hisroty_2 > dl{ float:right;width:240px;padding-top:320px;font-size:14px;background:url(/images/about/history3.png) center top no-repeat;line-height:22px;letter-spacing:-0.4px;text-align:center;color:#2f2f2f}
.hisroty_2 > dl > dt{ color:#2f2f2f;}
.hisroty_2 > dl > dt > span{ display:inline-block}
#kor .history_1 { background-position:120px 250px, left 10px;}
#kor .history_1 > h4{ font-size:38px;line-height:44px;word-break:break-all;}
#kor .history_1 > p{word-break:break-all;}
@media only screen and (max-width:1430px) {
.history_1 > p.activ_2{ margin-left:-468px;}
#kor .history_1 > p.activ_2{ margin-left:0px;}
}
@media only screen and (max-width:1250px) {
.history_1{ padding-left:350px;background-position:0px 300px, left 35px;background-size:280px 187px, 280px 241px}
.history_1 > p.activ_2{ margin-left:-350px;}
.hisroty_2 > .cont_txt{width:68%}
.hisroty_2 > .cont_txt_b{width:68%}
.hisroty_2 > dl{ margin:10px -40px 0 0}
#kor .history_1{background-position:0px 275px, left 10px;}
#kor .history_1 > h4 > span{ display:inline}
#kor .history_1 > p.activ_2{ margin-left:0px;}
}
@media only screen and (max-width:1010px) {
.history_1 > p.activ_1{ margin-left:-350px;}
#kor .history_1 > p.activ_1{ margin-left:0px;}
#kor .history_1 > p.activ_2{ margin-left:-350px;}
}
@media only screen and (max-width:900px) {
.history_1{padding-left:320px;background-position:0px 280px, left 20px;}
.history_1 > h4{ font-size:22px;line-height:28px;}
.history_1 > p.activ_1{ margin-left:0px;}
.history_1 > p.activ_2{ margin-left:0px;}
.hisroty_2 > .cont_txt > h4{ font-size:22px}
.hisroty_2 > dl{ width:180px;padding-top:240px;font-size:12px;line-height:18px;background-size:150px 230px;}
#kor .history_1 > h4{font-size:22px;line-height:28px;}
#kor .history_1 > h4 > span{ display:inline-block}
#kor .history_1 > p.activ_2{ margin-left:0px;}
}
@media only screen and (max-width:870px) {
.history_1 > p.activ_2{ margin-left:-320px;}
}
@media only screen and (max-width:850px) {
.history_1{ padding-left:280px; background-position:0px 255px, left 20px;background-size:250px 167px, 250px 215px}
.history_1 > p.activ_2{ margin-left:-280px;}
}
@media only screen and (max-width:750px) {
.history_1{ padding-left:0px;background:none}
.history_1 > p.activ_1{ padding-top:190px; background-image:url(/images/about/history2.png), url(/images/about/history1_m.png);background-position:270px 20px, left 20px;background-repeat:no-repeat;background-size:250px 167px, 250px 167px }
.history_1 > p.activ_2{ margin-left:0px;}
}
@media only screen and (max-width:590px) {
.history_1 > p.activ_1{ padding-top:158px; background-position:220px 20px, left 20px;background-size:200px 134px, 200px 134px }
.hisroty_2 > dl{ width:125px;margin-right:-20px;padding-top:200px;background-size:120px 184px;}
.hisroty_2 > .cont_txt_b{width:100%}
}
@media only screen and (max-width:460px) {
.history_1 > p.activ_1{ padding-top:260px; background-position:100% 130px, left 20px;background-size:180px 120px, 200px 134px}
.hisroty_2 > .cont_txt{width:60%}
}	
@media only screen and (max-width:400px) {
.hisroty_2 > .cont_txt{width:100%}
.hisroty_2 > dl{ width:100%;margin:20px 0 0 0}
#kor .history_1 > h4 > span{ display:inline}
}

/*directors*/
.directors_box:after{display:block;content:"";clear:both;}
.directors_box{ padding:70px 100px 70px 100px;min-height:250px;}
.directors_box > .img{ position:relative;width:100%;height:0;}
.directors_box > .img > img{ position:absolute;left:0;top:5px;width:190px;height:250px;z-index:10}
.directors_box > .right:after{display:block;content:"";clear:both;}
.directors_box > .right{ width:100%; padding-left:270px;box-sizing:border-box}
.directors_box > .right_txt{ width:100%; padding-left:270px;box-sizing:border-box}
.directors_box > .right > h4{ float:left;width:100%;padding-bottom:15px;font-size:26px;font-weight:500;background:url(/images/about/directors_line.png) left bottom no-repeat;background-size:24px 1px;color:#07419b;line-height:32px;letter-spacing:-0.4px;}
.directors_box > .right_txt > p{ float:left;width:100%;padding-top:20px;font-size:15px;line-height:24px;color:#4e4e4e;letter-spacing:-0.4px}
.directors_box > .right_txt > dl{ float:left;width:50%;}
.directors_box > .right_txt > dl > dt{ padding:20px 0 3px 0;font-size:18px;font-weight:500;line-height:20px;color:#333;}
.directors_box > .right_txt > dl > dd{ padding:5px 0px;font-size:15px;font-weight:400;line-height:20px;letter-spacing:-0.4px;color:#4e4e4e;}
.directors_box > .right_txt > dl.left > dd{ padding:4px 30px 3px 0;}
.directors_box > .right_txt > dl.w_100{ width:100%;margin-top:15px}
.img_none{min-height:50px;}
.img_none > .right{padding-left:0px;}
.img_none > .right_txt{padding-left:0px;}
@media only screen and (max-width:1300px) {
.directors_box{ padding:75px 60px 70px 60px;}
}
@media only screen and (max-width:1070px) {
.directors_box > .right_txt > dl{ width:100%;}
}
@media only screen and (max-width:900px) {
.directors_box{ padding:35px 30px;min-height:158px;}
.directors_box > .img > img{ top:3px;width:120px;height:158px;}
.directors_box > .right{ padding-left:150px;}
.directors_box > .right_txt{ padding-left:150px;}
.directors_box > .right > h4{ padding-bottom:10px;font-size:16px;background-size:14px 1px;line-height:20px;}
.directors_box > .right_txt > p{ padding-top:10px;font-size:13px;line-height:20px}
.directors_box > .right_txt > dl{ width:50%;}
.directors_box > .right_txt > dl > dt{ padding-bottom:2px;font-size:15px;line-height:20px;}
.directors_box > .right_txt > dl > dd{ padding:3px 0px 3px 0;font-size:13px;line-height:16px;}
.directors_box > .right_txt > dl.left > dd{ padding:3px 20px 3px 0;}
.img_none{min-height:50px;}
.img_none > .right{padding-left:0px;}
.img_none > .right_txt{padding-left:0px;}
}
@media only screen and (max-width:700px) {
.directors_box > .right_txt > dl{ width:100%;}
}
@media only screen and (max-width:550px) {
.directors_box{ padding:35px 25px;min-height:118px}
.directors_box > .img > img{ top:1px;width:90px;height:118px;}
.directors_box > .right{ padding-left:110px;}
.directors_box > .right_txt{padding-left:110px;}
.img_none{min-height:20px;}
.img_none > .right{padding-left:0px;}
.img_none > .right_txt{padding-left:0px;}
}
@media only screen and (max-width:400px) {
.directors_box > .right{ padding-left:110px;min-height:118px}
.directors_box > .right_txt{padding-left:0px;}
.img_none{min-height:50px;}
.img_none > .right{padding-left:0px;min-height:10px}
}



/*contacts*/
.contacts_map{ width:100%;height:480px;border:3px solid #07419b;box-sizing:border-box }
.contacts_box:after{display:block;content:"";clear:both;}
.contacts_box{ width:100%;padding:65px 100px 65px 90px;background:#edeff0 url(/images/about/contacts_logo_eng.png) 6.428% center no-repeat;background-size:444px 90px;box-sizing:border-box}
.contacts_box > ul{ display:table;float:right;width:55%;border:1px solid #9f9f9f;border-left:none;border-right:none}
.contacts_box > ul > li{ display:table-row}
.contacts_box > ul > li > span{ display:table-cell;padding:13px 0;border-top:1px solid #dedede;font-size:16px;line-height:20px;letter-spacing:-0.3px;color:#898989;box-sizing:border-box}
.contacts_box > ul > li:first-child > span{ border-top:none;}
.contacts_box > ul > li > span.tit{ width:115px;padding-left:36px;border-right:1px solid #dedede;background-position:8px center;background-repeat:no-repeat;background-size:19px 19px;vertical-align:middle}
.contacts_box > ul > li > span.txt{ padding-left:20px;color:#555}
.contacts_box > ul > li > span.icon1{ background-image:url(/images/about/c_icon1.png)}
.contacts_box > ul > li > span.icon2{ background-image:url(/images/about/c_icon2.png)}
.contacts_box > ul > li > span.icon3{ background-image:url(/images/about/c_icon2.png)}
.contacts_box > ul > li > span.icon4{ background-image:url(/images/about/c_icon3.png)}
#kor .contacts_box{ background:#edeff0 url(/images/about/contacts_logo_kor.png) 6.428% center no-repeat;background-size:310px 90px;}
@media only screen and (max-width:1090px) {
.contacts_box{ padding:175px 60px 65px 60px;background-position:60px 65px }
.contacts_box > ul{ width:100%;}
#kor .contacts_box{ background-position:60px 65px }
}
@media only screen and (max-width:900px) {
.contacts_map{ height:250px;}
.contacts_box{ padding:80px 30px 40px 30px;background-position:30px 20px;background-size:250px 51px;}
.contacts_box > ul > li > span{ padding:7px 0;font-size:12px;line-height:16px;}
.contacts_box > ul > li > span.tit{ width:90px;padding-left:25px;background-position:4px center;background-size:15px 15px;}
.contacts_box > ul > li > span.txt{ padding-left:10px;}
#kor .contacts_box{background-position:30px 20px;background-size:176px 51px;}
}
@media only screen and (max-width:550px) {
.contacts_box{ padding:80px 25px 40px 25px;background-position:25px 20px;}
}


/*Scholarship*/
.facts:after{display:block;content:"";clear:both;}
.facts{ position:relative;width:100%;padding:125px 0;min-height:200px;background:url(/images/scholarship/map_bg.png) center top no-repeat;background-size:100% auto;box-sizing:border-box}
.facts .factsYear{position:absolute;right:10px;top:30px;font-size:17px;letter-spacing:-0.03em}
.facts div > dl{ position:absolute;top:0;width:100%;font-family: 'S-CoreDream-3Light';z-index:20;text-align:center;color:#fff;}
.facts div > dl > dt{ padding:23% 0 1.75% 0;font-size:20px;line-height:25px;letter-spacing:-0.3px }
.facts div > dl > dd{ font-size:110px;line-height:110px;letter-spacing:-0.05em }
.facts div > dl > dd.s_txt{font-family: 'S-CoreDream-4Regular';font-size:13px;line-height:27px;letter-spacing:0.1em;color:#6b8ec5;text-transform:uppercase;}
.facts > .left{ position:absolute;left:80px;top:125px;width:26.666%;padding-top:26.666%;border-radius:300px;background:url(/images/scholarship/facts_bg1.png) left top repeat;z-index:10}
.facts > .left > dl > dd{ letter-spacing:-0.1em}
.facts > .right{ position:absolute;right:80px;top:125px;width:26.666%;padding-top:26.666%;border-radius:300px;background:url(/images/scholarship/facts_bg1.png) left top repeat;z-index:10}
.facts > .center{ width:100%;}
.facts > .center > .facts_cou{ width:26.666%;margin:0 auto;padding-top:31%;background:url(/images/scholarship/facts_center_bg.png) center top no-repeat;background-size:100% auto}
.facts > .center > .facts_cou > dl{ width:26.666%;top:125px}
.facts > .center > .facts_cou > dl > dd{ margin-left:-15px;}
.facts > .center > .facts_cou > dl > dd.s_txt{ margin-left:0px;}
.facts > .center > .facts_table{ position:relative;width:100%;padding-top:43px}
.facts > .center > .facts_table span{ position:absolute;display:block;}
.facts > .center > .facts_table > span.line_y_center{ left:50%;top:-2px;width:1px;height:42px;margin-left:-1px ;background-color:#bac8cf;}
.facts > .center > .facts_table > span.line_x{ left:2%;top:40px;width:96%;height:1px;background-color:#bac8cf;z-index:10}
.facts > .center > .facts_table > ul:after{display:block;content:"";clear:both;}
.facts > .center > .facts_table > ul > li{ position:relative;float:left;width:10%;padding-top:10%}
.facts > .center > .facts_table > ul > li > span.line_y{ position:absolute;left:50%;top:-2px;width:1px;height:30px;background-color:#bac8cf;z-index:10}
.facts > .center > .facts_table > ul > li > span.txt{ position:absolute;left:50%;top:25px;width:100px;margin-left:-50px;padding-top:19px;;font-family: 'S-CoreDream-4Regular';font-size:17px;background:url(/images/scholarship/facts_poing.png) center top no-repeat;background-size:10px 10px;line-height:18px;letter-spacing:-0.03em;color:#2e2e2e;text-align:center;z-index:20;}
@media only screen and (max-width:1360px) {
.facts > .left{ left:0px;width:30%;padding-top:30%}
.facts > .right{ right:0px;width:30%;padding-top:30%}
.facts > .center > .facts_cou{ width:30%;padding-top:35.334%;}
.facts > .center > .facts_cou > dl{ width:30%;}
}
@media only screen and (max-width:1180px) {
.facts div > dl > dt{ padding:23% 0 1.75% 0;font-size:18px;line-height:24px;}
.facts div > dl > dd{ font-size:90px;line-height:90px;}
.facts div > dl > dd.s_txt{font-size:12px;line-height:25px;}
.facts > .center > .facts_table > ul > li > span.txt{font-size:16px;}
}
@media only screen and (max-width:980px) {
.facts{ padding:80px 0;}
.facts div > dl > dd{ font-size:85px;line-height:90px;}
.facts > .left{ top:80px;}
.facts > .right{ top:80px;}
.facts > .center > .facts_cou > dl{ top:80px;}
}
@media only screen and (max-width:900px) {
.facts{ padding:20px 0;}
.facts .factsYear{right:-10px;top:-20px;font-size:12px;}
.facts div > dl > dt{ padding:25% 0 1.75% 0;font-size:13px;line-height:18px;}
.facts div > dl > dd{ font-size:65px;line-height:65px; }
.facts div > dl > dd.s_txt{font-size:11px;line-height:20px;}
.facts > .left{ top:20px;}
.facts > .right{ top:20px;}
.facts > .center > .facts_cou > dl{ top:20px;}
.facts > .center > .facts_table{ padding-top:23px}
.facts > .center > .facts_table > span.line_y_center{ top:-5px;height:25px;}
.facts > .center > .facts_table > span.line_x{top:20px;}
.facts > .center > .facts_table > ul > li > span.line_y{ height:20px;}
.facts > .center > .facts_table > ul > li > span.txt{ top:15px;width:70px;margin-left:-35px;padding-top:10px;font-size:13px;background-size:6px 6px;line-height:16px;}
}
@media only screen and (max-width:720px) {
.facts div > dl > dt{ padding:19% 0 1.75% 0;}
.facts > .center > .facts_table > ul > li{ height:50px}
.facts > .center > .facts_table > ul > li:nth-child(even) > span.line_y{ height:50px;}
.facts > .center > .facts_table > ul > li:nth-child(even) > span.txt{ top:45px;}
}
@media only screen and (max-width:650px) {
.facts .factsYear{top:-30px;}
.facts > .left{ width:45%;top:0;padding-top:45%}
.facts > .right{width:45%;top:0;padding-top:45%}
.facts > .center{ padding-top:40%}
.facts > .center > .facts_table > span.line_y_center{ top:-2px;height:23px;}
.facts > .center > .facts_cou{ width:45%;padding-top:52.334%;}
.facts > .center > .facts_cou > dl{ width:45%;top:37%;}
}
@media only screen and (max-width:430px) {
.facts div > dl > dt{ font-size:12px;line-height:16px;}
.facts div > dl > dd{ font-size:50px;line-height:50px; }
.facts div > dl > dd.s_txt{font-size:10px;line-height:15px;}
.facts > .left{ width:48%;padding-top:48%}
.facts > .right{width:48%;padding-top:48%}
.facts > .center > .facts_cou > dl{ top:33%;}
.facts > .center > .facts_table > ul > li{ height:80px}
.facts > .center > .facts_table > ul > li.last > span.line_y{ height:80px;}
.facts > .center > .facts_table > ul > li.last > span.txt{ top:75px;}
}
@media only screen and (max-width:380px) {
.facts div > dl > dt{ padding:19% 0 1.75% 0;}
.facts > .center > .facts_cou > dl{top:31%;}
}

/*s_story*/
.stroyPhoteArea{width:100%;padding-bottom:2.5%;}
.stroyPhoteArea > img{width:100%;}
.stroyPhoteArea > ul{}
.stroyPhoteArea > ul:after{display:block;content:"";clear:both;}
.stroyPhoteArea > ul > li{float:left;position:relative;width:5%;padding-top:5%}
.stroyPhoteArea > ul > li > img{position:absolute;left:0;top:0;width:100%;height:100%;}

.s_story_list{ width:100%;}
.s_story_list > ul:after{display:block;content:"";clear:both;}
.s_story_list > ul > li{ position:relative;float:left;width:100%;min-height:100px;margin:0 0 2.5% 0;padding:30px 20px;border:1px solid #d4dbe2;background-color:#fff;box-sizing:border-box;cursor:pointer}
.s_story_list > ul > li:hover{ border-color:#07419b;box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.2);transition:all 1s}
.s_story_list > ul > li > span.textarea > span.point{display:none;position:absolute;right:-1px;top:-1px;width:30px;height:30px;background:url(/images/sub/borard_p.png) right top no-repeat;background-size:100% 100%;z-index:20}
.s_story_list > ul > li > span{ display:block;letter-spacing:-0.5px}
.s_story_list > ul > li > span.img{overflow:hidden;float:left;position:relative;width:200px;padding-top:200px;margin:0 auto 0 auto;border-radius:300px;background:#edeff2 url(/images/sub/none.png) center no-repeat;background-size:60% 60%}
.s_story_list > ul > li > span.img > img{ position:absolute;left:0;top:0;width:100%;height:100%;z-index:20}
.s_story_list > ul > li > span.textarea{float:left;width:calc(100% - 250px);padding:0 25px;}
.s_story_list > ul > li > span.textarea > span.subject{display:block;margin-top:0;padding:12px 0 2px 0;font-size:18px;font-weight:500;line-height:20px;color:#07419b;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.s_story_list > ul > li > span.textarea > span.subject > .bg{display:inline-block;padding:0 10px;line-height:1.8;color:#ffffff;background:#083072;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.s_story_list > ul > li > span.textarea > span.name{display:block; width:100%;margin-top:0;padding:10px 0 2px 0;font-size:15px;font-weight:500;line-height:20px;color:#07419b;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.s_story_list > ul > li > span.textarea > span.unvst{display:block; width:100%;padding:4px 0 17px 0;font-size:15px;font-weight:400;background:url(/images/sub/border_txt_line.png) left bottom no-repeat;background-size:9.17% 1px; line-height:18px;color:#07419b;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.s_story_list > ul > li > span.textarea > span.txt{ overflow:hidden;display:block;width:100%;height:80px;padding:11px 0 0 0;font-size:14px;line-height:20px;color:#858585;}
@media only screen and (max-width:900px) {
.s_story_list > ul > li > span.img{width:150px;padding-top:150px;}
.s_story_list > ul > li > span.textarea{width:calc(100% - 200px);padding:0 25px;}
.s_story_list > ul > li > span.textarea > span.subject{padding:2px 0 2px 0;font-size:16px;}
.s_story_list > ul > li > span.textarea > span.name{ padding:2px 0;font-size:15px;line-height:18px;}
.s_story_list > ul > li > span.textarea > span.unvst{ padding:2px 0 10px 0;font-size:12px;line-height:16px;}
.s_story_list > ul > li > span.textarea > span.txt{  height:64px;padding:9px 0 0 0;font-size:12px;line-height:16px;}
}
@media only screen and (max-width:550px) {
	.s_story_list > ul > li{width:calc(100% - 20px);margin:0 10px 2.5% 10px;}
	.s_story_list > ul > li > span.img{width:100px;padding-top:100px;}
	.s_story_list > ul > li > span.textarea{width:calc(100% - 150px);padding:0 25px;}
}

/*.s_story_list{ width:100%;}
.s_story_list > ul:after{display:block;content:"";clear:both;}
.s_story_list > ul > li{ position:relative;float:left;width:23.35%;min-height:200px;margin:0 0 2.5% 2.2%;padding:20px 20px 5% 20px;border:1px solid #d4dbe2;background-color:#fff;box-sizing:border-box;cursor:pointer}
.s_story_list > ul > li:hover{ border-color:#07419b;box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.2);transition:all 1s}
.s_story_list > ul > li:nth-child(4n+1){ margin-left:0px;clear:left}
.s_story_list > ul > li > span.point{ position:absolute;right:-1px;top:-1px;width:30px;height:30px;background:url(/images/sub/borard_p.png) right top no-repeat;background-size:100% 100%;z-index:20}
.s_story_list > ul > li > span{ display:block;letter-spacing:-0.5px}
.s_story_list > ul > li > span.img{ overflow:hidden;position:relative;width:68.807%;padding-top:68.807%;margin:12.232% auto 0 auto;border-radius:300px;background:#edeff2 url(/images/sub/none.png) center no-repeat;background-size:60% 60%}
.s_story_list > ul > li > span.img > img{ position:absolute;left:0;top:0;width:100%;height:100%;z-index:20}
.s_story_list > ul > li > span.name{ width:100%;margin-top:5.81%;padding:2px 0;font-size:18px;font-weight:500;line-height:20px;color:#07419b;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.s_story_list > ul > li > span.unvst{ width:100%;padding:4px 0 17px 0;font-size:15px;font-weight:400;background:url(/images/sub/border_txt_line.png) center bottom no-repeat;background-size:9.17% 1px; line-height:18px;color:#07419b;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.s_story_list > ul > li > span.txt{ overflow:hidden;width:100%;height:80px;padding:11px 0 0 0;font-size:14px;line-height:20px;color:#858585;}
@media only screen and (max-width:1000px) {
.s_story_list > ul > li > span.img{width:75%;padding-top:75%;}
}
@media only screen and (max-width:900px) {
.s_story_list > ul > li{ padding:1.8% 1.8% 5% 1.8% ;}
.s_story_list > ul > li > span.point{ width:20px;height:20px;}
.s_story_list > ul > li > span.img{  margin:5% auto 0 auto;}
.s_story_list > ul > li > span.name{ padding:2px 0;font-size:15px;line-height:18px;}
.s_story_list > ul > li > span.unvst{ padding:2px 0 10px 0;font-size:12px;line-height:16px;}
.s_story_list > ul > li > span.txt{  height:64px;padding:9px 0 0 0;font-size:12px;line-height:16px;}
}
@media only screen and (max-width:550px) {
.s_story_list{ padding:0 25px;box-sizing:border-box}
}
@media only screen and (max-width:480px) {
.s_story_list > ul > li{ width:47.5%;min-height:200px;margin:0 0 5% 5%;padding:3% 4% 8% 4% ;}
.s_story_list > ul > li:nth-child(4n+1){ margin-left:2.2%;clear:inherit}
.s_story_list > ul > li:nth-child(2n+1){ margin-left:0px;clear:left}
}*/


/*board		-----
-----------------------*/
/*list_type1*/
.list_type1{ width:100%;}
.list_type1 > ul:after{display:block;content:"";clear:both;}
.list_type1 > ul > li{ position:relative;float:left;width:48.9%;margin:0 0 2.5% 2.2%;padding:10px;border:1px solid #d4dbe2;background-color:#fff;box-sizing:border-box;cursor:pointer}
.list_type1 > ul > li:hover{ border-color:#07419b;box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.2);transition:all 1s}
.list_type1 > ul > li:nth-child(2n+1){ margin-left:0px;clear:left}
.list_type1 > ul > li > span{ display:block;}
.list_type1 > ul > li > span.img{position:relative;float:left;width:48.175%;padding-top:32.116%;background:#edeff2 url(/images/sub/none.png) center no-repeat;background-size:50% auto}
.list_type1 > ul > li > span.img > img{ position:absolute;left:0;top:0;width:100%;height:100%;z-index:20}
.list_type1 > ul > li > span.right{ position:relative;float:right;width:47%;padding-bottom:10px;}
.list_type1 > ul > li > span.right > span{ display:block}
.list_type1 > ul > li > span.right > span.tit{ padding:18px 10px 21px 0;font-size:18px;font-weight:500;background:url(/images/sub/border_txt_line.png) left bottom no-repeat;background-size:20px 1px;color:#121212;line-height:25px;box-sizing:border-box}
.list_type1 > ul > li > span.right > span.tit > .partner{padding-right:10px;padding-left:10px;margin-right:10px; box-sizing:border-box;color:#ffffff;vertical-align:middle;background:#07419b;}
.list_type1 > ul > li > span.right > span.data{ float:left;width:100%;margin-top:13px;}
.list_type1 > ul > li > span.right > span > span{ float:left;padding:3px 0;font-size:14px;letter-spacing:-0.3px;color:#686868;line-height:19px;box-sizing:border-box}
.list_type1 > ul > li > span.right > span > span.tit{ width:37px;}
.list_type1 > ul > li > span.right > span > span.txt{ width:calc(100% - 37px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list_type1 > ul > li > span.point{ position:absolute;right:-1px;top:-1px;width:30px;height:30px;background:url(/images/sub/borard_p.png) right top no-repeat;background-size:100% 100%;z-index:20}
.list_type1 > ul > li > span.icon{ display:none;position:absolute;right:-1px;top:-11px;width:74px;height:85px;background:url(/images/sub/icon_applynow.png) right top no-repeat;background-size:100% 100%;z-index:30;text-indent:-9999px }
.list_type1 > ul > li.applynow > span.right > span.tit{ padding:18px 60px 21px 0;}
.list_type1 > ul > li.applynow > span.icon{ display:block }
@media only screen and (max-width:1180px) {
.list_type1 > ul > li{width:23.35%;margin:0 0 2.5% 2.2%;}
.list_type1 > ul > li:nth-child(2n+1){ margin-left:2.2%;clear:inherit}
.list_type1 > ul > li:nth-child(4n+1){ margin-left:0px;clear:left}
.list_type1 > ul > li > span.img{width:100%;padding-top:66.666%;}
.list_type1 > ul > li > span.right{ width:100%;min-height:190px;}
.list_type1 > ul > li.applynow > span.right > span.tit{ padding:18px 0px 21px 0;}

}
@media only screen and (max-width:900px) {
.list_type1 > ul > li {padding:6px;}
.list_type1 > ul > li > span.right{ min-height:120px}
.list_type1 > ul > li > span.right > span.tit{ padding:10px 5px 11px 0;font-size:14px;background-size:10px 1px;line-height:18px;}
.list_type1 > ul > li > span.right > span.data{ margin-top:5px;}
.list_type1 > ul > li > span.right > span > span{ padding:2px 0;font-size:12px;line-height:16px;}
.list_type1 > ul > li > span.right > span > span.tit{ width:33px;}
.list_type1 > ul > li > span.right > span.tit > .partner{padding-right:5px;padding-left:5px;margin-right:5px;line-height:14px;}
.list_type1 > ul > li > span.right > span > span.txt{ width:calc(100% - 33px);}
.list_type1 > ul > li > span.icon{  right:-1px;top:-5px;width:39px;height:45px;}
.list_type1 > ul > li > span.point{ width:20px;height:20px;}
.list_type1 > ul > li.applynow > span.right > span.tit{ padding:10px 0px 11px 0;}

}
@media only screen and (max-width:780px) {
.list_type1 > ul > li{width:48.8%;margin:0 0 2.5% 2.4%;}
.list_type1 > ul > li:nth-child(4n+1){ margin-left:2.4%;clear:inherit}
.list_type1 > ul > li:nth-child(2n+1){ margin-left:0px;clear:left}
}
@media only screen and (max-width:550px) {
.list_type1{ width:100%;padding:0 25px;box-sizing:border-box}
}
@media only screen and (max-width:390px) {
.list_type1 > ul > li{width:100%;margin:0 0 2.5% 0%;}
}

/*list_type2*/
.list_type2{ width:100%;}
.list_type2 > ul:after{display:block;content:"";clear:both;}
.list_type2 > ul > li{ position:relative;float:left;width:48.9%;margin:0 0 2.5% 2.2%;padding:10px;border:1px solid #d4dbe2;background-color:#fff;box-sizing:border-box;cursor:pointer}
.list_type2 > ul > li:hover{ border-color:#07419b;box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.2);transition:all 1s}
.list_type2 > ul > li:nth-child(2n+1){ margin-left:0px;clear:left}
.list_type2 > ul > li > span{ display:block;}
.list_type2 > ul > li > span.img{position:relative;float:left;width:48.175%;padding-top:32.116%;background:#edeff2 url(/images/sub/none.png) center no-repeat;background-size:50% auto}
.list_type2 > ul > li > span.img > img{ position:absolute;left:0;top:0;width:100%;height:100%;z-index:20}
.list_type2 > ul > li > span.right{ position:relative;float:right;width:47%;}
.list_type2 > ul > li > span.right > span{ display:block;letter-spacing:-0.5px}
.list_type2 > ul > li > span.right > span.tit{ padding:18px 10px 21px 0;font-size:18px;font-weight:500;background:url(/images/sub/border_txt_line.png) left bottom no-repeat;background-size:20px 1px;color:#121212;line-height:25px;box-sizing:border-box}
.list_type2 > ul > li > span.right > span.data{ float:left;width:100%;margin-top:13px;}
.list_type2 > ul > li > span.right > span > span{ float:left;padding:3px 0;font-size:14px;letter-spacing:-0.3px;color:#686868;line-height:19px;box-sizing:border-box}
.list_type2 > ul > li > span.right > span > span.tit{ width:19%;}
.list_type2 > ul > li > span.right > span > span.txt{ width:80%;padding-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list_type2 > ul > li > span.point{ position:absolute;right:-1px;top:-1px;width:30px;height:30px;background:url(/images/sub/borard_p.png) right top no-repeat;background-size:100% 100%;z-index:20}
@media only screen and (max-width:1180px) {
.list_type2 > ul > li{width:23.35%;margin:0 0 2.5% 2.2%;}
.list_type2 > ul > li:nth-child(2n+1){ margin-left:2.2%;clear:inherit}
.list_type2 > ul > li:nth-child(4n+1){ margin-left:0px;clear:left}
.list_type2 > ul > li > span.img{width:100%;padding-top:66.666%;}
.list_type2 > ul > li > span.right{ width:100%;min-height:190px;padding-bottom:10px}
.list_type2 > ul > li > span.right > span > span.tit{ width:20%;}
}
@media only screen and (max-width:1080px) {
.list_type2 > ul > li > span.right > span > span.tit{ width:25%;}
.list_type2 > ul > li > span.right > span > span.txt{ width:75%;}
}

@media only screen and (max-width:900px) {
.list_type2 > ul > li {padding:6px;}
.list_type2 > ul > li > span.right{ min-height:140px}
.list_type2 > ul > li > span.right > span.tit{ padding:10px 5px 11px 0;font-size:14px;background-size:10px 1px;line-height:18px;}
.list_type2 > ul > li > span.right > span.data{ margin-top:5px;}
.list_type2 > ul > li > span.right > span > span{ padding:2px 0;font-size:12px;line-height:16px;}
.list_type2 > ul > li > span.right > span > span.tit{ }
.list_type2 > ul > li > span.right > span > span.txt{ padding-left:3px;}
.list_type2 > ul > li > span.icon{  right:-1px;top:-5px;width:39px;height:45px;}
.list_type2 > ul > li > span.point{ width:20px;height:20px;}
}
@media only screen and (max-width:800px) {
.list_type2 > ul > li > span.right > span > span.tit{ width:25%;}
.list_type2 > ul > li > span.right > span > span.txt{ width:75%;}
}
@media only screen and (max-width:780px) {
.list_type2 > ul > li{width:48.8%;margin:0 0 2.5% 2.4%;}
.list_type2 > ul > li:nth-child(4n+1){ margin-left:2.4%;clear:inherit}
.list_type2 > ul > li:nth-child(2n+1){ margin-left:0px;clear:left}
}
@media only screen and (max-width:630px) {
.list_type2 > ul > li > span.right > span > span.tit{ width:30%;}
.list_type2 > ul > li > span.right > span > span.txt{ width:70%;}
}
@media only screen and (max-width:550px) {
.list_type2{ width:100%;padding:0 25px;box-sizing:border-box}
}
@media only screen and (max-width:430px) {
.list_type2 > ul > li > span.right > span > span.tit{ width:35%;}
.list_type2 > ul > li > span.right > span > span.txt{ width:65%;}
}


/*list_type3*/
.list_type3{ width:100%;}
.list_type3 > ul:after{display:block;content:"";clear:both;}
.list_type3 > ul > li{ position:relative;float:left;width:31.8%;margin:0 0 2.5% 2.3%;padding:10px;border:1px solid #d4dbe2;background-color:#fff;box-sizing:border-box;}
.list_type3 > ul > li:nth-child(3n+1){ margin-left:0px;clear:left}
.list_type3 > ul > li > span{ display:block;letter-spacing:-0.5px}
.list_type3 > ul > li > span.img{position:relative;width:100%;padding-top:66.666%;background:#edeff2 url(/images/sub/none.png) center no-repeat;background-size:50% auto}
.list_type3 > ul > li > span.img > img{ position:absolute;left:0;top:0;width:100%;height:100%;z-index:20}
.list_type3 > ul > li > span.cont{  min-height:160px;padding-bottom:10px}
.list_type3 > ul > li > span.cont > span{display:block;letter-spacing:-0.5px}
.list_type3 > ul > li > span.cont > span.tit{ padding:18px 10px 21px 0;font-size:18px;font-weight:500;background:url(/images/sub/border_txt_line.png) left bottom no-repeat;background-size:20px 1px;color:#121212;line-height:25px;box-sizing:border-box}
.list_type3 > ul > li > span.cont > span.tit > .partner{padding:3px 10px;margin-right:10px; box-sizing:border-box;font-size:14px;color:#ffffff;background:#07419b;}
.list_type3 > ul > li > span.cont > span.data{ width:100%;margin-top:13px;padding:3px 0;font-size:14px;letter-spacing:-0.3px;color:#686868;line-height:19px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list_type3 > ul > li > span.cont > span.adrs{ width:100%;padding:3px 0;font-size:14px;letter-spacing:-0.3px;color:#686868;line-height:19px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list_type3 > ul > li > span.point{ position:absolute;right:-1px;top:-1px;width:30px;height:30px;background:url(/images/sub/borard_p.png) right top no-repeat;background-size:100% 100%;z-index:20}

@media only screen and (max-width:900px) {
.list_type3 > ul > li {padding:6px;}
.list_type3 > ul > li > span.cont{ min-height:110px;padding-bottom:10px}
.list_type3 > ul > li > span.cont > span.tit{ padding:10px 5px 11px 0;font-size:14px;background-size:10px 1px;line-height:18px;}
.list_type3 > ul > li > span.cont > span.tit > .partner{display:inline-block;padding:2px 5px;margin-right:5px; box-sizing:border-box;font-size:12px;line-height:14px;}
.list_type3 > ul > li > span.cont > span.data{ margin-top:5px;padding:2px 0;font-size:12px;line-height:16px;}
.list_type3 > ul > li > span.cont > span.adrs{ padding:2px 0;font-size:12px;line-height:16px;}
.list_type3 > ul > li > span.point{ width:20px;height:20px;}
}
@media only screen and (max-width:780px) {
.list_type3 > ul > li{width:48.8%;margin:0 0 2.5% 2.4%;}
.list_type3 > ul > li:nth-child(3n+1){ margin-left:2.4%;clear:inherit}
.list_type3 > ul > li:nth-child(2n+1){ margin-left:0px;clear:left}
}
@media only screen and (max-width:550px) {
.list_type3{ width:100%;padding:0 25px;box-sizing:border-box}
}
@media only screen and (max-width:390px) {
.list_type3 > ul > li{width:100%;margin:0 0 2.5% 0%;}
}

/*list_type4*/
.list_type4{ width:100%;}
.list_type4 > ul:after{display:block;content:"";clear:both;}
.list_type4 > ul > li{ position:relative;float:left;width:48.9%;margin:0 0 2.5% 2.2%;padding:10px;border:1px solid #d4dbe2;background-color:#fff;box-sizing:border-box;cursor:pointer}
.list_type4 > ul > li:hover{ border-color:#07419b;box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.2);transition:all 1s}
.list_type4 > ul > li:nth-child(2n+1){ margin-left:0px;clear:left}
.list_type4 > ul > li > span{ display:block;}
.list_type4 > ul > li > span.img{position:relative;float:left;width:38.403%;padding-top:25.602%;background:#edeff2 url(/images/sub/none.png) center no-repeat;background-size:50% auto}
.list_type4 > ul > li > span.img > img{ position:absolute;left:0;top:0;width:100%;height:100%;z-index:20}
.list_type4 > ul > li > span.right{ position:relative;float:right;width:57%;}
.list_type4 > ul > li > span.right > span{ display:block;letter-spacing:-0.5px}
.list_type4 > ul > li > span.right > span.tit{ padding:18px 10px 18px 0;font-size:18px;font-weight:500;color:#121212;line-height:25px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list_type4 > ul > li > span.right > span.txt{ overflow:hidden;width:100%;height:44px;font-size:14px;line-height:22px;letter-spacing:-0.4px;color:#686868}
.list_type4 > ul > li > span.right > span.data{ width:100%;padding:14px 10px 0 0;font-size:13px;line-height:20px;letter-spacing:-0.5px;color:#686868;text-align:right;box-sizing:border-box}
.list_type4 > ul > li > span.right > span.data > span{ display:inline-block}
.list_type4 > ul > li > span.right > span.data  em{ padding:0 10px;font-size:10px;}
.list_type4 > ul > li > span.point{ position:absolute;right:-1px;top:-1px;width:30px;height:30px;background:url(/images/sub/borard_p.png) right top no-repeat;background-size:100% 100%;z-index:20}
@media only screen and (max-width:900px) {
.list_type4 > ul > li {padding:6px;}
.list_type4 > ul > li > span.right{ min-height:80px}
.list_type4 > ul > li > span.right > span.tit{ padding:5px 5px 5px 0;font-size:14px;line-height:18px;}
.list_type4 > ul > li > span.right > span.txt{ height:36px;font-size:12px;line-height:18px;}
.list_type4 > ul > li > span.right > span.data{ padding:7px 5px 0 0;font-size:11px;line-height:15px;}
.list_type4 > ul > li > span.right > span.data  em{ padding:0 5px;font-size:8px;}
.list_type4 > ul > li > span.point{ width:20px;height:20px;}
}
@media only screen and (max-width:780px) {
.list_type4 > ul > li > span.img{width:100%;padding-top:66.666%;}
.list_type4 > ul > li > span.right{width:100%;min-height:100px;padding:5px 3px 0 3px;box-sizing:border-box}
}
@media only screen and (max-width:550px) {
.list_type4{padding:0 25px;box-sizing:border-box}
}
@media only screen and (max-width:480px) {
.list_type4 > ul > li{ width:100%;margin:0 0 2.5% 0%;}
.list_type4 > ul > li > span.img{width:38.403%;padding-top:25.602%;}
.list_type4 > ul > li > span.right{width:57%;}
}

/*list_type5*/
.list_type5{ width:100%;}
.list_type5 > ul:after{display:block;content:"";clear:both;}
.list_type5 > ul > li{ position:relative;float:left;width:31.8%;margin:0 0 2.5% 2.3%;padding:10px;border:1px solid #d4dbe2;background-color:#fff;box-sizing:border-box;cursor:pointer}
.list_type5 > ul > li:hover{ border-color:#07419b;box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.2);transition:all 1s}
.list_type5 > ul > li:nth-child(3n+1){ margin-left:0px;clear:left}
.list_type5 > ul > li > span{ display:block;letter-spacing:-0.5px}
.list_type5 > ul > li > span.img{position:relative;width:100%;padding-top:56.338%;background:#edeff2 url(/images/sub/none.png) center no-repeat;background-size:50% auto}
.list_type5 > ul > li > span.img > img{ position:absolute;left:0;top:0;width:100%;height:100%;z-index:20}
.list_type5 > ul > li > span.img > .btn_logo{ position:absolute;left:0;top:0;width:100%;height:100%;z-index:30;background:url(/images/square/icon_ytb.png) center no-repeat;background-size:94px 64px}
.list_type5 > ul > li > span.cont{padding-bottom:10px}
.list_type5 > ul > li > span.cont > span{display:block;letter-spacing:-0.5px}
.list_type5 > ul > li > span.cont > span.tit{ padding:18px 10px 10px 0;font-size:18px;font-weight:500;color:#121212;line-height:25px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list_type5 > ul > li > span.cont > span.data{ overflow:hidden;width:100%;height:38px;font-size:14px;letter-spacing:-0.3px;color:#686868;line-height:19px;box-sizing:border-box;}
.list_type5 > ul > li > span.point{ position:absolute;right:-1px;top:-1px;width:30px;height:30px;background:url(/images/sub/borard_p.png) right top no-repeat;background-size:100% 100%;z-index:20}

@media only screen and (max-width:900px) {
.list_type5 > ul > li {padding:6px;}
.list_type5 > ul > li > span.cont{ padding-bottom:10px}
.list_type5 > ul > li > span.img > .btn_logo{ background-size:53px 36px}
.list_type5 > ul > li > span.cont > span.tit{ padding:10px 5px 11px 0;font-size:14px;background-size:10px 1px;line-height:18px;}
.list_type5 > ul > li > span.cont > span.data{ height:32px;font-size:12px;line-height:16px;}
.list_type5 > ul > li > span.point{ width:20px;height:20px;}
}
@media only screen and (max-width:780px) {
.list_type5 > ul > li{width:48.8%;margin:0 0 2.5% 2.4%;}
.list_type5 > ul > li:nth-child(3n+1){ margin-left:2.4%;clear:inherit}
.list_type5 > ul > li:nth-child(2n+1){ margin-left:0px;clear:left}
}
@media only screen and (max-width:550px) {
.list_type5{ width:100%;padding:0 25px;box-sizing:border-box}
}
@media only screen and (max-width:390px) {
.list_type5 > ul > li:nth-child(3n+1){ margin-left:0;clear:inherit}
.list_type5 > ul > li{width:100%;margin:0 0 2.5% 0%;}
}

/*list_type6*/
.list_type6_bar:after{display:block;content:"";clear:both;}
.list_type6_bar{ }
.list_type6_bar > span{ display:block;float:left;border:1px solid #07419b;border-left:0;border-right:0;font-size:14px;line-height:60px;color:#07419b;letter-spacing:-0.5px;text-align:center;}
.list_type6_bar > span.no{ width:7.142%;}
.list_type6_bar > span.tit{ width:78.573%;}
.list_type6_bar > span.date{ width:14.285%;}
@media only screen and (max-width:1300px) {
.list_type6_bar > span.no{ width:10%;}
.list_type6_bar > span.tit{ width:75.715%;}
}
@media only screen and (max-width:900px) {
.list_type6_bar > span{ font-size:12px;line-height:40px;}
.list_type6_bar > span.no{ width:10%;}
.list_type6_bar > span.tit{ width:74%;}
.list_type6_bar > span.date{ width:16%;}
}
@media only screen and (max-width:640px) {
.list_type6_bar > span.no{ width:13%;}
.list_type6_bar > span.tit{ width:65%;}
.list_type6_bar > span.date{ width:22%;}
}
@media only screen and (max-width:550px) {
.list_type6_bar{ padding:0 25px;box-sizing:border-box}
.list_type6_bar > span.date{ padding:8px 0;line-height:12px}
.list_type6_bar > span.date > em{ display:block}
}
.list_type6{ margin-bottom:30px;}
.list_type6 > ul{border-bottom:1px solid #07419b;}
.list_type6 > ul > li:after{display:block;content:"";clear:both;}
.list_type6 > ul > li{ border-top:1px solid #d4dbe2;cursor:pointer}
.list_type6 > ul > li:first-child{ border-top:0}
.list_type6 > ul > li > span{ display:block;float:left;font-size:14px;line-height:60px;color:#616162;letter-spacing:-0.5px;text-align:center;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list_type6 > ul > li > span.no{ width:7.142%;}
.list_type6 > ul > li > span.tit{ width:78.573%;padding:0 20px;font-size:16px;text-align:left}
.list_type6 > ul > li > span.date{ width:14.285%;}
.list_type6 > ul > li.notice{ background-color:#eeeff3 }
.list_type6 > ul > li.notice > span.no{ background:url(/images/news/icon_notice.png) center no-repeat;background-size:40px 40px;text-indent:-9999px}
.list_type6 > ul > li:hover > span{ color:#07419b;}
@media only screen and (max-width:1300px) {
.list_type6 > ul > li  > span.no{ width:10%;}
.list_type6 > ul > li > span.tit{ width:75.715%;}
}
@media only screen and (max-width:900px) {
.list_type6{ margin-bottom:15px;}
.list_type6 > ul > li > span{ font-size:12px;line-height:44px;}
.list_type6 > ul > li > span.no{ width:10%;}
.list_type6 > ul > li > span.tit{ width:74%;padding:0 10px;font-size:14px;}
.list_type6 > ul > li > span.date{ width:16%;}
.list_type6 > ul > li.notice > span.no{ background-size:26px 26px;}
}
@media only screen and (max-width:760px) {
.list_type6 > ul > li > span.date{ padding:8px 0;line-height:14px}
.list_type6 > ul > li > span.date > em{ display:block}
}
@media only screen and (max-width:640px) {
.list_type6 > ul > li > span.no{ width:13%;}
.list_type6 > ul > li > span.tit{ width:65%;}
.list_type6 > ul > li > span.date{ width:22%;}
}
@media only screen and (max-width:550px) {
.list_type6{ padding:0 25px;box-sizing:border-box}
}

/*list_type7*/
.list_type7{ width:100%;}
.list_type7 > ul:after{display:block;content:"";clear:both;}
.list_type7 > ul > li{ float:left;width:31.8%;margin:0 0 2.5% 2.3%;padding:24px;border:1px solid #d4dbe2;background-color:#fff;box-sizing:border-box;cursor:pointer}
.list_type7 > ul > li:hover{ border-color:#07419b;box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.2);transition:all 1s}
.list_type7 > ul > li:nth-child(3n+1){ margin-left:0px;clear:left}
.list_type7 > ul > li > span{ display:block;letter-spacing:-0.5px}
.list_type7 > ul > li > span.sns{ width:90px;height:34px;}
.list_type7 > ul > li > span.sns > img{ width:100%;height:100%;}
.list_type7 > ul > li > span.txt{padding:19px 0 16px 0;min-height:75px;font-size:17px;font-weight:400;letter-spacing:-0.5px;color:#121212;line-height:25px;}
.list_type7 > ul > li > span.txt > img{ width:100%;height:auto;margin-bottom:10px}
.list_type7 > ul > li > span.date{ width:100%;font-size:14px;letter-spacing:-0.3px;color:#686868;line-height:29px;}

@media only screen and (max-width:900px) {
.list_type7 > ul > li {padding:10px;}
.list_type7 > ul > li > span.sns{ width:58px;height:22px;}
.list_type7 > ul > li > span.txt{padding:10px 0 8px 0;min-height:54px;font-size:14px;line-height:18px;}
.list_type7 > ul > li > span.txt > img{ margin-bottom:5px}
.list_type7 > ul > li > span.date{font-size:12px;line-height:20px;}
}
@media only screen and (max-width:780px) {
.list_type7 > ul > li{width:48.8%;margin:0 0 2.5% 2.4%;}
.list_type7 > ul > li:nth-child(3n+1){ margin-left:2.4%;clear:inherit}
.list_type7 > ul > li:nth-child(2n+1){ margin-left:0px;clear:left}
}
@media only screen and (max-width:550px) {
.list_type7{ width:100%;padding:0 25px;box-sizing:border-box}
}
@media only screen and (max-width:400px) {
.list_type7 > ul > li{width:100%;margin:0 0 2.5% 0%;}
.list_type7 > ul > li:nth-child(3n+1){ margin-left:0;clear:inherit}
}

/*read*/
.read_top{ padding:39px 100px 37px 100px;text-align:center}
.read_top > h4{ padding-bottom:29px;font-size:34px;font-weight:bold;background:url(/images/sub/read_line1.png) center bottom no-repeat;background-size:34px 1px;letter-spacing:-0.5px;line-height:40px;color:#242424;}
.read_top > ul{ width:100%;margin-top:17px;font-size:0;}
.read_top > ul > li{ display:inline-block;padding-left:34px;font-size:15px;background:url(/images/sub/read_line2.png) 15px center no-repeat;background-size:4px 10px;line-height:19px;color:#686868}
.read_top > ul > li:first-child{ padding:0;background:none}
.read_txt1{ width:100%;padding:28px 100px 30px 100px;font-size:16px;font-weight:500;background-image:url(/images/sub/read_line3.png), url(/images/sub/board_line.png);background-position:center bottom, left bottom;background-repeat: no-repeat, repeat-x;background-size:90px 5px, 1px 1px;line-height:20px;color:#07419b;text-align:center;box-sizing:border-box;}
.read_txt2{ width:100%;padding:28px 100px 30px 100px;padding:70px 100px;font-size:15px;background-image:url(/images/sub/board_line.png);background-position:left bottom;background-repeat:repeat-x;line-height:30px;color:#171717;box-sizing:border-box;}
.read_cont{ width:100%;min-height:300px;padding:70px 100px;font-size:15px;line-height:30px;color:#171717;box-sizing:border-box}
.read_file:after{display:block;content:"";clear:both;}
.read_file{ padding:10px 37px;border-top:1px solid #eee}
.read_file > dt{ float:left;width:170px;padding:5px 0 5px 36px;font-size:13px;background:url(/images/sub/icon_file.png) left center no-repeat;background-size:24px 24px;line-height:30px;color:#878787;box-sizing:border-box}
.read_file > dd{ float:left;padding:5px 0}
.read_file > dd a{ display:inline-block;min-height:30px;margin:1px 3px 1px 0;padding:0 12px;border:1px solid #787878;font-size:12px;letter-spacing:-0.2px;line-height:28px;box-sizing:border-box}
.read_file > dd a:hover{ background-color:#787878;color:#fff}
.read_btn{ padding:30px 100px 0 100px;border-top:1px solid #07419b;text-align:center}
.read_btn > input{ display:inline-block;width:245px;height:40px;font-size:13px;background-color:#1b1b1b;letter-spacing:1px;color:#ffffff;text-align:center;cursor:pointer}
.read_btn > input:hover{ background-color:#07419b}

@media only screen and (max-width:1300px) {
.read_top{ padding:39px 60px 37px 60px;}
.read_txt1{ padding:28px 60px 30px 60px;}
.read_txt2{ padding:70px 60px;}
.read_cont{ padding:70px 60px;}
.read_btn{ padding:30px 60px 0 60px;}
}
@media only screen and (max-width:900px) {
.read_top{ padding:20px 30px;}
.read_top > h4{ padding-bottom:17px;font-size:18px;background-size:18px 1px;line-height:24px;}
.read_top > ul{ margin-top:10px;}
.read_top > ul > li{padding-left:18px;font-size:12px;background-position:8px center;background-size:2px 6px;line-height:16px;}
.read_txt1{ padding:15px 30px;font-size:12px;background-size:40px 3px, 1px 1px;line-height:18px;}
.read_txt2{ padding:30px 30px;font-size:12px;line-height:18px;}
.read_cont{ min-height:180px;padding:30px 30px;font-size:12px;line-height:18px;}
.read_file{ padding:3px 15px 3px 15px;}
.read_file > dt{ width:100px;padding:4px 0 0px 22px;font-size:11px;background-position:left 7px;background-size:16px 16px;line-height:22px;}
.read_file > dd{ float:left;padding:5px 0}
.read_file > dd a{min-height:22px;margin:1px 2px 1px 0;padding:0 7px;font-size:11px;line-height:18px;}

.read_btn{ padding:15px 30px 0 30px;}
.read_btn > input{ width:150px;height:30px;font-size:10px;}
}
@media only screen and (max-width:550px) {
.read_top{ padding:20px 25px;}
.read_txt1{ padding:15px 25px;}
.read_txt2{ padding:25px;}
.read_cont{ padding:25px;}
.read_btn{ padding:15px 25px 0 25px;}
}


/*recent_read*/
.recent_top:after{display:block;content:"";clear:both;}
.recent_top{ position:relative;padding:10px;box-sizing:border-box}
.recent_top > .img{ position:relative;float:left;width:34.057%;padding-top:22.681%;margin-right:3.6%;background-color:#666}
.recent_top > .img > img{ position:absolute;left:0;top:0;width:100%;height:100%;z-index:10}
.recent_top > .right{ float:right;width:62%;padding-bottom:50px;}
.recent_top > .right > h4{ padding:20px 0 29px 0;font-size:34px;font-weight:bold;background:url(/images/sub/read_line1.png) left bottom no-repeat;background-size:34px 1px;letter-spacing:-0.5px;line-height:40px;color:#242424;}
.recent_top > .right > .data{ display:table;margin-top:25px;width:100%}
.recent_top > .right > .data > li{ display:table-row}
.recent_top > .right > .data > li > span{ display:table-cell;padding-bottom:5px;font-size:15px;letter-spacing:-0.3px;line-height:20px;color:#686868;}
.recent_top > .right > .data > li > span.tit{ width:40px;}
.recent_top > .right > .data > li > span.line{ width:7px;}
.recent_top > .recent_list{ position:absolute;left:37.657%;bottom:10px;width:185px;height:40px;border:none;font-size:13px;background-color:#07419b;letter-spacing:1px;color:#ffffff;text-align:center}
.recent_top > .recent_list:hover{ background-color:#000}
.recent_tab{width:100%;font-weight:400;background:url(/images/sub/board_line.png) left bottom repeat-x;background-size:1px 1px;color:#656667;text-align:center;box-sizing:border-box;}
.recent_tab > ul{ width:100%;text-align:center}
.recent_tab > ul > li{ display:inline-block;}
.recent_tab > ul > li a{ display:block;padding:28px 35px 30px 35px;font-size:16px;line-height:20px;}
.recent_tab > ul > li a:hover{background:url(/images/sub/read_line3.png) center bottom no-repeat;background-size:90px 5px;color:#07419b;}
.recent_tab > ul > li a.on{background:url(/images/sub/read_line3.png) center bottom no-repeat;background-size:90px 5px;color:#07419b;}
.recent_cont{ width:100%;min-height:300px;padding:70px 100px;font-size:15px;line-height:30px;color:#171717;box-sizing:border-box}
.recent_img{ position:relative;width:100%;padding:90px 100px;background-color:#eee;box-sizing:border-box}
.recent_img > ul:after{display:block;content:"";clear:both;}
.recent_img > ul{ width:100%}
.recent_img > ul > li{ position:relative;float:left;width:49.166%;padding-top:32.75%;margin:0 0 1.668% 1.668% ;}
.recent_img > ul > li > img{ position:absolute;left:0;top:0;width:100%;height:100%}
.recent_img > ul > li:nth-child(2n+1){ margin-left:0px;clear:left}
.recent_img > input{ position:absolute;left:50%;bottom:40px;margin-left:-30px;width:60px;height:26px;padding-left:16px;font-size:14px;background:url(/images/sub/recent_more.png) 5px 11px no-repeat;background-size:7px 7px;color:#878787;letter-spacing:-0.3px;line-height:24px;box-sizing:border-box;text-align:left;cursor:pointer}
.recent_img > input:hover{ color:#222}
@media only screen and (max-width:1300px) {
.recent_top > .img{ width:44.927%;padding-top:29.927%}
.recent_top > .right{ width:51%;}
.recent_top > .recent_list{ left:48.527%;}
.recent_cont{ padding:70px 60px;}
.recent_img{ padding:70px 60px;}
.recent_img > input{bottom:28px;}
}
@media only screen and (max-width:900px) {
.recent_top > .img{ width:34.057%;padding-top:22.681%;}
.recent_top > .right{ width:62%;padding-bottom:35px;}
.recent_top > .right > h4{ padding:10px 0 17px 0;font-size:18px;background-size:18px 1px;line-height:24px;}
.recent_top > .right > .data{ margin-top:10px;}
.recent_top > .right > .data > li > span{ padding-bottom:3px;font-size:12px;line-height:16px;}
.recent_top > .right > .data > li > span.tit{ width:40px;}
.recent_top > .right > .data > li > span.line{ width:7px;}
.recent_top > .recent_list{ left:37.657%;bottom:10px;width:130px;height:25px;font-size:10px;}
.recent_tab > ul > li a{ padding:14px 10px 15px 10px;font-size:12px;line-height:18px;}
.recent_tab > ul > li a:hover{background-size:50px 3px;}
.recent_tab > ul > li a.on{background-size:50px 3px;}
.recent_cont{ min-height:180px;padding:30px 30px;font-size:12px;line-height:18px;}
.recent_img{ padding:30px;}
.recent_img > input{bottom:15px;margin-left:-25px;width:50px;height:20px;padding-left:14px;font-size:12px;background-position:3px 9px;background-size:5px 5px;line-height:20px;}
}
@media only screen and (max-width:730px) {
.recent_top > .img{ width:44.927%;padding-top:29.927%}
.recent_top > .right{ width:51%;}
.recent_top > .recent_list{ left:48.527%;}
}
@media only screen and (max-width:550px) {
.recent_cont{ padding:25px;}
.recent_img{ padding:25px 25px 30px 25px;}
.recent_img > input{bottom:10px;}
}
@media only screen and (max-width:460px) {
.recent_top{ padding:10px 10px 45px 10px;}
.recent_top > .right{ width:100%;padding-bottom:10px;}
.recent_top > .img{ width:100%;padding-top:66.595%;margin-right:0}
.recent_top > .recent_list{ left:10px;}
.recent_img > ul > li{ width:100%;padding-top:66.61%;margin:0 0 1.668% 0% ;}
}



/*ideas*/
.ideas_top{ position:relative;width:89%;min-height:380px;margin-left:11%;border-top-left-radius:180px;background-color:#0a59bc;cursor:pointer}
.ideas_top:hover{ background-color:#444;box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.2);transition:all 1s}

.ideas_top > .cont{ margin-left:30%;width:70%;padding:60px 100px 60px 0;box-sizing:border-box;}
.ideas_top > .cont > h4{ padding:0 0 0 24px;font-size:13px;font-weight:500;letter-spacing:1px;line-height:22px;color:#8eb1dc;text-transform:uppercase;}
.ideas_top > .cont > h5 span{ display:inline-block;padding:0 24px;font-size:35px;font-weight:500;background-image:url(/images/square/ideas_top_icon1.png), url(/images/square/ideas_top_icon2.png);background-position:left 5px, right bottom;background-repeat:no-repeat, no-repeat;background-size:24px 24px, 24px 24px;line-height:38px;letter-spacing:-0.5px;color:#fff;}
.ideas_top > .cont > .txt{ padding:24px 0 24px 24px;font-size:16px;line-height:24px;letter-spacing:-0.3px;color:#b0d0f9;}
.ideas_top > .cont > .data{ position:absolute;right:100px;bottom:60px;font-size:14px;line-height:22px;letter-spacing:-0.3px;color:#b0d0f9;}
.ideas_top > .bg{ position:absolute;left:-12%;top:-40px;width:500px;height:500px;background:url(/images/square/ideas_top_img.png) left top no-repeat;background-size:100% 100%;}
@media only screen and (max-width:1300px) {
.ideas_top > .cont{  margin-left:40%;width:60%;padding:60px 60px 60px 0;}
}
@media only screen and (max-width:1080px) {
.ideas_top > .bg{ left:-170px;}
}
@media only screen and (max-width:900px) {
.ideas_top{ min-height:180px;border-top-left-radius:90px;}
.ideas_top > .cont{ margin-left:30%;width:70%;padding:30px 30px 30px 0;}
.ideas_top > .cont > h4{ padding:0 0 0 16px;font-size:12px;line-height:20px;}
.ideas_top > .cont > h5 span{  padding:0 16px;font-size:19px;background-position:left 1px, right bottom;background-size:14px 14px, 14px 14px;line-height:22px;}
.ideas_top > .cont > .txt{ padding:10px 0 24px 16px;font-size:13px;line-height:20px;}
.ideas_top > .cont > .data{ right:30px;bottom:30px;font-size:12px;line-height:16px;}
.ideas_top > .bg{left:-14%;top:-40px;width:300px;height:300px;}
}
@media only screen and (max-width:800px) {
.ideas_top > .cont{ margin-left:0%;width:100%;padding:30px 30px 30px 145px;}
.ideas_top > .bg{left:-150px;}
}
@media only screen and (max-width:510px) {
.ideas_top{ margin-left:0%;width:100%;border-top-left-radius:50px;}
.ideas_top > .cont{ padding:40px 30px 30px 20px;}
.ideas_top > .bg{ display:none}
}

.ideas_list:after{display:block;content:"";clear:both;}
.ideas_list{ width:100%;margin-top:80px}
.ideas_list > ul > li{float:left;width:48.5%;margin:0 0 2% 3%;padding:40px 30px;background-color:#e2ebfb;box-sizing:border-box;cursor:pointer}
.ideas_list > ul > li:nth-child(2){ background-color:#eee;}
.ideas_list > ul > li:nth-child(3){ background-color:#eee;}
.ideas_list > ul > li:nth-child(6){ background-color:#eee;}
.ideas_list > ul > li:nth-child(7){ background-color:#eee;}
.ideas_list > ul > li:nth-child(10){ background-color:#eee;}
.ideas_list > ul > li:nth-child(11){ background-color:#eee;}
.ideas_list > ul > li:nth-child(14){ background-color:#eee;}
.ideas_list > ul > li:nth-child(15){ background-color:#eee;}




.ideas_list > ul > li:hover{ background-color:#fff;box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.2);transition:all 1s}
.ideas_list > ul > li:nth-child(2n+1){ margin-left:0px;clear:left}
.ideas_list > ul > li > span{ display:block;}
.ideas_list > ul > li > span.tit{ font-size:20px;font-weight:500;line-height:28px;letter-spacing:-0.3px;color:#2f2e2e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ideas_list > ul > li > span.tit > em{ display:inline-block;margin-right:10px;padding:0 10px 2px 10px;font-size:12px;font-weight:500;line-height:26px;color:#8eb1dc;background-color:#0a59bc;color:#fff;text-transform:uppercase;}
.ideas_list > ul > li > span.txt{ overflow:hidden;height:48px;padding:18px 0 0px 0;font-size:15px;line-height:24px;letter-spacing:-0.3px;color:#686868;}
.ideas_list > ul > li > span.data{ margin-top:12px;font-size:14px;line-height:24px;letter-spacing:-0.3px;color:#686868;text-align:right}
.ideas_list > ul > li > span.data > span{ padding:0 10px;font-size:11px}
@media only screen and (max-width:900px) {
.ideas_list{ margin-top:20px}
.ideas_list > ul > li{ padding:20px 15px;}
.ideas_list > ul > li > span.tit{ font-size:15px;line-height:20px;}
.ideas_list > ul > li > span.tit > em{ margin-right:7px;padding:0 8px 2px 8px;font-size:10px;letter-spacing:1px;line-height:20px;}
.ideas_list > ul > li > span.txt{ height:36px;padding:10px 0 0px 0;font-size:12px;line-height:18px;}
.ideas_list > ul > li > span.data{ margin-top:8px;font-size:12px;line-height:18px;}
.ideas_list > ul > li > span.data > span{ padding:0 6px;font-size:8px}
}
@media only screen and (max-width:550px) {
.ideas_list{ padding:0 25px 0 25px;box-sizing:border-box}
.ideas_list > ul > li{float:left;width:100%;margin:0 0 2% 0;}
}


/*words*/
.words_top{ position:relative;width:89%;min-height:380px;margin-right:11%;border-top-right-radius:180px;background-color:#0a59bc}
.words_top > .cont{ width:60%;padding:87px 0px 50px 76px;box-sizing:border-box;}
.words_top > .cont > h4{ width:100%;max-width:594px;min-height:120px;padding:0 0 0 24px;font-family:"Times New Roman", Times, serif;font-size:36px;font-weight:bold;background:url(/images/square/ideas_top_icon1.png) left top no-repeat;background-size:24px 24px;line-height:40px;letter-spacing:-0.5px;color:#fff;box-sizing:border-box}
.words_top > .cont > h4 > span{ display:inline-block;padding:6px 30px 7px 0;font-family:'Noto Sans KR',sans-serif,'NanumGothic';font-size:34px;font-weight:400;background:url(/images/square/ideas_top_icon2.png) right bottom no-repeat;background-size:24px 24px;color:#93c3ff;}
.words_top > .cont > form:after{display:block;content:"";clear:both;}
.words_top > .cont > form{ padding-left:24px;max-width:594px;box-sizing:border-box}
.words_top > .cont > form > textarea{ overflow:auto;width:100%;height:100px;padding:10px 14px;border-radius:14px;font-family:'Noto Sans KR',sans-serif,'NanumGothic';font-size:15px;background-color:#aab0d7;letter-spacing:-0.4px;line-height:24px;color:#444445;box-sizing:border-box}
.words_top > .cont > form > .box:after{display:block;content:"";clear:both;}
.words_top > .cont > form > .box{ position:relative;padding-top:10px;}
.words_top > .cont > form span{ position:absolute;left:0;top:10px;display:block;float:left;font-size:14px;color:#aab0d7;letter-spacing:-0.3px;line-height:30px;}
.words_top > .cont > form span > em{ color:#fff}
.words_top > .cont > form input{ float:left;width:35%;margin:0 0 0 14%;padding:0px 8px;height:30px;border-radius:8px;background-color:#aab0d7;color:#444445;}
.words_top > .cont > form .words_btn{ float:right;width:47%;margin:0;font-size:13px;background-color:#dd1b3f;letter-spacing:1px;color:#fff;cursor:pointer;box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.2);}
.words_top > .cont > form .words_btn:hover{ background-color:#333}

.words_top > .bg{ position:absolute;right:-12%;top:-40px;width:560px;height:530px;background:url(/images/square/words_top_img.png) left top no-repeat;background-size:100% 100%;z-index:10}
@media only screen and (max-width:1300px) {
.words_top > .cont{  padding:87px 0px 50px 60px;}
}
@media only screen and (max-width:1200px) {
.words_top > .cont > form input{margin:0 0 0 18%;}
.words_top > .cont > form .words_btn{ width:43%;}
.words_top > .bg{ right:-130px;width:500px;height:473px}
}
@media only screen and (max-width:990px) {
.words_top > .bg{ right:-140px;width:475px;height:450px}
.words_top > .cont > form input{margin:0 0 0 22%;}
.words_top > .cont > form .words_btn{ width:38%;}
}
@media only screen and (max-width:900px) {
.words_top{ min-height:180px;border-top-right-radius:90px;}
.words_top > .cont{ margin-right:30%;width:70%;padding:30px 30px 30px 30px;}
.words_top > .cont > h4{min-height:90px;padding:0 0 0 16px;font-size:23px;line-height:24px;background-size:14px 14px}
.words_top > .cont > h4 > span{  padding:3px 16px 4px 0;font-size:21px;background-size:14px 14px;}
.words_top > .cont > form{ padding-left:16px}
.words_top > .cont > form > textarea{ height:60px;padding:5px 7px;border-radius:8px;font-size:13px;line-height:20px;}
.words_top > .cont > form > .box:after{display:block;content:"";clear:both;}
.words_top > .cont > form > .box{ padding-top:2px;}
.words_top > .cont > form span{ top:0px;font-size:12px;line-height:25px;}
.words_top > .cont > form input{ width:35%;margin:0 0 0 20%;padding:0px 8px;height:25px;border-radius:5px;}
.words_top > .cont > form .words_btn{ width:40%;font-size:12px;}

.words_top > .bg{  right:-12%;top:-20px;width:317px;height:300px;}
}
@media only screen and (max-width:790px) {
.words_top > .bg{  right:-140px;}
}
@media only screen and (max-width:700px) {
.words_top > .cont > form input{ margin:0 0 0 30%;}
.words_top > .cont > form .words_btn{ width:28%;}
}
@media only screen and (max-width:510px) {
.words_top{ margin-left:0%;width:100%;border-top-right-radius:50px;}
.words_top > .cont{ width:100%;padding:30px 30px 30px 20px;}
.words_top > .bg{ display:none}
}

.words_list{ margin-top:50px;padding:0 80px;box-sizing:border-box}
.words_list > ul{height:auto}
.words_list > ul:after{display:block;content:"";clear:both;}
.words_list > ul > li{ float:left;width:33.333%;margin-top:30px;padding:0 20px 30px 20px;box-sizing:border-box}
.words_list > ul > li.grid-item { width: 33.33%; }
.words_list > ul > li > span.cont{ display:block;width:100%;position:relative;padding:68px 25px 22px 25px;border-radius:25px;border-bottom-left-radius:0px;background:url(/images/square/words_txt_bg.png) center 27px no-repeat;background-color:#daddec;background-size:32px 32px;box-sizing:border-box}
.words_list > ul > li > span.cont > span{ display:block;width:100%;font-size:16px;line-height:24px;letter-spacing:-0.3px;color:#444}
.words_list > ul > li > span.cont > span.txt{ padding-bottom:24px;}
.words_list > ul > li > span.cont > span.name{ padding-top:13px;font-size:14px;color:#666;background:url(/images/square/words_line.png) left top no-repeat;background-size:40px 1px}
.words_list > ul > li > span.cont > span.name > .close{margin:0 0 3px 10px;vertical-align:middle;cursor:pointer}
.words_list > ul > li > span.cont > span.bg{ position:absolute;left:0;bottom:-29px;width:29px;height:29px;background:url(/images/square/words_bg.png) left top no-repeat;background-size:100% 100%;}
@media only screen and (max-width:1300px) {
.words_list{  padding:0px 69px;}
.words_list > ul > li{ padding:0 15px 30px 15px;}
}
@media only screen and (max-width:1300px) {
.words_list > ul > li{width:50%;}
}
@media only screen and (max-width:900px) {
.words_list{ margin-top:20px;padding:0px 38px;}
.words_list > ul > li{width:33.333%;margin-top:15px;padding:0 8px 20px 8px;}
.words_list > ul > li > span.cont{ padding:40px 18px 15px 18px;border-radius:15px;border-bottom-left-radius:0px;background-position:center 15px;background-size:20px 20px;}
.words_list > ul > li > span.cont > span{ font-size:13px;line-height:22px;}
.words_list > ul > li > span.cont > span.txt{ padding-bottom:9px;}
.words_list > ul > li > span.cont > span.name{ padding-top:9px;font-size:13px;background-size:20px 1px}
.words_list > ul > li > span.cont > span.bg{ left:0;bottom:-20px;width:20px;height:20px;}
}
@media only screen and (max-width:780px) {
.words_list > ul > li{width:50%;}
.words_list > ul > li.grid-item { width: 50%; }

}
@media only screen and (max-width:550px) {
.words_list{ padding:0px 17px;}
}
@media only screen and (max-width:450px) {
.words_list > ul > li{width:100%;}
.words_list > ul > li.grid-item { width: 100%; }
}

/*clips*/
.big_video{ display:table;position:fixed;width:100%;height:100%;background:url(/images/square/video_bg.png) left top repeat;z-index:10010}
.big_video > .video_box{ display:table-cell;padding:0 25px;vertical-align:middle;text-align:center;box-sizing:border-box}
.big_video > .video_box > .cont{ position:relative;width:100%;max-width:750px;margin:0 auto;background-color:#2b2b2b }
.big_video > .video_box > .cont > .video{ position:relative;width:100%;padding-top:56.338%;border:5px solid #0c53c0;background-color:#0c53c0;box-sizing:border-box}
.big_video > .video_box > .cont > .video > iframe{ position:absolute;left:0;top:0;width:100%;height:100%;}
.big_video > .video_box > .cont > .video > .btn_close{ position:absolute;right:-5px;bottom:-50px;width:50px;height:50px;background:url(/images/square/big_video_btn.png) left top no-repeat;background-size:100% 100%;text-indent:-99999px;cursor:pointer}
.big_video > .video_box > .cont > dl > dt{ min-height:45px;padding:10px 60px 10px 20px;font-size:18px;line-height:24px;letter-spacing:-0.3px;color:#fff;text-align:left;box-sizing:border-box}
.big_video > .video_box > .cont > dl > dd{ padding:5px 20px 15px 20px;font-size:14px;line-height:20px;letter-spacing:-0.3px;color:#888;text-align:left;}
@media only screen and (max-width:900px) {
.big_video > .video_box > .cont > .video{ border:3px solid #0c53c0}
.big_video > .video_box > .cont > .video > .btn_close{ right:-3px;bottom:-35px;width:35px;height:35px;}
.big_video > .video_box > .cont > dl > dt{ min-height:35px;padding:10px 45px 7px 15px;font-size:14px;line-height:18px;}
.big_video > .video_box > .cont > dl > dd{ padding:3px 15px 15px 15px;font-size:12px;line-height:16px;}
}

/*member	----
--------------*/
.member_box:after{display:block;content:"";clear:both;}
.member_box{ width:100%;background-color:#edeff0;box-sizing:border-box}
.member_box > .left{ float:left;width:65.715%;padding:70px 0}
.member_box > .left > dl{ float:left;width:39%;margin-left:10.869%;box-sizing:border-box}
.member_box > .left > dl > dt{ padding-bottom:11px;font-size:35px;font-weight:300;line-height:48px;color:#07419b;}
.member_box > .left > dl > dd{ font-size:14px;line-height:22px;color:#898989;}
.member_box > .left > dl > dd > span{ display:inline-block}
.member_box > .left > form{ float:right;width:50%;}
.member_box > .left > form > input{ width:310px;height:60px;border:2px solid #fff;margin-bottom:5px;font-size:15px;background-color:#fff;line-height:56px;color:#6f6f6f;text-align:center;box-sizing:border-box;}
.member_box > .left > form > input.id{ border-color:#07419b;}
.member_box > .left > form > input.btn{ margin-bottom:0;border-color:#07419b;font-size:14px;background-color:#07419b;color:#fff;box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.2);cursor:pointer}
.member_box > .left > form > input.btn:hover{ border-color:#000;background-color:#000;box-shadow:none }
.member_box > .right:after{display:block;content:"";clear:both;}
.member_box > .right{ float:right;width:34.285%;height:100%;padding:18px 60px 19px 60px;background-color:#07419b;box-sizing:border-box}
.member_box > .right > dl{ border-top:1px solid #063487;background:url(/images/member/member_arrow1_off.png) right 85px no-repeat;background-size:20px 20px;color:#d2dde1;cursor:pointer}
.member_box > .right > dl:first-child{ border:none}
.member_box > .right > dl:hover{ background-image:url(/images/member/member_arrow1_on.png);color:#fff}
.member_box > .right > dl > dt{ padding-top:40px;font-size:16px;line-height:24px;}
.member_box > .right > dl > dd{ padding:10px 30px 40px 0;font-size:12px;line-height:16px;opacity: 0.5;filter: alpha(opacity=50);box-sizing:border-box}
.member_box > .right > dl > dd > span{ display:inline-block}
.member_box > .find_left{ float:left;width:65.715%;padding:70px 0 20px 0}
.member_box > .find_left > dl{ float:left;width:80%;margin-left:10.869%;box-sizing:border-box}
.member_box > .find_left > dl > dt{ padding-bottom:11px;font-size:35px;font-weight:300;line-height:48px;color:#07419b;}
.member_box > .find_left > dl > dd{ font-size:14px;line-height:22px;color:#898989;}
.member_box > .find_left > dl > dd > span{ display:inline-block}
.member_box > .find_left > form{ float:left;width:80%;margin:28px 0 0 10.869%;}
.member_box > .find_left > form > input{ width:38%;height:60px;border:2px solid #fff;margin-bottom:5px;font-size:15px;background-color:#fff;line-height:56px;color:#6f6f6f;text-align:center;box-sizing:border-box;}
.member_box > .find_left > form > input.email{ width:57%;padding:0 20px;border-color:#07419b;text-align:left}
.member_box > .find_left > form > input.btn{ margin-bottom:0;border-color:#07419b;font-size:14px;background-color:#07419b;color:#fff;box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.2);cursor:pointer}
.member_box > .find_left > form > input.btn:hover{ border-color:#000;background-color:#000;box-shadow:none }
.member_box > .right_s3{ float:right;width:71.6%;background-color:#333 }
@media only screen and (max-width:1160px) {
.member_box > .left{ width:70%;}
.member_box > .right{width:30%;padding:18px 35px;}
.member_box > .find_left{ width:65%;}
}
@media only screen and (max-width:1100px) {
.member_box > .left{  padding:50px 0}
.member_box > .left > dl{width:100%;margin-left:0%;text-align:center}
.member_box > .left > dl > dt{ padding-bottom:5px}
.member_box > .left > form{  width:100%;margin-top:15px;text-align:center}
.member_box > .left > form > input{ margin-left:30px;margin-right:30px;height:54px;line-height:50px;}
.member_box > .find_left{  padding:50px 0 20px 0}
}
@media only screen and (max-width:990px) {
.member_box > .left{ width:65% }
.member_box > .right{width:35%;}
}
@media only screen and (max-width:900px) {
.member_box > .left > dl > dt{ padding-bottom:5px;font-size:20px;line-height:25px;}
.member_box > .left > dl > dd{ font-size:11px;line-height:16px;}
.member_box > .left > form > input{ width:230px;height:40px;border:1px solid #fff;margin-bottom:3px;font-size:12px;line-height:36px;}
.member_box > .left > form > input.btn{ font-size:12px;}
.member_box > .right{padding:15px 25px;}
.member_box > .right > dl{ background-position:right 85px;background-size:15px 15px;}
.member_box > .right > dl > dt{ padding-top:30px;font-size:12px;line-height:20px;}
.member_box > .right > dl > dd{ padding:5px 30px 30px 0;font-size:11px;line-height:14px;}

.member_box > .find_left > dl > dt{ padding-bottom:5px;font-size:20px;line-height:25px;}
.member_box > .find_left > dl > dd{ font-size:11px;line-height:16px;}
.member_box > .find_left > form > input{ height:40px;border:1px solid #fff;margin-bottom:3px;font-size:12px;line-height:36px;}
.member_box > .find_left > form > input.btn{ font-size:12px;}
}
@media only screen and (max-width:750px) {
.member_box > .left{ width:60% }
.member_box > .right{width:40%;}
.member_box > .find_left{ width:60% }
}
@media only screen and (max-width:650px) {
.member_box > .left{ width:100% }
.member_box > .right{width:100%;}
.member_box > .right > dl{ float:left;width:50%;margin-left:4%;padding-left:6%;border-left:1px solid #063487;border-top:none;box-sizing:border-box;} 
.member_box > .right > dl:first-child{width:46%;margin-left:0;padding-left:0;}
.member_box > .find_left{ width:100%;padding:50px 0 }
}
@media only screen and (max-width:420px) {
.member_box > .right > dl{ background-position: right center;}
.member_box > .right > dl > dt{ padding:0;font-size:11px}
.member_box > .right > dl > dd{ display:none}

.member_box > .find_left > form > input{ width:100%;}
.member_box > .find_left > form > input.email{ width:100%;}
}


/*signup_1*/
.signup_1{ padding:75px 100px;}
.signup_1 > h3{ font-size:35px;font-weight:300;color:#07419b;letter-spacing:-0.05em;line-height:40px;word-break:keep-all}
.signup_1 > .tns{overflow-y:scroll;width:100%;padding-right:20px;height:280px;margin-top:26px;font-size:15px;color:#737373;line-height:24px;box-sizing:border-box}
.signup_1 > .tns > div{ padding:0;}
.signup_1 > .tns > div > h4{ display:none}
.signup_1 > .tns > div > h5{ margin-top:30px;font-size:16px;line-height:22px;letter-spacing:-0.3px;color:#222;word-break:keep-all;box-sizing:border-box}
.signup_1 > .tns > div > h5:first-child{ margin-top:0px;}
.signup_1 > .tns > div > ul{ margin-top:5px;padding-bottom:30px;border-bottom:1px solid #dedede;}
.signup_1 > .tns > div > ul > li{ padding:5px 0;font-size:14px;line-height:18px;color:#666;}
.signup_1 > .tns > div > ul:last-child{padding-bottom:0;border-bottom:none;}
.signup_1 > .tns > div > ul > li > ul > li{ padding:6px 0 0px 15px;font-size:13px;line-height:16px;}
@media only screen and (max-width:900px) {
.signup_1 > .tns > div > h4{font-size:12px;line-height:16px;}
.signup_1 > .tns > div > h5{ margin-top:30px;font-size:12px;line-height:16px;}
.signup_1 > .tns > div > h5:first-child{ margin-top:0px;}
.signup_1 > .tns > div > ul{ margin-top:5px;padding-bottom:30px;}
.signup_1 > .tns > div > ul > li{ padding:3px 0;font-size:12px;line-height:16px;}
.signup_1 > .tns > div > ul:last-child{padding-bottom:0;border-bottom:none;}
.signup_1 > .tns > div > ul > li > ul > li{ padding:4px 0 0px 9px;font-size:12px;line-height:15px;}
}
.signup_1_bt:after{display:block;content:"";clear:both;}
.signup_1_bt{ width:100%;padding:50px 0 0 50%;box-sizing:border-box} 
.signup_1_bt > span{ display:block;float:left;padding-top:18px;font-size:16px;line-height:24px;letter-spacing:-0.05px;color:#4f4f4f;}
.signup_1_bt > span > input{ margin:5px 8px 0 0;width:15px;height:15px;}
.signup_1_bt >.join_btn{ float:right;width:310px;height:60px;border-color:#07419b;font-size:14px;background-color:#07419b;color:#fff;box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.2);cursor:pointer}
.signup_1_bt >.join_btn:hover{ border-color:#000;background-color:#000;box-shadow:none }
@media only screen and (max-width:1500px) {
.signup_1_bt{ padding:50px 0 0 0%;} 
}
@media only screen and (max-width:1300px) {
.signup_1{ padding:75px 50px;}
}
@media only screen and (max-width:900px) {
.signup_1{ padding:40px 40px;}
.signup_1 > h3{ font-size:22px;line-height:24px;}
.signup_1 > .tns{padding-right:20px;height:180px;margin-top:13px;font-size:13px;line-height:20px;}

.signup_1_bt{padding:30px 0 0 0;} 
.signup_1_bt > span{ padding-top:10px;padding-bottom:20px;font-size:12px;line-height:18px;}
.signup_1_bt > span > input{ margin:4px 8px 0 0;width:13px;height:13px;}
.signup_1_bt >.join_btn{ width:200px;height:40px;font-size:12px;line-height:36px;}
}
@media only screen and (max-width:550px) {
.signup_1{ padding:40px 25px;}
.signup_1_bt{padding:30px 25px 0 25px;} 
}
/*signup_2*/
.signup_2:after{display:block;content:"";clear:both;}
.signup_2{ padding:75px 100px;}
.signup_2 > h3{ float:left;width:22.5%;font-size:35px;font-weight:300;color:#07419b;letter-spacing:-0.05em;line-height:40px;word-break:keep-all}
.signup_2 > h3 > span{ display:block}
.signup_2 > .cont{ float:right;width:71.666%;font-size:15px;color:#737373;line-height:24px;box-sizing:border-box}
.signup_2 > .cont > .table_1{ display:table;width:100%;}
.signup_2 > .cont > .table_1 > li{ display:table-row}
.signup_2 > .cont > .table_1 > li > span{ display:table-cell;padding-bottom:10px;font-size:14px;line-height:18px;letter-spacing:-0.2px;color:#807f7f;vertical-align:middle;}
.signup_2 > .cont > .table_1 > li > span.tit{ width:17.441%;max-width:150px;padding-right:10px;box-sizing:border-box}
.signup_2 > .cont > .table_1 > li > span > input{ height:40px;padding:0 15px;border:none;font-size:15px;background-color:#fff;color:#333;line-height:40px;box-sizing:border-box}
.signup_2 > .cont > .table_1 > li > span > .name{ width:100%}
.signup_2 > .cont > .table_1 > li.txt_id > span.tit{ line-height:40px;vertical-align:top}
.signup_2 > .cont > .table_1 > li.txt_id > span.txt > input{ float:left;margin-right:5px;}
.signup_2 > .cont > .table_1 > li.txt_id > span.txt > input.id{ width:215px}
.signup_2 > .cont > .table_1 > li.txt_id > span.txt > input.id_check{ width:100px;text-align:center;background-color:#303030;color:#fff;text-align:center;cursor:pointer}
.signup_2 > .cont > .table_1 > li.txt_id > span.txt > input.id_check:hover{ background-color:#07419b}
.signup_2 > .cont > .table_1 > li.txt_id > span.txt > span{ float:left;padding:10px 0 10px 5px;font-size:13px;letter-spacing:-0.5px;line-height:20px;color:#a6a6a6;}
.signup_2 > .cont > .table_1 > li.txt_id > span.txt > span.id_check_on{ color:#07419b}
.signup_2 > .cont > .table_1 > li > span > input.pw{ width:320px}
.signup_2 > .cont > .table_1 > li > span > input.email{ width:100%}
.signup_2 > .cont > .table_1 > li > span >  select { height:40px;padding:0 0 0 15px;font-size:15px;font-weight:500;line-height:40px;border:0;box-sizing:border-box;color:#333;background:#fff url(/images/member/arrow-icon.png) right center no-repeat;background-size:25px 15px;appearance: none;-webkit-appearance: none;-moz-appearance: none}
.signup_2 > .cont > .table_2{ width:100%;}
.signup_2 > .cont > .table_2 span{ display:block}
.signup_2 > .cont > .table_2 > li{ padding-top:20px;}
.signup_2 > .cont > .table_2 > li:first-child{ padding-top:0 }
.signup_2 > .cont > .table_2 > li > span.tit{ padding:12px 0;font-size:14px;letter-spacing:-0.3px;line-height:16px;color:#807f7f;}
.signup_2 > .cont > .table_2 > li > span > input{ width:100%;height:40px;padding:0 15px;border:none;font-size:15px;background-color:#edeff0;color:#333;line-height:40px;box-sizing:border-box}
.signup_2_btn:after{display:block;content:"";clear:both;}
.signup_2_btn{ width:100%;}
.signup_2_btn > input{ float:right;margin-left:5px;width:200px;height:60px;border-color:#5a5a5a;background-color:#5a5a5a;font-size:14px;color:#fff;cursor:pointer}
.signup_2_btn > input.btn1{ width:310px;border-color:#07419b;background-color:#07419b;color:#fff;box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.2);}
.signup_2_btn > input:hover{ border-color:#000;background-color:#000; box-shadow:0;}
.signup_2 > .cont > .table_1 > li > span.e_name{ color:#07419b;}
.signup_2 > .cont > .table_1 > li > span.e_id{ color:#3e3d3d;}
@media only screen and (max-width:1300px) {
.signup_2{ padding:60px 50px}
.signup_2 > h3{ width:100%;padding-bottom:30px}
.signup_2 > .cont{ width:100%;}
.signup_2 > h3 > span{ display:inline-block}
}
@media only screen and (max-width:900px) {
.signup_2{ padding:40px 40px;}
.signup_2 > h3{ font-size:22px;line-height:24px;padding-bottom:15px}
.signup_2 > .cont{ font-size:12px;line-height:18px;}

.signup_2 > .cont > .table_1 > li > span{ padding-bottom:5px;font-size:12px;line-height:16px;}
.signup_2 > .cont > .table_1 > li > span.tit{ max-width:100px;padding-right:10px;}
.signup_2 > .cont > .table_1 > li > span > input{ height:30px;padding:0 10px;font-size:13px;line-height:30px;}
.signup_2 > .cont > .table_1 > li.txt_id > span.tit{ line-height:30px;}
.signup_2 > .cont > .table_1 > li.txt_id > span.txt > input{ margin-right:4px;}
.signup_2 > .cont > .table_1 > li.txt_id > span.txt > input.id{ width:126px}
.signup_2 > .cont > .table_1 > li.txt_id > span.txt > input.id_check{ width:70px;font-size:12px;}
.signup_2 > .cont > .table_1 > li.txt_id > span.txt > span{ padding:7px 0 7px 3px;font-size:12px;line-height:16px;}
.signup_2 > .cont > .table_1 > li > span > input.pw{ width:200px}
.signup_2 > .cont > .table_1 > li > span >  select { width:100%;height:30px;padding:0 0 0 10px;font-size:13px;line-height:30px;}
.signup_2 > .cont > .table_2 > li{ padding-top:5px;}
.signup_2 > .cont > .table_2 > li:first-child{ padding-top:0 }
.signup_2 > .cont > .table_2 > li > span.tit{ padding:7px 0 10px 0;font-size:12px;line-height:16px;}
.signup_2 > .cont > .table_2 > li > span > input{ height:30px;padding:0 10px;font-size:13px;line-height:30px;}
.signup_2_btn > input{ width:110px;height:40px;font-size:12px;line-height:36px;}
.signup_2_btn > input.btn1{ width:200px;}
}
@media only screen and (max-width:550px) {
.signup_2{ padding:40px 25px;}
.signup_2_btn{ padding:0 25px;box-sizing:border-box}
.signup_2_btn > input{ width:90px;}
.signup_2_btn > input.btn1{ width:170px;}
}
/*signup_3*/
.signup_3:after{display:block;content:"";clear:both;}
.signup_3{ width:100%;padding:75px 100px;background-color:#edeff0;box-sizing:border-box}
.signup_3 > .left{ float:left;width:26.6%;}
.signup_3 > .left > dl > dt{ padding-bottom:11px;font-size:35px;font-weight:300;line-height:48px;color:#07419b;}
.signup_3 > .left > dl > dd{ font-size:14px;line-height:22px;color:#898989;}
.signup_3 > .left > dl > dd > span{ display:inline-block}

.signup_3 > .right{ float:right;width:70%;box-sizing:border-box}
.signup_3 > .right > ul:after{display:block;content:"";clear:both;}
.signup_3 > .right > ul > li{ float:left;width:50%}
.signup_3 > .right > ul > li > span{ display:block;float:left;box-sizing:border-box;letter-spacing:-0.3px}
.signup_3 > .right > ul > li > span.tit{ width:32.9%;padding:15px 0 15px 9.4%;line-height:20px;color:#6f6f6f;}
.signup_3 > .right > ul > li > span.txt{ width:67.1%;height:50px;padding:0 15px;font-size:16px;background-color:#fff;line-height:50px;color:#4c4c4d;}
.signup_3 > .right > ul > li.id > span.txt{ color:#07419b;}

.signup_3_btn:after{display:block;content:"";clear:both;}
.signup_3_btn{ width:100%;padding-top:40px}
.signup_3_btn > input{ float:right;margin-left:5px;width:210px;height:60px;border-color:#282828;background-color:#282828;font-size:14px;color:#fff;cursor:pointer}
.signup_3_btn > input.btn2{ border-color:#07419b;background-color:#07419b;color:#fff;box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.2);}
.signup_3_btn > input:hover{ border-color:#000;background-color:#000; box-shadow:0;}
@media only screen and (max-width:1300px) {
.signup_3{ padding:60px 50px}
.signup_3 > .left{ width:100%;}
.signup_3 > .right{ width:100%;padding-top:40px}
.signup_3 > .right > ul > li{ width:60%}
.signup_3 > .right > ul > li.id{ width:40%}
.signup_3 > .right > ul > li.id > span.tit{ width:30%;padding-left:0}
.signup_3 > .right > ul > li.id > span.txt{ width:67.1%;}
.signup_3 > .right > ul > li > span.tit{ width:28%;padding-left:5%}
.signup_3 > .right > ul > li > span.txt{ width:72%;}
}
@media only screen and (max-width:900px) {
.signup_3{ padding:40px 40px;}
.signup_3 > .left > dl > dt{ padding-bottom:5px;font-size:20px;line-height:25px;}
.signup_3 > .left > dl > dd{ font-size:11px;line-height:16px;}
.signup_3 > .right{ padding-top:20px}
.signup_3 > .right > ul > li > span.tit{ font-size:12px;padding:9px 0 9px 9.4%;line-height:16px;}
.signup_3 > .right > ul > li > span.txt{ height:34px;padding:0 10px;font-size:13px;line-height:34px;}

.signup_3_btn{ padding-top:20px}
.signup_3_btn > input{ width:150px;height:40px;font-size:12px;line-height:36px;}
}
@media only screen and (max-width:700px) {
.signup_3 > .right > ul > li{ width:65%}
.signup_3 > .right > ul > li.id{ width:35%}
}
@media only screen and (max-width:550px) {
.signup_3{ padding:40px 25px;}
.signup_3 > .right{ padding-top:15px}
.signup_3 > .right > ul > li{ width:100%;padding-top:5px}
.signup_3 > .right > ul > li.id{ width:100%}
.signup_3 > .right > ul > li.id > span.tit{ width:25%;}
.signup_3 > .right > ul > li.id > span.txt{ width:75%;}
.signup_3 > .right > ul > li > span.tit{ width:25%;padding-left:0%}
.signup_3 > .right > ul > li > span.txt{ width:75%;}
}
@media only screen and (max-width:400px) {
.signup_3_btn > input{ width:99px}
}

/*leave*/
.leave:after{display:block;content:"";clear:both;}
.leave{ width:100%;padding:75px 100px;background-color:#edeff0;box-sizing:border-box}
.leave > .left{ float:left;width:26.6%;}
.leave > .left > dl > dt{ padding-bottom:11px;font-size:35px;font-weight:300;line-height:48px;color:#07419b;}
.leave > .left > dl > dd{ font-size:14px;line-height:22px;color:#898989;}
.leave > .left > dl > dd > span{ display:inline-block}

.leave > .right{ float:right;width:70%;box-sizing:border-box}
.leave > .right > ul:after{display:block;content:"";clear:both;}
.leave > .right > ul > li{ float:left;width:50%}
.leave > .right > ul > li > span{ display:block;float:left;box-sizing:border-box;letter-spacing:-0.3px}
.leave > .right > ul > li > span.tit{ width:32.9%;padding:15px 0 15px 9.4%;line-height:20px;color:#6f6f6f;}
.leave > .right > ul > li > span.txt{ width:67.1%;}
.leave > .right > ul > li > span.txt > input{ width:100%;height:50px;border:none;padding:0 10px;background-color:#fff;font-size:16px;line-height:50px;color:#4c4c4d;box-sizing:border-box}
.leave > .right > ul > li.id > span.txt{ color:#07419b;}
.leave > .right > p{ padding:12px 0 16px 4.6%;font-size:14px;line-height:22px;color:#898989;}
.leave > .right textarea{ width:95.4%;height:200px;padding:10px;margin-left:4.6%;border:none;font-family:'Noto Sans KR',sans-serif,'NanumGothic';font-size:16px;background-color:#d7d7d7;line-height:22px;color:#333;box-sizing:border-box}
.leave_btn:after{display:block;content:"";clear:both;}
.leave_btn{ width:100%;padding-top:20px}
.leave_btn > input{ float:right;margin-left:5px;width:210px;height:60px;border-color:#5a5a5a;background-color:#5a5a5a;font-size:14px;color:#fff;cursor:pointer}
.leave_btn > input.btn2{ border-color:#282828;background-color:#282828;color:#fff; }
.leave_btn > input:hover{ border-color:#000;background-color:#000; box-shadow:0;}
@media only screen and (max-width:1300px) {
.leave{ padding:60px 50px}
.leave > .left{ width:100%;}
.leave > .right{ width:100%;padding-top:40px}
.leave > .right > ul > li{ width:60%}
.leave > .right > ul > li.id{ width:40%}
.leave > .right > ul > li.id > span.tit{ width:30%;padding-left:0}
.leave > .right > ul > li.id > span.txt{ width:67.1%;}
.leave > .right > ul > li > span.tit{ width:28%;padding-left:5%}
.leave > .right > ul > li > span.txt{ width:72%;}
.leave > .right > p{ padding:12px 0 16px 0%;}
.leave > .right textarea{ width:100%;margin-left:0;}
}
@media only screen and (max-width:900px) {
.leave{ padding:40px 40px;}
.leave > .left > dl > dt{ padding-bottom:5px;font-size:20px;line-height:25px;}
.leave > .left > dl > dd{ font-size:11px;line-height:16px;}
.leave > .right{ padding-top:20px}
.leave > .right > ul > li > span.tit{ font-size:12px;padding:9px 0 9px 9.4%;line-height:16px;}
.leave > .right > ul > li > span.txt{ height:34px;padding:0 10px;font-size:13px;line-height:34px;}
.leave > .right > ul > li > span.txt > input{ height:34px;font-size:13px;line-height:34px;}
.leave > .right > p{ padding:6px 0 8px 0%;font-size:11px;line-height:16px;}
.leave > .right textarea{ height:100px;font-size:13px;line-height:20px;}
.leave_btn{ padding-top:15px}
.leave_btn > input{ width:150px;height:40px;font-size:12px;line-height:36px;}
}
@media only screen and (max-width:700px) {
.leave > .right > ul > li{ width:60%}
.leave > .right > ul > li.id{ width:40%}
}
@media only screen and (max-width:550px) {
.leave{ padding:40px 25px;}
.leave > .right{ padding-top:15px}
.leave > .right > ul > li{ width:100%;padding-top:5px}
.leave > .right > ul > li.id{ width:100%}
.leave > .right > ul > li.id > span.tit{ width:25%;}
.leave > .right > ul > li.id > span.txt{ width:75%;}
.leave > .right > ul > li > span.tit{ width:25%;padding-left:0%}
.leave > .right > ul > li > span.txt{ width:75%;}
}
@media only screen and (max-width:400px) {
.leave_btn > input{ width:99px}
}


.tns_cont > div > h4{font-size:30px;font-weight:300;line-height:32px;letter-spacing:-0.3px;color:#222;word-break:keep-all}
.tns_cont > div > h5{ margin-top:50px;font-size:18px;line-height:26px;letter-spacing:-0.3px;color:#07419b;word-break:keep-all;}
.tns_cont > div > h5:first-child{ margin-top:0px;}
.tns_cont > div > ul{ margin-top:10px;padding-bottom:50px;border-bottom:1px solid #dedede;}
.tns_cont > div > ul > li{ padding:5px 0;font-size:15px;line-height:18px;color:#4e4e4e;}
.tns_cont > div > ul:last-child{padding-bottom:0;border-bottom:none;}
.tns_cont > div > ul > li > ul > li{ padding:6px 0 0px 15px;font-size:13px;line-height:16px;}
@media only screen and (max-width:900px) {
.tns_cont > div > h4{font-size:18px;line-height:25px;}
.tns_cont > div > h5{ margin-top:30px;font-size:14px;line-height:18px;}
.tns_cont > div > h5:first-child{ margin-top:0px;}
.tns_cont > div > ul{ margin-top:5px;padding-bottom:30px;}
.tns_cont > div > ul > li{ padding:3px 0;font-size:12px;line-height:16px;}
.tns_cont > div > ul:last-child{padding-bottom:0;border-bottom:none;}
.tns_cont > div > ul > li > ul > li{ padding:4px 0 0px 9px;font-size:12px;line-height:15px;}
}



/* others */
#noData{width:100%;height:60px;min-height:60px;padding:0;line-height:60px;text-align:center;}
.cursor{cursor:pointer}



/*list_type8*/
.list_type8{ width:100%;}
.list_type8 > ul:after{display:block;content:"";clear:both;}
.list_type8 > ul > li{ position:relative;float:left;width:22.322%;margin:0 0 3.57% 3.57%;padding:15px;border:1px solid #d4dbe2;background-color:#fff;box-sizing:border-box;}
.list_type8 > ul > li:nth-child(4n+1){ margin-left:0px;clear:left}
.list_type8 > ul > li > span{ display:block;letter-spacing:-0.5px}
.list_type8 > ul > li > span.img{position:relative;width:100%;padding-top:100%;background:#edeff2 url(/images/sub/none.png) center no-repeat;background-size:50% auto; overflow:hidden}
.list_type8 > ul > li > span.img > img{ position:absolute;left:0;top:0;width:100%;height:100%;z-index:20; object-fit: cover;object-position: center; display: block; transition: transform 0.4s ease; }
.list_type8 > ul > li:hover > span.img > img{ transform: scale(1.1); }
.list_type8 > ul > li:hover{ border-color:#07419b;box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.2);transition:all 1s; cursor:pointer}
.list_type8 > ul > li > span.cont{  padding-bottom:10px}
.list_type8 > ul > li > span.cont > span{display:block;letter-spacing:-0.5px}
.list_type8 > ul > li > span.cont > span.tit{ padding:18px 3px 0px 3px;font-size:18px;font-weight:500; line-height:25px;box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; color:#07419b}
.list_type8 > ul > li  span.point {  position: absolute;  right: -1px;  top: -1px;  width: 30px;  height: 30px;  background: url(/images/sub/borard_p.png) right top no-repeat;  background-size: 100% 100%;  z-index: 20; }
@media only screen and (max-width:900px) {
.list_type8 > ul > li {padding:10px;}
.list_type8 > ul > li > span.cont{ padding-bottom:10px}
.list_type8 > ul > li > span.cont > span.tit{ padding:10px 2px 0px 2px;font-size:14px;background-size:10px 1px;line-height:18px;}
.list_type8 > ul > li > span.point{ width:20px;height:20px;}
}
@media only screen and (max-width:780px) {
.list_type8 > ul > li{width:47%;margin:0 0 6% 6%;}
.list_type8 > ul > li:nth-child(3n+1){ margin-left:6%;clear:inherit}
.list_type8 > ul > li:nth-child(2n+1){ margin-left:0px;clear:left}
}
@media only screen and (max-width:550px) {
.list_type8{ width:100%;padding:0 25px;box-sizing:border-box}
}
@media only screen and (max-width:390px) {
.list_type8 > ul > li{width:100%;margin:0 0 6% 0% !important;}
}

/**/
.big_img{ width:100%!important;  height: 100vh;  background-color: rgba(0,0,0,0.9); 	position:fixed; top:0px; left:0px; z-index:10000!important;  padding: 0px 0px; box-sizing: border-box; 
display: flex; justify-content: center;  align-items: center; flex-direction:column; box-sizing: border-box;}
.big_img > .img_box{ display:table-cell;padding:0 25px;vertical-align:middle;text-align:center;box-sizing:border-box}
.big_img > .img_box > .cont{ position:relative; width:auto; margin:0 auto;background-color:#2b2b2b }
.big_img > .img_box > .cont > .exhibition_img{ border:5px solid #0c53c0;background-color:rgba(0,0,0,0.9);box-sizing:border-box}
.big_img > .img_box > .cont > .exhibition_img img{ width:auto; height:500px}
.big_img > .img_box > .cont > .exhibition_img > .btn_close{ position:absolute;right:0px;bottom:0px;width:50px;height:50px;background:url(/images/square/big_video_btn.png) left top no-repeat;background-size:100% 100%;text-indent:-99999px;cursor:pointer}
.big_img > .img_box > .cont > dl > dt{ min-height:45px;padding:10px 60px 10px 20px;font-size:18px;line-height:24px;letter-spacing:-0.3px;color:#fff;text-align:left;box-sizing:border-box}
.big_img > .img_box > .cont > dl > dd{ padding:5px 20px 15px 20px;font-size:14px;line-height:20px;letter-spacing:-0.3px;color:#888;text-align:left;}
.big_img .btn li{ position:absolute; top:50%; width:80px; height:80px; margin-top:-40px; background-position:center center; background-repeat:no-repeat; text-indent:-999999px; cursor:pointer; transition:all 0.5s}
.big_img .btn li.btn_prev{ left:-70px; background-image:url(/images/100y/big_img_btn1.png)}
.big_img .btn li.btn_next{ right:-70px; background-image:url(/images/100y/big_img_btn2.png)}
.big_img .btn li.btn_prev:hover{ left:-80px}
.big_img .btn li.btn_next:hover{ right:-80px;}
@media only screen and (max-width:1100px) {
.big_img > .img_box > .cont > .exhibition_img img{ height:400px}
}
@media only screen and (max-width:900px) {
.big_img > .img_box > .cont > .exhibition_img{ border:3px solid #0c53c0}
.big_img > .img_box > .cont > .exhibition_img img{ width:auto; height:300px}
.big_img > .img_box > .cont > .exhibition_img > .btn_close{ width:35px;height:35px;}
.big_img > .img_box > .cont > dl > dt{ min-height:35px;padding:10px 45px 7px 15px;font-size:14px;line-height:18px;}
.big_img > .img_box > .cont > dl > dd{ padding:3px 15px 15px 15px;font-size:12px;line-height:16px;}

.big_img .btn li{ width:50px; height:50px; margin-top:-25px;}
.big_img .btn li.btn_prev{ left:-40px;}
.big_img .btn li.btn_next{ right:-40px;}
.big_img .btn li.btn_prev:hover{ left:-45px}
.big_img .btn li.btn_next:hover{ right:-45px;}
}
@media only screen and (max-width:600px) {
.big_img > .img_box > .cont > .exhibition_img img{ height:250px}
}
@media only screen and (max-width:500px) {
.big_img > .img_box > .cont > .exhibition_img img{ height:200px}
}
@media only screen and (max-width:400px) {
.big_img .btn li.btn_prev{ left:-10px;}
.big_img .btn li.btn_next{ right:-10px;}
.big_img .btn li.btn_prev:hover{ left:-15px}
.big_img .btn li.btn_next:hover{ right:-15px;}
}

/*exhibition*/
.exhi_txt{ text-align:center; padding-bottom:60px; font-size:18px; line-height:28px; font-weight:400; letter-spacing:-0.05em; word-break:keep-all; width:100%; margin:0 auto; box-sizing:border-box}
.exhi_txt .txt1{ font-size:16px; line-height:26px; font-weight:300;padding-top:2px}
.exhi_tab ul{   top: -184px;}
@media only screen and (max-width:1100px) {
.exhi_txt{ max-width:700px}
.exhi_txt .txt1{ line-height:22px; padding-top:5px}
.exhi_tab ul{   top: -240px;}
}
@media only screen and (max-width:900px) {
.exhi_txt{padding:0 15px 30px 15px; font-size:14px; line-height:20px; max-width:500px }
.exhi_txt .txt1{ font-size:12px; line-height:16px; padding-top:5px}
.exhi_tab ul{   top: -148px;}
}
@media only screen and (max-width:680px) {
.exhi_tab ul{   top: -15px;}
}
@media only screen and (max-width:540px) {
.exhi_tab ul{  left:25px;}
.exhi_txt{ text-align:left; padding-left:25px}
}


/*legacy*/
.legacy_box1{ width:100%; background-color:#f3f3f3; padding-bottom:140px}

.legacy_box1 .box1{ position:relative;width:100%;box-sizing:border-box}
.legacy_box1 .box1 dl{ position:absolute;left:64%;top:180px;z-index:900;word-break:keep-all}
.legacy_box1 .box1 dl dt{ font-family:'S-CoreDream-7ExtraBold';font-size:60px;line-height:80px;letter-spacing:-0.05em;color:#0d4bac;}
.legacy_box1 .box1 dl dd{ padding:5px 0 0 5px;font-size:35px;line-height:48px; font-weight:600;color:#393939;}
.legacy_box1 .box1 dl.eng dt{ font-family:'S-CoreDream-7ExtraBold';font-size:55px;line-height:75px;letter-spacing:-0.05em;color:#0d4bac;}
.legacy_box1 .box1 dl.eng dd{ padding:5px 0 0 5px;font-size:28px;line-height:36px; letter-spacing:-0.03em; font-weight:600;color:#393939;}
.legacy_box1 .box1{ width:100%;height:670px;box-sizing:border-box}
.legacy_box1 .box1 > #legacy_img{ overflow:hidden;position:relative;width:100%;height:670px;}
.legacy_box1 .box1 > #legacy_img > ul{position:relative;}
.legacy_box1 .box1 > #legacy_img > ul > li{position:absolute;left:0;top:0;width:100%;height:670px;text-align:center}
.legacy_box1 .box1 > #legacy_img > ul > li.visual_1{ background:url(/images/100y/legacy_b1_img1.png) left top no-repeat;background-size:100% auto}
.legacy_box1 .box1 > #legacy_img > ul > li.visual_2{ background:url(/images/100y/legacy_b1_img2.png) left top no-repeat;background-size:100% auto}
.legacy_box1 .box1 > #legacy_img > ul > li.visual_3{ background:url(/images/100y/legacy_b1_img3.png) left top no-repeat;background-size:100% auto}
.legacy_box1 .box1 > #legacy_img > ul > li.visual_4{ background:url(/images/100y/legacy_b1_img4.png) left top no-repeat;background-size:100% auto}
.legacy_box1 .box1 > #legacy_img > ul > li.visual_5{ background:url(/images/100y/legacy_b1_img5.png) left top no-repeat;background-size:100% auto}
.legacy_box1 .box2{ position:relative; width:80%; margin:-150px auto 0 auto; background-color:#000; border-radius:60px; overflow:hidden;  box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.3);}
.legacy_box1 .box2 .video{ width:100%; padding-top:56.25%; position:relative}
.legacy_box1 .box2 .video iframe{ position:absolute; left:0; top:0; width:100%; height:100%; }
.legacy_box1 .box3{ padding:13% 8% 0 8%; box-sizing:border-box}
.legacy_box1 .box3:after{display:block;content:"";clear:both;}
.legacy_box1 .box3 .left{ float:left; width:30%}
.legacy_box1 .box3 .left img{ width:100%; height:auto; border:1px solid #d0d0d0}
.legacy_box1 .box3 .right{ float:right; width:60%; padding-top:1%}
.legacy_box1 .box3 .right h4{ font-size:40px; letter-spacing:-0.03em; line-height:50px; font-weight:600; margin:0; padding:0 }
.legacy_box1 .box3 .right h4 span{ display:block; font-size:20px; line-height:37px; font-weight:400}
.legacy_box1 .box3 .right p{ padding:24px 0 55px 0; font-size:20px; font-weight:300; line-height:38px; letter-spacing:-0.04em}
.legacy_box1 .box3 .right p span{ display:inline-block}
.legacy_box1 .box3 .right a{ margin-left:-3px; display:inline-block; width:auto; border-radius:40px; padding:20px 70px 20px 36px; font-size:24px; font-weight:600; line-height:35px; letter-spacing:-0.04em;background:#0a59bc url(/images/100y/legacy_box1_btn_arrow.png) right center no-repeat; color:#fff; background-size: auto 70px;}
.legacy_box1 .box3 .right a:hover{ background-color:#000}

@media only screen and (max-width:1250px) {
.legacy_box1 .box1{ height:570px;}
.legacy_box1 .box1 > #legacy_img{ height:570px;}
.legacy_box1 .box1 dl{ left:65%;top:160px}
.legacy_box1 .box1 dl dt{font-size:50px;line-height:70px;}
.legacy_box1 .box1 dl dd{ padding:3px 0 0 5px;font-size:28px;line-height:38px; }
.legacy_box1 .box1 dl.eng dt{font-size:40px;line-height:60px;}
.legacy_box1 .box1 dl.eng dd{ padding:3px 0 0 5px;font-size:25px;line-height:32px; }
.legacy_box1 .box1 > #legacy_img > ul > li{height:570px;}
.legacy_box1 .box3{ padding:13% 5% 0 5%; }
.legacy_box1 .box3 .left{ width:35%}
.legacy_box1 .box3 .right h4{ font-size:38px;line-height:45px }
.legacy_box1 .box3 .right h4 span{font-size:20px; line-height:37px; font-weight:400}
.legacy_box1 .box3 .right p{ padding:20px 0 45px 0; font-size:18px; line-height:32px;}
.legacy_box1 .box3 .right a{ padding:18px 55px 18px 30px; font-size:20px; line-height:30px}
}
@media only screen and (max-width:1100px) {
.legacy_box1 .box1 > #legacy_img > ul > li{height:470px;}
}
@media only screen and (max-width:970px) {
.legacy_box1 .box3 .left{ width:30%}
.legacy_box1 .box3 .right { width:65%}
}

@media only screen and (max-width:900px) {
.legacy_box1{ padding-bottom:80px}
.legacy_box1 .box1{ height:300px;}
.legacy_box1 .box1 > #legacy_img{ height:300px;}
.legacy_box1 .box1 dl{ left:65%;top:80px}
.legacy_box1 .box1 dl dt{font-size:30px;line-height:40px;}
.legacy_box1 .box1 dl dd{ max-width:230px; padding:3px 0 0 3px;font-size:18px;line-height:26px; }

.legacy_box1 .box1 dl.eng dt{font-size:26px;line-height:38px;}
.legacy_box1 .box1 dl.eng dd{ padding:3px 0 0 3px;font-size:16px;line-height:22px; }

.legacy_box1 .box1 > #legacy_img > ul > li{height:300px;}
.legacy_box1 .box2{ margin:-70px auto 0 auto; border-radius:40px;box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.3);}

.legacy_box1 .box3{ padding:13% 8% 0 8%;}
.legacy_box1 .box3 .right{ width:60%; padding-top:1%}
.legacy_box1 .box3 .right h4{ font-size:22px;  line-height:25px;  }
.legacy_box1 .box3 .right h4 span{ font-size:14px; line-height:30px;}
.legacy_box1 .box3 .right p{ padding:12px 0 25px 0; font-size:14px; line-height:23px;}
.legacy_box1 .box3 .right a{ margin-left:-2px; height:auto;border-radius:50px; padding:10px 40px 10px 15px; font-size:15px; line-height:20px; background-size: auto 40px;word-break:keep-all}
}
@media only screen and (max-width:780px) {
.legacy_box1 .box3 .left{ width:30%}
.legacy_box1 .box3 .right { width:65%}
}
@media only screen and (max-width:750px) {
.legacy_box1 .box3{ padding:10% 8% 0 8%; }
.legacy_box1 .box3 .left{ display:none}
.legacy_box1 .box3 .right { width:100%}
}
@media only screen and (max-width:650px) {
.legacy_box1 .box1 dl{  left:55%;top:50px}
.legacy_box1 .box1 > #legacy_img > ul > li{height:250px;}
}

@media only screen and (max-width:550px) {
.legacy_tab ul{  left:25px;}
.legacy_box1 .box1 dl{  left:25px;top:0; margin-top:45%}
.legacy_box1 .box1 dl dd{ max-width:100%;}
.legacy_box1 .box1 > #legacy_img > ul > li{ padding-top:60%; height:auto;background-size:100% auto !important}
.legacy_box1 .box1 > #legacy_img > ul > li.visual_1{ background:url(/images/100y/legacy_b1_img1_m.png) left top no-repeat;}
.legacy_box1 .box1 > #legacy_img > ul > li.visual_2{ background:url(/images/100y/legacy_b1_img2_m.png) left top no-repeat;}
.legacy_box1 .box1 > #legacy_img > ul > li.visual_3{ background:url(/images/100y/legacy_b1_img3_m.png) left top no-repeat;}
.legacy_box1 .box1 > #legacy_img > ul > li.visual_4{ background:url(/images/100y/legacy_b1_img4_m.png) left top no-repeat;}
.legacy_box1 .box1 > #legacy_img > ul > li.visual_5{ background:url(/images/100y/legacy_b1_img5_m.png) left top no-repeat;}
.legacy_box1 .box2{ margin:30px auto 0 auto; width:90%; border-radius:30px;}
}
@media only screen and (max-width:490px) {
.legacy_box1 .box1{ height:280px;}
.legacy_box1 .box1 > #legacy_img{ height:280px;}
.legacy_box1 .box1 > #legacy_img > ul > li{ padding-top:60%; height:280px; background-size:500px auto !important; background-position:center top !important;}
.legacy_box1 .box1 dl{ margin-top:200px}
.legacy_box1 .box2{ margin:10px auto 0 auto;border-radius:20px;}
}
@media only screen and (max-width:440px) {
.legacy_box1 .box3 .right a{ height:auto; }
}
@media only screen and (max-width:400px) {
.legacy_box1 .box3{ padding:10% 5% 0 5%; }
.legacy_box1 .box1 > #legacy_img > ul > li{ background-size:400px auto !important; }
}

.legacy_box2 > h3{ padding:330px 8% 58px 8%; background:url(/images/100y/legacy_box2_bg.jpg) center top no-repeat; background-size:1480px auto; box-sizing:border-box; text-align:center; font-size:45px; font-weight:600; letter-spacing:-0.05em; color:#fff;}
.legacy_box2 > h3 span{ display:block}
.n_hstr_box{ margin-top:90px; background:url(/images/100y/n_hstr_cline.png) center top repeat-y;}
.n_hstr_table{ display:flex}
.n_hstr_table.mt95{ margin-top:250px}
.n_hstr_table > div{ width:50%; box-sizing:border-box}
.n_hstr_table > .txt_box{ position:relative; z-index:10}
.n_hstr_table > .txt_box .point{ width:17px; height:17px; background-color:#0a59bc; border-radius:20px; position:absolute}
.n_hstr_table > .txt_box.right{ padding:0 0 30px 2.5%;}
.n_hstr_table > .txt_box.right .point{ left:-9px; top:13px}
.n_hstr_table > .txt_box.left{ padding:0 5% 0 0;}
.n_hstr_table > .txt_box.left .point{ right:-9px; top:13px}
.n_hstr_table > .txt_box h4{ padding-bottom:12px; font-size:40px; line-height:42px; font-weight:600; letter-spacing:-0.03em}
.n_hstr_table > .txt_box p.txt1{ padding-bottom:10px; font-size:24px; line-height:34px;  font-weight:600; letter-spacing:-0.04em; color:#282828;}
.n_hstr_table > .txt_box p.txt2{ padding-bottom:10px; font-size:18px; line-height:30px;  font-weight:400; letter-spacing:-0.05em; color:#282828;}
.n_hstr_table > .txt_box ul.mt20{ margin-top:22px;}
.n_hstr_table > .txt_box ul:after{display:block;content:"";clear:both;}
.n_hstr_table > .txt_box ul li{ float:left; width:100%; font-size:16px; line-height:20px; letter-spacing:-0.05em; color:#898989}
.n_hstr_table > .txt_box ul li span{ display:block; float:left; padding:5px 0; box-sizing:border-box}
.n_hstr_table > .txt_box ul li span.b_txt1{ font-weight:600; color:#000; width:54px; }
.n_hstr_table > .txt_box ul li span.b_txt2{  padding-left:10px; width:calc(100% - 54px); }
.n_hstr_table > .txt_box ul li span.b_txt2.t2{color:#07419b !important}
.n_hstr_table > .txt_box ul li.w2 span.b_txt1{ width:80px }
.n_hstr_table > .txt_box ul li.w2 span.b_txt2{  padding-left:10px; width:calc(100% - 80px); }
.n_hstr_table > .img{ position:relative; z-index:1}
.n_hstr_table > .img img{ position:absolute; left:0; top:-30px; width:auto; height:auto}
.n_hstr_table > .img img.img_1{  top:-20%; }
.n_hstr_table > .img img.img_2{ left:inherit; right:0}
@media only screen and (max-width:1450px) {
.n_hstr_table.mt95{ margin-top:202px}
.n_hstr_table > .img img{ width:90%; height:auto}
}
@media only screen and (max-width:900px) {
.legacy_box2 > h3{ padding:190px 0 30px 0; background-size:860px auto;font-size:22px; ; }

.n_hstr_box{ margin-top:50px; }

.n_hstr_table.mt95{ margin-top:107px}
.n_hstr_table > .txt_box .point{ width:10px; height:10px;}
.n_hstr_table > .txt_box.right{ padding:0 0 20px 2.5%;}
.n_hstr_table > .txt_box.right .point{ left:-5px; top:6px}
.n_hstr_table > .txt_box.left{ padding:0 30px 20px 0;}
.n_hstr_table > .txt_box.left .point{ right:-5px; top:6px}
.n_hstr_table > .txt_box h4{ padding-bottom:8px; font-size:22px; line-height:22px;}
.n_hstr_table > .txt_box p.txt1{ padding-bottom:6px; font-size:16px; line-height:20px; }
.n_hstr_table > .txt_box p.txt2{ padding-bottom:6px; font-size:14px; line-height:20px;}
.n_hstr_table > .txt_box ul.mt20{ margin-top:12px;}
.n_hstr_table > .txt_box ul li{font-size:13px; line-height:19px}
.n_hstr_table > .txt_box ul li span{ padding:3px 0;}
.n_hstr_table > .txt_box ul li span.b_txt1{ width:45px; }
.n_hstr_table > .txt_box ul li span.b_txt2{  padding-left:8px; width:calc(100% - 45px);}
.n_hstr_table > .txt_box ul li.w2 span.b_txt1{ width:60px }
.n_hstr_table > .txt_box ul li.w2 span.b_txt2{  padding-left:10px; width:calc(100% - 60px); }
.n_hstr_table > .img img.img_1{ width:100%; top:0}
.n_hstr_table > .img img{  top:0px;}
}

@media only screen and (max-width:550px) {
.n_hstr_box{background:url(/images/100y/n_hstr_cline.png) 20px top repeat-y;}
.n_hstr_table{ display:block; padding:0 20px 0 30px;}
.n_hstr_table .img{ position:inherit}
.n_hstr_table .img img{ position:inherit; width:80%; margin:0 0 30px 10px}
.n_hstr_table .img .img_1{ margin-bottom:-20px}
.n_hstr_table .img .img_2{ margin-bottom:-20px}
.n_hstr_table > div{ width:100%; }
.n_hstr_table > .txt_box.right{ padding:0 0 20px 2.5%;}
.n_hstr_table > .txt_box.right .point{ left:-15px; top:6px}
.n_hstr_table > .txt_box.left{ padding:0 0 20px 2.5%;}
.n_hstr_table > .txt_box.left .point{ right:inherit;left:-15px; top:6px}
}
@media only screen and (max-width:360px) {
.legacy_box2 > h3{ padding:140px 0 30px 0; background-size:600px auto;font-size:19px; ; }

}