@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.fz18 {font-size:18px;}

.fw500 {font-weight:500 !important;}
.fw600 {font-weight:600 !important;}

.color-1 {color:#358a2c !important;}
.color-24 {color:#242424 !important;}

.doc-cnt50 {margin-bottom:50px !important;}

.greeting {padding:55px 0; text-align:center; background-color:#f8f8f8;}
.greeting .tit {font-size:30px; margin-bottom:70px; line-height:1.4em; color:#242424; position:relative;}
.greeting .tit:after {width:28px; height:2px; transform:rotate(45deg); margin-left:-30px; bottom:-29px; position:absolute; content:'';left:50%; background-color:#358a2c;}
.greeting p {line-height:1.875em;}

.cv {display:flex; text-align:center; margin:0 -35px;}
.cv li {font-size:25px; padding:0 35px; width:25%; letter-spacing:-.03em;}
.cv .item {width:220px; height:220px; margin:0 auto; display:flex; align-items:center; flex-direction:column; justify-content:center; border:2px solid #358a2c; border-radius:100%;}
.cv b {margin-bottom:12px; display:block;}
.cv p {margin-top:22px;}

.root_daum_roughmap {width:100% !important;}

.local {display:flex; align-items:center;}
.local .col {width:50%;}
.local .col-l {text-align:center;}
.local li {margin-bottom:13px; display:flex; align-items:center;}
.local li:last-child {margin-bottom:0;}
.local li p {margin-left:20px; font-size:17px; letter-spacing:-.03em; flex:1; line-height:1.7em;}

.slide-pjt {display:flex; position:relative;}
.pjt-slider-for {width:830px; margin-right:10px; line-height:0;}
.pjt-slider-for .thumb {position:relative; padding-bottom:71%; overflow:hidden;}
.pjt-slider-for .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd;}
.pjt-slider-for .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.pjt-slider-for .slick-arrow {position:absolute; width:32px; height:66px; top:50%; transform:translateY(-50%); z-index:98; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.pjt-slider-for .slick-prev {left:30px; background-image:url("/images/bbs/pjt_prev.png");}
.pjt-slider-for .slick-next {right:30px; background-image:url("/images/bbs/pjt_next.png");}

.pjt-slider-nav {flex:1 1 auto; min-width:0; width:1%;}
.pjt-slider-nav .item {margin-bottom:10px; line-height:0; border:0;} 
.pjt-slider-nav .thumb {position:relative; padding-bottom:70%; overflow:hidden;}
.pjt-slider-nav .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd;}
.pjt-slider-nav .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.pjt-slider-nav .slick-current .thumb:after {border:2px solid #358a2c;}

.pjt-tb {margin:20px 0 40px;}
.pjt-tb table {border-top:2px solid #454545; border-collapse:collapse; width:100%;}
.pjt-tb table th {font-weight:500; border-bottom:1px solid #ddd; color:#242424; background-color:#f8f8f8; text-align:center;}
.pjt-tb table td {padding-left:25px; border-bottom:1px solid #ddd;}
.pjt-tb table th, .pjt-tb table td {padding-top:16px; padding-bottom:16px;}