@charset "utf-8";

/* Layout Properties */
header .header_menu {background:rgba(0, 0, 0, 0.3);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30000000,endColorstr=#30000000);}
#subVisual {background:url(../../img/sub_franchise_bg.jpg) no-repeat center bottom/cover}
#container .containSub {height:600px;}

/* franchise guide Lauout */
#container .gud_title {color:#3f3e41;}
#container .gud_title h4 {padding-bottom:60px;line-height:1.3;width:70%}
#container .gud_title h4 strong {color:#111}
#container .gud_title p {font-size:1.44em;line-height:1.5;width:85%}
#container .gud_content h5 {font:bold 1.563em 'NanumSquareR','Malgun Gothic','맑은 고딕';color:#111;padding:80px 0 30px}

#container .gud_content .inner {font-size:1.25em;color:#444;line-height:1.5}
#container .gud_content .inner table td,
#container .gud_content .inner table th {font-size:1em}

#container .gud_content .benefit {position:relative;}
#container .gud_content .pat {background:url(../../img/guide_bgpat.gif) repeat;padding:40px;line-height:1.8}
#container .gud_content .benefit ul li {float:left;width:40%}
#container .gud_content .benefit::after {display:block;background:url(../../img/guide_bg01.png) no-repeat center bottom;width:352px;height:345px;content:"";
position:absolute;z-index:100;bottom:-40px;right:0}
#container .gud_content .support ol li {float:left;width:50%;padding-left:100px;position:relative;color:#444;padding:20px 0 20px 100px;font-size:1em;
line-height:1.5}
#container .gud_content .support strong {color:#322d7a;font-size:1.125em;padding-bottom:10px;display:block}

/* franchise donut list */
#container .donut_chart {position:absolute;;width:80px;height:80px;border-radius:100%;left:0;top:25%}
#container .cut {border-radius:50%;clip:rect(0px, 80px, 80px, 0px);height:100%;position:absolute;width:100%;}
#container .pie {border-radius:50%;clip:rect(0px, 40px, 80px, 0px);height:100%;position:absolute;width:100%}
#container .center_num {background:#fff;position:absolute;text-align:center;font-size:1.75em;top:0;left:0;bottom:0;right:0;width:70px;height:70px;
	margin:auto;border-radius:50%;line-height:50px;padding:15% 0;color:#19136a}
#container .line1 {-webkit-transform:rotate(120deg);transform: rotate(120deg)}
#container .line1 .pie {background-color:#19136a;-webkit-transform:rotate(32deg);transform:rotate(32deg)}
#container .line2 {-webkit-transform:rotate(-32deg);transform:rotate(-32deg)}
#container .line2 .pie {background-color:#bab8d2;-webkit-transform:rotate(-23deg);transform:rotate(-23deg)}

/* franchise openguide Lauout */
#container .opengud {background:url(../../img/guide_bg02.jpg) no-repeat 110% top}
#container .opengud dt {font:bold 1.563em 'NanumSquareR','Malgun Gothic','맑은 고딕';color:#111;padding:100px 0 30px}
#container .opengud dt:first-child {padding-top:20px}
#container .opengud dd {font-size:1.063em}
#container .opengud .icolist li {float:left;width:23%;color:#333;font-size:1.25em;border:1px solid #a40081;text-align:center;padding:40px 40px 200px;margin:10px 7px}
#container .opengud .icolist li{background-position:center 85%;background-repeat:no-repeat}
#container .opengud .icolist li:nth-of-type(1) {background-image:url(../../img/guide_ico01.png)}
#container .opengud .icolist li:nth-of-type(2) {background-image:url(../../img/guide_ico02.png)}
#container .opengud .icolist li:nth-of-type(3) {background-image:url(../../img/guide_ico03.png)}
#container .opengud .icolist li:nth-of-type(4) {background-image:url(../../img/guide_ico04.png)}
#container .opengud .icolist li:nth-of-type(5) {background-image:url(../../img/guide_ico05.png)}
#container .opengud .icolist li:nth-of-type(6) {background-image:url(../../img/guide_ico06.png)}
#container .opengud .icolist li:nth-of-type(7) {background-image:url(../../img/guide_ico07.png)}
#container .opengud .icolist .num {border-radius:100%;border:1px solid #a40081;background-color:#a40081;color:#fff;display:block;width:50px;height:50px;line-height:50px;margin:0 auto 20px}

#container .opengud .txt {height:80px;display:block}
#container .opengud strong {color:#3e1f7f;font-size:1.25em;padding-bottom:10px;display:block}
#container .btn_area .gud {width:30%;padding:2%}

#container .prepare mark {background-color:#fff;padding:20px;display:block;position:relative;}
#container .prepare mark::before {display:block;content:"";position:absolute;left:7px;top:45%;background-color:#3e1f7f;width:5px;height:5px;z-index:100}
#container .prepare h5 {padding-top:20px}

#container .paper dl {float:left;width:50%}
#container .paper dl dt {color:#322d7a;font-size:1.125em;padding-bottom:10px;display:block;font-weight:bold}

/* qna form */
#container ul.form_write {display:none}
#container .form_write {position: relative}
#container .form_write li {padding:10px 0;margin-bottom:50px}
#container .form_write li strong {font-size:1.25em;color:#111;font-weight:normal;display:block;}
#container .form_write li input[type='text'] {border-bottom:1px solid #111;width:100%;height:40px;line-height:40px}
#container .form_write li select {height:40px;}

#container .form_write input[type='text'] {padding:0 15px;width:100%;height:40px;border:1px solid #e1e1e1;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;cursor:text;}
#container .form_write input[type='text'],
#container .form_write select,
#container .form_write select>option {font-size:0.93em!important;}
#container .form_write select>option {height:34px;line-height:34px}
#container .form_write tfoot td {border-bottom:1px solid #fff;padding:30px 10px 5px}
#container .form_write dl {padding:10px}
#container .form_write dt {font-weight:normal;color:#111;padding-bottom:15px;font-size:1.2em}
#container .form_write dd {display:inline;padding-right:10px;color:#666}
#container .btn_area button {padding:2% 3%;width:40%;margin:30px auto 0;background-color:#111}

#container .path {padding:20px;border:1px solid #ebebeb;margin-top:30px}
#container tr.agree_area td {border-bottom:none}
#container .agree_area dl {border:1px solid #ebebeb;padding:30px 25px}
#container .agree_area dt {color:#7d48ab}
#container .agree_area dd {padding:0}
#container .agree_area textarea {width:100%;padding:20px;font-size:1em;background-color:#f9f9f9}
#container .agree_area .input_chk {padding-top:20px;display:block}

/* qna radio */
#container .form_write .radio_wrap {width:50%}

/* qna select */
#container .form_write .select_wrap {width:32%;margin-right:2px}

/* mobile mediaquery 320px*640px */

@media only screen and
(min-width:10px) and (max-width:640px)
{
	#lnbWrap .depth1 {display:none;}
	#gnbWrap ul li:not(:last-child) {display:none;}
	
	#container .containSub {padding-bottom:50px}
	/* franchise guide Lauout */
	#container .gud_title,
	#container .gud_content {padding:0 4%}
	#container .gud_title h4 {padding-bottom:20px;width:100%}
	#container .gud_title p,
	#container .gud_content .inner {font-size:1.1em;}
	#container .gud_title p {width:100%}
	#container .gud_content h5 {font-size:1.35em;letter-spacing:-2px;padding:60px 0 20px}
	#container .gud_content .benefit::after {background-size:contain;width:164px;height:154px;bottom:-35px}
	#container .gud_content .benefit ul {display:flex;flex-wrap:wrap;justify-content:flex-start;}
	#container .gud_content .benefit ul li {float:none;width:48%;padding-bottom:2%;color:#666}
	#container .gud_content .pat {line-height:1.3;padding:20px}
	#container .gud_content .support ol li {width:100%;float:none;padding-left:60px}
	#container .gud_content .support strong {line-height:1.3;font-size:1.12em}
	#container .gud_content .support p {line-height:1.3;font-size:0.88em}

	/* franchise donut list */
	#container .donut_chart {width:40px;height:40px}
	#container .center_num {width:30px;height:30px;line-height:20px;font-size:1.25em}
	#container .cut {clip:rect(0px, 30px, 30px, 0px)}

	/* franchise openguide Lauout */
	#container .opengud {background:url(../../img/guide_bg02.jpg) no-repeat -395% 18% / 110%}
	#container .opengud .txt {line-height:1.3}
	#container .opengud dt {font-size:1.3em;padding:40px 0 10px}
	#container .opengud dd {font-size:0.9em}
	#container .opengud .icolist li {width:45%;padding:30px 10px 80px;background-size:55px}
	#container .opengud .icolist li:first-child {float:none}
	#container .opengud .icolist .num {width:30px;height:30px;line-height:30px}
	#container .btn_area .gud {padding:3% 4%;width:40%}

	#container .prepare table {width:100%}
	#container .prepare tbody th {width:10%}

	/* franchise guide Lauout */
	#container .gud_content .pat dd {padding:1.5% 0}

	/* qna radio */
	#container .form_write .radio_wrap {width:90%}
	#container .form_write tfoot td {padding:20px 0 20px}
	#container .form_write dd {display:inline-block;padding:5px;width:100%;}

	#container .agree_area .input_chk {line-height:1.5;vertical-align:middle;width:100%}
	#container .agree_area .privacy_area {height:190px;}
	
	.scrollable { overflow: auto; -webkit-overflow-scrolling: touch; }

}

@media only screen and
(min-width:641px) and (max-width:999px)
{
	#lnbWrap .depth1 {display:none;}
	#gnbWrap ul li:not(:last-child) {display:none;}
	
	#container .containSub {padding-bottom:50px}
	/* franchise guide Lauout */
	#container .gud_title,
	#container .gud_content {padding:0 4%}
	#container .gud_title h4 {padding-bottom:20px;width:100%}
	#container .gud_title p,
	#container .gud_content .inner {font-size:1.1em;}
	#container .gud_title p {width:100%}
	#container .gud_content h5 {font-size:1.35em;letter-spacing:-2px;padding:60px 0 20px}
	#container .gud_content .benefit::after {background-size:contain;width:164px;height:154px;bottom:-35px}
	#container .gud_content .benefit ul {display:flex;flex-wrap:wrap;justify-content:flex-start;}
	#container .gud_content .benefit ul li {float:none;width:48%;padding-bottom:2%;color:#666}
	#container .gud_content .pat {line-height:1.3;padding:20px}
	#container .gud_content .support ol li {width:100%;float:none;padding-left:60px}
	#container .gud_content .support strong {line-height:1.3;font-size:1.12em}
	#container .gud_content .support p {line-height:1.3;font-size:0.88em}

	/* franchise donut list */
	#container .donut_chart {width:40px;height:40px}
	#container .center_num {width:30px;height:30px;line-height:20px;font-size:1.25em}
	#container .cut {clip:rect(0px, 30px, 30px, 0px)}

	/* franchise openguide Lauout */
	#container .opengud {background:url(../../img/guide_bg02.jpg) no-repeat -395% 18% / 110%}
	#container .opengud .txt {line-height:1.3}
	#container .opengud dt {font-size:1.3em;padding:40px 0 10px}
	#container .opengud dd {font-size:0.9em}
	#container .opengud .icolist li {width:45%;padding:30px 10px 80px;background-size:55px}
	#container .opengud .icolist li:first-child {float:none}
	#container .opengud .icolist .num {width:30px;height:30px;line-height:30px}
	#container .btn_area .gud {padding:3% 4%;width:40%}

	#container .prepare table {width:100%}
	#container .prepare tbody th {width:10%}

	/* franchise guide Lauout */
	#container .gud_content .pat dd {padding:1.5% 0}

	/* qna radio */
	#container .form_write .radio_wrap {width:90%}
	#container .form_write tfoot td {padding:20px 0 20px}
	#container .form_write dd {display:inline-block;padding:5px;width:100%;}

	#container .agree_area .input_chk {line-height:1.5;vertical-align:middle;width:100%}
	#container .agree_area .privacy_area {height:190px;}
	
	.scrollable { overflow: auto; -webkit-overflow-scrolling: touch; }

}