@charset "utf-8";

/*CUSTOMIZING*/
h2 { font-size: 1.5rem !important;
    font-family: 'NotoSansKR', '맑은고딕', sans-serif !important;
    font-weight: normal !important;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    background-color: #343a40 !important;
    padding: 15px !important;
}
.section01 {
    height:420px !important;
}



.login_wrap {width:100%;position: relative;}
.footer{/* position: absolute; */width:100%;height:40px;text-align: center;color:#fff;background: #363d4c;}
.footer p {color: rgba(255, 255, 255, 0.2);font-size: 12px;line-height: 40px;}

.login_wrap > ul > li{width: 100%;height: calc(100vh - (40px));height:-moz-calc(100vh - (40px)); height:-webkit-calc(100vh - (40px));}
.login_wrap > ul > li.bg_img1{background: url(../images/main/main_bg01.png)no-repeat;background-size: cover;}
.login_box {position: absolute;width:550px;left:50%;top:50%;transform: translate(-50%, 0);background: #fff;}
.login_box > h1 {text-align: center;line-height: 110px;border-bottom: 4px solid #294e9a;}
.login_box .login_form {width: 280px;font-size: 14px;margin: 40px auto;}
.login_box .login_form > li {margin-bottom: 10px;}
.login_box .login_form > li > div{border: 1px solid #e6e6e6;}
.login_box .login_form > li > div.focus{border:1px solid #294e9a}
.login_box .login_form > li > div > span {width: 90px;display: inline-block;vertical-align: middle;padding-left: 15px;position: relative;}
.login_box .login_form > li > div > span.ess::before {content: '*';color:#be1138;left: 6px; top: 2px; display: inline-block; position: absolute;}
.login_box .login_form > li > div > input,
.login_box .login_form > li > div > select {display: inline-block;width: 184px;border: none;letter-spacing: -1.5px;}
.login_box .login_form > li span {font-weight: 500;}
.login_box .login_form > li input[type=checkbox] {border:1px solid #e6e6e6 ; width:18px; height:18px;  }
.login_box .login_form > li > button {background: #294e9a;width:100%;border: none;color: #fff;height: 50px; cursor: pointer;}
.login_box .login_form > li > a {color: #294e9a;font-weight: 400;border-bottom: 1px solid;}

/*main*/
.main_con{margin-top: 140px; margin-bottom:50px}
.main_con > div {display: block;overflow: hidden;}

.section01 ._pub_row {margin: 0 -1.5% 40px;overflow: hidden;}
.section01 ._pub_row > div{float: left; margin: 0 1.5%;}
.section01 ._pub_row > ._pub_col-8{width: 63.6666%;}
.section01 ._pub_row > .col-4{width: 30.333%;}
.section01 ._pub_row > .col-4 > a{position: absolute;right:0;top: 0;font-size: 30px;border: 1px solid #e6e6e6;width: 32px;height: 32px;text-align: center;} /* 개발자 수정: 더보기 메뉴 추가 */
.section01 .bx-wrapper{margin-bottom:0}
.section01 .bx-wrapper .bx-pager{bottom: 40px;text-align:right;right: 50px;}
.section01 .bx-wrapper .bx-pager.bx-default-pager a{border: 3px solid #fff;width: 13px;height: 13px;border-radius: 50%; background:none}
.section01 .bx-wrapper .bx-pager.bx-default-pager a:hover,
.section01 .bx-wrapper .bx-pager.bx-default-pager a.active,
.section01 .bx-wrapper .bx-pager.bx-default-pager a:focus {border-color:#294e9a;background:none}
.section01 .live_info {height:220px; background: #ddd}

.section01 .live_info .slide { background-color: lightSlateGray; }

.section01 .download {font-size: 0; margin-top: 20px}
.section01 .download > li{display: inline-block;width:48.9%;text-align: center;line-height: 1.2;padding: 30px 20px;position: relative; margin-left:4px;}
.section01 .download > li:nth-child(1){background: #58b7d6}
.section01 .download > li:nth-child(2){background: #80d3dd}
.section01 .download > li:before{content: '';width: 35px;height: 35px;background: url(../images/main/icon_main.png);display: inline-block;position: absolute;left: 13%;}
.section01 .download > li:nth-child(1):before{background-position: 4px 0;}
.section01 .download > li:nth-child(2):before{background-position: -70px 0;}
.section01 .download > li a {color: #fff; font-size: 18px; font-weight: 500;}
.section01 .download > li a > span {font-size: 15px; color: white; border-bottom: 1px solid white; font-weight: 400;}

.section02 ._pub_row {margin: 0 -25px 40px;overflow: hidden;}
.section02 ._pub_row > div{float: left;margin: 0 25px;padding: 20px;border: 1px solid #e6e6e6;}
.section02 ._pub_row > .col-4{width: 485px;}
.section02 ._pub_row .title {position: relative;margin-bottom: 30px;position: relative;}
.section02 ._pub_row .title > h2{ }
.section02 ._pub_row .title > a{position: absolute;right:0;top: 0;font-size: 30px;border: 1px solid #e6e6e6;width: 32px;height: 32px;text-align: center;}
.section02 ._pub_row .title > a.btn_go{font-size: 16px;right: 40px;width: auto;padding: 0 10px;color: #294e9a;border-color: #294e9a;font-weight: 400;}
.section02 ._pub_row .main_bbs {}
.section02 ._pub_row .main_bbs > li{ line-height:30px}
.section02 ._pub_row .main_bbs > li >a span {float:right; font-size:13px; color:#999}
.section02 ._pub_row .main_bbs > li >a em {float:left;color:#294e9a;font-style: normal;margin-right: 20px;width: 45px;}

.section03 ._pub_row{margin: 0 -4px;}
.section03 ._pub_row > ul{float: left;}
.section03 ._pub_row .banner1 > li,
.section03 ._pub_row .banner2 > li{float: left; margin: 0 5px;height: 100px;width: 258px;}
.section03 ._pub_row .banner1 > li{ background: #f5f5f5}
.section03 ._pub_row .banner1 > li> a {display: block; line-height:100px; text-align: center; font-size:16px; font-weight:400}
.section03 ._pub_row .banner1 > li> a::before{content: '';width: 50px;height: 50px;display: inline-block;background: url(../images/main/icon_main.png) no-repeat 8px -38px;vertical-align: middle;margin-right: 10px;}
.section03 ._pub_row .banner1 > li:nth-child(2)> a::before{background-position: -100px -38px;}   /* 개발자 수정: 아래 3번 노드와 위치 변경 */
.section03 ._pub_row .banner1 > li:nth-child(3)> a::before{background-position: -44px -45px;}

.section03 ._pub_row .banner2 > li > a {color:#fff; text-align: center; display:block; padding:15px 0}
.section03 ._pub_row .banner2 > li > a>em{ font-style: normal; display: block; font-size: 14px}
.section03 ._pub_row .banner2 > li > a>span{border-bottom: 1px solid rgba(255, 255, 255, 0.5);color: rgba(255, 255, 255, 0.5); font-size: 14px}
.section03 ._pub_row .banner2 > li:nth-child(1){background: url(../images/main/ban_img01.png)}
.section03 ._pub_row .banner2 > li:nth-child(2){background: url(../images/main/ban_img02.png)}
.section03 ._pub_row .banner2 > li:nth-child(3){background: url(../images/main/ban_img03.png)}