@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.blue{color: #0054a6 !important;}
.location .maps .root_daum_roughmap {width:100% !important; height:450px !important;}
.location .maps .root_daum_roughmap .wrap_map {height:450px !important;}
.location .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.location .maps .roughmap_lebel_text:after {content:"한국표준광기술"; font-size:12px; line-height:15px;}
.location .info{margin-top:35px;}
.location .info .top{margin-bottom:25px;}
.location .info .top .blue{font-weight:700;line-height:1.2em;margin-bottom:3px;}
.location .info .top .tt{color: #242424;font-size:23px;font-weight:600;line-height:1.4em;}
.location .info .top .num{margin:0 -10px;}
.location .info .top .num span{padding:0 10px;}
.location .info dl{padding:30px;display:flex;border-bottom:1px solid #ddd;}
.location .info dl:first-child{border-top:1px solid #ddd;}
.location .info dl dt{min-width:150px;padding-left:38px;position:relative;font-size:18px;font-weight:500;color: #242424;}
.location .info dl dt:before{content:'';width:20px;height:20px;background:url('../images/sub/icon_tel.png')no-repeat 50% 50%/contain;position: absolute;left:0;top:4px;}
.location .info dl dt.type2:before{background-image:url('../images/sub/icon_fax.png');}
.location .info dl dt.type3:before{background-image:url('../images/sub/icon_mail.png');}

.greeting .top{margin-bottom:65px;}
.greeting .top .contain{display:flex;}
.greeting .top .logo{max-width:300px;margin-right:60px;}
.greeting .top .logo img{width:100%;}
.greeting .top .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.greeting .top .tt-wrap p strong{color: #242424;font-weight:600;font-size:18px;line-height:1.4em;}
.greeting .top .tt-wrap p{margin-bottom:20px;}
.greeting .top .tt-wrap p:last-child{margin-bottom:0;}
.greeting .con{padding:70px 0;margin-bottom:70px;background-color: #f5f9ff;}
.greeting .con ul{display:flex;flex-wrap:wrap;margin:0 -10px -20px;}
.greeting .con ul li{width:33.3333%;padding:0 10px;margin-bottom:20px;}

.busi .content{margin-bottom:50px;}
.busi .content:last-child{margin-bottom:0;}
.busi .content h3{font-size:30px;color: #242424;font-weight:600;line-height:1.2em;padding-bottom:15px;margin-bottom:40px;border-bottom: 1px solid #242424;}
.busi .content .con1>ul{display:flex;flex-wrap:wrap;margin:0 -10px -35px;}
.busi .content .con1>ul>li{width:25%;padding:0 10px;margin-bottom:35px;}
.busi .content .con1>ul>li .tt-wrap{margin-top:15px;}
.busi .content .con1>ul>li .tt-wrap .tit{font-size:20px;color: #242424;font-weight:600;padding-bottom:10px;margin-bottom:10px;line-height:1.2em;border-bottom:1px dashed #ddd;}
.busi .content .con1>ul>li .tt-wrap .tit .num{font-size:18px;font-weight:400;color: #0054a6;}
.dot-list li{position:relative;font-size:15px;line-height:1.2em;padding-left:10px;margin-bottom:3px;}
.dot-list li:last-child{margin-bottom:0;}
.dot-list li:before{content:'';width:3px;height:3px;background-color: #0054a6;border-radius:50%;position: absolute;left:0;top:7px;}
.ic-tit{font-size:20px;font-weight:600;color: #242424;position:relative;padding-left:30px;margin-bottom:17px;}
.ic-tit:before{content:'';width:20px;height:20px;background:url('../images/sub/ic_tit.png')no-repeat 50% 50%/contain;position: absolute;left:0;top:4px;}
.busi .content .flex-con{display:flex;margin:0 -15px 55px;}
.busi .content .flex-con .cnt{padding:0 15px;}
.busi .content .flex-con .cnt .box{background-color: #f2f6fa;padding:30px;border-radius:20px;}
.busi .content .flex-con .cnt .box .inner{display:flex;margin:0 -8px;}
.busi .content .flex-con .cnt .box .inner .wrap{padding:0 8px;text-align:center;}
.busi .content .flex-con .cnt .box .inner .wrap p{color: #242424;font-weight:500;line-height:1.5em;margin-top:14px;}
.busi .content .con2 .imgs{display:flex;flex-wrap:wrap;margin:0 -10px -20px;}
.busi .content .con2 .imgs li{width:25%;padding:0 10px;margin-bottom:20px;}
.busi .content .con2 .box{margin-top:40px;border-radius:20px;background-color: #fafafa;padding:35px 40px;}
.busi .content .con2 .box .dot-list li{margin-bottom:7px;font-size:18px;}
.busi .content .btm-con{margin-top:70px;display:flex;}
.busi .content .btm-con .info{max-width:280px;width:100%;padding:40px 50px;position:relative;margin-right:50px;}
.busi .content .btm-con .info:before{content:'';width:100%;height:100%;border:10px solid #ddd;position: absolute;left:0;top:0;border-top-left-radius:20px;border-bottom-left-radius:20px;}
.busi .content .btm-con .info:after{content:'';width:10px;height:80%;background-color: #fff;position: absolute;right:0;top:50%;transform:translateY(-50%);z-index:1;}
.busi .content .btm-con .info .logo{margin-bottom:30px;}
.busi .content .btm-con .info .wrap{margin-bottom:30px;}
.busi .content .btm-con .info .wrap:last-child{margin-bottom:0;}
.busi .content .btm-con .info .wrap .tit{font-size:24px;font-weight:600;color: #0f5eab;line-height:1.2em;margin-bottom:5px;}
.busi .content .btm-con .info .wrap .tt{font-size:18px;line-height:1.556em;}
.busi .content .btm-con .bg{min-width:0;width:1%;flex:1 1 auto;background:url('../images/sub/busi_img20.jpg')no-repeat 20% 50%/cover;}

.pg-menu{padding:35px 20px;margin-bottom:40px;border-top:1px solid #333;border-bottom:1px solid #ddd;}
.pg-menu ul{display:flex;margin:0 -19px;flex-wrap:wrap;margin-bottom:-10px;justify-content:center;}
.pg-menu ul li{padding:0 19px;margin-bottom:10px;position:relative;}
.pg-menu ul li:after{content:'';width:1px;height:10px;background-color: #ddd;position: absolute;right:0;top:50%;transform:translateY(-50%);}
.pg-menu ul li:last-child:after{display:none;}
.pg-menu ul li a{font-size:18px;transition:.3s;line-height:1em;position:relative;}
.pg-menu ul li.active a{color: #0054a6;}
.pg-menu ul li.active a:after{content:'';width:100%;height:1px;background-color: #0054a6;position: absolute;left:0;bottom:0;}

.recruit .content{margin-bottom:65px;}
.recruit .content:last-child{margin-bottom:0;}
.recruit .content h3{font-size:30px;font-weight:600;color: #242424;margin-bottom:20px;}
.recruit .content .con1{border-top:1px solid #242424;border-bottom:1px solid #ddd;}
.recruit .content .con1 .row{border-bottom:1px solid #ddd;padding:60px 0;display:flex;align-items:center;}
.recruit .content .con1 .row:last-child{border-bottom:none;}
.recruit .content .con1 .row .left{padding-left:25px;max-width:305px;width:100%;font-size:24px;font-weight:600;color: #242424;}
.recruit .content .con1 .row .right{min-width:0;width:1%;flex:1 1 auto;}
.recruit .content .con1 .row .right .step-list{display:flex;margin:0 -35px;}
.recruit .content .con1 .row .right .step-list li{padding:0 35px;}
.recruit .content .con1 .row .right .box{background-color: #f9f9f9;border-radius:20px;padding:30px 40px;}
.recruit .content .con1 .row .right .box .row2{display:flex;align-items:center;margin-bottom:30px;}
.recruit .content .con1 .row .right .box .row2:last-child{margin-bottom:0;}
.recruit .content .con1 .row .right .box .row2 .tit{min-width:110px;font-size:18px;color: #242424;font-weight:600;}
.recruit .content .con1 .row .right .box .row2 .info{min-width:0;width:1%;flex:1 1 auto;background-color: #edf3f9;border-radius:20px;padding:20px;}
.recruit .content .con1 .row .right .box .row2 .info dl{display:flex;margin-bottom:10px;}
.recruit .content .con1 .row .right .box .row2 .info dl:last-child{margin-bottom:0;}
.recruit .content .con1 .row .right .box .row2 .info dl dt{min-width:73px;color: #0054a6;font-weight:600;margin-top:-5px;}
.recruit .content .con1 .row .right .box .row2 .info dl dd{min-width:0;width:1%;flex:1 1 auto;}
.recruit .dot-list li{font-size:16px;margin-bottom:5px;}
.recruit .dot-list li strong{color: #242424;font-weight:600;}

.recruit .content.type2 h3{margin-bottom:10px;}
.recruit .content.type2 .tt{margin-bottom:20px;}
.recruit .content.type2 .con2{padding:55px;border-top:1px solid #242424;border-bottom:1px solid #ddd;}
.recruit .content.type2 .con2 ul{display:flex;margin:0 -20px;}
.recruit .content.type2 .con2 ul li{width:16.6666%;display:flex;align-items:center;padding:0 20px;}
.recruit .content.type2 .con2 ul li .icon{max-width:50px;width:100%;}
.recruit .content.type2 .con2 ul li .icon img{width:100%;}
.recruit .content.type2 .con2 ul li .tit{min-width:0;width:1%;flex:1 1 auto;color: #242424;font-weight:600;margin-left:15px;line-height:1.2em;}