@charset "utf-8";
/* common */
html{width:100%; height:100%;}
body{min-height: 100%; width:100%; overflow:hidden;}
input::-webkit-outer-spin-button,  
input::-webkit-inner-spin-button {-webkit-appearance:none;  margin:0; }

input[type="text"], input[type="number"],input[type="email"], input[type="search"],
input[type="password"], input[type="date"], input[type="tel"], select
{display:table-cell; vertical-align:middle;height:32px;line-height:25px; padding:0 5px;  background:#fff;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:1px solid #d6d6d6;
-webkit-transition:all 0.20s ease-in-out; -moz-transition:all 0.20s ease-in-out; -ms-transition:all 0.20s ease-in-out; -o-transition:all 0.20s ease-in-out; outline:none; color:#3d3d3d; font-weight:normal; -webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;  border-radius:0;}

select option{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;}
input.disabled {background:#fff;}

input[type=date]::-webkit-clear-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator {
    display: none;
}
select::-ms-expand{display:none; }
address{font-style:normal;}
select{background:#fff; width:250px; outline :none; overflow :hidden; text-overflow:''; border-radius:0; -webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none; cursor:pointer; -webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none; }
textarea{width:100%;height:100px; resize:none; border:1px solid #d6d6d6;   padding:10px;  border-radius:0; -webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none; -webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;  }

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   color:#e3e3e3 !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#e3e3e3 !important;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#e3e3e3 !important;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#e3e3e3 !important;
} 

img { max-width:100%; }
p{margin:0;}
a{display:block;}
.subWrap{width:100%; height:100%; margin:0; padding:0; border:0;  position:relative;}
.navbar-fixed-top{height:auto }
caption{display:none;}
ul, ol{margin:0; padding:0;}

/*
.mgt_30{margin-top:30px !important}
.mgt_30_relative{position:relative;}
.mgt_30_relative > div{position:absolute;left:0;bottom:-35px;width:130%;font-family: 'Oswald', sans-serif;font-size:21px;font-weight:600;color:#512d91;cursor:pointer}
*/

/* sub_visual */
.subWrap .sub_visual{ float:none; background:url('../../img/sub/img_sub_visual.jpg') no-repeat  50% 0; height:240px; -webkit-background-size: 100%;     -moz-background-size: 100%;     -o-background-size: 100%;     background-size: 100%;     -webkit-background-size: cover;     -moz-background-size: cover;     -o-background-size: cover;     background-size: cover; 	background-attachment:scroll;		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/img_sub_visual_01.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/img_sub_visual_01.png',sizingMethod='scale')"; margin-bottom:0;}
.subWrap .sub_visual img{ display:none;}
.subWrap .sub_visual_m { display:none }



/* btns */

.btns li{width:110px; color:#fff; height:50px;  }
.btns.bt_v2 li{width:200px; padding: 0 5%;}
.btns li a{display:block; width:100%; height:100%;  text-align:center; line-height:48px; font-size:18px; text-decoration:none;  background:#9bdad9; color:#fff;   -webkit-border-radius:5px;  -moz-border-radius:5px;   -ms-order-radius:5px;  -o-border-radius:5px;   border-radius:5px; }
.btns.bt_v2 li a{padding: 0 5%; background:#9bdad9; width:auto;}
.btns li a:hover{opacity:.8;  }

/* ea2 */
.btns.ea2{width:225px; text-align:right; display:block;}
.btns.ea2 li{float:left; margin-left:1%; display:inline-block;}


/* ea3 */
.btns.ea3{width:345px; text-align:right; display:block;}
.btns.ea3 li{float:left; margin-left:1%; display:inline-block;}

/*// btns */

.red_point{font-size:12px; color:#ff0000 ; display:block; text-align:left;}
.fran{ display:none;}
h1.logo{display:block;}

/* footer */
.centers {clear:both; margin-top:50px; padding-bottom:30px;}
.centers address, .centers .copy{color:#b2b2b2;}
.container-fluid .row .foods.on{display:block;}

.np_contents{width:1024px; margin:0 auto;   }
.sub_contents{margin-left:180px; padding-right:180px; width:100%;}



/* Media Query */
@media screen and (min-width: 1024px){
	.navbar-fixed-top{z-index:9999; left:0; top:0;width:180px; margin-right:-180px; height:1000px; background:#211d1c url('../../img/main/img_nav_bg.png') no-repeat; }
}



/* Menu-list */

/* tab_menu */
.tabmenu{margin:50px auto; float:none; padding-left:0; padding-right:0;}
.tabmenu:after{content:"";clear:both;display:block;}
.tabmenu li {width:20%; display:table; float:left;}
.tabmenu li.ea2 {width:50%;}
.tabmenu li.ea3{width:33.33%;}
.tabmenu li.ea4{width:25%;}
.tabmenu li a{ display: table-cell;  white-space:normal; word-break:keep-all; width:100%; font-weight:bold; text-transform:uppercase;color:#2d2c2c; text-decoration:none;  vertical-align:middle;  
				font-family: 'Noto Sans KR', sans-serif; font-size:18px; height:60px; border:2px solid #2d2c2c;   text-align:center; border-left:none;border-right:1px solid #2d2c2c }
.tabmenu li a:hover{  color:#333c;opacity:.6;  -khtml-opacity:.60;  -moz-opacity:.60;  -ms-filter:”alpha(opacity=60)”;  filter:alpha(opacity=60);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);  opacity:.60;     -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s;}
.tabmenu li a.fst{border-left:2px solid #2d2c2c; -webkit-border-radius:10px 0 0 10px;  -moz-border-radius:10px 0 0 10px;   -ms-border-radius:10px 0 0 10px;  -o-border-radius:10px 0 0 10px;   border-radius:10px 0 0 10px;}
.tabmenu li a.lst{border-right:2px solid #2d2c2c; -webkit-border-radius:0 10px 10px 0;  -moz-border-radius:0 10px 10px 0;   -ms-border-radius:0 10px 10px 0;  -o-border-radius:0 10px 10px 0;   border-radius:0 10px 10px 0;}
.tabmenu li a.on{background:#2d2c2c; color:#fff; width:100%; display:table-cell;  vertical-align:middle;}
.tabmenu li a img{display:inline-block; text-align:center; margin:0 auto; vertical-align:middle;}
.tabmenu li a .mm{display:inline-block; vertical-align:middle;}
.tabmenu li a .mma{display:none; }
.tabmenu li a.on .mm{display:none;}
.tabmenu li a.on .mma{display:inline-block; vertical-align:middle;}

.small_tabs{width:50%; margin:0 auto;}
.small_tabs li {width:50%; display:table; float:left;}
.small_tabs li a{display: table-cell; white-space:normal; word-break:keep-all; width:100%; line-height:58px;font-weight:bold;text-transform:uppercase;color:#2d2c2c; text-decoration:none;  vertical-align:middle;  font-family: 'Noto Sans KR', sans-serif; font-size:18px; height:60px; border:2px solid #2d2c2c;   text-align:center; border-left:none;border-right:1px solid #2d2c2c;   }
.small_tabs li a:hover{color:#333 ;opacity:.6;  -khtml-opacity:.60;  -moz-opacity:.60;  -ms-filter:”alpha(opacity=60)”;  filter:alpha(opacity=60);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);  opacity:.60;     -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s;}
.small_tabs li a.fst{border-left:2px solid #2d2c2c; -webkit-border-radius:10px 0 0 10px;  -moz-border-radius:10px 0 0 10px;   -ms-border-radius:10px 0 0 10px;  -o-border-radius:10px 0 0 10px;   border-radius:10px 0 0 10px;}
.small_tabs li a.lst{border-right:2px solid #2d2c2c; -webkit-border-radius:0 10px 10px 0;  -moz-border-radius:0 10px 10px 0;   -ms-border-radius:0 10px 10px 0;  -o-border-radius:0 10px 10px 0;   border-radius:0 10px 10px 0;}
.small_tabs li a.on{background:#2d2c2c; color:#fff; width:100%; display:table-cell;vertical-align:middle;}

.middle_tabs {  margin:0 auto; float:none; }
.middle_tabs li {width:20%; display:table; float:left;}
.middle_tabs li.ea2 {width:50%;}
.middle_tabs li.ea3{width:33.33%;}
.middle_tabs li.ea4{width:25%;}
.middle_tabs li a{ display: table-cell;  white-space:normal; word-break:keep-all; width:100%; font-weight:bold; text-transform:uppercase;color:#2d2c2c; text-decoration:none;  vertical-align:middle;  
					font-family: 'Noto Sans KR', sans-serif; font-size:18px; height:60px; border:2px solid #2d2c2c;   text-align:center; border-left:none;border-right:1px solid #2d2c2c }
.middle_tabs li a:hover{  color:#333c;opacity:.6;  -khtml-opacity:.60;  -moz-opacity:.60;  -ms-filter:”alpha(opacity=60)”;  filter:alpha(opacity=60);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);  opacity:.60;     -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s;}
.middle_tabs li a.fst{border-left:2px solid #2d2c2c; -webkit-border-radius:10px 0 0 10px;  -moz-border-radius:10px 0 0 10px;   -ms-border-radius:10px 0 0 10px;  -o-border-radius:10px 0 0 10px;   border-radius:10px 0 0 10px;}
.middle_tabs li a.lst{border-right:2px solid #2d2c2c; -webkit-border-radius:0 10px 10px 0;  -moz-border-radius:0 10px 10px 0;   -ms-border-radius:0 10px 10px 0;  -o-border-radius:0 10px 10px 0;   border-radius:0 10px 10px 0;}
.middle_tabs li a.on{background:#2d2c2c; color:#fff; width:100%; display:table-cell;  vertical-align:middle;}

/* set > select */
.set_select { margin:auto; float:none; padding:10px 0; font-family: 'Oswald', sans-serif; font-size:21px; font-weight:600; color:#2d2c2c; }
.set_select span{cursor:pointer;}
.tabmenu_line{padding:0 5px;position:relative;top:-1px;cursor:default}

@media screen and (max-width: 560px){
	.tabmenu li a {font-size:14px;}
	.set_select { font-size:17px; }
}

@media screen and (max-width: 480px) {
	.container-fluid .middle_tabs li a { font-size: 13px; padding: 0 5%; }
}

/* foods */
.container-fluid .row{width:1024px; margin:0 auto;   padding-bottom:150px; border-bottom:1px dashed #cccccc;  }
.container-fluid .foods { margin-top:-50px !important; }
.container-fluid .foods ul > li.img_set { width:100%; height:270px; vertical-align:top; }
.container-fluid .foods ul > li.img_set ul{width:100%; margin-top:50px;}
.container-fluid .foods ul > li.img_set ul > li{ position:relative; width:100%; }
.container-fluid .foods ul > li.img_set a.food{ display:block; }
.food_m{display:none;}





/* Franchise - process
----------------------------------------------------------------------*/
.mob_img{display:none; width:100%; margin:0 auto}
.web_img{display:block ;width:100%; margin:0 auto}
.changup {margin-top:3%; padding:0; height:150px;}
.changup .text_box{padding:0; text-align:left;}
.changup img{display:block; vertical-align:middle; float:none; text-align:center; margin:0 auto;}
.changup dl{display:inline-block; vertical-align:middle;}
.changup dl dt{color:#666; font-size:20px; font-family: 'Noto Sans KR', sans-serif;  font-weight:normal;  margin-top:15px; letter-spacing:-1px; text-align:left;}
.changup dl dd{color:#666; font-size:14px; font-family: 'Noto Sans KR', sans-serif;  font-weight:normal; margin-top:5px; padding-left: 2px;text-align:left;
text-indent: -6px; word-break:keep-all;; letter-spacing:-0.5px;}
.changup dl dd span{font-weight:bold; text-indent:-3px ;display:inline-block; }

.person_box h4{color:#4c4c4c; font-size:14px; font-family: 'Noto Sans KR', sans-serif;  text-align:left;}
.person_box h4 span{font-weight:bold; margin-right:5px; font-size:20px;  display:inline-block; vertical-align:-2px;}
.person_box textarea{resize:none; width:100%; height:200px; padding:3%; color:#4c4c4c; font-size:14px; font-family: 'dotum','돋움',serif; white-space:pre ; line-height:24px; font-size:12px; border:1px solid #d9d9d9}
.person_box label {margin-top:8px; text-align:left; }
.person_box label input{margin-right:5px; vertical-align:-2px; display:inline-block; text-align:left; }
.person_box label span{color:#4c4c4c; font-size:12px; font-weight:normal; text-align:left; }
.person_box label span span.bod{font-weight:bold;}





/* Store-list
----------------------------------------------------------------------*/
.search_store_m{display:none;}

@media(max-width:1280px){
	.search_store_m{display:block;width:100%;margin-bottom:10px;}
	.search_store_m h4{color:#333;width:95%;margin:0 auto;font-size:18px;font-weight:700;padding:10px 0;}
	.search_store_m a{display:inline-block;margin-left:2.5%;font-size:13px;}
	.search_store_m > div{background-color:#F4F4F4;padding:6px 0;border-top:1px solid #D9D9D9}
}

.store_map  {height:170px;border:2px solid #BFE5E5;margin-top:17px;overflow:hidden;}
.store_map.v2{height:550px;}
.map_tab{display:inline-block; text-align:center; margin:0 auto; position:absolute; top:30px; z-index:1; width:100%;  padding-left:0;}
.map_tab li.tabs{display:inline-block; vertical-align: top; background:#3d3d3d; -webkit-border-radius:10px 0 0 10px;  -moz-border-radius:10px 0 0 10px;   -ms-order-radius:10px 0 0 10px;  -o-border-radius:10px 0 0 10px;   border-radius:10px 0 0 10px;  -moz-transition:all 1s;   -ms-transition:all 1s;    -o-transition:all 1s;   transition:all 1s; }
.map_tab li.lst{background:#3d3d3d; -webkit-border-radius:0 10px 10px 0;  -moz-border-radius:0 10px 10px 0;   -ms-border-radius:0 10px 10px 0;  -o-border-radius:0 10px 10px 0;   border-radius:0 10px 10px 0; opacity:.6;  -khtml-opacity:.60;  -moz-opacity:.60;  -ms-filter:”alpha(opacity=60)”;  filter:alpha(opacity=60);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);  opacity:.60; }
.map_tab li.tabs:hover{ -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s;  opacity:1;  -khtml-opacity:1;  -moz-opacity:1;  -ms-filter:”alpha(opacity=100)”;  filter:alpha(opacity=100);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);  opacity:1; }
.map_tab li.tabs > a{display:block; width:160px; font-family: 'Noto Sans KR', sans-serif; font-size:16px; height:60px; line-height:60px; color:#fff; -moz-transition:all 1s;   -ms-transition:all 1s;    -o-transition:all 1s;   transition:all 1s;   text-decoration:none;}
.map_tab li.lst{-moz-transition:all 1s;   -ms-transition:all 1s;    -o-transition:all 1s;   transition:all 1s; background: #3d3d3d url('../../img/sub/img_map_arr.png') no-repeat 125px 26px;  opacity:1;  -khtml-opacity:1;  -moz-opacity:1;  -ms-filter:”alpha(opacity=100)”;  filter:alpha(opacity=100);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);  opacity:1; }
.map_tab li.lst > a:after{content:''; padding-right:20px; display:inline-block; vertical-align:center;  -moz-transition:all 1s;   -ms-transition:all 1s;    -o-transition:all 1s;   transition:all 1s;  }

.map_tab li.tabs select{ padding-left:20px; border:none; display: block; width: 160px; height: 60px; line-height: 60px; font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px; color: #fff; text-decoration: none; background: #3d3d3d url('../../img/sub/img_map_arr.png') no-repeat 125px 26px; border-radius:0 10px 10px 0; opacity:1; 
    -moz-transition: all 1s; 
	-ms-transition: all 1s; 
	-o-transition: all 1s;
	transition: all 1s; 
}


.map_wd_wrap{ width:100%;}
.map_wd { width:915px;margin:0 auto;padding:50px 0;clear:both;position:relative;}
.map_wd ul li a{ display:block;width:120px;height:120px;border-radius:60px;position:absolute;}
.map_wd ul li a img{ display:none;}
.map_wd ul li a:hover img{ display:block;}

.store_detail{width:100%;margin-bottom:60px;}
.store_detail_inner{max-width:1024px;margin:0 auto;overflow:hidden;}
.store_detail .store_img_area {width:307px;margin-right:20px;float:left;}

.bx-pager{width:100%;overflow:hidden;margin-top:1%;}
.bx-pager a{display:block;width:32.6%;float:left;margin-right:1%;}
.bx-pager a:last-child{margin-right:0;}
.bx-pager a img{width:100%;}

.map_text_area{width:697px;float:left;color:#333;font-family: 'Noto Sans KR', sans-serif;}
.map_text_area_top{width:100%;}
.map_text_area_top ul{width:100%;overflow:hidden;}
.map_text_area_top li{width:49.5%;margin-right:1%;float:left;overflow:hidden;height:25px;line-height:23px;;border:1px solid #BFE5E5;margin-bottom:5px;}
.map_text_area_top li p{float:left;height:100%;text-align:center;font-weight:600;}
.text_area_title{width:20%;background-color:#BFE5E5;}
.text_area_ex{width:79.5%;}
.map_text_area_top li.m_not{margin-right:0;}

.devide_2{width:40%;border-right:1px solid #BFE5E5;}
.devide_2:last-child{border-right:none;}
.devide_3{width:20%;border-right:1px solid #BFE5E5;}
.devide_3:last-child{width:40%;border-right:none;}

#map_canvas{height:170px !important;}

.search_for_store{color:#512E91}
.search_form0{display:none;}

@media screen and (max-width: 1280px){
	.map_wd_wrap { display:none; }
	.store_img_area { display:none; }
	.map_text_area { margin:auto; float:none;} 
}
@media screen and (max-width: 768px){	
	.store_detail{ margin-bottom:20px;} 
	.map_text_area {width:100%; padding:0 5px; float:none;} 
	.map_text_area_top li{width:100%;}
}


/* 매장 리스트 thum board */
.thumnails {border:2px solid #999; border-left:none;border-right:none; width:100%; height:100%;}
.thumnails .thum{padding:20px 2%; position:relative; width:100%; height:100%; }
.thumnails .thum~.thum{border-top:1px solid #d9d9d9; }
.thumnails .thum .pho{ margin:0;}
.thumnails .thum .pho > a {display:inline-block; width:80%;  }
.thumnails .thum .pho > a:hover{-moz-transition:all .75s;   -ms-transition:all .75s;    -o-transition:all .75s;   transition:all .75s;opacity:.6;  -khtml-opacity:.60;  -moz-opacity:.60;  -ms-filter:”alpha(opacity=60)”;  filter:alpha(opacity=60);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);  opacity:.60; }
.thumnails .thum .pho > a > img{display:inline-block;}
.thumnails .thum .pho > a > span.txt_box{padding-left:2% ; width:100%; } 
.thumnails .thum span{vertical-align:middle; display:inline-block; }
.thumnails .thum .title{font-size:22px; color:#3d3d3d ; font-family: 'Noto Sans KR', sans-serif;   overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.thumnails .thum span.nowrap{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}
.thumnails .thum .phone{ font-size:20px; color:#3d3d3d ;font-family: 'Noto Sans KR', sans-serif; }
.thumnails .thum span .txt{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:90%;}
.thumnails .thum span.more{width:15%; height:50px; display:inline-block; text-align:center; font-family: 'Noto Sans KR', sans-serif;  }
.thumnails .thum span.more:hover{-moz-transition:all .75s;   -ms-transition:all .75s;    -o-transition:all .75s;   transition:all .75s;opacity:.6;  -khtml-opacity:.60;  -moz-opacity:.60;  -ms-filter:”alpha(opacity=60)”;  filter:alpha(opacity=60);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);  opacity:.60; }
.thumnails .thum span.more .btn_red {display:block; min-width:80px; font-size:16px; line-height:50px; text-decoration:none; height:100%; font-weight:normal; background:#9bdad9; color:#333; border-radius:5px; }

@media screen and (max-width: 768px){
	.thumnails .thum .pho{display:block; text-align:left; margin:0 auto;overflow:hidden;position: relative;}
	.thumnails .thum .pho > a{display:inline-block; margin-right:0%;float:left;}
	.thumnails .thum .pho img{width:100%; display:block; margin:0 auto; text-align:left;}
	.thumnails .thum span.nowrap{text-overflow:normal; overflow:visible; white-space:normal;}
	.thumnails .thum .pho > a > span.txt_box{padding-left:0; width:100%; display:block;} 
	.thumnails .thum span.nowrap{width:100%;}
	.thumnails .thum .pho > a > span.txt_box{padding:0%;}
	.thumnails .thum span .txt{text-overflow:normal; overflow:visible; white-space:normal;display:none;}
	.thumnails .thum span.more{width:30%;float:left;}
	.sns-cont .img_box{height:auto;}
	.sns-cont .txt_box{height:auto;}
	.thumnails .thum .title {font-size:15px;display:block;}
	.thumnails .thum .phone {font-size:14px;display:block;}
	.thumnails .thum{padding:15px 2%;}
	.thumnails .thum span.more .btn_red{ position:absolute; right:5px; top:0px; font-size:13px; line-height:40px;  }
}


.ico{color:#fff;  font-size:12px; margin-right:2%;  padding:3px 6px; font-weight:bold; border-radius:5px; }
.ico.v2{margin-right:0; margin-left:1%;}
.ico_blue{background:#00b8e6;}
.ico_red{background:#ff0000;}
.ico_purple{background:#911fae}
.ico_orange{background:#ffc103}

/* tb_view */
.clearfixx:after{content:''; display:block; clear:both;}
.view_title{color:#3d3d3d; font-size:36px;font-family: 'Noto Sans KR', sans-serif; text-align:center; margin:30px 0;  word-break:keep-all;}
.view_title span.sub_txt{display:block; font-size:16px; color:#3d3d3d; margin-top:15px; line-height:22px;}
.view_title span.sub_txt .red{color:#cf2a2a}
.tb_view{ width:100%; color:#3d3d3d; text-align:center; font-family:'dotum','돋움',serif; border-top:2px solid #999;}
.tb_view tr {border-bottom:1px solid #d9d9d9;}
.tb_view tr th{background:#f5f5f5; font-weight:bold; text-align:center; padding:2% 0;}
.tb_view tr td{ text-align:left; padding:2% 0; padding-left:1%;}
/*// tb_view */

.chart_plus{width:100%;; margin:0 auto; float:none;}



/* board-pay */
.board table.board_pay tr td~td,.board table.board_pay tr th~th {border:1px solid #d9d9d9; }
.board table.board_pay tr td~td:last-child,.board table.board_pay tr th~th:last-child{border-right:none;}
.board table.board_pay tr td{padding:2% 1%; word-break:keep-all;}
.board table.board_pay tr td.txt_cont{text-align:left; }
.board table.board_pay tr td span.odometer{color:#4c4c4c; font-size:14px;;font-family: 'Noto Sans KR', sans-serif;  word-break:keep-all}
.board table.board_pay tr td.small_tb{font-size:11px; word-break:keep-all}
/* board-pay --cost page */


/*// Store-list */

/* board arrow */
.board .arrow{margin-top:35px; display:block; text-align:center; padding-left:0;}
.board .arrow li{display:inline-block; text-align:center; width:25px;}
.board .arrow li.arr{display:inline-block;  margin:0 2px; width:36px; height:36px;}
.board .arrow li.fst{margin-left:15px;}
.board .arrow li.lst{margin-right:15px;}
.board .arrow li a{display:inline-block;  vertical-align:middle; font-size:16px; color:#4c4c4c; -webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s;}
.board .arrow li a.on, .board .arrow li a:hover{ font-weight:bold; font-size:16px;-webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s;}
.board .arrow li.arr a{ opacity:1;  -khtml-opacity:1;  -moz-opacity:1;  -ms-filter:”alpha(opacity=100)”;  filter:alpha(opacity=100);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);    -webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s;}
.board .arrow li.arr a:hover{-webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s; opacity:.6;  -khtml-opacity:.60;  -moz-opacity:.60;  -ms-filter:”alpha(opacity=60)”;  filter:alpha(opacity=60);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);  opacity:.60;}
.board .arrow li.active a{color:#9bdad9;font-weight:700;}

@media screen and (max-width: 480px) {
	.board .arrow li{width:auto; padding:0 12px;}
}

/* //borard arrow */

/* EVENT-SNS 즐기기 */
.sns-cont {max-width:1000px;margin:0px auto 0;}
.sns-cont .col-sm-4{margin-top:30px; cursor:pointer;}
.sns-cont .col-sm-4:hover{-webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s; opacity:.6;  -khtml-opacity:.60;  -moz-opacity:.60;  -ms-filter:”alpha(opacity=60)”;  filter:alpha(opacity=60);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);  opacity:.60; }
.sns-cont .img_box{width:100%; height:280px;}
.sns-cont .img_box img{width:100%; height:100%; display:block; border:1px solid #dbdbdb;}
.sns-cont .img_box img.no-image{border:1px solid #dbdbdb}
.sns-cont .txt_box{border:1px solid #dbdbdb; border-top:none;  border-bottom: none;color:#666; font-size:12px; padding:5%; line-height: 20px; text-align:left; height:100px;}
.sns-cont .sns_set{color:#666; font-size:12px; padding:20px; border:1px solid #dbdbdb; border-top-style:dashed; text-align:left;}
.sns-cont .sns_set .ico_sns{margin-right:5%; text-align:left;}
.sns-cont .sns_set .sns_ttl{color:#3a589b; font-weight:bold; text-align:left;}
.sns-cont .sns_set .sns_ttl.insta_ttl{color:#e45f47}
.sns-cont .sns_set .sns_date{color:#999;  text-align:left;}

.container-fluid .row{width:auto;}
.container{width:auto }

/*//EVENT- SNS 즐기기 */



/* Board */

.board{ margin:0 auto; padding:0;}
.board .row .col-md-12{padding:0;}

/* list page */
.board table{clear:both;  width:100%; border-top:2px solid #b3b3b3; border-bottom:2px solid #b3b3b3;  table-layout: fixed; font-family: 'Noto Sans KR', sans-serif; }
.board table thead{background:#f5f5f5; }

.board table thead tr th{padding:15px 0; color:#4c4c4c; font-size:14px; font-weight:bold; text-align:center; font-family: 'Noto Sans KR', sans-serif; }
.board table tbody tr td{border-top:1px solid #d9d9d9; text-align:center; padding:15px 0; font-size:13px; color:#4c4c4c; font-family: 'Noto Sans KR', sans-serif; }
.board table tbody tr td.ico_noti span{  background:#ec1920;display:inline-block; text-align:center; color:#fff; font-weight:bold; line-height:18px; padding:2% 5%;}
.board table tbody tr td.b_ttl{text-align: left;  }
.board table tbody tr td.b_ttl a{display:inline-block; vertical-align:middle;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left; width:90% }
.board table tbody tr td.b_ttl span.download{cursor:pointer;} 
.board table tbody tr td.b_ttl a:hover{color:#000; display:inline-block; text-align:left;; -webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s;}
.board table tbody tr td.b_ttl.noti a{color:#ec1920; font-weight:bold;}
.board table  tr td.b_date{color:#999;}
.board span.bod img{padding-right:10%;}
.board td span.file a{display:table-cell; text-decoration:underline; color:#006cff}

.slider-interior .item img{display:block; width:100% }
.owl-theme .owl-controls{position:absolute; top:5px; display:block; text-align:center; width:100%; margin:0 auto; height:100%;}
.owl-theme .owl-controls .owl-page span{margin:0 5px !important;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls .owl-page:hover span{background:#512e91 !important}
.slider-npstory .item img{display:block; width:100%;}



/* view page */
.boardView .lft{text-align:left; padding-left:2%; }
.boardView .rit{text-align:right; padding-right:2%;}
.boardView span.bod{font-weight:bold; }
.boardView span.bod img{padding-right:10%;}
.boardView span.next{/* width:20%; */ display:inline-block; width:10%}
.boardView .tb_title {text-align:center; padding-left:2%; padding-right:2%;}
.boardView .tb_title span{font-weight:bold; text-align:left;/*  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:750px; display:inline-block; vertical-align:middle; */ }
.boardView .text{text-align:left;  font-size:13px; line-height:24px; padding:5%}
table .view_img{display:block; max-width:100%;}
.boardView .bg_color{background:#f5f5f5;/*  border-bottom:2px solid #b3b3b3 */}
.boardView .bg_color td{text-align:left; ; padding-left:2%; padding-right:2%;}
.boardView .bg_color td span.file a{display:table-cell; text-decoration:underline; color:#006cff}
.boardView .bg_color td span.file a:hover{opacity:.6;  -khtml-opacity:.60;  -moz-opacity:.60;  -ms-filter:”alpha(opacity=60)”;  filter:alpha(opacity=60);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);  opacity:.60; -webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s;}
.boardView tfoot tr td{padding:15px 0; font-size:12px;}
.boardView tfoot tr:first-child{border-top:2px solid #b3b3b3;}
.boardView tfoot tr~tr{border-top:1px solid #d9d9d9}
.boardView tfoot tr td a { display:inline-block; vertical-align:middle; width:100%;}
/* .boardView tfoot tr td a img{display:inline-block; vertical-align:-2px;  padding-right:2%} */
/* .boardView tfoot tr td a span.bod{margin-right:0 1%;} */

.boardView tfoot tr td a span.ttl{width:79%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; vertical-align:-3px;}
.boardView tfoot tr td.b_date{text-align:right; padding-right:50px;}
.boardView tfoot tr td a:hover{opacity:.6;  -khtml-opacity:.60;  -moz-opacity:.60;  -ms-filter:”alpha(opacity=60)”;  filter:alpha(opacity=60);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);  opacity:.60; -webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s;}


/* search form */
.board .search_form{float:none; margin:0 auto 10px; width:100%; height:45px;}
.board .search_form li{float:none; display:block;  float:left;}
.board .search_form li label{width:100%;}
.board .search_form li.sels{width:15%; margin-right:1% ; }
.board .search_form li.type_search{width:69%;}
.board .search_form li.type_btn_search{width:15%;}
.board .search_form li select{ width:100%;  height:45px;  color:#666; font-size:12px; border-radius:0;background:url('../../img/sub/img_sel_arr.png') no-repeat 95% center;  }
.board .search_form li select#for_area, 
#sch_key{ border-radius:10px 0 0 10px; } 
.board .search_form li select option{padding:5px 10px;}
.board .search_form li input[type='text']{height:45px; width:100%;}
.board .search_form li button{border:0; background:#666 url('../../img/sub/img_board_search.png') no-repeat center center; width:100%; height:45px; padding:0; margin:0; text-indent:-999999px; overflow:hidden; -webkit-border-radius:0 10px 10px 0;  -moz-border-radius:0 10px 10px 0;   -ms-border-radius:0 10px 10px 0;  -o-border-radius:0 10px 10px 0;   border-radius:0 10px 10px 0;}
.board .search_form li button:hover{opacity:.6;  -khtml-opacity:.60;  -moz-opacity:.60;  -ms-filter:”alpha(opacity=60)”;  filter:alpha(opacity=60);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);  opacity:.60; -webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s;}


@media (max-width: 1280px) {
	.board .search_form {width: 95%; }
}



/* qna-write */
.board table.write tr th{background:#f5f5f5; font-size:15px; font-weight:bold; display:table-cell; vertical-align:middle; color:#4c4c4c; text-align:center; }
.board table.write tr th .red{display:inline-block; vertical-align:-2px; color:#ec1920;}
.board table.write tr~tr{border-top:1px solid #d9d9d9}
.board table.write tr td{border-top:none; text-align:left; padding: 10px;}
.board table.write tr td input, .board table.write tr td textarea{width:100%;}
.board table.write tr td .inp_3{width:33%; margin-left:1%; float:left;}
.board table.write tr td select.inp_3{margin-left:0; width:32%;}

.board table.write tr td .inp_3_v2{width:25.5%; margin-left:1%; float:left;}
.board table.write tr td .inp_3_v2:first-child{margin-left:0;}
.board table.write tr td span.inp_3_v2{width:43%; display:inline-block; vertical-align:middle; line-height:30px;  font-family: 'Noto Sans KR', sans-serif; }
.board table.write tr td select.inp_3_v2{width:43%;}
.board table.write tr td .inp_3.v3{margin-right:1%; width:32.65%}
.board table.write tr td .inp_3.v3:last-child{margin-right:0;}
.board table.write tr td span.mail_to{float: left; vertical-align: middle; height: 32px; line-height: 25px; display: table-cell;margin-left: 1%; width:3%; text-align:center;}
.board table.write tr td input[type="radio"]{display:inline-block; vertical-align:-3px; width:auto; }
.board table.write tr td label.radi{margin:0 5px}
.board table.write tr td.preventing input{width:30% ;margin-right:1%; float:left;}
.board table.write tr td input.disabled{background:#f3f3f3; width:20%; margin-right:1%}
.board table.write tr td.preventing button{background:#f3f3f3; display: table-cell;vertical-align: middle;height: 32px; line-height: 25px; border:1px solid #bfbfbf ; font-size:11px; color:#444;}


.board table.write tr td textarea{height:185px;}
.board table.write tr td select{background: url('../../img/sub/img_sel_arr.gif') no-repeat right center; }
.board table.write tr td select option{padding:5px 12px;}
.board table.write tr td .inp_3_v2.postcodify_address{width:70%;}
#postcodify_search_button{width:30%; font-size:12px; }

/* event_list */

.container-fluid .event_list .col-md-12 > li{margin-top:5%; position:relative; width:33.33333%; -webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s; }
.container-fluid .event_list .col-md-12 > li p.ttl{display:block; text-align:center; margin-top:5%;   font-family: 'Noto Sans KR', sans-serif;  font-size:17px; color:#3d3d3d;}
.container-fluid .event_list .col-md-12  > li > a{display:block;}
.container-fluid .event_list .arrow li{margin-top:5%;}
.da-thumbs li {	float: left; background: #fff; position: relative;}
.da-thumbs li a,.da-thumbs li a img {display: block;	position: relative;	width:100%;	-webkit-border-radius:100%;  -moz-border-radius:100%;   -ms-order-radius:100%;  -o-border-radius:100%;   border-radius:100%; }
.da-thumbs li a {overflow: hidden;}
.da-thumbs li a div {	position: absolute;	background: rgba(179,106,54,0.9);	width: 100%;	height: 100%;	-webkit-border-radius:100%;  -moz-border-radius:100%;   -ms-order-radius:100%;  -o-border-radius:100%;   border-radius:100%; }
.da-thumbs li.end_event a div{	background: rgba(77,77,77,0.85);}
.da-thumbs li a div p.box{display:block; color:#fff; font-size:20px;text-align:center; width:100%;  padding:5%; position:absolute; top:50%; margin-top:-90px; height:100%;}
.da-thumbs li.end_event  a div p.box{top:70%;}
.da-thumbs li a div p.box span{ font-family: 'Noto Sans KR', sans-serif; font-weight:bold;}
.da-thumbs li a div p.box span.plus{display:block; font-size:35px;}
.da-thumbs li a div p.box span.title{display:block; font-size:20px; word-break:keep-all;}
.da-thumbs li a div p.box span.date{font-size:16px ; }
/* end event_list */

/* event_veiw */
.event_ppl_list {margin-top:2%;}
.event_ppl_list span{display:block; padding:0; line-height:24px;}

/* end event_veiw */

/* class_list */
.class_list .col-md-12 li img{width:100%; height:260px; border:1px solid #dbdbdb}
.class_list .col-md-12 li{margin:2% 0;  -webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s; }
.class_list .col-md-12 li .class_box{border:1px solid #dbdbdb; border-top:none; padding:7%; -webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s;  }
.class_list .col-md-12 li .class_box .title{color:#333; font-size:16px; font-family: 'Noto Sans KR', sans-serif; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.class_list .col-md-12 li .class_box .txt{line-height:20px; height:50px; margin:5% 0;font-size:12px; font-family: 'Noto Sans KR', sans-serif;  color:#666; /* white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  */}
.class_list .col-md-12 li .class_box .date{color:#d93a29}
.class_list .col-md-12 li .class_box .rate{color:#999;}
.class_list .col-md-12 li:hover{opacity:.8;  -khtml-opacity:.80;  -moz-opacity:.80;  -ms-filter:”alpha(opacity=80)”;  filter:alpha(opacity=80);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);  opacity:.80; -webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s;}
.class_list .col-md-12 li:hover .class_box { background:rgb(179,106,54) ;}

.class_list .col-md-12 li:hover .class_box .title, .class_list .col-md-12 li:hover .class_box .txt,
.class_list .col-md-12 li:hover .class_box .date, .class_list .col-md-12 li:hover .class_box .rate{color:#fff; -webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s; } 

/* class-write */
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group{border:1px solid #d6d6d6; border-left:none;}
.form-control{height:34px !important;}


/* franchise-plan */
/* img_wrap */
.img_wrap_pc{display:block; text-align:center; /* margin-top:5%; */}
.img_wrap_mo{position:relative; width:100%; height:100%; display:none;}
.plans .dot_title{font-size:30px; color:#666; font-family: 'Noto Sans KR', sans-serif;  text-align:center; margin-top:5%;  word-break:keep-all;}
.plans .dot_title:before{content:'“'; margin-right:1%; color:#cccccc; font-size:60px; font-family: 'Noto Sans KR', sans-serif; display:inline-block; vertical-align:middle; }
.plans .dot_title:after{content:'”';margin-left:1%; color:#cccccc; font-size:60px; font-family: 'Noto Sans KR', sans-serif;  display:inline-block; vertical-align:middle;}
.plans .sub_txts{color:#999999; font-size:18px;font-family: 'Noto Sans KR', sans-serif;  text-align:center; line-height:1.5em;    word-break:keep-all;}

.plans .dot_title.v2{font-size:20px;  }
.plans .dot_title.v2:before{font-size:25px;}
.plans .dot_title.v2:after{font-size:25px;}
.plans .sub_txts.v2{font-size:15px;}
.plans .dot_title.v2.v3 {margin-bottom:3%; word-break:keep-all;}
.plans .dot_title.v2 img{width:100%; display:block;}
.plans .img_lists{text-align:center;  margin-bottom:5%;}
.plans .img_lists li{text-align:center; margin-top:5%; height:500px;}
.plans .img_lists.v2 li{ margin-top:-3%; }
.plans .img_lists.v2{padding:0; padding-bottom:5%;}
.plans .img_lists.v2 li img{display:block; width:100%;}

.plans .plan_bottom{text-align:center; margin-top:5%;}
.plans .plan_bottom img{text-align:center; margin:0 auto; }
/* franchise-plan */


/* frandchise-setup */
.faq_question_box .box_design .qus_txt > span{display:block;}
.faq_question_box .box_design .qus_txt span.setup{font-size:24px; display:block; margin-bottom:5px;}
.faq_question_box .box_design .qus_txt span.setup span{display:inline-block; font-size:30px; color:#9cd8d7; letter-spacing:0.75px; margin-left:10px;}
.kakao {margin-top:20px}
.kakao:hover{opacity:.8;  -khtml-opacity:.80;  -moz-opacity:.80;  -ms-filter:”alpha(opacity=80)”;  filter:alpha(opacity=80);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);  opacity:.80; -webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s;}



/* franchise-faq */
.faq_question_box{border:1px solid #d9d9d9; padding:5px;}
.faq_question_box .box_design{border:1px solid #cccccc; width:100%; height:100%; clear:both; position:relative; padding:5%; display:inline-block; vertical-align:middle;}
.faq_question_box .box_design > span{position:absolute; display:block; width:10px; height:10px; left:-1px; top:-1px; background:#fff; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.faq_question_box .box_design span.rct_rft{right:-1px; left:auto; border-right:none; border-left:1px solid #ccc;}
.faq_question_box .box_design span.rct_rfb{top:auto; bottom:-1px; right:-1px; left:auto; border-right:none; border-left:1px solid #ccc; border-bottom:none; border-top:1px solid #ccc;}
.faq_question_box .box_design span.rct_lfb{top:auto; bottom:-1px; right:auto; left:-1px; border-right:1px solid #ccc; border-left:none; border-bottom:none; border-top:1px solid #ccc;}
.faq_question_box .box_design .btns{display:inline-block; float:right; margin-top:20px;}
.faq_question_box .box_design .btns li{display:inline-block; vertical-align:middle;}
.faq_question_box .box_design .btns li a{display:inline-block; vertical-align:middle;}
.faq_question_box .box_design p{display:inline-block; vertical-align:middle;}
.faq_question_box .box_design .qus_txt{font-size:18px; color:#3d3d3d;  font-family: 'Noto Sans KR', sans-serif; margin-left:3%;}


/* faq */
.faq.on{display:table; font-family: 'Noto Sans KR', sans-serif; }
.faq{display:none;}
.question{cursor:pointer; }
.question .bod, .answer .bod{font-weight:bold; color:#3d3d3d; font-size:17px;  }
.answer .bod{text-align:right; vertical-align: top;}

.question .title{text-align:left;}
.question .title span{display:inline-block;; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:95%; vertical-align:middle; color:#4c4c4c; }
.question .title.red span{color:#d93a29; font-weight:bold;}
.no-data_ttl{text-align:center; font-size:16px !important;}
.question:hover{opacity:.6;  -khtml-opacity:.60;  -moz-opacity:.60;  -ms-filter:”alpha(opacity=60)”;  filter:alpha(opacity=60);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);  opacity:.60; -webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s;}
.question .tong2{display:none;}
.answer{background:#f5f5f5; display:none;}
.answer td.a{text-align:left; line-height:18px; padding-left:15px; color:#4c4c4c;}

/* franchise-faq */
/* franchise-cost */
.sub_small_txt{color:#999; font-size:12px; padding-bottom:5px;}
.sub_franchise_cost_txt{padding-top:10px;}
.sub_franchise_cost_txt li{color: #666;font-size: 16px;padding-left: 10px; background: url(../../img/sub/img_dot.gif) no-repeat left 13px; font-weight: normal; line-height: 1.8; text-align: left;}
/* franchise-cost */


/* brand-npstory */
.npstory_slider{padding:0;}
.npstory_slider .owl-buttons{position:absolute; top:50%; margin-top:-27px;  width:100%;}
.npstory_slider .owl-buttons .owl-prev{left:2%; position:absolute; display:block !important; margin:0 !important; padding:0 !important; width:54px; height:54px; background:url('../../img/sub/img_slider_left.png') no-repeat !important; text-indent:-9999999px; overflow:hidden;}
.npstory_slider .owl-buttons .owl-next{right:2%; position:absolute; display:block !important; margin:0 !important; padding:0 !important; width:54px; height:54px; background:url('../../img/sub/img_slider_right.png') no-repeat !important; text-indent:-9999999px; overflow:hidden;}
.npstory_slider .owl-theme .owl-controls .owl-page span{background:none; border:2px solid #fff;}
.npstory_slider .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls .owl-page:hover span{background:#fff}

.npstory_earth{padding:5% 0; border:1px solid #ccc;}
.npstory_earth img{display:block; width:60%; margin:0 auto;}
.npstory_earth .earth_txt{font-size:22px ; color:#3b3b3b; text-align:left; word-break:keep-all; font-family: 'Noto Sans KR', sans-serif;  font-weight:bold; display:inline-block; vertical-align:middle; padding-top:10%;}
.npstory_earth .earth_txt span.colors{color:#512D91}
.npstory_earth .earth_sub{margin-top:2%; text-align:left;}
.npstory_earth .earth_sub li{color:#666; font-size:16px; padding-left:10px; background:url('../../img/sub/img_dot.gif') no-repeat left 13px; font-weight:normal; line-height:1.8 ;text-align:left;}  
.npstory_earth .earth_sub span.bod{color:#333333; font-size:16px; }

.npstory_history{width:100%; height:835px;  background-attachment:fixed; background:url('../../img/sub/img_npstory_history_bg.png') no-repeat  ; -webkit-background-size: 100%;     -moz-background-size: 100%;     -o-background-size: 100%;     background-size: 100%;     -webkit-background-size: cover;     -moz-background-size: cover;     -o-background-size: cover;     background-size: cover;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/img_npstory_history_bg.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/img_npstory_history_bg.png',sizingMethod='scale')"; background-position:100% 0;}
.npstory_history li{padding:50px 5%; }
/*// brand-npstory */

/* brand-brandstory*/
.brand_story{width:940px; margin:0 auto; padding:0;}
.brand_story li.col-sm-6{width:470px; padding:0;  -webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s;}
.brand_story li.col-sm-6.opa{opacity:.6;  -khtml-opacity:.60;  -moz-opacity:.60;  -ms-filter:”alpha(opacity=60)”;  filter:alpha(opacity=60);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);  opacity:.60; -webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s;}
.brand_story li.col-sm-6 .x_btn{display:block; position:absolute; width:auto; top:50%; left:100%; margin-left:-19px; z-index:99999999; margin-top:-20px;}
.brand_story li.col-sm-6:last-child{position:relative; z-index:-1;}
.brand_story:after {content: ""; clear:both;display: block;}

/*// brand-brandstory*/



/* brand -taste */

.taste{width:100%; padding-top:20px;}
.taste_list{/* height:405px;  */width:100%; position:relative;  -webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s;}
.taste_list a.step_to{display:block; z-index:2; top:0; position:absolute;  background-attachment:fixed; background:url('../../img/sub/img_taste_01.gif') no-repeat  ; -webkit-background-size: 100%;     -moz-background-size: 100%;     -o-background-size: 100%;     background-size: 100%;     -webkit-background-size: cover;     -moz-background-size: cover;     -o-background-size: cover;     background-size: cover;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/img_taste_01.gif', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/img_taste_01.gif',sizingMethod='scale')"; background-position:100% 0; -webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s;}
.taste_list.t2  a.step_to{right:0; background:url('../../img/sub/img_taste_02.gif') no-repeat  ; -webkit-background-size: 100%;     -moz-background-size: 100%;     -o-background-size: 100%;     background-size: 100%;     -webkit-background-size: cover;     -moz-background-size: cover;     -o-background-size: cover;     background-size: cover;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/img_taste_02.gif', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/img_taste_02.gif',sizingMethod='scale')";}
.taste_list.t3  a.step_to{right:auto;left:0; background:url('../../img/sub/img_taste_03.gif') no-repeat  ; -webkit-background-size: 100%;     -moz-background-size: 100%;     -o-background-size: 100%;     background-size: 100%;     -webkit-background-size: cover;     -moz-background-size: cover;     -o-background-size: cover;     background-size: cover;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/img_taste_03.gif', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/img_taste_03.gif',sizingMethod='scale')";}
.taste_list.t4  a.step_to{right:0;left:auto; background:url('../../img/sub/img_taste_04.gif') no-repeat  ; -webkit-background-size: 100%;     -moz-background-size: 100%;     -o-background-size: 100%;     background-size: 100%;     -webkit-background-size: cover;     -moz-background-size: cover;     -o-background-size: cover;     background-size: cover;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/img_taste_04.gif', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/img_taste_04.gif',sizingMethod='scale')";}
.taste_list.t5  a.step_to{right:auto;left:0; background:url('../../img/sub/img_taste_05.gif') no-repeat  ; -webkit-background-size: 100%;     -moz-background-size: 100%;     -o-background-size: 100%;     background-size: 100%;     -webkit-background-size: cover;     -moz-background-size: cover;     -o-background-size: cover;     background-size: cover;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/img_taste_05.gif', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/img_taste_05.gif',sizingMethod='scale')";}

.taste_list  a.step_to:hover{ -webkit-transform: translate(0, 30px) ;    -webkit-transform-origin: 60% 100%;   -o-transform:translate(0, 30px) ;    -o-transform-origin:60% 100%;	 -moz-transform:translate(0, 30px) ;    -moz-transform-origin:60% 100%;	 -ms-transform:translate(0, 30px) ;    -ms-transform-origin:60% 100%;    transform: translate(0, 30px) ;   transform-origin: 60% 100%; opacity:.6;  -khtml-opacity:.60;  -moz-opacity:.60;  -ms-filter:”alpha(opacity=60)”;  filter:alpha(opacity=60);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);  opacity:.60; -webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s;}

.taste_list .box{display:block;font-family: 'Noto Sans KR', sans-serif; word-break:keep-all;font-weight:bold; /* padding:10%;  */ -webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s;}
.taste_list .box .title{ display:block; color:#999999; font-size:38px;-webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s;}
.taste_list .box .txt{ display:block; color:#fff; font-size:26px; margin-top:3%; line-height:1.5; -webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s;}
.taste_list .box .txt .cor{  color:#ccc; font-weight:normal; -webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s;}
.taste_list .box .sub_text{display:block; color:#999; font-size:16px; font-weight:normal; margin-top:7%; word-break:keep-all;  -webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s;}
.taste_list .box .next_img{ margin-top:10%; display:block; -webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s;}


.taste_list .taste_back{text-indent:-9999px; /* position:absolute;  */bottom:0; z-index:1; overflow:hidden;width:100%; height:335px; background-attachment:fixed; background:url('../../img/sub/img_taste_vis_01.jpg') no-repeat  ; -webkit-background-size: 100%;     -moz-background-size: 100%;     -o-background-size: 100%;     background-size: 100%;     -webkit-background-size: cover;     -moz-background-size: cover;     -o-background-size: cover;     background-size: cover;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/img_taste_vis_01.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/img_taste_vis_01.jpg',sizingMethod='scale')"; background-position:100% 0;-webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s;}
.taste_list.t2 .taste_back{background:url('../../img/sub/img_taste_vis_02.jpg') no-repeat  ; -webkit-background-size: 100%;     -moz-background-size: 100%;     -o-background-size: 100%;     background-size: 100%;     -webkit-background-size: cover;     -moz-background-size: cover;     -o-background-size: cover;     background-size: cover;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/img_taste_vis_02.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/img_taste_vis_02.jpg',sizingMethod='scale')"; background-position:100% 0;}
.taste_list.t3 .taste_back{background:url('../../img/sub/img_taste_vis_03.jpg') no-repeat  ; -webkit-background-size: 100%;     -moz-background-size: 100%;     -o-background-size: 100%;     background-size: 100%;     -webkit-background-size: cover;     -moz-background-size: cover;     -o-background-size: cover;     background-size: cover;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/img_taste_vis_03.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/img_taste_vis_03.jpg',sizingMethod='scale')"; background-position:100% 0;}
.taste_list.t4 .taste_back{background:url('../../img/sub/img_taste_vis_04.jpg') no-repeat  ; -webkit-background-size: 100%;     -moz-background-size: 100%;     -o-background-size: 100%;     background-size: 100%;     -webkit-background-size: cover;     -moz-background-size: cover;     -o-background-size: cover;     background-size: cover;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/img_taste_vis_04.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/img_taste_vis_04.jpg',sizingMethod='scale')"; background-position:100% 0;}
.taste_list.t5 .taste_back{background:url('../../img/sub/img_taste_vis_05.jpg') no-repeat  ; -webkit-background-size: 100%;     -moz-background-size: 100%;     -o-background-size: 100%;     background-size: 100%;     -webkit-background-size: cover;     -moz-background-size: cover;     -o-background-size: cover;     background-size: cover;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/img_taste_vis_05.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/sub/img_taste_vis_05.jpg',sizingMethod='scale')"; background-position:100% 0;}

.taste_list .taste_back:hover{opacity:.6;  -khtml-opacity:.60;  -moz-opacity:.60;  -ms-filter:”alpha(opacity=60)”;  filter:alpha(opacity=60);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);  opacity:.60; -webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s; }


/* s:layer_popup */
.layer_pop{display:none;position:fixed; z-index:99; width:500px; left:50%; top:20%; background:#fff; height:240px; margin-left:-250px; -webkit-border-radius:100%;  -moz-border-radius:100%;   -ms-order-radius:100%;  -o-border-radius:100%;   border-radius:100%; }
.layer_pop_bg{display:none;position:absolute; left:0 ; top:0; text-indent:-99999px; overflow:hidden;background:url('../../img/sub/img_pop_layer.png') repeat left top; z-index:1 ; width:100%; height:100%;}
.layer_pop dt{height:50px;  text-align:center; line-height:50px; color:#fff; background:#6acdb1 ; font-family: 'Noto Sans KR', sans-serif;  -webkit-border-radius:100%;  -moz-border-radius:100%;   -ms-order-radius:100%;  -o-border-radius:100%;   border-radius:100%; }
.layer_pop dd.text_boxs{text-align:center; margin:0 auto; width:50%;}
.layer_pop dd.text_boxs label{width:100%;}
.layer_pop dd.text_boxs input{width:100%; margin:30px auto 0;border:none; border-bottom:1px solid #b4b4b4; font-size:14px; }
.layer_pop dd ul.pop_btn li{margin-top:20px; }
 ul.pop_btn {clear:both;width:272px; margin:0px auto; font-family: 'Noto Sans KR', sans-serif;  }
ul.pop_btn li{text-align:center; width:131px; display:inline-block; margin-top:35px; height:40px; font-family: 'Noto Sans KR', sans-serif;  }
ul.pop_btn li button{display:block;  width:131px; height:40px; border:none; color:#fff; background:#6acdb1;  font-size:18px; line-height:36px; font-family: 'Noto Sans KR', sans-serif;  }
ul.pop_btn li.can button{background:#a1a1a1; margin-left:5px;}

/* e:layer_popup */



@media(max-width:1280px){
	.fran{top:5%; right:2%;}
	.container-fluid .row{width:auto;}
	.np_contents{width:100%;}


	/*// thumnails */

	/* brand-brandstory*/
	.brand_story{width:100%; margin:0 auto; padding:0;}
	.brand_story li.col-sm-6{width:50%; padding:0; float:left;}
	.brand_story li.col-sm-6 img{width:100%; display:block;}
	/*// brand-brandstory*/
}

/* 1024이하  */
@media (max-width: 1023px) {

	/* common */
	.navbar-fixed-top{top:0px;}
	.subWrap .sub_visual { background:none; height:0;}
	.subWrap .sub_visual_m { display:block;}
	h1.logo{display:none;}
	.container-fluid .tabmenu{width:95%;}
	.container-fluid .middle_tabs {width:95%;}
	.container-fluid .row{width:100%;}
	.np_contents{width:100%;}
	.sub_contents{margin-left:0px; padding-right:0px; width:100%;}
	.set_select  { width:95%; }
	/*// common */



	.small_tabs{width:80%; margin:0 auto;}


	/*franchise-process */
	.image_box{width:40%;}
	.text_box{width:60%}
	.changup dl dd {word-break:keep-all; }
	.changup dl dd br{display:none;}
	.person_box textarea{white-space:pre-line;}
	.chart_plus{width:100%;}
	/*// franchise-process */

	.food_m{display:block;}
	.food_pc{display:none;}

	/* event */
	.da-thumbs li a div p.box{ padding:5%;}
	.boardView .text img{display:block; width:100%;}
	/* e:event */

	/* event_veiw */
	.event_ppl_list  {float:left;}
	.event_ppl_list span{width:25%; float:left; display:block;}
	/* end event_veiw */
	.plans .img_lists.v2{margin-top:5% ; padding-bottom:5%; }
	.plans .img_lists.v2 li{ margin-top:7%}

	.img_wrap_pc img{width:100%;}
	.plans .plan_bottom img{width:100%;}

	/* brand-brandstory*/
	.brand_story{width:100%; margin:0 auto; padding:0;}
	.brand_story li.col-sm-6{width:50%; padding:0; float:left;}
	.brand_story li.col-sm-6 img{width:100%; display:block;}

	/*// brand-brandstory*/

	.plans .img_lists.v2 li img{width:auto; margin:0 auto; display:block; text-align:center; }
}

@media screen and (max-width: 768px){
	/* thumnail */
	.thumnails .thum .pho {display:block; margin:0 auto;}
	.thumnails .thum .pho img{width:100%; display:block; margin:0 auto; text-align:center;}
	.thumnails .thum span.nowrap{text-overflow:normal; overflow:visible; white-space:normal;}
	.thumnails .thum .pho > a > span.txt_box{padding-left:0; width:100%; } 
	.thumnails .thum span.nowrap{width:100%;}
	.thumnails .thum span .txt{text-overflow:normal; overflow:visible; white-space:normal;}
	.thumnails .thum span.more{width:20%; height:40px;}
	.sns-cont .img_box{height:auto;}
	.sns-cont .txt_box{height:auto;}


	.mob_img{display:block; width:100%;}
	.web_img{display:none; width:100%;}

	/* franchise-setup*/
	.kakao{float:none; display:block; text-align:center; margin-top:40px;}

	/* franchise-process */
	.process .chart{float:none; text-align:center; margin:0 auto; padding:0}
	.process .chart img{  float:none; text-align:center; margin:0 auto;}

	.changup{width:100%; height:100%; display:block; clear:both; margin-top:5%;}
	.image_box{width:25%; display:inline-block; vertical-align:middle;}
	.image_box img{width:60%;}
	.text_box{width:67%; display:inline-block; padding:0; vertical-align:middle;}
	.board table.write tr td input[type="radio"]{vertical-align:1px; }

	.board table.write tr td .inp_3_v2{width:24.5%;}
	.board table.write tr td span.mail_to{width:5%;}
	.board table.write tr td .inp_3_v2.v3{width:49.5%;}
	.board table.write tr td span.inp_3_v2{width:100%; display:block;}
	.class_list .col-md-12 li .class_box .txt{height:auto;}
	/*// franchise-process */


	/* board */
	.board .search_form li.sels{width:30%; }
	.board .search_form li.type_search{width:44%;}
	.board .search_form li.type_btn_search{width:25%;}
	.boardView span.next{width:15%;}
	.boardView tfoot tr td a span.ttl{width:70%;}


	/* qna-write */
	 .board table.write tr th{font-size:12px;}
	 .board table.write tr td {font-size:12px;}
	 .board table.write tr td select{width:auto; background-position: right center;  padding-right:10%; }
	/*-- qna-write */


	/* class-list */
	.class_list .col-md-12 li img{height:auto;}


	/* ea3 */
	.btns.ea3{width:100%; text-align:right; display:block;}
	.btns.ea3 li{float:left; margin:1%; display:inline-block; width:31.3333%}

	.img_wrap_pc{display:none; text-align:center;}
	.img_wrap_pc img{display:block; text-align:center; margin:0 auto;}
	.img_wrap_mo{position:relative; width:100%; height:100%; display:block; text-align:center; padding-bottom:5%;}
	.img_wrap_mo li{text-align:center; position:relative; margin-bottom:20px;}

	.plans .dot_title{font-size:24px;  }
	.plans .dot_title:before{font-size:30px;}
	.plans .dot_title:after{font-size:30px;}
	.plans .sub_txts{font-size:17px;}

	.plans .dot_title.v2{font-size:18px;  }
	.plans .dot_title.v2.v3 br{display:none;}
	.plans .dot_title.v2:before{font-size:22px;}
	.plans .dot_title.v2:after{font-size:22px;}
	.plans .sub_txts.v2{font-size:13px;}
	.plans .img_lists li{margin-top:10%; height:auto;}

	/* franchise-plan */
	.faq_question_box .box_design .qus_img{display:block; text-align:center;}
	.faq_question_box .box_design .qus_img.setups{margin-top:20px;}
	.faq_question_box .box_design .qus_txt{display:block; text-align:center; margin:5% 0;}
	.faq_question_box .box_design .btns{display:block; float:none; text-align:center; width:100%;}


	.board table.board_pay tr td.small_tb br{display:none;}

	/* bran-npstory */
	.npstory_earth .earth_txt{font-size:15px;}
	.npstory_earth .earth_sub li{font-size:13px;}
	.npstory_earth .earth_sub li span.bod{font-size:13px;}
	/* bran-npstory */

	/* brand-taste */
	.taste_list{height:auto;}
	.taste_list .taste_back{position:static; width:auto; }
	.taste_list  a.step_to{position:static; width:auto;  height:auto;}
	.taste_quick{display:none;}
	.taste_list a.step_to{width:100%; border:1px solid #d9d9d9;}
	.taste_list a.step_to img{display:block; width:100%;}

	.npstory_history{height:850px; padding:0 1%;}
	.npstory_history li{padding:30px 0;}
	.npstory_history li img{width:100%; display:block; }

}




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

	.view_title{font-size:26px;}
	/*// menu-list */

	/* board */
	.boardView span.next{width:20%;}
	.boardView tfoot tr td a span.ttl{width:75%;}


	/* event */
	.container-fluid .event_list .col-md-12 > li{width:100%}
	.ico.v2{display:block; width:35%; text-align:center; float:right;}


	.plans .dot_title{font-size:18px;  }
	.plans .dot_title:before{font-size:25px;}
	.plans .dot_title:after{font-size:25px;}
	.plans .sub_txts{font-size:13px; letter-spacing:-0.5px;}
	.plans .dot_title.v2{font-size:16px;  }
	.plans .dot_title.v2:before{font-size:20px;}
	.plans .dot_title.v2:after{font-size:20px;}
	.plans .sub_txts.v2{font-size:12px;}

	.plans .img_lists li img{width:100%;}
	/* franchise-plan */
	.faq_question_box .box_design .qus_txt{font-size:14px; word-break:keep-all; padding:0 5%;}
	.faq_question_box .box_design .qus_txt br{display:none;}

	.board table.write tr td .inp_3{width:27%; margin-left:1%; float:left;}
	.board table.write tr td select.inp_3{margin-left:0; width:44%;}

	.board table.board_pay tr td{font-size:12px;}
	/* s:layer_popup */

	.layer_pop{width:80%; margin: 0 auto; left:50%; margin-left: -40%}
	/* e:layer_popup */

	
	/* brand-brandstory*/
	.brand_story li.col-sm-6{width:100%; }
	.brand_story li.col-sm-6 .x_btn{top:100%; left:50%;}
	/*// brand-brandstory*/

	.npstory_history{height:695px;}

	.bran_left{border-right:1px solid #d9d9d9;}
	.bran_right{border-left:1px solid #d9d9d9;}
}


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

	/* common */
	.subWrap .sub_visual li{font-size:20px; padding-top:110px;}
	.subWrap .sub_visual  .sub_title_big{font-size:28px;}
	.subWrap .sub_visual li.sub_subs{font-size:14px;}
	.container-fluid .tabmenu li a{font-size:13px; padding:0 5%; }

	.tabmenu li.ea4 a{font-size:12px;}
	.small_tabs li a{font-size:14px; }
	.tabmenu li a img{width:65%; height:15px; margin:0 auto;}
	/*//common */
	/* franchise-process */
	.image_box{width:50%; display:block; text-align:center; margin:0 auto;}
	.changup .text_box{width:100%; text-align:cetner;}
	.changup .text_box dl dt{text-align:center; font-size:18px; font-weight:bold;}
	.changup .text_box dl dd{text-align:center;; font-size:15px;}
	.changup .text_box dl dd span{display:none;}
	.board table.write tr td .inp_3_v2{width:23%;}
	.board table.write tr td span.mail_to{width:8%;}
	/*// franchise-process */
	/* board */
	.boardView span.next{width:25%;}
	.boardView tfoot tr td a span.ttl{width:70%;}
	/*e: board */
	.plans .img_lists.v2 li img{width:100%;}
	.img_wrap_mo li img{width:100%;}

	.layer_pop{width:95%; margin: 0 auto; left:2.5%; margin-left: 0%}
	ul.pop_btn{width:80%; text-align:center;}
	ul.pop_btn li{width:40%;}
	ul.pop_btn li button{width:100%}

	.npstory_history{height:565px;}
}


@media screen and (max-width: 400px){
	.npstory_history{height:465px;}
	.tabmenu li{width:20%; display:table;float:left;}
	.tabmenu li a{display:table-cell; width:100%; word-break:break-all; }
	.tabmenu li a.on{display:table-cell; width:100%;}

	.middle_tabs { width:100%; }

	.map_tab li.tabs{width:140px;}
	.map_tab li.tabs > a{width:140px;}
	.map_tab li.tabs select{width:140px; background:#3d3d3d}
	.board .arrow li{width:17px;}
}

.animate_ico{
  animation: ico_ani ease-in-out 3s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: ico_ani ease-in-out 3s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: ico_ani ease-in-out 3s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: ico_ani ease-in-out 3s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: ico_ani ease-in-out 3s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes ico_ani{
  0% {
    transform:  translate(0px,0px)  ;
  }
  15% {
    transform:  translate(0px,-25px)  ;
  }
  30% {
    transform:  translate(0px,0px)  ;
  }
  45% {
    transform:  translate(0px,-15px)  ;
  }
  60% {
    transform:  translate(0px,0px)  ;
  }
  75% {
    transform:  translate(0px,-5px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes ico_ani{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  15% {
    -moz-transform:  translate(0px,-25px)  ;
  }
  30% {
    -moz-transform:  translate(0px,0px)  ;
  }
  45% {
    -moz-transform:  translate(0px,-15px)  ;
  }
  60% {
    -moz-transform:  translate(0px,0px)  ;
  }
  75% {
    -moz-transform:  translate(0px,-5px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes ico_ani {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  15% {
    -webkit-transform:  translate(0px,-25px)  ;
  }
  30% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  45% {
    -webkit-transform:  translate(0px,-15px)  ;
  }
  60% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  75% {
    -webkit-transform:  translate(0px,-5px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes ico_ani {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  15% {
    -o-transform:  translate(0px,-25px)  ;
  }
  30% {
    -o-transform:  translate(0px,0px)  ;
  }
  45% {
    -o-transform:  translate(0px,-15px)  ;
  }
  60% {
    -o-transform:  translate(0px,0px)  ;
  }
  75% {
    -o-transform:  translate(0px,-5px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes ico_ani {
  0% {
    -ms-transform:  translate(0px,0px)  ;
  }
  15% {
    -ms-transform:  translate(0px,-25px)  ;
  }
  30% {
    -ms-transform:  translate(0px,0px)  ;
  }
  45% {
    -ms-transform:  translate(0px,-15px)  ;
  }
  60% {
    -ms-transform:  translate(0px,0px)  ;
  }
  75% {
    -ms-transform:  translate(0px,-5px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}