@charset "UTF-8";


@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

div,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,span,table,tr,td,th,input,img,nav,header,button,footer,section {word-break:keep-all;word-wrap:break-word;box-sizing: border-box !important;}
.flboth:after{content:'';clear:both;display: block;height:0;}
.responimg {max-width:100%;height:auto;border:0;}
.txtcenter {text-align:center;}
.txtleft {text-align:left;}

html {
    -webkit-text-size-adjust: 100%;
    font-size:20px;    
    background:#000;
}
body :before,
body :after {
  image-rendering: -webkit-optimize-contrast;  /* 반응형 이미지 선명하게 */
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    outline: 0;
    color: #3c3837;
    font-family: "GmarketSansMedium", 'Malgun Gothic', arial ,sans-serif ;
    font-size: 1rem;
    letter-spacing:-0.03rem;
    
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
output, ruby, section, summary, time, mark, audio, video
{
    margin: 0;
    padding: 0;
    border:0;
}



.white-col {color:#fff;}
img {vertical-align:bottom;}

.mo {display:none;}
.pc-block {display:block;}

.top {background:url('../images/top_backimg_dark.jpg') top center no-repeat fixed ;padding:0 20px 0 20px;}
.top2 {background:url('../images/top_backimg_juicyde02.jpg') top center no-repeat fixed;padding:0 20px 0 20px;}
header {
    flex-basis:50%;
    display:flex; 
    flex-wrap: nowrap;
    justify-content:space-between;
    padding-top:30px;
}

header div:nth-child(1){text-align:left;}
header div:nth-child(2){text-align:right;}
header div:nth-child(2) img {margin-left:10px;}
header div:nth-child(3) img {max-height:40px; margin-left:10px;}

.maincopy {
    display:flex;
    flex-wrap: wrap;
    justify-content:center;
    
}
.maincopy div {text-align:center;}
.maintxt {color:#fff;font-family: "GmarketSansLight", 'Malgun Gothic', arial ,sans-serif ;margin:1rem auto 5rem;}
.maintxt2 {color:#fff;font-family: "GmarketSansLight", 'Malgun Gothic', arial ,sans-serif ;margin:1rem auto 3rem;}
.maintxt3 {color:#fff;font-family: "GmarketSansLight", 'Malgun Gothic', arial ,sans-serif ;margin:0 auto 10rem;}
.maintxt-point {color:#fff;font-family: "GmarketSansBold", 'Malgun Gothic', arial ,sans-serif ;border-bottom:1px solid #fff;}
.partner {position:absolute;right:0;top:15%;}

.tittxt {font-size:3.5rem;font-family: "GmarketSansBold";text-align:center;}

/* 차별점 */
.diff {background:url('../images/diff_backimg.jpg') top center no-repeat;text-align:center;}
.titpdtop {padding:5rem 1.2rem 5rem 1.2rem;text-align:center;}
.lineart img {margin-bottom:6rem;}
.diff-contents {}
.diff-contents div {max-width:1200px;background:#fff;padding:4rem;margin:0 auto 2rem;}
.diff-contents div h2 {margin-bottom:2rem;}
.diff01 {position: relative;}
.diff-mo-size {color:#ea5a12;font-family: "GmarketSansBold";}
.titbottomimg {margin-bottom:3rem;text-align:center;}
.diff-subtxt {position:absolute;right:10px;top:0;color:#f4f3f3;font-size:3.5rem;letter-spacing:-0.19rem;font-family: "GmarketSansBold";}

/* PR */
.pr {background:#fff;}
.maga-cast {display:flex;flex-basis:50%;}
.maga-cast div {flex:1;}
.maga-cast div:nth-child(1) {text-align:right;}
.maga-cast div:nth-child(2) {text-align:left;}
.maga-back h3{color:#f7b824;font-size:0.35em;}
.maga-back h2{color:#1c1002;font-size:1em;letter-spacing:-0.07em;line-height:1.1em;margin:0.4em 0 0.2em;padding:0;}
.maga-backimg {background:url('../images/magazine_img.jpg') center right no-repeat;}
.cast-backimg {background:url('../images/broadcast_img.jpg') center left no-repeat;}
.maga-back a img{margin:1.3em 0 ;}
.maga-back {background:#fbf6eb;font-size:3rem;}
.maga-pd {padding:3rem;}

/* 창업절차 */
.step-wrap {background:#fff;}
.step-contents {max-width:1000px;margin:0 auto;}
.step-contents div {position:relative;border:11px solid #f8c45f; padding:1.8rem 2.5rem 2.5rem ;font-size:2rem;margin-bottom:4rem;background:#fff;}
.step-contents > div {filter: drop-shadow(0 2px 0.2rem #a3a3a3);}
.step-contents div:last-child {margin-bottom:0;}
.step-contents div h3 {font-size:1em;line-height:1.15em;margin:0.6em 0;font-family: "GmarketSansBold";}
.step-contents div p {font-size:0.6em;color:#6b6562;line-height:1.2em;}
.step-arrow {position:absolute;bottom:-76px;left: 50%;transform: translate(-50%, -50%);}
.step-open {text-align:center;padding:0 25%;}

/*창업비용 */
#startup-cost table {max-width:1000px;width:100%;margin:0 auto;border-collapse:collapse;border-top:2px solid #231b18;}
#startup-cost table th {width:33.3333%;font-family: "GmarketSansBold";}
#startup-cost table td, #startup-cost table th {font-size:1rem;padding:1rem;border:1px solid #231b18;}
#startup-cost table td {font-family: "GmarketSansLight";}
#startup-cost table td:first-child {font-family: "GmarketSansMedium";}
#startup-cost table th:first-child, #startup-cost table td:first-child {border-left:0;}
#startup-cost table th:last-child, #startup-cost table td:last-child {border-right:0;}
.cost_backcolor {background:#fbf6eb;}
.divi-color{background:#f7b824;}
.divi-color2{background:#f8e1c2;}
.brand-color01 {background:#fa6a0b;color:#fff;font-family: "GmarketSansMedium" !important;}
.brand-color02 {background:#3d8657;color:#fff;font-family: "GmarketSansMedium" !important;}
.brand-color03 {background:#205038;color:#fff;font-family: "GmarketSansMedium" !important;}
.orange-color {color:#ea5a12;}
.table-tit {font-size:1.5rem;text-align:left;max-width:1000px;margin:0 auto 0.5rem;}
.table01, .table02 {margin-bottom:2.5rem;}
.cost-subtxt {font-size:0.7rem;color:#554d4b;text-align:right;max-width:1000px;margin:10px auto;}
.cost-subtxt2 {font-size:0.7rem;line-height:1.1rem;color:#554d4b;padding-top:30px;}


/* 가맹점 현황 */
.store-wrap {background:#fff;}
.store-txt, .store-txt span {font-family: "GmarketSansLight";}
.store-menu {display:flex;justify-content:center;margin:1.5rem 0 3rem;flex-wrap:wrap;}
.store-menu div {padding:0.6rem 1.2rem 0.4rem;font-size:1.5rem;color:#3c3837;background:#e7e7e7;cursor:pointer;margin:0 3px 6px;border-radius:10px;}
.store-menu .act {background:#ea5a12;color:#fff;}
.thumb-wrap {display:flex;flex-wrap:wrap;}
.thumb-wrap div {max-width:15.6666%;margin:0 0.5%;}
.thumb-wrap p {font-size:1rem;padding:10px 0 20px;}


/* 자주하는 질문 */

.titpdtop02 {padding:4rem 1.2rem 4rem 1.2rem;text-align:center;}

.faq_backcolor{background:#f1ebdd;}
#c0 {border-top: 2px solid #f26424;}
.softtype_list ul li .question{background:url('../images/q_icon.png') left center no-repeat;padding-left:70px;}
.startup-cost {display:block;margin-top:10px;}

.softtype_list ul li .question>a {
    display: inline-block;
    width: 100%;
    /* height: 50px; */
    background: url(../images/icon_open.png) right center no-repeat;
    font-size: 1.4rem;
    color: #666;
    font-weight: 400;
    /* padding-top:2rem; */
    padding:2rem 0 2rem 0;
    text-decoration: none;
    text-align:left;

    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color:transparent;
}

.softtype_list ul li.on .question>a {
    background: url(../images/icon_open_on2.png) right center no-repeat;
    /* color: #fff; */
}


.softtype_list ul li .question>a p {font-size:1.3rem;line-height:1.8rem;margin-right:50px;}
/* .softtype_list ul li.on .question>a span {color:#fff;} */


.softtype_list {
    margin: 10px auto 0;
    padding: 0 0 40px 0;
    border-top: 1px solid #efefef;
    max-width:1100px;
}

.softtype_list ul li {
    list-style: none;
    border-bottom: 1px solid #ded7c6;
}

.softtype_list ul li.on  .question{
    /* background: #ee1059; */

}


.softtype_list ul li .answer {
    text-align:left;
    display: none;
    padding: 2.5rem;
    font-size: 1rem;
    line-height: 1.6rem;
    background: #fff;
    color:#595655;
    /* font-family: "GmarketSansLight"; */
}


/* footer */
.footer {margin-bottom:140px;}
.footer-box {max-width:1000px;margin:0 auto;padding:2rem;}
.footer-box div {text-align:center;}
.footer-txt span {font-size:0.8rem;}
.footer-txt {font-size:0.8rem;color:#84817b;font-family: "GmarketSansLight"}

.footer-sns {margin-bottom:1rem;}
.footer-sns img {max-height:48px;margin:0 5px;}
.footer-weight{font-weight:600;color:#3b3935;}
.footer-pd {padding:0 20px;font-family: "GmarketSansLight"}


/* 하단 문의하기 고정 */
.mo780 {display:none;}
input::placeholder {font-size:0.7rem;color:#c6c6c6;font-family: "GmarketSansMedium"}
.underline {display:inline;border-bottom:1px solid #eee;font-size:0.6rem;color:#fff;font-family: "GmarketSansLight";margin-left:0.4rem;cursor:pointer;}
.contact-layer {position:fixed;width:100%;bottom:0;background:#f26424;padding:1rem 20px;text-align:center;}
.contact-txt {display:flex;max-width:1000px;margin:0 auto;}
.contact-txt button{margin-top:0.2rem;padding:1rem 1.5rem;cursor:pointer;background:#803612;border:0;color:#fff;font-family: "GmarketSansBold"}
.contact-txt table {width:100%;border:1px solid #f26424;}
.contact-txt table td {border:2px solid #f26424;}
.contact-txt input {border:1px solid #fff;font-size:0.8rem;padding:0.2rem;}
.input-wd01 {width:100%;max-width:100px;}
.agree {font-size:0.6rem;color:#fff;font-family: "GmarketSansLight";padding-top:0.3rem;}
.agree label {font-size:0.8rem;color:#fff;font-family: "GmarketSansLight";}
.input-wd02 {width:100%;}
.input-wd03 {width:97%;}
.contact-left {text-align:left;}
.contact-right {text-align:right;}
.contact-txt div {margin-right:1%;text-align:left;}
.contact-txt div:nth-child(1) {width:20%;padding-top:0.3rem;}
.contact-txt div:nth-child(2) {width:60%;font-size:1.2rem;color:#fff;font-family: "GmarketSansBold"}
.contact-txt button {width:20%;margin-right:0;}
.contact-txt div:nth-child(1) img {max-height:100px;}

.contact-write td:nth-child(1),.contact-write td:nth-child(2) {width:50%;}

input[type="checkbox"] {
    display: none;
}
input[type="checkbox"] + label > span {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: -2px 5px 0 0;
    vertical-align: middle;
	border-radius: 0;
    cursor: pointer;
    border: 1px solid #fbcb0a;
}
input[type="checkbox"]:checked + label span {
    background:#fbcb0a;
}


@media screen and (max-width: 1448px) {
    .partner img {max-width:150px;}
}


@media screen and (max-width: 1191px) {
    
    .maincopy {margin-top:30px;}
    .diff-tit {max-height:65px;}
    .diff-subtxt {font-size:2rem;letter-spacing:-0.1rem;right:5px;}
    .tittxt {font-size:2.5rem;}
    .titbottomimg {max-width:230px;}
    .maintxt {font-size:0.8rem;max-width:80%;}  
    .maintxt2 {font-size:0.8rem;max-width:80%;}
    .maintxt3 {font-size:0.8rem;max-width:80%;}  
    .pc-block {display:inline;}
    .link-bt {max-width:200px;}
    .maga-back {font-size:2.5rem;}
    .maga-back a img{margin:1em 0 ;}
    .step-open img {width:100%;max-width:220px;}
    .step-open {text-align:center;padding:0 25%;}
    .thumb-wrap p {font-size:0.8rem;}

    .footer-txt span {display:block;}
    .footer-pd {padding:0;}

    .header {padding-top:15px;}

}

@media screen and (max-width: 780px) {
    .contact-txt {display:initial;}
    .contact-txt div:nth-child(1) {width:100%;padding-top:0.3rem;}
    .contact-txt div:nth-child(2) {width:100%;}
    .contact-txt button {width:80%;}
    .mo780 {display:block;}
    .pc780 {display:none;}
    .mo-txt-title {font-size:1.8rem;color:#fff;text-align:center;font-family: "GmarketSansBold";}
    .agree {text-align:center;font-size:1rem;font-weight:600;}
    .contact-txt input {font-size:1rem;}
    .footer {margin-bottom:230px;}
    .maintxt-point {border-bottom:0;}
    .partner {top:80px;}
    .store-txt {padding:0 40px;}    
}

@media screen and (max-width: 768px) {
    html {font-size:16px;}    
    .lineart img {max-width:80%;}
    header div:nth-child(1) img {max-width:110px;}
    .mo {display:block;}
    .pc {display:none;}
    .maincopy01 {max-width:300px;}
    .partner img {max-width:100px;}
    .maincopy {margin-top:35px;}
    .diff-tit {max-height:45px;}
    .diff-contents div {padding:3rem 2rem;margin:0 auto 1.5rem;}
    .diff-subtxt {font-size:1.8rem;}    
    .diff-contents div h2 {margin-bottom:1.5rem;}

    .diff-mo-size {font-size:2.1rem;letter-spacing:-0.08rem;}
    .cast-backimg {background:url('../images/broadcast_img02.jpg') center left no-repeat;}
    .diff {background:url('../images/diff_backimg_mo.jpg') top center no-repeat;}

    .step-contents div {font-size:1.5rem;padding:1.5rem 2rem 2rem;}
    .step-num {max-height:50px;}
    .titbottomimg {max-width:170px;}
   
    table td, table th {font-size:0.8rem;}
    .table-tit {font-size:1.3rem;}

    .thumb-wrap div {max-width:19%;}
    .store-menu div {font-size:1.1rem;}

    .softtype_list ul li .question>a p {font-size:1.1rem;line-height:1.6rem;}
    .softtype_list ul li .answer {
        padding: 2rem 1.5rem;
        font-size: 0.95rem;
        line-height: 1.5rem;
    }

    
    .input-wd03 {width:100%;}
    #startup-cost table td, #startup-cost table th {font-size:0.85rem;}
    
}

@media screen and (max-width: 675px) {
    
}


@media screen and (max-width: 751px) {
    .diff-tit {max-height:38px;}
}

@media screen and (max-width: 530px) {
    /* .maincopy01 {max-width:200px;} */
    .maincopy {margin-top:45px;}
    .diff-subtxt {font-size:1.5rem;}
    .link-bt {max-width:170px;}

    .thumb-wrap div {max-width:24%;}
    .mo-txt-title {font-size:1.6rem;}
    
    .maintxt {margin: 1rem auto 2rem;}
    .maintxt2 {margin: 1rem auto 2rem;}
    .maintxt3 {margin: 0 auto 4rem;} 
    
    .partner img {max-width:90px;}
}


@media screen and (max-width: 480px) {
    header div:nth-child(1) img {max-width:80px;}
    header div:nth-child(3) img {max-height:30px;}
    .diff-mo-size {font-size:1.7rem;}    

    .top {background:url('../images/top_backimg_mobile.jpg') top center no-repeat fixed ;background-size: 480px;}
    .top2 {background:url('../images/top_backimg_juicyde_mobile.jpg') bottom center no-repeat fixed ;background-size: 480px;}
    .diff {background:url('../images/diff_backimg_mo.jpg') top center no-repeat;background-size: 860px;}

}

@media screen and (max-width: 475px) {
    .maga-back h2 {font-size:0.8em;line-height:1em;}
    .thumb-wrap div {max-width:32.3333%;}
}

@media screen and (max-width: 430px) {
    
    .titbottomimg {max-width:160px;}
    .top {background:url('../images/top_backimg_mobile.jpg') top center no-repeat fixed ;background-size: 430px;}
    
}