@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.pri{color:#25215e;}

.greeting{display:flex;align-items:center;}
.greeting .img{max-width:700px;width:100%;margin-right:65px;}
.greeting .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.greeting .tt-wrap .top-tt{font-size:36px;line-height:1.444em;color: #2c2c2c;font-weight:500;margin-bottom:20px;}
.greeting .tt-wrap .top-tt span{padding:0 5px;font-weight:700;color: #fff;background-color: #25215e;}
.greeting .tt-wrap .wrap p{font-size:20px;line-height:1.7em;margin-bottom:20px;}
.greeting .tt-wrap .wrap p strong{font-weight:600;}
.greeting .tt-wrap .wrap p:last-child{margin-bottom:0;}

.history .con{position:relative;}
.history .con:after{content:'';width:1px;height:92%;background-color: #ddd;position: absolute;left:365px;top:25px;}
.history .con .row{display:flex;margin-bottom:20px;}
.history .con .row:last-child{margin-bottom:0;}
.history .con .row:last-child .right .wrap:last-child:after{display:none;}
.history .con .row .left{min-width:365px;font-size:48px;font-weight:700;color:#121212;position:relative;overflow:hidden;line-height:1.083em;}
.history .con .row .left:after{content:'';width:200px;height:1px;background-color: #ddd;position: absolute;left:165px;top:25px;}
.history .con .row .right{min-width:0;width:1%;flex:1 1 auto;padding-left:34px;}
.history .con .row .right .wrap{padding-bottom:25px;position:relative;margin-bottom:20px;}
.history .con .row .right .wrap:last-child{margin-bottom:0;}
.history .con .row .right .wrap:after{content:'';background-color: #ddd;height:1px;position: absolute;left:-34px;right:0;bottom:0;}
.history .con .row .right .wrap .year{font-size: 36px;line-height: 1.444em;font-weight:600;margin-bottom:10px;position:relative;}
.history .con .row .right .wrap .year:before{content:'';width:26px;height:26px;border-radius:50%;background-color: #fff;border:8px solid #25215e;position: absolute;left:-46px;top:14px;z-index:1;}
.history .con .row .right .wrap ul li{display:flex;line-height:1.6em;position:relative;margin-bottom:10px;}
.history .con .row .right .wrap ul li:last-child{margin-bottom:0;}
.history .con .row .right .wrap ul li:after{content:'';width:7px;height:7px;border-radius:50%;background-color: #ddd;position: absolute;left:-37px;top:8px;z-index:1;}
.history .con .row .right .wrap ul li .month{min-width:50px;color: #2c2c2c;font-weight:600;}
.history .con .row .right .wrap ul li .tt{min-width:0;width:1%;flex:1 1 auto;font-weight:300;}

.pg-menu{margin-bottom:80px;}
.pg-menu ul{display:flex;}
.pg-menu ul li{flex:1;}
.pg-menu ul li:first-child a:after{left:1px;}
.pg-menu ul li a{background-color: #fafafa;position:relative;height:64px;display:flex;justify-content:center;align-items:center;font-size:17px;line-height:1.3em;text-align:center;margin-left:-1px;color: #878787;}
.pg-menu ul li a:after{content:'';width:100%;height:100%;border:1px solid #ddd;position: absolute;left:0;top:0;}
.pg-menu ul li.active a{color: #fff;background-color: #25215e;font-weight:600;}
.pg-menu ul li.active a:after{border-color: #25215e;}

.ssfd1 .tit{margin-top:50px;font-size:36px;font-weight:700;margin-bottom:30px;}
.ssfd1 .tit .sm{font-size:20px;color: #505050;font-weight:300;}
.ssfd1 .tt{font-size:20px;line-height:1.6em;font-weight:300;}
.ssfd1 .tt strong{font-weight:600;}

.ssfd2 ul{display:flex;margin:0 -50px;}
.ssfd2 ul li{width:50%;padding:0 50px;text-align:center;position: relative;}
.ssfd2 ul li:first-child:after{content:'';width:59px;height:34px;background:url('../images/sub/ssfd2_arr.png')no-repeat 50% 50%/contain;position: absolute;right:-30px;top:42%;}
.ssfd2 ul li .tit{font-size:20px;margin-top:20px;}

.ssfd3 ul{display:flex;margin:0 -15px;}
.ssfd3 ul li{width:20%;padding:0 15px;text-align:center;}
.ssfd3 ul li .tit{font-size:20px;margin-top:20px;}

.ssfd4 ul{display:flex;flex-wrap:wrap;margin:0 -30px -55px;}
.ssfd4 ul li{width:50%;padding:0 30px;margin-bottom:55px;}
.ssfd4 ul li .tit{font-weight:600;line-height:1.4em;margin-bottom:20px;font-size: 26px;}

.ssfd5 .content{padding-bottom:70px;}
.ssfd5 .content.type2{padding:70px 0 120px;background-color: #f4f4f4;}
.doc-tit{font-size:36px;font-weight:700;line-height:1.2em;margin-bottom:35px;}
.ssfd5 .content ul{display:flex;flex-wrap:wrap;margin:0 -10px -35px;}
.ssfd5 .content ul li{width:25%;padding:0 10px;margin-bottom:35px;}
.ssfd5 .content ul li .img{position:relative;}
.ssfd5 .content ul li .img .num{width:50px;height:50px;display:flex;justify-content:center;align-items:center;color: #fff;font-size:20px;line-height:1em;font-weight:700;position: absolute;left:0;top:1px;background-color: #25215e;}
.ssfd5 .content ul li p{font-size:18px;line-height:1.4em;text-align:center;margin-top:12px;}

.ssfd6 .top-con{margin-bottom:55px;}
.ssfd6 .con>ul{display:flex;margin:0 -20px;}
.ssfd6 .con>ul>li{width:33.3333%;padding:0 20px;}
.ssfd6 .con>ul>li .tit{font-size:26px;font-weight:600;line-height:1.4em;margin-bottom:25px;}
.ssfd6 .con>ul>li .tit2{font-size:20px;line-height:1.4em;margin-bottom: ;font-weight:700;margin-top:20px;margin-bottom:10px;}
.hypen-list li{position:relative;font-size:18px;line-height:1.4em;padding-left:10px;margin-bottom:5px;}
.hypen-list li:before{content:'';width:5px;height:1px;background-color: #505050;position: absolute;left:0;top:12px;}
.hypen-list li:last-child{margin-bottom:0;}

.ssfd7 .doc-boxes{display:flex;margin:0 -10px;}
.ssfd7 .doc-boxes li{width:25%;padding:0 10px;text-align:center;}
.ssfd7 .doc-boxes li .box .tit{font-size:20px;font-weight:700;line-height:1.2em;background-color: #25215e;color: #fff;padding:20px 30px;}
.ssfd7 .doc-boxes li .box .tt-wrap{border:1px solid #ddd;border-top:none;padding:20px 30px 10px;min-height:216px;}
.ssfd7 .doc-boxes li .box .tt-wrap .wrap{padding-bottom:15px;margin-bottom:15px;border-bottom:2px dashed #ddd;}
.ssfd7 .doc-boxes li .box .tt-wrap .wrap:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none;}
.ssfd7 .doc-boxes li .box .tt-wrap .tt{font-size:18px;color: #2c2c2c;font-weight:600;line-height:1.556em;}
.ssfd7 .flex-con{margin:55px -30px;display:flex;}
.ssfd7 .flex-con .con{width:50%;padding:0 30px;}
.doc-top-txt{margin-bottom:25px;}
.doc-top-txt .tit{font-size:26px;font-weight:600;line-height:1.4em;margin-bottom:10px;color: #25215e;}
.doc-top-txt .top-tt{font-size:18px;line-height:1.4em;}

.fl-box{display:flex;border:1px solid #ddd;}
.fl-box .img{width:50%;}
.fl-box .tt-wrap{width:50%;padding:45px 50px;}
.fl-box .tt-wrap .wrap{font-size:18px;line-height:1.556em;margin-bottom:20px;}
.fl-box .tt-wrap .wrap:last-child{margin-bottom:0;}
.fl-box .tt-wrap .wrap .tit{font-weight:600;}

.semib{font-weight:600 !important;}
.red{color: #ff0101 !important;}
.black{color: #121212 !important;}
.b-black{color: #121212;font-weight:600;}
.b-red{color: #ff0101;font-weight:600;}
.black2{color: #2c2c2c !important;}
.table01 table{width:100%;border-spacing:0;font-size:18px;line-height:1.2em;border-top:1px solid #a8a8a8;text-align:center;}
.table01 table th,
.table01 table td{padding:35px 10px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.table01 table th{font-weight:600;color: #25215e;background-color: #fafafa;}
.table01 table tr th:last-child,
.table01 table tr td:last-child {border-right:0;}

.ssfd7 .box-con{margin-top:55px;}
.ssfd7 .box-con .doc-boxes.type2{margin:0 -10px;}
.ssfd7 .box-con .doc-boxes.type2 li{width:33.3333%;padding:0 10px;text-align:left;}
.ssfd7 .box-con .doc-boxes.type2 li .box .tt-wrap{min-height:185px;}
.ssfd7 .box-con .doc-boxes.type2 li .box .tt-wrap .wrap{border-bottom:none;padding-bottom:0;}
.ssfd7 .box-con .doc-boxes.type2 li .box .tt-wrap .wrap .txt{font-size:18px;margin-bottom:5px;}
.ssfd7 .box-con .doc-boxes.type2 li .box .tt-wrap .wrap .tt{color: #505050;font-weight:400;}

.ssfd8 .content{margin-bottom:60px;}
.ssfd8 .content:last-child{margin-bottom:0;}
.ssfd8 .content .con-tit{margin-bottom:20px;font-size:26px;}
.ssfd8 .fl-box .img{border-right:1px solid #ddd;}
.ssfd8 .content.type2{padding-top:60px;padding-bottom:120px;background-color: #f4f4f4;}
.ssfd8 .content.type2 .img-box{display:flex;margin:0 -10px 45px;}
.ssfd8 .content.type2 .img-box .img{width:25%;padding:0 10px;}
.ssfd8 .content.type2 .txt-box .tit{font-size:24px;margin-bottom:25px;}
.ssfd8 .content.type2 .txt-box .wrap .row{padding:25px 0 20px;border-top:1px solid #a8a8a8;}
.ssfd8 .content.type2 .txt-box .wrap .row:last-child{border-bottom:1px solid #a8a8a8;}
.ssfd8 .content.type2 .txt-box .wrap .row .hypen-list{display:flex;}
.ssfd8 .content.type2 .txt-box .wrap .row .hypen-list li{width:25%;padding-right:20px;}

.doc-content{margin-bottom:60px;}
.doc-content:last-child{margin-bottom:0;}
.doc-tit.type2{margin:95px 0 55px;}
.doc-tit.type2.type3{margin-top:0;}
.partner-list{display:flex;flex-wrap:wrap;text-align:center;margin:0 -10px -25px;}
.partner-list li{width:25%;padding:0 10px;margin-bottom:25px;}
.partner-list li p{font-size:18px;margin-top:15px;}

.search form{display:flex;}
.my-search{width:44px;height:44px;font-size:0;border:none;background:#333 url('../images/sub/ic_search.png')no-repeat 50% 50%/21px;margin:0;display:block;}

.table02 table{border-spacing:0;width:100%;text-align:center;font-size:18px;line-height:1.4em;border-top:1px solid #c7c7c7;}
.table02 table th{background-color: #fafafa;color: #333;font-weight:600;}
.table02 table th,
.table02 table td{border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:15px 10px;}
.table02 table tr th:last-child,
.table02 table tr td:last-child {border-right:0;}

.down-btns{display:flex;justify-content:center;margin:0 -5px -10px;flex-wrap:wrap;}
.down-btns .wrap{padding:0 5px;margin-bottom:10px;}
.down-btns .wrap a{display:flex;width:auto !important;height:auto !important;background-color: #333;justify-content:center;align-items:center;color: #fff;font-size:15px;font-weight:500;padding:8px 10px;white-space:nowrap;}

.paper .paper-list{display:flex;margin:0 -20px 80px;}
.paper .paper-list li{width:33.3333%;padding:0 20px;text-align:center;}
.paper .paper-list li .img{padding:40px;background-color: #f4f4f4;}
.paper .paper-list li p{margin-top:15px;font-size:20px;line-height:1.4em;}

.my-btn{font-size:20px;font-weight:500;color: #fff;display: flex;justify-content:center;align-items:center;width:190px;height:70px;margin:0 auto;background-color: #25215e;border:none;}