@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.tblue{color:#1577db !important;}
.tgreen{color:#79bf2b !important;}

.greeting .tt-area{display:flex;justify-content:flex-end;background:url('../images/sub/greeting_bg.jpg')no-repeat 0 50%/cover;padding:55px 0 135px;}
.greeting .tt-area .tt-box .top-tt{font-size:32px;font-weight:700;line-height:1.5em;color: #2c2c2c;margin-bottom:35px;}
.greeting .tt-area .tt-box .tt{font-size:20px;font-weight:700;color: #2c2c2c;margin-bottom:25px;}
.greeting .tt-area .tt-box .tt-wrap p{font-size:18px;line-height:1.778em;margin-bottom:25px;}
.greeting .tt-area .tt-box .tt-wrap p:last-child{margin-bottom:0;}
.greeting .tt-area .tt-box .btm-tt{font-size:18px;font-weight:700;margin-top:25px;}

.doc-content{margin-bottom:75px;}
.doc-content:last-child{margin-bottom:0;}
.doc-tit{color: #2c2c2c;font-size:28px;font-weight:700;line-height:1.286em;margin-bottom:25px;}
.doc-content .tt{font-size:18px;line-height:1.889em;}
.dot-list>li{font-size:18px;position:relative;padding-left:15px;line-height:1.3em;margin-bottom:13px;}
.dot-list>li:before{content:'';width:5px;height:5px;background-color:#ccc;position: absolute;left:0;top:8px;border-radius:50%;}
.dot-list>li:last-child{margin-bottom:0;}

.resi-int .doc-content .radi-wrap{display:flex;margin:35px -10px 0;}
.resi-int .doc-content .radi-wrap .wrap{width:25%;padding:0 10px;}
.resi-int .doc-content .radi-wrap .wrap .item{font-size:22px;color:#fff;line-height:1.2em;font-weight:700;height:112px;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:56px;background-color: #1677da;}
.resi-int .doc-content .radi-wrap .wrap .item .sm-tt{font-size:14px;font-weight:400;}
.resi-int .doc-content .radi-wrap .wrap .item.type2{background-color: #378fa0;}
.resi-int .doc-content .radi-wrap .wrap .item.type3{background-color: #57a766;}
.resi-int .doc-content .radi-wrap .wrap .item.type4{background-color: #75bc32;}
.squ-wrap{display:flex;margin:0 -5px -10px;flex-wrap:wrap;}
.squ-wrap .wrap{width:25%;padding:0 5px;margin-bottom:10px;}
.squ-wrap .wrap .item{background-color: #f4f4f4;font-size:18px;display:flex;justify-content:center;align-items:center;font-weight:700;height:77px;text-align:center;line-height:1.2em;color: #2c2c2c;padding:0 10px;}

.resi-int .doc-content .radi-wrap2{display:flex;align-items:center;}
.resi-int .doc-content .radi-wrap2 .wrap{width:calc(50% - 40px);}
.resi-int .doc-content .radi-wrap2 .wrap .item{height:77px;border-radius:38px;display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:700;text-align:center;background-color: #f6fafe;border:2px solid #1577db;color: #1577db;padding:0 10px;}
.resi-int .doc-content .radi-wrap2 .wrap .item.type2{border-color:#79bf2b;color: #79bf2b;background-color: #fafef6;}
.resi-int .doc-content .radi-wrap2 .ct-wrap{width:80px;text-align:center;}
.resi-int .doc-content .radi-wrap2 .ct-wrap .item{font-size:14px;font-weight:700;line-height:1.2em;position:relative;padding:0 8px 25px;}
.resi-int .doc-content .radi-wrap2 .ct-wrap .item:after{content:'';width:19px;height:18px;background:url('../images/sub/resi_intro_arr.png')no-repeat 50% 50%/contain;position: absolute;left:50%;transform:translateX(-50%);bottom:0;}

.resi-int .doc-content .squ-con{margin-top:45px;}
.resi-int .doc-content .squ-con .tit{font-size:24px;font-weight:700;margin-bottom:30px;}
.resi-int .doc-content .squ-wrap.type2 .wrap{width:33.3333%;}

.doc-board{border-top:1px solid #a8a8a8;}
.doc-board .row{display:flex;align-items:center;padding:40px 30px;border-bottom:1px solid #dfdfdf;}
.doc-board .row .doc-slide{max-width:430px;width:100%;margin-right:60px;}
.doc-board .row .doc-slide .item .img{position:relative; height:0; padding-bottom:74.886%; overflow:hidden;}
.doc-board .row .doc-slide .item .img img{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.doc-board .row .doc-slide .slick-arrow{width:48px;height:48px;font-size:0;background-color:rgba(0,0,0,.56);background-repeat:no-repeat;background-size:8px;background-position:50% 50%;position: absolute;top: 50%;transform:translateY(-50%);border:none;z-index:1;}
.doc-board .row .doc-slide .slick-prev{background-image:url('../images/sub/doc_prev.png');left:0;}
.doc-board .row .doc-slide .slick-next{background-image:url('../images/sub/doc_next.png');right:0;}
.doc-board .row .tt-box{min-width:0;width:1%;flex:1 1 auto;}
.doc-board .row .tt-box .radi-tit{display:inline-block;font-size:15px;color: #2c2c2c;font-weight:700;background-color: #f4f4f4;padding:5px 13px;border-radius:17px;margin-bottom:25px;}
.doc-board .row .tt-box .tit{font-size:24px;color: #2c2c2c;font-weight:700;line-height:1.3em;margin-bottom:30px;}
.doc-board .row .tt-box .dot-list li{font-size:16px;line-height:2em;margin-bottom:15px;}
.doc-board .row .tt-box .dot-list li:before{top:12px;}

.doc-board.type2 .row .tt-box .tt-wrap{display:flex;align-items:flex-start;margin-bottom:25px;}
.doc-board.type2 .row .tt-box .tt-wrap .radi-tit{margin-bottom:0;margin-right:15px;}
.doc-board.type2 .row .tt-box .tt-wrap .tit2{min-width:0;width:1%;flex:1 1 auto;margin-top:5px;font-size:20px;line-height:1.4em;font-weight:700;color: #2c2c2c;}
.doc-board.type2 .row .tt-box .tt{line-height:2em;}

.doc-table table{width:100%;border-spacing:0;border-top:1px solid #a8a8a8;}
.doc-table table th{color: #2c2c2c;font-weight:700;font-size:17px;background-color: #fafafa;}
.doc-table table td{font-size:16px;}
.doc-table table td .tt{font-size:16px;line-height:1.750em;}
.doc-table table td .tit{color: #2c2c2c;font-size:16px;font-weight:700;margin-bottom:7px;}
.doc-table table td .radi-wrap{display:flex;margin-top:10px;}
.doc-table table td .radi-wrap .radi{font-size:15px;color: #2c2c2c;font-weight:700;padding:5px 12px;border-radius:17px;background-color: #f4f4f4;margin-right:4px;}
.doc-table table td .radi-wrap .radi:last-child{margin-right:0;}
.doc-table table th,
.doc-table table td{border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;padding:15px 20px;}

.doc-table table tr th:first-child,
.doc-table table tr td:first-child {border-left:0;}
.doc-table table tr th:last-child,
.doc-table table tr td:last-child {border-right:0;}

.hall .doc-content .img{margin-top:75px;}

.function ul{display:flex;flex-wrap:wrap;margin:0 -20px -40px;}
.function ul li{padding:0 20px;margin-bottom:40px;width:50%;}
.function ul li .box{border:1px solid #dfdfdf;padding:44px 49px;min-height:320px;}
.function ul li .box .tit{font-size:28px;line-height:1.143em;color: #2c2c2c;font-weight:700;padding-left:13px;position:relative;margin-bottom:35px;}
.function ul li .box .tit:before{content:'';width:3px;height:26px;background-color:#1577db;position: absolute;left:0;top:4px;}
.function ul li .box .tt{line-height:2em;}

.dongdae .top-con{display:flex;margin-bottom:75px;}
.dongdae .top-con .logo{max-width:420px;width:100%;background-color:#f4f4f4;display:flex;justify-content:center;align-items:center;padding:20px;margin-right:100px;}
.dongdae .top-con .tt-box{min-width:0;width:1%;flex:1 1 auto;padding:25px 0;}
.dongdae .top-con .tt-box .tt{font-size:24px;font-weight:700;margin-bottom:25px;line-height:1.4em;}
.dongdae .top-con .tt-box .tt.tblue{margin-bottom:10px;}

.dongdae .top-con .tt-box .dot-list{margin-bottom:40px;}
.dongdae .top-con .tt-box .dot-list>li{margin-bottom:10px;}
.dongdae .top-con .tt-box .dot-list>li>.hypen-list{margin-top:15px;margin-bottom:20px;}

.hypen-list li{font-size:15px;line-height:1.2em;color: #878787;padding-left:8px;position:relative;margin-bottom:10px;}
.hypen-list li:before{content:'';width:4px;height:1px;background-color:#878787;position: absolute;left:0;top:7px;}
.hypen-list li:last-child{margin-bottom:0;}

.dongdae .doc-content .squ-wrap .wrap{width:50%;}