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

.doc-tit {text-align:center; font-family:"BMJUA",sans-serif; color:#222; font-size:40px; font-weight:400; line-height:1.3em; margin-bottom:45px;}

.about {font-size:18px; line-height:1.95em;}
.about .logo {text-align:center; margin-bottom:40px;}
.about .wrap {display:table; table-layout:fixed; width:100%;}
.about .wrap > div {display:table-cell; vertical-align:top;}
.about .cnt {border-top:3px solid #ffc62c; padding:55px 0 0 39px;}
.about .cnt p {margin-bottom:25px;}
.about .cnt .t1 {color:#333; font-size:22px; font-weight:500;}
.about .cnt .t2 {font-family:"BMJUA",sans-serif; color:#333; font-size:28px;}

.market-analysis {position:relative; margin-bottom:100px; padding-bottom:75px; text-align:center;}
.market-analysis:before {content:""; position:absolute; bottom:0; left:0; width:100%; height:310px; background:#ffe8d4; z-index:-1;}
.market-analysis .row {margin:0 -15px;}
.market-analysis .row:after {content:""; display:block; clear:both;}
.market-analysis .col {float:left; width:50%; padding:0 15px;}
.market-analysis .box {background:#fff; border:2px solid #666; padding:67px 48px 60px;}
.market-analysis .box h4 {font-family:"BMJUA",sans-serif; color:#333; font-size:35px; font-weight:400; line-height:1.3em; margin-bottom:43px;}
.market-analysis .box ul {border-top:1px solid #ddd; margin-bottom:33px;}
.market-analysis .box ul li {padding:21px 0; color:#555; font-size:18px; line-height:1.5em; border-bottom:1px solid #ddd;}
.market-analysis .bottom-txt {text-align:center; margin-top:52px; font-family:"BMJUA",sans-serif; color:#333; font-size:25px; line-height:1.3em;}

.vision .row {margin:0 -15px;}
.vision .row:after {content:""; display:block; clear:both;}
.vision .col {float:left; width:50%; padding:0 15px; margin-bottom:55px;}
.vision .col:nth-child(2n+1) {clear:left;}
.vision .col h4 {position:relative; padding:9px 26px; top:-25px; margin-bottom:-3px; display:inline-block; background:#ffc62c; color:#fff; font-family:"BMJUA",sans-serif; font-size:25px; font-weight:400; line-height:1.3em;}
.vision .col p {margin-left:10px; letter-spacing:-.04em;}
.vision .bottom-txt {text-align:center; padding:45px 0; font-family:"BMJUA",sans-serif; color:#333; font-size:25px; line-height:1.3em; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.vision .bottom-txt img {vertical-align:middle; margin:-.2em 0 0 40px;}

.first-store {text-align:center; font-size:18px; line-height:1.95em;}
.first-store .img {margin-bottom:50px;}
.first-store p {margin-bottom:17px;}
.first-store strong {font-weight:500; color:#333;}
.first-store .t1 {display:inline-block; padding:16px 50px; margin-top:17px; vertical-align:top; background:#ff8a2c; color:#fff; font-size:20px; font-weight:500; line-height:1.4em; border-radius:30px;}
.first-store .t2 {color:#ff8a2c; font-family:"BMJUA",sans-serif; font-size:25px; line-height:1.3em; margin:30px 0 53px;}

.knowhow-top {text-align:center; margin-bottom:80px;}
.knowhow-top .img {background:#ffca1c; margin-bottom:30px;}

.knowhow .group {display:table; table-layout:fixed; width:100%; margin-bottom:80px;}
.knowhow .group:last-child {margin-bottom:0;}
.knowhow .group > div {display:table-cell; vertical-align:top;}
.knowhow .tit {width:247px;}
.knowhow .tit h4 {color:#222; font-family:"BMJUA",sans-serif; font-size:25px; font-weight:400; line-height:1.3em;}
.knowhow .bar {width:120px; padding-top:16px;}
.knowhow .bar span {display:block; margin-right:20px; position:relative; height:1px; background:#ddd;}
.knowhow .bar span:after {content:""; position:absolute; top:50%; right:-20px; width:10px; height:10px; background:#ffc62d; border-radius:100%; margin-top:-5px;}
.knowhow .cnt {padding-left:23px; font-size:18px; line-height:1.95em; letter-spacing:-.04em;}
.knowhow .cnt strong {font-weight:500; color:#333;}

.visit-edu {font-size:18px; line-height:1.95em; letter-spacing:-.04em;}
.visit-edu .cnt {position:relative; margin-left:60px; padding:40px 0 0 40px;}
.visit-edu .cnt:before {content:""; position:absolute; top:-60px; left:0; bottom:0; width:2px; background:#ffc62c;}
.visit-edu .cnt strong {font-weight:500; color:#333;}

.differentiation {margin-bottom:100px;}
.differentiation .wrap {position:relative; margin-bottom:55px;}
.differentiation .wrap:after {content:""; display:block; clear:both;}
.differentiation .wrap h4 {float:left; margin-top:25px; color:#222; font-family:"BMJUA",sans-serif; font-size:25px; font-weight:400; line-height:1.3em;}
.differentiation .wrap .box {float:right; margin-top:-100px; background:#fff;  padding:40px 74px; font-size:18px; line-height:1.5em; letter-spacing:-.04em; box-shadow:-5px 5px 5px rgba(0,0,0,.09);}
.differentiation .wrap .box ul li {position:relative; padding-left:14px; margin-bottom:8px;}
.differentiation .wrap .box ul li:before {content:""; position:absolute; top:10px; left:0; width:6px; height:6px; background:#ffc62c; border-radius:100%;}
.differentiation .wrap .box ul li:last-child {margin-bottom:0;}
.differentiation .cnt {text-align:center;}
.differentiation .cnt p {margin-bottom:22px;}
.differentiation .cnt p:last-child {margin-bottom:0;}
.differentiation .cnt p strong {color:#333; font-weight:500; font-size:18px;}

.differentiation2 dl {margin-bottom:40px; position:relative; padding:30px 0 0 30px;}
.differentiation2 dl:last-child {margin-bottom:0;}
.differentiation2 dl dt {position:absolute; top:0; left:0; padding:0 30px; background:#ffc62c; width:320px; color:#fff; font-family:"BMJUA",sans-serif; font-size:22px; line-height:60px;}
.differentiation2 dl dt:after {content:""; position:absolute; top:0; right:-20px; width:20px; height:100%; background:url("../images/sub/tit_bg.png") 0 0 no-repeat;}
.differentiation2 dl dd {min-height:180px; padding:60px 49px 35px; border:1px solid #ffc62c;}
.differentiation2 dl:nth-child(even) dt {background:#ff8a2c}
.differentiation2 dl:nth-child(even) dt:after {background-image:url("../images/sub/tit_bg2.png")}
.differentiation2 dl:nth-child(even) dd {border-color:#ff8a2c}

.success-point {position:relative; margin-bottom:30px; padding-top:15px;}
.success-point .head {position:absolute; top:-8px; left:0; width:100%; text-align:center;}
.success-point .doc-tit {display:inline-block; padding:0 50px; background:#fff; margin:0;}
.success-point .wrap {border:2px solid #555; padding:75px 100px;}
.success-point .group {margin-bottom:45px;}
.success-point .group .num {position:relative; height:50px; overflow:hidden; color:#ededed; font-size:70px; font-weight:800; line-height:1em;}
.success-point .group .num span {position:absolute; top:-2px;}
.success-point .group .num1 span {left:20px;}
.success-point .group .num2 span {left:15%;}
.success-point .group .num3 span {left:30%;}
.success-point .group .num4 span {left:46%;}
.success-point .group .num5 span {left:58%;}
.success-point .group .num6 span {left:72%;}
.success-point .group .num7 span {right:20px;}
.success-point .group .cnt {padding:24px 20px 0; border-top:1px dashed #ddd;}
.success-point .group h4 {color:#333; font-family:"BMJUA",sans-serif; font-size:25px; font-weight:400; line-height:1.4em; margin-bottom:5px;}
.success-point .group h4 span {color:#ffc62c}

.success-point2 {padding:40px; text-align:center; color:#222; background:#ffc62c; border-radius:25px;}
.success-point2 h4 {font-family:"BMJUA",sans-serif; font-size:30px; font-weight:400; line-height:1.3em; margin-bottom:10px;}
.success-point2 p {max-width:600px; margin:0 auto; font-size:20px; font-weight:500; line-height:1.75em;}

.fran-cost-head {margin-bottom:10px;}
.fran-cost-head:after {content:""; display:block; clear:both;}
.fran-cost-head h4 {float:left; color:#333; font-size:22px; line-height:1.3em; margin-top:-16px;}
.fran-cost-head p {float:right; font-size:15px; line-height:1.5em;}

.fran-cost table {width:100%; border-collapse:collapse; border-spacing:0px;}
.fran-cost thead th {padding:16px 4px; background:#2c2c2c; border:1px solid #2c2c2c; color:#fff; font-family:"BMJUA",sans-serif; font-size:20px; font-weight:400; line-height:1.3em;}
.fran-cost tbody td {padding:13px 4px; border:1px solid #ddd; border-top:0; text-align:center; line-height:1.5em;}
.fran-cost tbody td.left {text-align:left; padding-left:27px; padding-right:20px;}
.fran-cost tbody td big {font-size:18px;}
.fran-cost tbody td strong {font-weight:500;}
.fran-cost tbody td.type0{padding-top:0;padding-bottom:0;}
.fran-cost .text-red {color:#f0201b;}
.fran-cost .text-black {color:#333;}
.fran-cost .line-through {position:relative; display:inline-block; padding:0 5px; margin-right:6px;}
.fran-cost .line-through:after {content:""; position:absolute; top:55%; left:0; right:0; border-bottom:1px solid #f0201b;}
.fran-cost .del-line {position:relative;}
.fran-cost .del-line:after {content:""; position:absolute; width:300%; height:11px; background:transparent url('../images/sub/price_arr.png')no-repeat 0 50%/contain; top:50%; left:-5px;transform:translateY(-50%);}
.fran-cost .border-box {border:2px solid #ff0000; display:inline-block; padding:3px;}

.fran-cost tbody td .flex-list {display:flex; flex-wrap:wrap;}
.fran-cost tbody td .flex-list li {width:50%;}
.fran-cost tbody td .small-font {font-size:10px;}
.fran-cost tbody td .flex-list.type0 li{line-height:1.2em;margin-bottom:5px;}
.fran-cost tbody td .flex-list.type0 li:last-child{margin-bottom:0;}
.fran-cost tbody td .flex-list.type0 li .sm-tt{font-size:12px;margin-left:10px;line-height:1em;}
.fran-cost tbody td .flex-list.type0 li:nth-child(1){margin-bottom:-20px;}

.total-price  {padding:50px 0;}
.total-price p {text-align:center; font-size:20px; font-weight:400;position:relative;padding-top:70px;}
.total-price p:before{content:'';width:322px;height:66px;background:url('../images/sub/total_price.png')no-repeat 50% 50%/contain;position: absolute;left:-88px;top:0;}
.total-price p:nth-child(1) {margin:0 48% 5px 200px; text-align:right; position:relative;}
/* .total-price p:nth-child(1):before {content:"약 900만원 할인"; color:#ff0000; font-size:14px; position:absolute; left:0; bottom:40%;} */
/* .total-price p:nth-child(1):after {content:""; width:100%; height:2px; background:#ff0000; position:absolute; bottom:40%; left:0;} */
.total-price strong {font-size:40px;}
.total-price .img{margin-left:200px;}

.boxed {font-size:15px; color:#2c2c2c2; line-height:1.8em; margin-top:20px;}

.fran-cost-total {padding:13px 0; border:1px solid #ddd; border-top:0; text-align:center; line-height:1.5em; font-size:18px; color:#f0201b;}

.fran-cost-info {padding:21px; border:1px solid #ddd; border-top:0; text-align:center; font-size:15px; line-height:1.5em;}
.fran-cost-info ul {display:inline-block; text-align:left;}
.fran-cost-info ul li {position:relative; padding-left:11px; margin-bottom:6px;}
.fran-cost-info ul li:last-child {margin-bottom:0;}
.fran-cost-info ul li:before {content:""; position:absolute; top:8px; left:0; width:4px; height:4px; background:#333; border-radius:100%;}

.table-desc {text-align:right; font-size:15px; line-height:1.5em; margin-top:15px;}

.analysis-system .group {display:table; table-layout:fixed; width:100%; margin-bottom:40px;}
.analysis-system .group > div {display:table-cell; vertical-align:top;}
.analysis-system .group:last-child {margin-bottom:0;}
.analysis-system .cnt {padding-left:30px;}
.analysis-system .num {display:block; width:50px; height:50px; text-align:center; color:#fff; font-size:22px; font-weight:800; line-height:50px; background:#ffc62d; border-radius:100%;}
.analysis-system h4 {color:#333; font-size:18px; font-weight:500; line-height:1.65em; margin:32px 0 23px;}
.analysis-system h4 small {font-size:16px;}
.analysis-system p {margin-bottom:1em;}
.analysis-system p strong {color:#333; font-weight:500; display:inline-block;}

.btn-go-inquiry {position:relative; text-align:center; margin-top:55px;}
.btn-go-inquiry:before {content:""; position:absolute; top:50%; left:0; right:0; border-bottom:2px solid #333; margin-top:-1px;}
.btn-go-inquiry a {display:inline-block; position:relative; padding:0 58px; background:#fff; color:#333; font-size:20px; font-weight:500; line-height:1.5em;}
.btn-go-inquiry a:hover {padding:0 70px;}

.fran-inquiry {position:relative; text-align:center; margin-bottom:50px;}
.fran-inquiry:before {content:""; position:absolute; top:130px; left:0; bottom:0; right:0; background:#f7f7f7;}
.fran-inquiry .contain {position:relative;}
.fran-inquiry .row {display:table; table-layout:fixed; width:100%; padding-right:10px;}
.fran-inquiry .row > div {display:table-cell; vertical-align:top;}
.fran-inquiry .space {width:6%}
.fran-inquiry .box {position:relative; height:200px; background:#fff; border:1px solid #333; font-size:18px; font-weight:500; line-height:1.95em; box-shadow:10px 10px 0 #ffc62c;}
.fran-inquiry .box .num {position:absolute; top:10px; right:12px; color:#ffc62c; font-size:40px; font-weight:800; line-height:1em;}
.fran-inquiry .box p {position:absolute; top:50%; left:0; width:100%; padding:30px; transform:translateY(-50%);}
.fran-inquiry .box p strong {color:#333; display:inline-block; font-size:20px;}
.fran-inquiry .tit {padding:84px 0; color:#333; font-family:"BMJUA",sans-serif; font-size:25px; line-height:1.6em;}

.radiobox {display:inline-block; position:relative; vertical-align:middle; margin-top:-.2em;}
.radiobox input {position:absolute; top:0; left:0; width:0; height:0; border:0; opacity:0; z-index:-1;}
.radiobox label {display:inline-block;}
.radiobox label:before {content:""; display:inline-block; vertical-align:middle; margin:-.2em 8px 0 0; width:18px; height:18px; background-color:#f4f4f4; border:1px solid #ccc; border-radius:100%;}
.radiobox input:checked + label:before {background:#fff url("/images/bbs/radiobox.png") 50% 50% no-repeat;}
.radiobox input:focus + label:before {outline:2px solid highlight;}