@charset "utf-8";
#wrap{width: 100%;position: relative;overflow: hidden;}
.inner{width: 1180px;margin: auto;position: relative;overflow: hidden;}
#header{width: 100%;height: 70px;position: relative;}
#header .lnb{padding: 25px 0 0 25px; width: 55px;float: left;height: 70px;position: absolute;z-index: 1;left: 0;top: 0;}
#header .util{float: right;position: relative;z-index: 1;}
#header .util li{width: 60px;height: 70px;border-left: 1px solid #e1e1e1;text-align: center;font-size: 11px;line-height: 90px;}
#header .util li{background: url(/images/user/common/home.png) no-repeat 50% 25%;}
/* #header .util li:last-of-type{background: url(/images/user/common/admin.png) no-repeat 50% 25%;} */
#header .util li a{color: #959595;width: 100%;height: 100%;display: inline-block;}
#header .inner{height: 270px;}
#header .util_2{position: absolute; right: 80px; width: 204px; top: 50%; transform: translateY(-50%);z-index: 5;}
#header .util_2 ul li{float: left;padding: 3px 10px; border: 1px solid #000;border-radius: 20px; margin-right: 15px;font-size: 12px;}
#header .util_2 ul li::after{display: block;content:""; clear: both;}
#header .util_2 ul li:first-child{border: 1px solid #005b9e;color: #005b9e;padding: 3px 20px;margin-right: 10px;}
#header .util_2 ul li:last-child{border: 1px solid #959595;color: #959595; margin-right:0;}

#nav{width: 100%;height: 120px;position: relative;}
#nav .gnb-bg{display: inline-block;content:"";width: 100%;height: 50px;background:#eef3f9;position: absolute;left: 0;bottom: 0;z-index: 2;}
.gnb>li{float: left;width: 11%;text-align: center;height: 70px;line-height: 70px;font-weight: 600;font-size: 16px;}
.gnb>li:hover>a{color: #005b9e;position: relative;}
.gnb>li.active>a{color: #005b9e;position: relative;}
.gnb>li.active>a::after{display: inline;content:"";width: 100%;height: 2px;background: #005b9e;position: absolute;bottom: -26px;left: 50%;transform: translateX(-50%);}
.gnb>li:nth-child(6){width: 16%;}
.gnb>li:nth-child(8){width: 14%;}
.gnb>li>.depth02{width: 1180px;height: 50px;background:#eef3f9;position: relative;z-index: 3;padding-left: 40px;}
.gnb>li .depth02>ul li{float: left;height: 50px;margin-right: 20px;line-height: 50px;font-weight: 400;font-size: 15px;color: #666;}
.gnb>li .depth02>ul li:hover{color: #000;font-weight: 600;}
.gnb>li:last-of-type>.depth02{position: absolute;right: 0;}
.gnb>li:last-of-type>.depth02 ul{float: right;margin-right: 50px;}

.all-menu{width: 100%;height: 270px;position:absolute;z-index: 3; background: #eef3f9;padding: 30px 0 25px;}
.all-menu .inner{height: 260px;}
.all-menu .close{position: absolute;right: 0;bottom: 0;}
.all-menu .menu{width: 12%;height: 170px;float: left;border-left: 1px solid #ece5e5;padding: 0 5px 0 5px;}
.all-menu .menu:first-child{border-left: 0;}
.all-menu .menu:nth-child(6),.all-menu .menu:nth-child(8){width: 14%;}
.all-menu .menu strong{font-size: 15px;font-weight: 600;margin-bottom: 15px;display: block;}
.all-menu .menu ul li{font-size: 14px;margin-bottom: 5px;color: #78797a;}
.all-menu .menu ul li:hover{color: #005b9e;font-weight: 600;text-decoration:underline#005b9e;}

.footer-wrap{width: 100%;height: auto;position: relative;}
#footer{width: 100%;height: auto;position: relative;}
.footer-top{width: 100%;height: 55px;background: #eaeaea;line-height: 55px;}
.footer-top ul li{float: left;}
.footer-top ul li a{font-size: 14px;color: #666;}
.footer-top ul li a::after{display: inline-block;content:"";width: 1px;height: 13px;background: #ccc;margin:0 20px;vertical-align: middle;}
.footer-top ul li:last-child a::after{display:none;}
.footer-top ul li.blue a{color: #1c66b1;}
.footer-con{padding: 25px 35px;}
.footer-con .footer-logo{width: 330px;height: 70px;line-height: 70px;float: left;margin-right: 58px;}
.footer-con address{font-size: 14px;font-style: normal;color: #666;line-height: 1.5;}
.footer-con .relate-site{width: 235px;height: 35px;border: 1px solid #dadada;color:#666;line-height: 35px;position: relative;padding-left: 12px;float: right;}
.footer-con .relate-site::before{display: inline-block;content:""; width: 2px;height: 33px;background: #1c66b1;position: absolute;left: 0;}
.footer-con .relate-site a{font-size: 14px;}
.footer-con .relate-site a img{margin-left: 10px;}

#contents{width: 100%;position: relative;overflow: hidden;}
#contents .cont-bg{display: block;content:"";width: 100%;height: 100%;background:rgba(0,0,0,0.5);position:absolute;z-index: 2;}
#contents::after{display: block;content:"";clear: both;}
.main-visual {overflow: hidden; position: relative;z-index: 1;width: 100%;height: auto;}
.banner-navi{margin: auto;width: 100%;position: absolute;left: 50%;bottom: 30px;transform: translateX(-50%);z-index: 1;}
.banner-navi .control-wrap{width: 100%;height: 50px;}
.banner-list .text-area-wrap{width: 1185px;height: 325px;text-align: center;margin: auto;padding-top: 95px;}
.banner-list .text-area-wrap .text01{font-size: 48px;line-height: 40px;color: #fff;text-shadow:6px 5px 3px #000;font-weight: 600;}
.banner-list .text-area-wrap .text02{color: #fff;font-size: 25px;}
.banner-list .text-area-wrap .text02 span{display: block;padding-top: 20px;margin-bottom: 10px;font-size: 20px;font-weight: 300;}
.main-visual .slick-dots{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: auto;}

.info-wrap{width: 100%;height: 200px;background: #005b9e;padding: 45px 0 35px;}
.info-wrap img{margin-left: 15px;float: left;}
.info-wrap .info-box{margin-left: 190px;}
.info-wrap .info-box::after{display: inline-block;content:"";width: 1px;height: 127px;background: #1f6faa;position: absolute;left: 14%;top: 0;}
.info-wrap .info-box p{color: #fff;font-size: 14px;}

.section-wrap{width: 100%;height: auto;position: relative;padding:50px 0;background: #f8fafc;}
.section01{width: 470px;margin-right: 40px;float: left;margin-bottom: 50px;}
.section02::after{display: block;content:"";clear: both;}
.section03{position: relative;}
.section03::after{display: block;content:"";clear: both;}
.section a.more{font-size: 14px;font-weight: 400;color: #696968;line-height: 40px;position: absolute;right: 0;top: 0;}
.board-wrap{width: 100%;position: relative;height: auto;}
.sec-tit{font-size: 20px;font-weight: 600;color: #222;height: 40px; border-bottom: 2px solid #424b58;}
.board-wrap ul{width: 100%;height: 68px;line-height: 68px;border-bottom: 1px solid #ebece9;}
.board-wrap ul li{float: left;color: #666;font-size: 15px;width: 100%;}
.board-wrap ul li span{float: right;font-weight: 400;color: #a4a4a2;}
.board-wrap ul li a{display: inline-block;}
.board-wrap ul li:hover a{color: #005b9e;text-decoration: underline #1c66b1;}

.quick-banner-wrap .quick{float: left;width: 215px;height: 185px;margin: 0 10px 10px 0;text-align: center;position: relative;}
.quick.box01{border: 4px solid #c5ede6;background: url(/images/user/main/quick01.png) no-repeat 50% 20%;}
.quick.box02{border: 4px solid #c3e0f6;background: url(/images/user/main/quick02.png) no-repeat 50% 20%;}
.quick.box03{margin-right: 0;border: 4px solid #d6def3;background: url(/images/user/main/quick03.png) no-repeat 50% 20%;}
.quick.box04{border: 4px solid #c0eaef;background: url(/images/user/main/quick04.png) no-repeat 50% 20%;}
.quick.box05{border: 4px solid #dcefcd;background: url(/images/user/main/quick05.png) no-repeat 50% 20%;}
.quick.box06{margin-right: 0;border: 4px solid #f9e8ea;background: url(/images/user/main/quick06.png) no-repeat 50% 20%;}
.quick-banner-wrap .quick a{width: 100%;height: 100%;display: inline-block;}
.quick-banner-wrap .quick .text-line{position: absolute;left: 50%;bottom: 10%;transform: translateX(-50%);width: 100%;}
.quick-banner-wrap .quick:nth-child(2) .text-line,.quick-banner-wrap .quick:nth-child(4) .text-line{bottom: 15%}
.quick-banner-wrap .quick p{font-size: 18px;font-weight: 600;}
.quick-banner-wrap .quick span{font-size: 14px;}

.quick-banner-wrap .quick:hover{background: #fff;border: 4px solid #1c66b1;}
.quick.box01:hover{background: url(/images/user/main/quick01_hover.png) no-repeat 50% 20%;}
.quick.box02:hover{background: url(/images/user/main/quick02_hover.png) no-repeat 50% 20%;}
.quick.box03:hover{background: url(/images/user/main/quick03_hover.png) no-repeat 50% 20%;}
.quick.box04:hover{background: url(/images/user/main/quick04_hover.png) no-repeat 50% 20%;}
.quick.box05:hover{background: url(/images/user/main/quick05_hover.png) no-repeat 50% 20%;}
.quick.box06:hover{background: url(/images/user/main/quick06_hover.png) no-repeat 50% 20%;}

.download-wrap{width: 100%;height: auto;position: relative;padding-top: 20px;}
.download-wrap .d-box{width: 24%;height: 63px;border: 1px solid #dadada;background: #fff;border-radius: 5px;float: left;margin: 0 15.5px 10px 0;
    line-height: 63px;position: relative;background-repeat: no-repeat;background-position: 20px 50%;}
.download-wrap .d-box:nth-child(4),.download-wrap .d-box:nth-child(8){margin-right: 0;}
.download-wrap .d-box:nth-child(1){background-image: url(/images/user/main/down1.png);}
.download-wrap .d-box:nth-child(2){background-image: url(/images/user/main/down2.png);}
.download-wrap .d-box:nth-child(3){background-image: url(/images/user/main/down3.png);}
.download-wrap .d-box:nth-child(4){background-image: url(/images/user/main/down4.png);}
.download-wrap .d-box:nth-child(5){background-image: url(/images/user/main/down5.png);}
.download-wrap .d-box:nth-child(6){background-image: url(/images/user/main/down6.png);}
.download-wrap .d-box:nth-child(7){background-image: url(/images/user/main/down7.png);}
.download-wrap .d-box:nth-child(8){background-image: url(/images/user/main/down8.png);}
.download-wrap .d-box::after{display: inline-block;content:"";width: 14px;height: 16px;background: url(/images/user/common/download.png) no-repeat;position: absolute;
    right: 20px;top: 50%; transform: translateY(-50%);}
.download-wrap .d-box a{width: 100%;height: 100%;display: inline-block;}
.download-wrap .d-box p{display: inline-block;font-weight: 600;font-size: 16px;margin-left:60px;}
/*.download-wrap .d-box:nth-child(5),.download-wrap .d-box:nth-child(6),.download-wrap .d-box:nth-child(7){line-height: 1.4}
.download-wrap .d-box:nth-child(5) p, .download-wrap .d-box:nth-child(6) p, .download-wrap .d-box:nth-child(7) p{padding-top: 10px;}*/
.download-wrap .d-box span{display: block;margin-left: 60px;font-size: 14px;}
.download-wrap .d-box:hover{border: 1px solid #1c66b1;color: #1c66b1;}

/* 서브컨텐츠 */
.sub-visual{background-size: cover;display: table;text-align: center;width: 100%;height: 180px;background-position: 50% 50%;vertical-align: middle;line-height: 180px;}
.sub-visual.info{background-image: url(/images/user/sub/sub-bg01.png);}
.sub-visual.gs{background-image: url(/images/user/sub/sub-bg02.png);}
.sub-visual.ktl_mark{background-image: url(/images/user/sub/sub-bg03.png);}
.sub-visual.swtest{background-image: url(/images/user/sub/sub-bg04.png);}
.sub-visual.vv{background-image: url(/images/user/sub/sub-bg05.png);}
.sub-visual.tech{background-image: url(/images/user/sub/sub-bg06.png);}
.sub-visual.it_sw{background-image: url(/images/user/sub/sub-bg07.png);}
.sub-visual.forum{background-image: url(/images/user/sub/sub-bg08.png);}
.sub-visual .text01{font-size: 48px;color: #fff;}
.contents-wrap{position: relative;width: 100%;margin: auto;margin-bottom: 50px;}
.aside-wrap{width: 260px;height: auto;margin-right: 30px;float: left;}
.aside-wrap .title-area{height: 110px;background-image: url(/images/user/sub/title-bg.png);line-height: 110px;}
.aside-wrap .title-area h3{font-size: 24px;font-weight: 400;color: #fff;text-align: center;}
.aside-wrap .aside-menu{width: 100%;height: auto;border: 1px solid #ccc;border-top: 0;padding: 20px;}
.aside-wrap .aside-menu>ul>li{margin-bottom: 5px;}
.aside-wrap .aside-menu>ul>li:last-child{margin-bottom:0}
.aside-wrap .aside-menu>ul>li::before{display: inline-block;content:""; width: 3px;height: 3px;background: #333;vertical-align: super;margin-right: 3px;border-radius:50%}
.aside-wrap .aside-menu>ul>li.active::before{background: #1c66b1;display: inline-block;content:""; width: 3px;height: 3px;vertical-align: super;margin-right: 3px;}
.aside-wrap .aside-menu ul>li>a{font-size: 16px;}
.aside-wrap .aside-menu ul li.active a{color: #1c66b1;}
.aside-wrap .aside-menu ul li img{float: right;margin-top: 5px;}
.aside-wrap .aside-menu .depth02{padding:5px 0 0 10px;margin-bottom: 10px;}
.aside-wrap .aside-menu .depth02 ul li{margin-bottom: 5px;}
.aside-wrap .aside-menu .depth02 ul li a{font-size: 14px;color:#7a7a7a ;}
.aside-wrap .aside-menu .depth02 ul li.active a{color: #1c66b1;}
.aside-wrap .download-box{margin-top: 40px;width: 100%;height: auto;border: 1px solid #ccc;border-top: 3px solid #258dd9;}
.aside-wrap .download-box strong{font-size: 16px;font-weight: 600;color: #000;display: block;height: 40px;background: #f1f7ff;text-align: center;line-height: 40px;}
.aside-wrap .download-box ul li{height: 45px;line-height: 45px; border-top: 1px solid #ccc;padding-left: 10px;color: #7a7a7a;font-size: 14px;background:url(/images/user/common/sub-download.png)no-repeat 95% 50%;}
.aside-wrap .download-box ul li a{width: 100%;height: 100%;display: inline-block;}
.aside-wrap .download-box ul li:hover{color: #005b9e;background: #f6f6f6;background:url(/images/user/common/sub-download_hover.png)no-repeat 95% 50%;}
.aside-wrap .download-box ul li img{float: right;}

.sub-contents{float: left;width: calc(100% - 290px);padding-top: 50px;}
.sub-contents.bigcontents{float: none;width:890px;margin: auto;}
.sub-contents.extracontents{float: none;width:1180px;margin: auto;}
.sub-contents .page-title{border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;margin-bottom: 40px;}
.sub-contents .page-title h4{font-size: 24px;font-weight: 600;color: #000;display: inline-block;}
.sub-contents .breadcrumb{float: right;clear: initial;display: inline-block;margin-top: 7px;}
.sub-contents .breadcrumb span{color: #7a7a7a;background-image: url(/images/user/common/crumb-icon.png);background-repeat: no-repeat;background-position: 0 50%;padding:0 10px 0 13px;font-size: 14px;}
.sub-contents .breadcrumb span:first-child{background: none;}
.sub-contents .breadcrumb span:last-child{color: #1c66b1;}
.text-box{width: 100%;height: auto;padding:20px 45px 20px 140px;margin-bottom: 40px;position: relative;border: 2px dashed #b2b2b2;background: url(/images/user/sub/text-deco.png)no-repeat 40px 50%;}
.text-box.ktlmark{background: url(/images/user/sub/ktlmark.png) no-repeat 25px 50%;padding: 20px 45px 20px 115px;}
.text-box.gsmark{background: url(/images/user/sub/gsmark.png) no-repeat 25px 50%;padding: 20px 45px 20px 115px;}
.text-box.nonbg{width: 100%;height: auto;padding:20px 45px;margin-bottom: 40px;position: relative;border: 2px dashed #b2b2b2;background:none}
.text-box p{font-size: 16px;color: #666;line-height: 1.5;}
.text-box p strong{color: #222;font-weight: 600;}

.subhead{background-image: url(/images/user/sub/text-deco02.png);background-repeat: no-repeat;margin-bottom: 30px;}
.subhead.nonbg{background: none;}
.sub-tit{font-size: 20px;font-weight: 600;color: #222;margin-bottom: 20px;margin-left: 7px;}
img.deco{vertical-align: text-top;}
.subhead li{font-size: 16px;margin-bottom: 10px;color: #333;}
.subhead li::before{display: inline-block;content:"";width: 4px;height: 4px;border-radius: 50%;background: #444;vertical-align: middle;margin-right: 5px;}
.subhead li span{display: block;font-size: 14px; margin-left: 10px;margin-top: 10px;color: #666;}
.subhead li em{font-style: normal;color: #005b9e;}
.subhead li em a:hover{text-decoration: underline #005b9e;}
.subhead.process::after{display: block;content:"";clear: both;}
.subhead.process li::before{display: none;}
.subhead .explain{width: 165px;height: 190px;border: 1px solid #e2e2e2;border-radius: 5px;float: left;margin-right: 50px;padding-bottom: 10px;position: relative;}
.subhead .explain::after{display: inline-block;content:"";width: 30px;height: 22px;background: url(/images/user/sub/sw-process.png) no-repeat;position: absolute;right: -40px;top: 50%;transform: translateY(-50%);}
.subhead .explain:last-child::after{display:none;}
.subhead .explain strong{display: block; font-size: 16px;color: #000;margin-bottom: 0; background: #f5fbff;height: 40px;border-bottom: 1px solid #e2e2e2;line-height: 40px;text-align: center;font-weight: 600;}
.subhead .explain span{display: block; font-size: 14px;margin:0 0 5px 18px; color: #666;}
.subhead .explain span:first-of-type{padding-top: 15px;}
.subhead .explain:nth-of-type(3) span:first-of-type{padding-top: 45px;}
.subhead .explain:nth-of-type(4) span{line-height: 135px;padding: 0;}
.subhead.table li::before{display: none;}

.board-search{width: 100%;height: 58px;border: 1px solid #dfdfdf;box-shadow:1px 4px 3px #f3f3f3 ;margin-bottom: 35px;line-height: 58px;padding: 0 20px;}
.board-search span{color: #222;font-size: 14px;font-weight: 600;float: left;}
.board-search span::before{display: inline-block;content:""; width: 3px;height: 3px;border-radius: 50%;background: #575757;margin-right: 5px;vertical-align: middle;}
.board-search span strong{color: #0272c4;font-weight: 600;}
.board-search .search-bar{float: right;}
.board-search .search-bar label{color: #222;font-weight: 600;margin-right: 10px; margin-left: 15px;position: relative;vertical-align: middle;}
.board-search .search-bar input.search{width: 138px;height: 25px;border: 1px solid #b5b5b5;margin-left: 10px;}
.board-search .search-bar input.date{width: 90px;height: 25px;border: 1px solid #b5b5b5;font-size: 12px;}
.board-search .search-bar input.date:last-of-type{margin-left: 0;}
.board-search .search-bar input.search::placeholder{font-size: 12px;letter-spacing: -1px;}
.board-search .search-bar input.search3{width: 140px;}
.board-search .search-bar input.searchWrd{width: 100px;}
.board-search .search-bar img{border: 1px solid #b5b5b5;border-left: 0; padding: 3.5px 10px;margin-left: -4px;}
.board-search .search-bar button{width: 60px;height: 25px;margin-left: 5px;line-height: 26px;font-weight: 600;font-size: 13px;}
.board-search .search-bar button.search{background: #666;color: #fff;}
.board-search .search-bar button.cancel{border: 1px solid #b5b5b5;color: #7a7a7a; }

.board-search.itsw{line-height: 40px;height: auto;}
.board-search.itsw span{float: none;}
.board-search.itsw .search-bar{float: none;}
.board-search.itsw .search-bar label:first-child{margin-left: 0;}
.board-search.itsw .search-bar:nth-of-type(1) label:nth-of-type(2){margin-left: 107px;}

.field-wrap{width: 100%;height: auto; position: relative;border-top: 3px solid #005b9e;}
.field-wrap::after{display: block;content:"";clear: both;}
.field-line{float: left; width: 31.4%;margin-right: 25px;}
.field-line:last-child{margin-right: 0;}
.field-line ul li{width: 100%;height: 40px;border-bottom: 1px solid #e5e5e5;padding-left: 15px;line-height: 40px;font-size: 13px;color: #666;}
.field-line ul li::before{display: inline-block;content:"";width: 3px;height: 3px;background: #666;border-radius: 50%;vertical-align: middle;margin-right: 5px;}
.field-line ul li.empty::before{display: none;}
.field.img{background: url(/images/user/common/sub-logo.png)no-repeat 100% 100%;width: 100%;height: 85px;}

/* 찾아오시는 길 */
p.img{position: relative;}
.large-map{position: absolute;right: 8px;bottom: 50px;}
.large-map strong{padding: 3px 15px;background: #005b9e;color: #fff;border-radius: 20px;font-size: 12px;}

/* KTL마크인증 */
.tab-cont h5{font-size: 20px;color: #005f9a;margin-bottom: 20px;}
.tab-cont .mark-box{width: 100%;height: auto;border: 1px solid #d6dde1;margin-bottom: 35px;}
.tab-cont .mark-box .logo-bg{width: 110px;border-right: 1px solid #d6dde1;float: left;}
.tab-cont .mark-box .logo-bg.mark01{height: 97px;background: url(/images/user/sub/mark01.png) no-repeat 50% 50%;}
.tab-cont .mark-box .logo-bg.mark02{height: 148px;background: url(/images/user/sub/mark02.png) no-repeat 50% 50%;}
.tab-cont .mark-box .logo-bg.mark03{height: 148px;background: url(/images/user/sub/mark03.png) no-repeat 50% 50%}
.tab-cont .mark-box::after{display: block;content:"";clear: both;}
.tab-cont .mark-box p{font-size: 16px;color: #666;margin: 23px 50px 23px 140px;line-height: 1.6;}
.tab-cont .mark-box p strong{color: #005f9a;}
.process-wrap{padding-left: 6%;}
.process-wrap::after{display: block;content:"";clear: both;}
.process-wrap .circle{width: 110px;height: 110px;border-radius: 50%;border: 1px dashed #005b9e;margin-right: 35px; float: left;position: relative;
    line-height: 110px;text-align: center;}
.process-wrap .circle:last-child{line-height: 1.4;padding-top: 33px;margin-right: 0;}
.process-wrap .circle:last-child::after{display: none;}
.process-wrap .circle:nth-child(odd){background: #f7f9ff;}
.process-wrap .circle:nth-child(even){background: #f1faf8;}
.process-wrap .circle::after{display: inline-block;content:"";width: 35px;height: 25px;background: url(/images/user/sub/text-deco03.png)no-repeat;
position: absolute;right: -36px;top: 50%;transform: translateY(-50%);}
.system-wrap{width: 100%;height: 772px;position: relative;background: #f0f6fb;border-radius: 15px;border: 1px solid #828384;padding: 45px 20px 20px 20px;margin-bottom: 20px;}
.system-wrap>span{position: absolute;left: 50%;top: 0;transform: translateX(-50%);padding: 5px 20px;background: #666;color: #fff;border-radius: 0 0 15px 15px;}
.system-wrap.wrap01 .system-box{width: 415px;height: 380px;position: relative;background: #fff;border-radius: 10px;border: 1px solid #828384;float: left;font-size: 15px;
    margin-bottom: 20px;padding: 15px 30px;}
.system-wrap .system-box::after{display: block;content:"";clear: both;}
.system-wrap.wrap01 .system-box:nth-of-type(odd){margin-right: 18px;}
.system-wrap.wrap01 .system-box:nth-of-type(1),.system-wrap .system-box:nth-of-type(2){height: 305px;}
.system-wrap .system-box strong{color: #005b9e;margin-bottom: 10px;display: block;margin-left: -6px;}
.system-wrap .system-box strong::before{display: inline-block;content:"";width: 3px;height: 3px;border-radius: 50%;background: #005b9e;vertical-align: middle;margin-right: 5px;}
.system-wrap .system-box ul li{font-size: 14px;margin-bottom: 5px;}
.system-wrap .system-box ul li span{color: #7a7a7a;}
.system-wrap.wrap02{background: #f0fbf5;height: auto;}
.system-wrap.wrap02 .system-box{width: 415px;height: auto;position: relative;background: #fff;border-radius: 10px;border: 1px solid #828384;font-size: 15px;
    margin-bottom: 20px;padding: 15px 30px;}
.system-wrap.wrap02 .system-box:nth-of-type(2){margin-bottom: 0;}
.system-wrap.wrap02 .system-box:nth-of-type(3){position: absolute;right: 20px;top: 45px;width: 415px;height: 368px;margin-bottom: 0;}

/* 소프트웨어 품질포럼 - 로그인 화면*/
.login-wrap{border: 1px solid #e2e5ea;height: 210px;}
.login-wrap .login-box{height: 100%; padding: 30px 50px 30px 30px; width: 500px;border-right: 1px solid #e2e5ea;float: left;}
.login-wrap .login-box p{margin-bottom: 18px;}
.login-wrap .login-box label{width: 80px;display: inline-block;font-size: 14px;}
.login-wrap .login-box input{width: 335px;height: 35px;border-radius: 5px;color: #b1b1b1;border: 1px solid #dfe2e7;}
.login-wrap .login-box p:last-of-type label{color: #005b9e;margin-bottom: 20px;}
.login-wrap .login-box span{display: inline-block;width: 335px;height: 40px;line-height: 40px;background: #005b9e;color: #fff;float: right;
    border-radius: 5px;text-indent: 70px;font-size: 14px;position: relative;}
.login-wrap .login-box span::after{display: inline-block;content:"";width: 13px;height: 15px; background: url(/images/user/common/login.png) no-repeat;position: absolute;
    left: 55%;top: 50%;transform: translateY(-50%);}
.login-wrap .login-box span a{width: 100%;height: 100%;display: inline-block;}
.login-wrap .login-info{background: #fafafb;padding: 30px;width: 388px;height: 100%;float: left;}
.login-wrap .login-info ul li{font-size: 14px;margin-bottom: 20px;color: #666;position: relative;}
.login-wrap .login-info ul li:last-child{color: #005b9e;line-height: 1.6;}
.login-wrap .login-info ul li::before{display: inline-block;content:"";width: 4px;height: 4px;background: #444;border-radius: 50%;position: absolute;left: -7px;top: 10px;}
.login-wrap .login-info span{width: 170px;height: 40px;text-indent: 10px; line-height: 40px; background: #fff;border: 1px solid #005b9e;color: #005b9e;border-radius: 5px;
    display: block;margin: auto;position: relative;}
.login-wrap .login-info span::after{display: inline-block;content:"";width: 13px;height: 13px;background: url(/images/user/common/check.png) no-repeat;position: absolute;
    right: 15px; top: 50%;transform: translateY(-50%);}
.login-wrap .login-info span a{width: 100%;height: 100%;display: inline-block;}

/* 소프트웨어 품질포럼 - 비밀번호변경*/
.table-view.user th span{color: red;}
.table-view.user td span{font-size: 13px;color: #b1b1b1;margin-left: 10px;}
.table-view.user td input{width: 250px;border: 1px solid #dfdfdf;}

/* 자유게시판 */
.table-list table td img.reply{vertical-align: baseline;}
.table-view td input.long{width: 100%;}
.table-view td a {position: relative;}
.table-view td a input.midlong{width: 86%;}
.table-view td input.midlong + img{position: absolute;right: 10%;top: 35%;}
.table-view td a.delete{line-height: 25px;height: 25px;vertical-align: bottom;float: right;}
span.impor {color: #666;font-size: 12px;}
span.necessary {display: block;text-align: right;}
strong.red{color: #ff1111;}

/* 에러 페이지 */
.error-wrap{border: 1px solid #eee;background: url(/images/user/common/logo.png)no-repeat 25px 30px;padding: 40px 0 40px 0;}
.error-wrap div.img{width: 80px;height: 80px;background: url(/images/user/common/error.png) no-repeat;margin: auto;margin-bottom: 20px;}
.error-wrap strong{font-size: 22px;display: block;text-align: center;margin-bottom: 8px;}
.error-wrap p{text-align: center;}
.error-wrap p::after{display: block;content:"";width: 290px;height: 1px;background: #b5b5b5;margin: 15px auto 25px;}
.error-wrap p span{color: #005b9e;}

/* 시스템 점검 안내 */
.system-check{border: 1px solid #eee;padding: 60px 0;width: 890px;height: 500px;margin: auto;margin-top: 140px;
    background: url(/images/user/common/system-bg.png) no-repeat 50% 90%;}
.system-check div.img{width: 156px;height: 31px;background: url(/images/user/common/logo.png) no-repeat;margin: auto auto 30px;}
.system-check strong{display: block; margin-bottom: 30px;font-size: 22px;color: #005b9e;text-align: center;}
.system-check p{margin-bottom: 30px;font-size: 18px;text-align: center;}

/* 메인 팝업 */
.popup{position: absolute;width: 500px;height: auto;left: 100px;top: 50px;z-index: 1;border: 3px solid #005b9e;}
.popup .closebox{width: 100%;height: 30px;background: #eef3f9;padding: 0 10px;line-height: 30px;border-top: 1px solid #e1e1e1;}
.popup .closeBtn{float: right;}

/* 레이어팝업 */
.poplayer{width: 600px;height: 275px;background: #fff;z-index: 1300;
    position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.poplayer .top{width: 100%;height: 72px;background: #07497c;color: #fff;line-height: 72px;padding: 0 20px;font-size: 20px;}
.poplayer .close{float: right;}
.poplayer p{text-align: center;padding: 30px 0 0 20px;font-size: 18px;}
.poplayer span{display: block; text-align: center;color: #0667b1;font-size: 18px;}
.poplayer .exit{margin: auto;width: 230px;height: 55px;background: #424445;margin-top: 35px;}
.poplayer .exit button{width: 100%; display: block; color: #fff;margin: auto;line-height: 55px;font-size: 18px;}

/* QR팝업 */
.qr-wrap{padding: 30px; text-align: center;}
.qr-wrap p strong{color: #005b9e;}
.code-box{margin-top: 20px;}
.code-box span{display:block;margin-bottom: 10px;}
.code-box .user{height: 35px;line-height: 35px;border-radius: 5px;border: 1px solid #dfe2e7;margin-left: 5px;}
.code-box .otpcode{height: 35px; padding: 5px;background: #005b9e; border: 0; color: #fff;border-radius: 3px;margin-left: 5px;}
.complete {width: 500px;height: 320px;padding-top: 80px; border: 1px solid #eaeaea;background: url(/images/user/common/footer-logo.png) no-repeat;text-align: center;margin: 30px auto;}
.complete h2{font-size: 20px;color: #000;font-weight: 600;margin-bottom: 20px;}
.complete p{margin-bottom: 40px;}
.complete button{display: block; width: 420px;height: 50px;background: #6395df;color: #fff;font-size: 18px; margin: auto;}