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

.doc-cnt60 {margin-bottom:60px;}
.doc-cnt75 {margin-bottom:75px;}
.doc-cnt100 {margin-bottom:100px;}
.doc-cnt150 {margin-bottom:150px;}

.doc-tit {font-size:26px; padding-left:25px; padding-bottom:25px; font-weight:700; color:#242424; letter-spacing:-.01em; line-height:1.2em; position:relative;}
.doc-tit:before {position:absolute; content:''; width:12px; height:12px; top:9px; left:0; background-color:#fcb040; border-radius:100%;}

.sub-tit {font-size:30px; margin-bottom:20px; line-height:1.333em; font-weight:700; letter-spacing:-.03em;}
.color-1 {color:#f1592a !important;}

.greeting {display:flex;}
.greeting .cnt {padding-left:40px; flex:1;}
.greeting .cnt p {margin-bottom:30px; line-height:1.8em;}
.greeting .cnt p:last-child {margin-bottom:0;}
.sub-table1 {border-top:2px solid #f1592a;}
.sub-table1 table {font-size:17px; border-collapse:collapse; width:100%;}
.sub-table1 table th {padding:10px 0; border-bottom:1px solid #ddd; font-weight:500; background-color:#f5f5f5;}
.sub-table1 table td {padding-top:10px; padding-bottom:10px; border-bottom:1px solid #ddd; text-align:center;}
.sub-table1 table td.left {text-align:left; padding-left:30px;}

.mnb {padding:0 125px; display:flex; color:#fff; text-align:center;}
.mnb .group {padding:0 25px; width:50%;}
.mnb .group .box {height:250px; border-radius:20px; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.mnb .group .box .tit {font-size:26px; margin:17px 0; font-weight:500; letter-spacing:-.01em; line-height:1.2em;}
.mnb .group .box p {line-height:1.5em;}
.mnb .g1 .box {background-color:#139483;}
.mnb .g2 .box {background-color:#0d6fb8;}

.care-value .doc-tit {padding-bottom:60px; padding-left:0; text-align:center;}
.care-value .doc-tit:before {display:none;}

.history {border-top:2px solid #f1592a;}
.history .group {padding:25px 0; border-bottom:1px solid #ddd; display:flex;}
.history .group .year {font-size:26px; margin-left:58px; flex:1 240px; width:1%; max-width:240px; font-weight:700; color:#fcb040; letter-spacing:-.01em; line-height:1.3em;}
.history .group ul {flex:1;}
.history .group ul li {font-size:17px; margin-bottom:24px; letter-spacing:-.01em; line-height:1.2em; display:flex;}
.history .group ul li:last-child {margin-bottom:0;}
.history .group ul li .month {width:1%; max-width:68px; flex:1 68px; text-align:right; font-weight:500; position:relative;}
.history .group ul li .month:after {position:absolute; content:''; width:1px; height:15px; background-color:#ddd; top:0; right:-30px;}
.history .group ul li p {margin-left:30px; padding-left:30px; flex:1;}

.history .group.a-c {padding:18px 0; align-items:center;}

.root_daum_roughmap {width:100% !important;}

.local .cnt {padding:44px 50px; border:1px solid #ddd; border-top:0;}
.local .cnt .tit {font-size:26px; margin-bottom:30px; font-weight:700; color:#242424; letter-spacing:-.01em; line-height:1.3em; position:relative;}
.local .cnt .tit:after {position:absolute; content:''; width:35px; height:3px; bottom:-12px; left:4px; background-color:#fcb040;}

.sub02 p.fz18 {margin-bottom:30px;}
.sub02 .wrap {display:flex; margin:0 -25px;}
.sub02 .wrap .group {padding:0 25px; width:50%; text-align:center;}
.sub02 .wrap .group p {font-size:17px; margin-top:10px; letter-spacing:-.01em;}

.sub0202 .img {text-align:center; max-width: 1100px; margin: 0 auto;}

.volunteer .cnt p {margin-bottom:20px;}
.volunteer .sub-tit {line-height:1.567em;}

.volunteer1 .cnt {padding-left:100px; padding-top:30px;}
.volunteer1 .sub-tit {font-size:20px;}
.volunteer1 .inner {padding-left:25px;}
.volunteer1 .inner .star {font-size:17px; font-weight:500; letter-spacing:-.01em;}
.volunteer1 .inner .star img {margin:-4px 10px 0 0; vertical-align:middle;}
.volunteer1 .inner .call-num {font-size:22px; margin-top:40px; font-weight:700; letter-spacing:-.01em;}

.volunteer-table th,
.volunteer-table td {border-right:1px solid #ddd;}
.volunteer-table th:last-child,
.volunteer-table td:last-child {border-right:0;}

.on-advertising {display:flex;}
.on-advertising .col-r {margin-left:100px; flex:1;}
.ad-map-wrap img {max-width:initial !important;}

.fancybox-detail .fancybox-image {border:7px solid #ddd;}

.local-addr {padding:20px 0; margin-bottom:20px; border-bottom:1px dashed #ddd; display:flex; align-items:center;}
.local-addr .flex {display:flex; flex:1;}
.local-addr .num {width:27px; height:27px; font-size:20px; margin-right:15px; display:flex; align-items:center; justify-content:center; border-radius:100%; color:#fff; background-color:#f1592a;}
.local-addr .detail-addr {font-size:20px; flex:1;}
.local-addr ul {display:flex;}
.local-addr ul li:last-child {margin-left:20px;}
.local-addr ul li a {min-width:150px; height:40px; font-size:17px; display:flex; align-items:center; justify-content:center; text-align:center; background-color:#eee; border:1px solid #ddd; border-radius:10px;}

.steps {text-align:center;}

.ad-info {margin:45px 0 90px;} 
.ad-info .no-ad {margin-bottom:50px;} 
.ad-info .no-ad .tit {font-size:22px; margin-bottom:15px; font-weight:500; letter-spacing:-.04em;} 
.ad-info .no-ad ul li {font-size:17px; line-height:1.588em;}
.ad-info .red {font-size:17px; letter-spacing:-.04em; line-height:1.765em; color:#ff0000;}
.ad-info .red strong {font-weight:500;}

.ad-apply {border-top:2px solid #242424;}
.ad-apply .group {padding:11px 35px; display:flex; align-items:center; border-bottom:1px solid #ddd;}
.ad-apply .group .flex {display:flex; flex:1 500px; max-width:500px; align-items:center;}
.ad-apply .group .num {font-size:14px; width:22px; height:22px; margin-right:25px; text-align:center; color:#fff; align-items:center; justify-content:center; border-radius:100%; background-color:#f1592a; display:flex;}
/* .ad-apply .group .location {flex:1 455px; width:1%; max-width:455px;} */
.ad-apply .group .step {flex:1;}
.ad-apply .group .step .deadline {font-weight:500; color:#f1592a; letter-spacing:0;}
.ad-apply .group .period {flex:1; text-align:right;}
.ad-apply .group .input {height:30px; line-height:28px; margin:0 5px; padding:0 0 0 15px; width:100%;}
.ad-apply .group .step .input {max-width:140px;}
.ad-apply .group .period .input {max-width:290px;}

.apply-info {margin:60px 0; padding:45px 0; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd;}
.apply-info .top {font-size:20px; margin-bottom:20px; font-weight:500; letter-spacing:-.04em; line-height:1.3em;}
.apply-info ul li {font-size:17px; line-height:1.588em; letter-spacing:-.04em;}
.apply-info ul li.red {color:#fe0000;}
.apply-info ul strong {font-weight:600;}

.apply-btn {text-align:center; display:block;}

.advertise-guide {margin-top:40px; display:flex;}
.advertise-guide .img {margin-right:76px;}
.advertise-guide .cnt {display:flex; flex-direction:column; align-items:center; justify-content:center; background-color:#f5f5f5; border:1px solid #ddd; text-align:center; flex:1;}
.advertise-guide .cnt p {line-height:1.7em;}
.advertise-guide .cnt .wrap {margin-top:35px; display:flex; justify-content:center;}
.advertise-guide .cnt .wrap a {min-width:180px; height:45px; margin:0 30px; display:flex; align-items:center; justify-content:center; background-color:#1ca190; color:#fff; letter-spacing:-.01em; border-radius:10px;}

.pwd-text {font-size:17px; margin-bottom:25px; padding-left:25px; color:#ff0000; letter-spacing:-.03em; line-height:1.5em; position:relative;}
.pwd-text:before {width:13px; height:16px; left:0; top:3px; background-image:url('../images/sub/pwd.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}

.order-check-list table {border-top-color:#f1592a;}
.order-check {font-size:14px; margin:0 auto; background-color:#f1592a; color:#fff; border-radius:5px;}
.order-check.pc {line-height:30px; max-width:80px; display:block;}
.order-check.mobile {line-height:28px; max-width:80px; padding:0 15px; font-size:12px; display:inline-block;}
.pwd-check {margin-top:10px;}
.pwd-check .input {height:28px;}
.order-pwd.input {height:30px; border-radius:5px;}

.map-list .thumb {position:relative; padding-bottom:58.3%; overflow:hidden;}
.map-list .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;}

.pwd-txt {font-size: 15px; padding-left:50px; color: #969696; font-weight: 400; letter-spacing:-.03em;}

.fw600 {font-weight: 600;}

.table-height {height:70px;}

.ad-detail .group {margin-bottom: 55px;}
.ad-detail .group:last-child {margin-bottom: 0;}
.ad-detail .group .title {font-size: 20px; margin-bottom: 20px; font-weight: 600; letter-spacing:-.04em;}

.mgt10 {margin-top: 10px;}
.padr30 {padding-right: 30px;}
.padr40 {padding-right: 30px;}

.red-list {margin-top: 25px;}
.red-list li {line-height:1.5em; color: #ff0000;}

.bnnner-location {display:flex; align-items: center;}
.bnnner-location .col {display:flex;}
.bnnner-location .col-l {width: 40%;}
.bnnner-location .col-l span {font-size: 14px; width: 25px; height: 25px; margin-right: 15px; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; font-weight: 700; letter-spacing:-.01em; background-color: #f1592a; border-radius:100%;}

.bnnner-location .col-r .step-text {padding: 0 5px; margin-right: 35px; position: relative; line-height: 1.7em;}
.bnnner-location .col-r .step-text:before,
.bnnner-location .col-r .step-text:after {position: absolute; content: ''; width: 1px; height:13px; top:50%; transform:translateY(-50%); background-color: #454545;}
.bnnner-location .col-r .step-text:before {left: 0;}
.bnnner-location .col-r .step-text:after {right: 0;}
.bnnner-location .col-r .del {font-size: 14px; width: 50px; height: 25px; margin-left: 10px; color: #fff; border-radius:5px; text-align: center; background-color: #f1592a;}

.buttons40 {margin-top:40px;}
.buttons40 a {margin-bottom: 10px !important;}