@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;}