@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.greeting .top-con{display:flex;align-items:flex-end;padding-left:47px;}
.greeting .top-con .img{margin-right:53px;}
.greeting .top-con .wrap{padding:55px 0;position:relative;min-width:0;width:1%;flex:1 1 auto;}
.greeting .top-con .wrap:after{content:'';width:10000%;height:100%;background-color: #f9f9f9;position: absolute;left:50%;top:0;transform:translateX(-50%);z-index:-2;}
.greeting .top-con .wrap .eng{font-size:20px;font-weight:700;line-height:1.2em;margin-bottom:15px;}
.greeting .top-con .wrap .tit{font-size:50px;line-height:1.4em;color: #242424;font-weight:700;margin-bottom:45px;}
.greeting .top-con .wrap .tit span{position:relative;}
.greeting .top-con .wrap .tit span:before{content:'';width:calc(100% + 4px);height:25px;background-color: #dad3ca;position: absolute;left:50%;bottom:0;transform:translateX(-50%);z-index:-1;}
.greeting .top-con .wrap .ceo-wrap{display:flex;align-items:center;}
.greeting .top-con .wrap .ceo-wrap .ceo{font-size:18px;font-weight:600;color: #242424;line-height:1.2em;margin-right:30px;}
.greeting .tt-wrap{padding-top:55px;text-align:center;position:relative;}
.greeting .tt-wrap:after{content:'';width:246px;height:213px;background:url('../images/sub/greeting_logo.png')no-repeat 100% 50%/contain;position: absolute;top:0;right:60px;z-index:-1;}
.greeting .tt-wrap p{font-size:18px;line-height:1.72em;margin-bottom:20px;}
.greeting .tt-wrap p:last-child{margin-bottom:0;}
.greeting .tt-wrap p strong{color: #242424;font-weight:600;}

.org .img{text-align:center;padding:60px;border:1px solid #ddd;}

.history .top-con{background:url('../images/sub/history_bg1.jpg')no-repeat 50% 50%/cover;padding:115px 55px 45px;color: #fff;}
.history .top-con .tt{font-size:18px;font-weight:600;line-height:1.4em;margin-bottom:10px;}
.history .top-con .tit{font-size:60px;line-height:1.2em;font-weight:700;text-shadow: 5px 5px 15px rgba(0,0,0,.2);}
.history .con{position:relative;margin-top:-17px;z-index:1;padding-top:75px;}
.history .con:before{content:'';width:34px;height:34px;background:url('../images/sub/top_bullet.png')no-repeat 50% 50%/contain;position: absolute;left:50%;top:0;margin-left:-17px;}
.history .con:after{content:'';width:1px;height:96%;background-color: #ddd;position: absolute;left:50%;top:0;z-index:-1;}
.history .con .row{display:flex;margin-bottom:40px;}
.history .con .row:last-child{margin-bottom:0;}
.history .con .row .col{width:50%;padding:0 80px;text-align:right;}
.history .con .row .col.tt-col{padding-top:15px;position:relative;}
.history .con .row .col.tt-col:before{content:'';width:22px;height:22px;background:url('../images/sub/bullet.png')no-repeat 50% 50%/contain;position: absolute;right:-10px;top:28px;}
.history .con .row .col.tt-col:after{content:'';width:50px;height:1px;background-color: #ddd;position: absolute;right:20px;top:38px;}
.history .con .row .col.tt-col .year{color: #242424;font-size:40px;font-weight:700;letter-spacing:0;line-height:1.2em;margin-bottom:25px;position:relative;}
.history .con .row .col.tt-col .info li{display:flex;justify-content:flex-end;flex-direction:row-reverse;font-size:18px;line-height:1.72em;}
.history .con .row .col.tt-col .info li .month{width:35px;font-weight:700;color: #917b5d;}
.history .con .row .col.tt-col .info li .tt{position:relative;padding-right:20px;min-width:0;width:1%;flex:1 1 auto;}
.history .con .row .col.tt-col .info li .tt:before{content:'';width:5px;height:5px;border-radius:50%;background-color: #ababab;position: absolute;right:0;top:11px;}
.history .con .row .col .imgs{display:flex;margin:0 -5px;}
.history .con .row .col .imgs li{padding:0 5px;width:50%;}
.history .con .row .col.img-col{padding:0 0 0 40px;}
.history .con .row:nth-child(odd){flex-direction:row-reverse;}
.history .con .row:nth-child(odd) .col{text-align:left;}
.history .con .row:nth-child(odd) .col.tt-col:before{left:-10px;right:auto;}
.history .con .row:nth-child(odd) .col.tt-col:after{left:20px;right:auto;}
.history .con .row:nth-child(odd) .col.tt-col .info li{flex-direction:row;}
.history .con .row:nth-child(odd) .col.tt-col .info li .tt{padding-left:20px;padding-right:0;}
.history .con .row:nth-child(odd) .col.tt-col .info li .tt:before{right:auto;left:0;}
.history .con .row:nth-child(odd) .col .imgs{justify-content:flex-end;}
.history .con .row:nth-child(odd) .col.img-col{padding:0 40px 0 0;}

.ci .content{margin-bottom:65px;}
.ci .content:last-child{margin-bottom:0;}
.ci .content h3{position:relative;color: #242424;font-size: 24px;font-weight:700;line-height:1.2em;padding-left:33px;padding-bottom:15px;border-bottom:1px solid #ddd;margin-bottom:30px;}
.ci .content h3:before{content:'';width:23px;height:23px;background:url('../images/sub/ic_tit.png')no-repeat 50% 50%/contain;position: absolute;left:0;top:3px;}
.ci .content .cnt{padding:0 40px;}
.ci .content .cnt .imgs{display:flex;}
.ci .content .cnt .imgs li{margin-right:30px;}
.ci .content .cnt .imgs li:last-child{margin-right:0;}
.ci .content .cnt .color{display:flex;margin:0 -15px;}
.ci .content .cnt .color li{width:50%;padding:0 15px;}
.ci .content .cnt .color li .box{padding:20px;background-color: #917b5d;border-radius:20px;display:flex;align-items:center;}
.ci .content .cnt .color li .box .wrap{background-color: #fff;line-height:1.88em;width:250px;height:140px;border-radius:20px;color: #242424;display:flex;align-items:center;padding-left:40px;font-weight:600;}
.ci .content .cnt .color li .box .tit{min-width:0;width:1%;flex:1 1 auto;text-align:center;font-size:20px;font-weight:600;color: #fff;}
.ci .content .cnt .color li.type2 .box{background-color:#888c90;}

.loc .maps .root_daum_roughmap {width:100% !important; height:450px !important;}
.loc .maps .root_daum_roughmap .wrap_map {height:450px !important;}
.loc .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.loc .maps .roughmap_lebel_text:after {content:"TY개발"; font-size:12px; line-height:15px;}
.directions {margin-top:40px;}
.directions .address-info {margin-bottom:30px;}
.directions .address-info .comp {font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:#ababab;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

@media (max-width: 1024px) {
	.loc .maps .root_daum_roughmap {height:300px !important;}
	.loc .maps .root_daum_roughmap .wrap_map {height:300px !important;}
	.directions .address-info .addr {font-size:20px;}
	.directions .contact-info dl {padding:20px 0;}
	.directions .contact-info dt {padding-left:20px; width:140px;}
}

@media (max-width: 640px) {
	.loc .maps .root_daum_roughmap {height:200px !important;}
	.loc .maps .root_daum_roughmap .wrap_map {height:200px !important;}
	.directions {margin-top:30px;}
	.directions .address-info .addr {font-size:18px;}
	.directions .address-info {margin-bottom:20px;}
	.directions .contact-info dl {padding:16px 0;}
	.directions .contact-info dt {padding-left:5px; width:110px;}
	.directions .contact-info dt svg {margin-right:10px;}
}

.board-search .cate-menu{float:left;}
.board-search .cate-menu ul{display:flex;margin:0 -22px;align-items:center;}
.board-search .cate-menu ul li{padding:0 22px;position:relative;width:auto;}
.board-search .cate-menu ul li:after{content:'';width:5px;height:5px;background-color: #898989;border-radius:50%;position: absolute;right:-2px;top:50%;transform:translateY(-50%);}
.board-search .cate-menu ul li:last-child:after{display:none;}
.board-search .cate-menu ul li a{display:flex;justify-content:center;align-items:center;color: #898989;font-weight:600;line-height:1em;}
.board-search .cate-menu ul li.active a{background-color: #917b5d;color: #fff;height:44px;padding:0 27px;border-radius:22px;}
.busi-list{border-top:2px solid #868686;border-bottom:1px solid #ddd;padding:25px 0 40px;}
.busi-list>ul{display:flex;flex-wrap:wrap;margin:0 -15px -40px;}
.busi-list>ul>li{padding:0 15px;margin-bottom:40px;width:33.3333%;}
.busi-list>ul>li .box{border:1px solid #ddd;}
.busi-list>ul>li .box .pic{position:relative; height:0; padding-bottom:61.32%; overflow:hidden;}
.busi-list>ul>li .box .pic 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;}
.busi-list>ul>li .box .info{padding:25px 30px;}
.busi-list>ul>li .box .info .tit{font-size:24px;font-weight:700;color: #242424;line-height:1.2em;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:100%;margin-bottom:5px;}
.busi-list>ul>li .box .info .ing{display:flex;align-items:center;margin-bottom:25px;}
.busi-list>ul>li .box .info .ing .ing-tit{width:74px;color: #242424;font-size:18px;font-weight:600;}
.busi-list>ul>li .box .info .ing .bar{min-width:0;width:1%;flex:1 1 auto;position:relative;height:16px;background-color: #eee;border-radius:8px;}
.busi-list>ul>li .box .info .ing .bar span{background-color: #917b5d;position: absolute;left:0;top:0;height:100%;min-width:52px;border-radius:8px;color: #fff;text-align:right;font-size:12px;line-height:16px;font-weight:600;padding-right:10px;}
.busi-list>ul>li .box .info .wrap dl{display:flex;}
.busi-list>ul>li .box .info .wrap dl dt{color: #898989;font-weight:600;width:74px;}
.busi-list>ul>li .box .info .wrap dl dd{min-width:0;width:1%;flex:1 1 auto;}
.busi-list>ul>li .box .btns{border-top:1px solid #ddd;}
.busi-list>ul>li .box .btns ul{display:flex;}
.busi-list>ul>li .box .btns ul li{width:50%;border-right:1px solid #ddd;}
.busi-list>ul>li .box .btns ul li:last-child{border-right:0;}
.busi-list>ul>li .box .btns ul li a{display:flex;justify-content:center;align-items:center;height:42px;}
.busi-list>ul>li .box .btns ul li a span{color: #898989;font-weight:600;position:relative;padding-left:32px;}
.busi-list>ul>li .box .btns ul li a span:before{content:'';width:25px;height:25px;background:url('../images/sub/ic_sch.png')no-repeat 50% 50%/contain;position: absolute;left:0;top:1px;}
.busi-list>ul>li .box .btns ul li.type2 a span:before{background-image:url('../images/sub/ic_more.png');}

.doc-pop .fancybox-close {top:40px;right:40px;width: 24px;height: 24px;background:transparent url('../images/sub/pop_close.png')no-repeat 50% 50%/contain;}
.pop-wrap{padding:40px;}
.pop-wrap h3{color: #242424;font-size:28px;line-height:1.2em;}
.pop-wrap.map-pop{width:100%;}
.pop-wrap.map-pop .tt-wrap{padding-right:60px;margin-bottom:40px;}
.pop-wrap.map-pop .tt-wrap h3{margin-bottom:10px;}
.pop-wrap.map-pop .maps .root_daum_roughmap {width:100% !important; height:450px !important;}
.pop-wrap.map-pop .maps .root_daum_roughmap .wrap_map {height:450px !important;}

.sub-title p{margin-top:10px;color:#ababab;letter-spacing:0.1em;}
.doc-pg .top-con{margin-bottom:100px;}
.doc-pg .top-con .tt-wrap{background-color: #fff;position:relative;z-index:1;padding:35px 60px 0;margin:-100px 0 0 auto;max-width:1000px;}
.doc-pg .top-con .tt-wrap .tit{color: #242424;line-height:1.2em;font-size:28px;font-weight:700;margin-bottom:15px;position:relative;display:inline-block;}
.doc-pg .top-con .tt-wrap .tit:after{content:'';width:5px;height:5px;border-radius:50%;background-color: #917b5d;position: absolute;right:-10px;top:-3px;}
.doc-pg .row-wrap{border-top:1px solid #242424;}
.doc-pg .row-wrap .row{padding:60px 0 60px 30px;display:flex;border-bottom:1px solid #ddd;}
.doc-pg .row-wrap .row:last-child{padding-bottom:0;border-bottom:none;}
.doc-pg .row-wrap .row .row-tit{width:240px;font-size:28px;font-weight:700;color: #242424;line-height:1.43em;}
.doc-pg .row-wrap .row .row-tit span{position:relative;}
.doc-pg .row-wrap .row .row-tit span.dot:after{content:'';width:5px;height:5px;background-color: #917b5d;border-radius:50%;position: absolute;right:-10px;top:0;}
.doc-pg .row-wrap .row .row-tit span.line:after{content:'';width:100%;height:15px;background-color: #efebe7;position: absolute;left:0;bottom:0;z-index:-1;}
.doc-pg .row-wrap .row .cnt{min-width:0;width:1%;flex:1 1 auto;}
.doc-pg .row-wrap .row .cnt .step-list ul li{margin-bottom:60px;position:relative;}
.doc-pg .row-wrap .row .cnt .step-list ul li:after{content:'';width:5px;height:30px;background:url('../images/sub/busi1_arr.png')no-repeat 50% 50%/contain;position: absolute;left:70px;bottom:-45px;}
.doc-pg .row-wrap .row .cnt .step-list ul li:last-child:after{display:none;}
.doc-pg .row-wrap .row .cnt .step-list ul li:last-child{margin-bottom:0;}
.doc-pg .row-wrap .row .cnt .step-list ul li .box{position:relative;display:flex;align-items:center;}
.doc-pg .row-wrap .row .cnt .step-list ul li .box:after{content:'';width:100%;height:100%;border:1px dashed #927c5e;position: absolute;left:0;top:0;border-radius:75px;}
.doc-cc{width:145px;height:145px;border-radius:50%;border:1px solid #927c5e;display:flex;justify-content:center;align-items:center;position:relative;}
.doc-pg .row-wrap .row .cnt .step-list ul li .box .doc-cc{margin-right:30px;}
.doc-cc p{font-size:18px;line-height: 1.56em;font-weight:600;text-align:center;}
.doc-cc .step{position: absolute;left:0;top:0;font-size:14px;font-weight:700;background-color: #fff;width:60px;height:30px;display:flex;justify-content:center;align-items:center;z-index:2;}
.doc-pg .row-wrap .row .cnt .step-list ul li .box .tt{min-width:0;width:1%;flex:1 1 auto;}
.doc-pg .row-wrap .row .cnt .step-list ul li .box .tt strong{font-weight:600;color: #242424;}
.doc-pg .row-wrap .row .cnt .pop-con ul{display:flex;margin:0 -8px;}
.doc-pg .row-wrap .row .cnt .pop-con ul li{width:33.3333%;padding:0 8px;}
.doc-pg .row-wrap .row .cnt .pop-con ul li a{display:flex;justify-content:space-between;flex-direction:column;min-height:286px;position:relative;overflow:hidden;text-align:center;padding:60px 15px;height:100%;transition:.3s;}
.doc-pg .row-wrap .row .cnt .pop-con ul li a:before{content:'';width:100%;height:100%;border:1px solid #ddd;position: absolute;left:0;top:0;transition:.3s;}
.doc-pg .row-wrap .row .cnt .pop-con ul li a:after{content:'';width:202px;height:207px;background:url('../images/sub/busi1_ic1.png')no-repeat 100% 100%/contain;position: absolute;right:-20px;bottom:-30px;transition:.3s;}
.doc-pg .row-wrap .row .cnt .pop-con ul li.type2 a:after{background-image:url('../images/sub/busi1_ic2.png');}
.doc-pg .row-wrap .row .cnt .pop-con ul li.type3 a:after{background-image:url('../images/sub/busi1_ic3.png');}
.doc-pg .row-wrap .row .cnt .pop-con ul li a .wrap{position: relative;z-index:1;}
.doc-pg .row-wrap .row .cnt .pop-con ul li a .tit{font-size:24px;color: #242424;font-weight:700;line-height:1.2em;margin-bottom:10px;transition:.3s;}
.doc-pg .row-wrap .row .cnt .pop-con ul li a .tt1{color: #917b5d;font-size:18px;font-weight:600;padding-bottom:15px;position:relative;margin-bottom:20px;transition:.3s;}
.doc-pg .row-wrap .row .cnt .pop-con ul li a .tt1:after{content:'';width:30px;height:2px;background-color: #7c7c7c;position: absolute;left:50%;bottom:0;transform:translateX(-50%);transition:.3s;}
.doc-pg .row-wrap .row .cnt .pop-con ul li a .tt2{font-size:15px;line-height:1.6em;margin-bottom:35px;transition:.3s;}
.doc-pg .row-wrap .row .cnt .pop-con ul li a .btn{width:130px;height:44px;border-radius:22px;color: #898989;font-weight:700;border:1px solid #ddd;margin:0 auto;transition:.3s;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;background-color: #fff;}
.doc-pg .row-wrap .row .cnt .pop-con ul li a:hover .btn{border-color:#fff;color: #917b5d;}
.doc-pg .row-wrap .row .cnt .pop-con ul li a:hover{background-color: #917b5d;}
.doc-pg .row-wrap .row .cnt .pop-con ul li a:hover:before{border-color:#917b5d;}
.doc-pg .row-wrap .row .cnt .pop-con ul li a:hover .tit{color: #fff;}
.doc-pg .row-wrap .row .cnt .pop-con ul li a:hover .tt1{color: #fff;}
.doc-pg .row-wrap .row .cnt .pop-con ul li a:hover .tt1:after{background-color: #d3cabe;}
.doc-pg .row-wrap .row .cnt .pop-con ul li a:hover .tt2{color: #fff;}
.doc-pg .row-wrap .row .cnt .pop-con ul li a:hover:after{background-image:url('../images/sub/busi1_ic1_on.png');}
.doc-pg .row-wrap .row .cnt .pop-con ul li.type2 a:hover:after{background-image:url('../images/sub/busi1_ic2_on.png');}
.doc-pg .row-wrap .row .cnt .pop-con ul li.type3 a:hover:after{background-image:url('../images/sub/busi1_ic3_on.png');}

.pop-wrap.bs-pop{padding:55px 40px;}
.pop-wrap.bs-pop .tit-wrap{display:flex;padding-right:60px;margin-bottom:30px;}	
.pop-wrap.bs-pop .tit-wrap h3{margin-right:60px;position:relative;}
.pop-wrap.bs-pop .tit-wrap h3:after{content:'';width:5px;height:5px;border-radius:50%;background-color: #917b5d;position: absolute;right:-10px;top:-5px;}
.pop-wrap.bs-pop .tit-wrap p strong{color: #242424;font-weight:600;}
.pop-wrap.bs-pop .info{max-width:850px;padding:40px 40px 0;background-color: #fff;position:relative;z-index:1;margin:-70px 0 0 auto;}
.pop-wrap.bs-pop .info ul li{margin-bottom:20px;}
.pop-wrap.bs-pop .info ul li:last-child{margin-bottom:0;}
.pop-wrap.bs-pop .info ul li .tit{position:relative;padding-left:30px;color: #917b5d;font-size:18px;font-weight:600;line-height:1.4em;margin-bottom:5px;}
.pop-wrap.bs-pop .info ul li .tit:before{content:'';width:20px;height:20px;border-radius:50%;background:#917b5d url('../images/sub/pop_arr.png')no-repeat 50% 50%/5px;position: absolute;left:0;top:2px;}
.pop-wrap.bs-pop .info ul li p{line-height:1.5em;}
.pop-wrap.bs-pop .info ul.type2 li{display:flex;margin-bottom:10px;}
.pop-wrap.bs-pop .info ul.type2 li .tit{width:170px;}
.pop-wrap.bs-pop .info ul.type2 li p{min-width:0;width:1%;flex:1 1 auto;}
.pop-wrap.bs-pop .info .tt{color: #242424;font-weight:600;margin-top:25px;}

.doc-pg .row-wrap .row .cc-list ul{display:flex;}
.doc-pg .row-wrap .row .cc-list ul li{}
.doc-pg .row-wrap .row .cc-list ul li .circle{width:325px;height:325px;border-radius:50%;background-color:rgba(171,153,129,.9);color: #fff;padding-top:75px;text-align:center;}
.doc-pg .row-wrap .row .cc-list ul li.type2{margin:0 -30px;}
.doc-pg .row-wrap .row .cc-list ul li.type2 .circle{background-color:rgba(145,123,93,.9);}
.doc-pg .row-wrap .row .cc-list ul li.type3 .circle{background-color:rgba(123,113,100,.9);}
.doc-pg .row-wrap .row .cc-list ul li .circle .tit{margin-bottom:15px;font-size:20px;font-weight:700;line-height:1.2em;}
.doc-pg .row-wrap .row .cc-list ul li .circle p{line-height:1.6em;font-size:15px;}
.doc-pg .row-wrap .row .bg-box{background-color: #f7f7f7;padding:35px 40px;margin-bottom:60px;}
.doc-pg .row-wrap .row .bg-box p{margin-bottom:20px;}
.doc-pg .row-wrap .row .bg-box p strong{color: #242424;font-weight:600;}
.doc-pg .row-wrap .row .bg-box p:last-child{margin-bottom:0;}

.doc-pg .top-con .tt-wrap .wrap p{margin-bottom:15px;}
.doc-pg .top-con .tt-wrap .wrap p:last-child{margin-bottom:0;}
.doc-pg .row-wrap .row .cnt .step-list2 ul{display:flex;justify-content:space-between;margin:0 -20px;}
.doc-pg .row-wrap .row .cnt .step-list2 ul li{padding:0 20px;position:relative;}
.doc-pg .row-wrap .row .cnt .step-list2 ul li:after{content:'';width:30px;height:5px;background:url('../images/sub/busi3_arr.png')no-repeat 50% 50%/contain;position: absolute;right:-20px;top:50%;margin-top:-2px;}
.doc-pg .row-wrap .row .cnt .step-list2 ul li:last-child:after{display:none;}
.doc-pg .row-wrap .row .cnt .step-list2 ul li .doc-cc{color: #917b5d;}
.doc-pg .row-wrap .row .cnt .step-list2 ul li .doc-cc .step{color: #917b5d;}
.doc-pg .row-wrap .row .cnt .step-list2 ul li.type2 .doc-cc{color: #a08d74;border-color: #a08d74;}
.doc-pg .row-wrap .row .cnt .step-list2 ul li.type2 .doc-cc .step{color: #a08d74;}
.doc-pg .row-wrap .row .cnt .step-list2 ul li.type3 .doc-cc{color: #887f73;border-color: #887f73;}
.doc-pg .row-wrap .row .cnt .step-list2 ul li.type3 .doc-cc .step{color: #887f73;}
.doc-pg .row-wrap .row .cnt .step-list2 ul li.type4 .doc-cc{color: #7a5e37;border-color: #7a5e37;}
.doc-pg .row-wrap .row .cnt .step-list2 ul li.type4 .doc-cc .step{color: #7a5e37;}
.doc-pg .row-wrap .row .cnt .step-list2 ul li.type5 .doc-cc{color: #a08d74;border-color: #a08d74;}
.doc-pg .row-wrap .row .cnt .step-list2 ul li.type5 .doc-cc .step{color: #a08d74;}

.doc-pg .row-wrap .row .cnt .fl-con{margin-bottom:60px;}
.doc-pg .row-wrap .row .cnt .fl-con ul li{display:flex;align-items:center;margin:0 -15px 40px;position:relative;}
.doc-pg .row-wrap .row .cnt .fl-con ul li:last-child{margin-bottom:0;}
.doc-pg .row-wrap .row .cnt .fl-con ul li .col{padding:0 15px;width:50%;}
.doc-pg .row-wrap .row .cnt .fl-con ul li .col .txt{padding-left:20px;}
.doc-pg .row-wrap .row .cnt .fl-con ul li .col .txt .num{color: #000;font-size:100px;line-height:.8em;font-weight:900;opacity:.05;position: absolute;right:0;top:0;}
.doc-pg .row-wrap .row .cnt .fl-con ul li .col .txt .tit{font-size:24px;font-weight:700;line-height:1.2em;margin-bottom:22px;}
.doc-pg .row-wrap .row .cnt .fl-con ul li .col .txt .wrap p{margin-bottom:15px;}
.doc-pg .row-wrap .row .cnt .fl-con ul li .col .txt .wrap p:last-child{margin-bottom:0;}
.doc-pg .row-wrap .row .cnt .fl-con ul li:nth-child(even){flex-direction:row-reverse;}
.doc-pg .row-wrap .row .cnt .fl-con ul li:nth-child(even) .col .txt{padding-left:0;padding-right:20px;text-align:right;}
.doc-pg .row-wrap .row .cnt .fl-con ul li:nth-child(even) .col .num{right:auto;left:0;}
.doc-pg .row-wrap .row .cnt .bg-txt{text-align:center;padding:35px 20px;background-color: #f9f8f7;font-size:18px;font-weight:500;color: #242424;border-radius:20px;}

.sub-title .tt{letter-spacing:-.03em;color: #454545;font-size:18px;line-height:1.72em;margin-top:20px;}
.doc-pg .top-con2{max-width:1000px;width:100%;margin:0 auto 100px;}
.doc-pg .top-con2>ul{display:flex;margin:0 -10px;}
.doc-pg .top-con2>ul>li{width:33.3333%;padding:0 10px;}
.doc-pg .top-con2>ul>li .box{min-height:450px;height:100%;padding:55px 40px 40px;background-color: #fafafa;position:relative;}
.doc-pg .top-con2>ul>li .box .tit{font-size:28px;font-weight:700;margin-bottom:25px;}
.dot-list li{position:relative;padding-left:13px;line-height:1.5em;margin-bottom:10px;}
.dot-list li:last-child{margin-bottom:0;}
.dot-list li:before{content:'';width:4px;height:4px;border-radius:50%;background-color: #917b5d;position: absolute;left:0;top:8px;}
.doc-pg .top-con2>ul>li .box:after{content:'';width:130px;height:130px;border-radius:50%;background:#fff url('../images/sub/mg_ic1.png')no-repeat 50% 50%/64px;position: absolute;right:40px;bottom:40px;}
.doc-pg .top-con2>ul>li.type2 .box:after{background-image:url('../images/sub/mg_ic2.png');}
.doc-pg .top-con2>ul>li.type3 .box:after{background-image:url('../images/sub/mg_ic3.png');}
.doc-top-tt{color: #242424;padding-bottom:10px;border-bottom:1px dashed #242424;}
.doc-top-tt strong{font-weight:600;}
.doc-pg .row-wrap .row .cnt .ethic>ul>li{padding:35px 40px;border-bottom:1px dashed #ddd;display:flex;}
.doc-pg .row-wrap .row .cnt .ethic>ul>li:last-child{padding-bottom:0;border-bottom:none;}
.doc-pg .row-wrap .row .cnt .ethic>ul>li .ethic-tit{position:relative;color: #917b5d;font-size:18px;font-weight:600;padding-left:30px;width:150px;}
.doc-pg .row-wrap .row .cnt .ethic>ul>li .ethic-tit:before{content:'';width:20px;height:20px;border-radius:50%;background:#917b5d url('../images/sub/pop_arr.png')no-repeat 55% 50%/5px;position: absolute;left:0;top:4px;}
.doc-pg .row-wrap .row .cnt .ethic>ul>li .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.doc-pg .row-wrap .row .cnt .ethic>ul>li .tt-wrap .wrap p{margin-bottom:15px;}
.doc-pg .row-wrap .row .cnt .ethic>ul>li .tt-wrap .wrap p:last-child{margin-bottom:0;}
.doc-pg .row-wrap .row .cnt .ethic>ul>li .tt-wrap ul{margin-top:30px;}
.doc-pg .row-wrap .row .cnt .ethic>ul>li .tt-wrap ul li{margin-bottom:15px;padding-left:30px;position:relative;}
.doc-pg .row-wrap .row .cnt .ethic>ul>li .tt-wrap ul li:before{content:'';width:20px;height:19px;background:url('../images/sub/mg_chk.png')no-repeat 0 50%/contain;position: absolute;left:0;top:2px;}
.doc-pg .row-wrap .row .cnt .ethic>ul>li .tt-wrap ul li:last-child{margin-bottom:0;}
.doc-pg .row-wrap .row .cnt .ethic>ul>li .tt-wrap ul li .tit{position:relative;color: #242424;font-weight:600;margin-bottom:3px;}
.doc-pg .row-wrap .row .cnt .ethic>ul>li .tt-wrap ul li p{line-height:1.6em;}

.doc-pg .row-wrap .row .row-tit .sm-tt{color: #898989;font-size:20px;font-weight:500;}
.doc-pg .row-wrap .row .cnt .fl-con2 ul li{padding:40px;display:flex;border-bottom:1px dashed #ddd;align-items:center;}
.doc-pg .row-wrap .row .cnt .fl-con2 ul li:last-child{padding-bottom:0;border-bottom:none;}
.doc-pg .row-wrap .row .cnt .fl-con2 ul li .img{margin-right:40px;}
.doc-pg .row-wrap .row .cnt .fl-con2 ul li .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.doc-pg .row-wrap .row .cnt .fl-con2 ul li .tt-wrap .tit{font-size:18px;font-weight:600;margin-bottom:15px;}
.doc-pg .row-wrap .row .cnt .fl-con2 ul li .tt-wrap .tt{}
.doc-pg .row-wrap .row .cnt .fl-con2 ul li:nth-child(even){flex-direction:row-reverse;}
.doc-pg .row-wrap .row .cnt .fl-con2 ul li:nth-child(even) .img{margin-right:0;margin-left:40px;}

.doc-pg .row-wrap .row .cnt .winwin .top-txt {text-align:center;}
.doc-pg .row-wrap .row .cnt .winwin .top-txt .tit{font-size:24px;line-height:1.67em;color: #242424;font-weight:500;margin-bottom:20px;}
.doc-pg .row-wrap .row .cnt .winwin .bar{text-align:center;margin:35px 0;}
.doc-pg .row-wrap .row .cnt .winwin>ul{display:flex;}
.doc-pg .row-wrap .row .cnt .winwin>ul>li{width:33.3333%;display:flex;flex-direction:column;align-items:center;}
.doc-pg .row-wrap .row .cnt .winwin>ul>li .circle{margin-bottom:15px;}
.doc-pg .row-wrap .row .cnt .winwin>ul>li .tit{font-size:18px;color: #a49073;line-height:1.72em;margin-bottom:7px;font-weight:700;}
.doc-pg .row-wrap .row .cnt .winwin>ul>li.type2 .tit{color: #917b5d;}
.doc-pg .row-wrap .row .cnt .winwin>ul>li.type3 .tit{color: #807366;}

.bro-list ul{display:flex;flex-wrap:wrap;margin:0 -10px -40px;}
.bro-list ul li{padding:0 10px;margin-bottom:40px;width:25%;text-align:center;}
.bro-list ul li .pic{position:relative; height:0; padding-bottom:132.633%; overflow:hidden;}
.bro-list ul li .pic 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;}
.bro-list ul li .pic:after{content:'';width:100%;height:100%;border:1px solid #eee;position: absolute;left:0;top:0;}
.bro-list ul li .tit{margin:15px 0;color: #242424;font-size:18px;font-weight:600;line-height:1.3em;}
.bro-list ul li .btn-down{max-width:130px;width:100%;height:44px;display:flex;justify-content:center;align-items:center;border:1px solid #ddd;margin:0 auto;}
.bro-list ul li .btn-down span{position:relative;color: #898989;font-weight:600;line-height:1.2em;padding-right:35px;}
.bro-list ul li .btn-down span:after{content:'';width:15px;height:11px;background:url('../images/sub/ic_down.png')no-repeat 100% 50%/contain;position: absolute;right:0;top:3px;}

.sub-title h2 span{position:relative;}
.sub-title h2 span:after{content:'';width:100%;height:25px;background-color: #ded7ce;position: absolute;left:0;bottom:0;z-index:-1;}

.board-list.recruit table td .ing{max-width:80px;width:100%;height:32px;border-radius:16px;display:flex;justify-content:center;align-items:center;color: #fff;background-color: #917b5d;margin:0 auto;font-weight:600;}
.board-list.recruit table td .ing.comp{background-color: #ababab;}

.board-list-m.recruit .ing{display:inline-block;color: #242424;font-weight:500;}
.board-list-m.recruit .ing.comp{color: #888;font-weight:400;}

.pop-wrap .tt-wrap{margin-bottom:30px;}
.pop-wrap .con{display:flex;}
.pop-wrap .con .sld-wrap{width:630px;margin-right:60px;}
.pop-wrap .con .sld-wrap .origin{margin-bottom:10px;}
.pop-wrap .con .sld-wrap .thumb .slick-list{margin:0 -5px;}
.pop-wrap .con .sld-wrap .thumb .item{padding:0 5px;}
.pop-wrap .con .sld-wrap .pic{position:relative; height:0; padding-bottom:61.27%; overflow:hidden;}
.pop-wrap .con .sld-wrap .pic img{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:contain; transition:0.3s;}
.pop-wrap .con .sld-wrap .thumb .item .pic:after{content:'';position: absolute;left:0;top:0;width:100%;height:100%;border:5px solid #917b5d;opacity:0;transition:.3s;}
.pop-wrap .con .sld-wrap .thumb .slick-current .item .pic:after{opacity:1;}
.pop-wrap .con .info{min-width:0;width:1%;flex:1 1 auto;}
.pop-wrap .con .info .percent{position:relative;margin-bottom:35px;width:100%;height:44px;border-radius:22px;background-color:#eee;overflow:hidden;}
.pop-wrap .con .info .percent .bar{position: absolute;left:0;top:0;height:100%;border-radius:22px;background-color:#917b5d;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:18px;line-height:1.2em;font-weight:600;color: #fff;}
.pop-wrap .con .info .percent .bar .tit{opacity:.6;}
.pop-wrap .con .info .wrap{padding:0 15px 25px;margin-bottom:25px;border-bottom:1px solid #ddd;}
.pop-wrap .con .info .wrap:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
.pop-wrap .con .info .wrap dl{display:flex;font-size:18px;line-height:1.4em;margin-bottom:10px;}
.pop-wrap .con .info .wrap dl:last-child{margin-bottom:0;}
.pop-wrap .con .info .wrap dl dt{width:90px;color: #898989;font-weight:600;}
.pop-wrap .con .info .wrap dl dd{min-width:0;width:1%;flex:1 1 auto;}
.pop-wrap .con .info .wrap.type2 dl{font-size:16px;}