@charset "utf-8";

/*----------------------------------------------------------------------------------------------------------------------------------------
	File : content.css
	Company : The Webstyle co.,ltd
    CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
    CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc
    CSS 속성 선언순서 : display, position, float/clear, overflow, width/height, margin/padding, border, background, font/color, align, etc
------------------------------------------------------------------------------------------------------------------------------------------*/

/***** Common *****/
h1 {margin-bottom:25px; font-family:"NanumSquareOTFR"; font-size:40px; color:#111; text-align:center;}
.inner {position:relative; padding-left:40px; padding-right:40px;}
.hh_img {position:absolute; top:5px; right:50px; z-index:1;  cursor:pointer;}


.content-header {display:block; position:relative; width:100%; height:248px;}
.content-header h1 {padding:100px 0; font-size:50px; line-height:50px; color:#fff; text-align:center;}
.content-header.consulting {background:url('../../images/common/bg_content_header01.jpg') no-repeat left top; background-size:100%;}
.content-header.brand {background:url('../../images/common/bg_content_header02.jpg') no-repeat left top; background-size:100%;}
.content-header.brandstory {background:url('../../images/common/bg_content_header05.jpg') no-repeat left top; background-size:100%;}
.content-header.presentation { background:url('../../images/common/bg_content_header03.jpg') no-repeat left top;background-size:100%;}/**/
.content-header.story {background:url('../../images/common/bg_content_header04.jpg') no-repeat left top; background-size:100%;}
.content-header.changup {background:url('../../images/common/bg_content_header05.jpg') no-repeat left top; background-size:100%;}

.sub-menuWrap {display:block; position:relative; margin-top:40px; z-index:50;}
.sub-menuWrap .btn-subMenu {width:100%; height:90px; padding:24px 28px 24px 40px; border:2px solid #dedede; background:url(../../images/common/ico_select_arrow_off.png) right center no-repeat; font-family:"NotoSans-Regular"; font-size:28px; color:#333; text-align:left;}
.sub-menuWrap.on .btn-subMenu {background:url(../../images/common/ico_select_arrow_on.png) right center no-repeat;}
.sub-menuWrap .sub-menuList {display:none; position:absolute; top:90px; left:0; width:100%; height:auto; border-right:2px solid #dedede; border-bottom:2px solid #dedede; border-left:2px solid #dedede;}
.sub-menuWrap .sub-menuList > li {border-bottom:2px solid #fff; background-color:#eee;}
.sub-menuWrap .sub-menuList > li:last-child {border-bottom:0 none;}
.sub-menuWrap .sub-menuList > li a {display:block; padding:34px 28px 34px 40px; font-family:"NotoSans-Regular"; font-size:28px; color:#333; text-align:left;}
.sub-menuWrap + .sub-titWrap {margin-top:50px;}

.sub-titWrap {display:block; width:590px; margin:0 auto 70px; text-align:center;}
.sub-titWrap h2 {padding-bottom:22px; font-size:40px; line-height:48px;}
.sub-titWrap p {padding-top:26px; border-top:1px solid #d6d6d6; font-family:"NotoSans-Light"; font-size:26px; line-height:34px; letter-spacing:-1px;}
.sub-titWrap p strong{font-size:28px;}


.h3-tit {display:inline-block; margin-top:-2px; padding-top:25px; border-top:3px solid #ffcf3f; font-size:32px; font-family:"NotoSans-Medium"; line-height:30px; color:#111;}
.tit-underline {width:100%; margin-bottom:35px; font-family:"NotoSans-Medium"; font-size:30px; text-align:center; border-bottom:3px solid #ffd147; line-height:65px;}
.sec-wrap {position:relative; margin-top:80px; border-top:1px solid #d6d6d6;}


/* box-group */
.box-group {position:relative;}
.box-group:after {content:''; display:block; clear:both;}
.box-group + .box-group {margin-top:65px;}
.box-group p {margin-top:35px; font-size:18px; line-height:26px; color:#111; text-align:center;}
.box-group .lg {font-size:22px; font-family:"NanumSquareOTFB"; line-height:30px;}
.box-group .md {font-size:20px; font-family:"NanumSquareOTFB"; line-height:28px;}
.box-group dl {padding:34px 0 0 0;}
.box-group dl dt {font-size:20px; line-height:28px; color:#111;}
.box-group dl dd {padding-top:22px; font-size:16px; line-height:24px; letter-spacing:-1px;}

.box-group.type2 {/*padding-bottom:70px; */border-bottom:1px solid #ededed; text-align:center;}
.box-group.type2 .img {padding-top:10px;}
.box-group.type2 dl {padding-bottom:70px;}
.box-group.type2 dl dt {font-family:"NotoSans-Medium"; font-size:32px; color:#333; line-height: 42px;}
.box-group.type2 dl dd {padding-top:45px; font-family:"NotoSans-Light"; font-size:28px; color:#333; line-height:40px;}
.box-group.type2 dl dd strong {font-family:"NotoSans-Medium";}

.box-group .bg-gray {margin:0 -40px; padding:60px 0 40px; background:#f9f9f9;}
.box-group.type3 {display:block; border-top:1px solid #ededed;}
.box-group.type3 + .box-group.type3 {margin-top:0;}
.box-group.type3 .img {display:block; height:376px; margin-top:60px; text-align:center;}
.box-group.type3 .bg-gray .img {margin-top:0;}
.box-group.type3 dl {padding-top:34px; text-align:center;}
.box-group.type3 dl dt {font-family:"NotoSans-Medium"; font-size:32px; color:#333; line-height:40px;}
.box-group.type3 dl dd {padding-top:40px; font-family:"NotoSans-Light"; font-size:28px; color:#555; line-height:36px;}

.box-group.type4 {text-align:center;}
.box-group.type4 .img {}
.box-group.type4 dl {padding-bottom:70px;}
.box-group.type4 dl dt {font-family:"NotoSans-Medium"; font-size:32px; color:#333; line-height: 42px;}
.box-group.type4 dl dd {padding-top:45px; font-family:"NotoSans-Light"; font-size:28px; color:#333; line-height:40px;}
.box-group.type4 dl dd strong {font-family:"NotoSans-Medium";}
.box-group.type4 p{font-family:"NotoSans-Light"; font-size:28px; color:#333; line-height:40px; padding-bottom:35px;}

.box-group.type5 {border-bottom:1px solid #ededed; text-align:center;}
.box-group.type5 .img {padding-top:10px;}
.box-group.type5 dl {padding:34px 40px 70px; text-align:left;}
.box-group.type5 dl dt {font-family:"NotoSans-Medium"; font-size:32px; color:#333; line-height: 42px;}
.box-group.type5 dl dd {padding-top:45px; font-family:"NotoSans-Light"; font-size:28px; color:#333; line-height:40px;}
.box-group.type5 dl dd strong {font-family:"NotoSans-Medium";}

/* tab */
.tab {display:block; position:relative;}
.tab .tab-box {display:block; position:relative; margin-top:40px; border-bottom:1px solid #d6d6d6; font-size:0;}
.tab .tab-box > li {display:inline-block; width:50%; text-align:center;}
.tab .tab-box > li.on {border-bottom:3px solid #ffcf3f;}
.tab .tab-box > li a {display:block; padding:15px 0; font-size:30px; color:#666; line-height:38px;}
.tab .tab-box > li.on a {font-family:"NotoSans-Medium"; color:#111;}
.tab-body {display:block; position:relative; margin-top:40px;}
.tab-body .tab-cont {display:none;}
.tab-body .tab-cont.on {display:block;}


/* 창업 컨설팅-가맹문의 */
.content-joining .agree-wrap {padding-top:25px; border-top:2px solid #111;}
.agree-wrap:after {display:block; clear:both; content:"";}
.agree-wrap .provision-wrap {padding:30px 40px; border:1px solid #dedede; background:#f9f9f9;}
.agree-wrap .provision-wrap {font-family:"NotoSans-Light"; font-size:24px; color:#777; letter-spacing:1px; line-height:39px; overflow-y: scroll; height: 220px;}
.agree-wrap .ui-group-radio {float:right; margin-top:20px;}
.agree-wrap .ui-group-radio .ui-radio,
.joiningInqury-wrap .ui-group-radio .ui-radio {width:140px; margin-right:0;}
.personal-wrap {width:100%;}
.personal-wrap .tit-con {display:inline-block; float:left; margin-bottom:0;}
.personal-wrap .caution {display:inline-block; float:right; margin-bottom:10px; text-align:right; font-size:24px; color:#555;}
.explain .personal-wrap {border-top:2px solid #111;}
.explain .personal-wrap .tit-con,
.explain .personal-wrap .caution {padding-top:27px;}

/* 창업컨설팅 - 창업절차 */
.graybg-wrap {position:relative; }
.consulting-list {position:relative; width:100%; margin:0 auto; }
.consulting-list:after {display:block; clear:both; content:"";}
.consulting-list li + li {margin-top:80px;}
.consulting-list li .cont {border-top:1px solid #d6d6d6;}
.consulting-list .h3-tit {position:relative; font-size:32px; padding:30px 0; color:#333;}
.consulting-list li p {padding-top:18px; font-family:"NotoSans-Light"; font-size:28px; line-height:1.4;}
/*.consulting-list li.bg{background:#f9f9f9; content:"";}*/
.consulting-list li .bg-gray {margin:0 -40px; padding:80px 0; background:#f9f9f9;}
.consulting-list li .bg-gray .cont {margin:0 40px;}

/* 레이어 서브메뉴 */
.lp-menuWrap {display:block; position:relative; margin-top:40px; z-index:50;}
.lp-menuWrap .lp-btn-subMenu {width:100%; height:90px; padding:24px 28px 24px 40px; border:2px solid #dedede; background:url(../../images/common/ico_select_arrow_off.png) right center no-repeat; font-family:"NotoSans-Regular"; font-size:28px; color:#333; text-align:left;}
.lp-menuWrap.on .lp-btn-subMenu {background:url(../../images/common/ico_select_arrow_on.png) right center no-repeat;}
.lp-menuWrap .lp-menuList {display:none; position:absolute; top:90px; left:0; width:100%; height:auto; border-right:2px solid #dedede; border-bottom:2px solid #dedede; border-left:2px solid #dedede;}
.lp-menuWrap .lp-menuList > li {border-bottom:2px solid #fff; background-color:#eee;}
.lp-menuWrap .lp-menuList > li.on {display:none;}
.lp-menuWrap .lp-menuList > li:last-child {border-bottom:0 none;}
.lp-menuWrap .lp-menuList > li a {display:block; padding:34px 28px 34px 40px; font-family:"NotoSans-Regular"; font-size:28px; color:#333; text-align:left;}
.lp-menuWrap + .lp-titWrap {margin-top:50px;}

/* 레이어 팝업 */
.lp-wrapper {display:none; position:fixed; top:0px; left:0px; z-index:1000; width:100%; height:100%; background-color:rgba(0,0,0,0.8); vertical-align:middle; overflow-y:auto;}
.lp-wrapper.on {display:block;}
.lp-wrapper .lp-wrap {width:100%;}
.lp-wrapper .lp-con {display:block; position:relative; padding:0px 40px 77px 40px; background-color:#fff; text-align:left;}
.lp-wrapper .lp-header {background-color:#fff; border-bottom:1px solid #d6d6d6;}
.lp-wrapper .lp-header h2 {padding-bottom:20px; font-size:40px; color:#333; line-height:70px; text-align:center;}
.lp-wrapper .lp-container {position:relative;}
.lp-wrapper .lp-content {position:relative;}
.lp-wrapper .btn_lp_close {position:absolute; top:30px; right:30px; width:55px; height:55px; font-size:0px; line-height:0px; background:url('../../images/common/btn_close.png') center center no-repeat; z-index:20;}
.lp-wrapper .lp-content .loan-content {margin-top:50px;}
.lp-wrapper .lp-content .loan-content .cont-wrap {display:none;}
.lp-wrapper .lp-content .loan-content .cont-wrap.on {display:block;}
.lp-wrapper .lp-content .loan-content .cont-wrap dl {font-size:28px; line-height:36px;}
.lp-wrapper .lp-content .loan-content .cont-wrap dl + dl {margin-top:40px;}
.lp-wrapper .lp-content .loan-content .cont-wrap dl dt {padding:26px 30px; background:#ddd; font-family:"NotoSans-Medium"; color:#111;}
.lp-wrapper .lp-content .loan-content .cont-wrap dl dd {margin-top:5px; padding:26px 30px; background:#eee; font-family:"NotoSans-Light";}
.lp-wrapper .lp-content .loan-content .cont-wrap dl dd span {display:block; font-family:"NotoSans-Medium"; color:#333;}


/* 내게 맟는 창업, 창업인적성검사 */
.radioList-wrap {display:block; position:relative; border-top:2px solid #111;}
.radioList-wrap p {padding:24px 0 23px; font-family:"NanumSquareOTFB"; font-size:18px; line-height:26px;}
.radioList-wrap dl {position:relative; padding:50px 0; border-bottom:1px solid #ededed; overflow:hidden;}
.radioList-wrap dl dt {width:100%; height:60px; font-size:32px; line-height:60px;}
.radioList-wrap dl dt span {display:inline-block; min-width:60px; margin-right:20px; padding:0 20px; border-radius:3px; background-color:#ffcf3f; font-size:32px; font-weight:bold; text-align:center;}
.radioList-wrap dl dd {width:100%; margin-top:40px;}
.radioList-wrap.type2 dl dt {width:45%;}
.radioList-wrap.type2 dl dd {width:55%; text-align:center;}
.radioList-wrap + .radioList-wrap {margin-top:80px;}
/*.radioList-wrap dl.step3 dd {text-align:center;}
.radioList-wrap dl.step3 dd .select-wrap + .select-wrap {margin-left:7px;}
.radioList-wrap dl.step3 dd select {width:185px;}*/

.radioList-wrap.type3 .radio-wrap {display:block; margin:-20px -25px;}
.radioList-wrap.type3 .radio-wrap:after {display:block; clear:both; content:"";}
.radioList-wrap.type3 .radio-wrap label {display:block; float:left; width:33.333333%; padding:20px 25px;}
.radioList-wrap.type3 .radio-wrap span {display:block; padding:0; text-align:center;}

/* 창업 인적성 검사 */
.radioList-wrap.type4 p {font-size:32px; text-align:center; margin-bottom:30px; border-bottom:1px solid #111;}
.radioList-wrap.type4 dl {display:table; width:100%; padding:30px 0 50px;}
.radioList-wrap.type4 dl dt {position:relative; display:table-cell; vertical-align:middle; height:80px; padding-left:130px; line-height:40px;}
.radioList-wrap.type4 dl dd {display:table-row;}
.radioList-wrap.type4 dl dt span {position:absolute; height:60px; width:100px; margin-top:-30px; top:50%; left:0; line-height:60px; text-align:center;}
.radioList-wrap.type4 .radio-wrap {margin:0 -5px; padding-top:30px;}
.radioList-wrap.type4 .radio-wrap:after {display:block; clear:both; content:"";}
.radioList-wrap.type4 .radio-wrap label {display:block; float:left; width:20%; padding:0 5px;}
.radioList-wrap.type4 .radio-wrap span {display:block; padding:0; text-align:center;}

/* 내게 맟는 창업, 창업인적성검사 결과보기 */
.result-wrap {position:relative; border-top:2px solid #111;}
.presentation .result-wrap {position:relative; border-top:0 none; padding:0px 10px;}
.result-wrap .tit {padding:40px 0 46px; font-size:32px; font-family:"NotoSans-Medium"; line-height:30px; color:#111; text-align:center;}
.result-wrap .img-box {width:100%; height:389px;}
.result-wrap .txt-box {text-align:center;}
.result-wrap .txt-box .score {font-family:"NotoSans-Medium"; font-size:32px; line-height:40px; color:#111;}
.result-wrap .txt-box p {padding-top:35px; font-family:"NotoSans-Light"; font-size:28px; line-height:36px;}
.result-wrap + .result-wrap{margin-top:80px;}
.tbl-result {table-layout:fixed; width:100%; margin:0 auto; text-align:center;}
.tbl-result tr {border-bottom:1px solid #fff; background-color:#efefef;}
.tbl-result tr.cdd {background-color:#ddd;}
.tbl-result th {border-right:1px solid #fff;}
.tbl-result th, .tbl-result td {padding:20px 0; font-family:"NotoSans-Light"; font-size:28px; line-height:24px;}
.result-wrap .box-group {padding:50px 0; border-bottom:1px solid #ededed;}
.result-wrap .box-group:first-child {padding-top:0;}
.box-group.btnType .img {text-align:center;}
.box-group.btnType dl {margin-top:40px; text-align:center;}
.box-group.btnType dl dt {font-size:30px; font-family:"NotoSans-Medium"; line-height:30px; color:#111;}
.box-group.btnType dl dd {padding-top:22px; font-family:"NotoSans-Light"; font-size:28px; line-height:40px; color:#555; letter-spacing:-1px;}


/* 창업설명회-창업설명회 */
.explain .agree-wrap {padding-bottom:50px; border-bottom:1px solid #ededed;}
.calendar-wrap {position:relative; border-top:2px solid #111;}
.calendar-wrap .tit-con {padding-top:27px;}
/* datepicker */
.ui-datepicker {width:100%; margin:35px 0 0 0; padding:0;}
.ui-corner-all {border-radius:0;}
.ui-datepicker .ui-widget-header {position:relative; height:80px; margin:0 -2px; padding:0; border:0 none; background:#fff; color:#333;}
.ui-datepicker .ui-widget-header .ui-state-hover {border:0 none; background:transparent;}
.ui-datepicker .ui-datepicker-title {font-size:40px; font-family:"NotoSans-Medium"; line-height:50px; text-align:center;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {display:block; position:absolute; top:0; width:70px; height:70px; text-indent:-9999px;}
.ui-datepicker .ui-datepicker-prev {left:0px;}
.ui-datepicker .ui-datepicker-next {right:29px;}
.ui-datepicker .ui-datepicker-prev span {display:block; position:absolute; top:0; left:0; margin-left:0; margin-top:-8px;}
.ui-datepicker .ui-datepicker-next span {display:block; position:absolute; top:0; right:0; margin-right:0; margin-top:-8px;}
.ui-datepicker .ui-datepicker-prev .ui-icon {width:70px; height:70px; background:url('../../images/presentation/ico_date_prev.png') left top no-repeat;}
.ui-datepicker .ui-datepicker-next .ui-icon {width:70px; height:70px; background:url('../../images/presentation/ico_date_next.png') right top no-repeat;}
.ui-widget.ui-widget-content {border:0 none;}

.ui-datepicker .ui-datepicker-calendar {table-layout:fixed; margin:0 0 0 0; font-size:0;}
.ui-datepicker .ui-datepicker-calendar th {height:67px; padding:0; background:#383838; border:1px solid #383838;}
.ui-datepicker .ui-datepicker-calendar th span {position:relative; font-family:"NotoSans-Medium"; font-size:24px; color:#fff;}
.ui-datepicker .ui-datepicker-calendar th span:after {content:''; display:block; position:absolute; top:14px; right:-38px; width:1px; height:9px; background-color:#636363;}
.ui-datepicker .ui-datepicker-calendar th:last-child span:after {width:0; height:0;}
.ui-datepicker .ui-datepicker-calendar tr:last-child td {border-bottom:0 none;}
.ui-datepicker .ui-datepicker-calendar td {width:14.28%; height:132px; padding:0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; text-align:left; vertical-align:top;}
.ui-datepicker .ui-datepicker-calendar td:last-child {border-right:0 none;}
.ui-datepicker .ui-datepicker-calendar td span {display:block; position:relative; width:28px; height:28px; padding:2px 0; border-top-color:transparent; border-right-color:#e0e0e0; border-bottom-color:#e0e0e0; border-left-color:transparent; background:transparent; font-size:20px; color:#000; text-align:center;}
/*.ui-datepicker .ui-datepicker-calendar td:nth-child(4) span:after {content:'창업\a설명회'; display:block; position:absolute; top:50%; left:50%; width:50px; height:24px; margin:15px 0 0 10px; padding-top:37px; background:url('../../images/presentation/calendar_chk.png') center no-repeat; font-size:18px; color:#000;}*/
.ui-datepicker .ui-datepicker-calendar td.on span:after {content:'창업\a설명회'; display:block; position:absolute; top:50%; left:50%; width:50px; height:24px; margin:15px 0 0 10px; padding-top:37px; background:url('../../images/presentation/calendar_chk.png') center no-repeat; font-size:18px; color:#000;}
.ui-datepicker .ui-datepicker-calendar td:nth-child(6) span {background:transparent; color:#0e63c2;}
.ui-datepicker .ui-datepicker-calendar td:last-child span {background:transparent; color:#e83838;}
.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled {background:#fff; opacity:1;}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month span {color:#fff;}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month:nth-child(4) span:after {display:none;}

.border-line {border-right:1px solid #636363; border-left:1px solid #636363; border-bottom:1px solid #636363;}

/*설명회예약*/
.calendar { width:100%;}
.calendar .year {overflow:hidden; text-align:center; font-family:"NanumSquareOTFB"; font-size:32px; color:#000; line-height:60px;}
.calendar .year .btn {width:40px; height:40px; border:1px solid #d6d6d6;}
.calendar .year .btn span {display:block; overflow:hidden; text-indent:-999px;}
.calendar .year .btn.right {margin-left:40px;; background: url('../../images/presentation/btn_right.png') center center no-repeat;}
.calendar .year .btn.left {margin-right:40px;; background: url('../../images/presentation/btn_left.png') center center no-repeat;}

.tbl-div {margin-top:14px; border:1px solid #383838;}
.tbl-div table {width:100%; /* table-layout:fixed; */ border-collapse:collapse; border-spacing:0; table-layout:fixed; width:100%;}
.tbl-div table thead th {height:55px; font-family:"NanumSquareOTFB"; font-size:18px; color:#fff; background:#383838 url('../../images/presentation/tbl_bar.jpg') no-repeat left center;}
.tbl-div table thead th:first-child {background:#383838;}
.tbl-div table tbody td {position:relative; height:144px; text-align:center; vertical-align:middle; font-family:"NanumSquareOTFR"; font-size:16px; background:url('../../images/presentation/tbl_date.jpg') left top no-repeat;}
.tbl-div table tbody td {border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.tbl-div table tbody td .date {position:absolute; top:0; left:0; width:24px; height:24px; line-height:25px; text-align:center; font-size:15px; color:#000;}
.tbl-div table tbody tr:last-child td {border-bottom:none;}
.reservation-noti {text-align:right; padding-top:12px;}
.reservation-noti .state {font-family:"NanumSquareOTFR"; font-size:16px;}
.reservation-input input[type=text],.reservation-input input[type=password],.reservation-input select {height:42px;}


.times {}
.times + .times {margin-top:15px;}
.times > .tit {display:block; padding-bottom:4px;font-size:18px;}
.state {display:inline-block; padding-left:16px; font-size:18px;}
.state a {margin-left:5px}
.state.state1 {color:#eb3535; background:url('../../images/presentation/clock.png') no-repeat left center;background-size:18px ;}
.state.state2 {color:#3d3d3d; background:url('../../images/presentation/clock.png') no-repeat left center;background-size:18px ;}
.reservation-input {width:445px; float:left; margin-left:36px;}
.reservation-input
.personal-wrap .tit-con {padding:0;margin-bottom:15px;}
.campdate {color:#e65656 !important; background:#fff !important;}


/* 창업설명회-창업설명회장안내 */
.map-wrap {position:relative;}
.map-wrap p {display:inline-block; padding-top:20px; border-top:2px solid #ffcf3f; font-family:"NotoSans-Medium"; font-size:32px; line-height:38px;}
.map-wrap dl {display:block; position:relative; margin-top:55px;}
.map-wrap dl:after {content:''; display:block; clear:both;}
.map-wrap dl dt {width:200px; float:left; padding-top:5px; font-family:"NotoSans-Medium"; font-size:28px; line-height:36px;}
.map-wrap dl dd {margin-left:200px; padding-top:5px;font-family:"NotoSans-Light"; font-size:28px; line-height:36px; color:#555;}
.map-wrap .map {position:relative; width:100%; height:290px; margin-top:50px; border:1px solid #cacaca; border-radius:3px; background:#f9f9f9;}
.map-wrap + .map-wrap {margin-top:80px;}




/* 창업설명회-추천상권 */
.presentation .agree-wrap {border-top:2px solid #111;}
.presentation .agree-wrap .tit-con {padding-top:27px;}
.presentation .personal-wrap .form-list {border-bottom:0 none;}

/* 창업성공스토리 */
.board-list {display:block; position:relative; margin-top:40px; border-top:2px solid #111;}
.board-list .box {padding:30px 0; border-bottom:1px solid #ededed;}
.board-list .box:last-child {border-bottom-color:#111;}
.board-list .box .info {position:relative; font-size:0;}
.board-list .box .info li {display:inline-block; position:relative; font-size:24px; color:#333; line-height:32px;}
.board-list .box .info li:first-child:after {content:''; display:block; position:absolute; top:50%; right:-40px; width:1px; height:25px; margin-top:-11px; background-color:#333;}
.board-list .box .info li + li {padding-left:80px;}
.board-list .box .subject {font-size:26px; color:#111;}
.board-list .box .subject a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:48px;}
.board-list .box span {display:block; margin-top:14px; font-family:"NotoSans-Light"; font-size:24px; color:#555; line-height:32px;}
.board-list .box span.date {font-family:"Roboto-Light";}
.board-list.type2 {margin-top:90px;}
.board-list.type2 .box .info {position:relative; font-size:0;}
.board-list.type2 .box .info li {font-family:"NotoSans-Light"; font-size:26px; line-height:34px;}
.board-list.type2 .box .subject {font-family:"NotoSans-Light"; color:#333;}

.board-pager-wrap {position:relative; height:46px; margin:50px 0 0; padding:10px 0; text-align:center;}
.board-pager {display:inline-block; overflow:hidden;}
.board-pager .board-nav {display:inline-block; width:33px; height:30px; /*border:1px solid #d6d6d6;*/ text-indent:-9999px; vertical-align:middle;}
.board-pager .board-nav.btn_first {background: url('../../images/common/ico_pager_first.png') #fff center no-repeat;}
.board-pager .board-nav.btn_prev {margin-right:25px; background: url('../../images/common/ico_pager_prev.png') #fff center no-repeat;}
.board-pager .board-nav.btn_first + .btn_prev {margin-left:23px;}
.board-pager .board-nav.btn_next {margin-left:25px; background: url('../../images/common/ico_pager_next.png') #fff center no-repeat;}
.board-pager .board-nav.btn_last {margin-left:23px; background: url('../../images/common/ico_pager_last.png') #fff center no-repeat;}
.board-pager .board-nav:hover {background-color :#f8f8f8;}
.board-pager .board-page {display:inline-block; overflow:hidden; height:30px; /*margin:0 10px;*/ vertical-align:middle;}
.board-pager .board-page li {float:left; margin:0 0px;}
.board-pager .board-page li a {display:block; height:30px; padding:0 15px; font-size:24px; color:#666; line-height:30px; text-align:center;}
.board-pager .board-page li.on a {color:#333;}

.board-view {display:block; position:relative; margin-top:47px; border-top:2px solid #111;}
.board-view .top {padding:20px 0; border-bottom:1px solid #111; overflow:hidden;}
.board-view .top h3 {display:block; padding:0 30px; font-size:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:36px;}
.board-view .top .info {position:relative; margin-top:15px; color:#666; font-size:28px;padding:0 30px}
.board-view .top .info li {font-family:'Roboto-Light','NotoSans-Light';}
.board-view .tbl-view {table-layout:fixed;}
.board-view .tbl-view tr {border-bottom:1px solid #ededed;}
.board-view .tbl-view th {background-color:#efefef; text-align:left;}
.board-view .tbl-view th, .board-view .tbl-view td {padding:23px 30px; font-family:'Roboto-Light','NotoSans-Light'; font-size:26px; line-height:34px;}
.board-view .con {padding:50px 20px; border-bottom:1px solid #ededed; font-size:26px; font-family:'Roboto-Light','NotoSans-Light'; line-height:40px;}
.board-view .con * {max-width:100% !important; height:auto !important; font-size:26px !important; line-height:40px !important;}
.board-view .con iframe {max-width:100% !important; height:350px !important; font-size:26px !important; line-height:40px !important;}
.board-view.type2 {margin-top:0; border-top:0 none}
.board-view.type2 .cat {margin-bottom:16px; font-family:"NotoSans-Medium"; font-size:30px; line-height:38px;}
.board-view.type2 .tbl-view {border-top:2px solid #111;}


/* 올리브치킨카페 */
.slide-brand .swiper-pagination-bullet {width:20px; height:20px; background:#fff; opacity:0.6;}
.slide-brand .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity:1;}
.slide-brand.swiper-container-horizontal>.swiper-pagination-bullets,
.slide-brand .swiper-pagination-custom,
.slide-brand .swiper-pagination-fraction {bottom:20px;}


/* tbl-basic */
/*.tbl-basic {margin:0 -10px; overflow:hidden;}*/
.tbl-basic span {display:block; margin:0 0 10px 0; font-size:24px; color:#555; line-height:24px; text-align:right;}
.tbl-basic .tbl-tit {width:100%; height:80px; background:#999; margin-right:10px; font-family:"NotoSans-Medium"; font-size:28px; line-height:80px; color:#fff; text-align:center;}
.tbl-basic table {table-layout:fixed; text-align:center;}
.tbl-basic table th,
.tbl-basic table td {min-height:80px; padding:25px 10px; border-left:2px solid #fff; border-bottom:2px solid #fff; background:#e6e6e6; font-family:"NotoSans-Light"; font-size:26px; color:#555; line-height:35px;}
.tbl-basic table tr:nth-of-type(even) th,
.tbl-basic table tr:nth-of-type(even) td {/*border-top:10px solid #fff;*/ background:#eee; font-family:"NotoSans-Regular"; font-size:28px; color:#111;}
.tbl-basic table tfoot{background:#999;}
.tbl-basic table tfoot th,
.tbl-basic table tfoot td {background:#999; color:#fff; }
.tbl-basic table tfoot tr:nth-of-type(odd) th,
.tbl-basic table tfoot tr:nth-of-type(odd) td {color:#fff; background:#999;border-top:10px solid #fff;}
.tbl-basic .explain {margin:20px 0 0 10px; font-family:"NotoSans-Light"; font-size:24px; line-height:35px; color:#555;}
.h3-tit + .tbl-wrap {margin-top:25px;}
.tbl-wrap + .tbl-wrap {margin-top:50px;}

.box-group .intro-tit {margin:40px 0 50px; font-family:"NotoSans-Medium";  font-size:32px; color:#333; text-align:center;}
.intro-list li {width:100%; padding:16px; min-height:60px; background:#eee; font-family:"NotoSans-Light"; font-size:28px; color:#333; text-align:center; line-height:40px;}
.intro-list li + li {margin-top:10px;}

/* Section */
.section-wrap {margin-bottom:28px; border-bottom:2px solid #e5e5e5; background-color:#fff;}
.section {position:relative; background-color:#fff;}
.section2 {position:relative; background-color:#fff;}
.section h3 {display:inline-block; font-family:"NanumSquareOTFR"; font-size:32px; color:#333;}
.section h3 .small {color:#666; font-size:16px;}
.section .bg-gray h3 {display:block; padding:44px 35px 0 35px; border-top:1px solid #d6d6d6; font-size:16px; color:#000; background-color:#f7f7f7;}
.section-header {position:relative; margin-bottom:20px;}
.section-header02 {position:relative; padding:0 40px;}
.section-header02 h3 {padding-bottom:27px; font-family:"NotoSans-Medium"; font-size:36px; color:#111;}
.section-header.bg-gray {margin-bottom:0;}
.section-header .listCount {margin-left:10px; font-size:16px; color:#ff0000; vertical-align:baseline;}
.section-header .btn_more {position:absolute; top:4px; right:0px;}
.section-header .right {position:absolute; right:0; bottom:0;}
.section-header2 {position:relative; margin-bottom:15px;}
.section-header2 h4 {color:#000; font-size:14px; font-weight:normal; font-family:"NanumSquareOTFR";}
.section-header2 .right {position:absolute; right:0; bottom:0;}
.section-body.top-line {border-top:2px solid #111;}
.section-item h4 {display:inline-block; margin-top:50px; margin-bottom:13px; font-family:"NanumSquareOTFB"; font-size:20px; color:#8c674a;}
.section.btline{border-bottom: 1px solid #d6d6d6; padding-bottom: 30px;}
.section.section_member{padding-top:40px;}

.section-header.section-header-line h3 {margin-bottom:35px; border-bottom:2px solid #464646;}

.regForm {margin-top:45px;}
.regForm dt,
.regForm dd {font-family:"NotoSans-Light"; font-size:30px; color:#333;}
.regForm dt {margin-bottom:15px; font-size:26px;}

.box-gray {padding:30px 40px; border-top:2px solid #ededed; border-bottom:2px solid #ededed; background-color:#f7f7f7;}
.box-gray .regForm:first-child {margin-top:0px;}

.headLine {position:relative; margin-bottom:35px; padding-bottom:41px;}
.headLine:after {
	content:"";
	display:block;
	position:absolute;
	bottom:0px;
	left:50%;
	width:100px;
	height:4px;
	margin-left:-50px;
	background-color:#000;
}


/* Layer Popup */
.lp-wrapper {display:none; position:fixed; top:0px; left:0px; z-index:1000; width:100%; height:100%; background-color:#fff;}
.lp-wrapper .lp-header {position:absolute; top:0px; left:0px; z-index:10; width:100%; height:102px; padding:0 40px; background-color:#fff; border-bottom:0px solid #464646;}
.lp-wrapper .lp-header h2 {border-bottom:2px solid #dcdcdc; font-family:"NotoSans-Medium"; font-size:36px; line-height:100px; color:#111; text-align:center; padding-bottom:0px; }
.lp-wrapper .lp-container {position:relative; height:100%; padding-top:102px;}
.lp-wrapper .lp-content {position:relative; height:100%; padding:40px 0; overflow-y:auto;}
.lp-wrapper .btn_lp_close {
	position:absolute;
	top:29px;
	right:40px;
	z-index:20;
	width:45px;
	height:44px;
	font-size:0px;
	line-height:0px;
	background:url('../../images/common/btn_lp_close.png') center center no-repeat;
}

/* Layer Popup - 알림창 */
.lp-wrapper.type2 {display:none; position:fixed; top:0px; left:0px; z-index:1100; width:100%; height:100%; background-color:rgba(0,0,0,0.8); vertical-align:middle;}
.lp-wrapper.type2.on {display:table; table-layout:fixed; text-align:center;}
.lp-wrapper.type2 .lp-wrap {display:table-cell; width:100%; padding:40px 60px; vertical-align:middle; }
.lp-wrapper.type2 .lp-con {display:inline-block; position:relative; width:940px; background-color:#fff; text-align:left;}
.lp-wrapper.type2 .lp-header {margin:0 30px; background-color:#fff;}
.lp-wrapper.type2 .lp-header h2 {border-bottom:2px solid #111; font-family:'NotoSans-Regular'; font-size:30px; color:#111; line-height:70px;}
.lp-wrapper.type2 .lp-container {position:relative; overflow-y:auto; padding:0 30px 77px;}
.lp-wrapper.type2 .lp-content {position:relative;}
.lp-wrapper.type2 .btn_lp_close {
	position:absolute;
	top:23px;
	right:30px;
	z-index:20;
	width:45px;
	height:45px;
	font-size:0px;
	line-height:0px;
	background:url('../../images/common/btn_lp_close_gray.png') center center no-repeat;
}

.lp-wrapper.type2 .lp-confirm {display:inline-block; position:relative; background-color:#fff;}
.lp-wrapper.type2 .lp-confirm .lp-confirm-cont {padding:125px 85px 0;}
.lp-wrapper.type2 .lp-confirm .lp-confirm-cont.type3 {padding:125px 35px 0;}

.lp-wrapper.type2 .lp-confirm .lp-msg {position:relative; margin:0 0 80px; font-family:'NotoSans-Regular'; font-size:38px; line-height:1.4; color:#555; text-align:center;}
.lp-wrapper.type2 .lp-confirm .lp-confirm-cont.type2 .lp-msg{margin-bottom:46px;}
.lp-wrapper.type2 .lp-confirm .lp-confirm-cont.type3 .lp-msg{margin-bottom:46px;}
.lp-wrapper.type2 .lp-confirm .has-ico {padding:130px 0 0;}
.lp-wrapper.type2 .lp-confirm .ico-cart {background:url('../../images/common/ico_cart_msg.png') no-repeat 50% 0;}
.lp-wrapper.type2 .lp-confirm .lp-alarm {font-family:'NotoSans-Regular'; padding:30px 35px; line-height:1.4; color:#555; background-color:#f7f7f7; text-align:left;}
.lp-wrapper.type2 .lp-confirm .lp-alarm .ui-checkbox {position:relative; width:100%; padding-left:50px; font-size:38px;}
.lp-wrapper.type2 .lp-confirm .lp-alarm .ui-checkbox input+span{position:absolute; left:0; top:2px;}
.lp-wrapper.type2 .lp-confirm .btn-wrap {border-top:3px solid #ccc;}


/***** My Page *****/

/* Member Ship */
.section_membership {margin-bottom:0px; padding-top:40px;}
.section_membership .memGrade {min-height:60px; margin-bottom:55px; padding-left:110px; font-family:"NotoSans-Light"; font-size:34px; line-height:48px;}
.section_membership .memGrade.gold {background:url('../../images/common/ico_ddack.png') 0 0 no-repeat; background-size:85px 97px;}
.section_membership .memGrade strong {font-family:"NotoSans-Bold";}
.section_membership .memGrade span {font-family:"NotoSans-Bold";}
.section_membership .memGrade.gold span {color:#ffa800;}
.section_membership .memGrade.silver span {color:#6d6d6d;}
.section_membership .memGrade.bronze span {color:#ab7239;}
.section_membership .memGrade .txt {color:#666; font-size:24px;}
.section_membership .ckcamp {margin:40px -40px 0;}
.section_membership .ckcamp a {display:block; height:64px; padding-left:130px; background:#ffe5b2; color:#382a2a; font-size:24px; line-height:64px;}
.section_membership .ckcamp a span {display:inline-block; position:relative; padding-right:28px; background:url(/images/mypage/ico_ckarr.gif) no-repeat 100% 50%;}
.section_membership .ckcamp a span:before {display:block; position:absolute; right:-210px; bottom:0; width:129px; height:106px; background:url('../../images/mypage/ico_ckcamp.png') no-repeat; content:'';}

.section_membership .myInfo-wrap {margin-top:32px; border:1px solid #eee; background-color:#f7f7f7;}
.section_membership .myInfo{padding-left:120px;}
.section_membership .myInfo:after {display:block; content:""; clear:both;}
.section_membership .myInfo > li {position:relative; float:left; width:100%; height:100px; line-height: 100px; text-align:left; padding-left:90px;}
.section_membership .myInfo .item_point{background:url('../../images/mypage/ico_myInfo_point.png') left center no-repeat;}
.section_membership .myInfo .count {margin-top:5px; font-size:38px; color:#111;}
.section_membership .myInfo .count span {font-size:42px; font-family:"Roboto-Bold"; color:#ffa800;}
.point_txtInfo{text-align: left; font-size: 24px; color: #666; padding-top: 10px; letter-spacing: -0.65px;font-family:"NotoSans-Light"; line-height:30px;}

/* 휴대전화인증 */
.phone-cert {display:none;}
.phone-cert li {position:relative;padding-right:200px;}
.phone-cert li ~ li {margin-top:20px;}
.phone-cert li .btn {width:180px;position:absolute;right:0;top:0;}

/* Member */
.btn_memSecssion {width:100%; height:137px; border:2px solid #dedede; font-family:"NotoSans-Regular"; font-size:32px; line-height:133px; background-color:#f7f7f7;}
.btn_memSecssion span.ico-arrowRight {padding-right:50px; background:url('/images/common/ico_arrow_right.png') right center no-repeat;}
.btn_memSecssion small {font-family:"NotoSans-Light"; font-size:26px; color:#555;}

/* Popup - Member Secssion */
.lp_memSecssion .headLine-img {margin-bottom:75px; text-align:center;}
.lp_memSecssion .headLine-txt {font-family:"NotoSans-Medium"; font-size:36px; line-height:48px; color:#333;}



/* 개인정보취급방침 */
.privacy {padding:30px 40px;}
.privacy h1 {margin-bottom:30px ;color:#333; font-size:24px; font-family:'NotoSans-Bold'; text-align:left;}
.privacy .top {padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #dedede;}
.privacy .top dl dt {font-size:24px; color:#333; font-family:'NotoSans-DemiLight'; line-height:31px;}
.privacy .top dl dd {margin-top:40px; font-family:'NotoSans-DemiLight'; font-size:28px;}
.privacy .top dl dd ul li ~ li {margin-top:17px;}
.privacy .area {margin-top:25px; font-size:24px; color:#333; font-family:'NotoSans-DemiLight'; line-height:31px; letter-spacing:-0.06em; word-break:keep-all;}
.privacy .area strong {display:inline-block; position:relative; font-weight:normal; font-family:'NotoSans-Bold';}
.privacy .area strong em {display:block; position:absolute; left:0; top:-110px;}

/* 추가 */
.privacy .privacy_six_table {border-collapse: collapse;text-align: center}
.privacy .privacy_six_table th,
.privacy .privacy_six_table td {border:1px solid #ccc;}
.privacy .privacy_six_table th {background:#f6f6f6;}

.lp-wrapper.type2 .lp-confirm .lp-confirm-cont {padding:100px 200px 0;}


/* 성공후기리스트 */
.event-list {margin-top:20px;}
.event-list .box ~ .box {margin-top:70px;}
.event-list .box .img img {width:100%;}
.event-list .box .info {padding:20px 40px 0;}
.event-list .box .info .subject,
.event-list .box .info .subject a {display:block; color:#111; font-size:32px;}
.event-list .box .info .date {margin-top:15px; color:#666; font-family:'Roboto-Light'; font-size:28px;}
.event-list .nomore {padding:110px 0; text-align:center;}
.event-list .nomore .txt {margin-top:35px; color:#333; font-size:22px; letter-spacing:-0.05em;}



/* 레이어팝업 : 파일업로드 */
.lp_file_upload {padding:0}
.lp_file_upload .lp-content {padding:0;}
.lp_file_upload .filebox {display:block; text-align:center}
.lp_file_upload .filebox input[type="file"] {position:absolute;width: 1px; height: 1px;  padding: 0;  margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.lp_file_upload .filebox .upload-name {display: inline-block; height:71px; line-height:71px; vertical-align: middle; background-color: #f5f5f5; border:1px solid #cccccc; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none;text-indent:10px;margin:20px 0;font-size:30px}
.lp_file_upload .filebox label {display: inline-block; height:71px; width:140px; color:#fff; line-height:71px; vertical-align: middle; background-color: #575757; cursor: pointer; padding:1px 3px;text-align:center;font-size:30px;}
.lp_file_upload .text_left {font-size:28px; line-height:140%;padding:30px 25px;}

.lp_file_upload .file_btn {width:100%;border:none; margin-top:10px;text-align:center;}
.lp_file_upload .file_btn .btn_middle {width:49.5%; height:73px; text-align:center; line-height:73px; font-size:28px; font-weight:600}
.lp_file_upload table {width:100%;border-top:3px solid #595959;border-collapse: collapse;font-size:13px;}
.lp_file_upload table tr {height:34px;}
.lp_file_upload table tr th {background:#f9f9f9;font-weight:bold;border:1px solid #dddddd;vertical-align:middle;}
.lp_file_upload table tr td {border:1px solid #dddddd;vertical-align: middle;font-weight:normal;font-size:24px;text-align:left;border-top:none;padding:5px 20px;}
.lp_file_upload table tr td ul {display:block;margin-left:20px;}
.lp_file_upload table tr td ul li {float:left;margin-right:42px;}