@charset "utf-8";


.warp {width:100%;}

.contents-area {width:1370px;margin:0 auto}

.header-warp {width:1370px;margin:0 auto;font-family: 'Noto Sans KR';}
header {position:relative;background-color:#fff;margin:0 auto;width:1370px;margin-top:23px;height:80px;border-bottom:2px solid #d5d5d5;}
header h1 {float:left;margin:0 40px 0 0}

/* .sub_purple_top3 {padding:10px 0;margin:0 auto;padding-bottom:28px;float:left;} */
.sub_purple_top3 {padding:10px 0;margin:0 auto;padding-bottom:15px;float:left;}
.sub_purple_top3 ul.mega-menu, .sub_purple_top3 ul.mega-menu, .sub_purple_top3 ul.mega-menu li {margin: 0; padding: 0; border: none;}
.sub_purple_top3 ul.mega-menu {height: 42px;position:relative;}
.sub_purple_top3 ul.mega-menu li {float: left; margin: 0;  text-align:center;color:#000;letter-spacing:-2px}
/* .sub_purple_top3 ul.mega-menu li a {display: block; padding:8px 10px; width:113px; background:#fff;border-radius:3px;font-size: 21px; font-weight:500;} */
.sub_purple_top3 ul.mega-menu li a {display: block;padding:8px 10px; width:113px; background:#fff;border-radius:3px;font-size: 21px; font-weight:500;}
.sub_purple_top3 > ul.mega-menu > li > a {margin-bottom: 20px;}


.sub_purple_top3 ul.mega-menu li.mega-hover a, .sub_purple_top3 ul.mega-menu li a:hover {background:#3969ba; color: #fff;font-size:19px; font-weight:normal;}

.sub_purple_top3 ul.mega-menu li .sub-container {position: absolute; padding: 0;width:125px;margin:-10px 0 0 0;}
.sub_purple_top3 ul.mega-menu li .sub li {width:125px; font-weight: normal;text-align:left;border-bottom:1px solid #6c93cd;background:#82a6dc; color: #fff;font-size:15px;padding:5px 0 5px 8px ;border-right:none;margin:0px;letter-spacing:-1px;}
.sub_purple_top3 ul.mega-menu li .sub li:hover {background:#4272c3}
.sub_purple_top3 ul.mega-menu li .sub a {background: none; border: none; text-shadow: none; color: #fff; padding: 7px 0px; display: block; float: none; text-decoration: none; font-size: 0.9em;}

.sub_purple_top3 .mega-menu ul li ul {display: none;}
.sub_purple_top3 .mega-menu .sub {display: none;}




.search_div {display:none;position:absolute;top:60px;right:0;height:175px;width:100%;background:#f6f6f6;z-index:99;border:3px solid #68aac2}
.search_div ul li {text-align:center}
.search_div ul li.sediv1 {font-size:2em;padding:30px 0 10px 0;font-weight:600;color:#0267a6}
.search_div ul li.sediv2 {padding:10px 0 20px 0;}

.search_div a.search_div_close {text-align:center;border:1px solid #dbd8d8;padding:10px 20px}

.search_div a.search_div_close img {width:20px;padding-top:15px}
.search_div a.search_div_btn {background:#68aac2;display:inline-block;padding:11px 15px 11px 15px;}
.search_div input {background:#fff;height:40px;margin:0;border:1px solid #b0b0b0;padding:0 0 0 20px}



.menu-my2 {font-family: 'Noto Sans KR';letter-spacing:-1px;right:0;position:absolute;top:17px}
.menu-my2 ul li {float:left;color:#888;font-size:13px;}
.menu-my2 ul li.my1 {background:url('/img/main2/topico1.png') no-repeat;padding:2px 14px 0 26px;}
.menu-my2 ul li.my2 {background:url('/img/main2/topico2.png') no-repeat;padding:2px 14px 0 23px;}
.menu-my2 ul li.my3 {background:url('/img/main2/topico3.png') no-repeat 0 5px;padding:2px 14px 0 23px;}
.menu-my2 ul li.my4 {background:url('/img/main2/topico4.png') no-repeat;padding:2px 0px 0 23px}
.menu-my2 ul li.my5 {padding-right:10px}


.menu-my {float:right;padding-top:18px;}
.menu-my ul li {float:left;color:#888;font-size:13px;}
.menu-my ul li.my1 {background:url('/img/main2/topico1.png') no-repeat;padding:2px 14px 0 26px;}
.menu-my ul li.my2 {background:url('/img/main2/topico2.png') no-repeat;padding:2px 14px 0 23px;}
.menu-my ul li.my3 {background:url('/img/main2/topico3.png') no-repeat 0 5px;padding:2px 14px 0 23px;}
.menu-my ul li.my4 {background:url('/img/main2/topico4.png') no-repeat;padding:2px 0px 0 23px}
.menu-my ul li.my5 {padding-right:10px}

.index-flow {width:1370px;height:450px;margin:0 auto;margin-top:0px;clear:both;position:relative;background:#F1F8FF;}




.index-flow div.flow-banner {width:1300px;position:relative;z-index:1;margin:0 auto}

.index-flow div.flow-banner .bx-wrapper .bx-pager{text-align:left;padding:0 0 30px 45px}
.index-flow div.flow-banner .bx-wrapper .bx-pager.bx-default-pager a{background: #000; border:1px solid #707070;display: block;  width: 35px;  height: 10px; border-radius:8px;opacity:0.3}
.index-flow div.flow-banner .bx-wrapper .bx-pager.bx-default-pager a:hover,
.index-flow div.flow-banner .bx-wrapper .bx-pager.bx-default-pager a.active {opacity:1}
/* .index-flow div.flow-banner .bx-wrapper .bx-pager.bx-default-pager a:focus */ 


.index-flow div.index-quick {width:1300px;margin:0 auto;margin-top:-65px}
.index-flow div.index-quick ul li {float:left;width:650px;height:130px;color:#fff;font-size:24px;font-weight:500;line-height:30px}
.index-flow div.index-quick ul li.index-quick1 {background:#0D309E}
.index-flow div.index-quick ul li.index-quick1 a  {background: url('/img/main2/quick1.png') no-repeat right center;display:block;width:530px;padding:40px 0 30px 40px;}
.index-flow div.index-quick ul li.index-quick1 a span {font-size:16px;opacity:0.6}
.index-flow div.index-quick ul li.index-quick2 {background:#041446;}
.index-flow div.index-quick ul li.index-quick2 input {border:none;background:#041446;height:25px;font-size:16px;width:520px;color:#fff;font-weight:500;}

.index-flow div.index-quick ul li.index-quick2 div {margin:40px 0 0 40px; border-bottom:1px solid #fff;width:558px;height:65px}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#fff;font-weight:500;
  opacity: 0.6; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;font-weight:500;opacity: 0.6;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;font-weight:500;opacity: 0.6;
}



.main-tab {clear:both;}

.main-tab div.main-tab-box {clear:both;width:1300px;margin:0 auto;padding-top:48px}
.main-tab div.main-tab-box ul{}
.main-tab div.main-tab-box > ul > li {float:left;border:1px solid #C7C8C9;border-radius:10px;width:244px;
height:300px;margin-left:12px;font-size:27px;font-weight:500;text-align:center;padding-top:25px;line-height:33px;color:#000}
.main-tab div.main-tab-box > ul > li:hover {border:2px solid #0D309E;width:242px;height:298px;box-shadow: 3px 15px 18px #d6d6d6;}
.main-tab div.main-tab-box > ul > li.on {border:2px solid #0D309E;width:242px;height:298px;box-shadow: 3px 15px 18px #d6d6d6;}
.main-tab div.main-tab-box ul li:first-child {margin-left:0;}

.main-tab div.main-tab-box > ul > li.mtab1 {background: url('/img/main2/mtab1.png') no-repeat center 130px;}
.main-tab div.main-tab-box > ul > li.mtab2 {background: url('/img/main2/mtab2.png') no-repeat center 130px;}
.main-tab div.main-tab-box > ul > li.mtab3 {background: url('/img/main2/mtab3.png') no-repeat center 130px;}
.main-tab div.main-tab-box > ul > li.mtab4 {background: url('/img/main2/mtab4.png') no-repeat center 130px;}
.main-tab div.main-tab-box > ul > li.mtab5 {background: url('/img/main2/mtab5.png') no-repeat center 130px;}
.main-tab div.main-tab-box > ul > li > ul {padding:120px 22px 0 22px;}
.main-tab div.main-tab-box > ul > li > ul > li {font-size:20px;font-weight:500;color:#000;text-align:left;background: url('/img/main2/mtab-line.png') no-repeat right center;}
.main-tab div.main-tab-box > ul > li > ul > li:first-child {border-bottom:dashed 1px #b4b4b4}
.main-tab div.main-tab-box > ul > li > ul > li a {display:inline-block;padding:10px 0 15px 0px;width:180px;text-indent:10px}
.main-tab div.main-tab-box > ul > li > ul > li a:hover {color:#0D309E;}


.link1-area {clear:both;width:1300px;margin:0 auto;padding-top:40px;overflow:hidden}
.link1-area li {float:left;height:129px}
.link1-area li.link1-1 {background:#EAF7FF url('/img/main2/link1.png') no-repeat 62px center;}
.link1-area li.link1-1-1 {font-size:32px;font-weight:500;color:#000;padding:30px 0 0 260px;}
.link1-area li.link1-1-1 span.text1 {color:#DD5252;font-size:24px;}
.link1-area li.link1-1-1 span.text2 {color:#DD5252;font-size:40px;line-height:60px}
.link1-area li.link1-1-2 {background:url('/img/main2/link2.png') no-repeat 62px 50px;text-align:right;padding:47px 0 0 90px;font-size:16px;color:#041E64;font-weight:500}
.link1-area li.link1-1-3 {color:#041E64;padding:47px 72px 0 20px;}
.link1-area li.link1-2 {background:#D6EBF7 url('/img/main2/link3.png') no-repeat 50px center;}
.link1-area li.link1-2 a {color:#041E64;font-size:20px;display:block;padding:50px 65px 50px 100px;background:url('/img/main2/link4.png') no-repeat 340px center}
.link1-area li.link1-2 a span {font-size:14px;margin-left:40px}

.news-area {clear:both;width:1370px;margin:0 auto;background:#F7F8F9;margin-top:40px;overflow:hidden;padding-bottom:40px}
.news-area-box {width:1300px;margin:0 auto;}
.news-area-box ul li.news-area-box-tit {font-size:28px;font-weight:500;color:#000;text-align:center;padding:40px 0 30px 0}
.news-area-box ul li.news-area-box-news {float:left}
.news-area-box ul li.news-area-box-img {padding-top: 90px;}
.news-box {border-top:3px solid #000;width:830px;margin-right:67px;padding-top:10px}
.news-box ul li {padding:15px 0;font-size:18px;color:#676869}
.news-box ul li a:hover {color:#041E64}
.news-box ul li span {float:right;color:#878889;font-size:14px}

.news-box2 {border:1px solid #D7D8D9;width:830px;overflow:hidden;margin-top:32px}
.news-box2 ul {float:left;padding:20px 0px 20px 40px;}
.news-box2 ul.news-box2-1 {background:url('/img/main2/news1.png') no-repeat 46px 25px;}
.news-box2 ul.news-box2-2 {background:url('/img/main2/news2.png') no-repeat 46px 25px;}
.news-box2 ul.news-box2-3 {background:url('/img/main2/news3.png') no-repeat 46px 25px;}
.news-box2 ul.news-box2-4 {background:url('/img/main2/news12.png') no-repeat 35px 30px;}
.news-box2 ul li {font-size:16px;font-weight:500;color:#000;padding:20px 0}
.news-box2 ul li a {border-right:1px dashed #7D8290;padding:5px 50px 5px 65px}
.news-box2 ul li a:hover {color:#041E64}
.news-box2 ul:last-child li a {border:none;padding:5px 40px 5px 95px}





.main-cont-area {clear:both;width:1300px;margin:0 auto 50px;padding-top:48px;overflow:hidden}

.cont-banner {width:1300px;height:450px;overflow:hidden;}
.cont-banner .bxslider div {margin-right:19px;height:400px;} 

.cont-banner .bx-wrapper .bx-pager {}
.cont-banner .bx-wrapper .bx-pager.bx-default-pager a {width:18px;height:18px;border-radius:10px;background:#cccccc}

.cont-link {width:1300px;}
.cont-link ul {overflow:hidden;width:580px;float:left;}
.cont-link ul.link-1 {background:#F7F8F9 url('/img/main2/news10.png') no-repeat 40px center;margin-right:23px;width:637px}
.cont-link ul.link-2 {background:#F7F8F9 url('/img/main2/news11.png') no-repeat 40px center;width:637px}
.cont-link ul li {font-size:16px;line-height:24px}
.cont-link ul li:first-child {padding:30px 40px 30px 180px;float:left;}
.cont-link ul li {padding:25px 0 0 100px}
.cont-link ul li span.text-ty1 {font-size:24px;font-weight:500;color:#000}
.cont-link ul li span.text-ty2 {font-size:13px;}
.cont-link ul li span.text-ty3 {font-size:16px;font-weight:500;color:#585858}
.cont-link ul li span.text-ty4 {font-size:22px;font-weight:500;color:#DD5252}


.foot-area {clear:both;/* padding:50px 0 0 0; */width:1370px;margin:0 auto;}
.foot-area ul.foot-link {background:#EAEDF2}
.foot-area ul.foot-link div {width:1300px;margin:0 auto}
.foot-area ul.foot-link .foot-link-box span {float:right;margin-top:-5px}
.foot-area ul.foot-link .foot-link-box li {padding:15px 0 }
.foot-area ul.foot-link .foot-link-box li a {font-size:14px;color:#000;margin-right:30px}
.foot-area ul.foot-link .foot-link-box li a.last-a {margin-right:0}
.foot-area ul.foot-link .foot-link-box li a.blue-a {color:#0D309E}


.foot-area ul.foot-copy {background:#c2c2c2;color:#555;font-weight:500;font-size:14px;border-top:1px solid #9d9d9d}

.foot-area ul.foot-copy div {width:1300px;margin:0 auto;padding:25px 0 15px 0;}
.foot-area ul.foot-copy div span.right {float:right;margin-top:-15px;font-size:18px}
.foot-area ul.foot-copy div span.copyright {margin-top:-15px;font-size:12px;opacity:0.8;line-height:30px}