@charset "utf-8";

body.mui-scroll-lock{overflow:visible !important;padding-right:0 !important;}
body.menu-active{overflow:hidden;}
body.active{overflow:hidden !important;}

input,select{-webkit-appearance:none;-moz-appearance: none;appearance: none;}
select{background:#fff url(../image/ico/ico-select-arrow.png) no-repeat 95% 14px; background-size: 13px 13px; padding-right:20px}

.wrapper{ width:100%; height:auto; overflow:hidden; word-break:keep-all; }
.header{ height:93px; margin-bottom:17px; padding-top:20px; }
.wrapper.main .header{height:auto;transition: 0.8s all;-webkit-transition:0.8s all;padding-bottom:65px}/* 0309 수정 */
.wrapper.main.other .header{background-color:#21295C;padding-bottom:0px;padding-top:5px}
.wrapper.main .header:after{display:block;content:'';clear:both}/* 0309 추가 */
.wrapper.main .header#ani0{background:#21295c url(../image/main/bg-visual01.png) no-repeat center bottom}
.wrapper.main .header#ani1{background:#0a4970 url(../image/main/bg-visual02.png) no-repeat center bottom}
.wrapper.main .header#ani2{background:#006494 url(../image/main/bg-visual03.png) no-repeat center bottom}
.wrapper.main .header#ani3{background:#247ba0 url(../image/main/bg-visual04.png) no-repeat center bottom}
.wrapper.main .header#ani4{background:#1b98e0 url(../image/main/bg-visual05.png) no-repeat center bottom}
.wrapper.main .header#ani5{background:#00a5cf url(../image/main/bg-visual06.png) no-repeat center bottom}

.header-link-wrap{ overflow:hidden; position:absolute; top:0; right:0; z-index:100; }
.header-link-wrap .top-menu{ float:left; margin:10px 20px 20px 0; }
.header-link-wrap .top-menu li{position:relative;float:left;margin-right:15px;}
.header-link-wrap .top-menu li::after{content:'';position:absolute;right:-7px;top:50%;z-index:1;width:2px;height:2px;background:#fff;}
.header-link-wrap .top-menu li:last-child{margin-right:0px}
.header-link-wrap .top-menu li:last-child::after{display:none}
.header-link-wrap .top-menu li a{font-size:14px;color:#333;text-decoration:none;}
.header-link-wrap .top-menu li a:hover{text-decoration:none;}
.header.active .header-link-wrap .top-menu li a{color:#333}
.wrapper.sub .header-link-wrap .top-menu li a{color:#333}
.header-link-wrap.active  .top-menu li a{color:#333}
.header-link-wrap .top-menu li a span{display:inline-block;width:18px;height:18px;background-repeat:no-repeat;margin-right:10px;vertical-align:middle;background-position:center center}
.header-link-wrap .top-menu li:nth-child(1) a span{background-image:url(../image/ico/ico-logo-m-w.png)}
.header-link-wrap .top-menu li:nth-child(2) a span{background-image:url(../image/ico/ico-note-m-w.png)}
.header-link-wrap .top-menu li:nth-child(3) a span{background-image:url(../image/ico/ico-moniter.png)}

.header.active .header-link-wrap  .top-menu li:nth-child(1) a span,
.wrapper.sub .header-link-wrap  .top-menu li:nth-child(1) a span,
.header-link-wrap.active  .top-menu li:nth-child(1) a span{background-image:url(../image/ico/ico-logo-m-w.png)}
.header.active .header-link-wrap  .top-menu li:nth-child(2) a span,
.wrapper.sub .header-link-wrap  .top-menu li:nth-child(2) a span,
.header-link-wrap.active  .top-menu li:nth-child(2) a span{background-image:url(../image/ico/ico-note-m-w.png)}
.header.active .header-link-wrap  .top-menu li:nth-child(3) a span,
.wrapper.sub .header-link-wrap  .top-menu li:nth-child(3) a span,
.header-link-wrap.active  .top-menu li:nth-child(3) a span{background-image:url(../image/ico/ico-moniter.png)}

.header-link-wrap .h-left{float:left;}
.header-link-wrap .h-left li{float:left;}
.header-link-wrap .h-left li a{font-size:14px;color:#fff;display:flex;justify-content:center;align-items:center;width:130px;height:35px;overflow:hidden;}
.header-link-wrap .h-left li a:hover{opacity:1;text-decoration:None}
.header-link-wrap .h-left li a.on{background-color:#fff;color:#0e457a;font-weight:500;}
.wrapper.main.other .header-link-wrap .h-left li a.on{background-color:#21295C;}
.header-link-wrap .h-left li:nth-child(2) a{text-indent:20px;background-image:url(../image/ico/ico-logo01.png);background-repeat:no-repeat;background-position:15px center;background-size:23px 23px;}
.header-link-wrap .h-left li:nth-child(2) a.on{color:#fff;transition: 0.8s all;-webkit-transition:0.8s all;}
.wrapper.main.other .header-link-wrap .h-left li:nth-child(2) a.on{color:#fff;transition: 0.8s all;-webkit-transition:0.8s all;}
.wrapper.sub .header-link-wrap .h-left li:nth-child(2) a.on{color:#333;}

.wrapper.main .header#ani0 .header-link-wrap .h-left li:nth-child(2) a.on{background-color:#21295c;}
.wrapper.main .header#ani1 .header-link-wrap .h-left li:nth-child(2) a.on{background-color:#0A4970;}
.wrapper.main .header#ani2 .header-link-wrap .h-left li:nth-child(2) a.on{background-color:#006494;}
.wrapper.main .header#ani3 .header-link-wrap .h-left li:nth-child(2) a.on{background-color:#247ba0;}
.wrapper.main .header#ani4 .header-link-wrap .h-left li:nth-child(2) a.on{background-color:#1b98e0;}
.wrapper.main .header#ani5 .header-link-wrap .h-left li:nth-child(2) a.on{background-color:#00a5cf;}

.header-link-wrap .h-right{float:right;}
.header-link-wrap .h-right li{float:left;padding:0 15px;height:35px;line-height:35px;position:relative;}
.header-link-wrap .h-right li:before{content:"";width:1px;height:14px;overflow:Hidden;display:block;background:#d8d8d8;position:absolute;left:0;top:10px;}
.header-link-wrap .h-right li:last-child{padding-right:0;}
.header-link-wrap .h-right li:first-child:before{display:none;}
.header-link-wrap .h-right li a{font-size:14px;color:#fff;}

@media (max-width:1280px){
    .wrapper.main .header{padding-bottom:100px}
    .header-link-wrap  .top-menu{margin-right:20px}
}

@media (max-width:480px){
    .wrapper.main .header{padding-bottom:40px}
    .header.active .header-link-wrap{background-color:transparent}
}

.wrapper.sub .header{}
/* .header h1{ position:absolute; top:38px; left:0; z-index:100; }*/
/* .header h1 a{ display:block; width:183px; height:49px; background:url('../image/main/img-logo-black@2x.png') no-repeat 0 0; background-size:100% auto; text-indent:-2000px; } */
/* .wrapper.sub .header h1 a{background:url(../image/main/img-logo-black@2x.png) no-repeat;background-size:183px 49px}*/

.header .header-inner{display:none;}
.header.active .header-inner{
    display:block;
    position:absolute;
    left:8%;
    top:110px;
    width:1227px;
    border-radius:20px;
    background:#fff;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    z-index:60;
}
/* 20211216
.header .gnb-box{ position:relative; padding:58px 0 3px 280px; }
.header .gnb-box .gbbox_top{ display:none; }
.header .gnb-box .gnb-close{display:none;}
.header .gnb{ display:table; position:relative; }
.header .gnb>li{ display:table-cell; position:relative; height:50px; text-align:center; }
.header .gnb>li .menu_depth1{display:none; width:100%; text-align:left; }

.header .gnb>li>ul{ display:none; position:absolute; left:0; top:52px; width:200px; padding:20px 0; border-right:1px solid #ddd; z-index:80; }
.header .gnb>li>ul>li.dep_tit{  margin-bottom:15px; }
.header .gnb>li>ul>li.dep_tit strong{ font-size:16px; color:#0173ff; }
.header .gnb > li > ul > li .menu_depth2{display:none; width:100%; text-align:left; }
.header .gnb > li button.menu_depth3{display:none; width:100%; text-align:left; }

.header .gnb>li:nth-child(1)>ul{ left:-150px; }
.header .gnb>li:nth-child(2)>ul{ left:-80px; }
.header .gnb>li:nth-child(3)>ul{ left:0; }
.header .gnb>li:nth-child(4)>ul{ left:70px; }
.header .gnb>li:nth-child(5)>ul{ left:140px; }
.header .gnb>li:nth-child(6)>ul{ left:210px; border-right:0; }
.header .gnb>li:nth-child(7)>ul{ left:140px; }

body.active .header .gnb>li>ul{padding-bottom:0px}

.header .gnb li ul li{height:auto;width:100%;margin-bottom:0px;display:block;}
body.active .header .gnb li ul li{position:relative} */
/* body.active .header .gnb li ul li > button{border:0px;position:absolute;right:0px;top:0px;z-index:1;width:50px;height:50px;background:url(../image/bg/bg-lnb-off.png) no-repeat center center;cursor:pointer;} */
/* body.active .header .gnb li ul li.on > button{background:url(../image/bg/bg-lnb-on.png) no-repeat center center}
.header .gnb > li > ul > li > a{font-size:15px;color:#555 !important;padding:10px 0;height:auto;overflow:hidden;display:block;text-align:center}
body.active .header .gnb > li > ul > li > a{;font-size:16px;color:#333 !important;padding:14px 0 14px 20px;text-align:left; font-weight:800; }
body.active .header .gnb > li > ul > li > ul > li{display:none;position:relative;}
body.active .header .gnb > li > ul > li.on > ul > li{display:block}
body.active .header .gnb > li > ul > li > ul > li > a{display:block;position:relative;border-bottom:0;background:#f5f5f5;font-size:14px;color:#555 !important;padding:15px 0 0px 30px;text-align:left}
body.active .header .gnb > li > ul > li > ul > li:last-child a{padding:15px 0 15px 30px}
body.active .header .gnb > li > ul > li > ul > li > ul li a{display:block; position:relative; border-bottom:0; background:#4a9afc; font-size:13px; color:#fff !important;padding:10px 0 10px 40px;text-align:left} */

/* body.active .header .gnb li ul li ul li::after{ position:absolute;left:30px;top:26px;z-index:1;content:'';width:2px;height:2px;background-color:#555;} */

/* .header .gnb li ul li a span{font-size:15px;color:#333 !important;display:flex;justify-content:flex-start;align-items:center;width:calc( 100% - 20px );height:auto;overflow:hidden;}
.header .gnb li ul li a i{display:inline-block;width:13px;height:13px;background:url(../image/ico/ico-gnb-link.png);vertical-align:middle;margin-left:2px;}
.header .gnb li ul li a:hover i{background:url(../image/ico/ico-gnb-link-on.png);}
.header .gnb li ul li a:hover{ display:inline-block; padding-bottom:3px; border-bottom:3px solid #0173ff; text-decoration:none; font-weight:600; }
.header .gnb li ul li a.on{ display:inline-block; padding-bottom:3px; border-bottom:3px solid #0173ff; text-decoration:none; font-weight:600; }
.header .gnb li ul li a:hover span,
.header .gnb li ul li a:hover i{color:#fff !important;}
.header .gnb li ul li a:after{display:none !important}
.header .gnb>li>a{ display:block; position:relative; width:130px; height:auto; padding:0; font-weight:600; font-size:17px; color:#333; }
.wrapper.main .header .gnb>li>a{color:#fff}
.header.active .gnb>li>a{color:#333;}
.wrapper.main .header.active .gnb>li>a{color:#333;}
.header .gnb>li>a span{vertical-align:middle;font-weight:300;font-size:16px;color:#000;}
.header .gnb>li>a i{vertical-align:middle}

.header .gnb>li a.on,
.header .gnb>li:hover>a{opacity:1;text-decoration:none;}
.header .gnb>li:hover>a>span,
.header .gnb>li:hover>a>i{color:#fff;}
 20211216 */

.header.active .gnb > li > ul{display:block;}

.header .tnb{ float:left; }
.header .tnb li.etc{  }
.header .tnb li.etc a{position:relative;z-index:90;font-size:16px;color:#fff;display:flex;justify-content:center;align-items:center;width:53px;height:53px;overflow:hidden;border:1px solid #d3d3d3;}
.header .tnb li.etc a.header-site{ overflow:hidden; width:134px; height:41px; border-radius:20px; background:#4073ff url(../image/ico/ico-lock.png) no-repeat 13px center; background-size:16px 16px; font-size:15px; text-indent:25px; color:#fff; }
.header .tnb li.etc a.header-site:hover{ text-decoration:none; }
a.total-menu{ display:none; font-size:0; text-indent:-2000px; }

.header .sideCont{position:absolute;right:0;top:0px;display:flex;justify-content:center;align-items:center;height:70px;margin-right:0px;}
.header .rela{ position:relative; width:1400px; margin:0 auto; }
.header .rela.other{justify-content:space-between}
.header .rela.other .other-top{font-size:24px;font-weight:400;color:#555}
.header .rela.other .other-top span{font-size:24px;font-weight:600;color:#0E457A}

/*select css*/
.header .sideCont .mui-select{padding:0;margin-bottom:0}
.header .sideCont .mui-select__menu{padding:0;top:30px !important;}
.header .sideCont .mui-select__menu>div{padding:0 0 0 35px;height:30px;line-height:30px;font-size:14px;color:#111;}
.header .sideCont .mui-select__menu>div.mui--is-selected{background:url(../image/ico/ico_arr02.png) no-repeat 15px center;background-size:12px 12px;color:#0087ff;}

.mob-login-info{display:flex;justify-content:flex-start;align-items:center;width:calc( 100% - 20px );padding:0 10px;height:auto;overflow:hidden;margin-top:20px;}
.mob-login-info:hover{opacity:1;}
.mob-login-info .pic{display:flex;width:40px;height:40px;overflow:hidden;}
.mob-login-info .pic img{border-radius:50%;width:40px;height:40px;}
.mob-login-info .txt{justify-content:flex-start;align-items:center;margin-left:10px;display:flex;font-size:14px;color:#000}
.mob-login-info .txt strong{display:flex;font-size:15px;color:#d20023}

.header h2{width:100%;height:auto;overflow:hidden;text-align:center;}
.visual-title{position:relative;width:100%;height:108px;}
.visual-title li{opacity:0;transition: 0.5s all;position: absolute;left:0px;right:0px;top:15px;z-index:2;text-align:center}
.visual-title li:last-child{left:40px;top:0px;}
.visual-title li.active{opacity:1;}

.header-visual{position:absolute;width:230px;height:250px;margin-left:400px;left:50%;top:150px;z-index:1;}
.header-visual li{opacity:0;transition: 0.5s all;position: absolute;left:0px;right:0px;top:15px;z-index:1;text-align:center;width:230px;height:250px;}
.header-visual li.active{opacity:1;}

@media (max-width:1280px) {
    .header-visual{margin-left:-115px;left:50%;top:150px;}
    .header-visual li{width:200px;height:220px}
    .header-visual li img{width:90%}
    .visual-title li:first-child img{width:60%}
    .header .gnb>li.mypage{display:block}
    .header .gnb>li:nth-child(6) > ul > li:nth-child(1){display:none}
}
@media (max-width:480px) {
    .header-visual li:nth-child(4) img{width:50%}
    .header-visual li:nth-child(2){position:relative;top:30px}
    .header-visual li:nth-child(3){top:-10px}
    .header-visual li:nth-child(5){top:30px}
}

.confirmation-list{width:1296px;height:auto;overflow:hidden;margin:40px auto 40px auto;}
.confirmation-list li{float:left;width:146px;height:170px;overflow:hidden;margin:0 8px;background-color:#fff;background-repeat:no-repeat}
.confirmation-list li a{position:relative;display:block;width:100%;height:170px;overflow:hidden;}
.confirmation-list li a span{font-size:20px;color:#333;font-weight:500;display:block;margin:16px 0 0 16px;line-height:1.3em;}
.confirmation-list li a:hover{text-decoration:none !important;}
.confirmation-list li a:hover:before{content:"";width:calc( 100% - 2px );height:calc( 100% - 2px );display:block;border:1px solid #333;position:absolute;left:0;top:0;}
.confirmation-list li a i{position:absolute;left:16px;bottom:16px;color:#777;font-size:26px;}
.confirmation-list li:nth-child(1){background-image:url(../image/bg/bg-confirmation-list08.jpg);background-position:right bottom}
.confirmation-list li:nth-child(2){background-image:url(../image/bg/bg-confirmation-list06.jpg);background-position:right 68px}
.confirmation-list li:nth-child(3){background-image:url(../image/bg/bg-confirmation-list02.jpg);background-position:right 75px}
.confirmation-list li:nth-child(4){background-image:url(../image/bg/bg-confirmation-list03.jpg);background-position:right 68px}
.confirmation-list li:nth-child(5){background-image:url(../image/bg/bg-confirmation-list01.jpg);background-position:right 75px}
.confirmation-list li:nth-child(6){background-image:url(../image/bg/bg-confirmation-list04.jpg);background-position:right 77px}
.confirmation-list li:nth-child(7){background-image:url(../image/bg/bg-confirmation-list05.jpg);background-position:right 75px}
.confirmation-list li:nth-child(8){background-image:url(../image/bg/bg-confirmation-list07.jpg);background-position:70px 85px}

/* footer */
.footer{width:1400px; margin:0 auto; border-radius:20px; background:#282b32; font-family:'Noto Sans KR', sans-serif; }
.footer .rela{ position:relative; padding:24px 30px 26px 30px; }
.button-top{position:fixed;;left:50%;bottom:50px;z-index:1000;margin-left:670px}
.site-wrap{float:left;margin-top:14px;width:calc( 100% + 8px );margin-left:-4px;height:auto;}
.site-wrap .mui-select{background:#1c1e22;float:left;width:calc( 25% - 28px );height:47px;margin:0 4px;padding-top:0;margin-bottom:0;padding-right:20px;border:0;}
.site-wrap .mui-select>select{background-image:url(../image/ico/ico-select01.png);background-size:9px 6px;border-bottom:0;font-size:14px;font-weight:500;color:#bfbfbf;height:47px;padding:0 20px;}
.site-wrap .mui-select__menu{left:0;padding:0;}
.site-wrap .mui-select__menu>div{line-height:56px;height:47px;font-size:14px;font-weight:500;color:#111;}
.site-wrap .mui-select:focus>select{margin-bottom:0;height:47px !important;border-width:0px;}
.site-wrap .mui-select>select:focus{margin-bottom:0;height:47px !important;border-width:0px;}

.footer .e-wrap{float:left;width:100%;height:auto;overflow:hidden;}
.footer .e-wrap>img{float:left;width:179px;height:48px;}
.footer .e-wrap .sns-list{float:right;}
.footer .e-wrap .sns-list li{margin-left:6px;border-radius:50%;width:24px;height:24px;overflow:hidden;float:left;}
.footer .e-wrap .sns-list li:nth-child(1){background:#3b5599;}
.footer .e-wrap .sns-list li:nth-child(2){background:#21c0ff;}
.footer .e-wrap .sns-list li:nth-child(3){background:#3cae44;}
.footer .e-wrap .sns-list li:nth-child(4){background:#ee2424;}
.footer .e-wrap .sns-list li a{display:flex;justify-content:center;align-items:center;width:24px;height:24px;overflow:hidden;}
.footer .bnb-list{float:left;margin-top:21px;width:100%;height:auto;overflow:hidden;}
.footer .bnb-list li{padding:0 15px;position:relative;float:left;}
.footer .bnb-list li:before{content:"";width:1px;height:14px;overflow:hidden;background:rgba(216, 216, 216, 0.38);display:block;position:absolute;left:0;top:2px;}
.footer .bnb-list li:first-child{padding-left:0;}
.footer .bnb-list li:first-child:before{display:none;}
.footer .bnb-list li a{font-size:14px;color:#fff;}
.footer address{  overflow:hidden; display:block; width:100%; padding-top:14px; font-style:inherit; }
.footer address .addr{font-size:13px;color:#909090;width:100%;height:auto;overflow:hidden;line-height:1.54em;}
.footer address .addr span{display:inline-block;background-color:#0D457B;padding:1px 3px;margin-right:5px;color:#fff;font-size:12px}
.footer address .copyright{font-size:13px;color:#909090;width:100%;height:auto;overflow:hidden;line-height:1.54em;}

.wrapper.sub .header{ position:relative; }
.wrapper.sub .footer{border-top:1px solid #ddd;background:#f5f5f5;}
.wrapper.sub .footer .bnb-list li a{color:#999;}
.wrapper.sub .footer .bnb-list li:before{background:#ccc;}

/* content */
.latest-wrap{width:1280px;height:57px;overflow:hidden;margin:0 auto;border-bottom:1px solid #eee;}
.latest-wrap h3{margin-top:17px;font-size:13px;color:#fff;float:left;width:68px;height:30px;line-height:30px;background:#0e457a;overflow:hidden;text-align:center;color:#fff;}
.latest-wrap .latst-slide{margin-left:25px;float:left;width:calc( 100% - 200px );height:auto;overflow:hidden;}
.latest-wrap .latst-slide .item{width:100%;height:auto;overflow:hidden;}
.latest-wrap .latst-slide .item ul{width:100%;height:auto;overflow:hidden;}
.latest-wrap .latst-slide .item ul li{position:relative;float:left;width:calc( 50% - 10px );padding-left:10px;height:57px;line-height:62px;overflow:hidden;}
.latest-wrap .latst-slide .item ul li:before{content:"";width:3px;height:3px;overflow:Hidden;display:block;border-radius:50%;background:#666;position:absolute;left:0;top:28px;}
.latest-wrap .latst-slide .item ul li a{width:100%;height:auto;overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap;word-wrap:normal;font-size:15px;font-weight:500;color:#333;}
.latest-wrap .lastest-slide-func{margin-top:17px;float:right;}
.latest-wrap .lastest-slide-func a{opacity:.7;}
.latest-wrap .lastest-slide-func a.on{opacity:1;}
.latest-wrap .lastest-slide-func .slide-stop{float:left;font-size:0;text-indent:-2000px;background:url(../image/ico/ico-slide-stop.png) no-repeat;background-size:26px 26px;width:26px;height:26px;overflow:hidden;}
.latest-wrap .lastest-slide-func .slide-play{margin-left:4px;float:left;font-size:0;text-indent:-2000px;background:url(../image/ico/ico-slide-play.png) no-repeat;background-size:26px 26px;width:26px;height:26px;overflow:hidden;}

.service-wrap{width:1280px;height:auto;overflow:hidden;margin:0 auto;}
.service-wrap h3{font-weight:500;padding:35px 0 10px 0;font-size:36px;color:#333;letter-spacing:-1.2px;width:100%;text-align:center;height:auto;overflow:hidden;}
.service-wrap h3 strong{font-size:36px;color:#3da0b7;font-weight:500;letter-spacing:-1.2px;}
.service-wrap .desc{font-size:16px;color:#666;width:100%;text-align:center;height:auto;overflow:hidden;}

.service-req-list{display:flex;justify-content:space-between;align-items:center;margin-top:33px;width:100%;height:auto;overflow:hidden;}
.service-req-list li{width:175px;height:175px;overflow:hidden;float:left;margin:5px;}
.service-req-list li a{flex-direction:column;position:relative;background:#f5f5f5;display:flex;justify-content:flex-start;align-items:center;width:100%;height:175px;overflow:hidden;}
.service-req-list li a .cate{position:absolute;right:8px;top:8px;width:60px;height:22px;background:#b9b9b9;overflow:hidden;font-size:13px;color:#fff;display:flex;justify-content:center;align-items:center;}
.service-req-list li a .tit{margin-top:40px;text-align:center;width:100%;height:auto;overflow:hidden;font-size:22px;color:#333;font-weight:500;display:flex;justify-content:center;align-items:center;line-height:1.3em;}
.service-req-list li a .link{width:100%;height:auto;overflow:hidden;font-size:13px;color:#3da0b7;display:flex;justify-content:center;align-items:center;}
.service-req-list li a .req{position:absolute;left:50%;margin-left:-44px;bottom:17px;width:88px;height:30px;background:#b4b4b4;overflow:hidden;font-size:15px;color:#fff;display:flex;justify-content:center;align-items:center;}
.service-req-list li a:hover{opacity:1;background:#3da0b7;text-decoration:None}
.service-req-list li a:hover .cate{background:#fff;color:#3da0b7;}
.service-req-list li a:hover .tit{color:#fff;}
.service-req-list li a:hover .link{color:#fff;}
.service-req-list li a:hover .req{background:#fff;color:#3da0b7;}

.service-banner-list{margin-top:44px;padding-top:44px;padding-bottom:44px;width:calc( 100% + 30px );margin-left:-15px;height:auto;overflow:hidden;border-top:1px solid #eee;}
.service-banner-list li{float:left;width:calc( 25% - 30px );margin:0 15px;height:160px;overflow:hidden;}
.service-banner-list li:nth-child(1){background:url(../image/bg/bg-service-banner-list01.jpg) no-repeat left top;background-size:cover;}
.service-banner-list li:nth-child(2){background:url(../image/bg/bg-service-banner-list02.jpg) no-repeat left top;background-size:cover;}
.service-banner-list li:nth-child(3){background:url(../image/bg/bg-service-banner-list03.jpg) no-repeat left top;background-size:cover;}
.service-banner-list li:nth-child(4){background:url(../image/bg/bg-service-banner-list04.jpg) no-repeat left top;background-size:cover;}
.service-banner-list li a{position:relative;display:block;width:100%;height:160px;overflow:hidden;}
.service-banner-list li a span{position:absolute;left:20px;top:20px;line-height:1.3em;font-size:20px;color:#fff;}

.sub-title{text-align:center;padding:54px 0 84px 0;font-size:36px;color:#333;font-weight:700;width:100%;height:auto;overflow:hidden;}
.login-wrap{margin:0 auto 215px auto;width:880px;height:auto;background:#fff url(../image/bg/bg-login01.jpg) no-repeat left center;background-size:256px 256px;overflow:hidden;border:1px solid #ddd;border-top:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.login-wrap.col4{margin:0 auto 40px auto;width:100%;max-width:979px;box-sizing:border-box;}
.login-tabs{margin:0 auto;width:880px;height:auto;overflow:hidden;}
.login-tabs li{width:50%;height:66px;overflow:hidden;float:left;}
.login-tabs.col4{width:100%;max-width:979px;margin-top:50px}
.login-tabs.col4 li{width:33.33333%;height:66px;}
.login-tabs li a{background:#f5f5f5;border:1px solid #f5f5f5;border-bottom:1px solid #ddd;border-top-left-radius:4px;border-top-right-radius:4px;font-size:25px;color:#aaa;font-weight:500;display:flex;justify-content:center;align-items:center;width:calc( 100% - 2px );height:64px;overflow:hidden;}
.login-tabs li a:hover{text-decoration:none;}
.login-tabs li a.on{background:#fff;color:#333;border:1px solid #ddd;border-bottom:1px solid #fff;}

.login-form{margin:50px 0 50px 302px;border-top:2px solid #0e457a;width:513px;height:auto;overflow:hidden;}/* 20220104 수정 */
.login-form .login-item-list{width:100%;height:auto;overflow:hidden;}
.login-form .login-item-list li{border-bottom:1px solid #ddd;width:100%;height:auto;padding:9px 0;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;}
.login-form .login-item-list li label{margin-left:20px;color:#333;font-size:16px;font-weight:500;display:flex;justify-content:flex-start;align-items:center;flex:1;width:100%;}
.login-form .login-item-list li .inp{border-radius:5px;color:#333;font-size:16px;font-weight:500;display:flex;width:300px;height:46px;border:0;background:#eee;}
.login-form .login-item-list li .form{margin:0;flex-direction:column;display:flex;justify-content:flex-start;align-items:flex-start;}
.login-form .login-item-list li .form .msg{margin-top:5px;font-size:14px;color:#333;font-weight:300;}

.login-func{margin-top:20px;width:100%;height:auto;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;}
.login-func .chk-wrap{display:flex;justify-content:flex-start;align-items:center;width:100%;flex:1;}
.login-func .chk-wrap input{margin-left:10px;opacity:1;display:flex;background:url(../image/ico/ico-chk.png) no-repeat;border:0;width:16px;height:16px;overflow:hidden; border-radius:0; appearance: none;-moz-appearance: none;-webkit-appearance: none;display:flex;}
.login-func .chk-wrap input:checked{opacity:1;border:0;width:16px;height:16px;background:url(../image/ico/ico-chk-on.png) no-repeat;background-size:16px 16px;}
.login-func .chk-wrap label{font-weight:700;display:flex;font-size:14px;color:#666;margin-left:5px;}
.login-func a{font-size:16px;color:#fff;font-weight:700;width:300px;height:50px;overflow:hidden;border-radius:5px;background:#0e457a;display:flex;justify-content:center;align-items:center;}
.login-func a:hover{text-decoration:none;}
.login-link-list{margin:25px 0 0 auto;display:flex;justify-content:space-between;align-items:center;width:300px;height:auto;overflow:hidden;}
.login-link-list li{display:flex;}
.login-link-list a{font-size:14px;color:#666;font-weight:700;}

.login-wrap.type01{margin-bottom:0;background:url(../image/bg/bg-find01.jpg) no-repeat 30px 66px;background-size:137px 135px;border:1px solid #fff;}
.login-wrap.type01 .login-form{width:620px;margin:66px 0 0px auto;}
.login-wrap.type01 .login-form .login-item-list li .inp{margin-right:133px;}

.login-wrap.type02{margin-bottom:50px;background:url(../image/bg/bg-find-id.png) no-repeat 30px 66px;background-size:172px 137px;border:1px solid #fff;}
.login-wrap.type02 .login-form{width:620px;margin:66px 0 0px auto;}
.login-wrap.type02 .login-form .login-item-list li .inp{margin-right:133px;}

.login-wrap.type03{margin-bottom:50px;background:url(../image/bg/bg-find-id02.png) no-repeat 30px center;background-size:123px 131px;border:1px solid #fff;}
.login-wrap.type03 .login-form{width:620px;margin:20px 0 0px auto;}
.login-wrap.type03 .login-form .login-item-list li .inp{margin-right:133px;}

.radio-wrap{display:flex;justify-content:flex-start;align-items:center;width:620px;height:auto;overflow:hidden;margin:66px 0 0 auto;}
.radio-wrap input{margin-left:20px;}
.radio-wrap label{display:flex;font-size:16px;color:#333;font-weight:500;margin:0 30px 0 10px}

.find-result-wrap{width:880px;height:auto;overflow:hidden;margin:40px auto 100px auto;}
.find-result-wrap dt{font-size:20px;color:#333;font-weight:500;width:100%;height:auto;overflow:hidden;border-bottom:2px solid #333;padding-bottom:5px;}
.find-result-wrap dd{border-bottom:1px solid #eee;padding:70px 0;text-align:center;width:100%;height:auto;overflow:hidden;}
.find-result-wrap dd p{font-size:16px;color:#333;font-weight:500;width:100%;height:auto;overflow:hidden;}
.find-result-wrap dd p.t01{margin-top:10px;}
.find-result-wrap dd p strong.co-blue{font-size:16px;color:#0e457a;font-weight:500;}
.find-result-wrap dd p strong.co-sky{font-size:16px;color:#55afff;font-weight:500;}
.find-result-wrap dd p strong.co-sky01{padding-left:20px;font-size:20px;color:#55afff;font-weight:500;}

.checkbox{display:flex;width:16px;height:16px;background:url(../image/ico/ico-chk.png) no-repeat;background-size:16px 16px;border:0;border-radius:0;overflow:hidden;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
.checkbox:checked{opacity:1;border:0;background:url(../image/ico/ico-chk-on.png) no-repeat;background-size:16px 16px}

.join-cate-list{width:100%;height:auto;overflow:hidden;display:flex;justify-content:center;align-items:center;margin-bottom:260px;}
.join-cate-list li{margin:0 8px;position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:317px;height:443px;overflow:hidden;border-radius:4px;border:1px solid #ddd;}
.join-cate-list li:nth-child(1){background:url(../image/bg/bg-join-list01.jpg) no-repeat;background-size:cover;}
.join-cate-list li:nth-child(2){background:url(../image/bg/bg-join-list02.jpg) no-repeat;background-size:cover;}
.join-cate-list li .tit{display:flex;font-size:36px;color:#333;font-weight:700;margin:25px 0 0 35px;}
.join-cate-list li .desc{background:url(../image/bg/bg-arr01.png) no-repeat left 3px;background-size:10px 7px;display:flex;width:calc( 100% - 85px );font-size:14px;letter-spacing:-1px;color:#0e457a;line-height:1.3em;padding-left:15px;height:auto;overflow:hidden;margin:10px auto 0 auto}
.join-cate-list li a{position:absolute;left:25px;bottom:23px;font-size:16px;color:#fff;font-weight:700;width:268px;height:50px;overflow:Hidden;display:flex;justify-content:center;align-items:center;border-radius:5px;background:#0e457a;}

.join-step-list{width:880px;height:auto;overflow:hidden;margin:0 auto;}
.join-step-list li{float:left;margin:0 3px;width:167px;height:110px;overflow:hidden;border-radius:4px;border:1px solid #ddd;}
.join-step-list li .step{margin:20px 0 0 15px;font-size:12px;color:#707070;font-weight:500;display:block;width:calc( 100% - 20px );height:auto;overflow:hidden;}
.join-step-list li .tit{margin:10px 0 0 15px;font-size:18px !important;color:#707070;line-height:1.05em;font-weight:500;display:block;width:calc( 100% - 20px );height:auto;overflow:hidden;} /*20240508 신예리 font-size important 추가*/
.join-step-list li.on .step{color:#333;}
.join-step-list li.on .tit{color:#333;}
.join-step-list li.bg01{border-color:#f5f5f5;background:#f5f5f5 url(../image/ico/ico-step01-off.png) no-repeat 110px center;background-size:50px 50px;}
.join-step-list li.bg02{border-color:#f5f5f5;background:#f5f5f5 url(../image/ico/ico-step02-off.png) no-repeat 110px center;background-size:50px 50px;}
.join-step-list li.bg03{border-color:#f5f5f5;background:#f5f5f5 url(../image/ico/ico-step03-off.png) no-repeat 110px center;background-size:50px 50px;}
.join-step-list li.bg04{border-color:#f5f5f5;background:#f5f5f5 url(../image/ico/ico-step05-off.png) no-repeat 110px center;background-size:50px 50px;}
.join-step-list li.bg05{border-color:#f5f5f5;background:#f5f5f5 url(../image/ico/ico-step04-off.png) no-repeat 110px center;background-size:50px 50px;}
.join-step-list li.on.bg01{border-color:#ddd;background:#fff url(../image/ico/ico-step01.png) no-repeat 110px center;background-size:50px 50px;}
.join-step-list li.on.bg02{border-color:#ddd;background:#fff url(../image/ico/ico-step02.png) no-repeat 110px center;background-size:50px 50px;}
.join-step-list li.on.bg03{border-color:#ddd;background:#fff url(../image/ico/ico-step03.png) no-repeat 110px center;background-size:50px 50px;}
.join-step-list li.on.bg04{border-color:#ddd;background:#fff url(../image/ico/ico-step05.png) no-repeat 110px center;background-size:50px 50px;}
.join-step-list li.on.bg05{border-color:#ddd;background:#fff url(../image/ico/ico-step04.png) no-repeat 110px center;background-size:50px 50px;}

.agree-wrap{width:880px;height:auto;overflow:hidden;margin:30px auto 0 auto;}
.agree-wrap h3{border-bottom:2px solid #333;padding-bottom:5px;width:100%;height:auto;font-size:20px;color:#333;font-weight:500;}
.agree-wrap .item{border-bottom:1px solid #eee;padding-bottom:30px;margin-bottom:30px;width:100%;height:auto;overflow:hidden;}
.agree-wrap .item.bob0{border-bottom:0;margin-bottom:0;padding-bottom:0;}
.agree-wrap .item .desc{font-size:16px;color:#0e457a;font-weight:500;padding:0 0 10px 0;width:100%;height:auto;overflow:hidden;}
.agree-wrap .item .agree-cont{width:calc( 100% - 40px );height:76px;overflow:hidden;font-size:14px;color:#505050;overflow-y:auto;background:#f5f5f5;padding:20px;line-height:1.5em;border-radius:4px;}
.agree-wrap .chk-wrap{margin-top:10px;display:flex;justify-content:flex-start;align-items:center;width:100%;height:auto;}
.agree-wrap .chk-wrap input[type="checkbox"]{margin-left:0;opacity:1;display:flex;background:url(../image/ico/ico-chk-on.png) no-repeat;border:0;width:16px;height:16px;border-radius:0;overflow:hidden;appearance: none;-moz-appearance: none;-webkit-appearance: none;display:flex;}
.agree-wrap .chk-wrap input[type="checkbox"]:checked{opacity:1;border:0;width:16px;height:16px;background:url(../image/ico/ico-chk-on.png) no-repeat;background-size:16px 16px;}
.agree-wrap .chk-wrap label{display:flex;font-size:14px;color:#999;margin-left:5px;}
.agree-wrap .chk-wrap label strong{font-size:14px;color:#666;font-weight:500;}

.agree-wrap .chk-all{margin-top:-10px;display:flex;justify-content:flex-start;align-items:center;width:100%;height:auto}
.agree-wrap .chk-all input{margin-left:0px;opacity:1;display:flex;background:url(../image/ico/ico-chk.png) no-repeat;background-size:16px 16px;border:0;width:16px;height:16px;border-radius:0;overflow:hidden;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
.agree-wrap .chk-all input:checked{opacity:1;border:0;width:16px;height:16px;background:url(../image/ico/ico-chk-on.png) no-repeat;background-size:16px 16px;}
.agree-wrap .chk-all label{display:flex;font-size:16px;color:#333;font-weight:500;margin-left:5px;}

.auth-wrap{width:880px;height:auto;overflow:hidden;margin:88px auto 140px auto;}
.auth-wrap h3{padding-bottom:5px;width:100%;height:auto;font-size:20px;color:#333;font-weight:500;}
.auth-wrap ul{width:calc( 100% - 2px );height:275px;overflow:hidden;border-radius:4px;border:1px solid #ddd;}
.auth-wrap ul li{width:50%;height:275px;overflow:hidden;float:left;position:relative;}
.auth-wrap.cols3 ul li{width:33.333333%;}
.auth-wrap.cols2 ul li{width:50%;}
.auth-wrap ul li:first-child:before{content:"";width:1px;height:245px;overflow:hidden;display:block;background:#ddd;position:absolute;right:0;top:15px;}
.auth-wrap ul li:nth-child(1){background:url(../image/bg/bg-auth-list01.png) no-repeat center 50px;}
.auth-wrap ul li:nth-child(2){background:url(../image/bg/bg-auth-list02.png) no-repeat center 50px;}
.auth-wrap.cols3 ul li.A201,.auth-wrap.cols2 ul li.A201{background:url(../image/bg/bg-auth-list04.png) no-repeat center 70px;}
.auth-wrap.cols3 ul li.A202,.auth-wrap.cols2 ul li.A202{background:url(../image/bg/bg-auth-list02.png) no-repeat center 50px;}
.auth-wrap.cols3 ul li.A203,.auth-wrap.cols2 ul li.A203{background:url(../image/bg/bg-auth-list01.png) no-repeat center 50px;}
.auth-wrap.cols3 ul li:nth-child(2):before{content:"";width:1px;height:245px;overflow:hidden;display:block;background:#ddd;position:absolute;right:0;top:15px;}
.auth-wrap.cols3 ul li:last-child:before{display:none}
.auth-wrap ul li .tit{margin-top:22px;width:100%;height:auto;overflow:hidden;text-align:center;font-size:28px;color:#333;font-weight:500;}
.auth-wrap ul li a{display:block;width:218px;height:50px;border-radius:6px;background:#0e457a;line-height:50px;text-align:center;font-size:16px;font-weight:500;color:#fff;position:absolute;left:50%;bottom:28px;margin-left:-109px;}
.auth-wrap ul li a:hover{text-decoration:none}
.auth-wrap ul li a:focus{outline:2px dashed #fff !important}

.auth-wrap ul li.t01{width:100%;background:url(../image/bg/bg-auth-list03.png) no-repeat center 50px !important;}
.auth-wrap ul li.t01:before{display:none !important}
.auth-wrap.type01{margin:0px auto 50px auto;width:calc( 100% - 2px );}
.auth-wrap ul li .desc{width:calc( 100% - 20px );height:auto;overflow:hidden;padding:0 10px;text-align:center;position:absolute;left:0;bottom:90px;}

@media (max-width:480px){
    .auth-wrap ul li a{width:120px;margin-left:-60px;height:40px;line-height:40px;bottom:16px}
    .auth-txt{font-size:12px}
}

.step-wrap{width:880px;height:auto;overflow:hidden;margin:30px auto 60px auto;}
.step-wrap h3{border-bottom:2px solid #333;width:100%;height:auto;overflow:hidden;font-size:20px;color:#333;font-weight:500;padding-bottom:5px;}
.step-wrap ul{margin-top:10px;width:100%;height:auto;overflow:hidden;}
.step-wrap ul li{margin-bottom:5px;background:url(../image/bg/bg-arr01.png) no-repeat left 3px;background-size:10px 7px;display:flex;width:calc( 100% - 15px );font-size:13px;color:#333;line-height:1.3em;padding-left:15px;width:calc( 100% - 15px );height:auto;overflow:hidden;}
.step-wrap ul li.mark{padding-left:30px;width:calc( 100% - 30px );position:relative;}
.step-wrap ul li.mark:before{background:#f12a2a;position:absolute;left:15px;top:5px;content:"";width:6px;height:6px;display:block;border-radius:50%;}

.beu-wrap ul{margin-top:10px;width:100%;height:auto;overflow:hidden;}
.beu-wrap ul li{margin-bottom:5px;background:url(../image/bg/bg-arr01.png) no-repeat left 3px;background-size:10px 7px;display:flex;width:calc( 100% - 15px );font-size:13px;color:#333;line-height:1.3em;padding-left:15px;width:calc( 100% - 15px );height:auto;overflow:hidden;}

.step-wrap dl{width:100%;height:auto;overflow:hidden;}
.step-wrap dl dt{width:100%;height:auto;overflow:hidden;font-size:16px;color:#0e457a;font-weight:500;margin-top:45px;padding-bottom:10px;}
.step-wrap dl dd{width:100%;height:auto;overflow:hidden;}

.tbl-register{width:100%;border-top:2px solid #d9002c;}
.tbl-register.bordernone{border-top:0}
.tbl-register th{width:130px;text-align:left;font-size:16px;color:#333;font-weight:500;border-bottom:1px solid #eee;height:46px;padding:5px 16px 3px;}
.tbl-register th.vt{vertical-align:top;padding-top:20px;}
.tbl-register th label {font-size:15px; font-weight:500; color:#333; }
.tbl-register th mark{vertical-align:top;display:inline-block;width:6px;height:6px;background:#f12a2a;overflow:hidden;border-radius:50%;}
.tbl-register td mark{vertical-align:top;display:inline-block;width:6px;height:6px;background:#f12a2a;overflow:hidden;border-radius:50%;margin-top:-18px}
.tbl-register td{text-align:left;border-bottom:1px solid #eee;height:46px;padding:12px 50px 12px 0;}
.tbl-register td .form{width:100%;height:auto; display:flex;justify-content:flex-start;align-items:center; padding:0 0 0px; }
.tbl-register td .form .label{width:100px;display:flex;justify-content:flex-start;align-items:center;height:46px;font-size:16px;color:#333;font-weight:500;}
.tbl-register td .form .inp{border-radius:3px;width:260px;display:flex;height:38px;border:1px solid #eee;background-color:#f8f8f8; background-position:95% 10px; }
.tbl-register td .form .inp.phone{width:100px;}
.tbl-register td .form .inp.name{width:140px;}
.tbl-register td .form .inp.email{width:140px;}
.tbl-register td .form .inp.t01{width:200px;}
.tbl-register td .form .inp.full{width:100%;flex:1;}
.tbl-register td .form input[type=file].inp{border:0;background-color:transparent;height:40px}
.tbl-register td .form.calendar{padding:7px 0px;border-bottom:1px solid #ddd}
.tbl-register td .form.calendar:last-child{border-bottom:0}
.tbl-register td .form.calendar .inner{border-radius:5px;width:250px;display:flex;border:1px solid #eee;background:#f8f8f8;padding-right:30px;position:relative}
.tbl-register td .form.calendar .inner .inp.datepicker{border:0}
.tbl-register td .form.calendar .inner.cols2{width:103px}
.tbl-register td .form.calendar .inner.cols2 .inp{width:100%}
.tbl-register td .form.calendar > label{min-width:70px}
.tbl-register td .form.calendar .inner > a{position:absolute;right:8px;top:5px;z-index:1;}
.tbl-register td .form .btn-dup{display:flex;justify-content:center;align-items:center;color:#fff;font-size:14px;font-weight:500;width:100px;height:46px;border-radius:5px;background:#0e457a;margin-left:5px;}
.tbl-register td .form .btn-type01{display:flex;justify-content:center;align-items:center;color:#fff;font-size:14px;font-weight:500;padding:0 20px;height:46px;border-radius:5px;background:#0e457a;margin-left:5px;}
.tbl-register td .form .btn-type01:hover{text-decoration:none;}
.tbl-register td .form .select{display:flex;height:40px; background-color:#f8f8f8; border:1px solid #eee; border-radius:3px;font-size:14px; font-weight:300;}
.tbl-register td .form .select.email{width:160px;margin-left:5px;}
.tbl-register td .form .select.answer{width:160px;margin-left:5px;}
.tbl-register td .form .etc{display:flex;justify-content:center;align-items:center;height:46px;padding:0 5px;}
.tbl-register td .form label{display:flex;font-size:14px;color:#202020;font-weight:300;margin:0 20px 0 2px;}
.tbl-register td .form label.type01{font-weight:300;font-size:14px;}
.tbl-register td .form .block{margin-top:15px;overflow:hidden;display:flex;justify-content:center;align-items:center;}
.tbl-register td .form .block span{display:inline-block;}
.tbl-register td .form .block span.txt{display:flex;justify-content:flex-start;align-items:center;margin-right:30px}
.tbl-register td .form .block .select{width:auto;margin-left:10px}
.tbl-register td .form .block .checkbox{display:inline-block}
.tbl-register td .form-text-wrap{padding-left:16px}
.tbl-register td .form-text-wrap .form-text{display:block;margin-top:5px;margin-left:-16px;text-indent:12px;font-size:14px;color:#0e457a;font-weight:400}
.tbl-register td strong{display:flex;font-size:16px;color:#333;font-weight:500;margin-right:20px;}
.tbl-register td .msg{font-size:13px;color:#666;margin-top:10px;margin-bottom:10px;}


.tbl-register-stock{width:100%;border-top:1px solid #0e457a;}
.tbl-register-stock .bordernone{border-top:0}
.tbl-register-stock th{width:130px;text-align:left;font-size:16px;color:#333;font-weight:500;border-bottom:1px solid #eee;height:46px;padding:5px 16px 3px;}
.tbl-register-stock th.vt{vertical-align:top;padding-top:20px;}
.tbl-register-stock th label {font-size:15px; font-weight:500; color:#333; }
.tbl-register-stock th mark{vertical-align:top;display:inline-block;width:6px;height:6px;background:#f12a2a;overflow:hidden;border-radius:50%;}
.tbl-register-stock td mark{vertical-align:top;display:inline-block;width:6px;height:6px;background:#f12a2a;overflow:hidden;border-radius:50%;margin-top:-18px}
.tbl-register-stock td{text-align:left;border-bottom:1px solid #eee;height:46px;padding:12px 50px 12px 0;}
.tbl-register-stock td .form{width:100%;height:auto;overflow:hidden;display:flex;justify-content:flex-start;align-items:center; padding:0 0 0px; }
.tbl-register-stock td .form .label{width:100px;display:flex;justify-content:flex-start;align-items:center;height:46px;font-size:16px;color:#333;font-weight:500;}
.tbl-register-stock td .form .inp{border-radius:3px;width:260px;display:flex;height:38px;border:1px solid #eee;background-color:#f8f8f8; background-position:95% 10px; }
.tbl-register-stock td .form .inp.phone{width:100px;}
.tbl-register-stock td .form .inp.name{width:140px;}
.tbl-register-stock td .form .inp.email{width:140px;}
.tbl-register-stock td .form .inp.t01{width:200px;}
.tbl-register-stock td .form .inp.full{width:100%;flex:1;}
.tbl-register-stock td .form input[type=file].inp{border:0;background-color:transparent;height:40px}
.tbl-register-stock td .form.calendar{padding:7px 0px;border-bottom:1px solid #ddd}
.tbl-register-stock td .form.calendar:last-child{border-bottom:0}
.tbl-register-stock td .form.calendar .inner{border-radius:5px;width:250px;display:flex;border:1px solid #eee;background:#f8f8f8;padding-right:30px;position:relative}
.tbl-register-stock td .form.calendar .inner .inp.datepicker{border:0}
.tbl-register-stock td .form.calendar .inner.cols2{width:103px}
.tbl-register-stock td .form.calendar .inner.cols2 .inp{width:100%}
.tbl-register-stock td .form.calendar > label{min-width:70px}
.tbl-register-stock td .form.calendar .inner > a{position:absolute;right:8px;top:5px;z-index:1;}
.tbl-register-stock td .form .btn-dup{display:flex;justify-content:center;align-items:center;color:#fff;font-size:14px;font-weight:500;width:100px;height:46px;border-radius:5px;background:#0e457a;margin-left:5px;}
.tbl-register-stock td .form .btn-type01{display:flex;justify-content:center;align-items:center;color:#fff;font-size:14px;font-weight:500;padding:0 20px;height:46px;border-radius:5px;background:#0e457a;margin-left:5px;}
.tbl-register-stock td .form .btn-type01:hover{text-decoration:none;}
.tbl-register-stock td .form .select{display:flex;height:40px;background-color:#f8f8f8; border:1px solid #eee; border-radius:3px;font-size:14px; font-weight:300;}
.tbl-register-stock td .form .select.email{width:160px;margin-left:5px;}
.tbl-register-stock td .form .select.answer{width:160px;margin-left:5px;}
.tbl-register-stock td .form .etc{display:flex;justify-content:center;align-items:center;height:46px;padding:0 5px;}
.tbl-register-stock td .form label{display:flex;font-size:14px;color:#666;font-weight:300;margin:0 20px 0 2px;}
.tbl-register-stock td .form label.type01{font-weight:300;font-size:14px;}
.tbl-register-stock td .form .block{margin-top:15px;overflow:hidden;display:flex;justify-content:center;align-items:center;}
.tbl-register-stock td .form .block span{display:inline-block;}
.tbl-register-stock td .form .block span.txt{display:flex;justify-content:flex-start;align-items:center;margin-right:30px}
.tbl-register-stock td .form .block .select{width:auto;margin-left:10px}
.tbl-register-stock td .form .block .checkbox{display:inline-block}
.tbl-register-stock td .form-text-wrap{padding-left:16px}
.tbl-register-stock td .form-text-wrap .form-text{display:block;margin-top:5px;margin-left:-16px;text-indent:12px;font-size:14px;color:#0e457a;font-weight:400}
.tbl-register-stock td strong{display:flex;font-size:16px;color:#333;font-weight:500;margin-right:20px;}

.tbl-register-stock td .msg{font-size:13px;color:#666;margin-top:10px;margin-bottom:10px;}
.tbl-register-stock td .msg.error{color:#f12a2a;}
@media print{
    header, footer, .no-print{display:none;}
}


.pwd-alert-wrap{margin-top:47px;padding:33px 0;width:calc( 100% - 2px );height:auto;overflow:hidden;border-radius:4px;border:1px solid #ddd;}
.pwd-alert-wrap .tbl-register{width:480px;margin:0 auto;}
.alert-msg{width:100%;height:auto;overflow:hidden;text-align:center;font-size:15px;color:#333;padding-bottom:30px;}

.btn-wrap{margin:60px auto; width:100%;height:auto;display:flex;justify-content:center;align-items:center;}
.btn-wrap.table{margin:0px auto;}
.btn-wrap .btn{margin:0 6px;display:flex;justify-content:center;font-size:16px;font-weight:500;align-items:center;border-radius:6px;width:218px;height:50px;}
.btn-wrap.table .btn{height:32px;font-size:14px}
.btn-wrap.table .btn.small{width:100px}
.btn-wrap.table .btn .ico-pdf{display:inline-block;width:16px;height:16px;background-repeat:no-repeat;vertical-align:middle;background:url(../image/ico/ico-pdf.png);margin-right:5px}

.btn-wrap.btw_newty{ margin:30px auto; }

.btn-wrap.type01{margin:82px auto;}
.btn-wrap.type01 .btn{width:140px;}
.btn-wrap.type02{justify-content:flex-end;}
.btn-wrap.type02 .btn{width:140px;}
.btn-wrap.type03{margin:40px auto}
.btn-wrap.type03 .btn{width:140px;}
.btn.blue{background:#d9002c;color:#fff;}
.btn.gray{background:#707070;color:#fff;}
.btn.sky{background:#0e457a;color:#fff;}
.btn:hover{text-decoration:none;}
.btn-wrap.board-view{padding-top:60px}
.btn-cols2{margin:50px 0px 80px 0px;overflow:hidden;}
.btn-cols2 .btn{margin:0 6px;display:flex;justify-content:center;font-size:16px;font-weight:500;align-items:center;border-radius:6px;width:115px;height:50px;}
.btn-cols2 .btn span{display:inline-block;width:9px;height:16px;background-repeat:no-repeat;vertical-align:middle;}
.btn-cols2 .btn span.ial{background-image:url(../image/ico/ico-arw-left.png);margin-right:5px}
.btn-cols2 .btn span.iar{background-image:url(../image/ico/ico-arw-right.png);margin-left:5px}
.btn-cols2 .left-area{float:left}
.btn-cols2 .right-area{float:right}

.board-header-wrap{margin:50px auto 10px auto;width:100%;height:auto;overflow:hidden;display:flex;justify-content:flex-end;align-items:center;}
.board-header-wrap .btn{margin:0 3px;text-align:center;display:flex;justify-content:center;font-size:14px;font-weight:500;align-items:center;border-radius:4px;padding:0 15px;height:36px;}

.board-header-wrap .btn.blue{background:#0e457a;color:#fff;}
.board-header-wrap .btn.gray{background:#bfbfbf;color:#fff;}
.board-header-wrap .btn:hover{text-decoration:none;}

.board-view-wrap{margin-top:24px;border-top:2px solid #0e457a;width:calc( 100% - 40px );padding:10px 20px 0 20px;height:auto;overflow:hidden;background:#eff5fc;}
.board-view-wrap .item-wrap{margin-bottom:20px;width:100%;height:auto;overflow:hidden;}
.board-view-wrap .item-wrap .subj{border-bottom:1px solid #dddeed;font-size:18px;color:#333;font-weight:500;width:100%;height:54px;line-height:54px;overflow:hidden;}
.board-view-wrap .item-wrap .cont{padding:15px 0;line-height:1.5em;font-size:14px;color:#333;width:100%;height:164px;overflow:hidden;overflow-y:auto;}
.board-view-wrap .item-wrap.reply{background:#fff;width:calc( 100% - 40px );padding:0 20px;}
.board-view-wrap .item-wrap.reply .subj{background:url(../image/bg/bg-replay.png) no-repeat left center;font-size:16px;color:#0e457a;font-weight:400;background-size:20px 20px;text-indent:25px;}
.board-view-wrap .item-wrap.reply .cont{font-size:16px;}
.board-view-page-list{width:100%;height:auto;overflow:hidden;border-top:1px solid #ddd;}
.board-view-page-list li{display:flex;justify-content:flex-start;align-items:center;width:100%;height:59px;overflow:hidden;border-bottom:1px solid #ddd;}
.board-view-page-list li .th{width:120px;justify-content:center;align-items:center;display:flex;}
.board-view-page-list li .th i{font-size:16px;color:#707070;display:flex;}
.board-view-page-list li .th span{font-size:13px;color:#202020 ; margin-left:5px;display:flex}
.board-view-page-list li a{font-weight:400;display:block;overflow:hidden;font-size:14px;color:#202020;text-overflow:ellipsis; white-space:nowrap;word-wrap:normal;width:calc( 100% - 130px );}

.board-view-wrap01{margin-top:50px;border-top:2px solid #0e457a;width:100%;padding:0px;height:auto;overflow:hidden;}
.board-view-wrap01 .subj{background:#eff5fc;font-size:18px;color:#333;font-weight:500;width:calc( 100% - 40px );height:auto;padding:15px 20px;border-bottom:1px solid #ddd;overflow:hidden;word-break:break-all}
.board-view-wrap01 .info{width:calc( 100% - 40px );height:50px;padding:0 20px;border-bottom:1px solid #ddd;overflow:hidden;}
.board-view-wrap01 .info ul{float:left;}
.board-view-wrap01 .info ul li{font-size:14px;color:#333;float:left;height:50px;line-height:50px;position:relative;padding:0 30px;}
.board-view-wrap01 .info ul li:before{content:"";width:1px;height:17px;overflow:hidden;display:block;background:#ccc;position:absolute;left:0;top:18px;}
.board-view-wrap01 .info ul li:first-child{padding-left:0;}
.board-view-wrap01 .info ul li:first-child:before{display:none;}
.board-view-wrap01 .info .name{float:right;font-size:14px;color:#333;height:50px;line-height:50px;}
.board-view-wrap01 .file-wrap{width:100%;padding:0;border-bottom:1px solid #ddd;overflow:hidden;}
.board-view-wrap01 .file-wrap .label{float:left;width:90px;height:50px;line-height:50px;text-align:center;overflow:hidden;}
.board-view-wrap01 .file-wrap ul{float:left;width:calc( 100% - 90px );height:auto;overflow:hidden;}
.board-view-wrap01 .file-wrap ul li{margin-top:9px;float:left;padding:0 20px;margin-right:7px;font-size:14px;color:#333;position:relative}
.board-view-wrap01 .file-wrap ul li::after{position:absolute;right:0px;top:5px;height:20px;width:1px;background-color:#ddd;content:''}
.board-view-wrap01 .file-wrap ul li span{display:inline-block;padding:0px 5px;vertical-align:middle;}
.board-view-wrap01 .file-wrap ul li a{font-size:14px;color:#333;}
.board-view-wrap01 .file-wrap ul li a:hover{text-decoration:none;}
.board-view-wrap01 .file-wrap ul li:hover{border-color:#333;}
.board-view-wrap01 .cont{padding:15px 20px;line-height:1.5em;font-size:14px;color:#333;width:calc( 100% - 40px );height:413px;overflow:hidden;overflow-y:auto;background:#fafafa;word-break:break-word}
.board-view-wrap01 .cont img{max-width:100%}
.board-view-wrap01.answer .cont{height:auto;min-height:150px}

.tbl-wrap{}
.tbl-wrap .select{font-size:15px;color:#707070;width:100px;height:46px;border-radius:5px;border:1px solid #dbdbdb; opacity:1}
.tbl-wrap td span.ico-key{display:inline-block;width:14px;height:18px;background:url(../image/ico/ico-key.png);margin-right:5px;vertical-align:middle;margin-top:-2px}
.tbl-list{width:100%;border-bottom:1px solid #ccc;}
.tbl-list.mt20{margin-top:20px}
.tbl-list th{height:50px;text-align:center;border-bottom:1px solid #eee;background:#eff5fc;border-top:2px solid #0e457a;font-size:15px; font-weight:400; color:#333;}
.tbl-list td{text-align:center;font-size:14px;color:#333;line-height:1.3em;border-top:1px solid #eee;padding:15px 8px 16px;}
.tbl-list td.al{text-align:left;}
.tbl-list td.t01{font-size:16px;color:#333;font-weight:500;}
.tbl-list td.t02{font-size:14px;color:#333;font-weight:500;}
.tbl-list td input{margin:0 auto}
.tbl-chk-wrap{margin-top:7px;display:flex;justify-content:flex-start;align-items:center;width:100%;height:auto;overflow:hidden;}
.tbl-chk-wrap input{margin-left:32px;}
.tbl-chk-wrap label{display:flex;font-size:16px;color:#2998ff;margin-left:10px;font-weight:500;}

.tbl-list01{width:100%;}
.tbl-list01 th{height:49px;text-align:center;border-bottom:1px solid #d2d2d2;background:#f5f5f5;border-top:2px solid #0e457a;font-size:15px;color:#333; font-weight:400;}
.tbl-list01 td{font-weight:400;text-align:center;font-size:15px;color:#111;border-bottom:1px solid #d2d2d2;height:59px;word-break:break-all;}
/* 20230925 padding추가 */
.tbl-list01 td.padding40{font-weight:400;text-align:left;padding-left:50px;font-size:15px;color:#111;border-bottom:1px solid #d2d2d2;height:59px;word-break:break-all;}
/* 20230925 padding추가 */
.tbl-list01 td.padding10{font-weight:400;padding-left:10px;font-size:15px;color:#111;border-bottom:1px solid #d2d2d2;height:59px;word-break:break-all;}
/* 20230925 padding추가 */
.tbl-list01 td.padding25{font-weight:400;padding-left:50px;font-size:15px;color:#111;border-bottom:1px solid #d2d2d2;height:59px;word-break:break-all;}
/* 20230925 padding추가 */
.tbl-list01 td a{max-width:100%;height:auto;overflow:hidden;font-size:15px;color:#2281d0;font-weight:400; }

/*20240411 신예리 추가 - text-decoration 추가*/
.tbl-list01 td a:hover{text-decoration: underline !important;}

.tbl-list01 td a span.home{display:inline-block;border:1px solid #ddd;padding:2px 6px;background-color:#f8f8f8;font-size:13px;color:#777;border-radius:2px;}
.tbl-list01 td a span.home > img{margin-right:5px}
/*20230919 text-align:left*/
.tbl-list01 td.al{text-align:left;padding:0 10px 0 10px;}

/* 20231024 말줄임*/
.list_elli{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*20230919 padding 추가*/
.tbl-list01.padding20 td.al{padding-left:20px;}
/*20230920 padding 추가*/
.tbl-list01.padding10 td.al{padding-left:10px;}




.tbl-list01 td.ar{text-align:right;}
.tbl-list01 td .co-gray{font-size:14px;color:#999;}
.tbl-list01 td .co-blue{font-weight:300;font-size:14px;color:#2998ff;}
.tbl-list01 td span.option{display:inline-block;padding:2px 5px;border-radius:3px;font-size:13px;}
.tbl-list01 td span.option.end{background-color:#b2b2b2;color:#dddddd}
.tbl-list01 td span.option.start{background-color:#0e457a;color:#fff}
.tbl-list01 td span.option.ing{background-color:#3189dd;color:#fff}
.tbl-list01 td.replay{padding-left:20px;background:url(../image/ico/ico-replay.png) no-repeat 70px center;padding-left:140px}
.tbl-list01 td span.category{display:inline-block;padding:3px 7px;border-radius:3px;font-size:12px;color:#fff;font-weight:500;text-align:center}
.tbl-list01 td span.category.color1{background-color:#2C6EE0}
.tbl-list01 td span.category.color2{background-color:#D19938}
.tbl-list01 td span.category.color3{background-color:#A3772C}
.tbl-list01 td span.category.color4{background-color:#234480}
.tbl-list01 td span.category.color5{background-color:#2EAD3F}
.tbl-list01 td span.category.color6{background-color:#9E3907}
.tbl-list01 td span.category.color7{background-color:#5F246B}
.tbl-list01 td span.category.color8{background-color:#55A346}
.tbl-list01 tr.bg{background-color:#f8f8f8;}

.tbl-list01.type01 th{background:#f5f5f5;border-left:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;}
.tbl-list01.type01.tline02 th{background:#eff5fc;border-left:1px solid #ddd;border-bottom:1px solid #ddd;font-weight:600;height:auto;padding:10px 0px}
.tbl-list01.type01.tline02 td{text-align:left;padding:15px 20px;font-size:15px;color:#666;border-left:1px solid #ddd !important;word-break:break-all;vertical-align:top;height:auto}
.tbl-list01.type01.tline02 td:last-child{border-right:1px solid #ddd !important}
.tbl-list01.type01 th:first-child,
.tbl-list01.type01 tr td:first-child {border-left:0;}
.tbl-list01.type01 td{height:49px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;padding:5px 20px;}
.tbl-list01.type01 input{outline:none;margin:0 auto;background:#d8d8d8;width:17px;height:18px;overflow:hidden;appearance: none;-moz-appearance: none;-webkit-appearance: none;display:flex;}
.tbl-list01.type01 input:checked{background:url(../image/bg/bg_chk_on.png) no-repeat;background-size:17px 18px;}



.tbl-list01-stock{width:100%;}
.tbl-list01-stock th{height:49px;font-size:10px;text-align:center;border-bottom:1px solid #d2d2d2;background:#f5f5f5;border-top:0px solid #0e457a;font-size:15px;color:#333; font-weight:300;}
.tbl-list01-stock td{font-weight:300;font-size:10px;color:#111;border-bottom:1px solid #d2d2d2;height:59px;word-break:break-all;}
.tbl-list01-stock td a{max-width:100%;height:auto;overflow:hidden;font-size:15px;color:#2a93eb;font-weight:400;}
.tbl-list01-stock td a span.home{display:inline-block;border:1px solid #ddd;padding:2px 6px;background-color:#f8f8f8;font-size:13px;color:#777;border-radius:2px;}
.tbl-list01-stock td a span.home > img{margin-right:5px}
.tbl-list01-stock td.al{text-align:left;}
.tbl-list01-stock td.ar{text-align:right;}
.tbl-list01-stock td .co-gray{font-size:14px;color:#999;}
.tbl-list01-stock td .co-blue{font-weight:300;font-size:14px;color:#2998ff;}
.tbl-list01-stock td span.option{display:inline-block;padding:2px 5px;border-radius:3px;font-size:13px;}
.tbl-list01-stock td span.option.end{background-color:#b2b2b2;color:#dddddd}
.tbl-list01-stock td span.option.start{background-color:#0e457a;color:#fff}
.tbl-list01-stock td span.option.ing{background-color:#3189dd;color:#fff}
.tbl-list01-stock td.replay{padding-left:20px;background:url(../image/ico/ico-replay.png) no-repeat 70px center;padding-left:140px}
.tbl-list01-stock td span.category{display:inline-block;padding:3px 7px;border-radius:3px;font-size:12px;color:#fff;font-weight:500;text-align:center}
.tbl-list01-stock td span.category.color1{background-color:#2C6EE0}
.tbl-list01-stock td span.category.color2{background-color:#D19938}
.tbl-list01-stock td span.category.color3{background-color:#A3772C}
.tbl-list01-stock td span.category.color4{background-color:#234480}
.tbl-list01-stock td span.category.color5{background-color:#2EAD3F}
.tbl-list01-stock td span.category.color6{background-color:#9E3907}
.tbl-list01-stock td span.category.color7{background-color:#5F246B}
.tbl-list01-stock td span.category.color8{background-color:#55A346}
.tbl-list01-stock tr.bg{background-color:#f8f8f8;}

.tbl-list01-stock.type01 th{background:#ecedf0;border-left:1px solid #bccad7;border-bottom:1px solid #bccad7;}
.tbl-list01-stock.type01.tline02 th{background:#eff5fc;border-left:1px solid #ddd;border-bottom:1px solid #ddd;font-weight:600;height:auto;padding:10px 0px}
.tbl-list01-stock.type01.tline02 td{text-align:left;padding:15px 20px;font-size:15px;color:#666;border-left:1px solid #ddd !important;word-break:break-all;vertical-align:top;height:auto}
.tbl-list01-stock.type01.tline02 td:last-child{border-right:1px solid #ddd !important}
/*
.tbl-list01-stock.type01 th:first-child,
.tbl-list01-stock.type01 tr td:first-child {border-left:0;}
*/
.tbl-list01-stock.type01 td{height:30px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;padding:5px 20px;}
.tbl-list01-stock.type01 input{outline:none;margin:0 auto;background:#d8d8d8;width:17px;height:18px;overflow:hidden;appearance: none;-moz-appearance: none;-webkit-appearance: none;display:flex;}
.tbl-list01-stock.type01 input:checked{background:url(../image/bg/bg_chk_on.png) no-repeat;background-size:17px 18px;}


.nor-list01{width:100%;height:auto;overflow:hidden;}
.nor-list01 li{padding-bottom:5px;width:100%;height:auto;overflow:hidden;font-size:18px;color:#333;font-weight:500;}
.nor-list02{padding-top:5px;width:calc( 100% - 20px );margin-left:20px;height:auto;overflow:hidden;}
.nor-list02 li{width:100%;height:auto;overflow:hidden;font-size:15px;color:#333;font-weight:500;}
.nor-list03{padding-top:5px;width:calc( 100% - 20px );margin-left:20px;height:auto;overflow:hidden;}
.nor-list03 li{width:100%;height:auto;overflow:hidden;font-size:15px;color:#333;font-weight:300;}
.nor-list04{padding-top:5px;width:calc( 100% - 20px );margin-left:20px;height:auto;overflow:hidden;}
.nor-list04 li{position:relative;width:calc( 100% - 10px );padding-left:10px;height:auto;overflow:hidden;font-size:14px;color:#333;font-weight:300;}
.nor-list04>li:before{content:"";display:block;width:3px;height:3px;overflow:hidden;border-radius:50%;background:#aaa;position:absolute;left:0;top:8px;}
.nor-list05{padding-top:5px;width:calc( 100% - 20px );margin-left:20px;height:auto;overflow:hidden;}
.nor-list05 li{position:relative;width:calc( 100% - 10px );padding-left:10px;height:auto;overflow:hidden;font-size:14px;color:#333;font-weight:300;}
.nor-list05>li:before{content:"-";font-size:14px;color:#333;position:absolute;left:0;top:0;}

.board-bottom-wrap{width:100%;height:auto;overflow:hidden;position:relative;}
.paging{margin:40px 0 100px 0;display:flex;justify-content:center;align-items:center;}
.paging a{
    background:#fff;border:1px solid #ddd;display:flex;justify-content:center;align-items:center;min-width:30px;height:28px; padding-top:1px; font-size:13px;text-align:center;margin:0 1px;overflow:hidden;color:#505050; box-sizing:border-box;
    transition: all .25s;
}
.paging a.first, .paging a.last{margin:0;}
.paging a.active,
.paging a:hover{opacity:1;border-color:#d9002c;background:#d9002c;color:#fff;text-decoration:none;}
.paging a:hover span{opacity:1;border-color:#0e457a;background:#0e457a;color:#fff;text-decoration:none;}
.paging a.prev{margin-right:13px;width:40px;height:26px;overflow:hidden;font-size:0;text-indent:-2000px;background:url(../image/bg/bg-page-left.png);background-size:30px 30px;position:relative;}
.paging span.prev{display:inline-block;width:37px;height:26px;overflow:hidden;font-size:0;text-indent:-2000px;background:url(../image/bg/bg-page-left.png) no-repeat center center;background-size:30px 30px;position:relative;}
.paging a:hover span.prev{display:inline-block;width:37px;height:26px;overflow:hidden;font-size:0;text-indent:-2000px;background:url(../image/bg/bg-page-left.png) no-repeat center center;background-size:30px 30px;position:relative;filter:brightness(100)}
.paging a.prev:hover:before{content:"";width:100%;height:100%;overflow:hidden;display:block;position:absolute;left:0;top:0;background:url(../image/bg/bg-page-left.png);background-size:30px 30px;filter:brightness(100)}

.paging a.next{margin-left:13px;width:40px;height:26px;overflow:hidden;font-size:0;text-indent:-2000px;background:url(../image/bg/bg-page-right.png);background-size:30px 30px;position:relative;}
.paging a.next:hover:before{content:"";width:100%;height:100%;overflow:hidden;display:block;position:absolute;left:0;top:0;background:url(../image/bg/bg-page-right.png);background-size:30px 30px;filter:brightness(100)}
.paging span.next{display:inline-block;width:37px;height:26px;overflow:hidden;font-size:0;text-indent:-2000px;background:url(../image/bg/bg-page-right.png) no-repeat center center;background-size:30px 30px;position:relative;}
.paging a:hover span.next{display:inline-block;width:37px;height:26px;overflow:hidden;font-size:0;text-indent:-2000px;background:url(../image/bg/bg-page-right.png) no-repeat center center;background-size:30px 30px;position:relative;filter:brightness(100)}

.paging a.first{margin-right:2px;width:40px;height:26px;overflow:hidden;font-size:0;text-indent:-2000px;background:url(../image/bg/bg-page-first.png);background-size:30px 30px;position:relative;}
.paging a.first:hover:before{content:"";width:100%;height:100%;overflow:hidden;display:block;position:absolute;left:0;top:0;background:url(../image/bg/bg-page-first.png);background-size:30px 30px;filter:brightness(100)}
.paging span.first{display:inline-block;width:37px;height:26px;overflow:hidden;font-size:0;text-indent:-2000px;background:url(../image/bg/bg-page-first.png) no-repeat center center;background-size:30px 30px;position:relative;}
.paging a:hover span.first{display:inline-block;width:37px;height:26px;overflow:hidden;font-size:0;text-indent:-2000px;background:url(../image/bg/bg-page-first.png) no-repeat center center;background-size:30px 30px;position:relative;filter:brightness(100)}

.paging a.end{margin-left:2px;width:40px;height:26px;overflow:hidden;font-size:0;text-indent:-2000px;background:url(../image/bg/bg-page-end.png);background-size:30px 30px;position:relative;}
.paging a.end:hover:before{content:"";width:100%;height:100%;overflow:hidden;display:block;position:absolute;left:0;top:0;background:url(../image/bg/bg-page-end.png);background-size:30px 30px;filter:brightness(100)}
.paging span.end{display:inline-block;width:37px;height:26px;overflow:hidden;font-size:0;text-indent:-2000px;background:url(../image/bg/bg-page-end.png) no-repeat center center;background-size:30px 30px;position:relative;}
.paging a:hover span.end{display:inline-block;width:37px;height:26px;overflow:hidden;font-size:0;text-indent:-2000px;background:url(../image/bg/bg-page-end.png) no-repeat center center;background-size:30px 30px;position:relative;filter:brightness(100)}

.sitemap {overflow:hidden; margin-bottom:100px;}

.board-btn-wrap{position:absolute;right:0;top:30px;}
.board-btn-wrap.type01{padding-bottom:10px;display:flex;justify-content:flex-end;align-items:center;width:100%;height:auto;overflow:hidden;position:static;}
.board-btn-wrap.type01 .txt{display:flex;justify-content:flex-start;}
.board-btn-wrap.type01 .select{display:flex;justify-content:flex-end;}
.board-btn-wrap.print{display:flex;justify-content:center;align-items:center;width:100%;height:auto;overflow:hidden;position:static;}
.board-btn-wrap .btn{display:flex;justify-content:center;align-items:center;width:132px;height:50px;border-radius:6px;font-size:16px;font-weight:500;}
.board-btn-wrap .btn.blue{background:#d9002c;color:#fff;}
.board-btn-wrap .btn.sky{background:#0e457a;color:#fff;}
.board-btn-wrap .btn:hover{text-decoration:none;}

.board-btn-wrap.type01 .btn{text-align:center;padding:0 10px;width:auto;height:36px;margin:0 3px;border-radius:4px;font-size:14px;font-weight:300;color:#fff;}
.board-btn-wrap.type01 .btn.gray{background:#aaa}
.board-btn-wrap.type01 .btn.sky{background:#2998ff}
.board-btn-wrap.type01 .btn.white{height:34px;color:#666;background:#fff;border:1px solid #ccc;}

.board-search-wrap{margin:48px 0 32px 0;display:flex;justify-content:center;align-items:center;width:100%;height:86px;overflow:hidden;border-radius:4px;background:#f7f5f3;}
.board-search-wrap .select{font-size:15px;color:#666;width:100px;height:46px;border-radius:5px;border:1px solid #dbdbdb;}
.board-search-wrap .inp{margin-left:6px;font-size:15px;color:#666;height:44px;width:297px;border:1px solid #dbdbdb;border-top-left-radius:5px;border-bottom-left-radius:5px;background:#fff;}
.board-search-wrap button{cursor:pointer;font-size:15px;color:#fff;border:0;background:#d9002c;height:46px;width:78px;border-top-right-radius:5px;border-bottom-right-radius:5px;}
.board-search-wrap label{position:absolute;left:-20000px;}
.board-search-wrap .form.calendar{display:flex;justify-content:center;align-items:center;}
.board-search-wrap .form.calendar .inner{position:relative;}
.board-search-wrap .form.calendar .inner > a{position:absolute;right:8px;top:8px;z-index:1;}
.board-search-wrap .form.calendar .etc{display:flex;justify-content:center;align-items:center;height:46px;padding:0 5px;}
.board-search-wrap .form.calendar .inner:nth-child(2) .inp{border-radius:5px}
.board-search-wrap .form.calendar .inner .inp{padding:8px 40px 8px 10px;box-sizing:border-box;height:46px;margin-left:0}

@media (max-width:768px) {
    .board-btn-wrap{position:relative;top:0px;}
    .paging{flex-wrap:wrap}
    .paging li{margin-bottom:8px}
    .paging + .board-btn-wrap{margin-top:30px}
    .board-bottom-wrap{height:auto !important}
    .board-btn-wrap .btn{width:auto}
}

.answer-search-wrap{width:100%;overflow:hidden;border-radius:4px;background:#eff5fc;margin:50px 0px;padding-bottom:15px}
.answer-search-wrap .inner{padding:15px 20px 0px 20px;display:flex;justify-content:start;align-items:center;width:100%;overflow:hidden;box-sizing: border-box;}
.answer-search-wrap .inner .select{font-size:15px;color:#666;width:100px;height:46px;border-radius:5px;background:#fff;border:1px solid #dbdbdb;}
.answer-search-wrap .inner .inp{margin-left:6px;font-size:15px;color:#666;height:44px;width:297px;border:1px solid #dbdbdb;border-top-left-radius:5px;border-bottom-left-radius:5px;background:#fff;}
.answer-search-wrap .inner button{cursor:pointer;font-size:15px;color:#fff;border:0;background:#0e457a;height:46px;width:78px;border-top-right-radius:5px;border-bottom-right-radius:5px;}
.answer-search-wrap .inner label{width:80px;font-size:16px;color:#333333;font-weight:400}
.answer-search-wrap .inner .and{display:inline-block;margin:0px 10px;text-align:center;}
.answer-search-wrap .inner .inbox{position:relative;}
.answer-search-wrap .inner .inbox .inp{padding-right:30px;box-sizing: border-box;border-radius:5px;margin-left:0px}
.answer-search-wrap .inner .inbox a{display:block;position:absolute;right:10px;top:10px;z-index:1;}
.hd-element{position:absolute; overflow:hidden; text-indent:-9999999px;background:none !important;font-size:0 }
@media (max-width:768px){
    .answer-search-wrap .inner .inbox{}
    .answer-search-wrap .inner .inbox .inp{width:100%}
}

.board-register-list{margin-top:24px;width:100%;height:auto;overflow:hidden;border-top:2px solid #0e457a;}
.board-register-list li{min-height:38px; padding:7px 0;border-bottom:1px solid #eee;display:flex;justify-content:flex-start;align-items:center;width:100%;height:auto;overflow:hidden;}
.board-register-list li label{font-size:15px;color:#333;font-weight:500;display:flex;width:183px;height:auto;overflow:hidden;padding-left:20px;}
.board-register-list li .inp{font-size:14px;color:#333;padding:0 10px;display:flex;flex:1;width:100%;height:41px;border:1px solid #eee;background-color:#f8f8f8; border-radius:3px;}
.board-register-list li .textarea{margin:0;font-size:14px;line-height:1.5em;color:#333;padding:20px;display:flex;flex:1;width:100%;height:366px;border:1px solid #eee;background:#f8f8f8; border-radius:3px}
.board-register-list li .select{padding:5px;border:1px solid #ddd;width:100%;border-radius:4px;}

.join-complete{border-bottom:1px solid #eee;padding-bottom:37px;margin-top:37px;height:auto;overflow:hidden;}
.balloon {
    position:relative;padding:13px 27px;width:420px;float:left;height:auto;
    background:#e4ecf3;border-radius:2px;font-size:16px;color:#0e457a;line-height:1.2em;
}
.balloon:after {
    border-top:20px solid #e4ecf3;
    border-left: 0px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 0px solid transparent;
    content:"";
    position:absolute;
    bottom:-18px;
    left:80px;
}
.join-title{padding-top:20px;display:flex;justify-content:center;align-items:center;width:100%;height:auto;overflow:hidden;}
.join-title strong{display:flex;font-size:32px;color:#585857;font-weight:500;}
.join-title span{display:flex;font-size:32px;color:#585857;font-weight:500;}
.join-title img{display:flex;width:54px;height:54px;}
.join-infor{text-align:center;margin-top:10px;font-size:16px}

.dialog{display:none;z-index:999;justify-content:center;align-items:center;position:fixed;left:0;top:0;width:100%;height:100%;overflow:hidden;background:rgba(0,0,0,.5);}
.dialog.on{display:flex;}
.dialog .pop-wrap{width:690px;padding:5px;height:auto;overflow:hidden;border-radius:2px;background:#fff;}
.dialog .pop-wrap.type01{width:800px;}
.dialog .pop-wrap.small{width:500px;}
.dialog .pop-wrap .pop-header{width:100%;height:47px;overflow:hidden;background:url(../image/bg/bg-pop-header.svg) no-repeat right top;background-size:cover;}
.dialog .pop-wrap .pop-header .tit{margin:0px;}
.dialog .pop-wrap .tit{float:left;height:47px;line-height:47px;padding-left:20px;font-size:20px;color:#fff;font-weight:500;}
.dialog .pop-wrap a{float:right;margin:10px 10px 0 0;}
.dialog .pop-wrap a i{font-size:30px;color:#fff;}
.dialog .pop-wrap a:focus{outline:2px dashed #fff !important}

.dialog .pop-cont{position:relative; width:100%;height:auto;overflow:visible !important;padding:58px 0;}
.dialog .pop-wrap.small .pop-cont{padding:5px 0;}
.dialog .pop-cont .tbl-register{width:510px;margin:0 auto;}
.dialog .pop-cont .tbl-register td{padding-right:10px;}
.dialog .pop-cont .btn-wrap{width:510px;margin:26px auto 0 auto;}
.dialog .pop-cont .btn-wrap .btn{margin:0;width:100%;}
.dialog .pop-cont .btn-wrap.type01{margin-top:46px;}
.dialog .pop-cont .btn-wrap.type01 .btn{width:160px;margin:0 5px;}
.dialog .pop-cont .point-cont{font-size:14px;background-color:#EFF5FC;color:#f12a2a;padding:12px 17px}
.dialog .pop-cont .pop-close{position:absolute; top:-49px; right:0}

.header-site-wrap{ overflow:hidden;  display:none; position:fixed; left:0; top:0px; width:100%; height:auto;  padding:35px 0 120px 0; background:#fff; border-bottom:1px solid #d8d8d8; z-index:9999; }
.header-site-wrap .site-header{height:auto;border-bottom:1px solid #d8d8d8;width:100%;overflow:hidden;}
.header-site-wrap .site-header .site-rela{display:flex;justify-content:space-between;align-items:center;margin:0 auto;width:1280px;height:89px;overflow:Hidden;}
.header-site-wrap .site-header .site-rela .site-title-wrap{flex-direction:column;display:flex;justify-content:flex-start;align-items:flex-start;margin-top:-30px}
.header-site-wrap .site-header .site-rela .site-title-wrap .pic{display:flex;}
.header-site-wrap .site-header .site-rela .site-title-wrap .pic img{height:26px;}
.header-site-wrap .site-header .site-rela .site-title-wrap .desc{display:block;font-size:14px;color:#333;font-weight:300;}
.header-site-wrap .site-header .site-rela .site-title-wrap .desc strong{padding-right:5px;font-weight:700;font-size:24px;color:#333;}
.header-site-wrap .site-header .site-rela .site-btn{display:flex;justify-content:flex-start;align-items:center;}
.header-site-wrap .site-header .site-rela .site-btn .site-mg{border:0;background:#2eb7ff url(../image/ico/ico-site01.png) no-repeat 15px center;background-size:17px 16px;font-size:16px;color:#fff;font-weight:500;width:125px;height:41px;overflow:hidden;display:flex;justify-content:flex-start;padding-left:40px;align-items:center;}
.header-site-wrap .site-header .site-rela .site-btn .site-close{border:0;margin-left:12px;background:#0e457a url(../image/ico/ico-close01.png) no-repeat 15px center;background-size:17px 17px;font-size:16px;color:#fff;font-weight:500;width:142px;padding-left:20px;height:41px;overflow:hidden;display:flex;justify-content:center;align-items:center;}
.header-site-wrap .site-header .site-rela .site-btn a:hover{text-decoration:none}
.header-site-wrap .site-cont{width:100%;height:auto;overflow:hidden;overflow-y:auto;}
.header-site-wrap .site-cont dt{text-align:center;font-size:18px;color:#333;font-weight:700;padding:10px 0;width:100%;height:auto;overflow:hidden;}
.header-site-wrap .site-cont dd{width:100%;height:auto;overflow:hidden;}
.header-site-wrap .site-cont dd ul{width:100%;height:auto;overflow:Hidden;text-align:center;}
.header-site-wrap .site-cont dd ul li{display:inline-block;margin:3px;}

.header-site-wrap .site-cont dl.type01 dt{margin-top:-20px;visibility:hidden;position:static;}
.header-site-wrap .site-cont dl.type01 dd{width:1280px;margin:0 auto;}
.header-site-wrap .site-cont dl.type01 dd ul{text-align:left;}
.header-site-wrap .site-cont dl.type01 dd ul li{float:left;}

.header-site-wrap .site-cont .bottom-wrap{position:absolute;left:0;right:0;bottom:0;background-color:#F6F6F6}
.header-site-wrap .site-cont .bottom-wrap .inner{width:100%;max-width:1280px;margin:0 auto;padding:10px 0px;font-size:15px; line-height:22px; color:#666}
.header-site-wrap .site-cont .bottom-wrap .inner strong{font-weight:500;color:#0e457a}
.header-site-wrap .site-cont .bottom-wrap .inner span{padding-top:7px}

.header .tnb li.etc .header-site-wrap .site-cont dd ul li a{border:0;position:relative;width:250px;height:60px;overflow:hidden;display:block;border-radius:4px;}
.header .tnb li.etc .header-site-wrap .site-cont dd ul li a:hover:before{content:"";display:block;width:calc( 100% - 2px );height:calc( 100% - 2px );overflow:hidden;border-radius:4px;border:1px solid #979797;position:absolute;left:0;top:0;}
.header .tnb li.etc .header-site-wrap .site-cont dd ul li a img{width:250px;height:60px;}


.normal-wrap{width:1400px;height:auto;overflow:hidden;margin:21px auto 0 auto;}
.normal-wrap.lnb-line {border-left:1px solid #ddd;}
.normal-wrap .lnb{float:left;width:250px;height:100%;/*border-top:1px solid #ddd;*/} /** 20211025 **/
.normal-wrap .lnb h2{margin:0;line-height:100px;text-align:center;width:100%;height:100px;overflow:hidden;background:#d9002c;font-size:24px;color:#fff;font-weight:500;border-radius: 15px;}
.normal-wrap .lnb ul{width:100%;height:auto;overflow:hidden;}
/** 20211025 **/.normal-wrap .lnb ul li{
                    position:relative;width:100%;height:auto;overflow:hidden;border-bottom:1px solid #ddd;padding:1px;box-sizing: border-box;
                    border: 1px solid #999;
                    border-radius: 12px;
                    margin-top: 6px;}
/** 20211025 **/.normal-wrap .lnb > ul{ border: none;}
/** 20211216, 20240709 신예리 height값 수정 **/.normal-wrap .lnb ul li a{
                    color:#333;font-weight:300;font-size: 15px;
                    padding:15px 18px 13px;
                    height:auto;display:block;overflow:hidden;box-sizing: border-box;text-decoration:none;
                    color: #333;
                }

.normal-wrap .lnb ul li a.arr{background:url(../image/bg/bg-lnb-off.png) no-repeat 222px center;}
.normal-wrap .lnb > ul > li.on > a.arr,
.normal-wrap .lnb > ul > li.on > ul > li.on > a.arr,
.normal-wrap .lnb > ul > li.on > ul > li.on > ul > li.on > a.arr{background:url(../image/bg/bg-lnb-on.png) no-repeat 222px center;text-decoration:none;}
.normal-wrap .lnb ul li a.on{color:#0e457a;}

/*240411 신예리 수정 및 li 선택 border값 추가 - 컬러 변경(기존 컬러  #e87300; / 수정 컬러 #d9002c; )*/
/* 20211025 .normal-wrap .lnb ul > li.choose > a{color: #e87300; font-weight: bold;}*/
/** 20240411 **/.normal-wrap .lnb ul > li.choose > a{color: #d9002c; font-weight:500}
.normal-wrap .lnb > ul > li.choose {border:2px solid #d9002c}

/** 20211025 **/.normal-wrap .lnb ul > li.choose ul{
                    border-radius: 10px;
                    width: 95%;
                    margin: 0 auto 5px;
                }
.normal-wrap .lnb > ul > li > ul{padding:8px 0 10px 0;}
/*20230919 padding값 변경*/
.normal-wrap .lnb ul li ul{padding:3px 0 15px 0;background:#f5f5f5;width:100%;height:auto;overflow:hidden;}
.normal-wrap .lnb > ul > li > ul,
.normal-wrap .lnb > ul > li > ul > li > ul,
.normal-wrap .lnb > ul > li > ul > li > ul > li > ul{display:none;}
.normal-wrap .lnb > ul > li.on > ul,
.normal-wrap .lnb > ul > li.on > ul > li.on > ul,
.normal-wrap .lnb > ul > li.on > ul > li.on > ul > li.on > ul{display:block;}
.normal-wrap .lnb ul li ul li{position:relative;width:100%;height:auto;overflow:hidden;border:0}
/** 20211025 **//**.normal-wrap .lnb ul li ul li:after{content:'';display:block;width:3px;height:3px;background-color:#555;position:absolute;left:25px;top:14px;z-index:1} **/
/** 20211025 **/.normal-wrap .lnb ul li ul li a{height:auto;border-bottom:0;font-size:14px;padding:4px 25px;color:#333333;font-weight:400;}
.normal-wrap .lnb > ul > li > ul > li > ul > li:after{content:'';display:block;width:5px;height:1px;background-color:#666;position:absolute;left:35px;top:14px;z-index:1}
.normal-wrap .lnb > ul > li > ul > li > ul > li > a{height:auto;border-bottom:0;font-size:14px;padding:4px 35px 0px 43px;color:#666;font-weight:300;}
.normal-wrap .lnb > ul > li > ul > li > ul > li > ul > li:after{content:'';display:block;width:5px;height:1px;background-color:#666;position:absolute;left:45px;top:17px;z-index:1}
.normal-wrap .lnb > ul > li > ul > li > ul > li > ul > li > a{height:auto;border-bottom:0;font-size:14px;width:calc( 100% - 70px );padding:7px 35px 0px 53px;color:#666;font-weight:300;}
.normal-wrap .lnb ul li ul li a:hover{font-weight:500;color:#333;text-decoration:none;}
/** 20211025 **/.normal-wrap .article{padding-left:50px;height:auto;overflow:hidden; min-height: calc(100vh - 340px);box-sizing:border-box;}
.loc-list{width:100%;height:auto;overflow:hidden;margin-top:10px}
.loc-list li{position:relative;float:left;padding:0 5px 0 20px;font-size:13px;color:#333;}
.loc-list li:before{content:"";display:block;width:10px;height:10px;overflow:hidden;background:url(../image/bg/bg-arr02.png) no-repeat right top;background-size:10px 10px;position:absolute;left:0;top:4px;}
.loc-list li:first-child{padding-left:0;}
.loc-list li:first-child:before{display:none}

.article-header{width:100%;height:auto;overflow:hidden;border-bottom:1px solid #ddd;padding-bottom:28px;padding-top:25px;}
.article-header > h3{font-size:32px;color:#333;font-weight:700;margin:0;float:left;}
.article-header .side-wrap{float:right;}
.article-header .side-wrap a{margin-left:5px;float:left;}
.article-header .side-wrap a img{width:30px;height:30px;}

.article-msg{margin-top:49px;background:rgba(47, 155, 255, 0.09);width:calc( 100% - 65px );padding:15px 20px 15px 50px;height:auto;overflow:hidden;font-size:15px;color:#2998ff;position:relative;}
.article-msg i{font-weight:bold;color:#2998ff;font-size:20px;position:absolute;top:15px;left:20px;}
.cont-title{margin:40px 0;width:100%;height:auto;font-size:20px;color:#333;font-weight:500;}
.desc-list{margin:-20px 0 10px 0;width:100%;height:auto;overflow:hidden;}
.desc-list li{background:url(../image/bg/bg-arr03.png) no-repeat left 5px;background-size:10px 7px;width:calc( 100% - 15px );font-size:14px;color:#2998ff;line-height:1.3em;padding-left:15px;height:auto;overflow:hidden;margin:5px auto 0 auto}

.desc-list02{margin:50px 0 16px 0;width:100%;height:auto;overflow:hidden;}
.desc-list02 li{ /* background: url(../image/bg/bg-arr01.png) no-repeat left 5px; background-size: 10px 7px; */width: calc( 100% - 15px );line-height: 1.3em; height: auto;overflow: hidden;margin: 5px auto 0 auto; font-size: 15px;color: #0e5392;}

.dialog .pop-cont.type01{padding-top:0;}
.desc-list01{margin:20px 20px 30px 20px;width:calc( 100% - 40px );height:auto;overflow:hidden;}
.desc-list01 li{background:url(../image/bg/bg-arr01.png) no-repeat left 5px;background-size:10px 7px;width:calc( 100% - 15px );font-size:14px;color:#333;line-height:1.3em;padding-left:15px;height:auto;overflow:hidden;margin:5px auto 0 auto}
.desc-list01.type01{margin-top:10px;margin-left:10px;}

.article-msg01{background:#f5f5f5 url(../image/bg/bg-arr01.png) no-repeat 20px 30px;background-size:10px 7px;margin-top:49px;width:calc( 100% - 60px );padding:25px 20px 25px 40px;height:auto;overflow:hidden;font-size:15px;color:#333;position:relative;}
.article-msg02{background:#f5f5f5;padding:25px 30px;overflow:hidden;position:relative;margin-top:25px;border-radius:4px;}
.article-msg02 li{position:relative;padding:3px 10px;font-size:15px;color:#333;font-weight:400}
.article-msg02 li:after{position:absolute;content:'';display:block;left:2px;top:11px;z-index:1;width:2px;height:2px;background-color:#524848}

.basic-info-list{margin:20px auto;display:flex;justify-content:space-between;align-items:center;width:calc( 100% - 42px );padding:15px 20px;border:1px solid #ccc;border-radius:4px;}
.basic-info-list li{display:flex;justify-content:center;align-items:center;}
.basic-info-list li span{display:flex;font-size:13px;color:#666;}
.basic-info-list li strong{display:flex;font-size:15px;color:#333;margin-left:5px;font-weight:500;}

.tabs-list {margin:50px auto 20px auto;display:flex;justify-content:flex-start;align-items:center;width:calc( 100% - 2px );height:auto;}
.tabs-list li {display:flex;justify-content:center;align-items:center;flex:1;width:25%;height:60px;}
.tabs-list li:first-child {border-left:0px;}
.tabs-list li a{text-align:center;display:flex;font-size:17px;color:#333333;font-weight:300;justify-content:center;align-items:center;width:100%;height:60px; background:#f8f8f8;border-bottom:2px solid #d9002c;border-top:1px solid #ddd;border-right:1px solid #ddd;box-sizing:border-box;}
.tabs-list li a.on{background:#fff;color:#d9002c;border:2px solid #d9002c;border-bottom:2px solid #fff;font-weight:600}
.tabs-list li a:hover, .tabs-list li a:focus{opacity:1;text-decoration:none !important}
.tabs-list li a:focus{outline-offset:2px !important}
.tabs-list li a.on:focus{outline:2px dashed #000 !important; outline-offset:2px !important}

.tabs-list-cols{margin:50px auto 20px auto;width:calc( 100% - 2px );height:auto;overflow:hidden;}
.tabs-list-cols li {float:left;width:25%;height:60px;overflow:hidden;box-sizing:border-box;}
.tabs-list-cols li:first-child {border-left:0px;}
.tabs-list-cols li a{text-align:center;display:flex;font-size:17px;color:#333333;font-weight:300;justify-content:center;align-items:center;width:100%;height:60px;overflow:hidden;background:#f8f8f8;border-bottom:2px solid #d9002c;border-top:1px solid #ddd;border-right:1px solid #ddd;box-sizing:border-box;}
.tabs-list-cols li a.on{background:#fff;color:#d9002c;border:2px solid #d9002c;border-bottom:2px solid #fff;font-weight:600}
.tabs-list-cols li a:hover, .tabs-list li a:focus{opacity:1;text-decoration:none !important}
.tabs-list-cols li a:focus{outline-offset:2px !important}
.tabs-list-cols li a.on:focus{outline:2px dashed #000 !important; outline-offset:2px !important}


.faq-tabs-list{overflow:hidden;margin-left:-10px;margin-right:-10px;padding:8px 20px;background-color:#f8f8f8}
.faq-tabs-list li{float:left;margin:0px 15px;position:relative;}
.faq-tabs-list li::after{content:'';display:block;width:1px;height:14px;background-color:#d4d4d4;position:absolute;right:-14px;top:15px;z-index:1;}
.faq-tabs-list li:last-child::after{display:none}
.faq-tabs-list li a{display:block;padding:10px 0px;color:#666;text-decoration:none;font-size:15px;box-sizing: border-box;height:40px;}
.faq-tabs-list li a.on{display:block;color:#0e457a;font-weight:700;}

caption{width:0;height:0;overflow:hidden;}
.tbl-caption{width:100%;height:auto;padding-bottom:10px;overflow:hidden;font-size:16px;color:#0e457a;font-weight:500;}
.tbl-caption.t01{margin-top:55px;}
.tbl-cnt{width:100%;height:auto;padding-bottom:8px;overflow:hidden;font-size:14px;color:#333;}
.tbl-cnt select {font-size: 14px; color: #666; width: 120px; height: 32px; border-radius: 3px; border: 1px solid #dbdbdb; background-position:95% 7px; padding: 0 0 0 5px;}
.tbl-cnt .right-area{float:right;}
.tbl-cnt .right-area input{display:inline-block;vertical-align:middle;margin-right:4px}
.tbl-cnt .right-area label{cursor:pointer;}

.article-site-wrap{padding:20px;width:calc( 100% - 40px );height:auto;overflow:hidden;border-radius:4px;background:#eff5fc;}
.article-site-wrap .tit{text-align:center;width:100%;height:auto;font-size:20px;color:#0e457a;font-weight:500;}
.article-site-wrap ul{width:calc( 100% + 6px );height:auto;overflow:hidden;margin-left:-3px;margin-top:15px;}
.article-site-wrap ul li{float:left;margin:3px;width:calc( 25% - 8px );height:25px;padding:10px 0;overflow:hidden;border-radius:4px;border:1px solid #d2d2d2;background:#fff;}
.pop-cont .article-site-wrap ul li{width:calc( 50% - 8px )}
.article-site-wrap ul li span{font-size:16px;color:#333;font-weight:500;float:left;margin-left:20px;width:calc( 100% - 65px );height:25px;text-overflow:ellipsis; white-space:nowrap;word-wrap:normal;overflow:hidden;}
.article-site-wrap ul li a{float:right;margin-right:10px;}
.pop-cont .article-site-wrap ul li a{float:none;margin-right:0px;}
.article-site-wrap ul li a img{width:25px;height:25px;}

.pop-tbl-wrap{margin:30px auto 10px auto;width:calc( 100% - 40px );height:auto;overflow:hidden;}
.pop-tbl-wrap .tit01{font-size:18px;color:#0e457a;font-weight:500;width:100%;height:auto;overflow:hidden;}
.pop-tbl-wrap .desc{font-size:14px;color:#999;margin-top:5px;width:100%;height:auto;overflow:hidden;}
.dialog .pop-cont .tbl-register.full{width:calc( 100% - 40px );}
.dialog .pop-wrap .tbl-register td .form .btn-type01{width:120px;margin-top:0;}

.manager-list{margin:0 auto;border-top:2px solid #0e457a;width:calc( 100% - 40px );height:auto;overflow:hidden;}
.manager-list li{display:flex;justify-content:flex-start;align-items:center;width:100%;height:60px;border-bottom:1px solid #eee;overflow:hidden;}
.manager-list li .checkbox{margin-left:10px;}
.manager-list li span{font-size:14px;color:#333;display:flex;margin-left:10px;}
.manager-list li .m-name{width:80px;font-size:16px;font-weight:500;}
.manager-list li .m-id{width:120px;}
.manager-list li .m-phone{width:120px;}
.manager-list li .m-normal{width:120px;}
.manager-list li .m-normal01{width:80px;}
.manager-list li .m-mail{width:200px;flex:1;}
.manager-list li .inp{margin-left:10px;border:0;width:60px;height:46px;border-radius:5px;background:#eee;}
.manager-list li .inp.mr10{margin-right:10px;}
.manager-list li.nodata{justify-content:center;text-align:center;line-height:60px;color:#999;font-size:14px;}

.pop-form-wrap{width:calc( 100% - 40px );margin:20px auto 0 auto;height:auto;overflow:hidden;}
.pop-form-wrap .select{border-radius:5px;border:0;background:#eee;width:100%;height:46px;font-size:16px;color:#808080;float:left;}
.pop-form-wrap .inp{border-radius:5px;height:46px;background:#eee;border:0;width:calc( 100% - 40px );padding:0 20px;font-size:16px;color:#808080;float:left;margin-top:4px;}

.auth-wrap {margin-bottom:20px;}
.auth-txt {position: absolute;top: 170px;text-align: center;width: 100%;}
.text-wrap {width: 880px; height: auto; overflow: hidden; margin: 0 auto 140px auto;}
.text-wrap > ul > li {background: url(../image/bg/bg-arr01.png) no-repeat left 5px;background-size: 10px 7px;padding-left: 15px;}
.text-wrap ul li ul li {padding-left:20px; font-size: 13px; color:#666;}
.agree-wrap .chk-wrap {justify-content: flex-end;}
.agree-wrap .chk-all {justify-content: center;}
.agree-wrap .chk-wrap label {color:#333;}

.header .tnb li.etc .header-site-wrap .site-cont dd ul li a {background-color:#f5f5f5;}
.header .tnb li.etc .header-site-wrap .site-cont dd ul li a:hover {background-color:#fff;}
.header .tnb li.etc .header-site-wrap .site-cont dd ul li a img {opacity: 0.7;}
.header .tnb li.etc .header-site-wrap .site-cont dd ul li a:hover img {opacity: 1;}
.header .tnb li.etc a {border:0;}
.header-site-wrap .site-header .site-rela .site-btn .site-close{border:0;margin-left:12px;background: #0e457a url(../image/ico/ico-close01.png) no-repeat 20px center;background-size:17px 17px;font-size:16px;color:#fff;font-weight:500;width: 132px;padding-left:20px;height:41px;overflow:hidden;display:flex;justify-content:center;align-items:center;}
.tbl-register td .form ul li{width:auto;float:left;padding:6px 0px}
.tbl-register td .form ul li label{display:inline-block;/**vertical-align:middle;**/ line-height:15px;}
.tbl-register td .form ul li input{display:inline-block;vertical-align:middle;}
.depth2_wrap{ display:none; }
.depth3_wrap{ display:none; }
.depth4_wrap{ display:none; }
@media (max-width:1024px) {
    .header-link-wrap{ display:none; }

    .header .gnb-box .gbbox_top{ display:block; position:absolute; top:50px; left:20px; width:270px; z-index:1000; }
    .header .gnb-box .gbbox_top ul.gbbtop_menu { overflow:hidden; margin-bottom:15px; }
    .header .gnb-box .gbbox_top ul.gbbtop_menu li{position:relative;float:left;margin-right:18px;}
    .header .gnb-box .gbbox_top ul.gbbtop_menu li::after{content:'';position:absolute;right:-7px;top:50%;z-index:1;width:2px;height:2px;background:#fff;}
    .header .gnb-box .gbbox_top ul.gbbtop_menu li:last-child{margin-right:0px}
    .header .gnb-box .gbbox_top ul.gbbtop_menu li:last-child::after{display:none}
    .header .gnb-box .gbbox_top ul.gbbtop_menu li a{font-size:14px;color:#333;text-decoration:none;}
    .header .gnb-box .gbbox_top ul.gbbtop_menu li a:hover{text-decoration:none;}
    .header .gnb-box .gbbox_top ul.gbbtop_menu li a{color:#333}
    .header .gnb-box .gbbox_top ul.gbbtop_menu li a{color:#333}
    .header .gnb-box .gbbox_top ul.gbbtop_menu li a span{display:inline-block;width:18px;height:18px;background-repeat:no-repeat;margin-right:10px;vertical-align:middle;background-position:center center}
    .header .gnb-box .gbbox_top ul.gbbtop_menu li:nth-child(1) a span{ background-image:url('../image/ico/ico-logo-m-w.png') }
    .header .gnb-box .gbbox_top ul.gbbtop_menu li:nth-child(2) a span{ background-image:url('../image/ico/ico-note-m-w.png') }
    .header .gnb-box .gbbox_top ul.gbbtop_menu li:nth-child(3) a span{ background-image:url('../image/ico/ico-site-m-w.png') }

    .header{ height:auto; padding-top:0; border-bottom: 1px solid #d8d8d8; background:#fff; }
    /*.header h1{ position:inherit; top:inherit; left:inherit; float:left; }*/
    .header.active .header-inner{ display:none; }
    .header .gnb-box{ display:none; overflow-y:auto; max-width:100%; position:fixed; left:0; top:0; z-index:120; width:100%; height:100%; margin-top:0; background:rgba(0,0,0,.7); }
    .header.active .gnb-box{display:block; padding:0; }
    /*-- 20211216
    /* .header .gnb{ display:block; width:308px; min-height:100vh; padding:145px 0 20px 0; box-sizing:border-box; background:#fff;}
    .header .gnb>li{overflow:hidden;display:block;}
    .header .gnb>li:after{display:none !important}

    .header .gnb>li:nth-child(1)>ul{ left:inherit; width:inherit; }
    .header .gnb>li:nth-child(2)>ul{ left:inherit; width:inherit; }
    .header .gnb>li:nth-child(3)>ul{ left:inherit; width:inherit; }
    .header .gnb>li:nth-child(4)>ul{ left:inherit; width:inherit; }
    .header .gnb>li:nth-child(5)>ul{ left:inherit; width:inherit; }
    .header .gnb>li:nth-child(6)>ul{ left:inherit; width:inherit; }
    .header .gnb>li:nth-child(7)>ul{ left:inherit; width:inherit; }

    .header .gnb>li>ul{ padding-top:0; }
    .header .gnb li ul li a:hover{ display:block; font-weight:400; }
    .header .gnb>li>ul>li.dep_tit{ display:none; }

    .header .gnb li ul li a i{transform:rotate(90deg);margin-top:0;}
    .header .gnb > li > a{ display:none; }

    .header .gnb > li button{ font-family:'Noto Sans KR', sans-serif; }
    .header .gnb > li button.menu_depth1{ display:block; padding:20px 10px; border:none; background:url(../image/main/bg-lnb-off.png) center right 10px no-repeat; font-size:17px; font-weight:800; }
    .header .gnb > li button.menu_depth2{ display:block; border:none; padding:10px 10px 10px 20px; background:url(../image/main/bg-lnb-off.png) center right 10px no-repeat; font-size:15px; font-weight:800; }
    .header .gnb > li button.menu_depth3{ display:block; border:none; padding:10px 10px 10px 30px; background:#f5f5f5 url(../image/main/bg-lnb-off.png) center right 10px no-repeat; }
    .header .gnb > li._selected button.menu_depth1{ border-bottom:1px solid #ddd; background:url('../image/main/bg-lnb-on.png') center right 10px no-repeat; color:#0173ff; }
    .header .gnb > li ._selected button.menu_depth2{ background:url('../image/main/bg-lnb-on.png') center right 10px no-repeat; color:#0173ff; }
    .header .gnb > li ul > li > ul > li._selected button.menu_depth3{ background: url('../image/main/bg-lnb-on.png') center right 10px no-repeat; color:#0173ff; }

    .header .gnb > li > ul > li .menu_depth2{ display:block; }

    body.active .header .gnb li ul li ul li{ display:block; }
    body.active .header .gnb li ul li a:hover{ border-bottom:0; }

    body .header .gnb li ul li a.md2{ display:none; }
    body .header .gnb li ul li ul li a.md2{ display:none; }  20211216 --*/
    .header .tnb{width:auto;margin-left:0;margin-top:25px;}

    .header-link-wrap {width:calc( 100% - 40px );}
    .header .side-cont{justify-content:flex-end;}
    .header .tnb{margin-top:10px;}
    a.total-menu{ display:block; width:41px; height:41px; float:right; margin-top:7px; border:1px solid #d3d3d3;  background:#0e457a url(../image/ico/ico_total01.png) no-repeat center center; font-size:30px;}
    a.total-menu img{width:41px;height:41px;}
    .confirmation-list{width:calc( 100% - 30px );}
    .confirmation-list li{width:calc( 100% / 3 - 10px );margin:5px;}
    .latest-wrap{width:calc( 100% - 40px );}
    .service-wrap{width:calc( 100% - 40px );}
    .service-req-list{display:block;}
    .service-req-list li{width:calc( 25% - 10px );}
    .service-banner-list li{width:calc( 50% - 30px );margin:0 15px 30px 15px;}
    .service-banner-list li:nth-child(1){background:#2566a8 url(../image/bg/bg-service-banner-list01.jpg) no-repeat right bottom;background-size:contain;}
    .service-banner-list li:nth-child(2){background:#64c1ed url(../image/bg/bg-service-banner-list02.jpg) no-repeat right bottom;background-size:contain;}
    .service-banner-list li:nth-child(3){background:#2566a8 url(../image/bg/bg-service-banner-list03.jpg) no-repeat right bottom;background-size:contain;}
    .service-banner-list li:nth-child(4){background:#5fc0ed url(../image/bg/bg-service-banner-list04.jpg) no-repeat right bottom;background-size:contain;}
    .footer{ width:100%; }
    .footer .rela{width:calc( 100% - 40px );}
    .header .gnb-box{margin-left:0;}
    .header .gnb-box .gnb-close{display:block; position:absolute; top:20px; left:260px; width:22px; height:22px; background:url(../image/main/btn-gnb-close.png) no-repeat 0 0; background-size:100% 100%; font-size:0; z-index:1500; }
    .header-site-wrap .site-header .site-rela{width:calc( 100% - 40px );}
    .normal-wrap .lnb{display:none;}
    .normal-wrap{width:calc( 100% - 40px );border-left:0;}
    .normal-wrap .article{padding-left:0;width:100%;border-left:0;padding-bottom:50px;}
    .tbl-wrap01{width:100%;height:auto;overflow:hidden;overflow-x:auto;}
    .tbl-wrap01 .tbl-register{min-width:800px;}
    .header-site-wrap .site-cont dl.type01 dd{width:calc( 100% - 40px )}
    .button-top{display:none}
    .header .tnb li.etc a.header-site{display:none}

    .header.active .gnb > li > ul{ display:none; }
    .header.active .gnb::before{ content:none; }
    .header .gnb > li{ width:100%; height:auto; margin-right:0; border-bottom:1px solid #dddddd; }
    .header .gnb > li:first-child{ border-top:1px solid #999999;}
    .header .gnb > li > ul{ position:inherit; left:inherit; top:inherit; }
    .header.active .gnb ._selected > .depth2_wrap{ display:block; height: 100% !important; }
    .header.active .gnb ._selected > .depth3_wrap{ display:block; }
    .header.active .gnb ._selected > .depth4_wrap{ display:block; }



    .header .rela{width:calc( 100% - 40px ); height:56px; padding:17px 0; }
    .footer .bnb-list li{margin-bottom:5px;}
    .footer .bnb-list li:nth-child(5){clear:both;padding-left:0;}
    .footer .bnb-list li:nth-child(5):before{display:none}
    .login-tabs,
    .login-wrap{width:calc( 100% - 40px );}
    .login-wrap.type02,
    .login-wrap.type03,
    .login-wrap.type01{background:none;}
    .login-wrap.type02 .login-form,
    .login-wrap.type03 .login-form,
    .login-wrap.type01 .login-form{width:100%;}
    .login-form .login-item-list li label{margin-left:0;width:120px;flex:inherit;}
    .login-wrap.type02 .login-form .login-item-list li .inp,
    .login-wrap.type03 .login-form .login-item-list li .inp,
    .login-wrap.type01 .login-form .login-item-list li .inp{flex:1;margin-right:0;}
    .login-form .login-item-list li .form{width:calc( 100% - 120px );}
    .login-form .login-item-list li .form .inp{flex:inherit !important;width:calc( 100% - 20px );}
    .radio-wrap{width:100%;}

    .auth-wrap{width:calc( 100% - 40px );}
    .join-step-list{width:calc( 100% - 40px );display:flex;justify-content:space-between;align-items:center;}
    .agree-wrap{width:calc( 100% - 40px );}
    .join-step-list li{background-position:95% center !important;background-size:40px 40px !important}
    .join-step-list li .tit{font-size:20px;}
    .step-wrap{width:calc( 100% - 40px );}
    .tbl-register td{padding-right:0;}
    .join-title strong{display:inline;font-size:22px;}
    .join-title span{display:inline;font-size:22px;}
    .login-wrap{width:calc( 100% - 42px );background:none;}
    .login-form{width:calc( 100% - 40px );margin:50px auto 100px auto;}
    .login-link-list{width:100%;}
    .login-func a{width:100px;}
    .find-result-wrap{width:calc( 100% - 40px );}
    .tbl-register td .form ul li{width:50%;float:left}
    .tbl-register td .form ul li label{display:inline-block;vertical-align:middle;}
    .tbl-register td .form ul li input{display:inline-block;vertical-align:middle;}
}

@media (max-width:768px) {
    .footer .bnb-list li{margin-bottom:5px;}
    .footer .bnb-list li:nth-child(5){clear:both;padding-left:0;}
    .footer .bnb-list li:nth-child(5):before{display:none}
    .wrapper.sub .header{padding-top:35px}
    .header-link-wrap {height:auto;}
    .header-link-wrap .h-left{display: none !important;width:100%;display:flex;justify-content:space-between;align-items:center;}
    .header-link-wrap .h-right{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd}
    .header-link-wrap .h-left li{float:None;display:flex;width:100%;flex:1;}
    .header-link-wrap .h-left li a{width:100%;}
    .header-link-wrap .h-right li{text-align:center;padding:0;background-color:#fff;float:None;display:flex;justify-content:center;align-items:center;width:33.333333%;}
    .header-link-wrap .h-right li:first-child{width:33.333333%;}
    .header-link-wrap .h-right li a{color:#333}
    .header-link-wrap .h-right li::after{background:#ccc}
    .header-link-wrap {width:100%;}
    .header-link-wrap .h-left li:nth-child(2) a{text-indent:26px;}
    .header .tnb li.etc a.header-site{width:41px;font-size:0;text-indent:-2000px;background-position:center center}
    .header .rela{ height:43px; }
    a.total-menu{ margin:0; }
    /* .header h1{height:40px;width:150px;margin-left:10px;} */
    /* .header h1 a{height:40px;background-size:149px 40px;font-size:20px;width:150px;} */

    /* .header.active h1 a{height:40px;background-size:149px 40px;font-size:20px;width:150px;background-image:url(../image/main/img-logo-black@2x.png);background-repeat:no-repeat;} */
    /* .wrapper.sub .header h1 a{height:40px;background-size:149px 40px;font-size:20px;width:150px;background-image:url(../image/main/img-logo-black@2x.png);background-repeat:no-repeat;} */

    .header .tnb{margin-top:0;margin-right:10px;}
    .header h2 img{width:80%;}
    .confirmation-list li{width:calc( 100% / 2 - 10px )}
    .latest-wrap{height:auto;padding-bottom:20px;}
    .latest-wrap .latst-slide{width:100%;margin-left:0;}
    .latest-wrap .lastest-slide-func{margin-top:5px}
    .latest-wrap h3{}
    .latest-wrap .latst-slide .item ul li{line-height:30px;height:30px;width:calc( 100% - 10px );}
    .latest-wrap .latst-slide .item ul li:before{top:14px;}
    .service-wrap h3{line-height:1.2em;}
    .service-req-list li{width:calc( 50% - 10px );}
    .site-wrap .mui-select{width:calc( 50% - 28px );margin-bottom:8px;}
    .footer .bnb-list li{padding:0 8px;}
    .footer .bnb-list li a{font-size:13px;}
    .footer .bnb-list li:nth-child(4){clear:both;padding-left:0;}
    .footer .bnb-list li:nth-child(4):before{display:none;}
    .footer .bnb-list li:nth-child(5){clear:inherit;padding-left:8px;}
    .footer .bnb-list li:nth-child(5):before{display:block;}
    .footer .bnb-list li:nth-child(7){clear:both;padding-left:0;}
    .footer .bnb-list li:nth-child(7):before{display:none;}
    .footer .e-wrap .sns-list{margin-top:10px;}

    .sub-title{padding:30px 0 60px 0;font-size:26px;}
    .login-tabs li a{height:50px;font-size:18px;}
    .btn-wrap.type01{margin:30px auto 50px auto;}
    .login-wrap.type02{margin-bottom:20px;}
    .login-wrap.type02 .login-form,
    .login-wrap.type01 .login-form{margin-top:10px;}
    .login-form .login-item-list li .inp{width:calc( 100% - 120px );}
    .radio-wrap{margin-top:10px;}
    .radio-wrap input{margin-left:0;}
    .auth-wrap{margin:20px auto 50px auto;}
    .auth-wrap ul li .tit{font-size:20px;}
    .join-step-list li{background-image:none !important;}
    .join-step-list li .step{width:100%;margin:15px 0 0 0;text-align:center;}
    .join-step-list li .tit{line-height:1.3em;margin:5px auto 0 auto;text-align:center;font-size:14px;}
    .agree-wrap .chk-wrap label{display:inline;}
    .agree-wrap .chk-wrap{align-items:flex-start;}
    .agree-wrap .chk-wrap input{margin-top:3px;}
    .dialog .pop-cont .tbl-register{width:100%;}
    .dialog .pop-cont .btn-wrap{width:100%;}

    .tbl-register th{width:120px;padding:7px 0;}
    .tbl-register td .form{}
    .step-wrap dl dd{overflow-x:auto;}
    .step-wrap .tbl-register td .form .inp{flex:1;width:100%;}
    .step-wrap dl dd .tbl-register.type01 td .form .inp{flex:1;width:100%;}
    .step-wrap dl dd .tbl-register.type02{min-width:650px;}
    .tbl-wrap{width:100%;height:auto;overflow:hidden;overflow-x:auto;}
    .tbl-wrap .tbl-list{min-width:760px;}
    .join-complete{width:100%;padding-left:0;}
    .balloon{width:calc( 100% - 54px );}
    .join-title{display:block;text-align:center;}
    .join-title img{width:40px;height:40px;display:block;margin:0 auto;}
    .join-title strong,
    .join-title span{font-size:18px;}
    .btn-wrap .btn{width:140px;}
    .join-cate-list{width:calc( 100% - 40px );margin:0 auto 50px auto;display:block;}
    .join-cate-list.mobile{margin:0 auto 0px auto;}
    .join-cate-list li{height:320px;display:block;float:left;width:calc( 100% - 2px );margin:0 0 20px 0;}
    .join-cate-list li .tit{font-size:26px;margin:25px 0 0 0;width:100%;text-align:center;display:block;}
    .join-cate-list li .desc{width:calc( 100% - 35px );}
    .join-cate-list li:nth-child(1){background-position:right -10px;background-size:contain;display:none}
    .join-cate-list li:nth-child(2){background-position:right -10px;background-size:contain;display:none}
    .join-cate-list li a{left:50%;margin-left:-134px;}
    .login-tabs li{height:50px;}
    .login-func .chk-wrap input{margin-left:0;}
    .login-wrap{margin-bottom:50px;}
    .login-form{margin-bottom:50px}
    .find-result-wrap dd{padding:30px 0;}
    .find-result-wrap{margin:30px auto;}
    .header-site-wrap{position:absolute;top:70px;}
    .header-site-wrap .site-header .site-rela .site-btn .site-mg{padding-left:0;background-position:center center;width:41px;font-size:0;text-indent:-2000px;}
    .header-site-wrap .site-header .site-rela .site-btn .site-close{padding-left:0;background-position:center center;width:41px;font-size:0;text-indent:-2000px;margin-left:5px;}
    .header-site-wrap .site-header .site-rela .site-title-wrap .desc strong{display:block;}
    .header-site-wrap .site-header .site-rela{width:calc( 100% - 20px );height:auto;padding:10px 0;}
    .header-site-wrap .site-cont dd ul li{float:left;width:calc( 50% - 6px );height:auto;overflow:hidden;}
    .header .tnb li.etc .header-site-wrap .site-cont dd ul li a{width:100%;height:auto;}
    .header-site-wrap .site-cont{width:calc( 100% - 20px );margin:0 auto;height:245px}
    .header .tnb li.etc .header-site-wrap .site-cont dd ul li a img{width:100%;height:auto;}

    .article .tbl-register td .form .inp{flex:1;width:100%;}
    .tbl-wrap .manager-list{min-width:700px;}
    .board-header-wrap .btn{padding:5px 10px;}
    .dialog{background:#fff;align-items:flex-start;}
    .dialog .pop-wrap{width:100% !important}
    .pwd-alert-wrap .tbl-register{width:calc( 100% - 40px );}
    .auth-wrap.type01 ul{height:auto;}
    .auth-wrap.type01 li{height:310px}
    .auth-wrap.type01 li.t01{height:255px}
    .article-site-wrap ul li{width:calc( 50% - 8px )}
    .article-site-wrap ul li span{margin-left:10px;font-size:14px;width:calc( 100% - 55px )}
    .header-site-wrap .site-cont dl.type01 dd{width:100%;}
    .tbl-wrap .tbl-list01{min-width:950px;}
    .board-search-wrap .inp{width:100%;flex:1;}
    .board-search-wrap{margin:20px 0 10px 0;width:calc( 100% - 40px );padding:0 20px;}
    .board-search-wrap button{width:50px;}
    .board-search-wrap .select{width:90px;}

    /* qna search */
    .form-search .board-search-wrap{height:auto;justify-content:start;flex-direction:column;padding:10px;width:100%;box-sizing:border-box;}
    .form-search .board-search-wrap .inp{margin-left:0px;box-sizing:border-box;border-radius:5px;flex:auto;margin-bottom:5px}
    .form-search .board-search-wrap .inner{display:flex;width:100%;}
    .form-search .board-search-wrap .inner:last-child{margin-top:10px}
    .form-search .board-search-wrap .select{width:100% !important;margin-bottom:5px;margin-left:0px}
    .form-search .board-search-wrap button{width:100%;border-radius:5px}

    .desc-list02{margin-top:20px;}
    .board-view-page-list li .th{width:80px;}
    .board-view-page-list li a{width:calc( 100% - 80px )}
    .board-view-wrap01 .info ul li{padding:0 10px;height:25px;line-height:25px;}
    .board-view-wrap01 .info ul li:before{top:4px;}
    .board-view-wrap01 .info{height:auto;padding:10px 20px;}
    .board-view-wrap01 .info .name{float:left;height:25px;line-height:25px;}
    .board-view-wrap01 .file-wrap{width:calc( 100% - 40px );height:auto;padding:0 20px 10px 20px;}
    .board-view-wrap01 .file-wrap .label{text-align:left;}
    .board-view-wrap01 .file-wrap ul li{text-align:center;width:calc( 100% - 22px );padding:5px 10px;height:auto;line-height:1.5em;}
    .board-view-wrap01 .file-wrap ul li a{}
    .board-view-wrap01 .cont{height:200px;}
    .btn-wrap{margin:20px auto 30px auto}
    .board-register-list li{flex-direction:column;align-items:flex-start;}
    .board-register-list li label{margin-bottom:5px;padding-left:0;width:95px;}
    .board-register-list li .inp{padding:0 10px;width:calc( 100% - 22px );flex:inherit}
    .board-register-list li .textarea{height:200px;padding:10px;width:calc( 100% - 22px );flex:inherit}
    .board-btn-wrap.type01 .btn{padding:5px 10px;}
    .tabs-list{margin:30px auto 20px auto}
    .tabs-list li a{width:100%;padding:0 10px;height:50px;font-size:15px}
    .basic-info-list{flex-direction:column;justify-content:flex-start;align-items:flex-start;}
    .basic-info-list li{width:100%;justify-content:space-between}
    .basic-info-list li span{}
    .text-wrap {width:auto;margin:0 auto 50px auto;padding:0px 20px}
}

@media (max-width:480px){
    .header h2 img{width:90%;}
    .header{padding-top:40px}
}

/*** 추가된 css 2019.12.11 윤컴즈 이재상 ***/
.address_pop.pop-cont {padding:30px 0;}
.address_pop_desc {width: 100%;max-width: 660px;margin: 0 auto; color:#333; height:30px; line-height: 30px; font-size: 15px;}
.address_pop_desc2 {width: 100%;max-width: 660px;margin: 0 auto; color:#999; height:60px; font-size: 14px; border-bottom:1px solid #ccc;padding:10px 0;}

.tbl-address-pop {width: 100%;border-top:2px solid #0e457a;max-width: 660px;margin: 0 auto;}
.tbl-address-pop th{width:130px;text-align:left;font-size:16px;color:#333;font-weight:500;border-bottom:1px solid #eee;height:46px;padding:7px 16px;}
.tbl-address-pop th.vt{vertical-align:top;padding-top:20px;}
.tbl-address-pop th mark{vertical-align:top;display:inline-block;width:6px;height:6px;background:#f12a2a;overflow:hidden;border-radius:50%;}
.tbl-address-pop td{text-align:left;height:46px;padding: 7px 0px 7px 0;}
.tbl-address-pop td .form{width:100%;height:auto;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;}
.tbl-address-pop td .form .label{width:100px;display:flex;justify-content:flex-start;align-items:center;height:46px;font-size:16px;color:#333;font-weight:500;}
.tbl-address-pop td .form .inp{border-radius:5px;width:260px;display:flex;height:46px;border:0;background:#eee;}
.tbl-address-pop td .form .inp.phone{width:100px;}
.tbl-address-pop td .form .inp.name{width:140px;}
.tbl-address-pop td .form .inp.email{width:140px;}
.tbl-address-pop td .form .inp.t01{width:200px;}
.tbl-address-pop td .form .inp.full{width:100%;flex:1;}
.tbl-address-pop td .form .btn-dup{display:flex;justify-content:center;align-items:center;color:#fff;font-size:14px;font-weight:500;width:100px;height:46px;border-radius:5px;background:#0e457a;margin-left:5px;}
.tbl-address-pop td .form .btn-type01{display:flex;justify-content:center;align-items:center;color:#fff;font-size:14px;font-weight:500;padding:0 20px;height:46px;border-radius:5px;background:#0e457a;margin-left:5px;margin-top:0;width: 90px;}
.tbl-address-pop td .form .btn-type01:hover{text-decoration:none;}
.tbl-address-pop td .form .select{display:flex;border:0;height:46px;background:#eee;border-radius:5px;font-size:16px;}
.tbl-address-pop td .form .select.email{width:160px;margin-left:5px;}
.tbl-address-pop td .form .etc{display:flex;justify-content:center;align-items:center;height:46px;padding:0 5px;}
.tbl-address-pop td .form label{display:flex;font-size:16px;color:#333;font-weight:500;margin:0 24px 0 10px;}
.tbl-address-pop td .form label.type01{font-weight:300;font-size:14px;}
.tbl-address-pop td strong{display:flex;font-size:16px;color:#333;font-weight:500;margin-right:20px;}
.tbl-address-pop td .msg{font-size:13px;color:#666;margin-top:10px;margin-bottom:10px;}
.radio{margin-left:0px;opacity:1;display:flex;background:url(../image/bg/bg-radio.png) no-repeat;background-size:16px 16px;border:0;width:16px;height:16px;overflow:hidden;appearance: none;-moz-appearance: none;-webkit-appearance: none;display:flex;}
.radio:checked{opacity:1;border:0;width:16px;height:16px;background:url(../image/bg/bg-radio-on.png) no-repeat;background-size:16px 16px;}

.address_result {border-top:2px solid #0e457a;width:100%;max-width: 660px;margin: 30px auto 0 auto;overflow: hidden;}
.address_result .address_list_item {border-bottom:1px solid #ddd;}
.address_result .address_list_item a {position: relative;display: block;width:100%;height:50px;padding:10px 0;font-size: 15px;color:#666;line-height: 30px;float: none; margin:0; font-weight: 500;}
.address_result .address_list_item a:hover {background-color:#f5f5f5; text-decoration: none;}
.address_result .address_list_item a span.type {display: inline-block;width:60px;height: 18px;line-height: 20px;font-size: 13px;color:#999;border:1px solid #ccc;border-radius: 2px;text-align: center; font-weight: normal}
.address_result .address_list_item a span.zipcode {position: absolute;right:0;width:150px;font-size: 18px;color:#333;text-align: center;top: 10px;border-left:1px solid #ddd;height: 50px;line-height: 50px;font-weight: 500;}
.address_pop .paging {margin:20px 0 0 0;}
.address_pop .paging a {margin:0 1px;}
.address_pop .paging a.prev {margin-right:13px;}
.address_pop .paging a.next {margin-left:13px;}

.article.full{width:100%;max-width:1280px;margin:0 auto;padding-top:40px}
.sitemap {overflow:hidden; margin:40px 0px 100px 0px;}
.sitemap h3 {font-weight: bold; color:#333; clear:both; margin-top:50px;}
.sitemap_sub {display: block; overflow: hidden;}
.sitemap_sub .sitemap_2depth {display: inline-block;width:calc(25% - 15px);margin-right:10px;border:1px solid #ccc;border-top:2px solid #0e457a;vertical-align: top;margin-bottom: 25px;height:280px}
.sitemap_sub .sitemap_2depth > a {display: block;height:40px;padding:9px 20px;color:#333;font-size:20px;font-weight: 500;line-height: 40px;border-bottom: 1px solid #ddd;background-color:#f8f8f8;color:#0e457a}
.sitemap_sub .sitemap_2depth ul {display: block;padding:10px 00;}
.sitemap_sub .sitemap_2depth ul li.sitemap_3depth {padding-left:30px;position:relative;}
.sitemap_sub .sitemap_2depth ul li.sitemap_3depth:before {content:'';position:absolute;left:20px;top: 12px;width:3px;height: 3px;background-color: #0e457a;}
.sitemap_sub .sitemap_2depth ul li.sitemap_3depth a {display: block; font-size:15px; font-weight: normal; color:#666;padding:4px 0px}

@media (max-width:1280px) {
    .article.full{padding:20px;width:auto}
    .sitemap{margin:40px 0px 40px 0px}
}

@media (max-width:768px) {
    .sitemap_sub .sitemap_2depth {width:calc(50% - 15px);}
    .sitemap_sub .sitemap_2depth > a {font-size:16px;}
    .sitemap_sub .sitemap_2depth ul li.sitemap_3depth {padding-left:20px;}
    .sitemap_sub .sitemap_2depth ul li.sitemap_3depth:before {left:10px}
    .sitemap_sub .sitemap_2depth ul li.sitemap_3depth a{font-size:13px}
    .sitemap_sub .sitemap_2depth:last-child > .sitemapUl_2depth > .sitemap_3depth:first-child{display:none}
}


/*** 추가된 css 2019.12.12 윤컴즈 이재상 ***/

.content {margin:50px 0;}
.content img {width:100%; max-width:980px;}
.content .img {text-align: center;}
.terms .nor-list03>li {text-indent: -16px; padding-left:0px;word-break:keep-all;}
.terms .nor-list04>li:before {display: none;}
.terms .nor-list04 li {padding-left:20px;}
.terms .nor-list01>li{margin-top:20px;padding-left:40px;font-size:20px;color:#0e457a;font-weight:bold;background-repeat:no-repeat;background-position:0px 5px;background-image:url(../../assets/image/ico/ico-note.png);}
.terms .nor-list01>li,.terms .nor-list02>li,.terms .nor-list03>li,
.terms .nor-list01,.terms .nor-list02,.terms .nor-list03{overflow:visible;}
.terms .nor-list02{margin-left:0px;width:100%}
.terms .nor-list02>li{font-size:17px;color:#333;padding:15px;background:url(../../assets/image/ico/ico-bar.png) no-repeat 0px 20px;font-weight:400;border-bottom:1px solid #ddd;box-sizing:border-box}
.terms > .nor-list01 > li:first-child > .nor-list02 > li:first-child > .nor-list03>li{text-indent:0px;padding-left:0;}
.terms .nor-list03{margin-left:0px}

.private .tbl-list01.type01 td{padding:5 20px;}
.tbl-list01 th {border-top: 0;}
.tbl-list01 thead {border-top: 2px solid #d9002c;}
.private .blue-box {border-radius: 6px; padding:30px; background-color: #EFF5FC; overflow: hidden; height:auto; margin-bottom:50px;}
.private .blue-box .nor-list04>li:before {display: none;}
.private .nor-list05 {padding-top:0; padding-bottom:10px;}
.private .nor-list01>li {margin-bottom:30px;}





/*** 추가된 css 2019.12.13 윤컴즈 이재상 ***/

.header-site-wrap { box-shadow: 0px 10px 10px rgba(0,0,0,0.2); }
.header-site-wrap.h-1,.header-site-wrap.h-1 .site-cont,
.header-site-wrap.h-2,.header-site-wrap.h-2 .site-cont,
.header-site-wrap.h-3,.header-site-wrap.h-3 .site-cont,
.header-site-wrap.h-4,.header-site-wrap.h-4 .site-cont,
.header-site-wrap.h-5,.header-site-wrap.h-5 .site-cont {height:auto}
.header-site-wrap.h-6,.header-site-wrap.h-6 .site-cont,
.header-site-wrap.h-7,.header-site-wrap.h-7 .site-cont,
.header-site-wrap.h-8,.header-site-wrap.h-8 .site-cont
.header-site-wrap.h-9,.header-site-wrap.h-9 .site-cont,
.header-site-wrap.h-10,.header-site-wrap.h-10 .site-cont {height:auto}
.header-site-wrap.h-11,.header-site-wrap.h-11 .site-cont,
.header-site-wrap.h-12,.header-site-wrap.h-12 .site-cont,
.header-site-wrap.h-13,.header-site-wrap.h-13 .site-cont,
.header-site-wrap.h-14,.header-site-wrap.h-14 .site-cont,
.header-site-wrap.h-15,.header-site-wrap.h-15 .site-cont {height:auto}
.header-site-wrap.h-16,.header-site-wrap.h-16 .site-cont,
.header-site-wrap.h-17,.header-site-wrap.h-17 .site-cont,
.header-site-wrap.h-18,.header-site-wrap.h-18 .site-cont,
.header-site-wrap.h-19,.header-site-wrap.h-19 .site-cont,
.header-site-wrap.h-20,.header-site-wrap.h-20 .site-cont {height:auto}
.header-site-wrap.h-21,.header-site-wrap.h-21 .site-cont,
.header-site-wrap.h-22,.header-site-wrap.h-22 .site-cont,
.header-site-wrap.h-23,.header-site-wrap.h-23 .site-cont,
.header-site-wrap.h-24,.header-site-wrap.h-24 .site-cont,
.header-site-wrap.h-25,.header-site-wrap.h-25 .site-cont {height:auto}
.main_cont.deemed:after {content:'';position:fixed; left:0; top:120px; right:0; bottom:0; background-color:rgba(10,10,10,0.5);}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li a:hover:before{content:"";display:block;width:auto;height:auto;overflow:hidden;border-radius:4px;border:0;position:absolute;left:auto;top:auto;}

.header .tnb li.etc .header-site-wrap .site-cont .site_list {}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul {display: block; width:100%;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li {display: inline-block; width:20%; height:70px;padding:2px 0; float:left; margin: 0;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li a {border-radius: 4px;border:1px solid #ccc;display: inline-block;width: calc(100% - 7px);height: 57px;vertical-align: baseline;padding-top: 11px; position: relative;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.CYBR a,
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.SMTC a,
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.sanhakin a,
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.bi a,
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.MRO a,
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.SMBA a,
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.SFDB a,
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.GLOB a,
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.SMES a {padding-top:9px; height:59px;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li a strong {padding-left: 76px;display: inline-block;vertical-align: bottom;line-height: 16px; color:#444; padding-right:15px;font-size:15px;color:#555555;font-weight:normal}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li a span{padding-left: 76px;display: inline-block;font-size: 12px;font-weight: normal;color: #999;vertical-align: top;word-break:keep-all;margin-top:5px;line-height:13px}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li a:after {content: ""; position: absolute; width: 50px;height: 50px;border-radius: 50%; background-color:#eee; z-index: 1;left:10px; top:10px; }
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.mss24 a {border: 1px solid #6B98C6; background-color: #E9F2FB;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.mss24 a:after {background-color: #fff;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.mss24 a strong {font-size: 16px;padding-top: 10px;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.mss24 a:before        {content: "";position: absolute;left: 15px;top: 19px;background: url(../image/popup/site_icon0.svg) 0 0 no-repeat;background-size: 40px;width:40px;height: 40px;z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.KSTR a:before     {content: ""; position: absolute; left:20px; top:15px; background: url(../image/popup/site_icon1.svg) 0 0 no-repeat; background-size: 34px; width:40px; height: 40px; z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.SMPP a:before          {content: "";position: absolute;left: 18px;top: 17px;background: url(../image/popup/site_icon2.svg) 0 0 no-repeat;background-size: 34px;width:40px;height: 40px;z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.EDUM a:before      {content: ""; position: absolute; left:20px; top:15px; background: url(../image/popup/site_icon3.svg) 0 0 no-repeat; background-size: 34px; width:40px; height: 40px; z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.VNTR a:before     {content: "";position: absolute;left: 19px;top: 16px;background: url(../image/popup/site_icon4.svg) 0 0 no-repeat;background-size: 40px;width: 40px;height: 40px;z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.CYBR a:before    {content: "";position: absolute;left: 15px;top: 20px;background: url(../image/popup/site_icon5.svg) 0 0 no-repeat;background-size: 46px;width: 48px;height: 40px;z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.ULTR a:before        {content: "";position: absolute;left: 16px;top:15px;background: url(../image/popup/site_icon6.svg) 0 0 no-repeat;background-size: 40px;width:40px;height: 40px;z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.SIMS a:before       {content: ""; position: absolute; left:20px; top:15px; background: url(../image/popup/site_icon7.svg) 0 0 no-repeat; background-size: 34px; width:40px; height: 40px; z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.MBIZ a:before       {content: "";position: absolute;left: 15px;top: 27px;background: url(../image/popup/site_icon8.png) 0 0 no-repeat;background-size: 40px;width:40px;height: 40px;z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.AURI a:before          {content: "";position: absolute;left: 15px;top: 19px;background: url(../image/popup/site_icon9.svg) 0 0 no-repeat;background-size: 40px;width:40px;height: 40px;z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.SGSE a:before       {content: "";position: absolute;left: 23px;top: 18px;background: url(../image/popup/site_icon10.svg) 0 0 no-repeat;background-size: 24px;width:40px;height: 40px;z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.SUP a:before          {content: "";position: absolute;left:20px;top: 18px;background: url(../image/popup/site_icon11.svg) 0 0 no-repeat;background-size: 31px;width:40px;height: 40px;z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.SFDB a:before {content: "";position: absolute;left: 16px;top:15px;background: url(../image/popup/site_icon12.svg) 0 0 no-repeat;background-size: 38px;width:40px;height: 40px;z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.SPTL a:before       {content: "";position: absolute;left: 22px;top: 18px;background: url(../image/popup/site_icon13.svg) 0 0 no-repeat;background-size: 26px;width:40px;height: 40px;z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.SCFS a:before      {content: "";position: absolute;left: 17px;top: 20px;background: url(../image/popup/site_icon14.svg) 0 0 no-repeat;background-size: 36px;width:40px;height: 40px;z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.IBIZ a:before       {content: "";position: absolute;left: 15px;top: 30px;background: url(../image/popup/site_icon15.png) 0 0 no-repeat;background-size: 40px;width:40px;height: 40px;z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.SMTC a:before        {content: ""; position: absolute; left:20px; top:15px; background: url(../image/popup/site_icon16.svg) 0 0 no-repeat; background-size: 34px; width:40px; height: 40px; z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.OMIS a:before  {content: "";position: absolute;left:20px;top:15px;background: url(../image/popup/site_icon17.svg) 0 0 no-repeat;background-size: 30px;width:40px;height: 40px;z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.SBCM a:before {content: "";position: absolute;left:20px;top:15px;background: url(../image/popup/site_icon18.svg) 0 0 no-repeat;background-size: 30px;width:40px;height: 40px;z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.sanhakin a:before      {content: "";position: absolute;left:20px;top:15px;background: url(../image/popup/site_icon18.svg) 0 0 no-repeat;background-size: 30px;width:40px;height: 40px;z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.GLOB a:before      {content: "";position: absolute;left: 15px;top: 19px;background: url(../image/popup/site_icon19.svg) 0 0 no-repeat;background-size: 40px;width:40px;height: 40px;z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.SMBA a:before        {content: "";position: absolute;left: 18px;top: 19px;background: url(../image/popup/site_icon20.svg) 0 0 no-repeat;background-size: 36px;width:40px;height: 40px;z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.NGSP a:before        {content: "";position: absolute;left: 18px;top:15px;background: url(../image/popup/site_icon21.svg) 0 0 no-repeat;background-size: 36px;width:40px;height: 40px;z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.MRO a:before         {content: "";position: absolute;left: 16px;top: 21px;background: url(../image/popup/site_icon22.svg) 0 0 no-repeat;background-size: 40px;width:40px;height: 40px;z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.BNET a:before            {content: "";position: absolute;left:20px;top:15px;background: url(../image/popup/site_icon23.svg) 0 0 no-repeat;background-size: 29px;width:40px;height: 40px;z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.CBIZ a:before         {content: "";position: absolute;left: 16px;top:15px;background: url(../image/popup/site_icon24.svg) 0 0 no-repeat;background-size: 38px;width:40px;height: 40px;z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.CSR a:before      {content: "";position: absolute;left:20px;top:18px;background: url(../image/popup/site_icon25.svg) 0 0 no-repeat;background-size: 30px;width:40px;height: 40px;z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.MNA a:before      {content: "";position: absolute;left:20px;top:20px;background: url(../image/popup/site_icon26.svg) 0 0 no-repeat;background-size: 30px;width:40px;height: 40px;z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.ETRP a:before      {content: "";position: absolute;left:20px;top:18px;background: url(../image/popup/site_icon27.svg) 0 0 no-repeat;background-size: 30px;width:40px;height: 40px;z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.SMES a:before         {content: "";position: absolute;left: 16px;top:15px;background: url(../image/popup/site_icon28.png) 0 0 no-repeat;background-size: 38px;width:40px;height: 40px;z-index: 2;}
/*3차 통합로그인 적용*/
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.CKSU a:before {left: 16px;top:15px;background-image: url(../image/popup/site_icon53.png) ;background-size: 35px;width:40px;height: 40px;z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.BIZL a:before {left: 16px;top:15px;background-image: url(../image/popup/site_icon61.png) ;background-size: 34px;width:40px;height: 40px;z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.BOMS a:before {left: 17px;top:21px;background-image: url(../image/popup/site_icon_boms.png) ;background-size: 34px;width:40px;height: 40px;z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.EXCT a:before {left: 19px;top:18px;background-image: url(../image/popup/site_icon56.png) ;background-size: 34px;width:40px;height: 40px;z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.BIZT a:before {left: 16px;top:15px;background-image: url(../image/popup/site_icon61.png) ;background-size: 34px;width:40px;height: 40px;z-index: 2;}
/*4차 통합로그인 적용*/
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.IRIS a:before {left: 19px;top:17px;background-image: url(../image/popup/site_iconiris.png) ;background-size: 34px;width:40px;height: 40px;z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.VCSK a:before {left: 18px;top:15px;background-image: url(../image/popup/site_iconvcsk.png) ;background-size: 34px;width:40px;height: 40px;z-index: 2;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.GSMB a:before {left: 18px;top:24px;background-image: url(../image/popup/site_icon45.png) ;background-size: 34px;width:40px;height: 40px;z-index: 2;}

/*5차 통합로그인 적용*/
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li.KBSV a:before {left: 18px;top:21px;background-image: url(../image/popup/site_icon0.svg) ;background-size: 34px;width:40px;height: 40px;z-index: 2;}

@media (max-width:1200px) {
    .header .tnb li.etc .header-site-wrap .site-cont .site_list ul li {width:25%;}
    .header-site-wrap,
    .header-site-wrap .site-cont {height: 540px;}
    .header-site-wrap.h-1,.header-site-wrap.h-1 .site-cont,
    .header-site-wrap.h-2,.header-site-wrap.h-2 .site-cont,
    .header-site-wrap.h-3,.header-site-wrap.h-3 .site-cont,
    .header-site-wrap.h-4,.header-site-wrap.h-4 .site-cont {height:225px}
    .header-site-wrap.h-5,.header-site-wrap.h-5 .site-cont,
    .header-site-wrap.h-6,.header-site-wrap.h-6 .site-cont,
    .header-site-wrap.h-7,.header-site-wrap.h-7 .site-cont,
    .header-site-wrap.h-8,.header-site-wrap.h-8 .site-cont {height:295px}
    .header-site-wrap.h-9,.header-site-wrap.h-9 .site-cont,
    .header-site-wrap.h-10,.header-site-wrap.h-10 .site-cont,
    .header-site-wrap.h-11,.header-site-wrap.h-11 .site-cont,
    .header-site-wrap.h-12,.header-site-wrap.h-12 .site-cont {height:385px}
    .header-site-wrap.h-13,.header-site-wrap.h-13 .site-cont,
    .header-site-wrap.h-14,.header-site-wrap.h-14 .site-cont,
    .header-site-wrap.h-15,.header-site-wrap.h-15 .site-cont,
    .header-site-wrap.h-16,.header-site-wrap.h-16 .site-cont {height:455px}
    .header-site-wrap.h-17,.header-site-wrap.h-17 .site-cont,
    .header-site-wrap.h-18,.header-site-wrap.h-18 .site-cont,
    .header-site-wrap.h-19,.header-site-wrap.h-19 .site-cont,
    .header-site-wrap.h-20,.header-site-wrap.h-20 .site-cont {height:525px}
    .header-site-wrap.h-21,.header-site-wrap.h-21 .site-cont,
    .header-site-wrap.h-22,.header-site-wrap.h-22 .site-cont,
    .header-site-wrap.h-23,.header-site-wrap.h-23 .site-cont,
    .header-site-wrap.h-24,.header-site-wrap.h-24 .site-cont {height:605px}

}
@media (max-width:1000px) {
    .header .tnb li.etc .header-site-wrap .site-cont .site_list ul li {width:33%;}
    .header-site-wrap,
    .header-site-wrap .site-cont {height: 700px;}
    .header-site-wrap.h-1,.header-site-wrap.h-1 .site-cont,
    .header-site-wrap.h-2,.header-site-wrap.h-2 .site-cont,
    .header-site-wrap.h-3,.header-site-wrap.h-3 .site-cont {height:225px}
    .header-site-wrap.h-4,.header-site-wrap.h-4 .site-cont
    .header-site-wrap.h-5,.header-site-wrap.h-5 .site-cont,
    .header-site-wrap.h-6,.header-site-wrap.h-6 .site-cont {height:295px}
    .header-site-wrap.h-7,.header-site-wrap.h-7 .site-cont,
    .header-site-wrap.h-8,.header-site-wrap.h-8 .site-cont
    .header-site-wrap.h-9,.header-site-wrap.h-9 .site-cont {height:385px}
    .header-site-wrap.h-10,.header-site-wrap.h-10 .site-cont,
    .header-site-wrap.h-11,.header-site-wrap.h-11 .site-cont,
    .header-site-wrap.h-12,.header-site-wrap.h-12 .site-cont {height:465px}
    .header-site-wrap.h-13,.header-site-wrap.h-13 .site-cont,
    .header-site-wrap.h-14,.header-site-wrap.h-14 .site-cont,
    .header-site-wrap.h-15,.header-site-wrap.h-15 .site-cont {height:545px}
    .header-site-wrap.h-16,.header-site-wrap.h-16 .site-cont,
    .header-site-wrap.h-17,.header-site-wrap.h-17 .site-cont,
    .header-site-wrap.h-18,.header-site-wrap.h-18 .site-cont {height:675px}
    .header-site-wrap.h-19,.header-site-wrap.h-19 .site-cont,
    .header-site-wrap.h-20,.header-site-wrap.h-20 .site-cont
    .header-site-wrap.h-21,.header-site-wrap.h-21 .site-cont {height:755px}
    .header-site-wrap.h-22,.header-site-wrap.h-22 .site-cont,
    .header-site-wrap.h-23,.header-site-wrap.h-23 .site-cont,
    .header-site-wrap.h-24,.header-site-wrap.h-24 .site-cont {height:835px}
}
@media (max-width:768px) {
    .header .tnb li.etc .header-site-wrap .site-cont .site_list ul li {width:50%;}
    .header-site-wrap,
    .header-site-wrap .site-cont {height: 110% !important;}
    .header .tnb li.etc .header-site-wrap .site-cont .text ul li {display: block; width: 100%;}
}

/*** 추가된 css 2019.12.15 윤컴즈 이재상 ***/

table.tbl-list01.tline {border-top:2px solid #0E457A; margin-top: 50px;}
table.tbl-list01-stock.tline {border-top:1px solid #0E457A; margin-top: 50px;}
table.tbl-list01.tline02 {border-top:1px solid #ddd; margin-top: 50px;}
.tbl-list01.type01 td.pr_title {font-size: 18px; font-weight: bold;}
.blueslist li {color:#0E457A; font-size: 14px;}
.nlist li {padding:2px 0 5px 10px; position: relative; color:#333;}
.nlist li:before {content: ''; position: absolute; left:0; top:11px; background-color: #aaa; width: 3px;height: 3px; overflow: hidden;}
.nlist li ul{padding-top:3px}
.nlist li ul li:before {content: '-'; position: absolute; left:0; top:3px; background-color: transparent; width:auto;height:auto; overflow: hidden;}

table.tbl-list01.tline tbody th {width:200px;}
table.tbl-list01.tline tbody td {width:calc(100% - 200px);}

.print_list {margin:50px 0;}
.print_list li {border:1px solid #ddd;height: 160px;overflow: hidden;margin-top:-1px;position: relative;}
.print_list li h5{font-size:24px;font-weight:500;padding:25px 0 0 170px;color:#333;display:inline-block}
.print_list li .desc {padding:10px 0 0 170px; width: calc(100% - 400px);}
.print_list li .btn-wrap {width: auto; margin: 0; position: absolute; right: 20px; top: calc(50% - 22px);}
.print_list li .btn-wrap a {width: 160px; font-size: 15px;}
.print_list li.mainbiz:before {content: '';position: absolute;left: 20px;top: calc(50% - 35px);width: 100px;height: 100px;background: url(../image/main/ico-service05.png) no-repeat right 0px;}
.print_list li.venture:before {content: '';position: absolute;left: 20px;top: calc(50% - 35px);width: 100px;height: 100px;background: url(../image/main/ico-service03.png) no-repeat right 0px;}
.print_list li.woman:before {content: '';position: absolute;left: 11px;top: calc(50% - 40px);width: 100px;height: 100px;background: url(../image/main/ico-service04.png) no-repeat right 0px;}
.print_list li.innobiz:before {content: '';position: absolute;left: 30px;top: calc(50% - 35px);width: 100px;height: 100px;background: url(../image/main/ico-service06.png) no-repeat right 0px;}
.print_list li.disabled:before {content: '';position: absolute;left: 20px;top: calc(50% - 40px);width: 100px;height: 100px;background: url(../image/main/ico-service07.png) no-repeat right 0px;}
.print_list li.direct:before {content: '';position: absolute;left: 20px;top: calc(50% - 35px);width: 100px;height: 100px;background: url(../image/main/ico-service01.png) no-repeat right 0px;}
.print_list li:before {background-size:auto!important;}
.print_list li.sme:before {
    content: '';
    position: absolute;
    left: 20px;
    top: calc(50% - 40px);
    width: 100px;
    height: 100px;
    background: url(../image/main/ico-service02.png) no-repeat right 0px;
}
.print_list li.greenbiz:before {
    content: '';
    position: absolute;
    left: 25px;
    top: calc(50% - 38px);
    width: 100px;
    height: 100px;
    background: url(../image/main/ico-service08.png) no-repeat right 0px;
}

@media (max-width:768px) {
    .tbl-wrap table.tbl-list01.tline {min-width: auto;}
    table.tbl-list01.tline tbody th {width:100px;}
    .pop-cont.address_pop table.tbl-list01.tline tbody th{width:auto !important}
    table.tbl-list01.tline tbody td {width:calc(100% - 100px);}
    .print_list li {height:auto;padding-bottom:20px}
    .print_list li h5 {font-size:18px;padding:15px 0 0 20px;}
    .print_list li .desc {padding:5px 0 0 20px; width:auto;}
    .print_list li.mainbiz:before {display:none !important}
    .print_list li.venture:before {display:none !important}
    .print_list li.woman:before {display:none !important}
    .print_list li.innobiz:before {display:none !important}
    .print_list li.disabled:before {display:none !important}
    .print_list li.direct:before {display:none !important}
    .print_list li.sme:before{display:none !important}
    .print_list li.greenbiz:before{display:none !important}
    .print_list li .btn-wrap  {top:auto;bottom: auto;position:relative;right:0;left:0px;justify-content:start;margin-top:10px}
    .print_list li .btn-wrap a {width:100%;font-size:14px;height:40px;}
}

.article-notice{margin-top:50px;/* background: rgba(100, 100, 100, 0.1); */padding: 15px 20px 15px 20px;height:auto;overflow:hidden;font-size:15px;color:#2998ff;position:relative;border-radius: 6px;border: 1px solid #ddd;}
.article-notice div.title {height: 37px;font-weight:500;font-size:16px;color:#333;border-bottom: 1px solid #eee;background: url(../../assets/image/ico/notice.png) 0 -4px no-repeat;background-size: 38px;padding-left: 41px;line-height: 34px;}
.article-notice ul {margin-top:10px;}
.article-notice ul li {padding:2px 0 5px 20px;color:#333;background: url(../../assets/image/bg/bg-arr01.png) no-repeat 7px 8px;background-size: 9px;}
.article-notice ul li.none {font-size:14px;color:#666;border-top:1px solid #eee;background:none;padding:10px 0 5px 5px;margin-top:5px}
.tabs-list + .article-notice{margin-top:30px}
.article-notice.mobile{display:none;margin:0px 20px 50px 20px;background:#f5f5f5}
@media (max-width:768px) {
    .article-notice.mobile{display:block}
}

.auth-wrap.biz ul,.auth-wrap.biz ul li {height:400px;}
.auth-wrap .tbl-register {width:50%; margin: 120px auto 0 auto;}
.auth-wrap.biz.cols-2 .tbl-register {width:87%; margin: 120px auto 0px auto;}
.auth-wrap.biz.cols-2 .tbl-register.small {margin:30px auto 0 auto;}
.auth-wrap.biz.cols-2 ul li:nth-child(2){background:none}
.auth-wrap.biz.cols-2 .tbl-register.small th{width:80px}
.auth-wrap.biz.cols-2 .tbl-register td{padding:7px 20px 7px 0}
.auth-wrap.biz.cols-2 .tbl-register label{font-weight:500;color:#333}
.check-ele{display:none}
.check-ele.active{display:block}

@media (max-width:1000px) {
    .auth-wrap .tbl-register {width:calc(100% - 40px); margin: 120px 20px 0 20px;}
}

.nor-list01.guide-1-1 {margin-top: 30px;}
.article-notice.guide-1-1 {margin-top: 20px; margin-bottom: 20px; padding-bottom: 25px; background: url('../../assets/image/ico/ico-guide-1-1.png') no-repeat 30px center; background-size: 66px; padding-right: 43px; }
.article-notice.guide-1-2 {margin-top: 50px; margin-bottom: 20px; padding-bottom: 25px; background: url('../../assets/image/ico/ico-guide-1-2.png') no-repeat 30px center; background-size: 66px; padding-right: 43px; }
.article-notice.guide-1-3 {margin-top: 50px; margin-bottom: 20px; padding-bottom: 25px; background: url('../../assets/image/ico/ico-guide-1-3.png') no-repeat 30px center; background-size: 66px; padding-right: 43px; }
.article-notice.guide-1-4 {margin-top: 50px; margin-bottom: 20px; padding-bottom: 25px; background: url('../../assets/image/ico/ico-guide-1-4.png') no-repeat 30px center; background-size: 66px; padding-right: 43px; }
.article-notice.guide-1-5 {margin-top: 50px; margin-bottom: 20px; padding-bottom: 25px; background: url('../../assets/image/ico/ico-guide-1-5.png') no-repeat 30px center; background-size: 66px; padding-right: 43px; }
.article-notice.guide-2-1 {margin-top: 20px; margin-bottom: 20px; padding-bottom: 25px; background: url('../../assets/image/ico/ico-guide-2-1.png') no-repeat 30px center; background-size: 66px; padding-right: 43px; }
.article-notice.guide-2-2 {margin-top: 50px; margin-bottom: 20px; padding-bottom: 25px; background: url('../../assets/image/ico/ico-guide-2-2.png') no-repeat 30px center; background-size: 66px; padding-right: 43px; }
.article-notice h5 {padding-left:110px; font-size: 20px; font-weight: bold;color:#333;}
.article-notice .guide-text {padding-left:110px; font-size: 16px;}
.article-notice .guide-text span {color:#1950AA;}
.guide-img ,.guide-img img {width:100%; margin: 0 auto;}
.guide-img.last {margin-bottom:50px;}
.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li a:before {content: "";position: absolute;left: 15px;top: 19px;background: url(../image/popup/site_icon0.svg) 0 0 no-repeat;background-size: 40px;width:40px;height: 40px;z-index: 2;}
.header-site-wrap.h-26,.header-site-wrap.h-26 .site-cont,
.header-site-wrap.h-27,.header-site-wrap.h-27 .site-cont,
.header-site-wrap.h-28,.header-site-wrap.h-28 .site-cont,
.header-site-wrap.h-29,.header-site-wrap.h-29 .site-cont,
.header-site-wrap.h-30,.header-site-wrap.h-30 .site-cont {height:auto}
.header-site-wrap.h-31,.header-site-wrap.h-31 .site-cont,
.header-site-wrap.h-32,.header-site-wrap.h-32 .site-cont {height:auto}

@media (max-width:1200px) {
    .header-site-wrap.h-25,.header-site-wrap.h-25 .site-cont,
    .header-site-wrap.h-26,.header-site-wrap.h-26 .site-cont,
    .header-site-wrap.h-27,.header-site-wrap.h-27 .site-cont,
    .header-site-wrap.h-28,.header-site-wrap.h-28 .site-cont {height:auto}
    .header-site-wrap.h-29,.header-site-wrap.h-29 .site-cont,
    .header-site-wrap.h-30,.header-site-wrap.h-30 .site-cont,
    .header-site-wrap.h-31,.header-site-wrap.h-31 .site-cont,
    .header-site-wrap.h-32,.header-site-wrap.h-32 .site-cont {height:auto}
}

@media (max-width:1000px) {
    .header-site-wrap.h-25,.header-site-wrap.h-25 .site-cont,
    .header-site-wrap.h-26,.header-site-wrap.h-26 .site-cont,
    .header-site-wrap.h-27,.header-site-wrap.h-27 .site-cont {height:auto}
    .header-site-wrap.h-28,.header-site-wrap.h-28 .site-cont,
    .header-site-wrap.h-29,.header-site-wrap.h-29 .site-cont,
    .header-site-wrap.h-30,.header-site-wrap.h-30 .site-cont {height:auto}
    .header-site-wrap.h-31,.header-site-wrap.h-31 .site-cont,
    .header-site-wrap.h-32,.header-site-wrap.h-32 .site-cont,
    .header-site-wrap.h-33,.header-site-wrap.h-33 .site-cont {height:auto}
}

/* 1218 추가 css */
.private.new .nor-list03>li {text-indent: -16px; padding-left:16px;}
.private.new .nor-list04{margin-left:10px}
.private.new .nor-list04>li{padding-left:21px}
.private.new .nor-list04>li:before{display:none}
.private.new .tbl-wrap .nor-list05{margin-left:0px}
.private.new .nor-list05 li{padding-left:10px;text-indent: 0px;}
.private.new .nor-list01 li p.infor{font-size:15px;color:#333;font-weight:300;padding:10px 0px 0px 0px}
@media (max-width:1280px) {
    .normal-wrap.lnb-line{border-left:0;}
}

/*** 추가된 css 2020.01.03 윤컴즈 이재상 ***/
.private.btn{display: inline-block; width:auto; height:40px; line-height: 40px; font-size: 14px; padding:0 15px; border-radius: 4px; margin:10px 0;}
.private.btn.sky{background:#2998ff;color:#fff;}
.private.btn:hover{text-decoration:none; opacity: 0.9;}
.private.btn.download {padding-right: 36px;position: relative;}
.private.btn.download:after {content: '';position: absolute;right:5px;top: 12px;width:20px;height:20px;background: url(../image/ico/download.png) no-repeat 0 0;}
ul.private-list li a {color:#666;}
ul.private-list li strong {color:#2998ff; border-bottom:1px solid #2998ff; font-weight: normal;}

.nor-list03.private > li {text-indent: -12px; padding-left:12px;}
.nor-list03.private li .nor-list04 > li {text-indent: 0}

.content.private {display: none;}
.content.private#p-present {display: block;}

/*** 추가된 css 2020.01.03 18:00 윤컴즈 이재상 ***/
.site-cont .popup-tab {height: 80px;text-align: center;max-width: 800px;margin: 15px auto 0 auto;}
.site-cont .popup-tab ul {display: table; width:80%; height: 50px; margin:0 auto;}
.site-cont .popup-tab ul li {display: table-cell;width:40%;height:40px;border:1px solid #ddd; overflow: hidden;}
.site-cont .popup-tab ul li a {display: block !important; width:100%; height: 40px !important; overflow: hidden; text-align: center; line-height: 50px; color:#999999 !important;font-family: NotoSansCJKkr; font-size: 16px; font-weight: bold; width:100% !important;}
.site-cont .popup-tab ul li.on {border:1px solid #0d457b; background-color:#0d457b; }
.site-cont .popup-tab ul li.on a { color: #ffffff !important;}
.header-site-wrap .site-cont dl.type01 dt {height: 5px;/*padding: 0;*/}

/* 2020-01-06 추가 */
.radio-inline{overflow:hidden;padding:5px 0px}
.radio-inline input[type=radio]{display:inline-block;vertical-align:middle;margin-right:5px}
.no_result{display:block;width:100%;text-align:center;font-size:16px;font-weight:bold}

/* 2020-01-29 추가 */
.board-infor{overflow:hidden;padding:15px 20px;background-color:#fafafa;}
.board-infor > p{padding:3px 0px;font-size:16px;color:#333;}
.board-infor > p strong{font-size:16px !important}
.board-infor > ul{overflow:hidden;margin-top:4px}
.board-infor > ul > li{position:relative;font-size:14px;color:#666;padding:3px 10px;}
.board-infor > ul > li:after{content:'-';display:block;position:absolute;left:0px;top:3px;z-index:1;}
.board-infor .board-form{float:left;margin-right:20px;overflow:hidden;margin-top:5px;}
.board-infor .board-form input[type=radio]{float:left;margin-right:5px;margin-top:3px}
.board-infor .board-form label{display:inline-block;}
.board-register-list li input.inp.file{padding:0px;float:none;display:block}

.board-comment{margin:20px 0px 50px 0px}
.board-comment:after{content:'';display:block;clear:both;}
.board-comment .title{font-size:17px;color:#333333;font-weight:bold}
.board-comment ul{overflow:hidden;margin-top:10px;}
.board-comment ul li{padding:20px;border-top:1px solid #dee2e8}
.board-comment ul li:first-child{background-color:#fafafa;padding:20px 20px 10px 20px;}
.board-comment ul li:last-child{border-bottom:1px solid #dee2e8}
.board-comment .comment-list{overflow:hidden}
.board-comment .comment-list .top-element{overflow:hidden}
.board-comment .comment-list .top-element dt{font-size:15px;color:#0e457a;font-weight:bold;float:left;margin-right:10px}
.board-comment .comment-list .top-element dd{float:left;margin-right:10px;font-size:12px;color:#999999;margin-top:3px}
.board-comment .comment-list .body-element{clear:both;margin-top:10px;font-size:16px;color:#333333;line-height:22px;}
.board-comment .comment-list .bottom-element{margin-top:20px;}
.board-comment .comment-list .bottom-element a{display:inline-block;font-size:14px;color:#777777;border-bottom:1px solid #ddd;padding-bottom:3px;text-decoration:none;}
.board-comment .comment-input{overflow:hidden}
.board-comment .comment-input textarea{border:1px solid #cccccc;padding:5px;height:80px;width:100%;box-sizing:border-box;}
.board-comment .comment-input .comment-send{margin-top:10px;}
.board-comment .comment-input .comment-send .txt{display:block;float:left;font-size:15px;color:#999999}
.board-comment .comment-input .comment-send .txt strong{color:#333;font-weight:bold}
.board-comment .comment-input .comment-send .send-btn{float:right}
.board-comment .comment-input .comment-send .send-btn a{display:block;width:45px;height:30px;background-color:#0e457a;line-height:29px;font-size:14px;color:#fff;text-align:center;border-radius:3px;}

/* webzine */
.webzine-wrap{overflow:hidden}
.webzine-wrap ul li{padding:15px 0px;border-bottom:1px solid #ddd}
/*20240415 신예리 수정 및 추가 - 증명서발급페이지 카드형리스트로 변경*/
/*.webzine-wrap ul li:first-child{border-top:1px solid #ddd}*/
.webzine-wrap ul li a{display:block;text-decoration:none;}
.webzine-wrap ul li dl{overflow:hidden}
.webzine-wrap ul li dl dt{font-size:16px;color:#333;word-break:keep-all;font-weight:400}
.webzine-wrap ul li dl dd{margin-top:10px;font-size:14px;color:#333;word-break:keep-all;}
.webzine-wrap ul li .category { margin-left:0 !important; margin-top: 20px !important; height: 85px !important;  } 
.webzine-wrap ul li .category span { font-size: 13px !important; display: inline-block; padding: 0 10px; position: relative; color: #777; }
.webzine-wrap ul li .category > p:nth-child(1) { white-space: pre-line; word-break: keep-all; display: flex; } 
.webzine-wrap ul li .category > p:nth-child(2) { white-space: pre-line; word-break: keep-all; display: flex; margin-top: 10px;  } 
/*.webzine-wrap ul li .category{margin-left:-10px;margin-top:5px}
.webzine-wrap ul li .category span{display:inline-block;padding:0px 10px;position:relative;font-size:14px;color:#777} */
.webzine-wrap ul li .category span:after{content:'';position:absolute;right:-2px;top:2px;height:12px;width:1px;background-color:#ddd}
.webzine-wrap ul li .category span:last-child:after{display:none}

/* mypage member */
.mypage-auth .auth-wrap{width:auto;margin:20px 0px}
.mypage-auth .auth-wrap h3{margin-bottom:0px;}
.mypage-auth .auth-wrap h3 + p.infor{margin:0px 0px 8px 0px;}
.normal-wrap .article h3 + .article-notice{margin:20px 0px 30px 0px}

/* margin */
.mt10{margin-top:10px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}
.mb10{margin-bottom:10px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:40px !important}
.mb50{margin-bottom:50px !important}

/* font-color */
.font-color-red{color:#d71d1d}

/* accordian-list */
.accordian-list {border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.accordian-list .acco-group {position:relative;margin-top:1px;border-bottom:1px solid #dedede;text-align:left;}
.accordian-list .acco-group:last-child{border-bottom:0}
.accordian-list .acco-group .acco-head { display:block;position:relative;}
.accordian-list .acco-group .acco-head > a {display:table;width:100%;overflow:hidden;position:relative;line-height:18px;padding:20px 60px 20px 20px;text-decoration:none;color:#333;line-height:1.5;/*font-size:14px;font-weight:300;*/}
.accordian-list .acco-group .acco-head > a span {display:table-cell;min-height:22px;margin-right:20px;color:#333;font-size:16px;font-weight:400;}
.accordian-list .acco-group .acco-head > a .name { width:100px;text-align:center;}
.accordian-list .acco-group .acco-head > a .subject{ width:auto;padding-right:100px}
.accordian-list .acco-group .acco-head > a .subject b{display:inline-block;padding:2px 5px;font-size:13px;color:#fff;background-color:#0e457a; border-radius: 5px;}
.accordian-list .acco-group .acco-head > a .written-date { width:80px;}
.accordian-list .acco-group .acco-head .btn {border:0;display:block;width:60px;height:60px;right:0;top:2px;background-color:transparent;position:absolute; background-image:url(../image/ico/acco-arw-down.png);background-repeat:no-repeat;background-position: center;background-size:21px 11px;}
.accordian-list .acco-group .acco-head .btn > span {font-size:0;color:transparent;margin:0;height:0;line-height:0}
.accordian-list .acco-group .acco-body {display:none}
.accordian-list .acco-group .acco-body .table {margin-top:0;border-top:none}
.accordian-list .acco-group .acco-body .table thead th {padding-top:8px;padding-bottom:8px}
.accordian-list .acco-group .acco-body .table thead th:first-child {padding-top:8px;padding-bottom:8px}
.accordian-list .acco-group:first-child {margin-top:0}
.accordian-list .acco-group .acco-head .button:hover {background:#f1f1f1}
.accordian-list .acco-group .acco-head .button:hover span {text-decoration:underline}
.accordian-list .acco-group.active .acco-head { background-color:#f4f9fd;}
.accordian-list .acco-group.active .acco-body {display:block;border-top:1px solid #ddd;padding:20px;line-height:1.5;}
.accordian-list .acco-group.active .acco-body *:first-child {margin-top:0}
.accordian-list .acco-group.active .acco-body .board-view-contents {border-top:0;margin-top:0;padding:0;}
.accordian-list .acco-group.active .acco-head .btn {background-image:url(../image/ico/acco-arw-up.png);}
@media all and (max-width:768px){
    .accordian-list .acco-group .acco-head > a { display:block;}
    .accordian-list .acco-group .acco-head > a .subject,
    .accordian-list .acco-group .acco-head > a .written-date {display:block;margin-right:0;}
    .accordian-list .acco-group .acco-head > a .written-date {margin-top:5px;color:#666;font-size:14px;}
    .accordian-list .acco-group .acco-head .btn { top:auto;bottom:0;}
}

/* error */
.error-element{display:table;width:100%;max-width:600px;margin:50px auto 0px auto;height:400px}
.error-element .error-inner{display:table-cell;height:445x;background:url(../image/etc/img-error.png) no-repeat center 50px;text-align:center;box-sizing: border-box;padding-top:320px;}
.error-element .error-inner .large-text{font-size:40px;color:#0e457a;font-weight:600;}
.error-element .error-inner .small-text{font-size:18px;color:#777777;font-weight:400;}
.error-element + .btn-wrap{margin:40px 0px 80px 0px}

/* content positon */
.cont-pos{padding:5px 0px;overflow:hidden;}
.cont-pos .left-area{float:left}
.cont-pos .left-area .txt{display:inline-block;padding-top:10px}
.cont-pos .right-area{float:right}

/* login open */
.login-popup{width:420px;background:url(../image/bg/bg-pop-header.svg) no-repeat -253px -37px;}
.login-popup .inner{padding:50px 20px 20px 20px;word-break:keep-all;}
.login-popup .inner .subj-txt{font-size:18px;font-weight:600;color:#333}
.login-popup .inner .cont-txt{margin-top:10px;font-size:14px;font-weight:normal;color:#333;line-height:20px}
.login-popup .btn-wrap.type01{margin:30px 0px}

/* sms */
.sms-element{width:100%;max-width:440px;margin:0 auto 50px auto;padding-top:130px;background:url(../image/bg/bg-auth-list01.png) no-repeat center 0px}
.sms-element .infor{font-size:16px;color:#333;text-align:center;font-weight:700}
.sms-element .infor span{color:#2998ff;font-weight:700}
.sms-element .input-box{display:flex;justify-content:center;align-items:center;margin-top:30px}
.sms-element .input-box .inbox{position:relative;float:left;width:390px;height:45px;box-sizing:border-box;background-color:#eeeeee;border-radius:4px;padding:0px 60px 0px 3px}
.sms-element .input-box .inbox input[type=text]{padding:5px;width:100%;height:45px;box-sizing:border-box;border:0px;background-color:transparent}
.sms-element .input-box .inbox .count{position:absolute;right:0px;top:12px;width:60px;font-size:14px;color:#2998ff;font-weight:700;text-align:center}
.sms-element .input-box .send{float:left;margin-left:7px;}
.sms-element .input-box .send a{display:block;text-align:center;width:90px;height:45px;line-height:43px;color:#fff;font-size:18px;font-weight:700;background-color:#0e457a;border-radius:4px;text-decoration:none;}
@media all and (max-width:768px){
    .sms-element .input-box{padding:0px 15px}
}

/* wide login */
.pull-wide-element{width:460px;margin:100px auto 0 auto}
.pull-wide-element.big{width:100%;max-width:600px;}
.pull-wide-element .head{font-size:28px;color:#000;text-align:center;font-weight:700;padding-bottom:30px}
.pull-wide-element .head img{vertical-align:middle;}
.pull-wide-element .login-tabs{width:auto}
.pull-wide-element .login-tabs li{height:50px}
.pull-wide-element .login-tabs li a{font-size:22px;height:50px}
.pull-wide-element .login-wrap{width:auto;margin:0px;background:none}
.pull-wide-element .login-form{width:auto;margin:0px 40px 40px 40px}
.pull-wide-element .title{font-size:18px;color:#000;margin:40px 40px 10px 40px;font-weight:400}
.pull-wide-element .login-link-list{width:auto;margin:20px 0px 0px 0px}
.pull-wide-element .login-func{margin-top:10px}
.pull-wide-element .login-func a{width:100%;}
.pull-wide-element .login-form .login-item-list li .inp{width:100%}
.pull-wide-element .step-wrap{width:auto;margin:0px}
.pull-wide-element .step-wrap ul{box-sizing:border-box;}
.pull-wide-element .wide-form{width:400px;margin:40px auto 0px auto;}
.pull-wide-element .wide-form .inp{border-radius:5px;color:#333;font-size:16px;font-weight:500;width:100%;height:46px;border:0;background:#eee;box-sizing: border-box;}
.pull-wide-element .wide-form .btn-wrap{clear:both;margin-top:20px}
.pull-wide-element .wide-form .btn-wrap .btn{width:100%;margin:0px}
.pull-wide-element .wide-form .bg1{height:110px;background:url(../image/bg/bg-auth-list03.png) no-repeat center -20px !important}
.pull-wide-element .wide-form .sms-element{margin:0px}
.pull-wide-element .wide-form .sms-element.pw{background:url(../image/bg/bg-auth-list05.png) no-repeat center 10px}
.pull-wide-element .wide-form .inner:after{display:block;content:'';clear:both}
.pull-wide-element .wide-form.big{width:auto;}
.pull-wide-element .wide-form .auth-wrap{width:auto;margin-bottom:0px}
.pull-wide-element .wide-form .auth-wrap li{padding-left:0px;height:275px}
.pull-wide-element .wide-form .auth-wrap li a{width:auto;left:10px;right:10px;margin-left:0}
.pull-wide-element .wide-form .auth-wrap li .tit{margin-top:26px;font-size:22px;overflow:visible}
.pull-wide-element .wide-form .tbl-register{border:0px}
.pull-wide-element .wide-form .auth-wrap.cols2 ul li{width:50%}
.pull-wide-element .text-wrap{width:auto;margin:10px 0px 0px 0px}

@media all and (max-width:768px){
    .pull-wide-element{width:auto;margin:30px auto 0 auto;padding:0px 20px}
    .pull-wide-element.big{width:auto;max-width:600px;}
    .pull-wide-element .wide-form{width:auto;}
}

/* 맞춤형 지원사업 */
.corrent-element{overflow:hidden;margin-left:-9px}
.corrent-element li{width:164px;float:left;height:140px;}
.corrent-element li a{display:block;height:140px;background-color:#f5f5f5;margin-left:9px;padding-top:15px}
.corrent-element li a .ico{display:block;margin:0 auto;width:80px;height:80px;background-color:#fff;border-radius:40px;background-repeat:no-repeat;background-position:center center}
.corrent-element li a .ico.i1{background-image:url(../image/ico/ico-com01.png);}
.corrent-element li a .ico.i2{background-image:url(../image/ico/ico-com02.png);}
.corrent-element li a .ico.i3{background-image:url(../image/ico/ico-com03.png);}
.corrent-element li a .ico.i4{background-image:url(../image/ico/ico-com04.png);}
.corrent-element li a .ico.i5{background-image:url(../image/ico/ico-com05.png);}
.corrent-element li a .ico.i6{background-image:url(../image/ico/ico-com06.png);}
.corrent-element li a .ico.i7{background-image:url(../image/ico/ico-com07.png);}
.corrent-element li a .txt{display:block;font-size:17px;font-weight:400;color:#3d2432;margin-top:10px;text-align:center;}

.corrent-tab{overflow:hidden;margin-top:10px;margin-left:-10px;margin-right:-10px;padding:8px 20px;background-color:#f8f8f8}
.corrent-tab li{float:left;margin:0px 15px;position:relative;}
.corrent-tab li::after{content:'';display:block;width:1px;height:14px;background-color:#d4d4d4;position:absolute;right:-14px;top:15px;z-index:1;}
.corrent-tab li:last-child::after{display:none}
.corrent-tab li a{display:block;padding:10px 0px;color:#666;text-decoration:none;font-size:16px;box-sizing: border-box;height:40px;}
.corrent-tab li.active a{display:block;color:#d9002c;font-weight:700;}

.correct-step{width:100%;max-width:640px;margin:50px auto;overflow:hidden}
.correct-step li{float:left;width:50%;position:relative;}
.correct-step li.active:first-child:after{position:absolute;right:-19px;top:0px;z-index:1;content:'';width:20px;height:50px;background:url(../image/bg/bg-arrow-step01.png) no-repeat 0px 0px}
.correct-step li.active:last-child:after{position:absolute;keft:-19px;top:0px;z-index:1;content:'';width:20px;height:50px;background:url(../image/bg/bg-arrow-step02.png) no-repeat 0px 0px}
.correct-step li a{display:block;height:48px;background-color:#f5f5f5;border:1px solid #f5f5f5;font-size:15px;color:#666666;font-weight:400;line-height:47px;text-align:center}
.correct-step li.active a{background-color:#fff;border:1px solid #ddd;}

.correct-form{overflow:hidden;margin:50px 0px;border-top:2px solid #d9002c; border-bottom: 1px solid #ddd; clear:both}
.correct-form.block{margin:0;border-top:1px solid #ddd}
.correct-form dl{position:relative;padding:15px 0px;border-bottom:1px solid #ddd;width:50%;padding-left:140px;box-sizing:border-box;float:left;min-height:60px}
.correct-form dl:last-child{ border-bottom:0; }
/*20230919 margin추가*/
.correct-form dl:last-child.margin10{ margin-top:10px; }
.correct-form.block dl{width:100%;padding-left:0px;}
.correct-form.block dl dt{position:relative;text-align:left;width:200px;top:0px;font-size:16px;font-weight:600}
.correct-form.block dl dd{margin-top:10px;padding:0px 20px}
.correct-form.block .inp{border-radius:3px;width:100%;display:flex;height:38px;border:1px solid #ddd;background:#f8f8f8;box-sizing:border-box;}
.correct-form.block input[type=file].inp{border:0;background-color:transparent;height:40px}
.correct-form.block .inline{display:inline-block;margin-right:20px;}
.correct-form.block .inline select{width:auto}
.correct-form.block .inline span{display:inline-block;vertical-align:middle;}
.correct-form.block .inline span.txt{margin-left:10px}
.correct-form.block .inline span.txt > span{margin-right:10px}
.correct-form.block .inline label{display:inline-block;margin-left:4px;cursor: pointer;}
.correct-form.block .inline input[type=checkbox]{display:inline-block;}
.correct-form.block .form-text-wrap{padding-left:25px}
.correct-form.block .form-text-wrap .form-text{display:block;margin-top:10px;margin-left: 1px;text-indent: -16px;font-size:14px;color:#0e457a;font-weight: 400;}
.correct-form.block .form-text-wrap .form-text + .form-text{margin-top:2px}


.correct-form dl.h100{height:110px}
.correct-form dl dt{font-weight:500 !important; color:#333; font-size:15px;width:140px;position:absolute;left:0px;top:22px;z-index:1;padding-left:30px;box-sizing:border-box;font-size:16px;color:#333333;}
.correct-form dl dt label{font-weight:500 !important; color:#333; font-size:15px; }
.correct-form dl dd{}
.correct-form dl dd.col2{float:left;width:49%}
.correct-form dl dd.col2:first-child{margin-right:2%}
.correct-form dl dd .select{display:flex;border:0;height:40px;background-color:#f8f8f8; background-position:95% 11px; border-radius:3px;font-size:14px; border:1px solid #eee; font-weight:300; width:95%}

.correct-form dl .form ul li{width:auto;float:left;padding:6px 0px}
.correct-form dl .form ul li label{display:inline-block;/**vertical-align:middle;**/ line-height:15px;margin:0px 20px 0px 2px}
.correct-form dl .form ul li input{display:inline-block;vertical-align:middle;}
.correct-form + .updown-btn{margin-top:-50px;margin-bottom:50px}

.killer_texts{overflow:hidden; margin:50px 0px; border-top:2px solid #0e457a; border-bottom: 1px solid #ddd;}
.killer_texts dl{ padding: 18px 0px; }
.killer_texts dl dt{ margin-bottom:10px; font-weight: 500; font-size: 15px; color: #333; }
.killer_texts dl dd{ font-size: 14px; }

.keyword-element{position:relative;overflow:hidden;margin-top:30px;background-color:#f5f5f5;padding:10px 20px;}
.keyword-element li{position:relative;float:left;font-size:15px;color:#8a8a8a;padding-left:5px;margin-right:20px}
.keyword-element li:after{content:'';display:block;position:absolute;left:0px;top:9px;z-index:1;width:2px;height:2px;background-color:#939393;}
.toggle-btn{position:absolute;right:5px;top:2px;z-index:1;}
.toggle-btn.pos{position:relative;left:0;top:10px;z-index:1;width:200px;height:60px}
.toggle-btn a{display:block;padding:6px 20px;text-align:center;background-color:#bfbfbf;color:#fff;font-size:16px;font-weight:400;border-radius:5px;}
.view-element{display:none}
.view-element.active{display:block}
.block-ele{position:relative}
.file-wrap{overflow:hidden;}
.file-wrap > button{border:0;padding:8px 20px;text-align:center;background-color:#888888;font-size:14px;color:#fff;border-radius:4px;cursor:pointer;}
.file-wrap > span{display:inline-block;margin-left:5px}

.popup-link{display:none;position:absolute;left:5px;top:30px;z-index:10;width:105px;height:35px;padding-left:0px;border:1px solid #ccc;background-color:#fff;box-shadow:1px 5px 10px rgba(0,0,0,.2);}
.popup-link:after{position:absolute;left:5px;top:-9px;z-index:10;width:11px;height:9px;content:'';display:block;background:url(../image/btn/btn-popup-arrow.png) no-repeat;}
.popup-link a{display:block;font-size:14px;color:#333;padding:8px 0px 0px 15px;text-align:left;text-decoration:none;background:url(../image/btn/btn-popup-link.png) no-repeat 75px 8px;}

@media all and (max-width:1280px){
    .guide-map-element .corrent-tab{display:none}
}

@media all and (max-width:1024px){
    .corrent-element li{width:33.33333%;margin-bottom:10px;overflow:hidden}
}

@media all and (max-width:768px){
    .correct-form dl{width:auto;float:none;padding-left:100px;}
    .correct-form dl.h100{height:auto}
    .correct-form dl dt{width:100px;padding-left:20px;}
}

/* correct guide */
/* .guide-map-element{overflow:hidden;margin:40px 0px} */ /*241115 신예리 주석 및 아래 스타일 추가*/
.guide-map-element{overflow:hidden;margin:40px 0 0 0;} 
.guide-map-element .guide-top{padding:20px 0px;border-bottom:1px solid #ddd;display:flex;justify-content:start;}
.guide-map-element .guide-top .inner{display:flex;justify-content:start;flex-direction:row;align-items:center;margin-right:20px}
.guide-map-element .guide-top .inner .select{height:40px;border-radius:4px;margin-left:15px;min-width:150px;font-size:15px;}
.guide-map-element .guide-top .inner span{display:inherit;justify-content:inherit;flex-direction:inherit;align-items:inherit;margin-right:20px}
.guide-map-element .guide-top .inner span label{margin-left:5px;cursor:pointer;}
.guide-map-element .guide-body{display:flex;justify-content:space-between;flex-direction:row;align-items:normal;margin-top:30px}
.guide-map-element .guide-body .left-cont{margin-right:30px;}
.guide-map-element .guide-body .left-cont .inner{width:360px;}
.tbl-wrap.map .tbl-list01.type01 td{height:30px !important}
.pop-map{margin-top:20px;border:1px solid #ddd;min-height:300px;}

@media all and (max-width:768px){
    .guide-map-element .guide-body{flex-direction:column;}
    .guide-map-element .guide-body .left-cont .inner{width:100%;margin-right:0px;margin-bottom:10px}
    .guide-map-element .board-search-wrap{height:auto;justify-content:start;flex-direction:column;padding:10px;width:100%;box-sizing:border-box;}
    .guide-map-element .board-search-wrap .inner:nth-child(1){display:none}
    .guide-map-element .board-search-wrap .inp{margin-left:0px}
    .guide-map-element .board-search-wrap .inner{display:flex;width:100%;}
    .guide-map-element .board-search-wrap .inner:last-child{margin-top:10px}
    .guide-map-element .board-search-wrap .select{width:100% !important}
}
@media all and (max-width:371px){
    .guide-map-element .guide-body{flex-direction:column;}
}

/* mypage dashboard */
.mypage-head{margin-top:30px;border:1px solid #ddd;border-radius:4px;height:160px;display:flex;justify-content:start;align-items:center}
.mypage-head .inner{display:flex;justify-content:start;align-items:center;padding:0px 35px;height:80px;width:40%;box-sizing:border-box;}
.mypage-head .inner span strong{font-size:16px;font-weight:400;color:#333333}
.mypage-head .inner .link{margin-left:56px;}
.mypage-head .inner .link a{display:block;width:100px;height:40px;line-height:39px;border:1px solid #aaa;text-align:center;font-size:16px;color:#666;font-weight:400;border-radius:4px;text-decoration:none;}
.mypage-head .inner.infor{border-right:1px solid #eee;background:url(../image/bg/bg-mypage-dash.png) no-repeat 40px center;padding:0px 35px 0px 145px;width:60%}
.mypage-head .inner.infor span:nth-child(1){flex:2}
.mypage-head .inner dl dt{font-weight:700;color:#0e457a}
.mypage-head .inner dl dd{margin-top:5px}
.mypage-infor{clear:both;overflow:hidden;margin-top:20px}
.mypage-infor dl{border-top:2px solid #0e457a;overflow:hidden;}
.mypage-infor dl dt{width:20%;float:left;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:12px 10px 12px 15px;height:45px;background-color:#eff5fc;box-sizing:border-box;font-weight:700}
.mypage-infor dl dd{width:30%;float:left;border-bottom:1px solid #ddd;padding:12px 10px;height:45px;box-sizing:border-box;}
.mypage-infor dl dd:last-child{width:80%}

.mypage-active{overflow:hidden;margin-top:10px;border-top:1px solid #ddd;height:260px;background-color:#eff5fc;display:flex;justify-content:space-around;align-items:center;padding:0px 15px;box-sizing:border-box;}
.mypage-active li{width:25%;margin:0px 3px;}
.mypage-active.single li{width:50%}
.mypage-active li a{display:block;border:1px solid #ddd;border-radius:4px;background-color:#fff;height:210px;padding:0px 20px;text-align:center;text-decoration:none;}
.mypage-active li a span{display:block;}
.mypage-active li a .title{padding:14px 0px;color:#333333;border-bottom:1px solid #eee;font-weight:400}
.mypage-active li a .hit{padding:17px 0px;color:#333333;font-size:36px;font-weight:700;}
.mypage-active li a .hit span{display:inline-block;font-size:16px;color:#666;padding-left:4px}
.mypage-active li a .list{border-radius:4px;height:50px;line-height:49px;background-color:#0e457a;font-size:14px;color:#fff;font-weight:700}

.mypage-menu{overflow:hidden;margin:10px 0px 50px 0px;border-top:1px solid #ddd;background-color:#f5f5f5;padding:25px 15px;box-sizing:border-box;}
.mypage-menu li{width:50%;float:left;margin-bottom:7px}
.mypage-menu li:nth-child(n+5){margin-bottom:0px}
.mypage-menu li a{display:block;border:1px solid #aaaaaa;border-radius:4px;background-color:#fff;padding:19px 20px;text-align:left;text-decoration:none;color:#333;margin:0px 3px;font-weight:400}
.mypage-menu li a:hover,
.mypage-menu li a.active{border:1px solid #0e457a;background-color:#0e457a;color:#fff;}
.mypage-menu li a.active{text-align:center}

@media all and (max-width:768px){
    .mypage-head{flex-wrap:wrap;align-items:normal;padding:25px 15px;height:auto;flex-direction:column}
    .mypage-head .inner{width:100%;padding:0;align-items:normal;height:auto}
    .mypage-head .inner.infor{margin-bottom:15px;border:0;padding:0px 0px 0px 0px;width:100%;background:none;flex-direction:column}
    .mypage-head .inner .link{margin-left:0;margin-top:10px}
    .mypage-active{flex-wrap:wrap;height:auto;padding:25px 15px;}
    .mypage-active li{width:50%;margin:0px 0px 7px 0px}
    .mypage-active li:nth-child(n+3){margin-bottom:0px}
    .mypage-active li a{margin:0 3px}
    .mypage-infor dl dt{width:30%;}
    .mypage-infor dl dd{width:70% !important;}
}
@media all and (max-width:480px){
    .mypage-head .inner{padding:0px;}
    .mypage-head .inner.infor{padding:0px 0px 0px 0px;background:none}
    .mypage-menu li{width:100%;float:none}
    .mypage-menu li:nth-child(n+5){margin-bottom:7px}
    .mypage-menu li:last-child{margin-bottom:0px}
}

/* photo list */
.photo-list{margin-top:5px;border-top:2px solid #0e457a}
.photo-list ul{overflow:hidden;margin-top:15px;margin-left:-28px}
.photo-list ul li{float:left;width:33.33333%;margin-bottom:28px}
.photo-list ul li a{display:block;margin-left:28px;text-decoration:none;border:1px solid #ddd;}
.photo-list ul li a .thumb{position:relative;height:200px;background-repeat:no-repeat;background-size:cover}
.photo-list ul li a .thumb .ico{display:block;position:absolute;right:15px;top:15px;z-index:1;width:20px;height:20px;background-repeat:no-repeat;}
.photo-list ul li a .thumb .ico.img{background-image:url(../../assets/image/ico/ico-img.png)}
.photo-list ul li a .thumb .ico.mo{background-image:url(../../assets/image/ico/ico-movie.png)}
.photo-list ul li a .infor{padding:15px 20px;}
.photo-list ul li a .infor .title{font-size:15px;color:#333;line-height:20px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:40px}
.photo-list ul li a .infor .data{display:flex;justify-content:space-between;align-items:center;margin-top:15px;}
@media all and (max-width:768px){
    .photo-list ul li{width:50%}
}
@media all and (max-width:480px){
    .photo-list ul{margin-left:0px}
    .photo-list ul li a .thumb{height:calc(45vw + 12px);}
    .photo-list ul li{width:100%}
    .photo-list ul li a{margin-left:0px;}
}

/* comp infor */
.stock-element{margin-top:30px}
.stock-element h3{margin-top:50px;font-size:20px;color:#0e457a !important}
.stock-element h3 + h4{margin-top:10px}
.stock-element h4{margin-top:20px;font-size:16px;color:#333333 !important}
.comp-infor{position:relative;background:#f5f5f5;padding:25px 35px}
.comp-infor dl{overflow:hidden;}
.comp-infor dl + dl{margin-top:15px}
.comp-infor dl dt{float:left;font-size:16px;color:#333;font-weight:400;width:150px}
.comp-infor dl dd{float:left;font-size:16px;color:#888;font-weight:400}
.comp-infor .edit{position:absolute;right:0;top:-30px;z-index:1;}
.comp-infor .edit a{display:block;font-size:14px;color:#777;padding-left:17px;background:url(../image/ico/ico-pencil.png) no-repeat 0px center}
.stock-element .plus-btn a{display:block;height:50px;line-height:49px;text-align:center;border:1px solid #333;border-width:1px 0px;font-size:16px;font-weight:400;color:#333;text-decoration:none;}
.account-guide{padding-top:210px;overflow:hidden;margin-top:50px;background-repeat:no-repeat;background-position:center top;background-image:url(../image/bg/bg-key.png);text-align:center;background-size:200px 200px}
.account-guide.hold{background-image:url(../image/bg/bg-key-close.png);}
.account-guide .large-txt{font-size:22px;color:#333333;font-weight:600;margin-top:30px;}
.account-guide .small-txt{font-size:16px;color:#666666;font-weight:300;margin-top:20px;line-height:22px}

.keyhold{overflow:hidden;padding-bottom:10px;box-sizing:border-box;}
.keyhold + .pwd-alert-wrap{margin-top:0px}
.desc-list + .keyhold{padding-top:10px;padding-bottom:0px;}
.keyhold.login{width:100%;max-width:880px;margin:0 auto;box-sizing:border-box;}
.keyhold.login + .login-tabs{margin-top:10px}
.keyhold .key-area{display:flex;justify-content:start;align-items:center;}
.keyhold .key-area label{margin-left:6px;cursor:pointer;font-size:14px;font-weight:400}
.keyhold .txt{font-size:14px;color:#2998ff;margin-top:3px;}
@media all and (max-width:768px){
    .keyhold,
    .keyhold.login{padding:0px 20px}
}

/* check-wrap */
.check-wrap{width:100%;max-width:880px;height:auto;overflow:hidden;margin:0 auto;display:flex;justify-content:start;align-items:center;margin-top:80px}
.check-wrap h3{margin:0;margin-right:10px}
.check-wrap .chk-wrap{display:flex;justify-content:start;align-items:center;}
.check-wrap .chk-wrap label{margin-right:20px;cursor:pointer;}
.check-wrap .chk-wrap input{margin-right:5px}

/* support */
.support-search-line{margin-top:48px; border-top:2px solid #d9002c;}
/*24.4.11 신예리 수정 - padding값 변경*/
/*.support-search-element{margin:48px 0 32px 0;overflow:hidden;border-radius:4px;background:#f7f5f3;padding:15px}*/
.support-search-element{margin:48px 0 32px 0;overflow:hidden;border-radius:12px; background:#f7f5f3; padding:25px 20px; }

/*20230919 margin값 변경*/
.support-search-element.margin30{margin:30px 0 30px 0;overflow:hidden;border-radius:4px;}
.support-search-element .block{margin-bottom:10px;display:flex;justify-content:space-between;align-items:center; width:100%;}
.support-search-element .block .inner{display:flex;align-items:center; width:24% !important; margin-right:1%;}
.support-search-element .block.cols2{width:100%}

.support-search-element.new_sse .block.cols2{ width:inherit; justify-content: center; }
.support-search-element.new_sse .block.cols2 .block-inner{ width:inherit; }
.support-search-element.new_sse .block button{ width:78px; margin-left:0; border-bottom-left-radius:0;  border-top-left-radius:0;  border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.support-search-element.new_sse .block .inp{ width:360px; }

.support-search-element .block.cols2 .inner{width:100% !important;}

.support-search-element .block.cols2 .inner span.bii_tit{ width:89px; }
.support-search-element .block.cols2 .inner span.bii_tit2{ width:101px; }
@media screen and (-webkit-min-device-pixel-ratio:0){
    .support-search-element .block.cols2 .inner span.bii_tit2{ width:110px; }
}

.support-search-element .block.cols2 .block-inner{display:flex;width:100%}
.support-search-element .block.cols2 .block-inner.option{width:25%; margin-right:10px;}
.support-search-element .block.cols2 .inner.calendar{width:100% !important;}
.support-search-element .block .inner.calendar{width:50% !important; margin-right:0 !important;}
.support-search-element .block .inner .calendar{position:relative;}
.support-search-element .block .inner .calendar input{padding:0 40px 0 10px}
.support-search-element .block .inner .calendar a{display:block;position:absolute;right:10px;top:14px;z-index:1}
.support-search-element .block .inner select{width:100%;height:46px;border-radius:5px;border:1px solid #dbdbdb;font-size:15px;color:#666;}
.support-search-element .block + .block{margin-bottom:0px}
.support-search-element .line{padding:0px 5px;}
.support-search-element .block .inp{width:100%;height:46px;box-sizing:border-box;border-radius:5px;}
.support-search-element .block button{cursor:pointer;font-size:15px;color:#fff;border:0;background:#d9002c;height:46px;width:160px;border-radius:5px;margin-left:10px}
./*20230919 초기화 버튼크기 수정*/
.support-search-element .block button{cursor:pointer;font-size:15px;color:#fff;border:0;background:#d9002c;height:46px;width:160px;border-radius:5px;margin-left:10px}
.support-search-element .block button.width260Btn{cursor:pointer;font-size:15px;color:#fff;border:0;background:#d9002c;height:46px;width:260px;border-radius:5px;margin-left:10px}

.support-mypage{margin:48px 0 32px 0}
.support-mypage:after{content:'';display:block;clear:both}
.support-mypage .top-area{padding:20px;background-color:#f5f5f5;display:flex;justify-content:space-between;align-items:center;}
.support-mypage .top-area .select{width:150px;height:46px;border-radius:5px;background:#fff;border:1px solid #dbdbdb;font-size:15px;color:#666;}
.support-mypage .top-area .count-element{width:230px;display:flex;justify-content:space-between;align-items:center;}
.support-mypage .top-area .count-element .txt{display:inline-block;padding:0px 5px;font-size:15px;font-weight:400;color:#666;}
.support-mypage .font-color-red{color:#e61b1b;font-size:18px;font-weight:600;}
.support-mypage .font-color-blue{color:#3884e1;font-size:18px;font-weight:600;}
.support-mypage .body-area{border:1px solid #ddd;height:130px;display:flex;justify-content:space-between;align-items:center;}
.support-mypage .body-area dl{position:relative;height:130px;width:100%;text-align:center}
.support-mypage .body-area dl:after{content:'';display:block;position:absolute;right:-5px;top:13px;z-index:1;width:13px;height:20px;background:url('../image/ico/ico-step-arrow.png') no-repeat}
.support-mypage .body-area dl:last-child:after{display:none}
.support-mypage .body-area dl dt{height:45px;border-bottom:1px solid #ddd;line-height:45px;font-size:15px;color:#333;}
.support-mypage .body-area dl dd{display:flex;justify-content:center;align-items:center;font-size:15px;color:#333;height:85px;border-right:1px solid #f5f5f5;padding-top:10px;box-sizing:border-box;}
.support-mypage .body-area dl:last-child dd{border-right:0}
.support-mypage .body-area dl dd span{font-size:36px;color:#e61b1b;font-weight:600;margin-top:-10px}
@media all and (max-width:768px){
    .support-search-element .block.cols2{flex-wrap:wrap}
    .support-search-element .block.cols2 button{width:100%;margin-left:0;margin-top:10px}
    .support-search-element .block.cols2 .block-inner +.block-inner{margin-top:10px}

    .support-search-element.new_sse .block .inp{ width:100%; }
    .support-search-element.new_sse .block.cols2{ justify-content:end; }
    .support-search-element.new_sse .block.cols2 .block-inner{ width:100%; }

    .support-search-element .block.cols2 .inner span.bii_tit{ width:113px; }

}
@media all and (max-width:530px){
    .support-search-element .block.cols2 .inner.bi_inr{ display:block; }
    .support-search-element .block.cols2 .inner span.bii_tit{ display:block; margin-bottom:5px; }
    .support-search-element .block.cols2 .inner.bi_inr2{ display:block; }
    .support-search-element .block.cols2 .inner.bi_inr2 span.bii_tit2{ display:block; margin-bottom:5px; }
}
/* search */
.search-element{width:100%;max-width:880px;margin:0 auto}
.search-element .board-search-wrap{margin:0px 0 32px 0}
.search-element .r-ele{display:flex;margin-left:15px;position:relative;justify-content:start;align-items:center;}
.search-element .r-ele input{border:1px solid #dbdbdb;background:#fff;width:25px;height:25px;opacity:1;}
.search-element .r-ele input:checked{opacity:1;background:url(../image/ico/ico-check-on.png) no-repeat}
.search-element .r-ele label{left:10px;cursor:pointer;position:relative}
.search-element .tab-ele{display:block;overflow:hidden}
.search-element .tab-ele.flex{display:flex;justify-content:start;align-items:center;border:1px solid #ddd}
.search-element .tab-ele li{width:180px;float:left;}
.search-element .tab-ele.flex li{width:100%;}
.search-element .tab-ele li a{border:1px solid #ddd;display:block;font-size:15px;color:#666;background-color:#fff;text-align:center;padding:8px 0px;text-decoration:none;font-weight:400}
.search-element .tab-ele.flex li a{border-width:0px 1px 0px 0px}
.search-element .tab-ele.flex li:last-child a{border-right:0}
.search-element .tab-ele li a.active{border:1px solid #0e457a;background-color:#0e457a;color:#fff}
.search-element .tab-ele li.flex a.active{background-color:#0e457a;color:#fff}
.search-element .tab-ele li a span{color:#c23333;}
.search-element .tab-ele li a.active span{color:#fff}
.search-element .result-txt{text-align:center;font-size:18px;color:#555;margin-top:30px}
.search-element .result-txt strong{font-weight:600;}
.search-element .result-txt span{color:#d73030;font-weight:600;}
.search-element .list-ele{margin-top:70px;overflow:hidden}
.search-element .list-ele + .list-ele{margin-bottom:70px}
.search-element .list-ele .top-ele{border-bottom:2px solid #0e457a;}
.search-element .list-ele .title-ele{display:flex;justify-content:space-between;}
.search-element .list-ele .title-ele h4{font-size:20px;font-weight:600;color:#333333;}
.search-element .list-ele .title-ele h4 span{font-size:16px;font-weight:600;color:#d73030;}
.search-element .list-ele .title-ele .link-txt{margin-top:15px}
.search-element .list-ele .title-ele .link-txt a{font-size:16px;font-weight:400;color:#555;}
.search-element .list-ele .body-ele{overflow:hidden;}
.search-element .list-ele .body-ele .form ul li{padding:7px 0px;overflow:hidden;border:0}
.search-element .list-ele .body-ele ul li{padding:20px 0px;overflow:hidden;border-bottom:1px solid #ddd}
.search-element .list-ele .body-ele dl dt a{font-size:20px;font-weight:400;color:#333}
.search-element .list-ele .body-ele dl dd.cont{font-size:15px;font-weight:400;color:#777;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:15px}
.search-element .list-ele .body-ele dl dd.link{margin-top:15px}
.search-element .list-ele .body-ele dl dd.link a{font-size:14px;font-weight:400;color:#5d88e6;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;margin-top:15px;padding-left:20px;background:url(../image/ico/ico-link.png) no-repeat 0px 3px}
.search-element .list-ele .body-ele dl dd.file{margin-top:15px}
.search-element .list-ele .body-ele dl dd.file a{font-size:14px;font-weight:400;color:#888888;margin-top:15px;padding-left:20px;background:url(../image/ico/ico-file.png) no-repeat 0px 3px}
.search-element .list-ele .body-ele dl dd.cate{margin-top:15px;font-weight:400;font-size:14px;color:#5d88e6}
.search-element .list-ele .body-ele dl dd.cate span{position:relative;display:inline-block;padding-left:10px;color:#888888;margin-left:7px;}
.search-element .list-ele .body-ele dl dd.cate span:after{position:absolute;left:-1px;top:4px;z-index:1;height:13px;width:1px;background-color:#ddd;content:''}

/* minwon list a태그 이동으로 수정을 했음. 20200331-YJ*/
.minwon-list {overflow:hidden;padding-bottom:100px;margin-top:50px}
.minwon-list li{position:relative;margin-top:-1px;border:1px solid #ddd;text-align:left;padding:45px 155px 45px 170px;box-sizing:border-box;background-repeat:no-repeat;background-position:45px center}
.minwon-list li:nth-child(1){background-image:url(../image/ico/info-service01.png)}
.minwon-list li:nth-child(2){background-image:url(../image/ico/info-service02.png)}
.minwon-list li:nth-child(3){background-image:url(../image/ico/info-service03.png)}
.minwon-list li:nth-child(4){background-image:url(../image/ico/info-service04.png)}
.minwon-list li:nth-child(5){background-image:url(../image/ico/info-service05.png)}
.minwon-list li:nth-child(6){background-image:url(../image/ico/info-service06.png)}
.minwon-list li:nth-child(7){background-image:url(../image/ico/info-service07.png)}
.minwon-list li:first-child{margin-top:0px}
.minwon-list li > a{display:block;width:100%;overflow:hidden;position:relative;line-height:18px;text-decoration:none;color:#333;}
.minwon-list li > span{display:block}
.minwon-list li > .title{display:block; line-height:1.2em; font-size:24px;color:#333;font-weight:500; cursor:pointer}
.minwon-list li > .infor{font-size:14px;color:#777;font-weight:400;margin-top:8px}
.minwon-list li > .link{position:absolute;right:20px;top:50%;margin-top:-25px;z-index:1;}
.minwon-list li > .link a{display:block;font-size:14px;color:#fff;font-weight:400;text-align:center;width:120px;height:50px;line-height:48px;background-color:#d9002c;border-radius:5px;}
.minwon-list li > .link.dr a{background-color:#0e457a;}
.minwon-list li > .link.dr a i{display:inline-block;vertical-align:middle;width:12px;height:12px;background:url(../image/ico/ico-link02.png) no-repeat 0px 0px;margin-left:5px}
.tbl-wrap .temp_btn{display:flex;justify-content:center;}
@media all and (max-width:768px){
    .minwon-list {padding-bottom:30px;margin-top:50px}
    .minwon-list li{background-image:none !important;padding:25px 20px 25px 20px}
    .minwon-list li > .title{font-size:20px}
    .minwon-list li > .link{position:relative;right:0;left:0;margin-top:10px}
    .minwon-list li > .link a{width:auto;}
}

/* org */
.org-element{position:relative;padding-bottom:200px}
.org-element > ul{text-align:center;margin-top:50px;}
.org-element > ul::before{position:absolute;left:96px;right:91px;top:170px;z-index:1;height:1px;background-color:#ddd;content:''}
.org-element > ul::after{position:absolute;left:50%;top:141px;z-index:1;width:1px;height:30px;background-color:#ddd;content:'';margin-left:-9px}
.org-element > ul > li{display:inline-block;}
.org-element > ul > li > a{display:inline-block;font-size:18px;font-weight:700;color:#fff;background-color:#0e457a;text-decoration:none;width:140px;height:140px;line-height:138px;border-radius:50%;margin-left:-19px}
.org-element > ul > li > ul{margin-top:61px}
.org-element > ul > li > ul > li{display:inline-block;position:relative;width:155px;vertical-align:top;}
.org-element > ul > li > ul > li > a{position:relative;display:block;padding:10px 15px;font-size:14px;font-weight:400;color:#333;margin-left:5px;border-radius:4px;background-color:#f4f4f4;text-decoration:none;}
.org-element > ul > li > ul > li.active > a{color:#fff;background-color:#4073ff}
.org-element > ul > li > ul > li > a::after{position:absolute;left:50%;top:-30px;z-index:1;width:1px;height:30px;background-color:#ddd;content:''}
.org-element > ul > li > ul > li:nth-child(n+7){margin-top:30px}
.org-element > ul > li > ul > li:nth-child(n+7) > a::after{display:none}
.org-element > ul > li > ul > li > ul{display:none;margin-top:10px}
.org-element > ul > li > ul > li.active > ul{display:block;}
.org-element > ul > li > ul > li > ul > li{position:relative;float:none;margin-bottom:10px}
.org-element > ul > li > ul > li > ul > li::after{position:absolute;left:50%;top:-10px;z-index:1;width:1px;height:10px;background-color:#ddd;content:''}
.org-element > ul > li > ul > li > ul > li > a{position:relative;display:block;padding:12px 15px;font-size:14px;font-weight:400;color:#fff;border-radius:4px;text-decoration:none;background-color:#3e6a95;word-break:break-all;margin-left:5px}

@media all and (max-width:1024px){
    .org-element{height:auto;padding-bottom:50px}
    .org-element > ul{margin-top:30px}
    .org-element > ul::after{display:none}
    .org-element > ul > li{width:100%;}
    .org-element > ul::before{display:none}
    .org-element > ul > li > ul > li:nth-child(n+7){margin-top:0px}
    .org-element > ul > li > a{display:block;width:auto;height:auto;border-radius:4px;line-height:48px}
    .org-element > ul > li > ul{position:relative;width:100%;top:auto;margin-top:10px}
    .org-element > ul > li > ul > li{float:none;width:100%;margin-bottom:10px}
    .org-element > ul > li > ul > li > a{margin-left:0}
    .org-element > ul > li > ul > li > a::after{display:none}
    .org-element > ul > li > ul > li > ul{position:relative;top:auto;margin-top:10px;left:0;}
    .org-element > ul > li > ul > li > ul > li{float:none;margin-bottom:10px}
    .org-element > ul > li > ul > li > ul > li > a{width:auto;margin-left:0px}
    .org-element > ul > li > ul > li > ul > li::after{display:none}
    .org-element > ul > li > ul > li > ul > li > a::after{position:absolute;left:50%;top:-9px;z-index:1;width:1px;height:8px;background-color:#ddd;content:''}
}

/* guide */
.guide-element{display:none;padding-bottom:50px}
.normal-wrap .article .guide-element h3{font-size:20px !important;font-weight:bold;color:#0E457B}
.guide-txt-01{padding:15px 20px;overflow:hidden;background:#0E457B;box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.1);border-radius: 10px 10px 0px 0px;}
.guide-txt-01 .title{display:inline-block;font-size:24px;color:#fff;font-weight:700}
.guide-txt-01 .small-txt{display:inline-block;font-size:16px;color:#fff;border-left:1px solid rgba(255,255,255,.4);padding-left:15px;margin-left:15px}
.guide-txt-02{overflow:hidden;background-color:#f5f5f5;margin-top:10px;}
.guide-txt-02 li strong{color:#4073FF}
.guide-txt-02 li span.num{position:absolute;left:0px;top:20px;z-index:1;display:block;width:32px;height:32px;background-color:#4073FF;border-radius:50%;text-align:center;line-height:31px;color:#fff;font-size:18px;font-weight:bold}
.guide-txt-02 > li{padding:20px 20px 25px 45px;position:relative;font-size:18px;font-weight:700;color:#666;border-bottom:1px solid #C4C4C4;margin:0px 25px}
.guide-txt-02 > li.other{padding:20px 20px 25px 0px;border-bottom:0px;}
.guide-txt-02 li > div{margin-left:-45px;margin-right:-20px}
.guide-txt-02 li:after{content:'';display:block;clear:both}
.guide-txt-02 li .inner-txt{font-weight:400;font-size:16px;margin-top:5px}
.guide-txt-02 li .inner-txt img{float:right;margin-left:20px}
.guide-txt-02 li ol li{position:relative;padding-left:20px;font-weight:400;font-size:16px;margin-top:5px}
.guide-txt-02 li ol li span{position:absolute;left:0;top:0;z-index:1}
.guide-txt-02 img{max-width:100%}
.guide-txt-02 .service-list{margin-top:20px;display:flex;justify-content:space-between;}
.guide-txt-02 .service-list li{width:170px;height:170px;border:1px solid #ddd;background-color:#fff;font-size:16px;border-radius:50%;display:flex;align-items:center;flex-direction;justify-content:center;}
.guide-txt-02 .service-list li strong{font-size:16px;display:inline-block;margin-bottom:4px;text-align:center}
.guide-txt-02 .service-list li span{font-size:14px}
.guide-element .btn-element{display:block;margin-top:10px}
.guide-element .btn{display:inline-block;font-size:16px;font-weight:500;align-items:center;border-radius:6px;height:40px;line-height:39px;padding:0px 30px;}

/* graph */
.graph-element{overflow:hidden;padding-top:30px;}
.graph-element .left-level{float:left;width:360px;}
.graph-element .left-level .title{font-size:20px;color:#333;line-height:28px;padding-top:30px}
.graph-element .left-level .title strong{color:#d45639}
.graph-element .left-level .infor{background-color:#f5f5f5;padding:15px 20px;margin-top:20px}
.graph-element .left-level .infor dl{position:relative;padding-left:35px;}
.graph-element .left-level .infor dl + dl{margin-top:5px}
.graph-element .left-level .infor dl dt{width:35px;position:absolute;left:0px;top:0px;z-index:1;font-size:15px;color:#333}
.graph-element .left-level .infor dl dd{font-size:15px;color:#333}
.graph-element .right-level{float:right;width:500px;}
.graph-element .right-level .graph-tab{overflow:hidden}
.graph-element .right-level .graph-tab li{float:left;width:50%;}
.graph-element .right-level .graph-tab li:last-child a{border-width:1px 1px 1px 0px}
.graph-element .right-level .graph-tab li a{display:block;border:1px solid #ddd;line-height:40px;font-size:14px;font-weight:400;color:#0e457a;text-align:center;background-color:#fff}
.graph-element .right-level .graph-tab li.active a{color:#fff;background-color:#0e457a}
.graph-element .right-level .graph-cont{border:1px solid #ddd;width:100%;height:325px;padding:15px;box-sizing:border-box;margin-top:-1px}

/* 우수사례 */
.biz-infor{padding:30px 0px;overflow:hidden}
.biz-infor .biz-infor-top{display:flex;justify-content:start;align-items:center;font-size:24px;}
.biz-infor .biz-infor-top span{color:#559fd7;margin-right:10px}
.biz-infor .biz-infor-top strong{color:#559fd7;}
.biz-infor .biz-infor-body{margin-top:10px;}
.biz-infor .biz-infor-body img{max-width:100%}
.biz-infor .biz-infor-body .txt{font-size:16px;font-weight:400;color:#333;}
.biz-infor .biz-infor-body .img{overflow:hidden;margin-top:20px;margin-left:-5px}
.biz-infor .biz-infor-body .img li{float:left;margin-left:5px}
.biz-infor .biz-infor-footer{overflow:hidden;background-color:#F5F5F5}
.biz-infor .biz-infor-footer .keyword{position:relative;border-bottom:1px solid #ddd;border-width:1px 0px;padding-bottom:15px;padding-top:10px;overflow:hidden;padding-left:130px;}
.biz-infor .biz-infor-footer .keyword dt{position:absolute;left:20px;top:20px;font-size:16px;color:#555;width:130px;font-weight:500;padding-left:10px}
.biz-infor .biz-infor-footer .keyword dt::after{position:absolute;left:0px;top:10px;content:'';width:3px;height:3px;border-radius:3px;background-color:#555}
.biz-infor .biz-infor-footer .keyword dd{float:left;margin-right:10px;margin-top:5px}
.biz-infor .biz-infor-footer .keyword dd a{display:block;border-radius:4px;padding:0px 15px;text-align:center;font-size:14px;color:#fff;background-color:#7A0E0E;text-decoration:none;line-height:28px;box-sizing:border-box;}
.biz-infor .biz-infor-footer .keyword dd a.blue{background-color:#0E457A}
.biz-infor .biz-infor-footer .keyword-list{background-color:#f5f5f5;padding:20px 15px 15px 15px;margin-top:10px;overflow:hidden}
.biz-infor .biz-infor-footer .keyword-list li{position:relative;float:left;margin:0px 10px 10px 10px}
.biz-infor .biz-infor-footer .keyword-list li a{display:inline-block;font-size:14px;color:#333333;padding:0px 24px 0px 7px}
.biz-infor .biz-infor-footer .keyword-list li a::after{content:'';display:block;position:absolute;left:0px;top:10px;width:2px;height:2px;background-color:#6a6a6a}
.biz-infor .biz-infor-footer .keyword-list li a::before{content:'';display:block;position:absolute;right:0px;top:3px;width:16px;height:14px;background:url(../../assets/image/ico/ico-link01.png) no-repeat 0px 0px}

/* other banner */
.other-banner-element{position:relative;height:75px;background-color:#fff;margin:0 auto;max-width:1280px;width:100%;padding-left:125px;box-sizing:border-box;}
.other-banner-element .other-banner-control{position:absolute;left:0;top:17px;z-index:1}
.other-banner-element .other-banner-control a{display:inline-block;width:37px;height:37px;border:1px solid #ddd;background-repeat:no-repeat;background-position:center center}
.other-banner-element .other-banner-control a.prev-btn{background-image:url(../../assets/image/ico/ico-ban-prev.png)}
.other-banner-element .other-banner-control a.next-btn{background-image:url(../../assets/image/ico/ico-ban-next.png)}
.other-banner-element .other-banner-control a.play-btn{display:none;background-image:url(../../assets/image/ico/ico-ban-play.png)}
.other-banner-element .other-banner-control a.stop-btn{background-image:url(../../assets/image/ico/ico-ban-stop.png)}
.other-banner-element .other-banner{overflow:hidden;}
.other-banner-element .other-banner .other-banner-slide li{display:flex;justify-content:center;align-items:center;height:75px}
@media all and (max-width:768px){
    .other-banner-element{padding-left:130px;}
    .other-banner-element .other-banner-control{left:10px;}
}

/* slide dots */
.banner-slide-element .owl-theme .owl-dots .owl-dot span{width:14px;height:14px;margin:5px 4px}
.banner-slide-element .owl-theme .owl-dots .owl-dot.active span, .banner-slide-element .owl-theme .owl-dots .owl-dot:hover span{background-color:#0e457a}

/* tabs infor */
.tab-infor{padding:15px 20px;background:#f5f5f5; overflow:hidden;font-size:15px;color:#0e5392;font-weight:400;margin-top:-20px; line-height:20px; }
.graph-cont{display:none}

/* easypass */
.easy-element{overflow:hidden;padding-bottom:30px;border-bottom:1px solid #ddd}
.easy-element img{max-width:100%}
.ep-title{font-size:20px;color:#0E457B;font-weight:600;margin:40px 0px 10px 0px;overflow:hidden}
.ep-sub-title{font-size:16px;color:#333;font-weight:400;overflow:hidden;padding-bottom:10px;border-bottom:1px solid #ddd;margin-top:5px}
.ep-step{background-color:#f6f6f6;overflow:hidden;margin-bottom:50px}
.ep-step li{position:relative;float:left;width:25%;padding:240px 20px 0px 20px;height:450px;box-sizing:border-box;background-repeat:no-repeat;background-position:center 50px}
.ep-step.col3 li{width:33.333333%;text-align:center}
.ep-step li.i1{background-image:url(../../assets/image/etc/etc-ep2-1.png)}
.ep-step li.i2{background-image:url(../../assets/image/etc/etc-ep2-2.png)}
.ep-step li.i3{background-image:url(../../assets/image/etc/etc-ep2-3.png)}
.ep-step li.i4{background-image:url(../../assets/image/etc/etc-ep2-4.png)}
.ep-step li.i5{background-image:url(../../assets/image/etc/etc-ep3-1.png)}
.ep-step li.i6{background-image:url(../../assets/image/etc/etc-ep3-2.png)}
.ep-step li.i7{background-image:url(../../assets/image/etc/etc-ep3-3.png)}
.ep-step li::after{position:absolute;right:0px;top:0px;bottom:0px;width:1px;background-color:#ddd;content:''}
.ep-step li:last-child::after{display:none}
.ep-step li span.num{display:block;width:34px;height:34px;background-color:#0e457a;font-size:12px;color:#fff;line-height:34px;text-align:center;font-weight:bold}
.ep-step.col3 li span.num{display:inline-block}
.ep-step li dl{overflow:hidden;margin-top:15px;}
.ep-step li dl dt{font-size:18px;font-weight:bold;color:#0e457a}
.ep-step li dl dd{font-size:14px;font-weight:400;color:#555555;margin-top:5px}
.tab-infor + .ep-sub-title{margin-top:40px}
.ep-title + .tab-infor{margin-top:10px}

@media all and (max-width:768px){
    .ep-step li{float:left;width:50%;background-size:50%;height:400px;padding:170px 20px 0px 20px;background-position:center 40px}
    .ep-step li:nth-child(1){border-bottom:1px solid #ddd}
    .ep-step li:nth-child(2){border-bottom:1px solid #ddd}
    .ep-step li:nth-child(2n)::after{display:none}
    .ep-step.col3 li{width:100%;background-size:27%;padding:170px 20px 20px 20px;height:auto;background-position:center 30px}
    .ep-step.col3 li::after{display:none}
}

@media all and (max-width:480px){
    .ep-step li{float:none;width:100%;background-size:35%;height:auto;padding:170px 20px 20px 20px;background-position:center 40px;border-bottom:1px solid #ddd}
    .ep-step li:nth-child(1){border-bottom:1px solid #ddd}
    .ep-step li:nth-child(2){border-bottom:1px solid #ddd}
    .ep-step li:nth-child(2n)::after{display:none}
    .ep-step li::after{display:none}
    .ep-step.col3 li{padding:140px 20px 20px 20px;background-size:25%;}
}

.ico-tab-wrap{position:relative;}
.ico-tab-wrap .title{position:absolute;left:20px;top:20px;z-index:1;font-size:16px;font-weight:600;color:#333}
.ico-tab{margin-top:20px;overflow:hidden;border-radius:4px;background:#f8f8f8;padding:7px}
.ico-tab.border{border-top:2px solid #0e457a;padding-top:50px}
.ico-tab li{float:left;width:33.333333%;overflow:hidden;border-radius:4px;}
.ico-tab li a{position:relative;display:block;text-align:left;font-size:15px;color:#666666;font-weight:400;border:1px solid #eee;background:#fff;height:50px;line-height:49px;margin:5px 7px;border-radius:4px;background-repeat:no-repeat !important;background-position:20px center !important;text-indent:50px;}
.ico-tab.other{border-radius:0;}
.ico-tab.other li a{display:flex;justify-content:start;align-items:center;line-height:18px;font-size:14px;text-indent:0;padding-left:20px;padding-right:30px;text-align:left;word-break:keep-all;}
.ico-tab li a span{position:absolute;right:20px;top:50%;display:block;width:13px;height:13px;background:url(../../assets/image/ico/tab-check.png);margin-top:-7px}
.ico-tab li.active a span,
.ico-tab li.active a:hover span{background:url(../../assets/image/ico/tab-check-on.png)}
.ico-tab li.i1 a{background-image:url(../../assets/image/ico/tab-ico1.png)}
.ico-tab li.i2 a{background-image:url(../../assets/image/ico/tab-ico2.png)}
.ico-tab li.i3 a{background-image:url(../../assets/image/ico/tab-ico3.png)}
.ico-tab li.i4 a{background-image:url(../../assets/image/ico/tab-ico4.png)}
.ico-tab li.i5 a{background-image:url(../../assets/image/ico/tab-ico5.png)}
.ico-tab li.i6 a{background-image:url(../../assets/image/ico/tab-ico6.png)}
.ico-tab li.i7 a{background-image:url(../../assets/image/ico/tab-ico7.png)}
.ico-tab li.i8 a{background-image:url(../../assets/image/ico/tab-ico8.png)}
.ico-tab li.i9 a{background-image:url(../../assets/image/ico/tab-ico9.png)}
.ico-tab li.i10 a{background-image:url(../../assets/image/ico/tab-ico10.png)}
.ico-tab li.active a,
.ico-tab li a:hover{border:1px solid #4c4a4b;background-color:#4c4a4b   ;color:#fff;text-decoration:none;}
.ico-tab li.active a:focus{outline:2px dashed #fff !important}
.ico-tab li.i1.active a,
.ico-tab li.i1 a:hover{background-image:url(../../assets/image/ico/tab-ico1-on.png)}
.ico-tab li.i2.active a,
.ico-tab li.i2 a:hover{background-image:url(../../assets/image/ico/tab-ico2-on.png)}
.ico-tab li.i3.active a,
.ico-tab li.i3 a:hover{background-image:url(../../assets/image/ico/tab-ico3-on.png)}
.ico-tab li.i4.active a,
.ico-tab li.i4 a:hover{background-image:url(../../assets/image/ico/tab-ico4-on.png)}
.ico-tab li.i5.active a,
.ico-tab li.i5 a:hover{background-image:url(../../assets/image/ico/tab-ico5-on.png)}
.ico-tab li.i6.active a,
.ico-tab li.i6 a:hover{background-image:url(../../assets/image/ico/tab-ico6-on.png)}
.ico-tab li.i7.active a,
.ico-tab li.i7 a:hover{background-image:url(../../assets/image/ico/tab-ico7-on.png)}
.ico-tab li.i8.active a,
.ico-tab li.i8 a:hover{background-image:url(../../assets/image/ico/tab-ico8-on.png)}
.ico-tab li.i9.active a,
.ico-tab li.i9 a:hover{background-image:url(../../assets/image/ico/tab-ico9-on.png)}
.ico-tab li.i10.active a,
.ico-tab li.i10 a:hover{background-image:url(../../assets/image/ico/tab-ico10-on.png)}
@media all and (max-width:680px){
    .ico-tab li{float:left;width:50%;}
    .ico-tab li a span{display:none}
}

.toggle-wrap{position:relative;background-color:#f8f8f8}
.toggle-wrap::after{content:'';display:block;clear:both}
.updown-btn{text-align:center}
.updown-btn a{font-size:14px;color:#fff;display:inline-block;text-align:center;width:140px;line-height:29px;background-color:#383838;border-bottom-left-radius:10px;border-bottom-right-radius:10px;text-decoration:none}
.updown-btn a:hover{text-decoration:none;}
.updown-btn a:focus{outline:2px dashed #fff !important}
.updown-btn a span{display:inline-block;vertical-align:middle;width:12px;height:6px;background:url(../../assets/image/ico/arrow-up.png) no-repeat 0px 0px;margin-left:10px}
.updown-btn a.active span{background:url(../../assets/image/ico/arrow-down.png) no-repeat 0px 0px}
.cfClass{display:none}
.cntPerPage{float:right}

.card-list{overflow:hidden;margin-left:-20px;margin-top:5px;margin-bottom:40px}
.card-list li{float:left;width:33.33333%;margin-bottom:20px;}
.card-list li a{display:block;border:1px solid #ddd;box-sizing:border-box;padding:30px;position:relative;height:290px;margin-left:20px}
.card-list li a:hover{text-decoration:none;}
.card-list li a .card_top{ overflow:hidden; height:20px; }
.card-list li a .card_top .cata{display:inline-block; float:left; background-color:#0e457a;padding:2px 5px 3px 5px; font-size:13px;color:#fff}
.card-list li a .card_top .count{float:right; font-size:14px;color:#666;font-weight:400}
.card-list li a .subject{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin:20px 0 10px 0;font-size:19px;font-weight:bold;color:#333333}
.card-list li a .cont{margin-top:15px;font-size:16px;color:#666666}
.card-list li a .view{position:absolute;left:30px;bottom:30px;z-index:1;font-size:14px;color:#0e457a !important;font-weight:400}

@media all and (max-width:680px){
    .card-list li{float:left;width:50%}
}
@media all and (max-width:480px){
    .card-list li{float:none;width:100%}
}
.detail-content{margin:50px 0px 100px 0px}
.detail-content .top-element h4{font-size:20px;font-weight:bold;color:#333333}
.detail-content .top-element .info{font-size:16px;font-weight:400;color:#333333}
.detail-content .body-element{margin-top:40px;}
.detail-content .body-element a{display:inline-block;padding-right:27px;background: url(/resources/theme/portal/assets/image/ico/ico-link-blue.png) no-repeat 96% center;}
.detail-content .body-element .title-element{position:relative;padding-bottom:10px;border-bottom:2px solid #0e457a}
.detail-content .body-element .title-element .title{padding-left:40px;font-size:20px;color:#0e457a;font-weight:bold;background-repeat:no-repeat;background-position:0px center}
.detail-content .body-element .title-element .title.ico1{background-image:url(../../assets/image/ico/ico-note.png)}
.detail-content .body-element .title-element .title.ico2{background-image:url(../../assets/image/ico/ico-book.png)}
.detail-content .body-element .title-element .title.ico3{padding-left:35px;background-image:url(../../assets/image/ico/ico-comment.png)}
.detail-content .body-element .title-element .view-btn{position:absolute;right:0px;top:-8px;z-index:1}
.detail-content .body-element .title-element .view-btn a{display:block;padding:6px 20px;border-radius:4px;}
.detail-content .body-element .title-element .view-btn a.blue{background:#0e457a}
.detail-content .body-element .title-element .view-btn a.gray{background:#888}
.detail-content .body-element dl{overflow:hidden;border-bottom:1px solid #ddd;padding:30px 25px;  display: flex; flex-direction: column;  }
.detail-content .body-element dl dt{font-size:17px;color:#333;padding-left:15px;background:url(../../assets/image/ico/ico-bar.png) no-repeat 0px 6px;font-weight:400}
.detail-content .body-element dl dd{font-size:15px;color:#666;padding:10px 0px 0px 15px;}
.detail-content .body-element dl dd img{max-width:100%}

/*240514 신예리 추가*/
.detail-content .body-element dl > .help-block2 { border-bottom: 1px solid #ddd; padding: 7px 0; }
.detail-content .body-element dl > .help-block2:first-of-type { margin-top: 10px; }
.detail-content .body-element dl > .help-block2:last-child { border-bottom: 0;}
.detail-content .body-element dl > .help-block2 a { padding: 5px 25px 5px 0; background: url(../../assets/image/ico/ico-link-blue.png) no-repeat right center !important; }
.detail-content .body-element dl > .help-block2 a:hover { text-decoration: underline !important; }

.answer-visual{padding:50px 85px;box-sizing:border-box; height:324px;background:url(../../assets/image/etc/img-answer-visual-1.png) no-repeat center center}
.answer-visual .title{font-size:20px;color:#fff;font-weight:600}
.answer-visual .infor{margin-top:20px;padding-left:20px;font-size:16px;color:#fff;background:url(../../assets/image/ico/tab-check-on.png) no-repeat left 4px}
@media all and (max-width:680px){
    .card-list li{float:none;width:100%}
    .detail-content .body-element dl{padding:30px 0px}
}

/* board */
.board-wrap{overflow:hidden;border-top:1px solid #0e457a;padding-bottom:100px}
.board-view-title-wrap {display:block;background-color:#0e457a;text-align:center;padding:8px 20px;}
.board-view-title-wrap .board-view-title{font-size:20px;font-weight:500;color:#fff;line-height:1.5;text-align:left;}
.board-view-contents{font-size:15px;color:#666;line-height:24px;overflow:hidden;position:relative;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:20px;color:#333;text-align:left;background-color:#f8f8f8;word-break: break-word;}
.board-view-contents pre{font-size:15px;color:#666;line-height:24px;word-break: break-word;}
.board-title{margin-top:40px;overflow:hidden}
.board-title .title-area{overflow:hidden;padding-bottom:10px;border-bottom:2px solid #0e457a}
.board-title.other .title-area{overflow:hidden;padding-bottom:0px;border-bottom:0}
.board-title .title-area .title{float:left;font-size:18px;color:#333333;font-weight:600}
.board-title .title-area .num{float:right;font-size:15px;color:#666;font-weight:400}
.board-title .comment-write{position:relative;padding:20px 110px 20px 20px;background-color:#f8f8f8;}
.board-title .comment-write textarea{width:100%;height:80px;border:1px solid #ddd;border-radius:4px;background-color:#fff;box-sizing:border-box;}
.board-title .comment-write button{position:absolute;right:20px;top:20px;width:70px;height:80px;background-color:#0e457a;border:0px;border-radius:4px;line-height:80px;font-size:15px;font-weight:600;text-align:center;color:#fff;cursor:pointer;}
.board-title.other + .evaluation-wrap{margin-top:10px}
.comment-list-wrap{overflow:hidden}
.comment-list-wrap .comment-article{overflow:hidden;border-bottom:1px solid #ddd;}
.comment-list-wrap .comment-article .comment-by{padding:15px 20px;background:#f8f8f8;border-bottom:1px solid #ddd;}
.comment-list-wrap .comment-article .comment-by span{display:inline-block;margin-right:20px;margin-left:20px;position:relative;font-size:15px;color:#333;font-weight:400}
.comment-list-wrap .comment-article .comment-by span::after{content:'';display:block;position: absolute;right:-20px;top:3px;height:15px;width:1px;background-color:#ddd}
.comment-list-wrap .comment-article .comment-by span:first-child{margin-left:0px;}
.comment-list-wrap .comment-article .comment-by span:last-child{margin-right:0px;}
.comment-list-wrap .comment-article .comment-by span:last-child::after{display:none}
.comment-list-wrap .comment-user-text-wrap{padding:15px 20px}
.comment-list-wrap .comment-user-text-wrap .comment-user-text{font-size:15px;color:#666;line-height:22px;}
.comment-list-wrap .comment-user-text-wrap .comment-replay-text{font-size:15px;color:#333;padding-left:20px;background:url(../image/ico/ico-replay-1.png) no-repeat 0px center;font-weight:600;margin-bottom:5px}
.comment-list-wrap .comment-user-text-wrap dl{display:inline-block;float:left;position:relative;margin-right:30px;padding:20px 0;}
.comment-list-wrap .comment-user-text-wrap dl dt, .comment-list-wrap .comment-user-text-wrap dl dd {font-size:14px; display:block;float:left;position:relative;line-height:18px; vertical-align:middle;}
.comment-list-wrap .comment-user-text-wrap dl dt { margin-right:8px;color:#333;font-weight:500;}
.comment-list-wrap .comment-user-text-wrap dl.file-list{padding-left:70px}
.comment-list-wrap .comment-user-text-wrap dl.file-list dt{position:absolute;left:0;top:20px;z-index:1}
.evaluation-wrap{margin-top:40px;overflow:hidden;border-top:2px solid #0e457a;border-bottom:1px solid #ddd;}
.evaluation-wrap .inner{position:relative;padding:20px 200px 20px 20px}
.evaluation-wrap .inner .title{font-size:16px;color:#333;font-weight:600}
.evaluation-wrap .radio-group{margin-top:5px;}
.evaluation-wrap .inner button{position:absolute;right:20px;top:30px;width:150px;height:35px;line-height:33px;font-size:14px;color:#fff;background-color:#999999;border-radius:4px;border:0;cursor: pointer;}
.evaluation-wrap .inner .form{margin-top:15px}
.evaluation-wrap .inner .form input{display:inline-block;}
.evaluation-wrap .inner .form label{display:inline-block;margin-right:20px;cursor: pointer;padding-left:2px}
.evaluation-wrap .inner .form label img{margin:0px 1px;}
.evaluation-wrap .textarea-wrap{padding:5px 20px 20px 20px;overflow:hidden}
.evaluation-wrap .textarea-wrap .inp{border-radius:3px;width:100%;display:flex;height:100px;border:1px solid #eee;background:#f8f8f8;box-sizing:border-box;}


/* board-view-meta */
.board-view-meta{ overflow:hidden;border-top:1px solid #ccc;padding:12px 20px;background-color:#f8f8f8 }
.board-view-meta:last-child{border:0}
.board-view-meta dl { display:inline-block;float:left;position:relative;margin-right:30px;padding:4px 0;}
.board-view-meta dl.file-list{padding-left:70px}
.board-view-meta dl.file-list dt{position:absolute;left:0;top:12px;z-index:1}
.board-view-meta dt, .board-view-meta dd {font-size:14px; display:block;float:left;position:relative;line-height:18px; vertical-align:middle;}
.board-view-meta dt, .board-view-meta dd span{display:inline-block;vertical-align:middle;padding:0px 5px}
.board-view-meta dt { margin-right:8px;color:#333;font-weight:500;}
.jin-wrap{padding:250px 0px 60px 0px;margin-top:50px;overflow:hidden;background-color:#eef7ff;background-image:url(../image/etc/etc-jin.png);background-repeat:no-repeat;background-position:center 50px;text-align:center;border:1px solid #ddd;border-radius:4px;}
.jin-wrap .infor{font-size:18px;color:#333333;}
.jin-wrap .infor strong{font-weight:600;color:#0e457a}

/* bi */
.bi-wrap{overflow:hidden;margin:50px 0px}
.bi-wrap .bi-top{}
.bi-wrap .bi-top .inner{border:10px solid #dcdcdc;height:300px;display:flex;justify-content:center;align-items:center;background-color:#fff}
.bi-wrap .bi-top .infor{margin-top:20px;font-size:15px;color:#333}
.bi-wrap .bi-body{margin-top:35px}
.bi-wrap .bi-body::after{content:'';display:block;clear:both}
.bi-wrap .bi-body .levels{position:relative;}
.bi-wrap .bi-body .levels .title{font-size:20px;color:#0E457A;font-weight:bold}
.bi-wrap .bi-body .levels .inner{margin-top:10px;width:100%;border: 1px solid #dcdcdc;box-sizing:border-box;padding:30px 15px}
.bi-wrap .bi-body .levels.col2{margin-left:-20px;}
.bi-wrap .bi-body .levels .column{float:left;width:50%;box-sizing:border-box;padding-left:20px;}
.bi-wrap .bi-body .levels .column.full{float:none;width:100%;padding-left:0px;}
.bi-wrap .bi-body .levels .inner.flex{height:380px;display:flex;justify-content:center;align-items:center;}
.bi-wrap .bi-body .levels .inner.flex.h250{height:250px;}
.bi-wrap .bi-body .levels .inner.flex p{float:left;padding:0px 30px}
.bi-wrap .bi-body .levels.col2 .inner.black{border:0;background-color:#333}
.bi-wrap .bi-body .levels .inner ul{overflow:hidden}
.bi-wrap .bi-body .levels .inner ul li{float:left;width:50%;padding:0px 15px 30px 15px;box-sizing:border-box;height:250px}
.bi-wrap .bi-body .levels .inner ul li:nth-child(n+3){height:200px}
.bi-wrap .bi-body .levels .inner ul li .title{font-size:15px;color:#333;padding-bottom:5px;border-bottom:1px solid #ddd}
.bi-wrap .bi-body .levels .inner ul li .cont{position:relative;padding-left:150px;margin-top:25px;}
.bi-wrap .bi-body .levels .inner ul li .cont::after{content:'';position:absolute;left:0;top:0;z-index:1;width:120px;height:120px;border-radius:50%;box-sizing:border-box;}
.bi-wrap .bi-body .levels .inner ul li .cont.blue::after{background-color:#003964}
.bi-wrap .bi-body .levels .inner ul li .cont.red::after{background-color:#ED1A3A}
.bi-wrap .bi-body .levels .inner ul li .cont.gray::after{background-color:#575757}
.bi-wrap .bi-body .levels .inner ul li .cont.white::after{background-color:#fff;border:1px solid #666}
.bi-wrap .bi-body .levels .inner ul li .cont dl{overflow:hidden;position:relative;padding-left:80px;margin-bottom:3px}
.bi-wrap .bi-body .levels .inner ul li .cont dl dt{width:100px;position:absolute;left:0;top:-1px;z-index:1;font-weight:bold;color:#333}
.bi-wrap .bi-body .levels .inner ul li .cont dl dd{font-size:13px;color:#666;font-weight:500}
.bi-wrap .bi-body .levels .inner ul li .cont dl dd span{font-weight:bold;}
.bi-wrap .bi-body .levels .inner ul li .cont.blue dl dd span{color:#003964}
.bi-wrap .bi-body .levels .inner ul li .cont.red dl dd span{color:#ED1A3A}
.bi-wrap .bi-body .levels .inner ul li .cont.gray dl dd span{color:#575757}
.bi-wrap .bi-body .levels .inner ul li .cont.white dl dd span{color:#666}
@media (max-width:768px) {
    .bi-wrap .bi-top .inner{height:auto;padding:40px 60px}
    .bi-wrap img{max-width:100%}
    .bi-wrap .bi-body .levels .inner ul li{width:100%;height:auto}
    .bi-wrap .bi-body .levels .column{float:none;width:100%}
    .bi-wrap .bi-body .levels .column + .column{margin-top:10px}
    .bi-wrap .bi-body .levels .inner ul li:nth-child(n+3){height:auto}
    .bi-wrap .bi-body .levels .inner.flex{height:auto;padding:40px 0px}
    .bi-wrap .bi-body .levels .inner.flex img{width:40%}
    .bi-wrap .bi-body .levels .inner.flex.h250{height:auto}
    .bi-wrap .bi-body .levels .inner.flex.h250 img{width:100%}
}
@media (max-width:480px) {
    .bi-wrap .bi-body .levels .inner ul li .cont{padding-left:0px;padding-top:160px}
    .bi-wrap .bi-body .levels .inner ul li .cont::after{left:50%;margin-left:-60px}

}

/* system */
.system-wrap{margin:100px 0px 50px 0px;overflow:hidden}
.system-wrap .system-top{overflow:hidden;padding:0px 40px 35px 40px;border-bottom:1px solid #ddd}
.system-wrap .system-top .logo{text-align:center;}
.system-wrap .system-top .infor{margin-top:25px;padding:25px 20px;background-color:#EFF5FC;text-align:center;font-size:15px;color:#333;}
.system-wrap .system-body{margin-top:60px;}
.system-wrap .system-body .title{font-size:20px;font-weight:bold;color:#0E457A;text-align:center}
.system-wrap .system-body .cont{margin-top:15px;border-top:2px solid #0E457B;display:flex;justify-content:space-between;align-items:center;padding:30px 80px 20px 80px;background-color:#F4F4F4}
.system-wrap .system-body .cont li{display:flex;flex-direction:column;}
.system-wrap .system-body .cont li span.ico{display:flex;justify-content:center;align-items:center;width:100px;height:100px;background-color:#fff;border-radius:50px;}
.system-wrap .system-body .cont li span.text{display:flex;justify-content:center;align-items:center;margin-top:10px;font-size:16px;color:#0E457B;font-weight:bold;text-align:center;height:50px}
.system-wrap .system-body .list-infor{overflow:hidden;padding-top:60px;}
.system-wrap .system-body .list-infor .title{font-size:17px;font-weight:600;padding-left:35px;background-repeat:no-repeat;background-position:0px 0px;padding-bottom:10px;border-bottom:1px solid #ddd;text-align:left}
.system-wrap .system-body .list-infor .title.ico1{background-image:url(../image/ico/ico-note1.png)}
.system-wrap .system-body .list-infor .title.ico2{background-image:url(../image/ico/ico-pencil1.png)}
.system-wrap .system-body .list-infor .title.ico3{background-image:url(../image/ico/ico-email.png)}
.system-wrap .system-body .list-infor .title.ico4{background-image:url(../image/ico/ico-seting.png)}
.system-wrap .system-body .list-infor > .text{font-size:16px;color:#333;padding:30px 0px 20px 0px}
.system-wrap .system-body .list-infor .item-list{display:flex;justify-content:space-between;margin:0px -2px}
.system-wrap .system-body .list-infor .item-list li{width:100%;position:relative;background-repeat:no-repeat;background-position:center 20px;margin:0px 2px;background-size:35%}
.system-wrap .system-body .list-infor .item-list li .text{height:160px;border:1px solid #ddd;text-align:center;box-sizing:border-box;padding:80px 10px 0px 10px;word-break:keep-all;font-size:14px;font-weight:500;color:#0E457A;box-sizing:border-box;}
.system-wrap .system-body .list-infor .item-list li .link{display:block;position:absolute;left:0;right:0;bottom:0;z-index:1;height:30px;line-height:30px;text-align:center;font-size:14px;color:#fff;background-color:#0E457B;text-decoration:none;}
.system-wrap .system-body .list-infor .item-list li .link span{display:inline-block;margin-left:6px;width:11px;height:11px;background:url(../image/ico/ico-arrow1.png) no-repeat}
.system-wrap .system-body .list-infor .item-list li .link:focus{outline:2px dashed #fff !important}
.system-wrap .system-body .list-infor .item-list li:nth-child(1){background-image:url(../image/main/ico-service02.png)}
.system-wrap .system-body .list-infor .item-list li:nth-child(2){background-image:url(../image/main/ico-service01.png)}
.system-wrap .system-body .list-infor .item-list li:nth-child(3){background-image:url(../image/main/ico-service03.png);background-size:40%}
.system-wrap .system-body .list-infor .item-list li:nth-child(4){background-image:url(../image/main/ico-service04.png);background-size:30%}
.system-wrap .system-body .list-infor .item-list li:nth-child(5){background-image:url(../image/main/ico-service05.png)}
.system-wrap .system-body .list-infor .item-list li:nth-child(6){background-image:url(../image/main/ico-service06.png);background-size:40%;background-position:center 25px;}
.system-wrap .system-body .list-infor .item-list li:nth-child(7){background-image:url(../image/main/ico-service07.png)}
.system-wrap .system-body .list-infor .item-list li:nth-child(8){background-image:url(../image/main/ico-service08.png)}

/*20240430 신예리 수정 및 추가*/
.system-wrap .system-body .list-infor .item-row-list{display:flex;justify-content:start; flex-wrap: wrap; }
.system-wrap .system-body .list-infor .item-row-list li{margin-right:5px; margin-top: 5px;}
.system-wrap .system-body .list-infor .item-row-list.link li:nth-child(3n){margin-right:0;}
.system-wrap .system-body .list-infor .item-row-list li a{display:flex;align-items:center;width:325px;height:55px;border:1px solid #ddd;background:url(../image/ico/ico-arrow.png) no-repeat 145px center;font-size:14px;font-weight:500;color:#0E457A;padding:0px 20px 0px 15px;box-sizing:border-box;text-decoration:none; box-sizing: unset;}
.system-wrap .system-body .list-infor .item-row-list.link li a{background:url(../image/ico/ico-link-blue.png) no-repeat 320px center;}
/*
.system-wrap .system-body .list-infor .item-row-list{display:flex;justify-content:start;}
.system-wrap .system-body .list-infor .item-row-list li{margin-right:5px;}
.system-wrap .system-body .list-infor .item-row-list li a{display:flex;align-items:center;width:175px;height:55px;border:1px solid #ddd;background:url(../image/ico/ico-arrow.png) no-repeat 145px center;font-size:14px;font-weight:500;color:#0E457A;padding:0px 20px 0px 15px;box-sizing:border-box;text-decoration:none; box-sizing: unset;}
.system-wrap .system-body .list-infor .item-row-list.link li a{background:url(../image/ico/ico-link-blue.png) no-repeat 145px center;}
*/
.other-gnb-wrap{width:1280px;height:auto;margin:0 auto;position:relative;text-align:left;text-indent:150px;}
.other-gnb-wrap .search-btn-wrap{position:absolute;right:0;top:50%;z-index:1;margin-top:-15px;}
@media (max-width:768px) {
    .system-wrap{margin:50px 0px 50px 0px}
    .system-wrap .system-body .cont{padding:30px 20px 20px 20px;display:block;overflow:hidden}
    .system-wrap .system-body .cont li{display:block;float:left;width:50%}
    .system-wrap .system-body .cont li{display:block;float:left;width:50%}
    .system-wrap .system-body .cont li span.ico{margin:0 auto}
    .system-wrap .system-body .list-infor .item-list{display:block;margin:0}
    .system-wrap .system-body .list-infor .item-list li{width:33.333333%;float:left;margin:0;}
    .system-wrap .system-body .list-infor .item-row-list{display:block;}
    .system-wrap .system-body .list-infor .item-row-list li{width:50%;float:left;margin:0;padding:0px 5px 5px 0px;box-sizing:border-box;}
    .system-wrap .system-body .list-infor .item-row-list li a{display:flex;width:calc(100% - 35px) !important;}
}
@media (max-width:486px){
    .system-wrap .system-body .list-infor .item-row-list li{width:99%;float:none;padding:0px 0 5px 0px;}
    .system-wrap .system-body .list-infor .item-row-list li a{width:calc(100% - 35px) !important;}
}

/* alert */
.alert-element{overflow:hidden;/*margin-top:50px;*/background-color:#F5F5F5;padding:15px 20px;font-size:14px; line-height: 20px; color:#0e5392;}
.alert-element + .tabs-list{margin:30px auto 20px auto}
.alert-element + .print_list{margin:30px 0px 50px 0px}
.sub-infor{position:relative;padding-left:10px;margin:50px 0px 0px 0px;font-size:18px;color:#333;font-weight:500}
.sub-infor::after{position:absolute;left:0;top:4px;z-index:1;width:3px;height:15px;background-color:#0e457a;content:''}

/* graph */
.graph-wrap{margin-top:20px;border:1px solid #ddd}
.graph-wrap > .title{padding:15px 20px;background:#f8f8f8;font-size:16px;color:#333;font-weight:600;border-bottom:1px solid #ddd}
.graph-wrap > .title span{color:#008ffb;font-weight:600}
.graph-wrap .option-list{display:flex;justify-content:space-between;}
.graph-wrap .option-list li{width:100%;border:1px solid #ddd;border-width:0px 1px 1px 0px;padding:15px 15px;font-size:15px;color:#505050;height:70px;text-align:center}
/*20230919 margin-top추가 */
.graph-wrap .option-list li span{margin-top:15px; display:block;font-size:15px;color:#333;font-weight:600;margin-bottom:4px}
.graph-wrap .option-list li:last-child{border-width:0px 0px 1px 0px}
.graph-wrap .graph-content{overflow:hidden}
.graph-wrap .graph-content li{float:left;width:50%;border-right:1px solid #ddd;height:360px;padding:30px 20px;box-sizing:border-box;}
.graph-wrap .graph-content li:last-child{border-right:0px;}
.graph-wrap .graph-content li .title{text-align:center;font-size:17px;color:#333;font-weight:600;padding-bottom:10px}

@media (max-width:768px) {
    .graph-wrap .graph-content li{float:none;width:100%;border-bottom:1px solid #ddd;border-right:0;height:auto}
    .graph-wrap .graph-content li:last-child{border-bottom:0px}
    .graph-wrap .option-list{display:block;overflow:hidden}
    .graph-wrap .option-list li{width:50%;float:left;box-sizing:border-box;}
}

/* sub title */
.sub-title-wrap{margin-top:35px;overflow:hidden}
.sub-title-wrap .subject{position:relative;font-size:24px;font-weight:600;color:#333;padding-left:10px;}
.sub-title-wrap .subject::after{position:absolute;left:0;top:3px;z-index:1;width:3px;height:23px;background-color:#0E457B;content:''}
.sub-title-wrap .infor{margin-top:10px;background:#F4F4F4;border:1px solid #ddd;box-sizing:border-box;padding:8px 10px;font-size:15px;color:#333}
.compare-wrap{padding:20px}
.compare-wrap .title{padding-bottom:5px;border-bottom:2px solid #0E457A;font-size:20px;font-weight:600;color:#0E457A;margin-bottom:18px}
.compare-wrap section + section{margin-top:50px}

/* other visual */
.other-visual{position:relative;width:1280px;max-width:100%;margin:0 auto;height:160px;background-size:cover;background:url(../image/etc/etc-other-visual.png) no-repeat center top;padding:30px 0px 0px 120px;box-sizing:border-box}
.other-visual .large-text{font-size:40px;color:#333;}
.other-visual .large-text strong{font-weight:600;color:#0E457A}
.other-visual .small-text{margin-top:5px;font-size:15px;color:#666;}
.other-visual .other-btn-pos{position:absolute;right:160px;top:23px;z-index:1;}
.other-visual .other-btn-pos p + p{margin-top:5px}
.other-visual .other-btn-pos a{margin-left:5px;display:block;padding:8px 10px;background-color:#21295C;font-size:15px;border-radius:4px;color:#fff;text-align:center}
.other-visual .other-btn-pos a.red{background-color:#E20123;}

/* orz */
.orz-list{overflow:hidden;border-bottom:1px solid #ddd;padding-bottom:40px;margin-top:30px}
.orz-list .logo{margin-bottom:10px}
.orz-list .add-wrap dl{overflow:hidden;position:relative;padding:5px 0px 5px 110px;min-height:28px}
.orz-list .add-wrap dl dt{position:absolute;left:0px;top:3px;z-index:1;width:100px;padding-left:23px;font-size:17px;color:#333;background-repeat:no-repeat;background-position:0px 3px;font-weight:bold}
.orz-list .add-wrap dl.add dt{background-image:url(../image/ico/ico-orz-loc.png)}
.orz-list .add-wrap dl.tel dt.ico1{background-image:url(../image/ico/ico-phone.png)}
.orz-list .add-wrap dl.tel dt.ico2{background-image:url(../image/ico/ico-orz-home.png)}
.orz-list .add-wrap dl dd{font-size:15px;color:#666;}
.orz-list .orz-info{margin-top:20px;background-color:#EEF5FD;padding:15px 20px}
.orz-list .orz-info .inner{overflow:hidden;}
.orz-list .orz-info .inner span{position:relative;display:inline-block;vertical-align:middle;font-size:15px;color:#666}
.orz-list .orz-info .inner span::after{position:absolute;right:12px;top:4px;height:15px;width:1px;background-color:#C4C4C4;content:''}
.orz-list .orz-info .inner span:last-child::after{display:none}
.orz-list .orz-info .inner span:first-child{padding-left:25px;padding-right:30px;background:url(../image/ico/ico-moniter.png) no-repeat 0px 3px}
.orz-list .orz-info .inner span strong{font-weight:500}
.orz-list .orz-info .inner + .inner{margin-top:10px}
.orz-list .col2{overflow:hidden}
.orz-list .col2 dl{width:50%;float:left;box-sizing:border-box;}
.orz-list a{display:inline-block;padding-right:27px;background: url(../image/ico/ico-link-blue.png) no-repeat 96% center;}
@media (max-width:768px) {
    .orz-list .col2 dl{width:100%;float:none}
    .orz-list .orz-info .inner span::after{display:none}
}

/* 07-09 */
/*20230919 margin-top추가*/
#setMap .sub_img_Layer{margin-top:40px; float:left; width:400px;height:600px;}
/* #setMap .right-cont{float:left;padding-left: 25px; width:670px;} */ /*241115 신예리 주석 및 아래 스타일 추가*/
#setMap .right-cont{float:none !important;width:100% !important;padding-left:0px !important}
.service-visual{margin-top:50px;background:url(../image/etc/etc-service.png) no-repeat center center;height:280px;display:table;width:100%}
.service-visual .inner{display:table-cell;vertical-align:middle;height:200px;padding-left:50px}
.service-visual .large-text{font-size:20px;color:#fff;font-weight:bold}
.service-visual .small-text{margin-top:10px;font-size:15px;color:#fff;font-weight:bold}
.service-item{overflow:hidden;margin:40px 0px 80px 0px;}
.service-item li{height:60px;width:20%;float:left;border-left:1px solid #E2E2E2;box-sizing:border-box;}
.service-item li:last-child{border-right:1px solid #E2E2E2}
.service-item li dl{overflow:hidden;height:72px;text-align:center}
.service-item li dl dt{font-size:15px;color:#333;margin-top:5px}
.service-item li dl dd{margin-top:5px;font-size:20px;color:#0E457A;font-weight:bold}
.service-info{position:relative;background-color:#333333;height:290px;width:560px;margin:100px auto 120px auto;border-radius:14px;padding:20px 16px;box-sizing: border-box;}
.service-info::after{position:absolute;left:50%;content:'';bottom:-112px;z-index:1;width:706px;height:112px;background:url(../image/etc/etc-monitor.png) no-repeat center top;margin-left:-353px}
.service-info .inner{background-color:#fff;border-radius:4px;text-align:center;box-sizing: border-box;padding:26px 16px 30px 16px}
.service-info .inner .text{display:block;font-size:20px;color:#333;margin-top:5px}
.service-info .inner .tel{margin-top:20px;background-image:url(../image/ico/ico-phone1.png);background-repeat:no-repeat;background-position:30px center;display:block;background-color:#F5F5F5;padding:20px 0px;border-radius:4px;font-size:26px;color:#0E457A;font-weight:bold}
.service-info .inner .tel strong{color:#0E457A}


/** s: 20211103 수정 **/
.service-list{overflow:hidden;margin-bottom:100px;margin-top: 40px;}
.service-list .title-info{padding:0px 20px;height:260px;text-align:center;background-color:#F8F8F8;font-size:24px;color:#333;border-radius: 15px;margin-bottom: 40px;}
.service-list .title-info strong{font-size:32px;font-weight:bold;color:#0E457A}
.service-list .title-info span{display:inline-block;vertical-align:middle;font-size:50px;font-weight:bold}
.service-list .title-info span.text{display:inline-block;vertical-align:middle;font-size:20px;color:#333;font-weight:normal;margin-right:5px}
.service-list .title-info span.c1{color:#84B1DF;margin-top:-6px}
.service-list .title-info span.c2{color:#705D9B;margin-top:-6px}
.service-list .title-info span.c3{color:#F6AA55;margin-top:-6px}
.service-list .title-info span.c4{color:#D84362;margin-top:-6px}
.service-list .title-info span.img{margin:10px 0 0 30px;}
.service-list .cont-list{overflow:hidden;text-align:left;margin-top:-1px}
.service-list .cont-list li{float:left;width: calc(33.333% - 14px);margin: 0 20px 0 0px;box-sizing:border-box;padding:40px;height:388px;border: 1px solid #ddd;border-radius: 15px;}
.service-list .cont-list li:last-child{margin-right:0}
/*20240411 신예리 수정 - 기존 text-align:left / text-align:center로 변경 */
.service-list .cont-list li span{display:block;text-align:center;}
.service-list .cont-list li .title{font-size:24px;font-weight:400;line-height:32px;color:#222;height:64px;text-align: center;}
.service-list .cont-list li .info{font-size:15px;font-weight:normal;line-height:24px;color:#666;margin-top:25px;height:100px}
/*20240411 신예리 수정 - background 위치 값 변경 및 css추가 */
.service-list .cont-list li .tel{padding:8px 0px 10px 40px;background:url(../image/ico/ico-phone1.png) no-repeat 70px top;font-size:14px;color:#0E457A;margin-top:30px;color:#0E457A}
.service-list .cont-list li:nth-child(3) .tel {padding:8px 0px 10px 40px;background:url(../image/ico/ico-phone1.png) no-repeat 25px top;font-size:14px;color:#0E457A;margin-top:30px;color:#0E457A}

.service-list .cont-list li .tel a{color:#111}
.service-list .cont-list li .link{padding:8px 0px 8px 40px;background:url(../image/ico/ico-home1.png) no-repeat left top;font-size:14px;color:#0E457A;margin-top:10px}
.service-list .cont-list li .link a{color:#0E457A}
.service-list .cont-list li .search{background:url(../image/etc/etc-search-link.png) no-repeat center top;height:35px;font-size:14px;color:#111111;box-sizing:border-box;line-height:34px;margin-top:30px;text-align:center;text-indent:14px;}
.service-list .cont-list li .search a{color:#0E457A}
.service-list .cont-list li .kakao{background:url(../image/ico/ico-kakao.png) no-repeat center top;height:35px;font-size:14px;color:#111111;box-sizing:border-box;text-align:center;line-height:34px;margin-top:10px}
.service-list .cont-list li .kakao a{color:#111}

@media (max-width:1280px) {
    /* map */
    #setMap .sub_img_Layer{display:none}
    #setMap .right-cont{float:none !important;width:100% !important;padding-left:0px !important}
}
@media (max-width:1024px) {
    .service-list .title-info{height:190px;padding:20px 30px}
    .service-list .title-info span.img img{height:180px;}
}
@media (max-width:768px) {
    .service-list .title-info{height:auto;padding:40px 30px}
    .service-list .title-info span.img img{display: none;}
    .service-item{padding:0px 0px}
    .service-item li{height:auto;width:100%;float:none;border-right:0px;border-bottom:1px solid #ddd;}
    .service-item li dl{padding:20px 0px 20px 90px}
    .service-list .cont-list li{
        width: calc(50.333% - 14px);
        margin-bottom: 20px;
    }
    .service-list .cont-list li:nth-child(2n){
        margin-right:0;
    }
}
@media (max-width:560px) {
    .service-list .cont-list li{float:none;width:100%;}
    .service-list .cont-list li:last-child{margin:0}
    .service-list .cont-list li{padding:30px 48px}
    .service-list .cont-list li,
    .service-list .cont-list li .title,
    .service-list .cont-list li .info{height:auto}
    .service-list .title-info span.text{
        display: block;
        line-height: 40px;
    }
    .service-list .title-info span.img{
        margin:0;
    }
    .service-info{width:100%;height:auto;margin:40px auto 120px auto}
    .service-info .inner .tel{background-image:none}
    .service-info .inner .tel strong{display:block}
    .service-info::after{background-size:60%}
}

@media (max-width:420px){
    .service-list .title-info span.text b{
        display:block;
    }
}
@media (max-width:280px){
    .service-list .title-info strong{
        display:block;
    }
    .service-list .cont-list li {
        padding: 30px 15px;
    }
}
/** e: 20211103 수정 **/

/* event */
.event-wrap{overflow:hidden;margin-top:50px}
.event-wrap img{max-width:100%}
.raido-inline span{display:inline-block}
.raido-inline span label{display:inline-block;width:50px;padding-left:7px;}
.raido-inline span input{vertical-align:top;margin-top:4px}
.main-event-pop{position:absolute;left:0;top:0;z-index:10000;box-shadow:1px 10px 15px rgba(0,0,0,.3);display:none}
.main-event-pop .popup-close{position:absolute;right:15px;top:15px;z-index:10000;}
.main-event-pop .popup-bottom{padding:10px 20px;text-align:right;color:#fff;background:#383838;font-size:12px;}
.main-event-pop .popup-bottom span{display:inline-block;color:#fff;margin-left:10px}
.main-event-pop .popup-bottom span.day-close a{height:17px;display:block;color:#fff;padding-right:20px;background:url(../image/etc/etc-main-pop-close1.png) no-repeat 98% 0px}

p.ked_top{ overflow:hidden; position:relative; padding:50px 0 30px 0; }
a.ked_btn{ display:inline-block; position:absolute; top:40px; right:0; padding:10px 20px; border-radius:20px; }

@media (max-width:1024px) {
    .main-event-pop{display:none !important}
}

.on-progress{font-size: 12px; margin: 10px 10px 0 15px; padding-bottom: 10px; display: inline-block;}