@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.greeting{font-family:'NanumSquare',sans-serif;color:#242424;}
.greeting .top{background-color:rgba(14,33,83,.03);}
.greeting .top .contain{display:flex;justify-content:center;padding:70px 30px;}
.greeting .top .img{margin-right:172px;}
.greeting .top .txt-box{padding-top:55px;}
.greeting .top .txt{font-size:28px;line-height:1.714em;display:inline-block;position: relative;margin-bottom:90px;}
.greeting .top .txt:before, .greeting .top .txt:after{content:'';width:41px;height:36px;background-repeat:no-repeat; background-size:contain;background-position:50% 50%;position: absolute;}
.greeting .top .txt:before{background-image:url('../images/sub/icon_rest1.png');position: absolute;left:-100px;top:-23px;}
.greeting .top .txt:after{background-image:url('../images/sub/icon_rest2.png');position: absolute;right:-12px;bottom:-23px;}
.greeting .top .txt span{color: #1b41a1;font-weight:700;}
.greeting .president{font-size:18px;}
.greeting .president span{font-size:28px;font-weight:700;}
.greeting .txt-area{text-align:center;font-size:18px;margin-top:65px;}
.greeting .txt-area p{margin-bottom:20px;}
.greeting .txt-area p:last-child{margin-bottom:0;}

.history .top .flex{display:flex;margin-bottom:30px;}
.history .top .flex .logo{margin-right:32px;}
.history .top .flex p{font-size:35px;font-weight:500;line-height:1em;font-family: 'Montserrat', sans-serif;}
.history .top .flex p:nth-child(1){color: #21bbef;}
.history .top .flex p:nth-child(2){color: #0e2153;}
.history .top .flex p:nth-child(3){color: #242424;font-size:45px;font-weight:700;}
.history .top .nanum{color: #242424;font-size: 20px;font-weight:700;}
.history .con{margin-top:60px;display:flex;position:relative;}
.history .con:after{content:'';width:2px;height:100%;background-color: #ddd;position: absolute;left:330px;top:0;}
.history .years{font-family: 'Montserrat', sans-serif;font-size:60px;font-weight:500;color: #242424;margin-right:214px;}
.history .years span{font-size:45px;}
.history .info-area{padding-top:35px;}
.history .info-area .year{font-size:26px;font-weight:800;color: #242424;padding-bottom: 20px;border-bottom: 1px solid #eee;margin-bottom:25px;}
.history .info-area .row>li{display:flex;}
.history .info-area .row>li .month{color: #0b2254;font-size:18px;font-weight: 700;margin-right:23px;}
.history .info-area .row>li>ul>li{padding-left:13px;position: relative;margin-bottom:15px;}
.history .info-area .row>li>ul>li:before{content:'';width:5px;height:5px;border-radius:50%;background-color: #21bbef;position: absolute;left:0;top:11px;}
.history .info-area .info.type2{margin-top:65px;}
.history .info-area .info.type2 .year{font-family:'NanumSquare',sans-serif;}
.history .info-area .info.type2 .month{font-family:'NanumSquare',sans-serif;}
.history .info-area .info.type2 .row>li>ul>li{margin-bottom:35px;}

.business .top{background-color: #f8f8f8;padding:32px 10px 29px;font-size:18px;text-align:center;margin-bottom:50px;border-radius:10px;}
.business .top p .type1{font-size:13px;font-weight:700;}
.business .top p .blue{font-weight:800;}
.business .con h3{padding-left:30px;color: #242424;font-weight:800;font-size: 23px;position: relative;margin-bottom:25px;}
.business .con h3:before{content:'';width:20px;height:20px;background:url('../images/sub/icon_list.png')no-repeat 50% 50%/contain;position:absolute;left:0;top:2px;}
.business .con ul{display: flex;flex-wrap:wrap;padding:35px 20px 21px 63px;border:1px solid #ddd;border-radius:6px;justify-content:space-between;}
.business .con ul li{width:calc(50% - 5px);font-size:18px;margin-bottom:14px;padding-left:12px;position: relative;}
.business .con ul li:before{content:'';width:3px;height:3px;border-radius:50%;background-color:#102557;position:absolute;left:0;top:10px;}

.location .root_daum_roughmap {width:100% !important; height:450px !important;}
.location .root_daum_roughmap .wrap_map {height:450px !important;}
.location .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.location .roughmap_lebel_text:after {content:"한국수상안전진흥협회"; font-size:12px; line-height:15px;}
.location .address-wrap{margin:34px 0 23px;}
.location .address-wrap .blue2{font-weight:500;}
.location .address-wrap .nanum{font-size:23px;font-weight:700;line-height:1em;margin:5px 0;}
.location .address-wrap .number span{margin-left:18px;}
.location .info dl{display:flex;padding:29px;border-bottom:1px solid #ddd;}
.location .info dl:nth-child(1){border-top:1px solid #ddd;}
.location .info dt{max-width:150px;width:100%;padding-left:39px;position:relative;}
.location .info dt:before{content:'';width:20px;height:20px;position:absolute;left:0;top:4px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;}
.location .info dl:nth-child(1) dt:before{background-image:url('../images/sub/icon_tel.png');}
.location .info dl:nth-child(2) dt:before{background-image:url('../images/sub/icon_fax.png');}
.location .info dl:nth-child(3) dt:before{background-image:url('../images/sub/icon_mail.png');}

.doc-page{font-family:'NanumSquare',sans-serif;}
.doc-page .top{padding:45px 10px;border-radius:10px;background-color: #f8f8f8;text-align:center;margin-bottom:40px;}
.doc-page .top{display:flex;flex-direction:column;align-items:center}
.doc-page .top p{font-size:18px;line-height:1.833em;}
.doc-page .top p.type2{margin:15px 0 10px;}
.doc-page .top .c-24, .doc-page .top .brown, .doc-page .top .blue2{font-weight:700;}
.doc-page .top .dot-list li{padding-left:13px;position:relative;text-align:left;}
.doc-page .top .dot-list li:before{content:'';width:3px;height:3px;background-color:#333;position: absolute;left:0;top:11px;border-radius:50%;}
.doc-page .con{border-top:1px solid #454545;border-bottom:1px solid #454545;}
.doc-page .con .info{padding:41px 60px;display:flex;align-items:center;border-bottom:1px dashed #ddd;}
.doc-page .info.type2{align-items:normal;}
.doc-page .info:last-child{border-bottom:0;}
.doc-page .info h3{color:#fff;border-radius:50%;width:132px;height:132px;background-color: #52628b;display:flex;justify-content:center;align-items:center;text-align:center;line-height:1.550em;font-weight:800;margin-right:40px;}
.doc-page .info h3.type2{background-color: #0e2153;}
.doc-page .info h3.type3{background-color: #070d1d;}
.doc-page .info h3.type4{background-color: #7f90bd;}
.doc-page .info .txt-area{min-width:0;width:1%;flex:1 1 auto;color: #333;}
.doc-page .info .txt-area .txt{font-size:18px;line-height:1.550em;}
.doc-page .info .txt-area .txt.type2{margin-bottom:20px;}
.doc-page .info .txt-area .txt.type3{margin-bottom:25px;}
.doc-page .info .txt-area .txt.type4{margin-bottom:10px;}
.doc-page .info .txt-area .brown{line-height:1.750em;}
.doc-page .info .txt-area>ol{margin-bottom:35px;}
.doc-page .info .txt-area>ol>li{margin-bottom:20px;font-size:18px;}
.doc-page .info .txt-area>ol>li:last-child{margin-bottom:0;}
.doc-page .info .txt-area h4{font-size:18px;}
.doc-page .info .txt-area .box{background-color: #fcfae9;border-radius:10px;padding:35px 30px;margin-bottom:35px;}
.doc-page .info .txt-area .box.type2{margin-bottom:0;margin-top:40px;}
.doc-page .info .txt-area .box.type3{background-color: #fafafa;}
.doc-page .info .txt-area .box h4{margin-bottom:20px;}
.doc-page .info .txt-area .box>ol{padding-left:9px;}
.doc-page .info .txt-area .box>ol>li{line-height:1.750em;margin-bottom:3px;}
.doc-page .info .txt-area .box>ol>li:last-child{margin-bottom:0;}
.doc-page .info .txt-area .box>ol>li>ol{padding-left:15px;}
.doc-page .info .txt-area .box .txt{position:relative;padding-left:16px;font-size:18px;font-weight:700;line-height:2em;margin-bottom:5px;}
.doc-page .info .txt-area .box .txt .bullet{position:absolute;left:0;}
.doc-page .info .txt-area .box .list-tit{font-size:20px;font-weight:800;margin-bottom:9px;}
.doc-page .info .txt-area .box .list-tit span{font-weight:700;}
.doc-page .info .txt-area .box .list-tit.type2{position: relative;padding-left:22px;}
.doc-page .info .txt-area .box .list-tit.type2:before{content:'';width:12px;height:11px;background:url('../images/sub/icon_arrow.png')no-repeat 50% 50%/contain;position: absolute;left:0;top:6px;}
.doc-page .info .txt-area .box ol.noto li{position:relative;padding-left:25px;}
.doc-page .info .txt-area .box ol.noto li .num{position: absolute;left:0;top:0px;}
.doc-page .info .txt-area .box .strong-txt{font-weight:700;margin-top:20px;}
.doc-page .info .txt-area .box .wrap.type2{margin-top:30px;}
.doc-page .info .txt-area .dot-list{margin-bottom:10px;margin-top:-5px;}
.doc-page .info .txt-area .dot-list li{padding-left:22px;position:relative;}
.doc-page .info .txt-area .dot-list li:before{content:'';width:4px;height:4px;border-radius:50%;position: absolute;left:9px;top:11px;background-color: #454545;}
.doc-page .info .txt-area .benchmark h4{margin-bottom:16px;}
.doc-page .info .txt-area>.flex-box{display:flex;}
.doc-page .info .txt-area>.flex-box .cnt.type2{margin-left:64px;}
.doc-page .info .txt-area>.flex-box>.noto li{margin-bottom:5px;}
.doc-page .info .txt-area>.flex-box>.noto li:last-child{margin-bottom:0;}
.doc-page .info .txt-area .num-tit{font-size:18px;font-weight:700;position: relative;padding-left:25px;margin-bottom:10px;}
.doc-page .info .txt-area .num-tit .num{position: absolute;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background-color: #7f90bd;color:#fff;font-family: 'Montserrat', sans-serif;left:0;top:2px;font-weight:400;}		
.doc-page .info .txt-area .num-tit .num.type2{background-color: #52628b;}
.doc-page .info dl{display:flex;font-size:18px;margin-bottom:5px;}
.doc-page .info dl dt{margin-right:20px;font-weight:700;}
.doc-page .info dl:last-child{margin-bottom:0;}
.doc-page .info .content{margin-bottom:35px;}
.doc-page .info .content .box{margin-top:0;}
.doc-page .info .content .flex-box{display:flex;margin-right:-20px;}
.doc-page .info .content .scope{width:calc(50% - 20px);margin-right:20px;background-color:#fafafa;border-radius:10px;padding:25px 10px 25px 50px;display:flex;}
.doc-page .info .content .scope .icon{margin-right:30px;margin-top:5px;}
.doc-page .info .content .scope .tit{font-size:18px;font-weight:800;color: #434f6d;margin-bottom:10px;}
.doc-page .info .content .scope .tit.type2{color: #0e2153;}
.doc-table table{width:100%;border-collapse:collapse;border-spacing:0;color:#454545;font-family:'Noto Sans KR',sans-serif;letter-spacing:-.04em;}
.doc-table thead th{background-color: #0e2153;color: #fff;padding:15px 10px;font-weight:500;}
.doc-table tbody th{background-color: #fafafa;font-weight:500;padding:11px 20px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.doc-table tbody td{padding:11px 13px;border-bottom:1px solid #ddd;}
.doc-table tbody td .flex-box{display:flex;}
.doc-table tbody td .flex-box .dot-list{margin:0 !important;}
.doc-table tbody td .flex-box .dot-list li{padding-left:19px !important;}
.doc-table tbody td .flex-box .dot-list li:before{width:3px;height:3px;}
.doc-table tbody td .c-24{font-weight:500;}
.doc-table thead th, .doc-table tbody td{border-right:1px solid #ddd;}
.doc-table table .score{text-align:center;padding:11px 0;}
.doc-table table .score-txt{line-height:1.938em;}
.doc-table table .hypen-list li{position: relative;padding-left:15px;}
.doc-table table .hypen-list li:after{content:'';width:4px;height:2px;background-color:#454545;position: absolute;left:0;top:13px;}
.doc-table .total{text-align:center;background-color: #cedcff;color: #242424;font-weight: 500;}
.doc-table .br0{border-right:0;}
.doc-table .bb0 td, .benchmark .bb0 th{border-bottom:0;}
.doc-table.type2{margin-bottom:35px;}
.bb0{border-bottom:0 !important;}
.bg-fc{background-color:#fcfcfc;}	
.red{color: #ba1616;font-weight:700;}
.arrow-tit{font-size:20px;color: #242424;font-weight:700;padding-left: 28px;position:relative;margin-bottom:10px;}
.arrow-tit:before{content:'';width:18px;height:18px;background:#0e2153 url('../images/sub/tit_arrow.png')no-repeat 50% 50%/7px;position: absolute;left:0;top:4px;border-radius:50%;}
.dot{font-size:20px;font-weight:700;}
.inline-txt.type2{margin-top:-4px;}
.bb1{border-bottom:1px solid #ddd;}
.fz14{font-size:14px;line-height:1.286em;}