@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.greeting{display:flex;align-items:flex-end;}
.greeting .img{position:relative;margin-right:160px;}
.greeting .img:before{content:'';width:100vw;height:360px;border-radius:0 0 60px 0;background-color: #f3f4f7;position: absolute;right:-60px;top:50%;transform:translateY(-50%);z-index:-1;}
.greeting .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.greeting .tt-wrap .eng{margin-bottom:10px;font-weight:500;}
.greeting .tt-wrap .tit{margin-bottom:30px;font-size:30px;line-height:1.47em;font-weight:700;color: #242424;}
.greeting .tt-wrap .wrap p{margin-bottom:25px;}
.greeting .tt-wrap .wrap p:last-child{margin-bottom:0;}
.greeting .tt-wrap .ceo{margin-top:35px;font-size:18px;text-align:right;line-height:1.2em;color: #242424;font-weight:700;}

.vision .top-con{position:relative;margin-bottom:160px;background-color: #f7f7f7;border-radius:0 40px 0 40px;padding:45px;text-align:center;}
.vision .top-con:after{content:'';width:1px;height:80px;background-color: #ddd;position: absolute;left:50%;bottom:-120px;}
.vision .top-con .tt1{margin-bottom:15px;font-size:30px;font-weight:700;line-height:1.2em;}
.vision .top-con .tt2{font-size:18px;line-height:1.4em;}
.vision .con ul{display:flex;margin:0 -15px;}
.vision .con ul li{width:33.3333%;padding:0 15px;}
.vision .con ul li .box{display:flex;align-items:flex-end;;position:relative;padding:100px 40px 35px;height:100%;border-radius:10px;background-color: #1b3063;}
.vision .con ul li .box:after{content:'';position: absolute;left:40px;top:40px;width:63px;height:62px;background:url('../images/sub/vision-ic1.png')no-repeat 0 50%/contain;}
.vision .con ul li.type2 .box:after{background-image:url('../images/sub/vision-ic2.png');}
.vision .con ul li.type3 .box:after{background-image:url('../images/sub/vision-ic3.png');}
.vision .con ul li .box .wrap{text-align:right;color: #fff;width:100%;}
.vision .con ul li .box .wrap .tit{margin-bottom:15px;font-size:20px;font-weight:600;line-height::1.2em;}
.vision .con ul li .box .wrap .tt{line-height:1.6em;}
.vision .con ul li:nth-child(even) .box{background-color: #e7e7e7;}
.vision .con ul li:nth-child(even) .box .wrap .tit{color: #242424;}
.vision .con ul li:nth-child(even) .box .wrap .tt{color: #454545;}

.history{display:flex;padding-top:55px;border-top:2px solid #333;}
.history .left{width:550px;}
.history .left .tit{margin-bottom:25px;font-size:33px;color: #242424;line-height:1.2em;font-weight:600;}
.history .left .tit strong{font-size:40px;font-weight:700;}
.history .left .tt{margin-bottom:70px;font-size:18px;line-height:1.56em;font-weight:500;}
.history .left .tt strong{font-weight:600;color: #242424;}
.history .con{position:relative;min-width:0;width:1%;flex:1 1 auto;}
.history .con:before{content:'';width:1px;height:99%;background-color: #ddd;position: absolute;left:0;top:10px;}
.history .con .row{position:relative;margin-bottom:45px;padding-left:70px;}
.history .con .row:last-child{margin-bottom:0;}
.history .con .row:before{content:'';position: absolute;left:-10px;top:7px;width:20px;height:20px;background:url('../images/sub/history-bullet.jpg')no-repeat 50% 50%/contain;}
.history .con .row:after{content:'';width:40px;height:1px;background-color: #ddd;position: absolute;left:19px;top:16px;}
.history .con .row .year{margin-bottom:20px;font-size:28px;line-height:1.2em;color: #242424;font-weight:600;}
.history .con .row .info ul li{display:flex;margin-bottom:10px;line-height:1.4em;}
.history .con .row .info ul li:last-child{margin-bottom:0;}
.history .con .row .info ul li .month{width:43px;color:#1b3063;font-weight:600;}
.history .con .row .info ul li .tt{position:relative;padding-left:15px;min-width:0;width:1%;flex:1 1 auto;}
.history .con .row .info ul li .tt:before{content:'';width:5px;height:5px;background-color: #ddd;position: absolute;left:0;top:8px;border-radius:50%;}

.location .maps .root_daum_roughmap {width:100% !important; height:430px !important;}
.location .maps .root_daum_roughmap .wrap_map {height:430px !important;}
.location .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.location .maps .map_border{display:none;}
.location .maps .roughmap_lebel_text:after {content:"(주)태남건설"; font-size:12px; line-height:15px;}
.directions {margin-top:40px;}
.directions .address-info {margin-bottom:30px;}
.directions .address-info .comp {color:#6c0319; 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:#1b3063;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

@media (max-width: 1024px) {
	.location .maps .root_daum_roughmap {height:300px !important;}
	.location .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) {
	.location .maps .root_daum_roughmap {height:200px !important;}
	.location .maps .root_daum_roughmap .wrap_map {height:200px !important;}
	.directions {margin-top:30px;}
	.directions .address-info .addr {font-size:16px;}
	.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;}
}

.doc-pg .pg-menu{margin-bottom:60px;}
.doc-pg .pg-menu ul{display:flex;}
.doc-pg .pg-menu ul li{flex:1;margin-left:-1px;}
.doc-pg .pg-menu ul li a{display:flex;justify-content:center;align-items:center;height:60px;text-align:center;font-size:18px;line-height:1.2em;color: #898989;font-weight:600;border:1px solid #ddd;}
.doc-pg .pg-menu ul li.active a{background-color: #1b3063;color: #fff;border-color: #1b3063;}
.doc-pg .doc-top{text-align:center;}
.doc-pg .doc-top .img{margin-bottom:50px;}
.doc-tit{position:relative;margin-bottom:20px;padding-top:55px;font-size:30px;font-weight:700;color:#242424;line-height:1.2em;text-align:center;}
.doc-tit:before{content:'';position: absolute;left:50%;top:0;margin-left:-6px;width:12px;height:30px;background:url('../images/sub/tit-ic.png')no-repeat 50% 50%/contain;}
.doc-pg .doc-top .wrap .tt{font-size:18px;}

.doc-list .list{margin-bottom:80px;}
.doc-list .list ul{display:flex;flex-wrap:wrap;margin:0 -20px -40px;}
.doc-list .list ul li{width:33.3333%;padding:0 20px;margin-bottom:40px;}
.doc-list .list ul li a{display:block;position:relative;border-radius:16px;overflow:hidden;height:100%;}
.doc-list .list ul li a:after{content:'';width:100%;height:100%;border-radius:16px;border:1px solid #ddd;position: absolute;left:0;top:0;}
.doc-list .list ul li a .pic {position:relative; height:0; padding-bottom:75.005%; overflow:hidden;}
.doc-list .list ul li a .pic img {position: absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;/* 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; */}
.doc-list .list ul li a .info{padding:35px 30px;}
.doc-list .list ul li a .info .hd{display:flex;align-items:center;margin-bottom:25px;}
.doc-list .list ul li a .info .hd .tit{min-width:0;width:1%;flex:1 1 auto;font-size:20px;color: #242424;font-weight:700;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.state{display:flex;justify-content:center;align-items:center;width:80px;height:30px;border-radius:15px;font-size:15px;font-weight:500;line-height:1.2em;margin-left:20px;}
.state.ing{background-color: #1b3063;color: #fff;}
.state.expect{background-color: #6c0319;color: #fff;}
.state.complete{background-color: #ddd;color: #454545;}
.doc-list .list ul li a .info .wrap dl{display:flex;margin-bottom:10px;line-height::1.4em;}
.doc-list .list ul li a .info .wrap dl:last-child{margin-bottom:0;}
.doc-list .list ul li a .info .wrap dl dt{width:80px;font-weight:500;color: #898989;}
.doc-list .list ul li a .info .wrap dl dd{min-width:0;width:1%;flex:1 1 auto;}

.doc-detail .top-con{display:flex;margin-bottom:60px;}
.doc-detail .top-con .img{width:580px;margin-right:60px;overflow:hidden;}
.doc-detail .top-con .img .pic{position:relative; height:0; padding-bottom:75.005%; overflow:hidden;}
.doc-detail .top-con .img .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;border-radius:16px;}
.doc-detail .top-con .info{display:flex;flex-direction:column;justify-content:space-between;min-width:0;width:1%;flex:1 1 auto;padding-top:15px;}
.doc-detail .top-con .info .info-wrap{margin-bottom:20px;}
.doc-detail .top-con .info .info-wrap .hd{display:flex;align-items:center;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #ddd;}
.doc-detail .top-con .info .info-wrap .hd .tit{font-size:30px;font-weight:700;color: #242424;line-height:1.3em;min-width:0;width:1%;flex:1 1 auto;}
.doc-detail .top-con .info .info-wrap .wrap dl{display:flex;margin-bottom:13px;line-height:1.4em;}
.doc-detail .top-con .info .info-wrap .wrap dl:last-child{margin-bottom:0;}
.doc-detail .top-con .info .info-wrap .wrap dl dt{width:90px;color: #898989;font-weight:500;}
.doc-detail .top-con .info .info-wrap .wrap dl dd{min-width:0;width:1%;flex:1 1 auto;}
.doc-detail .top-con .info .btn-back{display:flex;justify-content:center;align-items:center;width:100px;height:44px;background-color: #fafafa;border:1px solid #ddd;color: #242424;}

.rate{display:flex;align-items:center;margin-bottom:20px;}
.rate .r-tit{width:57px;font-weight:700;color: #242424;line-height:1.2em;}
.rate .bar-wrap{display:flex;align-items:center;min-width:0;width:1%;flex:1 1 auto;}
.rate .bar-wrap .bar{position:relative;min-width:0;width:1%;flex:1 1 auto;margin-right:15px;height:16px;border-radius:8px;background-color: #f1f1f1;overflow:hidden;}
.rate .bar-wrap .bar span{display:block;position: absolute;left:0;top:0;height:100%;border-radius:8px;background-color: #1b3063;}
.rate .bar-wrap .num{font-size:18px;font-weight:700;color: #1b3063;line-height:1.2em;}

.doc-detail.type2 .top-con .sl-box select.input{border:none;padding:0;max-width:135px;width:100%;font-weight:500;color: #898989;background:#fff url('/images/sub/sl-arr.png') right 0 center no-repeat;cursor:pointer;}
.doc-detail.type2 .top-con .sl-box select.input:focus{outline:none;}
.doc-detail.type2 .top-con .rate{margin-bottom:35px;}
.doc-detail.type2 .top-con .rate .bar-wrap .bar{max-width:200px;}

.ideal .tt-wrap{position:relative;margin-bottom:180px;text-align:center;}
.ideal .tt-wrap:after{content:'';width:1px;height:60px;background-color: #ddd;position: absolute;left:50%;bottom:-120px;}
.ideal .tt-wrap .tt1{font-size:40px;color: #242424;line-height:1.2em;font-weight:700;margin-bottom:20px;}
.ideal .tt-wrap .tt1 span{ background: linear-gradient(to right, #1b3063, #6c0319);background-clip: text;-webkit-text-fill-color: transparent;}
.ideal .tt-wrap .tt2{font-size:20px;font-weight:500;line-height:1.4em;}
.ideal .content .row{display:flex;padding-bottom:60px;margin-bottom:60px;border-bottom:1px dashed #ddd;}
.ideal .content .row:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none;}
.ideal .content .row .title{width:218px;}
.ideal .content .row .title .ic-tit{position:relative;padding-left:40px;font-size:30px;font-weight:700;line-height:1.2em;color: #242424;}
.ideal .content .row .title .ic-tit:before{content:'';position: absolute;left:0;top:4px;width:28px;height:28px;background:#1b3063 url('../images/sub/tit-arr.png')no-repeat 50% 50%/8px;border-radius:50%;}
.ideal .content .row .con{min-width:0;width:1%;flex:1 1 auto;}
.ideal .content .row .con .num-list ul{display:flex;border:1px solid #ddd;border-radius:20px;}
.ideal .content .row .con .num-list ul li{width:33.3333%;padding:40px 10px 35px;text-align:center;border-right:1px solid #ddd;}
.ideal .content .row .con .num-list ul li:last-child{border-right:0;}
.ideal .content .row .con .num-list ul li .ic{margin-bottom:25px;}
.ideal .content .row .con .num-list ul li .num{margin-bottom:5px;font-weight:700;color: #898989;line-height:1.2em;}
.ideal .content .row .con .num-list ul li .tit{margin-bottom:10px;font-size:20px;font-weight:600;line-height:1.4em;color: #242424;}
.ideal .content .row .con .process ul{display:flex;margin:0 -44px;}
.ideal .content .row .con .process ul li{position:relative;width:25%;padding:0 44px;}
.ideal .content .row .con .process ul li:after{content:'';position: absolute;right:-12px;top:50%;margin-top:-9px;width:24px;height:18px;background:url('../images/sub/recruit-arr.png')no-repeat 50% 50%/contain;}
.ideal .content .row .con .process ul li:last-child:after{display:none;}
.ideal .content .row .con .process ul li .cc{position:relative;padding-bottom:100%;border-radius:50%;background-color: #f4f4f4;}
.ideal .content .row .con .process ul li .cc .inner{position: absolute;left:0;top:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;text-align:center;}
.ideal .content .row .con .process ul li .cc .inner .tit{font-size:18px;font-weight:600;color: #242424;line-height:1.6em;}
.ideal .content .row .con .process ul li .cc .inner .tit span{font-size:16px;color: #898989;}

.person .list{margin-bottom:60px;}
.person .list ul{display:flex;margin:0 -24px;}
.person .list ul li{position:relative;width:16.6666%;padding:0 24px;}
.person .list ul li:after{content:'';position: absolute;right:-10px;top:50%;margin-top:-7px;width:19px;height:14px;background:url('../images/sub/person-arr.png')no-repeat 50% 50%/contain;}
.person .list ul li:last-child:after{display:none;}
.person .nt{color: #898989;line-height:1.4em;}

.ideal .content .row .title .btn-down{display:flex;justify-content:center;align-items:center;margin-top:20px;width:140px;height:40px;border-radius:5px;border:1px solid #1b3063;font-weight:600;color: #1b3063;}
.ideal .content .row .con .bd-img{border-radius:20px;border:1px solid #ddd;overflow:hidden;}
.ideal .content .row .con .box{margin-top:30px;border-radius:20px;padding:20px 0;background-color: #f7f7f7;}
.ideal .content .row .con .box ul{display:flex;}
.ideal .content .row .con .box ul li{display:flex;justify-content:center;align-items:center;position:relative;width:50%;}
.ideal .content .row .con .box ul li:after{content:'';width:1px;height:70px;background-color: #ddd;position: absolute;right:0;top:50%;transform:translateY(-50%);}
.ideal .content .row .con .box ul li:last-child:after{display:none;}
.ideal .content .row .con .box ul li .flex{display:flex;align-items:center;}
.ideal .content .row .con .box ul li .flex .cc{display:flex;justify-content:center;align-items:center;margin-right:30px;width:100px;height:100px;border-radius:50%;background-color:#1b3063;color: #fff;font-size:18px;font-weight:600;}
.ideal .content .row .con .box ul li .flex .wrap{min-width:0;width:1%;flex:1 1 auto;}
.ideal .content .row .con .box ul li .wrap p{margin-bottom:5px;line-height:1.4em;font-weight:500;}
.ideal .content .row .con .box ul li .wrap p strong{font-weight:600;}
.ideal .content .row .con .box ul li .wrap p:last-child{margin-bottom:0;}

.ideal .content .row .con .txt-wrap{margin-top:40px;}
.ideal .content .row .con .txt-wrap .tit{margin-bottom:15px;font-size:18px;font-weight:600;}
.ideal .content .row .con .txt-wrap .tt{line-height:1.88em;}
.ideal .content .row .con .txt-wrap .tt strong{font-size:18px;font-weight:600;}

.doc-detail.edit .top-con .sld{display:flex;width:685px;order:2;}
.doc-detail.edit .top-con .sld .origin{width:580px;margin-right:15px;}
.doc-detail.edit .top-con .sld .thumb{min-width:0;width:1%;flex:1 1 auto;margin-bottom:-5px;}
.doc-detail.edit .top-con .sld .thumb .item{margin-bottom:5px;}
.doc-detail.edit .top-con .sld .pic{position:relative; height:0; padding-bottom:75.005%; overflow:hidden;}
.doc-detail.edit .top-con .sld .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;}
.doc-detail.edit .top-con .sld .origin .item .pic{border-radius:5px;}
.doc-detail.edit .top-con .sld .thumb .item .pic{border-radius:5px;cursor:pointer;}
.doc-detail.edit .top-con .sld .thumb .item .pic:after{content:'';width:100%;height:100%;border:2px solid #1b3063;position: absolute;left:0;top:0;border-radius:5px;transition:.3s;opacity:0;}
.doc-detail.edit .top-con .sld .thumb .item .pic:hover:after{opacity:1;}
.doc-detail.edit .top-con .sld .thumb .item.slick-current .pic:after{opacity:1;}
.doc-detail.edit .top-con .info{order:1;margin-right:40px;}
.doc-detail.edit .top-con .info .info-wrap .hd{padding-bottom:10px;border-bottom:none;}