@charset "utf-8";

/* reset css include */
@import"global.css";

/* ===== layout ===================================================== */

html.layerPopup {width:100%; height:100%; overflow:hidden;}
html.layerPopup body {width:100%; height:100%; overflow:hidden;}
html.layerPopup body #wrap {position:absolute; left:0;}

#wrap {width:100%; padding-top:85px;}

#header {width:100%; min-width:1000px; height:85px; position:absolute; left:0; top:0; z-index:10;}
#header.open {height:244px;}
#header.open .gnb > li {height:244px;}
#header .header_wrap {width:100%; min-width:1000px; height:85px; background-color:#262626; position:relative; z-index:10;}
#header .header_inner {width:1000px; margin:0 auto; position:relative; z-index:10;}
#header .header_inner .logo {position:absolute; top:25px; left:0;}
#header .header_inner .logo a {display:inline-block;}
#header .gnb_bg {width:100%; height:159px; background:url(../../images/common/gnb_bg.png) 0 0 repeat; position:absolute; left:0; top:-74px;}

#header .gnb {position:absolute; top:0; right:0;}
#header .gnb > li {height:85px; float:left; position:relative;}
#header .gnb > li a {outline:none;}
#header .gnb > li.m1 {width:145px;}
#header .gnb > li.m2 {width:146px;}
#header .gnb > li.m3 {width:145px;}
#header .gnb > li.m4 {width:145px;}
#header .gnb > li.m5 {width:118px;}
#header .gnb > li.m6 {width:76px;}
#header .gnb > li .depth1_btn {display:block; width:100%; height:85px; font-family:'ng_b'; font-size:16px; line-height:85px; color:#a1a1a1; position:relative; z-index:10; background-color:#262626;}
#header .gnb > li.on .depth1_btn {color:#fff;}
#header .gnb > li.active .depth1_btn {color:#fff;}
#header .gnb > li.m6 .depth1_btn {font-size:12px; color:#666666;}
#header .gnb > li .depth2_wrap {padding-top:25px; height:134px; position:absolute; left:0; top:-74px;}
#header .gnb > li .depth2_wrap li {margin-bottom:10px;}
#header .gnb > li .depth2_wrap li a {font-size:14px; line-height:18px; color:#a1a1a1;}
#header .gnb > li .depth2_wrap li.on a {color:#ffcc33;}

#footer {width:100%; min-width:1000px; height:112px; background-color:#161616;}
#footer .footer_inner {width:1000px; height:112px; margin:0 auto; position:relative;}
#footer .footer_inner .ft_menu {padding-top:24px; width:400px; overflow: hidden;}
#footer .footer_inner .ft_menu li {float:left;}
#footer .footer_inner .ft_menu li a {font-family:'ng_b'; font-size:14px; color:#a1a1a1;}
#footer .footer_inner .address {padding-top:4px;}
#footer .footer_inner .address p {width:100%; height:18px; overflow:hidden;}
#footer .footer_inner .address p span {display:inline-block; margin-right:15px; font-size:12px; line-height:17px; color:#666;}

/* ===== main ======================================================= */

#main {}
#main .main_section {width:100%; min-width:1000px; position:relative; background-repeat:no-repeat; background-position:center 0;}
#main .main_section.s2 {height:530px; background-image:url(../../images/main/main_section2_bg_191206.jpg);}
#main .main_section.s3 {height:530px; background-image:url(../../images/main/main_section3_bg_191206.jpg);}
#main .main_section.s4 {height:530px; background-image:url(../../images/main/main_section4_bg_191206.jpg);}
#main .main_section.s5 {height:295px; background-image:url(../../images/main/main_section5_bg_191206.jpg);}
#main .main_section.s6 {height:301px; background-image:url(../../images/main/main_section6_bg_191206.jpg);}
#main .main_section .inner_section {width:1000px; margin:0 auto;}
#main .main_section.s1 {width:100%; min-width:1000px; height:690px; position:relative; background-color:#000;}
#main .main_section.s1 .bx-wrapper {width:100%; height:690px; overflow:hidden;}
#main .main_section.s1 .bx-wrapper .main_visual {}
#main .main_section.s1 .bx-wrapper .main_visual li {height:690px; overflow:hidden;}
#main .main_section.s1 .bx-wrapper .main_visual li img {width:2560px; height:690px; position:absolute; top:0; left:50%; margin-left:-1280px;}
#main .main_section.s1 .bx-controls .bx-pager {position:absolute; margin-left:-500px; left:50%; bottom:209px; z-index:10000;}
#main .main_section.s1 .bx-controls .bx-pager .bx-pager-item {margin-left:7px;}
#main .main_section.s1 .bx-controls .bx-pager .bx-pager-item:first-child {margin-left:0;}
#main .main_section.s1 .bx-controls .bx-pager .bx-pager-item a {display:block; float:left; width:18px; height:18px; background:url(/front/images/main/main_visual_pager_off.png) 0 0 no-repeat;}
#main .main_section.s1 .bx-controls .bx-pager .bx-pager-item a.active {background-image:url(/front/images/main/main_visual_pager_on.png);}
#main .main_section.s2 .inner_section {padding-top:95px;}
#main .main_section.s2 .inner_section dl {width:580px; height:291px; padding-top:50px; margin:0 auto; background-color:#f7c744; text-align:center;}
#main .main_section.s2 .inner_section dl dt {margin-bottom:20px;}
#main .main_section.s2 .inner_section dl dd p {margin-bottom:32px; font-size:14px; line-height:20px; color:#333;}
#main .main_section.s3 .inner_section {padding-top:150px; text-align:right;}
#main .main_section.s3 .inner_section dl {}
#main .main_section.s3 .inner_section dl dt {margin-bottom:22px;}
#main .main_section.s3 .inner_section dl dd {}
#main .main_section.s3 .inner_section dl dd p {margin-bottom:34px; font-size:14px; line-height:20px; color:#fff;}
#main .main_section.s4 .inner_section {padding-top:155px;}
#main .main_section.s4 .inner_section dl {}
#main .main_section.s4 .inner_section dl dt {margin-bottom:22px;}
#main .main_section.s4 .inner_section dl dd {}
#main .main_section.s4 .inner_section dl dd p {margin-bottom:34px; font-size:14px; line-height:20px; color:#fff;}
#main .main_section.s5 .inner_section {overflow:hidden;}
#main .main_section.s5 .inner_section .news {width:500px; padding-top:50px; float:left; position:relative;}
#main .main_section.s5 .inner_section .news h3 {margin-bottom:22px;}
#main .main_section.s5 .inner_section .news .news_list {}
#main .main_section.s5 .inner_section .news .news_list .news_title {display:block; margin-bottom:10px; font-size:20px; line-height:24px; color:#333;}
#main .main_section.s5 .inner_section .news .news_list .news_conts {display:block; margin-bottom:20px; font-size:14px; line-height:20px; color:#444;}
#main .main_section.s5 .inner_section .news .news_list .news_date {display:block; font-size:14px; line-height:18px; color:#444;}
#main .main_section.s5 .inner_section .news .bx-prev {width:18px; height:32px; top:-84px; right:75px; background: url(../../images/main/news_list_prev.png) no-repeat 0 0;}
#main .main_section.s5 .inner_section .news .bx-next {width:18px; height:32px; top:-84px; right:29px; background:url(../../images/main/news_list_next.png) no-repeat 0 0;}
#main .main_section.s5 .inner_section .blog {width:500px; float:left;}
#main .main_section.s5 .inner_section .blog dl {padding:50px 0 0 30px;}
#main .main_section.s5 .inner_section .blog dl dt {margin-bottom:22px;}
#main .main_section.s5 .inner_section .blog dl dd {}
#main .main_section.s5 .inner_section .blog dl dd p {margin-bottom:30px; font-size:14px; line-height:20px; color:#333;}

#main .main_section.s6 .inner_section {padding-top:50px;}
#main .main_section.s6 .inner_section dl {width:530px; margin:0 auto; text-align:center;}
#main .main_section.s6 .inner_section dl dt {margin-bottom:20px;}
#main .main_section.s6 .inner_section dl dd {}
#main .main_section.s6 .inner_section dl dd p {margin-bottom:10px; font-size:14px; line-height:20px; color:#fff;}
#main .main_section.s6 .inner_section dl dd .btn_area .btn_yellow {float:left;}
#main .main_section.s6 .inner_section dl dd .btn_area .btn_white {float:right;}

#main .btn_black {display:inline-block; width:186px; height:50px; padding-left:32px; background:url(../../images/main/main_btn_black.png) 0 0 no-repeat; font-size:14px; line-height:47px; color:#333; text-align:left;}
#main .btn_black_s {display:inline-block; width:128px; height:35px; padding-left:17px; background:url(../../images/main/main_btn_black_s.png) 0 0 no-repeat; font-size:12px; line-height:33px; color:#333; text-align:left;}
#main .btn_white {display:inline-block; width:186px; height:50px; padding-left:32px; background:url(../../images/main/main_btn_white.png) 0 0 no-repeat; font-size:14px; line-height:47px; color:#fff; text-align:left;}
#main .btn_yellow {display:inline-block; width:174px; height:50px; padding-left:44px; background:url(../../images/main/main_btn_yellow.png) 0 0 no-repeat; font-size:14px; line-height:47px; color:#ffcc33; text-align:left;}

/* ===== common ===================================================== */

#container {width:100%; min-height: 741px; height: 100%;}

#hgroup {width:100%; height:246px; background:url(../../images/common/hgroup_bg.jpg) center 0 no-repeat;}
#hgroup .hgroup_inner {width:1000px; height:246px; margin:0 auto; position:relative;}
#hgroup .hgroup_inner .sub_title {position:absolute; top:84px; left:0;}
#hgroup .hgroup_inner .location {height:20px; padding:10px 20px; position:absolute; right:0; bottom:0; background-color:#f7c744; overflow:hidden;}
#hgroup .hgroup_inner .location .home {display:inline-block; float:left; width:11px; height:20px; background:url(../../images/common/location_home.png) 0 0 no-repeat;}
#hgroup .hgroup_inner .location .depth1 {display:inline-block; float:left; padding-left:25px; height:20px; background:url(../../images/common/location_arrow.png) 0 0 no-repeat; font-size:12px; line-height:18px; color:#666;}
#hgroup .hgroup_inner .location .this_page {display:inline-block; float:left; padding-left:25px; height:20px; background:url(../../images/common/location_arrow.png) 0 0 no-repeat; font-family:'ng_b'; font-size:12px; line-height:18px; color:#666;}

#contents {width:1000px; padding:60px 0 50px; margin:0 auto;}
#contents .contents_inner {width:100%; padding-bottom:50px; overflow:hidden;}
#contents .contents_inner.program {padding: 0 0 115px;}
#contents .contents_inner.system {padding: 0 0 116px;}
#contents .contents_inner .left_area {width:250px; float:left;}
#contents .contents_inner .left_area .left_title {padding-top:20px; font-size:34px; line-height:40px; color:#333; background:url(../../images/common/left_title_line.gif) 0 0 no-repeat; letter-spacing: -0.05em;}
#contents .contents_inner .right_area {width:750px; float:left;}

#contents .contents_inner.condition {padding: 0 0 120px;}
#contents .contents_inner .right_area .condition-list-area {}
#contents .contents_inner .right_area .condition-list-area li {margin: 0 0 37px; border-bottom: 1px solid #eeeeee; padding: 0 0 30px;}
#contents .contents_inner .right_area .condition-list-area li:last-child {margin: 0;}
#contents .contents_inner .right_area .condition-list-area li .title {position: relative; padding: 52px 0 58px 175px; font-size: 20px; line-height: 20px; color: #333333;}
#contents .contents_inner .right_area .condition-list-area li .title:before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 160px; height: 130px;}
#contents .contents_inner .right_area .condition-list-area li .title strong {}
#contents .contents_inner .right_area .condition-list-area li.list-01 .title:before {background: url(../../images/franchise/condition-img-01.png) 0 0 no-repeat;}
#contents .contents_inner .right_area .condition-list-area li.list-02 .title:before {background: url(../../images/franchise/condition-img-02.png) 0 0 no-repeat;}
#contents .contents_inner .right_area .condition-list-area li.list-03 .title:before {background: url(../../images/franchise/condition-img-03.png) 0 0 no-repeat;}
#contents .contents_inner .right_area .condition-list-area li.list-04 .title:before {background: url(../../images/franchise/condition-img-04.png) 0 0 no-repeat;}
#contents .contents_inner .right_area .condition-list-area li.list-05 .title:before {background: url(../../images/franchise/condition-img-05.png) 0 0 no-repeat;}

#contents .contents_inner .right_area .program-list-area {}
#contents .contents_inner .right_area .program-list-area > li {margin: 0 0 37px; border-bottom: 1px solid #eeeeee; padding: 0 0 37px;}
#contents .contents_inner .right_area .program-list-area > li:last-child {margin: 0; border:none; padding: 0;}
#contents .contents_inner .right_area .program-list-area > li .inner {position: relative; padding: 0 0 0 205px;}
#contents .contents_inner .right_area .program-list-area > li .inner:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 146px; height: 150px; margin: -75px 0 0;}
#contents .contents_inner .right_area .program-list-area > li.list-01 .inner {padding: 15px 0 13px 205px;}
#contents .contents_inner .right_area .program-list-area > li.list-01 .inner:before {background: url(../../images/franchise/system-img-01.png) 0 0 no-repeat;}
#contents .contents_inner .right_area .program-list-area > li.list-02 .inner:before {background: url(../../images/franchise/system-img-02.png) 0 0 no-repeat;}
#contents .contents_inner .right_area .program-list-area > li.list-03 .inner:before {background: url(../../images/franchise/system-img-03.png) 0 0 no-repeat;}
#contents .contents_inner .right_area .program-list-area > li .inner .title {font-size: 16px; line-height: 22px; color: #333333;}
#contents .contents_inner .right_area .program-list-area > li .inner .title span {color: #f5be00;}
#contents .contents_inner .right_area .program-list-area > li .inner .text {margin: 12px 0 0; font-size: 14px; line-height: 22px; color: #555555;}
#contents .contents_inner .right_area .program-list-area > li .inner .sub-list-area {margin: 21px 0 0;}
#contents .contents_inner .right_area .program-list-area > li .inner .sub-list-area li {}
#contents .contents_inner .right_area .program-list-area > li .inner .sub-list-area li .text {margin: 0; font-size: 14px; line-height: 22px; color: #ff6c39;}
#contents .contents_inner .right_area .program-list-area > li .inner .sub-list-area li .text .va-t {display: inline-block; vertical-align: top;}
#contents .contents_inner .right_area .program-list-area > li .inner .sub-list-area li .text span {display: inline-block;}

.pagination_wrap {width:100%; text-align:center;}
.pagination_wrap .pagination {display:inline-block; *display:inline; zoom:1;}
.pagination_wrap .pagination a {display:inline-block; float:left;}
.pagination_wrap .pagination > a {margin-left:5px; width:30px; height:30px;}
.pagination_wrap .pagination .page_first {background:url(../../images/common/page_first.gif) 0 0 no-repeat; margin-left:0px;}
.pagination_wrap .pagination .page_prev {background:url(../../images/common/page_prev.gif) 0 0 no-repeat;}
.pagination_wrap .pagination .page_next {background:url(../../images/common/page_next.gif) 0 0 no-repeat;}
.pagination_wrap .pagination .page_last {background:url(../../images/common/page_last.gif) 0 0 no-repeat;}
.pagination_wrap .pagination .page {float:left; display:inline-block; padding:0 10px; vertical-align:top;}
.pagination_wrap .pagination .page a {display:inline-block; padding:0 10px; font-family:dotum; line-height:30px; font-size:12px;}
.pagination_wrap .pagination .page a.on {font-weight:bold; color:#db9c1b;}

.table_st1 {width:100%; border-top:2px solid #6b6b6b;}
.table_st1 thead tr th {height:51px; font-size:14px; color:#333; border-left:1px solid #e0e0e0; background-color:#d8d8d8;}
.table_st1 thead tr th:first-child {border-left:0;}
.table_st1 thead tr th span {font-size:10px; line-height:14px;}
.table_st1 tbody tr th {color:#333; border-bottom:1px solid #e0e0e0; background-color:#f8f8f8;}
.table_st1 tbody tr td {height:44px; padding:6px 0; text-align:center; word-break:break-word; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; line-height:18px;}
.table_st1 tbody tr td.tal {padding-left:10px; text-align:center;}
.table_st1 tbody tr.beige th {background-color:#fef7e3;}
.table_st1 tbody tr.beige td {background-color:#fef7e3;}
.table_st1 tbody tr.h25 td {height:25px; padding:0 0;}

.form_table {width:100%; border-top:2px solid #555;}
.form_table tr th {padding-left:20px; background: #f6f6f6; color:#333; text-align:left; border-bottom:1px solid #e0e0e0;}
.form_table tr th label {font-family:'ng_b'; cursor:Default;}
.form_table tr td {padding:10px 20px; border-bottom:1px solid #e0e0e0;}
.form_table tr td .rdo_st1 {margin-right:20px;}
.form_table tr td .rdo_st1 input {margin-top:9px;}
.form_table tr td .rdo_st1 label {line-height:30px;}

.btn_area {width:100%; overflow:hidden; text-align:center;}
.btn_area.style2 {width: 446px; margin: 0 auto;}
.btn_area .fl_l {float:left;}
.btn_area .fl_c {display:inline-block; *display:inline; zoom:1;}
.btn_area .fl_r {float:right;}
.btn_area .btn_yellow {width:88px; height:37px; display:inline-block; background-color:#f7c744; color:#555; line-height:35px; float:left; border:0;}
.btn_area .btn_gray {width:88px; height:37px; display:inline-block; background-color:#555; color:#fff; line-height:35px; float:left; border:0;}
.btn_area .btn_brown {width:88px; height:37px; display:inline-block; background-color:#955b30; color:#fff; line-height:35px; float:left; border:0;}

.board_table {width:100%; border-top:2px solid #555;}
.board_table thead tr th {height:45px; background:url(../../images/common/board_table_th_line.gif) 0 15px no-repeat; color:#333; border-bottom:1px solid #e0e0e0;}
.board_table thead tr th:first-child {background:none;}
.board_table tbody tr td {height:50px; text-align:center; border-bottom:1px solid #e0e0e0;}
.board_table tbody tr td.ta_l {padding-left:30px; text-align:left;}
.board_table tbody tr td .notice {width:44px; height:26px; display:inline-block; background-color:#f7c744; font-family:'ng_b'; line-height:26px;}
.board_table tbody tr td .answer_complete {display:inline-block; width:85px; height:26px; font-family:'ng_b'; line-height:26px; text-align:center; background-color:#555; color:#f7c744;}
.board_table tbody tr td .answer_ready {display:inline-block; width:85px; height:26px; font-family:'ng_b'; line-height:26px; text-align:center; background-color:#808080; color:#fff;}

.view_table {width:100%; border-top:2px solid #555;}
.view_table tr th {padding-left:20px; height:50px; color:#333; text-align:left; border-bottom:1px solid #e0e0e0;}
.view_table tr td {padding-left:20px; background:url(../../images/common/board_table_th_line.gif) 0 18px no-repeat; border-bottom:1px solid #e0e0e0;}
.view_table tr td.conts {height:150px; padding:20px; background:none;}
.view_table tr td.conts2 {height:150px; padding:20px; background:#f5f5f5;}
.view_table tr td.conts2 .conts2_tit {display:block; margin-bottom:10px; color:#333;}
.view_table tr th .prev_th {height:22px; display:inline-block; padding-right:25px; background:url(../../images/common/view_arrow_prev.gif) right 7px no-repeat;}
.view_table tr th .next_th {height:22px; display:inline-block; padding-right:25px; background:url(../../images/common/view_arrow_next.gif) right 7px no-repeat;}

.layer_popup {width:100%; height:100%; position:fixed; left:0; top:0; z-index:10000; display:none;}
.layer_black {width:100%; height:100%; position:absolute; left:0; top:0; background:url(../../images/common/layer_black.png) 0 0 repeat;}
.popup_wrap {position:absolute; top:50%; left:50%; border:3px solid #f7c744; z-index:100; background-color:#fff; overflow-y:hidden;}
.popup_wrap .popup_inner {padding:20px 30px 30px;}
.popup_wrap .popup_inner .popup_header {height:61px; border-bottom:3px solid #222; position:relative;}
.popup_wrap .popup_inner .popup_header .popup_title {font-size:34px; line-height:40px; color:#333;}
.popup_wrap .popup_inner .popup_header .layer_popup_close {width:24px; height:24px; display:inline-block; background:url(../../images/common/layer_popup_close.gif) 0 0 no-repeat; position:absolute; top:9px; right:0;}
.popup_wrap .popup_inner .popup_contents {}
.popup_wrap .popup_inner .popup_contents .pw_text {margin-bottom:20px; font-size:16px; color:#333;}
.popup_wrap .popup_inner .targetIframe {width:100%; height:650px; overflow-x: hidden;}

/* ===== contents =================================================== */

.intro {width:100%;}
.intro .text_b {margin-bottom:20px; font-size:26px; line-height:32px; color:#333;}
.intro .text_s {font-size:14px; line-height:22px; color:#555;}
.intro .text_s.mt60 {margin: 60px 0 0;}
.intro .text_s.style2 {margin: 22px 0 0;}
.intro .ci_list {}
.intro .ci_list li {width:100%; margin-top:14px; overflow:hidden;}
.intro .ci_list li:first-child {margin-top:0px;}
.intro .ci_list li strong {width:200px; display:inline-block; float:left; font-family:'ng_b'; font-size:16px; line-height:22px; color:#333;}
.intro .ci_list li strong em {color:#f5be00;}
.intro .ci_list li span {width:550px; display:inline-block; float:right; font-size:14px; line-height:22px;}

.intro .system-img {margin: 65px 0 0; padding: 0 55px; text-align: center;}
.intro .system-img img {width: 100%; height: 100%;}
.intro .system-img .text {margin: 22px 0 0; font-size: 16px; line-height: 32px; color: #252e39;}

.intro .management-text-list {}
.intro .management-text-list li {position: relative; margin: 0 0 40px; border-bottom: 1px solid #eeeeee; padding: 0 0 40px;}
.intro .management-text-list li:first-child {margin: 0 0 28px;}
.intro .management-text-list li:last-child {margin: 0; border: none;}
.intro .management-text-list li .inner {position: relative; padding: 45px 0 41px 200px;}
.intro .management-text-list li .inner:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 160px; height: 160px; margin: -80px 0 0;}
.intro .management-text-list li.list-01 .inner:before {background: url(../../images/brand_story/manag-list-01.png) 0 0 no-repeat;}
.intro .management-text-list li.list-02 .inner:before {background: url(../../images/brand_story/manag-list-02.png) 0 0 no-repeat;}
.intro .management-text-list li.list-03 .inner:before {background: url(../../images/brand_story/manag-list-03.png) 0 0 no-repeat;}
.intro .management-text-list li .inner .title {font-size: 26px; line-height: 26px; color: #333333;}
.intro .management-text-list li .inner .title strong {}
.intro .management-text-list li .inner .title strong span {color: #f5be00;}
.intro .management-text-list li .inner .text {margin: 24px 0 0; font-size: 15px; line-height: 24px; color: #333333;}
.intro .management-text-list li .inner .text strong {}

.public {width:100%;}
.public .media_view {width:100%; padding-bottom:20px; margin-bottom:40px; overflow:hidden; border-bottom:1px solid #e0e0e0;}
.public .media_view .media {width:482px; height:292px; background-color:#333; float:left; font-size:50px; line-height:292px; color:#fff; text-align:center;}
.public .media_view .info {width:248px; height:292px; float:right;}
.public .media_view .info dt {padding:17px 0 16px; margin-bottom:15px; border-bottom:2px solid #555;}
.public .media_view .info dt strong {display:block; height:48px; font-size:16px; line-height:24px; color:#333; overflow:hidden;}
.public .media_view .info dd {width:100%; height:194px; font-size:14px; line-height:22px; color:#666; overflow-x:hidden; overflow-y:scroll;}
.public .media_list {width:765px; margin-bottom:30px; overflow:hidden; border-bottom:1px solid #e0e0e0;}
.public .media_list li {width:240px; padding-bottom:25px; margin-right:15px; float:left;}
.public .media_list li a {display:block; width:240px; height:181px; position:relative;}
.public .media_list li a img {width:240px; height:132px; margin-bottom:5px;}
.public .media_list li a .hover {display:none; position:absolute; top:0; left:0;}
.public .media_list li:hover a .hover {display:block;}
.public .media_list li a cite {display:block; width:100%; height:44px; font-family:'ng_b'; font-size:14px; line-height:22px; color:#333; overflow:hidden;}

.competitiveness {}
.competitiveness .text_b {margin-bottom:20px; font-size:26px; line-height:32px; color:#333;}

.circle_list {width:825px; overflow:hidden;}
.circle_list li {width:207px; height:320px; padding-right:65px; float:left;}
.circle_list li img {width:200px; height:200px; margin-bottom:16px;}
.circle_list li cite {display:block; font-family:'ng_b'; font-size:15px; line-height:24px; color:#333; text-align:center; letter-spacing:-1px;}

.circle_list.type2 {width:750px;}
.circle_list.type2 li {width: 200px; height:362px; padding-right:0px;}
.circle_list.type2 li.arrow_r {padding-right:75px; background:url(../../images/franchise/circle_list_arrow_r.gif) 225px 78px no-repeat;}
.circle_list.type2 li.arrow_l {padding-left:75px; background:url(../../images/franchise/circle_list_arrow_l.gif) 25px 78px no-repeat; float:right;}
.circle_list.type2 li.arrow_b {background:url(../../images/franchise/circle_list_arrow_b.gif) 78px 311px no-repeat;}
.circle_list.type2 li strong {display:block; font-size:16px; line-height:24px; color:#333; text-align:center; margin-bottom:8px;}
.circle_list.type2 li cite {display:block; font-size:13px; line-height:22px; color:#555; text-align:center;}

.cost {}
.cost .unit {font-size:14px; line-height:28px; text-align:right;}

.inquiry {}
.inquiry .gray_box_list {padding:15px 20px; margin-bottom:15px; background: #f6f6f6;}
.inquiry .gray_box_list li {font-size:14px; line-height:22px; color:#333;}
.inquiry .indispensable {margin-bottom:5px; text-align:right; font-family:'ng_b'; color:#333;}
.inquiry .privacy_tit {font-size:26px; line-height:48px; color:#333;}
.inquiry .privacy_box {padding:15px 20px; border:1px solid #e6e6e6; background-color:#f6f6f6;}
.inquiry .privacy_box dt {margin-bottom:5px;}
.inquiry .privacy_box dd ol li {}
.inquiry .privacy_agree {padding-top:6px; margin-bottom:50px; text-align:right;}

.store {width:100%;}
.store .store_search {width:100%; padding-bottom:20px; overflow:hidden; border-bottom:1px solid #e0e0e0;}
.store .store_search .map_wrap {width:366px; height:319px; float:left; position:relative; background-color:#f4f4f4;}
.store .store_search .map_wrap .map_back  {width:366px; height: 319px; position:relative;}
.store .store_search .map_wrap .map_back li {position:absolute; left:0px; top:0px; display:none;}
.store .store_search .map_wrap .map_transparent {position:absolute; left:0px; top:0px; z-index:10;}
.store .store_search .map_wrap .base_map {position:absolute; left:0px; top:0px;}
.store .store_search .search_wrap {width:364px; float:right; position:relative;}
.store .store_search .search_wrap .search_area {padding:15px 0 20px; border-bottom:2px solid #555;}
.store .store_search .search_wrap .search_area dt {margin-bottom:5px; font-family:'ng_b'; font-size:16px; line-height:24px; color:#333;}
.store .store_search .search_wrap .search_area dd {}
.store .store_search .search_wrap .search_area dd p {margin-bottom:15px;}
.store .store_search .search_wrap .search_area dd select {width:177px; margin-right:3px;}
.store .store_search .search_wrap .search_service {padding:15px 0 0;} 
.store .store_search .search_wrap .search_service dt {margin-bottom:5px; font-family:'ng_b'; font-size:16px; line-height:24px; color:#333;}
.store .store_search .search_wrap .search_service dd {}
.store .store_search .search_wrap .search_service dd p {margin-bottom:15px;}
.store .store_search .search_wrap .search_service dd ul {width:100%; overflow:hidden;}
.store .store_search .search_wrap .search_service dd ul li {width:182px; margin-bottom:10px; float:left;}
.store .store_search .search_wrap .search_service dd ul li a {display:block; width:147px; height:30px; padding-left:35px; line-height:30px;}
.store .store_search .search_wrap .search_service dd ul li.internet a {background:url(../../images/store/search_service_ico.png) 0 -120px no-repeat;}
.store .store_search .search_wrap .search_service dd ul li.smoking a {background:url(../../images/store/search_service_ico.png) 0 -160px no-repeat;}
.store .store_search .search_wrap .search_service dd ul li.terrace a {background:url(../../images/store/search_service_ico.png) 0 -200px no-repeat;}
.store .store_list {width:100%; padding-top:20px; margin-bottom:30px;}
.store .store_list li {width:100%; padding:20px 0; border-bottom:1px solid #e0e0e0;}
.store .store_list li a {display:block; height:132px; padding-left:260px; position:relative;}
.store .store_list li a img {width:238px; height:130px; border:1px solid #e0e0e0; position:absolute; top:0; left:0;}
.store .store_list li a .name {display:block; font-family:'ng'; line-height:34px; color:#333;}
.store .store_list li a .tel {display:block;}
.store .store_list li a .address {display:block; margin-bottom:15px;}
.store .store_list li a .service {display:block; overflow:hidden;}
.store .store_list li a .service span {width:30px; height:30px; margin-left:4px; display:inline-block; float:left; background:url(../../images/store/search_service_ico.png) 0 0 no-repeat;}
.store .store_list li a .service span:first-child {margin-left:0px;}
.store .store_list li a .service span.internet {background-position:0px 0px;}
.store .store_list li a .service span.internet.on {background-position:0px -120px;}
.store .store_list li a .service span.smoking {background-position:0px -40px;}
.store .store_list li a .service span.smoking.on {background-position:0px -160px;}
.store .store_list li a .service span.terrace {background-position:0px -80px;}
.store .store_list li a .service span.terrace.on {background-position:0px -200px;}

.store .store_view {width:100%; margin-bottom:50px;}
.store .store_view .store_title {height:44px; margin-bottom:20px; font-size:26px; line-height:30px; border-bottom:2px solid #555;}
.store .store_view .store_view_slide {width:100%; height:414px; padding-bottom:20px; position:relative;}
.store .store_view .store_view_slide .view_imgs {width:100%; height:414px; overflow:hidden;}
.store .store_view .store_view_slide .view_imgs li {width:748px; height:412px; border:1px solid #e0e0e0;}
.store .store_view .store_view_slide .view_imgs li img {width:100%; height:412px;}
.store .store_view .store_view_slide .bx-wrapper .bx-controls-direction a {width:43px; height:63px; display:none; position:absolute; top:178px;}
.store .store_view .store_view_slide:hover .bx-wrapper .bx-controls-direction a {display:block;}
.store .store_view .store_view_slide .bx-wrapper .bx-controls-direction a.bx-prev {background:url(../../images/store/store_view_prev.png) 0 0 no-repeat; left:12px;}
.store .store_view .store_view_slide .bx-wrapper .bx-controls-direction a.bx-next {background:url(../../images/store/store_view_next.png) 0 0 no-repeat; right:12px;}
.store .store_view .store_table {border-top:1px solid #e5e5e5;}
.store .store_view .store_table tr th {height:54px; padding-left:20px; border-bottom:1px solid #e5e5e5; text-align:left;}
.store .store_view .store_table tr td {border-bottom:1px solid #e5e5e5;}
.store .store_view .store_table tr td .service {display:block; overflow:hidden;}
.store .store_view .store_table tr td .service span {width:30px; height:30px; margin-left:4px; display:inline-block; float:left; background:url(../../images/store/search_service_ico.png) 0 0 no-repeat;}
.store .store_view .store_table tr td .service span:first-child {margin-left:0px;}
.store .store_view .store_table tr td .service span.internet {background-position:0px 0px;}
.store .store_view .store_table tr td .service span.internet.on {background-position:0px -120px;}
.store .store_view .store_table tr td .service span.smoking {background-position:0px -40px;}
.store .store_view .store_table tr td .service span.smoking.on {background-position:0px -160px;}
.store .store_view .store_table tr td .service span.terrace {background-position:0px -80px;}
.store .store_view .store_table tr td .service span.terrace.on {background-position:0px -200px;}

.store .store_map {width:100%;}
.store .store_map .locate_title {font-size:16px; line-height:40px; color:#333;}
.store .store_map .map_api {width:748px; height:316px; margin-bottom:30px; border:1px solid #d5d5d5;}

.menu {width:100%;}
.menu .menu_tab {width:100%; margin-bottom:22px; overflow:hidden;}
.menu .menu_tab li {margin-left:1px; float:left;}
.menu .menu_tab li:first-child {margin-left:0px;}
.menu .menu_tab li a {display:block; height:54px; background:url(../../images/menu/menu_tab_off.gif) center 0 no-repeat; text-align:center; line-height:46px; font-family:'ng_b';}
.menu .menu_tab li.on a {background-image:url(../../images/menu/menu_tab_on.gif); color:#333;}

.menu .menu_tab.m3 li {width:249px;}
.menu .menu_tab.m3 li:first-child {width:250px;}
.menu .menu_tab.m4 li {width:123px;}

.menu .menu_con {width:100%;}
.menu .menu_con li {display:none;}
.menu .menu_con li.on {display:block;}

.community {width:100%;}
.board_search {width:100%; overflow:hidden; margin-bottom:20px;}
.board_search .fl_r {float:right;}
.board_search .fl_r select {width:80px; float:left;}
.board_search .fl_r input {margin-left:5px; float:left;}
.board_search .fl_r input[type=text] {width:188px;}
.board_search .fl_r .btn_search {width:50px; height:30px; border:0; font-family:'ng_b'; font-size:12px; color:#fff; background-color:#555;}

.community .report_search {width:100%; height:47px; margin-bottom:20px; background-color:#f3f3f3; position:relative;}
.community .report_search p {font-family:'ng_b'; font-size:16px; line-height:47px; color:#333;}
.community .report_search p .red {color:#e93939;}
.community .report_search p .blue {color:#0769cd;}
.community .report_search p.text {position:absolute; top:0; left:149px;}
.community .report_search p.result {padding-left:31px; position:absolute; top:0; left:463px; background:url(../../images/community/report_search_line.gif) 0 16px no-repeat;}

.sitemap {width:100%;}
.sitemap .sitemap_list {width:810px; overflow:hidden;}
.sitemap .sitemap_list > li {width:210px; height:300px; margin-right:60px; float:left;}
.sitemap .sitemap_list > li > a {display:block; height:31px; padding-bottom:10px; font-family:'ng_b'; font-size:26px; line-height:31px; border-bottom:2px solid #333;}
.sitemap .sitemap_list > li ul {width:100%;}
.sitemap .sitemap_list > li ul li {width:100%; border-bottom:1px solid #e0e0e0;}
.sitemap .sitemap_list > li ul li a {display:block; height:50px; background:url(../../images/sitemap/sitemap_list_off.gif) right 19px no-repeat; line-height:50px;}
.sitemap .sitemap_list > li ul li a:hover {color:#333; background-image:url(../../images/sitemap/sitemap_list_on.gif);}

.privacy {}
.privacy .text_b {font-family:'ng_b'; font-size:16px; line-height:24px; color:#333;}
.privacy .bullet_y {display:block; padding-left:15px; background:url(../../images/common/bullet_y.gif) 0 10px no-repeat; font-size:16px; line-height:30px; color:#333;}
.privacy .bullet_c {display:block; padding-left:25px; background:url(../../images/common/bullet_c.gif) 15px 12px no-repeat; line-height:30px; 
color:#333;}
.privacy .line_b {border-bottom:1px solid #e0e0e0;}

/* ===== responsive area ============================================ */

/* ===== bx-slider ================================================== */

.bx-wrapper {position:relative; *zoom:1;}
.bx-wrapper img {}
.bx-wrapper .bx-viewport {}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position:absolute;}

/* pager */

.bx-wrapper .bx-pager {}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display:inline-block; *zoom:1; *display:inline;}
.bx-wrapper .bx-pager.bx-default-pager a {text-indent:-9999px; display:block;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {}

/* prev, next */

.bx-wrapper .bx-prev {}
.bx-wrapper .bx-next {}
.bx-wrapper .bx-prev:hover {}
.bx-wrapper .bx-next:hover {}
.bx-wrapper .bx-controls-direction a {position:absolute; outline:0; text-indent:-9999px; z-index:9999;}
.bx-wrapper .bx-controls-direction a.disabled {display:none;}


.menu .menu_con li .special-list-area {font-size: 0;}
.menu .menu_con li .special-list-area li {display: inline-block; margin: 0 0 29px; text-align: center;}
.menu .menu_con li .special-list-area li:nth-child(2n + 1) {margin: 0 20px 29px 0;}
.menu .menu_con li .special-list-area li a {display: inline-block; position: relative;}
.menu .menu_con li .special-list-area li a img {max-width: 363px; width: 100%; max-height: 250px; min-height: 250px; height: 100%;}
.menu .menu_con li .special-list-area li:hover a:before,
.menu .menu_con li .special-list-area li:focus a:before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 363px; height: 250px; box-sizing: border-box; border: 8px solid #f7c744;}
.menu .menu_con li .special-list-area li a .text {padding: 20px 0; font-size: 18px; line-height: 18px; color: #333333;}
.menu .menu_con li .special-list-area li:hover a .text,
.menu .menu_con li .special-list-area li:focus a .text {font-weight: 800;}

.popup-area {display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 11;}
.popup-area .back {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index: -1;}
.popup-area .inner {position: absolute; top: 50%; left: 50%; width: 1000px; height: 743px; margin: -371px 0 0 -500px; border: 3px solid #f7c744; box-sizing: border-box; background: #ffffff;}
.popup-area .inner .title-area {overflow: hidden; padding: 23px 31px 24px;}
.popup-area .inner .title-area .title {float: left; font-size: 34px; line-height: 34px; color: #333333;}
.popup-area .inner .title-area a {display: block; float: right; width: 24px; height: 24px; margin: 6px 0 0; background: url(../../images/menu/close-icon.gif) 0 0 no-repeat; text-indent: -9999px;}
.popup-area .inner .imgs {width: 938px; height: 625px; margin: 0 auto;}
.popup-area .inner .imgs img {width: 100%; height: 100%;}

.right_area .smoothie-beer-list {font-size: 0;}
.right_area .smoothie-beer-list .bt0 {border-top: 1px solid #000000;}
.right_area .smoothie-beer-list .cont1 {margin: 0 0 62px;}
.right_area .smoothie-beer-list .cont2 {margin: 0 0 68px;}
.right_area .smoothie-beer-list .cont2.style2 {margin: 0 0 43px;}
.right_area .smoothie-beer-list .title {margin: 18px 0 19px; font-size: 22px; line-height: 36px; color: #000000;}
.right_area .smoothie-beer-list .beer-list {font-size: 0;}
.right_area .smoothie-beer-list .beer-list li {position: relative; display: inline-block; margin: 0 26px 12px 0;}
.right_area .smoothie-beer-list .beer-list li:nth-child(3n + 3) {margin: 0 0 12px;}
.right_area .smoothie-beer-list .beer-list li img {}
.right_area .smoothie-beer-list .beer-list li .text {padding: 17px 0; font-size: 18px; line-height: auto; color: #333333; text-align: center;}
.right_area .smoothie-beer-list .beer-list li .text span {margin: 3px 0 0;font-size: 14px; line-height: 22px;}
.right_area .smoothie-beer-list .beer-list li p {position: absolute; top: 9px; right: 6px; width: 79px; height: 79px; background: url(../../images/menu/emphasis-icon.png) 0 0 no-repeat;}
.right_area .smoothie-beer-list .list-text {display: inline-block; width: 136px; margin: 0 16px 0 0; padding: 14px 0 10px; background: #f0f0f0;}
.right_area .smoothie-beer-list .list-text:last-child {margin: 0;}
.right_area .smoothie-beer-list .list-text .text {font-size: 18px; line-height: auto; color: #333333; text-align: center;}
.right_area .smoothie-beer-list .list-text .text span {margin: 3px 0 0; font-size: 14px; line-height: 22px;}
.right_area .smoothie-beer-list .cont2 .beer-list li {margin: 0 15px 0 0; vertical-align: top;}
.right_area .smoothie-beer-list .cont2 .beer-list li:last-child {margin: 0;}
.right_area .smoothie-beer-list .cont2 .beer-list li .text {padding: 10px 0;}
.right_area .smoothie-beer-list .cont-area {display: inline-block; margin: 0 16px 0 0; vertical-align: top;}
.right_area .smoothie-beer-list .cont-area.mr0 {margin: 0;}
.right_area .smoothie-beer-list .cont-area .beer-list li {margin: 0 17px 0 0;}
.right_area .smoothie-beer-list .cont-area .beer-list li:last-child {margin: 0;}
.right_area .smoothie-beer-list .cont6 .beer-list li .text {text-align: left;}
.right_area .smoothie-beer-list .cont7.cont-area {margin: 0;}
.right_area .smoothie-beer-list .cont3, .right_area .smoothie-beer-list .cont4, .right_area .smoothie-beer-list .cont5 {margin: 0 17px 51px 0;}
.right_area .smoothie-beer-list .cont6, .right_area .smoothie-beer-list .cont7 {margin: 0 17px 51px 0;}

/*20-05-12*/
.cost{margin-bottom:80px}
.cost h4{font-size:22px;font-weight:700;color:#333}
.cost .table_st1 tbody tr td{height:56px}
.cost-wp{overflow:hidden;margin-bottom:80px}
.cost-wp .cost{margin-bottom:30px}
.cost-wp .fL{float:left;width:360px;}
.cost-wp .fR{float:right;width:360px}
.cost-wp2 .cost{margin-bottom:0}
.cost-wp2{margin-bottom:70px}
.ord-list{margin-left:30px;text-align:left}
.ord-list li{padding:2px 0;list-style-type:decimal}
.benefit li{margin-bottom:24px}
.benefit li img{vertical-align:middle;margin:0 10px}
.benefit span{vertical-align:middle}
.benefit .st{display:inline-block;width:64px;height:24px;margin-right:20px;text-align:center;line-height:24px;background:#ffcc33;color:#555;font-size:13px;font-weight:700}
.benefit .tit{font-size:22px;font-weight:700;color:#333}
.benefit-cs{margin-top:40px;padding:15px;background:#fef7e3;text-align:center}
.benefit-cs span{display:inline-block;padding-left:70px;font-size:28px;font-weight:700;color:#333;background:url(../../images/franchise/sp-ico1.png) no-repeat 0 50%;line-height:50px}

.table_st1.table_st2{clear:both;margin-top:30px;border-top:1px solid #e3e3e3}
.table_st1.table_st2 .agL{text-align:left;padding:20px;line-height:1.5}
.cost-wrap .table_st1{border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3}