﻿/* 성공창업 */
.changup { }
.changup .content-header { margin-top: 90px; height: 300px; }
.changup .content-header .title { color: #fff;font-weight: 800;font-size: 36px;height: 300px;line-height: 300px;text-align: center; }

.changup .content-body {  margin-top: 40px; height: 6670px; } /* height는 푸터 잘림 현상이 있어서 임시로 조정 */
.changup .content-body .sub-title { margin: 0 auto;font-size: 28px; font-weight: 800; text-align: center; }

.changup .tab-menu li { width: 250px; }

/* 섹션 */
.changup .section { width: 1480px; margin: 0 auto; }

/* 섹션 01 */
.changup .section.changup01 {background: url(/content/image/changup/new_20220805/img_background.jpg) no-repeat center;background-size: cover;height: 1680px;text-align: center;}
.changup .section.changup01 .bubble {padding: 15px 20px;background-color: #cd261f;width: 340px;vertical-align: middle;border-radius: 40px;color: #fff;font-size: 20px;line-height: 28px;text-align: center;position: relative;display: inline-block;margin-top: 90px;}
.changup .section.changup01 .bubble .accent { color: #FFF3BE; }
.changup .section.changup01 .bubble-edge {width: 0;height: 0;border-top: 20px solid #cd261f;border-left: 20px solid transparent;border-right: 20px solid transparent;position: absolute;top: 75px;left: calc(50% - 20px);}

.changup .section.changup01 .txt { margin-top: 30px; margin-bottom: 40px; }
.changup .section.changup01 .txt .txt-01 { font-size: 52px; font-weight: 800; margin-bottom: 15px; }
.changup .section.changup01 .txt .txt-01 .accent { color:#cd261f; }

.changup .section.changup01 .txt .txt-02 { color:#5B5B5B; font-size: 20px; line-height: 30px; }
.changup .section.changup01 .txt .txt-02 .accent { font-weight: 600; }

.changup .section.changup01 table {margin: 0 auto;width: 35%;}
.changup .section.changup01 table th { width: 33%; background-color: #cd261f; border-left: 2px solid #cd261f; border-right: 2px solid #cd261f; border-top:2px solid #cd261f; text-align: center; color:#fff; padding: 4px 8px; font-size: 17px; }
.changup .section.changup01 table td { font-weight: 600; font-size: 18px; padding: 8px 10px; border-bottom: 2px solid #8d8d8d; position: relative; }
.changup .section.changup01 table td:nth-child(even):before { border-left: 1px solid #8d8d8d; position: absolute; top: 5px; left: 0px; bottom: 5px; content: ''; display: inline-block; }
.changup .section.changup01 table td:nth-child(even):after { border-left: 1px solid #8d8d8d; position: absolute; top: 5px; right: 0px; bottom: 5px; content: ''; display: inline-block; }
.changup .section.changup01 table td:first-child { border-left: 2px solid #8d8d8d; }
.changup .section.changup01 table td:last-child { border-right: 2px solid #8d8d8d; }

.changup .section.changup01 ul {width: 60%;margin: 0 auto;margin-top: 50px;}
.changup .section.changup01 ul li {background-color: #fff;margin-bottom: 10px;box-shadow: 3px 3px 2px rgb(0 0 0 / 15%);padding: 20px 30px;}
.changup .section.changup01 ul li .card { position: relative;}
.changup .section.changup01 ul li .card .card-type {display: inline-block;top: 0px;left: 0px;position: absolute;width: 50px;height: 50px;border-radius: 50%;background-color: #cd261f;color: #fff;font-size: 18px;}
.changup .section.changup01 ul li .card .card-content {padding-left: 70px;padding-top: 5px;}
.changup .section.changup01 ul li .card .card-type span { margin-top: 7px; display: block; line-height: 19px; font-size: 16.5px; }
.changup .section.changup01 ul li .card .card-title { margin-top: 10px; margin-bottom: 10px; }
.changup .section.changup01 ul li .card .card-title .title {font-weight: 800;font-size: 18px;text-align: left;margin-bottom: 7px;}
.changup .section.changup01 ul li .card .card-title .desc {text-align: left;font-size: 14.5px;color: #919191;}
.changup .section.changup01 ul li .card .card-info {text-align: left; margin-top: 10px; margin-bottom: 10px; }
.changup .section.changup01 ul li .card .card-info p {margin-bottom: 5px;font-size: 15px;display: block;color: #5c5c5c;}
.changup .section.changup01 ul li .card .card-info p:last-child { margin-bottom: 0px; }
.changup .section.changup01 ul li .card .card-info p .title {background-color: #5c5c5c;color: #fff;border-radius: 12px;font-size: 13px;margin-right: 6px;width: 60px;display: inline-block;text-align: center;padding: 2px 0px;}
.changup .section.changup01 ul li .card .card-img { text-align: center; margin-top:15px; }
.changup .section.changup01 ul li .card .card-img img { width: 48%; display: inline-block;  margin-right: 5px; }
.changup .section.changup01 ul li .card .card-img img:last-child { margin-right: 0px; }

/* 섹션 02 */
.changup .section.changup02 { background:#fff; }

.changup .section.changup02 .txt { margin-top: 90px; margin-bottom: 40px; text-align: center; }
.changup .section.changup02 .txt .txt-01 { font-size: 52px; font-weight: 800; margin-bottom: 15px; }
.changup .section.changup02 .txt .txt-01 .accent { color:#cd261f; }

.changup .section.changup02 .txt .txt-02 { color:#5B5B5B; font-size: 20px; line-height: 30px; }

.changup .section.changup02 ul {width: 70%;margin: 0 auto;margin-top: 15px;}
.changup .section.changup02 ul li { background-color: #fff;margin-bottom: 10px; padding: 20px 30px; }
.changup .section.changup02 ul li:after { display: block; content: ''; clear: both; }
.changup .section.changup02 ul li .card { position: relative; }
.changup .section.changup02 ul li .card:after { display: block; content: ''; clear: both; }
.changup .section.changup02 ul li .card .card-header { position: relative; }
.changup .section.changup02 ul li .card .card-header:after { display: block; top: calc(50% - 2px); left: 0px; right: 0px; border-bottom: 1.5px solid #858585; content: ''; position: absolute; z-index: 0; }
.changup .section.changup02 ul li .card .card-header span { border-radius: 15px; padding: 4px 25px; background-color:#cd261f; font-weight:600; color:#fff; font-size: 18px; position: absolute; top: -15px; z-index: 1 }
.changup .section.changup02 ul li .card .card-content {padding: 35px 30px 20px;}
.changup .section.changup02 ul li .card .card-content:after { display: block; content: ''; clear: both; }
.changup .section.changup02 ul li .card .card-content .before {width: 38%;display: inline-block;float: left;position: relative;}
.changup .section.changup02 ul li .card .card-content .after {width: 55%;display: inline-block;float: right;position: relative;}
.changup .section.changup02 ul li .card .card-content img {width: 100%;height: 100%;}
.changup .section.changup02 ul li .card .card-content .title {font-weight: 900;font-size: 22px;}
.changup .section.changup02 ul li .card .card-content .info {margin-top: 5px;margin-bottom: 5px;line-height: 25px;color: #5B5B5B;font-weight: 600;font-size: 18px;}
.changup .section.changup02 ul li .card .card-content .caption {position: absolute;bottom: 3px;right: 1px;padding: 4px 6px;color: #fff;font-size: 17px;}
.changup .section.changup02 ul li .card .card-content .before .caption {background-color: #6c6c6c;}
.changup .section.changup02 ul li .card .card-content .after .caption { background-color:#cd261f; }

.changup .section.changup02 ul li .card .arrow {background: url(/content/image/changup/new_20220805/img_arrow.png) no-repeat center;width: 191px;height: 145px;position: absolute;bottom: 55px;left: 35%;}
.changup .section.changup02 ul li .card .arrow p {font-size: 22px;height: 145px;color:#fff;vertical-align: middle;display: table-cell;padding-left: 20px;}
.changup .section.changup02 ul li .card .arrow p .accent {font-size: 26px; color:#FFF3BE;font-weight: 900;margin-top: 7px;display: block;}

/* 섹션 03 */
.changup .section.changup03 { background:#cd261f; text-align:center;padding-bottom: 50px;}

.changup .section.changup03 .bubble {padding: 15px 20px;background-color: #AD1C21;width: 360px;vertical-align: middle;border-radius: 40px;color: #fff;font-size: 20px;line-height: 28px;text-align: center;position: relative;display: inline-block;margin-top: 90px;}
.changup .section.changup03 .bubble-edge {width: 0;height: 0;border-top: 20px solid #AD1C21;border-left: 20px solid transparent;border-right: 20px solid transparent;position: absolute;top: 58px;left: calc(50% - 20px);}

.changup .section.changup03 .txt { margin-top: 40px;  margin-bottom: 40px; text-align: center; color:#fff;}
.changup .section.changup03 .txt .txt-01 {font-size: 52px;font-weight: 800;margin-bottom: 15px;}

.changup .section.changup03 .txt .txt-02 { color:#fff; font-size: 20px; line-height: 30px; }

.changup .section.changup03 .card {width: 50%;margin: 0 auto;border-radius: 26px;overflow: hidden;box-shadow: 3px 3px 2px rgb(0 0 0 / 15%);}
.changup .section.changup03 .card .img-list {width: 100%;margin-top: 10px;margin-bottom: 20px;display: inline-block;}
.changup .section.changup03 .card img {width: 120px;height: 120px;display: inline-block;margin-right: 10px;}
.changup .section.changup03 .card .card-header { background-color:#868686;width: 130px;height: 30px;line-height: 30px;color: #fff;vertical-align: middle;margin-left: 40px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;font-size: 17px;}
.changup .section.changup03 .card .card-top {background-color: #fff; display: block; }
.changup .section.changup03 .card .card-bottom {background-color: #DEDEDE;}

.changup .section.changup03 .case {margin: 0 auto;margin-top: 50px;width: 55%;}
.changup .section.changup03 .case .title {font-size: 36px;font-weight: 900;color: #fff;margin-bottom: 20px;text-align: center;}
.changup .section.changup03 .case .case-content {background-color:#fff; margin: 0 auto; margin-bottom: 20px; }
.changup .section.changup03 .case .case-content:after { display: block; content: ''; clear: both; }

.changup .section.changup03 .case .case-content .txt {float: left;text-align: left;display: inline-block;padding: 0px 29px;background-color: #fff;width: 55%;margin: 16px 0px;}
.changup .section.changup03 .case .case-content .txt > .txt01 {color: #CD261F;font-weight: 900;font-size: 28px;margin-top: 20px;margin-bottom: 15px;text-align: left;line-height: 34px;}
.changup .section.changup03 .case .case-content .txt > .txt02 {color:#5B5B5B;font-weight: 600;font-size: 18px;margin-bottom: 12px;line-height: 29px;transform: skew(-0.1deg);}
.changup .section.changup03 .case .case-content a {color:#ccc;font-size: 16px;font-weight:400; cursor: pointer; text-decoration: none; }
.changup .section.changup03 .case .case-content a i { margin-left: 10px; }
.changup .section.changup03 .case .case-content .img {float: left;display: inline-block;height: 310px;width: 45%;}

/* 섹션 04 */
.changup .section.changup04 {background: url('/content/image/changup/section_back_img07.jpg') no-repeat center center;background-size: cover;height: 1160px;text-align: center;overflow-x: clip;overflow-y: visible;}
.changup .section.changup04 .txt {margin-top: 80px;margin-bottom: 20px;text-align: center;color: #FFF3BE;display: inline-block;width: 100%;}
.changup .section.changup04 .txt .txt-01 { font-size: 36px; font-weight: 600; margin-bottom: 10px; }
.changup .section.changup04 .txt .txt-02 { font-size: 42px; font-weight: 900; margin-bottom: 10px; }
.changup .section.changup04 .txt .txt-03 { font-size: 18px; color:#fff; }

.changup .section.changup04 .card { color:#fff;display: inline-block;margin: 0 auto;margin-top: 30px;margin-bottom: 55px;background: rgba( 0, 0, 0, 0.1 );padding: 30px 50px;border-radius: 30px;vertical-align: top;}
.changup .section.changup04 .card .card-content { margin-bottom: 35px; }
.changup .section.changup04 .card .big { font-size: 72px; font-weight: 900; display: inline-block; margin-right: 10px; }
.changup .section.changup04 .card .info {font-size: 23px;line-height: 28px;display: inline-block;text-align: left;vertical-align: initial;margin-right: 30px;}
.changup .section.changup04 .card .info .accent { font-size: 18px; color: #5B5B5B; }
.changup .section.changup04 .card .info:first-child { margin-right: 30px; }
.changup .section.changup04 .card .award { width: 628px; margin: 0 auto; }

.changup .section.changup04 .bar {border: 2px solid #5B5B5B;width: 83%;}
.changup .section.changup04 .success .txt { font-size: 36px; font-weight: 900; color: #fff; margin-bottom: 20px; text-align: center; }

.changup .section.changup04 ul {width: 65%;text-align: center;display: inline-block;margin: 0 auto;}
.changup .section.changup04 ul li {display: inline-block;position: relative;width: 32.3%;margin-right: 10px;vertical-align: top; }
.changup .section.changup04 ul li:last-child { margin: 0px; }
.changup .section.changup04 ul li > .img {width: 100%;height: 250px;}
.changup .section.changup04 ul li > .img img { width: 100%; height: 100%; }
.changup .section.changup04 ul li .txt {background: #5B5B5B;padding: 15px 10px;margin-top: -1px;}
.changup .section.changup04 ul li .txt > .txt01 {color:#fff;font-size: 28px;margin-bottom: 5px; padding-top: 0px; }
.changup .section.changup04 ul li .txt > .txt02 {color:#fff;font-size: 16px;text-align: center;margin-bottom: 0px;line-height: 24px;font-weight: 600; }

.section.consult { width: 60%; margin-bottom: 125px; }
.section.consult .section-title { font-size: 24px; font-weight: 800; text-align: left; margin-bottom: 20px; }
.section.consult .changup-table { border-top: 2px solid #191919; width: 100%; table-layout: fixed; margin-bottom: 50px; }
.section.consult .changup-table th { border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; width: 180px; height: 50px; vertical-align: middle; padding: 10px 5px 10px 20px; text-align: left; font-size: 18px; font-weight: 600; }
.section.consult .changup-table th.required { }
.section.consult .changup-table th.required:after { content: '*'; margin-left: 5px; color: #d8262f; }
.section.consult .changup-table td { border-bottom: 1px solid #cdcdcd; padding: 10px 5px 10px 20px; }

.section.consult { width: 1024px; margin: 0 auto; margin-top: 50px; margin-bottom: 100px; }
.section.consult .section-title { font-size: 24px; font-weight: 800; text-align: left; margin-bottom: 20px; }
.section.consult .section-content { border-top: 2px solid #191919; }
.section.consult .section-content .sub-section-01 { margin-top: 20px; border:1px solid #cdcdcd; padding:10px; font-size: 17px; max-height: 300px; overflow-y: auto; }
.section.consult .section-content .sub-section-02 { font-size: 17px; margin-top: 20px;  }
.section.consult .section-content .sub-section-03 { font-size: 17px; margin-top: 20px; text-align: center;  }
.section.consult .section-content .sub-section-03 .btn-consult { background-color: #d8262f; border-radius: 25px; width: 250px; height: 50px; line-height: 36px; font-size: 24px; font-weight: 600; padding: 10px 30px; color: #fff; display: inline-block; cursor: pointer; text-decoration: none; }

.top.nolbookitchen { background: url('/content/image/top/nolbookitchen_top_bar.jpg') no-repeat 100% 100%; height: 300px; position: relative; }
.top.nolbookitchen .title { color: #000; }


/* 창업상담 컨트롤 */
input[type=text] { background-color: #f2f2f2; border: none; border-radius: 8px; padding: 8px 10px; height: 45px; line-height: 45px; font-size: 18px; }
select { background-color: #f2f2f2; border: none; border-radius: 8px; padding: 8px 10px; height: 45px; line-height: 45px; font-size: 18px }
input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
input[type="radio"] + label { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; margin-right: 10px;}
input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: -4px; width: 21px; height: 21px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); }
input[type="radio"] + label:active:before, .input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
input[type="radio"]:checked + label:before { background: #E9ECEE; border-color: #adb8c0; }
input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 0px; left: 4px; width: 13px; height: 13px; background: #d8262f; border-radius: 100%; }

.img-list { width: 990px; margin: 0 auto; margin-top: 50px; }
img { width: 100%; height: 100%; }

/* 성공창업 */
.top { background: url('/content/image/top/newcs_top_bar.jpg') no-repeat 100% 100%; height: 300px; position: relative; }
.top .title { position: absolute; color: #FFF; font-weight: 800; left: 43%; top: 43%; font-size: 38px; }

/* 탭 메뉴 */
.tab-menu { text-align: center; width: 1480px; height: 85px; border-bottom: 2px solid #CD261F; margin: 0 auto; padding-top: 35px; display: block; background-color: #fff; }
.tab-menu:after { display: block; content: ''; clear:both; }
.tab-menu ul { display: inline-block; margin-top: -3px; }
.tab-menu ul li {float: left;width: 220px;line-height: 35px;height: 100%;display: inline-block;border-top: 2px solid #d3d3d3;border-right: 2px solid #d3d3d3;border-bottom: 2px solid #CD261F;padding:7px 15px;margin-bottom: -1px;background: #fff;text-align:center;cursor: pointer;font-size: 18px;font-weight: 600; transition: background .4s ease; }
.tab-menu ul li a { text-decoration: none;padding:17px 55px; color:#000 }
.tab-menu ul li:first-child { border-left: 1px solid #d3d3d3; }
.tab-menu ul li.on {border-bottom: none;border-top:2px solid #CD261F;border-left: 2px solid #CD261F;border-right: 2px solid #CD261F; background-color:#CD261F; color:#fff;}
.tab-menu ul li.on a { color:#fff; }
.tab-menu ul li:not(.on):hover { background-color:#e9e9e9;  }

.fixed { position: fixed; top: 0; left: 50%; transform: translate(-50%, 0); z-index: 10;}

/* 섹션 */
.section { width: 1480px; margin: 0 auto; margin-top: 50px; background-color: #fff; vertical-align: middle; position: relative; }

/* 창업 */
.section.changup { margin-top: 0px }
.section.changup .changup01.img { width: 1480px; height: 900px; background: url('/content/image/changup/section_back_img01.jpg') no-repeat 100% 100%; position: relative; }
.section.changup .changup01 .wrap {display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);text-align: center;}
.section.changup .changup01 .txt01 {color:#fff;font-size: 22px;text-decoration: underline;text-align: center;font-weight: 600;margin-bottom: 15px;}
.section.changup .changup01 .txt02 {color:#fff;font-size: 66px;font-weight: 900;text-align: center;margin-bottom: 15px;}
.section.changup .changup01 .txt03 {text-align: center;margin-bottom: 30px;}
.section.changup .changup01 .txt03 span {background-color: #CD261F;color: #fff;font-size: 22px;padding: 4px 6px;display: inline-block;font-weight: 600;margin: 0 auto;}
.section.changup .changup01 .txt04 {color:#fff;line-height: 24px;font-size: 18px;font-weight: 400; text-align: center; margin-bottom: 30px; }
.section.changup .changup01 .txt05 { color:#fff; line-height: 24px; font-size: 18px; font-weight: 400; text-align: center; }

.section.changup .changup02 { margin-top: 0px; width: 1480px; height: 550px; background-color: #D72630; position: relative; }
.section.changup .changup02 .wrap {display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);text-align: center;}
.section.changup .changup02 .txt01 {color: #fff;font-size: 46px;font-weight: 900;text-align: center;margin-bottom: 35px;}
.section.changup .changup02 .txt02 {color: #fff;font-size: 18px;text-align: center;line-height: 28px; margin-bottom: 30px; }
.section.changup .changup02 .txt03 {color: #cacece;font-size: 16px;text-align: center;transform: skew(-0.1deg);}
.section.changup .changup02 .sub-section { text-align: center; margin-bottom:20px }
.section.changup .changup02 .sub-section ul { }
.section.changup .changup02 .sub-section ul li {display: inline-block;padding: 20px 80px;position: relative;}
.section.changup .changup02 .sub-section ul li:last-child:after { display: none; }
.section.changup .changup02 .sub-section ul li:after {display: block;content: '\00a0';color: #fff;position: absolute;top: 50%;right: 0px;background: #fff;width: 3px;height: 80%;transform: translate(-0, -50%);}
.section.changup .changup02 .sub-section ul li > .txt01 {font-size: 100px; margin-bottom: 20px; }
.section.changup .changup02 .sub-section ul li > .txt02 {font-size: 24px;text-align: center; margin-bottom: 0px; }

.section.changup .changup03 { margin:0 auto; width: 1480px; background-color: #fff; position: relative; }
.section.changup .changup03 .wrap {display: block; text-align: center;}
.section.changup .changup03 ul {width: 760px;margin: 0 auto;margin-top: 100px;}
.section.changup .changup03 ul li { margin-bottom: 35px; }
.section.changup .changup03 ul li:last-child { margin-bottom: 0px; }
.section.changup .changup03 ul li:after { display: block; content: ''; clear: both; }
.section.changup .changup03 ul li .img {width: 350px;height: 270px;float: left;}
.section.changup .changup03 ul li .img img { width:100%; height: 100%; }
.section.changup .changup03 ul li .txt {float: left;height: 200px;display: table;padding-left: 50px;width: 400px;padding-top:30px;padding-bottom: 30px;}
.section.changup .changup03 ul li .txt01 {text-align: left;margin-bottom: 10px;}
.section.changup .changup03 ul li .txt01 span {background-color: #CD261F;color: #fff;font-size: 22px;padding: 4px 6px;display: inline-block;font-weight: 600;margin: 0 auto;}
.section.changup .changup03 ul li .txt02 {font-size: 32px;color: #CD261F;font-weight: 900;text-align: left;margin-bottom: 10px;}
.section.changup .changup03 ul li .txt03 {text-align: left;font-size: 18px;color: #191919;line-height: 24px;}

.section.changup .changup04 {margin-top: 100px;width: 1480px;height: 700px;background-color: #D72630;position: relative;}
.section.changup .changup04 .wrap {text-align: center;}
.section.changup .changup04 .txt01 {color: #fff;font-size: 66px;font-weight: 900;text-align: center;margin-bottom: 55px;padding-top: 90px;}
.section.changup .changup04 .sub-section {text-align: center;}
.section.changup .changup04 .sub-section ul { }
.section.changup .changup04 .sub-section ul li {display: inline-block;position: relative;width: 350px;margin-right: 10px;}
.section.changup .changup04 .sub-section ul li > .img {width: 350px;height: 250px;}
.section.changup .changup04 .sub-section ul li > .img img { width: 100%; height: 100%; }
.section.changup .changup04 .sub-section ul li .txt {background: #5B5B5B;padding: 15px 10px;margin-top: -1px;}
.section.changup .changup04 .sub-section ul li .txt > .txt01 {color:#fff;font-size: 28px;margin-bottom: 5px; padding-top: 0px; }
.section.changup .changup04 .sub-section ul li .txt > .txt02 {color:#fff;font-size: 18px;text-align: center;margin-bottom: 0px;line-height: 24px;}

.section.changup .changup05 {width: 1480px;position: relative;margin-top: 100px;}
.section.changup .changup05 .wrap {display: block;text-align: center;padding-bottom: 100px;}
.section.changup .changup05 .txt01 {color: #CD261F;font-size: 42px;font-weight: 900;text-align: center;margin-bottom: 15px;}
.section.changup .changup05 .txt02 {color: #CD261F;font-size: 76px;font-weight: 900;text-align: center;margin-bottom: 20px;}
.section.changup .changup05 .txt02 span { font-size: 64px; }
.section.changup .changup05 .sub-section {width: 1024px;margin: 0 auto;margin-top: 50px;}
.section.changup .changup05 .sub-section ul { padding-left:80px; }
.section.changup .changup05 .sub-section li {width: 33%;display: inline-block;padding-right: 80px;padding-bottom: 40px;}
.section.changup .changup05 .sub-section li > .img { }
.section.changup .changup05 .sub-section li > .txt {color:#CD261F;font-size: 32px;font-weight: 900;margin-top: 20px;}
.section.changup .changup05 .sub-section li > .txt span { font-size: 29px; margin-left: 3px; }
.section.changup .changup05 .txt03 { text-align: center;font-size: 18px;color: #191919;line-height: 24px;}

.section.changup .changup06 { margin-top: 0px; width: 1480px; background-color: #EBEBEB; position: relative; }
.section.changup .changup06 .wrap {display: block;text-align: center;padding-top: 50px;padding-bottom: 25px;}
.section.changup .changup06 .txt01 {color: #D72630;font-size: 46px;font-weight: 900;text-align: center;margin-bottom: 20px;}
.section.changup .changup06 .txt02 {color: #D72630;font-size: 20px;font-weight: 400;text-align: center;line-height: 28px;margin-bottom: 45px;}
.section.changup .changup06 .sub-section { text-align: center; margin-bottom:20px }
.section.changup .changup06 .sub-section ul { }
.section.changup .changup06 .sub-section ul li.section-item { width:310px; height: 650px; vertical-align:top; padding-bottom: 250px;background-color:#fff;display: inline-block;margin-right: 20px;position: relative;}
.section.changup .changup06 .sub-section ul li.section-item:last-child { margin-right: 0px; }
.section.changup .changup06 .sub-section ul li.section-item .txt { padding: 10px 12px; }
.section.changup .changup06 .sub-section ul li.section-item .txt> .txt01 { }
.section.changup .changup06 .sub-section ul li.section-item .txt> .txt01 span {background-color: #D72630;color: #fff;font-size: 22px;padding: 4px 6px;display: inline-block;font-weight: 600;margin: 0 auto;}
.section.changup .changup06 .sub-section ul li.section-item .txt> .txt02 { color: #D72630; font-weight: 900; margin-bottom: 5px; }
.section.changup .changup06 .sub-section ul li.section-item .txt> .txt03 { color: #5B5B5B; font-weight: 600; font-size: 16px; transform: skew(-0.1deg); margin-bottom: 10px; }
.section.changup .changup06 .sub-section ul li.section-item .txt> .txt04 { border-top: 2px solid #D72630; border-bottom: 2px solid #D72630; padding: 6px 0px; color: #D72630; font-size: 18px; font-weight: 900; }
.section.changup .changup06 .sub-section ul li.section-item .txt > ul { margin-top:10px; margin-bottom: 10px; }
.section.changup .changup06 .sub-section ul li.section-item .txt > ul > li { position: relative; font-size: 16px; transform: skew(-0.1deg); text-align: left; width:100%; padding: 4px 0px; padding-left: 10px; }
.section.changup .changup06 .sub-section ul li.section-item .txt > ul > li:before { display: inline-block; content: '\00a0'; background: #D72630; width: 3px; height: 3px; border-radius: 50%; position: absolute; top: 10px; left: 3px; }
.section.changup .changup06 .sub-section ul li.section-item .txt .arrow-button {color:#D72630;font-weight: 600;border: 2px solid #D72630;padding: 10px 12px;width: 180px;display: inline-block;text-align: left;position: absolute;bottom: 270px;right: 20px;font-size: 16px;transform: skew(-0.1deg);background:url('/content/image/changup/common/arrow.png') no-repeat;background-position: 90% 35%;text-decoration: none;}
.section.changup .changup06 .sub-section ul li.section-item > .img {width: 310px;height: 250px;position: absolute;bottom: 0px;left: 0px;}
.section.changup .changup06 .sub-section ul li.section-item > .img img { width: 100%; height: 100%; }

/* 샵인샵 */
.section.shopinshop { margin-top: 0px; }
.section.shopinshop .shopinshop01.img { width: 1480px; height: 895px; background: url('/content/image/changup/section_back_img02.jpg') no-repeat 100% 100%; position: relative; }
.section.shopinshop .shopinshop01 .wrap {display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);text-align: center;}
.section.shopinshop .shopinshop01 .txt01 {font-size: 46px;color: #fff;font-weight: 900;line-height: 61px;margin-bottom: 80px;}
.section.shopinshop .shopinshop01 .txt02 {color: #fff;font-size: 22px;line-height: 28px;}

.section.shopinshop .shopinshop02 { margin-top: 0px; width: 1480px; height: 550px; background-color: #D72630; position: relative; }
.section.shopinshop .shopinshop02 .wrap {display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);text-align: center;}
.section.shopinshop .shopinshop02 .txt01 {font-size: 32px;font-weight: 400;color: #fff;line-height: 38px;text-decoration: underline;margin-bottom: 37px;}
.section.shopinshop .shopinshop02 .txt01:before {content: '\f10d';font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;left: 0px;top: -10px;font-size: 18px;}
.section.shopinshop .shopinshop02 .txt01:after {content: '\f10e';font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;right: 0px;top: -10px;font-size: 18px;}
.section.shopinshop .shopinshop02 .txt02 {color: #FFF3BE;font-weight: 900;font-size: 42px;line-height: 51px;}

.section.shopinshop .shopinshop03.img { width: 1480px; height: 895px; background: url('/content/image/changup/section_back_img03.jpg') no-repeat 100% 100%; position: relative; }
.section.shopinshop .shopinshop03 .wrap {display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);text-align: center;}
.section.shopinshop .shopinshop03 .txt01 span {background-color: #CD261F;color: #fff;font-size: 56px;padding: 10px 50px;display: inline-block;font-weight: 600;margin: 0 auto;margin-bottom: 25px;}
.section.shopinshop .shopinshop03 .txt02 {font-size: 32px;font-weight: 600;color: #fff;margin-bottom: 10px;}
.section.shopinshop .shopinshop03 .txt03 {color: #FFF3BE;font-weight: 900;font-size: 46px;margin-bottom: 34px;}
.section.shopinshop .shopinshop03 .img01 { width: 1022px; height: 536px; }

.section.shopinshop .shopinshop04 {margin:0 auto;width: 1480px;background-color: #fff;position: relative;padding-top: 100px;padding-bottom: 100px;}
.section.shopinshop .shopinshop04 .wrap {display: block; text-align: center;}
.section.shopinshop .shopinshop04 .txt01 { font-size: 36px; color: #CD261F; font-weight: 900; margin-bottom: 20px; }
.section.shopinshop .shopinshop04 .txt02 { font-size: 78px; color: #CD261F; font-weight: 900; margin-bottom: 20px; }
.section.shopinshop .shopinshop04 .txt03 { font-size: 22px; line-height: 30px; color: #5B5B5B; font-weight: 600; margin-top:20px; margin-bottom: 20px;  }
.section.shopinshop .shopinshop04 .plus { margin-top:10px; margin-bottom: 10px; color:#CD261F; font-size: 24px; }
.section.shopinshop .shopinshop04 table {margin: 0 auto;width: 50%;}
.section.shopinshop .shopinshop04 table th {background-color:#CD261F;height: 30px;color:#fff;font-size: 24px;vertical-align: middle;padding: 10px;}
.section.shopinshop .shopinshop04 table td {padding: 5%;}
.section.shopinshop .shopinshop04 table td:first-child { border-left: 1px solid #d3d3d3; }
.section.shopinshop .shopinshop04 table td:last-child { border-right: 1px solid #d3d3d3; }
.section.shopinshop .shopinshop04 table td {padding: 5%;border-bottom: 1px solid #d3d3d3;border-right: 1px solid #d3d3d3;}
.section.shopinshop .shopinshop04 table td img { width: 100%; height: 100%; }

.section.shopinshop .shopinshop05 {margin:0 auto;width: 1480px;background-color: #EBEBEB;position: relative;padding-top: 100px;padding-bottom: 100px;}
.section.shopinshop .shopinshop05 .wrap {display: block; text-align: center;}
.section.shopinshop .shopinshop05 .video { width: 1024px; height: 800px; margin: 0 auto; }

.section.shopinshop { margin-top: 0px; }
.section.shopinshop .shopinshop06.img { width: 1480px; height: 663px; background: url('/content/image/changup/section_back_img04.jpg') no-repeat 100% 100%; position: relative; }
.section.shopinshop .shopinshop06 .wrap {display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);text-align: center;width: 930px;}
.section.shopinshop .shopinshop06 .txt {float: left;text-align: left;display: inline-block;padding: 0px 50px;padding-top: 150px;}
.section.shopinshop .shopinshop06 .txt01 span {background-color: #CD261F;color: #fff;font-size: 32px;padding: 4px 6px;display: inline-block;font-weight: 400;margin: 0 auto;margin-bottom: 25px;}
.section.shopinshop .shopinshop06 .txt02 {color:#fff;font-weight: 600;font-size: 48px;margin-bottom:10px;}
.section.shopinshop .shopinshop06 .txt03 { color:#CD261F; font-size: 78px; font-weight:900; }
.section.shopinshop .shopinshop06 .img {float: left;display: inline-block;}

.section.shopinshop .shopinshop07 { margin-top: 0px;width: 1480px;height: 700px;background-color: #D72630;position: relative;}
.section.shopinshop .shopinshop07 .wrap {display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);text-align: center;}
.section.shopinshop .shopinshop07 .txt01 {font-size: 42px;font-weight: 900;color: #fff;margin-bottom: 70px;text-align: center;}
.section.shopinshop .shopinshop07 .txt { float: left;text-align: left;display: inline-block;padding: 0px 30px;padding-top: 50px;background-color: #fff;height: 420px;width: 510px;}
.section.shopinshop .shopinshop07 .sub-section {width: 1020px;margin: 0 auto; margin-bottom: 20px; }
.section.shopinshop .shopinshop07 .sub-section:after { display: block; content: ''; clear: both; }
.section.shopinshop .shopinshop07 .txt > .txt01 {color: #CD261F;font-weight: 900;font-size: 32px;margin-bottom: 35px;text-align: left;line-height: 43px;}
.section.shopinshop .shopinshop07 .txt > .txt02 {color:#5B5B5B;font-weight: 600;font-size: 19px;margin-bottom:70px;line-height: 29px;transform: skew(-0.1deg);}
.section.shopinshop .shopinshop07 a {color:#ccc;font-size: 16px;font-weight:400; cursor: pointer; text-decoration: none; }
.section.shopinshop .shopinshop07 a i { margin-left: 10px; }
.section.shopinshop .shopinshop07 .img {float: left;display: inline-block;height: 420px;width: 510px;}

/* 놀부주방 */
.section.nolbookitchen { margin-top: 0px; }
.section.nolbookitchen .nolbookitchen01 { margin-top: 0px;width: 1480px;height: 700px;background-color: #F5F5F5;position: relative; }
.section.nolbookitchen .nolbookitchen01 .wrap {display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);text-align: center;width: 1310px;}
.section.nolbookitchen .nolbookitchen01 .txt {text-align: left;display: inline-block;background-color: #F5F5F5;position: absolute;left: 163px;top: 210px;}
.section.nolbookitchen .nolbookitchen01 .txt01 {color: #CD261F;font-weight: 900;font-size: 70px;margin-bottom: 0px;text-align: left;line-height: 90px;}
.section.nolbookitchen .nolbookitchen01 .txt02 span {background-color: #CD261F;color: #fff;font-size: 62px;padding: 4px 6px;display: inline-block;font-weight: 900;margin: 0 auto;}
.section.nolbookitchen .nolbookitchen01 .img {display: inline-block;height: 573px;width: 1009px;float: right;}

.section.nolbookitchen .nolbookitchen02 { margin-top: 0px; width: 1480px; height: 550px; background-color: #D72630; position: relative; }
.section.nolbookitchen .nolbookitchen02 .wrap {display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);text-align: center;width: 100%;}
.section.nolbookitchen .nolbookitchen02 .txt01 {color: #fff;font-size: 36px;font-weight: 900;text-align: center;margin-bottom: 15px;}
.section.nolbookitchen .nolbookitchen02 .txt02 {color: #fff;font-size: 60px;text-align: center; font-weight:900; margin-bottom: 30px; }
.section.nolbookitchen .nolbookitchen02 .txt03 {color: #cacece;font-size: 16px;text-align: center;transform: skew(-0.1deg);}
.section.nolbookitchen .nolbookitchen02 .sub-section { text-align: center; margin-bottom:20px }
.section.nolbookitchen .nolbookitchen02 .sub-section ul { }
.section.nolbookitchen .nolbookitchen02 .sub-section ul li {display: inline-block;padding: 20px 0px;position: relative;width: 330px;}
.section.nolbookitchen .nolbookitchen02 .sub-section ul li:last-child:after { display: none; }
.section.nolbookitchen .nolbookitchen02 .sub-section ul li:after {display: block;content: '\00a0';color: #fff;position: absolute;top: 50%;right: 0px;background: #fff;width: 3px;height: 80%;transform: translate(-0, -50%);}
.section.nolbookitchen .nolbookitchen02 .sub-section ul li > .txt01 {font-size: 90px; margin-bottom: 20px; }
.section.nolbookitchen .nolbookitchen02 .sub-section ul li > .txt02 {font-size: 24px;text-align: center; margin-bottom: 0px; font-weight: 400; line-height: 29px; }

.section.nolbookitchen .nolbookitchen03 {margin:0 auto;width: 1480px;background-color: #fff;position: relative;padding-top: 100px;padding-bottom: 100px;}
.section.nolbookitchen .nolbookitchen03 .wrap {display: block; text-align: center;}
.section.nolbookitchen .nolbookitchen03 .txt01 { font-size: 36px; color: #CD261F; font-weight: 900; margin-bottom: 20px; }
.section.nolbookitchen .nolbookitchen03 .txt02 { font-size: 22px; line-height: 30px; color: #5B5B5B; font-weight: 600; }

.section.nolbookitchen .nolbookitchen04.img { width: 1480px; height: 1163px; background: url('/content/image/changup/section_back_img05.jpg') no-repeat 100% 100%; position: relative; }
.section.nolbookitchen .nolbookitchen04 .wrap {display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);text-align: center;}
.section.nolbookitchen .nolbookitchen04 .txt {text-align: left;display: inline-block;color: #fff;border: 3px solid #fff;padding: 10px 20px;font-size: 36px;font-weight: 900;margin-top: 30px;}
.section.nolbookitchen .nolbookitchen04 .txt01 span {background-color: #CD261F;color: #fff;font-size: 48px;padding: 4px 6px;display: inline-block;font-weight: 900;margin: 0 auto;margin-bottom: 25px;}
.section.nolbookitchen .nolbookitchen04 .txt02 {color:#fff;font-weight: 600;font-size: 24px;margin-bottom:10px;line-height: 30px; margin-bottom: 50px; }
.section.nolbookitchen .nolbookitchen04 .sub-section { text-align: center; margin-bottom:20px }
.section.nolbookitchen .nolbookitchen04 .sub-section ul {width: 1110px;}
.section.nolbookitchen .nolbookitchen04 .sub-section ul li {display: inline-block;padding: 20px 0px;position: relative;width: 330px;margin-right: 35px;}
.section.nolbookitchen .nolbookitchen04 .sub-section ul li > .txt01 {font-size: 32px; margin-bottom: 20px; }

.section.nolbookitchen .nolbookitchen05 { margin-top: 0px; width: 1480px; height: 550px; background-color: #D72630; position: relative; }
.section.nolbookitchen .nolbookitchen05 .wrap {display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);text-align: center;}
.section.nolbookitchen .nolbookitchen05 .txt01 {font-size: 32px;font-weight: 400;color: #fff;line-height: 38px;text-decoration: underline;margin-bottom: 37px;}
.section.nolbookitchen .nolbookitchen05 .txt01:before {content: '\f10d';font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;left: 0px;top: -10px;font-size: 18px;}
.section.nolbookitchen .nolbookitchen05 .txt01:after {content: '\f10e';font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;right: 0px;top: -10px;font-size: 18px;}
.section.nolbookitchen .nolbookitchen05 .txt02 { color:#fff; font-weight: 600; font-size: 40px; margin-bottom:20px; }
.section.nolbookitchen .nolbookitchen05 .txt03 {color: #FFF3BE;font-weight: 900;font-size: 42px; }

.section.nolbookitchen .nolbookitchen06 {margin-top: 0px;width: 1480px;height: 450px;background-color: #ededed;position: relative;}
.section.nolbookitchen .nolbookitchen06 .wrap {display: block;text-align: center;width: 100%;}
.section.nolbookitchen .nolbookitchen06 .txt {float: left;text-align: left;display: inline-block;padding: 0px 50px;padding-top: 0px;width: 350px;}
.section.nolbookitchen .nolbookitchen06 .txt01 {font-size: 46px;color: #CD261F;font-weight: 900;background-color: #fff;padding-top: 50px;padding-bottom: 30px;}
.section.nolbookitchen .nolbookitchen06 .sub-section {margin: 0 auto;margin-top: 60px;width: 650px;margin-bottom: 60px;text-align: center;}
.section.nolbookitchen .nolbookitchen06 .sub-section:after { display: block; content: ''; clear: both; }
.section.nolbookitchen .nolbookitchen06 .txt > .txt01 {color: #5b5b5b;font-weight: 600;font-size: 20px;margin-bottom: 15px;text-align: left;line-height: 30px;background-color: #ededed;padding-top: 0px;padding-bottom: 0px;}
.section.nolbookitchen .nolbookitchen06 .txt > .txt02 {color: #5b5b5b;font-weight: 600;font-size: 26px;margin-bottom: 15px;text-align: left;}
.section.nolbookitchen .nolbookitchen06 .txt > .txt03 span {background-color: #CD261F;color: #fff;font-size: 52px;padding: 6px 8px;display: inline-block;font-weight: 900;}
.section.nolbookitchen .nolbookitchen06 .img {float: left;display: inline-block;width: 300px;height: 210px;}
.section.nolbookitchen .nolbookitchen06 .img img { width: 100%; height: 100%; }

.section.nolbookitchen .nolbookitchen07 {margin-top: 0px;width: 1480px; background-color: #fff;position: relative;padding: 60px 0px;}
.section.nolbookitchen .nolbookitchen07 .wrap {display: block;text-align: center;width: 100%;}
.section.nolbookitchen .nolbookitchen07 .img {display: inline-block;width: 670px;height: 470px;margin-bottom: 50px;}
.section.nolbookitchen .nolbookitchen07 .img img { width: 100%; height: 100%; }
.section.nolbookitchen .nolbookitchen07 .txt01 {color: #5b5b5b;font-weight: 600;font-size: 18px;line-height: 24px;}

.section.nolbookitchen .nolbookitchen08.img { width: 1480px; height: 957px; background: url('/content/image/changup/section_back_img06.jpg') no-repeat 100% 100%; position: relative; }
.section.nolbookitchen .nolbookitchen08 .wrap {display: block; text-align: center; padding: 80px; }
.section.nolbookitchen .nolbookitchen08 .txt01 { color:#fff; font-weight: 600; font-size: 40px; margin-bottom:60px; }
.section.nolbookitchen .nolbookitchen08 img { width: 80%; height: 80%; }

.section.nolbookitchen .nolbookitchen09 { margin-top: 0px;width: 1480px;height: 700px;background-color: #D72630;position: relative;}
.section.nolbookitchen .nolbookitchen09 .wrap {display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);text-align: center;}
.section.nolbookitchen .nolbookitchen09 .txt01 {font-size: 42px;font-weight: 900;color: #fff;margin-bottom: 70px;text-align: center;}
.section.nolbookitchen .nolbookitchen09 .txt { float: left;text-align: left;display: inline-block;padding: 0px 30px;padding-top: 50px;background-color: #fff;height: 420px;width: 510px;}
.section.nolbookitchen .nolbookitchen09 .sub-section {width: 1020px;margin: 0 auto; margin-bottom: 20px; }
.section.nolbookitchen .nolbookitchen09 .sub-section:after { display: block; content: ''; clear: both; }
.section.nolbookitchen .nolbookitchen09 .txt > .txt01 {color: #CD261F;font-weight: 900;font-size: 32px;margin-bottom: 35px;text-align: left;line-height: 43px;}
.section.nolbookitchen .nolbookitchen09 .txt > .txt02 {color:#5B5B5B;font-weight: 600;font-size: 19px;margin-bottom:70px;line-height: 29px;transform: skew(-0.1deg);}
.section.nolbookitchen .nolbookitchen09 a {color:#ccc;font-size: 16px;font-weight:400; cursor: pointer; text-decoration: none; }
.section.nolbookitchen .nolbookitchen09 a i { margin-left: 10px; }
.section.nolbookitchen .nolbookitchen09 .img {float: left;display: inline-block;height: 420px;width: 510px;}

.section.history { margin-top: 0px; overflow: hidden; }
.section.history .history01.img { width: 1480px; height: 845px; background: url('/content/image/changup/section_back_img07.jpg') no-repeat left 100%; position: relative; }
.section.history .history01 .wrap {display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);text-align: center;width: 930px;}
.section.history .history01 .txt01 {color: #fff;font-weight: 900;font-size: 42px;margin-bottom: 20px;}
.section.history .history01 .txt01 span { color: #FFF3BE; font-size: 68px; font-weight: 900; margin-left: 10px; }
.section.history .history01 .txt02 {font-size: 24px;color: #fff;font-weight: 600;margin-bottom: 120px;}
.section.history .history01 .sub-section { text-align: center; margin-bottom:20px }
.section.history .history01 .sub-section ul {height: 250px;vertical-align: top;}
.section.history .history01 .sub-section ul li {display: inline-block;padding: 20px 80px;padding-top: 0px;padding-bottom: 0px;position: relative;height: 250px;vertical-align: top;}
.section.history .history01 .sub-section ul li:last-child:after { display: none; }
.section.history .history01 .sub-section ul li:after {display: block;content: '\00a0';color: #fff;position: absolute;top: 40%;right: 0px;background: #fff;width: 3px;height: 80%;transform: translate(-0, -50%);}
.section.history .history01 .sub-section ul li > .txt01 {font-size: 100px; margin-bottom: 20px; }
.section.history .history01 .sub-section ul li > .txt02 {font-size: 24px;text-align: center;margin-bottom: 0px;margin-bottom: 6px;}
.section.history .history01 .sub-section ul li > .txt03 {color: #cacece;font-size: 16px;text-align: center;transform: skew(-0.1deg);}

.section.history .history02 { margin-top: 0px;width: 1480px; background-color: #D72630;position: relative; padding: 50px 0px; }
.section.history .history02 .wrap {display: block;  text-align: center; }
.section.history .history02 .img {width: 880px;height: 720px;background: url('/content/image/changup/section_img29.png') no-repeat center center;position: relative;margin: 0 auto;}
.section.history .history02 ul { float:left; }
.section.history .history02 ul li {display: block;margin-bottom: 45px;vertical-align: top;}
.section.history .history02 ul li.mb40px { margin-bottom: 40px; }
.section.history .history02 ul li:after { display: block; content: ''; clear: both; }
.section.history .history02 ul li span {float: left;padding: 35px 10px;height: 80px;color:#fff;font-size: 22px;display: inline-block;}
.section.history .history02 ul li img {width: 88px;height: 88px;float: left;}
.section.history .history02 ul li p {height: 80px;text-align: left;vertical-align: middle;color: #fff;font-size: 18px;display: inline-block;padding-top: 25px;float: left;padding-left: 20px; line-height: 25px; }

/* 창업비용 */
.sub-tit { width: 1024px; margin: 0 auto; margin-top: 80px; margin-bottom: 0px; }
.sub-tit .title { font-size: 28px; font-weight: 800; text-align: center; }

.cost-btn { margin: 0 auto;display: grid;grid-template-columns: repeat(5, 1fr);width: 1048px; margin-top: 80px; }
.cost-btn a {display: inline-block;border: 1px solid #d3d3d3;margin-left: -1px;margin-bottom: -1px;padding: 10px 12px;text-align: center;font-size: 17px; transition: background .4s ease; cursor: pointer;}
.cost-btn a.on { background-color:#CD261F; color:#fff; }
.cost-btn a:not(.on):hover { background-color:#e9e9e9;  }

.cost { text-align: center; }
.cost .brand-logo { width: 400px; margin: 0 auto; margin-bottom:10px; }
.cost .img { margin: 0 auto; width: 750px; }

.process {margin-bottom: 200px; }
.process .img {margin: 0 auto; margin-top:100px; width: 1140px;height: 942px;background: url('/content/image/changup/changup_process.jpg') no-repeat center center;}
.process .img ul {margin: 0px 50px;display: grid;grid-template-columns: repeat(3, 185px);grid-template-rows: repeat(3, 190px);grid-gap: 184px 240px;z-index: 1;position: absolute;top: 315px;}
.process .img ul li {display: inline-block;width: 185px; }
.process .img ul li p.title {font-size: 20px;font-weight: 900;text-align:center;margin-bottom: 10px;margin-top: 5px;}
.process .img ul li p.txt { font-size: 16px; transform: skew(-0.1deg); color:#191919; text-align: center; line-height: 24px; }

/* 창업지식 */
.learning-basic { }
.learning-basic .content-header { margin-top: 90px; }

.learning-basic .top { background: url('/content/image/top/news_top_bar.jpg') no-repeat 100% 100%; height: 300px; position: relative; }
.learning-basic .top .title { position:relative; top:0px; left:0px; color: #FFF; font-weight: 800; font-size: 38px; height: 300px;line-height: 300px;vertical-align: middle;text-align: center;display: table;width: 100%;}

.learning-basic .sub-title { margin: 0 auto; margin-top: 80px; margin-bottom: 60px; }
.learning-basic .sub-title .title { font-size: 28px; font-weight: 800; text-align: center; }

.learning-basic .tab-menu ul li a { padding: 17px 35px; }

.learning-basic .section-header { text-align: center; }
.learning-basic .section-header .sectiont-number { display: block;width: 32px;height: 32px;margin: 0px auto;background-color: #cd261f;border-radius: 50%;color: #fff;text-align: center;vertical-align: middle;line-height: 32px;}
.learning-basic .section-header .section-title { text-align: center;font-size: 18px;font-weight: 600;margin-top: 20px;margin-bottom: 20px;}
.learning-basic .section-header .flow { padding: 15px 30px; border: 1px solid #191919; border-radius: 30px; font-weight: 600; font-size: 20px; text-align: center; display: inline-block; }

.learning-basic .section01 .section-body { background-color:#E6E6E6; text-align: center; }
.learning-basic .section01 .section-body ul { padding: 40px; }
.learning-basic .section01 .section-body ul li { display:inline-block; text-align: center; margin-right: 15px; }
.learning-basic .section01 .section-body ul li:last-child { margin: 0px; }
.learning-basic .section01 .section-body ul li .img { width: 150px; height: 150px; }
.learning-basic .section01 .section-body ul li .img img { width:100%; height: 100%; }
.learning-basic .section01 .section-body ul li .info { }
.learning-basic .section01 .section-body ul li .info .info-title { font-weight: 600; text-align: center; font-size: 16.5px; margin-top: 5px; margin-bottom: 10px; }
.learning-basic .section01 .section-body ul li .info .info-txt { text-align: center; font-size: 13.5px; transform: skew(-0.1deg); line-height: 21px; }

.learning-basic .section02 .section-body { text-align: center; }
.learning-basic .section02 .section-body ul { width: 50%; margin: 0 auto; margin-top: 50px; margin-bottom: 50px; }
.learning-basic .section02 .section-body ul li { position: relative;padding: 30px;border-top: 1px solid #d3d3d3;vertical-align: middle;display: table;width: 100%;}
.learning-basic .section02 .section-body ul li:first-child { border-top: none; }
.learning-basic .section02 .section-body ul li:last-child { border-bottom: none; }
.learning-basic .section02 .section-body ul li .img { width: 145px;height: 180px;display: table-cell;vertical-align: middle;  }
.learning-basic .section02 .section-body ul li .img img { }
.learning-basic .section02 .section-body ul li .info { padding-left: 40px;display: table-cell;}
.learning-basic .section02 .section-body ul li .info .info-title { text-align: left;color: #cd261f;font-weight: 800;font-size: 17px;}
.learning-basic .section02 .section-body ul li table { margin-top: 15px; }
.learning-basic .section02 .section-body ul li table caption { text-align: left;font-size: 15.5px;font-weight: 600;transform: skew(-0.1deg);text-decoration: underline;margin-bottom: 5px;font-weight: 800;}
.learning-basic .section02 .section-body ul li table tr { }
.learning-basic .section02 .section-body ul li table th { text-align: center;font-size: 14.5px;font-weight: 800;transform: skew(-0.1deg);margin: 0 6px;display: block;margin-top: 5px;margin-bottom: 5px;}
.learning-basic .section02 .section-body ul li table th:after {display: block;content: '\00a0';clear: both;border-right: 1px solid #191919;position: absolute;right: -14px;top: 0px;}
.learning-basic .section02 .section-body ul li table td { text-align:left; padding-left: 20px;font-size: 14.5px;transform: skew(-0.1deg);line-height: 20px;}

.section-01 { width: 1024px; margin: 0 auto; margin-top: 50px; }
.section-01 .section-title { font-size: 28px; font-weight: 800; text-align: center; }
.section-01 .section-content {background-color: #f2f2f2;padding: 25px;margin-top: 50px;vertical-align: middle;}
.section-01 .section-content .logo-bi { padding: 15px;margin-top: 27px;display: inline-block;}
.section-01 .section-content .logo-bi img { width: 100%; height: 100%; }
.section-01 .section-content .sub-section-01 { display: inline-block; margin-left: 30px; }
.section-01 .section-content .sub-section-01 .sub-section-article-01 { border-bottom: 1px solid #8b8b8b; }
.section-01 .section-content .sub-section-01 .sub-section-article-01 .sub-section-txt-01 { display: inline-block; }
.section-01 .section-content .sub-section-01 .sub-section-article-01 .sub-section-txt-01 .txt-01 { font-weight: 800; font-size: 24px; margin-bottom: 10px; }
.section-01 .section-content .sub-section-01 .sub-section-article-01 .sub-section-txt-01 .txt-02 { color: #d8262f; font-size: 48px; font-weight: 800; }
.section-01 .section-content .sub-section-01 .sub-section-article-01 .sub-section-txt-02 { display: inline-block; margin-top: 15px; line-height: 24px; color: #191919; font-size: 17px; font-weight: 400; margin-left: 30px; }

.section-01 .section-content .sub-section-02 { padding: 5px 10px; margin-left: 250px; }
.section-01 .section-content .sub-section-02 .txt-01 { font-size: 17px; text-align: center; }

.section-02 { width: 1024px; margin: 0 auto; margin-top: 50px; }
.section-02 .section-title { font-size: 24px; font-weight: 800; text-align: left; margin-bottom: 20px; }
.section-02 .changup-table { border-top: 2px solid #191919; width: 100%; table-layout: fixed; }
.section-02 .changup-table th { border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; width: 180px; height: 50px; vertical-align: middle; padding: 10px 5px 10px 20px; text-align: left; font-size: 18px; font-weight: 600; }
.section-02 .changup-table th.required { }
.section-02 .changup-table th.required:after { content: '*'; margin-left: 5px; color: #d8262f; }
.section-02 .changup-table td { border-bottom: 1px solid #cdcdcd; padding: 10px 5px 10px 20px; }

.section-03 { width: 1024px; margin: 0 auto; margin-top: 50px; }
.section-03 .section-title { font-size: 24px; font-weight: 800; text-align: left; margin-bottom: 20px; }
.section-03 .changup-table { border-top: 2px solid #191919; width: 100%; table-layout: fixed; }
.section-03 .changup-table th { border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; width: 180px; height: 50px; vertical-align: middle; padding: 10px 5px 10px 20px; text-align: left; font-size: 18px; font-weight: 600; }
.section-03 .changup-table th.required { }
.section-03 .changup-table th.required:after { content: '*'; margin-left: 5px; color: #d8262f; }
.section-03 .changup-table td { border-bottom: 1px solid #cdcdcd; padding: 10px 5px 10px 20px; }

.section-04 { width: 1024px; margin: 0 auto; margin-top: 50px; margin-bottom: 100px; }
.section-04 .section-title { font-size: 24px; font-weight: 800; text-align: left; margin-bottom: 20px; }
.section-04 .section-content { border-top: 2px solid #191919; }
.section-04 .section-content .sub-section-01 { margin-top: 20px; border:1px solid #cdcdcd; padding:10px; font-size: 17px; max-height: 300px; overflow-y: auto; }
.section-04 .section-content .sub-section-02 { font-size: 17px; margin-top: 20px;  }
.section-04 .section-content .sub-section-03 { font-size: 17px; margin-top: 20px; text-align: center;  }
.section-04 .section-content .sub-section-03 .btn-consult { background-color: #d8262f; border-radius: 25px; width: 250px; height: 50px; line-height: 36px; font-size: 24px; font-weight: 600; padding: 10px 30px; color: #fff; display: inline-block; cursor: pointer; text-decoration: none; }

@media (max-height:500px) and (orientation:landscape), screen and (max-width:768px) and (orientation:portrait) {
    .top { margin-top: 0px; background: none; height: 70px; }
    .top .title { height: 70px; font-size: 24px; border-bottom:1px solid #d3d3d3; line-height: 70px; }

    .sub-tit { display: none; }

    .tab-menu-wrap { width: 100%; margin-top: 0px; }
    .tab-menu { width: 100%; }
    .tab-menu li { width: 33.3%; background-color: #E2E2E2;}

    .tab-menu li .WEB { display: none; }
    .tab-menu li .MO { display: block; }

    .list-wrap { margin-top: 50px; margin-bottom: 100px; padding: 0px 20px; }
    .view-wrap { margin-top: 50px; margin-bottom: 100px; padding: 0px 20px; }

    .section { width: 100%; }
    .learning-basic .section-header .flow { padding: 8px 10px; border: 1px solid #191919; border-radius: 30px; font-weight: 600; font-size: 16px; text-align: center; display: inline-block; }

    .learning-basic .section01 .section-body { background-color:#E6E6E6; text-align: center; }
    .learning-basic .section01 .section-body ul { padding: 20px; }
    .learning-basic .section01 .section-body ul li { display: block; text-align: center; margin-right: 15px; position: relative;padding-left: 100px;}
    .learning-basic .section01 .section-body ul li:last-child { margin: 0px; }
    .learning-basic .section01 .section-body ul li .img { width: 80px; height: 80px; position: absolute;top: 0px;left: 0px;}
    .learning-basic .section01 .section-body ul li .img img { width:100%; height: 100%; }
    .learning-basic .section01 .section-body ul li .info { }
    .learning-basic .section01 .section-body ul li .info .info-title { font-weight: 600; text-align: left; font-size: 16.5px; margin-top: 5px; margin-bottom: 10px; }
    .learning-basic .section01 .section-body ul li .info .info-txt { text-align: left; font-size: 13.5px; transform: skew(-0.1deg); line-height: 21px; word-break: break-all;}

    .learning-basic .section02 .section-body { text-align: center; }
    .learning-basic .section02 .section-body ul { width: 100%; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; }
    .learning-basic .section02 .section-body ul li { position: relative;padding: 10px;border-top: 1px solid #d3d3d3;vertical-align: middle;display: table;width: 100%;}
    .learning-basic .section02 .section-body ul li:first-child { border-top: none; }
    .learning-basic .section02 .section-body ul li:last-child { border-bottom: none; }
    .learning-basic .section02 .section-body ul li .img { width: 145px;height: 180px;display: table-cell;vertical-align: middle;  }
    .learning-basic .section02 .section-body ul li .img img { }
    .learning-basic .section02 .section-body ul li .info { padding-left: 20px;display: table-cell;}
    .learning-basic .section02 .section-body ul li .info .info-title { text-align: left;color: #cd261f;font-weight: 800;font-size: 15px;}
    .learning-basic .section02 .section-body ul li table { margin-top: 15px; }
    .learning-basic .section02 .section-body ul li table caption { text-align: left;font-size: 13.5px;font-weight: 600;transform: skew(-0.1deg);text-decoration: underline;margin-bottom: 5px;font-weight: 800;}
    .learning-basic .section02 .section-body ul li table tr { }
    .learning-basic .section02 .section-body ul li table th { text-align: center;font-size: 11.5px;font-weight: 800;transform: skew(-0.1deg);margin: 0 6px;display: block;margin-top: 5px;margin-bottom: 5px;width: 47px;}
    .learning-basic .section02 .section-body ul li table th:after {display: block;content: '\00a0';clear: both;border-right: 1px solid #191919;position: absolute;right: -14px;top: 0px;}
    .learning-basic .section02 .section-body ul li table td { text-align:left; padding-left: 20px;font-size: 12.5px;transform: skew(-0.1deg);line-height: 20px;word-break: break-all;}
}