/* Written By MJS */

*{-webkit-text-size-adjust:none}
body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, th, td, input, textarea,button,select{margin:0;padding:0;font-family:'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;font-weight:normal}
body{-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
li{list-style:none}
a{text-decoration:none;color:#333}
a[href^="tel"]{ font-style:normal}
address, caption, em, var{font-style:normal;font-weight:normal}
input, textarea, select{letter-spacing:normal}
ol, ul, dl{list-style:none}
fieldset, img{border:0}
legend, caption{display:none}
img{border:0;vertical-align:top}
hr{display:none}
table{border-collapse:collapse;border-spacing:0}
br{letter-spacing:normal}
p{letter-spacing:normal}
input{vertical-align:middle}
input[type="text"], input[type="password"]{-webkit-appearance:none}
input[type="checkbox"]{-webkit-appearance:none;-webkit-border-radius:0}
input:checked[type="checkbox"]{-webkit-appearance:checkbox}
input[type="radio"]{border:none;-webkit-appearance:none}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0}
textarea{-webkit-appearance:none}
select{-webkit-appearance:menulist-text}

body{min-width:320px;max-width:1000px;height:100%;margin:0 auto;}




/*=============================== 상단 ===============================*/
#header{position:relative;float:left;width:100%;padding:3% 0;}
#header a{float:left;width:17%;margin-top:2%;}
#header .logo{width:60%;margin:0 3%;}

/* 메뉴 */
#menu{position:relative;float:left;min-width:320px;width:100%;height:20%;background:#222;}
#menu ul{position:relative;}
#menu ul li{float:left;width:20%;}
#menu ul li a{display:block;width:100%;text-align:center;color:#fff;padding:22% 0;font-size:90%;font-weight:bold;}

/* 메인비주얼 */
#main_visual{position:relative;float:left;width:100%;margin-bottom:20px;}

/* 메인 배너 */
#main_banner{position:relative;float:left;width:100%;}
#main_banner  a{float:left;width:50%;}

/* 동영상 */
#m_video{position:relative;float:left;width:100%;}
#m_video iframe{float:left;width:100%;height:230px;}

/* 상담하기 */
#quick{position:relative;float:left;width:94%;padding:6% 3%;background:#e0e0e0;}
.quick_title{float:left;width:100%;color:#333;font-size:100%;font-weight:bold;margin-bottom:2%;}
.quick_w{float:left;width:76%;}
.quick_w ul{float:left;width:40%;margin-right:5%;}
.quick_w ul li{float:left;width:100%;margin-bottom:3%;}
.quick_input{float:left;width:90%;padding:5%;color:#898989;text-align:left;margin-right:1%;border:1px solid #aaa;font-size:70%;}
.quick_w textarea{float:left;width:46%;padding:3% 2%;border:1px solid #aaa;font-size:70%;color:#898989;}
.quick_btn{float:left;width:21%;margin-left:3%;}


/* 도서검색 배너 */
#search_banner{position:relative;float:left;width:100%;}
#search_banner  a{float:left;width:33.33333%;}


/*=============================== 하단 ===============================*/
#sns{position:relative;float:left;width:100%;background:#f2ebe4;}
#sns a{float:left;width:25%;}

#footer{position:relative;float:left;width:100%;margin:4% 0 2% 0;}
.copy{position:relative;float:left;width:96%;color:#333;font-size:80%;}
.copy p{text-align:center;}

/* 버튼 style */
#button{position:relative;float:left;width:100%;padding:3% 0;text-align:center;color:#fff;}
.btn{margin:0 1%;padding:2% 4%;font-size:76%;color:#fff;border:1px solid #333;background:#555;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
behavior:url(ie-css3.htc);}





/*=============================== 서브 ===============================*/
.sub_menu{position:relative;float:left;width:100%;}
.sub_menu ul{position:relative;float:left;width:100%;border-top:1px solid #fff;background:#f0f0f0;}
.sub_menu ul li{float:left;width:33%;border-right:1px solid #fff;border-bottom:1px solid #fff;}
.sub_menu ul li a{display:block;padding:8% 0;text-align:center;color:#555;font-size:70%;font-weight:bold;}
.sub_menu ul li a.on{font-weight:600;color:#fff;background:#555;}

.sub_menu2{position:relative;float:left;width:100%;}/* 메뉴2개일 경우 */
.sub_menu2 ul{position:relative;float:left;width:100%;border-top:1px solid #fff;background:#f0f0f0;}
.sub_menu2 ul li{float:left;width:49.6%;border-right:1px solid #fff;border-bottom:1px solid #fff;}
.sub_menu2 ul li a{display:block;padding:5% 0;text-align:center;color:#555;font-size:70%;font-weight:bold;}
.sub_menu2 ul li a.on{font-weight:600;color:#fff;background:#555;}

.sub_menu3{position:relative;float:left;width:100%;}
.sub_menu3 ul{position:relative;float:left;width:100%;border-top:1px solid #fff;background:#f3e0dd;}
.sub_menu3 ul li{float:left;width:33%;border-right:1px solid #fff;border-bottom:1px solid #fff;}
.sub_menu3 ul li a{display:block;padding:8% 0;text-align:center;color:#6d0f03;font-size:70%;font-weight:bold;}
.sub_menu3 ul li a.on{font-weight:600;color:#fff;background:#6d0f03;}


/* 서서브메뉴 */
.sub_menu4{position:relative;float:left;width:96%;margin:8% 2% 0 2%;}
.sub_menu4 ul{position:relative;float:left;width:100%;border-top:1px solid #fff;background:#eee;}
.sub_menu4 ul li{float:left;width:33%;border-left:1px solid #fff;}
.sub_menu4 ul li a{display:block;padding:8% 0;text-align:center;color:#555;font-size:70%;font-weight:bold;}
.sub_menu4 ul li a.on{font-weight:600;color:#fff;background:#aaa;}
.sub_menu5{position:relative;float:left;width:96%;margin:8% 2% 0 2%;}/* 메뉴2개일 경우 */
.sub_menu5 ul{position:relative;float:left;width:100%;border-top:1px solid #fff;background:#f0f0f0;}
.sub_menu5 ul li{float:left;width:49.6%;border-right:1px solid #fff;border-bottom:1px solid #fff;}
.sub_menu5 ul li a{display:block;padding:5% 0;text-align:center;color:#555;font-size:70%;font-weight:bold;}
.sub_menu5 ul li a.on{font-weight:600;color:#fff;background:#555;}






.page_content{position:relative;float:left;width:94%;margin:8% 3%;}



/* 인사말 */
.title{float:left;width:100%;text-align:center;font-size:180%;line-height:120%;letter-spacing:-2px;margin-bottom:5%;color:#5d5552;font-weight:600;}
.txt{float:left;width:100%;text-align:center;font-size:100%;letter-spacing:-1px;margin-top:5%;color:#89807e;font-weight:400;}
.title b,.txt b{color:#000;}


/* 브랜드 스토리 */
.ment{position:absolute;right:5%;top:5%;width:62%;padding:4%;background:url(./img/bg_box.png) repeat;background-size:100%;}
.ment p{float:left;text-align:justify;font-size:70%;letter-spacing:-1px;color:#fff;}
.ment_img{float:right;width:50%;margin-top:8%;}


/* 찾아오시는길 */
.txt2{float:left;width:100%;font-size:110%;letter-spacing:-1px;margin-top:5%;color:#333;font-weight:400;}


/* 인테리어 */
.txt3{float:left;width:96%;padding:3% 2%;font-size:76%;text-align:center;letter-spacing:-1px;color:#5d5552;background:#eee;font-weight:400;margin-bottom:5%;}
.txt3 b{color:#000;}
.wrap{position:relative;float:left;width:100%;}
.ment2{position:absolute;right:3%;top:20%;width:46%;padding:2%;background:url(./img/bg_box.png) repeat;background-size:100%;}
.ment2 p{float:left;text-align:justify;font-size:70%;letter-spacing:-1px;color:#fff;}
.ment3{position:absolute;right:3%;top:20%;width:46%;padding:2%;background:url(./img/bg_box2.png) repeat;background-size:100%;}
.ment3 p{float:left;text-align:justify;font-size:70%;letter-spacing:-1px;color:#fff;}


/* 풀덤메뉴 */
.food ul{position:relative;float:left;width:100%;}
.food ul li{position:relative;float:left;width:23%;margin:1%;}
.food ul li img{border:1px solid #ccc;}
.food ul li p{text-align:center;margin:3% 0;height:20px;;font-size:60%;}
.food ul li.sqare{float:left;}
.food ul li.sqare img{border:1px solid #784b15;}
.food ul li.sqare span{position:absolute;top:0;width:100%;padding:41% 0;text-align:center;font-size:90%;letter-spacing:-1px;font-weight:bold;color:#784b15;}


/* 개설절차, 창업조건 */
.tbl2{position:relative;float:left;width:100%;border-top:2px solid #555;margin-bottom:5%;}
.tbl2 table{float:left;width:100%;}
.tbl2 table th{width:22%;background:#f6f6f6;font-size:90%;font-weight:600;text-align:center;color:#333;}
.tbl2 table th:first-child{border-left:none;}
.tbl2 table td,.tbl2 table th{border:1px solid #e0e0e0;padding:2%;}
.tbl2 table td{border-right:none;text-align:left;font-size:70%;color:#555;}


/* 가맹점현황 */
dl.add_info{position:relative;float:left;width:100%;margin:4% 0;border-top:1px solid #ccc;}
dl.add_info dt{float:left;width:20%;line-height:180%;padding:2%;font-size:80%;font-weight:600;color:#333;background:#f0f0f0;border-bottom:1px solid #ccc;}
dl.add_info dd{float:left;width:72%;line-height:180%;padding:2%;font-size:80%;color:#333;border-bottom:1px solid #ccc;}

.store_list{position:relative;float:left;width:100%;}
.store_list ul{float:left;width:99%;border-right:1px solid #ccc;}
.store_list ul li{float:left;width:49.7%;border:1px solid #ccc;border-right:none;}
.store_list ul li p{float:left;width:94%;padding:8% 3%;font-size:80%;line-height:110%;color:#555;text-align:center;}
.store_list ul li p b{float:left;width:100%;font-size:100%;font-weight:600;color:#000;margin:0 0 2% 0;}




/* 가맹점현황 최근 */
.map_info{position:relative;float:left;width:100%;margin-top:4%;}
#map_info_left{float:left;width:100%;}
#map_info_right{float:left;width:100%;margin-bottom:4%}
#map_info_right p{float:left;width:100%;line-height:100%;font-size:14px;color:#000;margin-bottom:20px;}
#map_info_right table{float:left;width:100%;border-top:3px solid #ccc;}
#map_info_right table th{font-size:16px;font-weight:600;background:#f0f0f0;}
#map_info_right table td{font-size:14px;}
#map_info_right table th,#map_info_right table td{padding:3%;text-align:center;border-bottom:1px solid #ccc;}




/* 창업 문의 */
.tbl{position:relative;float:left;width:100%;border-top:3px solid #555;}
.tbl table{float:left;width:100%;}
.tbl table th{width:26%;background:#f6f6f6;font-size:90%;font-weight:600;text-align:left;color:#333;}
.tbl table th:first-child{border-left:none;}
.tbl table td,.tbl table th{border:1px solid #e0e0e0;text-align:left;padding:2%;}
.tbl table td{border-right:none;}
.tbl table td input{float:left;width:96%;font-size:70%;padding:2%;border:1px solid #ccc;background:#fcfcfc;}
.tbl table td textarea{float:left;width:96%;font-size:70%;padding:2%;border:1px solid #ccc;background:#fcfcfc;}

.rule_box{position:relative;float:left;width:96%;height:60px;margin-top:2%;padding:2%;border:1px solid #ccc;overflow-y:scroll;background:#f6f6f6;}
.section_title02{float:left;width:100%;font-size:100%;}
.rule_box dl{float:left;width:100%;}
.rule_box dt{float:left;width:100%;margin-bottom:1%;font-size:60%;font-weight:600;color:#000;}
.rule_box dd{float:left;width:100%;line-height:120%;font-size:60%;}
.rule_box p{float:left;width:100%;font-size:60%;font-weight:600;margin-bottom:2%;}
.agree{float:left;width:100%;margin-top:3%;}
.agree input{float:left;}
.agree label{float:left;font-size:80%;margin:0 0 0 1%;}

.btn_4-5{position:relative;float:left;width:100%;}
.btn_4-5 input{display:block;width:40%;margin:5% 30%;}


/* 자주묻는질문 */
.accordion{width:100%;border-top:1px solid #ccc;}
.accordion li{position:relative;float:left;width:100%;border-top:1px solid #fff;border-bottom:1px solid #ccc;}
.accordion li p{display:none;padding:4%;color:#555;background:#fbfbfb;}
.accordion a{display:block;width:92%;padding:4%;font-size:90%;font-weight:600;cursor:pointer;background:#eee;color:#000;}
.accordion p{font-size:80%;line-height:120%;text-align:justify;}



.open_ing{position:relative;float:left;width:100%;}
.open_ing span{position:absolute;left:0;bottom:22%;width:100%;line-height:100%;font-size:20px;font-weight:600;color:#fff;text-align:Center;}