@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.doc-tit {padding-left:30px; margin-bottom:13px; font-family:"NanumSquare",sans-serif; color:#242424; font-size:20px; line-height:1.3em; letter-spacing:-.03em; background:url("../images/sub/bullet.png") 0 2px no-repeat;}
.doc-tit.line {border-bottom:1px solid #ddd; padding-bottom:13px; margin-bottom:20px;}

/* 센터소개 */
.greetings {overflow:hidden; font-family:"NanumSquare",sans-serif; color:#686868; font-size:18px; line-height:1.778em; letter-spacing:-.03em;}
.greetings .img {float:left;}
.greetings .cnt {margin-left:435px;}
.greetings h3 {max-width:450px; color:#454545; font-size:20px; line-height:1.5em; margin-bottom:1.778em;}
.greetings h3 span {color:#f8b62b;}
.greetings p {margin-bottom:1.778em;}

.organization {text-align:center; margin-bottom:120px;}

.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .map_border {display:none;}

.location-info {border-top:1px solid #ddd; padding:15px 0 0 30px; font-family:"NanumSquare",sans-serif; color:#686868; font-size:18px; line-height:1.556em; letter-spacing:-.03em;}
.location-info dl {margin-bottom:30px;}
.location-info dt {position:relative; padding-left:15px; color:#454545; font-weight:700;}
.location-info dt:after {content:""; position:absolute; top:10px; left:0; width:4px; height:4px; background:#454545; border-radius:100%;}
.location-info dd {margin-left:15px;}

/* 식단 및 레시피 */
.doc-down {margin:43px auto 0; overflow:hidden;}
.doc-down .row {margin:0 -12px;}
.doc-down .row:after {content:""; display:block; clear:both;}
.doc-down .col {float:left; width:25%; padding:0 12px;}
.doc-down .btn-down {display:block; text-align:center; color:#fff; font-family:"NanumSquare",sans-serif; font-size:20px; font-weight:700; line-height:75px; background:#8fc97e; border-radius:5px;}
.doc-down .btn-down:hover {background:#69b82d;}

.food-wrap {max-width:1012px; margin:30px auto 0; text-align:center;}
.food-wrap .row {margin:0 -12px;}
.food-wrap .row:after {content:""; display:block; clear:both;}
.food-wrap .col {float:left; width:20%; padding:0 12px;}

.food-choice {position:relative;}
.food-choice p a {display:block; color:#454545; font-family:"NanumSquare",sans-serif; font-size:18px; font-weight:700; line-height:48px; background:#fff; border:1px solid #ddd; border-radius:5px;}
.food-choice ul {display:none; margin-top:11px; left:0; width:100%; background:#fff; border:1px solid #f8b62b; padding:10px; border-radius:5px;}
.food-choice ul li a {display:block; padding:3px 0; color:#454545; font-size:15px; line-height:1.5em;}
.food-choice ul li a:hover {color:#f8b62b}
.food-choice.active p a {background:#f8b62b; border-color:#f8b62b; color:#fff;}

.food-select {max-width:1130px; margin:0 auto 20px;}
.food-select .row {margin:0 -5px;}
.food-select .row:after {content:""; display:block; clear:both;}
.food-select .col {float:left; width:25%; padding:0 5px;}
.food-select .select {display:block; width:100%; height:50px;}

.food-detail {max-width:1130px; margin:0 auto;}
.btn-download {display: flex; gap: 8px; align-items: center; width: fit-content; margin: 30px auto 25px; padding: 11px 30px; border-radius: 30px; background: #f8b62b; color: #fff; font-family: '"NanumSquare",sans-serif'; font-size: 20px; font-weight: 700;}
.btn-download:after {content: ''; display: block; width: 21px; height: 18px; background: url('/images/common/arrow-download.png') no-repeat center center; background-size: contain;}

/* popup */
.pop-wrap {padding:30px; background:#fff; position:relative;}
.pop-tit {padding:0 8px 8px; border-bottom:2px solid #000; margin-bottom:20px;}
.pop-tit h2 {color:#333; font-size:20px; line-height:1.3em; }
.pop-cnt {color:#959595;}
.pop-cnt .form-group {margin-bottom:10px;}
.pop-cnt .form-group .input {display:block; height:45px;}
.pop-cnt .step {text-align:center; padding:15px 0;}
.pop-cnt .check {padding:15px; font-size:16px; line-height:1.3em; color:#000; text-align:center;}
.pop-cnt .scroll-box {position:relative; max-height:185px; padding:10px; font-size:14px; line-height:1.4em; color:#777; overflow:auto; border:1px solid #d9d9d9}
.pop-cnt .submit {display:block; margin:25px auto 0; width:100%; max-width:200px; height:50px; cursor:pointer; color:#fff; font-size:18px; font-weight:400; line-height:1.4em; letter-spacing:-.03em; background:#000; border:0; border-radius:40px;}
.pop-close {position:absolute; top:19px; right:28px; transition:none; width:26px; height:26px; overflow:hidden; text-indent:-999em; border:1px solid #bfbfbf; background:#fff;}
.pop-close:before,
.pop-close:after {content:""; position:absolute; display:block; top:4px; left:11px; width:2px; height:16px; background:#606060; border-radius:2px; transition:.2s;}
.pop-close:before {transform:rotate(45deg)}
.pop-close:after {transform:rotate(-45deg)}
.pop-close:hover {background:#000; border-color:#000}
.pop-close:hover:before,
.pop-close:hover:after {background:#fff}