@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@700&display=swap');

body { min-width:360px; background-color: #000; color: #fff; position: relative;color:#fff;}

/*플로팅*/
@media (max-width:767px){
	.kakao_float {
	    bottom:15px !important;
		right:15px !important;
	}	
}


/* Layout */
.container { max-width: 1200px; min-width: 360px; width: 90%; margin: 0 auto; box-sizing: border-box; }

#header { position: fixed; top: 0; left: 0;  width: 100%; height: 80px; z-index: 100;
    -webkit-transition: all .5s ease .25s;
    transition: all .5s ease .25s; }
#header > .inner { margin: 0 auto; min-width: 360px; }
/*
#header > .inner:before, #header > .inner:after { content: ''; display: table; }
#header > .inner:after { clear: both; }
#header .header_logo { float: left; }
#header .header_nav { float: right; }
#header .header_nav > ul {  }
#header .header_nav > ul > li { display: inline-block; padding: 0 10px; position: relative; }
#header .header_nav > ul > li a { font-size: 1em; line-height: 23px; color: #fff; display: block; padding: 28px 5px; }
#header .header_nav > ul > li.active > a,
#header .header_nav > ul > li a:hover { color: #f9c059; }
#header .header_nav > ul > li.lang > a { position: relative; padding-right: 15px; }
#header .header_nav > ul > li.lang > a:after { content: ''; position: absolute; right: 0; top: 50%; margin-top: -2px; width: 7px; height: 4px; background: url(../images/common/arrow_down_w.png) center no-repeat; }
#header .header_nav > ul > li > ul { display: none; position: absolute; top: 100%; right: 0; margin: 0 15px 0 5px; background-color: #1a1a1a;  }
#header .header_nav > ul > li.open > ul { display: block; }
#header .header_nav > ul > li > ul > li { padding: 0 5px; }
#header .header_nav > ul > li > ul > li > a { padding: 5px; }
#header .header_nav > ul > li > ul > li.active > a { color: #f9c059; }
#header .m_util { float: right; display: none; }
#header .m_util > .lang { overflow: hidden; float: left; }
#header .m_util > .lang li { float: left; position: relative; padding: 0 12px; }
#header .m_util > .lang li:before {border-left:1px solid #767676; content: ''; position:absolute; top:50%; left:0; width: 1px; height: 12px; margin-top:-6px}
#header .m_util > .lang li:first-child:before{border:none}
#header .m_util > .lang li a{color: #b8b8b8; font-size: 20px; line-height: 60px; display: block; padding: 10px 0;}
#header .m_util > .lang li.active a { color: #f9c059; }
#header .m_util > .m_btns { overflow: hidden; float: left; width: 48px; height: 35px; margin-left: 20px; padding: 22.5px 0; }
#header .m_util > .m_btns a.menu_open { width: 47px; height: 29px; background: url('../images/common/menu_open.png') center no-repeat; text-indent: -9999px; display: block; }
#header .m_util > .m_btns a.menu_close { width: 30px; height: 30px; background: url('../images/common/menu_close.png') center no-repeat; text-indent: -9999px; display: none; }
#header .m_util > .m_btns.active a.menu_open { display: none; }
#header .m_util > .m_btns.active a.menu_close { display: block; }
*/
/*
#footer { background-color: #000 !important;}
#footer .footer_top{ 
	overflow: hidden; 
	height: 55px; 
	position: relative; 
	box-sizing: border-box; 
	border-bottom: 1px solid #494949; 
}
#footer .footer_top .inner { position: relative; }
#footer .footer_top ul { overflow: hidden; padding: 10px 0; }
#footer .footer_top ul li { float: left; position: relative; padding: 0 12px; }
#footer .footer_top ul li:before {border-left:1px solid #767676; content: ''; position:absolute; top:50%; left:0; width: 1px; height: 12px; margin-top:-6px}
#footer .footer_top a{color: #bdbdbd; font-size: 13px; line-height: 35px;}
#footer .footer_top a:hover { color: #fff; }
#footer .footer_top ul li:first-child{padding-left: 0;}
#footer .footer_top ul li:first-child:before{border:none}
#footer .footer_top .btn_more { display: none; position: absolute; top: 13px; right: 0; width: 45px; height: 25px; background: url('../images/common/btn_footer_more.png') center no-repeat; text-indent: -9999px; }
#footer .footer_top.active .btn_more { display: block; }
#footer .footer_top.active .inner { padding-right: 55px; }
#footer .footer_top.on { height: auto; }
#footer .footer_top .btn_top { float: right; height: 55px; cursor: pointer; border: 0; color: #fff; background-color: transparent; padding-top: 15px; font-size: 13px; position: relative; }
#footer .footer_top .btn_top:before { content: ''; position: absolute; top: 10px; left: 50%; background: url('../images/common/top_arrow.png') center no-repeat; width: 15px; height: 8px; margin-left: -7.5px; }

#footer .footer_bottom { padding: 30px 0; color: #bdbdbd; }
#footer .footer_bottom .inner { position: relative; }
#footer .footer_bottom .site_info { position: relative; padding-left: 180px; box-sizing: border-box; margin-bottom: 30px; }
#footer .footer_bottom .site_info .footer_logo { position: absolute; top: -10px; left: 0; display: inline-block; }
#footer .footer_bottom .site_info ul { overflow: hidden; margin-bottom: 10px; }
#footer .footer_bottom .site_info ul.site_info_1 { margin-bottom: 0; }
#footer .footer_bottom .site_info ul.site_info_2 { max-width: 600px; }
#footer .footer_bottom .site_info ul li { font-size: 12px; line-height: 22px; color: #bdbdbd; float: left; margin-right: 15px; }
#footer .footer_bottom .site_info ul li a { color: #bdbdbd; }
#footer .footer_bottom .site_info ul li span { font-weight: bold; }
#footer .footer_bottom .site_info .copyright { padding-bottom: 5px; font-size: 12px; line-height: 17px; color: #bdbdbd; }
#footer .footer_bottom .bank_info { position: absolute; top: 0; right: 0; }
#footer .footer_bottom .bank_info p { font-size: 13px; line-height: 20px; margin-bottom: 5px; }
#footer .footer_bottom .bank_info .acount_num { font-size: 18px; line-height: 20px; font-weight: bold; }
#footer .footer_bottom .bank_info .acount_num a { color: #bdbdbd; }
#footer .footer_bottom .bank_info .acount_num img { vertical-align: middle; margin-right: 10px; }
#footer .footer_bottom .sns { text-align: center; }
#footer .footer_bottom .sns li { display: inline-block; padding: 0 10px; }
#footer .footer_bottom .sns li a { opacity: 0.5; }
#footer .footer_bottom .sns li a:hover { opacity: 1; }
*/

.body { width: 100%; min-height: 800px; display: inline-block; 
	background-size: cover; }
.black_body { padding: 100px 0; background-color: #313131; background-color: rgba(0,0,0,0.8); }
.main_body { min-height: 800px; }

#title_area { text-align: center; padding: 100px 0 50px; }
#title_area h1 { margin-bottom: 20px; font-weight: bold; }
#title_area h4 { margin-bottom: 20px; letter-spacing: 5px; text-transform: uppercase; }
#title_area .line { background-color: #e6950c; width: 1px; height: 27px; margin: 0 auto; }

/* MAIN */
#header.main_header { background-color: transparent; padding-top: 30px; }
#header.main_header.fixed { background-color: #1a1a1a; padding-top: 0; }

#main > section { height: 990px; }
#main > section > .container { display: table; width: 90%; height: 100%; position: relative; text-align: center; }
#main > section > .container > .middle { display: table-cell; vertical-align: middle; position: relative; padding: 70px 0; }
#main > section > .container > .top { display: table-cell; vertical-align: top; }
#main > section > .container .feature_title { text-transform: uppercase; }
#main_intro { background: #1a1a1a url('../images/main/bg_main_intro.jpg') center no-repeat; background-size: cover; }
#main_intro .intro_logo {  }
#main_intro .intro_logo img { max-width: 50%; }
#main_intro .btn { border:1px solid #b4b4b4; color: #b4b4b4; font-size: 15px; margin-top: 5%; width: 210px; height: 55px; line-height: 55px; font-weight: bold; }
#main_intro .btn:hover { border:1px solid #fff; color: #fff; }
#main_intro .scroll_down { position: absolute; bottom: 3%; left: 50%; width: 90px; margin-left: -45px; }
#main_intro .scroll_down p { font-size: 12px; line-height: 23px; margin-bottom: 10px; color: #fff; font-weight: bold; }

#main_propos { background: #000 url('../images/main/bg_main_propos.jpg') center no-repeat; background-size: cover; }
#main_propos .feature_desc span { color: #fac05a; }
#main_propos .tit_top { position: absolute; top: 10%; width: 100%; }
#main_propos .tit_top .feature_desc { font-size: 20px; line-height: 35px; color: #fff; padding-top: 5%; max-width: 600px; margin: 0 auto; }
#main_propos .tit_bottom { position: absolute; bottom: 10%; width: 100%; }
#main_propos .tit_bottom .feature_title { line-height: 80px; border-bottom: 1px solid #fac05a; color: #fff; display: inline-block; }
#main_propos .tit_bottom .feature_title span { color: #fac05a; font-weight: bold; }
#main_propos .tit_bottom .feature_desc { font-size: 16px; line-height: 25px; color: #fff; padding-top: 5%; max-width: 700px; margin: 0 auto; }

#main_media { background: #fff url('../images/main/bg_main_media.png') center no-repeat; }
#main_media .contant { max-width: 660px; margin: 0 0 0 auto; }
#main_media .vod { margin-bottom: 50px; position: relative; min-height: 340px; }
#main_media .vod .cover_img { position: absolute; top: 0; left: 0; height: 100%; cursor: pointer; background-color: #000; }
#main_media .vod .cover_img .inner { display: table; width: 100%; height: 100%; }
#main_media .vod .cover_img .inner span { display: table-cell; vertical-align: middle; }
#main_media .row.stats { padding-bottom: 60px; }
#main_media .row.stats .col .stat { font-size: 100px; line-height: 100px; color: #fac05a; font-weight: 300; }
#main_media .row.stats .col p { font-size: 14px; line-height: 18px; color: #5a5a5a; text-transform: uppercase; }
#main_media .row.desc { display: table; }
#main_media .row.desc .txt { display: table-cell; float: none; vertical-align: middle; text-align: left; font-size: 16px; line-height: 28px; color: #5a5a5a; padding: 0 10px 0 40px; }
#main_media .row.desc .map { display: table-cell; float: none; vertical-align: middle; }
#main_media .row.desc .map img {  }

#main_guide { background: #222 url('../images/main/bg_main_guide.jpg') center no-repeat; background-size: cover; }
#main_guide .feature_title { letter-spacing: 8px; font-family: 'Noto Sans KR', Arial, sans-serif; font-weight: 800; padding: 0 0 10% 0; color: #8a8a8a; }
#main_guide .feature_desc { text-align: center; font-size: 16px; line-height: 30px; color: #bdbdbd; padding-top: 30px; }
#main_guide .feature_desc p { padding-top: 30px; }

#main_different { background: #fff; }
#main_different .feature_title { letter-spacing: 8px; font-family: 'Noto Sans KR', Arial, sans-serif; font-weight: 800; padding: 0 0 5% 0; color: #000; }
#main_different .feature_desc { font-size: 16px; line-height: 30px; color: #585757; padding-top: 30px; padding-bottom: 5%; }
#main_different .feature_desc p { margin-bottom: 30px; }
#main_different .row .col h4 { color: #000; text-transform: uppercase; letter-spacing: 4px; font-family: 'Noto Sans KR', Arial, sans-serif; font-weight: 800; padding-bottom: 10px; line-height: 20px; height: 40px; }

#main_stats { background-color: #242424; height: auto !important; }
#main_stats .row .col .stat { font-size: 40px; line-height: 30px; color: #fac05a; padding-bottom: 25px; font-weight: 300; }
#main_stats .row .col p { font-size: 15px; line-height: 23px; color: #bdbdbd; text-transform: uppercase; font-family: 'Noto Sans KR', Arial, sans-serif; }

#theme section.feature01 { padding-bottom: 100px; }
#theme section.feature01 .row { margin: 0 -2%; }
#theme section.feature01 .row .col { padding: 2%; }
#theme section.feature01 .row .col:nth-child(1) .tit { background: url('../images/theme/tit_01.png') right top no-repeat; }
#theme section.feature01 .row .col:nth-child(2) .tit { background: url('../images/theme/tit_02.png') right top no-repeat; }
#theme section.feature01 .row .col:nth-child(3) .tit { background: url('../images/theme/tit_03.png') right top no-repeat; }
#theme section.feature01 .tit { margin-bottom: 50px; max-width: 370px; }
#theme section.feature01 .tit h2 { margin-bottom: 5px; font-weight: bold; font-size: 32px; line-height: 40px; color: #2a2a2a; }
#theme section.feature01 .tit h2 span { color: #e6950c; }
#theme section.feature01 .tit p { margin-bottom: 10px; font-size: 26px; line-height: 40px; color: #2a2a2a; }
#theme section.feature01 .tit .line { width: 23px; height: 1px; background-color: #e6950c; }
#theme section.feature01 .txt { font-size: 16px; line-height: 30px; }
#theme section.feature02 { padding-bottom: 100px; }
#theme section.feature02 .row .col { border: 1px solid #c9c9c9; padding: 20px; }
#theme section.feature02 .row .col:nth-child(even) { background-color: #fff; background-color: rgba(255,255,255,0.5); }
#theme section.feature02 .img { text-align: center; margin-bottom: 5px; }
#theme section.feature02 .txt { text-align: center; }
#theme section.feature02 .txt h2 { font-size: 20px; line-height: 30px; color: #000; margin-bottom: 5px; font-weight: bold; }
#theme section.feature02 .txt p { font-size: 15px; line-height: 20px; color: #787878; height: 60px; overflow: hidden; }
#theme section.feature03 {  }
#theme section.feature03 .row { margin: 0 -1%; }
#theme section.feature03 .row .col { padding: 1%; margin-bottom: 25px; }
#theme section.feature03 .row .col:nth-child(4n-3) {clear:both;}
#theme section.feature03 .img { margin-bottom: 15px; cursor: pointer; position: relative; }
#theme section.feature03 .img img { width: 100%; }
/* #theme section.feature03 .img:hover .over, */
#theme section.feature03 .img.active .over { visibility: visible; opacity: 1; }
#theme section.feature03 .img .over { visibility: hidden; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../images/theme/over_bg.png') center repeat; overflow: hidden;
	-webkit-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    -moz-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    -ms-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    -o-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
}
#theme section.feature03 .img .over .inner { width:100%; padding: 20px 30px; position: absolute; top: 0; left: 0; z-index: 1; height: 100%; overflow-y: auto; overflow-x: hidden; box-sizing: border-box; }
#theme section.feature03 .img .over .inner::-webkit-scrollbar {width:0 !important; height:0 !important;}
#theme section.feature03 .img .over .close { position: absolute; top: 10px; right: 15px; z-index: 2; text-indent: -99999px; width: 25px; height: 25px; background: url('../images/ico/ico_close.png') center no-repeat; }
#theme section.feature03 .img .over .tit { color: #fff; font-size: 17px; line-height: 100%;  margin: 10px 0 15px; }
#theme section.feature03 .img .over .level { margin-bottom: 25px; width:100% !important; }
#theme section.feature03 .img .over .level span { color: #ccc; font-size: 15px; line-height: 30px; display: inline-block; margin-right: 10px; }
#theme section.feature03 .img .over .level .ico { width: 15px; height: 17px; }
#theme section.feature03 .img .over .level .level_inner td {width: 50%;}
#theme section.feature03 .img .over .level .level_inner {width: 100%;}
#theme section.feature03 .img .over .desc { color: #bababa; font-size: 14px; line-height: 22px; height:auto !important;}
#theme section.feature03 .opt { overflow: hidden; position: relative; padding-right: 130px; }
#theme section.feature03 .opt select { width: 100%; }
#theme section.feature03 .opt button { width: 120px; color: #e6950c; position: absolute; top: 0; right: 0; }
#theme section.feature03 .medal { position: absolute; top: 0; left: 0; width: 70%; overflow: hidden; padding: 10px 5px; }
#theme section.feature03 .medal li { float: left; width: 33.333333%; padding: 0 2.5px; box-sizing: border-box; }

#branch section.branch_list { padding-bottom: 100px; }
#branch section.branch_list .selectArea { text-align: center; margin-bottom: 60px; }
#branch section.branch_list .selectArea select { max-width: 190px; margin-bottom: 10px; }
#branch section.branch_list .row { margin: 0 -2%; }
#branch section.branch_list .row .col {float:none;display:inline-block; text-align: center; padding: 0 2%; margin-bottom: 40px;width:24.5%; }
#branch section.branch_list .row .col .img { margin-bottom: 30px; }
#branch section.branch_list .row .col .tit { margin-bottom: 10px; }
#branch section.branch_list .row .col .btn { border: 0; background-color: transparent; }
#branch section.branch_list .row .col .ico { background-size: 16px; }

#branch section.branch_view {  }
#branch section.branch_view h2 { color: #e6950c; font-weight: bold; margin-bottom: 30px; border-left: 2px solid #e6950c; padding-left: 10px; line-height: 1; }
#branch section.branch_view .row { margin-bottom: 60px; }
#branch section.branch_view .col { float: right; }
#branch section.branch_view .map_area {  }
#branch section.branch_view #map { margin-bottom: 40px; max-height: 360px; overflow: hidden; }
#branch section.branch_view #map img { width: 100%; }
#branch section.branch_view .contact { display: table; width: 100%; margin-bottom: 40px; }
#branch section.branch_view .contact li { display: table-cell; padding: 15px 0; padding-left: 55px; vertical-align: middle; min-height: 55px; box-sizing: border-box; margin-bottom: 10px; }
#branch section.branch_view .contact li.location { font-size: 15px; line-height: 22px; color: #bababa; padding-right: 40px; background: url('../images/branch/ico_location.png') left center no-repeat; }
#branch section.branch_view .contact li.call { font-size: 40px; line-height: 36px; color: #e6950c; background: url('../images/branch/ico_call.png') left center no-repeat; }
#branch section.branch_view .desc { line-height: 22px; color: #bababa; padding-bottom: 40px; border-bottom: 1px solid #8b631e; }
#branch section.branch_view .img_area { padding-right: 4%; overflow: hidden; }
#branch section.branch_view .img_area .slider-for { position: relative; }
#branch section.branch_view .img_area .slider-for .item { height: auto; position: relative; max-height: 360px; }
#branch section.branch_view .img_area .slider-for .item img { width: 100%; }
#branch section.branch_view .img_area .slider-nav { overflow: hidden; margin-top: 15px; position: relative; }
#branch section.branch_view .img_area .slider-nav:before,
#branch section.branch_view .img_area .slider-nav:after { content: ""; position: absolute; top: 0; width: 63px; height: 100%; z-index: 4; }
#branch section.branch_view .img_area .slider-nav:before { background: url(../images/branch/slider_prev_bg.png) center no-repeat; background-size: cover; left: 0; }
#branch section.branch_view .img_area .slider-nav:after { background: url(../images/branch/slider_next_bg.png) center no-repeat; background-size: cover; right: 0; }
#branch section.branch_view .img_area .slider-nav .slick-list { margin: 0 -7.5px; }
#branch section.branch_view .img_area .slider-nav .item { width: 33.3333%; height: auto; float: left; cursor: pointer; padding: 0 7.5px; max-height: 120px; }
#branch section.branch_view .img_area .slider-nav .slick-arrow{ color: #FFF; zoom: 1; width: 30px; height: 100%; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; overflow: hidden;position: absolute;top:0;cursor: pointer; z-index: 5; text-indent: -9999px;}
#branch section.branch_view .img_area .slider-nav .slick-prev{background: url(../images/branch/slider_prev.png) center center no-repeat; left: 0; }
#branch section.branch_view .img_area .slider-nav .slick-next{background: url(../images/branch/slider_next.png) center center no-repeat; right: 0;}

#board section.board_list { padding-bottom: 100px; }
#board section.board_list #board_tab { margin-bottom: 35px; position: relative; border-bottom: 2px solid #1a1a1a; }
#board section.board_list #board_tab ul { overflow: hidden; }
#board section.board_list #board_tab ul li { float: left; position: relative; display: table; }
#board section.board_list #board_tab ul li:before {background-color: #1a1a1a; content: ''; position:absolute; top:50%; right:-1px; width: 1px; height: 12px; margin-top:-6px},
#board section.board_list #board_tab ul li:last-child {  }
#board section.board_list #board_tab ul li:last-child:before{ display: none; }
#board section.board_list #board_tab ul li a{ word-break:keep-all; display: table-cell; vertical-align: middle; color: #1a1a1a; font-size: 15px; line-height: 20px; height: 60px; padding: 0 35px; font-weight: bold; }
#board section.board_list #board_tab ul li a:hover { color: #000; }
#board section.board_list #board_tab ul li.active a { color: #fff; background-color: #1a1a1a; }
#board section.board_list #board_tab ul li.active:before { display: none; }
#board section.board_list #board_top { position: relative; display: inline-block; width: 100%; }
#board section.board_list #board_top .board_info { font-size: 14px; color: #1a1a1a; font-weight: bold; position: absolute; bottom: 0; left: 0; margin-bottom: 15px; }
#board section.board_list #board_top .board_info span { color: #e6950c; }
#board section.board_list #board_top .board_search { max-width: 450px; margin-left: auto; margin-bottom: 15px; text-align: right; }
#board section.board_list #board_top .board_search select { max-width: 200px; }
#board section.board_list #board_list .end { color: #999; }

#board section.board_view { padding-bottom: 100px; }
#board section.board_view #board_view td { padding: 20px; }
#board section.board_view #board_view .view_title { font-weight: bold; }
#board section.board_view #board_view .view_info {  }
#board section.board_view #board_view .view_info ul li { display: inline-block; margin: 5px 0; margin-right: 60px;  }
#board section.board_view #board_view .view_info ul li span { color: #999; margin-right: 10px; }
#board section.board_view #board_view .view_contants { min-height: 300px; vertical-align: top; display: inline-block; width: 100%; }
#board section.board_view #board_view .pw_area { padding: 50px 0; }
#board section.board_view .btn_group .btn { width: 100px; }

#board section.board_write { padding-bottom: 100px; }
#board section.board_write #board_write th { width: 15%; }
#board section.board_write #board_write td {  }
#board section.board_write #board_write .ipt { max-width: 100%; width: 100%; }
#board section.board_write #board_write .selectBranch { max-width: 250px; }
#board section.board_write .btn_group .btn { width: 100px; }

#franchise h2.tilte { position: relative; font-weight: bold; margin-bottom: 25px; }
#franchise h2.tilte:before { content: "-"; color: #e6950c; margin-right: 10px; }
#franchise section.feature01 { padding-bottom: 35px; }
#franchise section.feature01 .contact { display: table; width: 100%; max-width: 780px; }
#franchise section.feature01 .contact li { display: table-cell; padding: 15px 0; margin-bottom: 20px;  padding-left: 90px; vertical-align: middle; min-height: 55px; box-sizing: border-box; margin-bottom: 10px; background: url('../images/franchise/ico_question.png') left center no-repeat; }
#franchise section.feature01 .contact li h3 { font-size: 20px; color: #2b2b2b; margin-bottom: 5px; font-weight: bold; }
#franchise section.feature01 .contact li p { font-size: 18px; color: #cb8000; font-weight: bold; }
#franchise section.feature02 { padding-bottom: 45px; }
/*#franchise section.feature02 .cont_img { width: 100%; height: 325px; background-color: #b5b5b5; }*/
#franchise section.feature02 .cont_img { width: 100%;}
#franchise section.feature03 {/* padding-bottom: 100px; */}
#franchise section.feature03 h1 { font-size: 34px; line-height: 40px; color: #2a2a2a; background-color: #e6950c; text-align: right; }
#franchise section.feature03 .color_box {font-size: 34px; line-height: 40px; color: #2a2a2a; text-align:left;}
#franchise section.feature03 .color_box p {position:relative; display:inline-block; background-color:#e6950c; padding:10px 10px 10px 0;}
#franchise section.feature03 .color_box p.t {padding-bottom:0; z-index:1;}
#franchise section.feature03 .color_box p.b {margin-top:-5px; z-index:0;}
#franchise section.feature03 ul { padding-left: 80px; }
#franchise section.feature03 ul li { margin-bottom: 35px; }
#franchise section.feature03 ul li h3 { font-size: 20px; color: #2d2d2d; font-weight: bold; margin-bottom: 10px; }
#franchise section.feature03 ul li h3 span { color: #c57e05; }
#franchise section.feature03 ul li p { line-height: 20px; }
#franchise section.feature03 .width_box {width:100%; margin:100px 0 0;}
#franchise section.feature03 .width_box td {width:100%; height:159px; background:url('/images/franchise/franchise_center_bg.jpg') no-repeat 50% 0; background-size:cover; vertical-align:middle; font-size:34px; color:#fff; font-weight:bold; text-align:center;}
#franchise section.feature03 .feature03_btm .container {position:relative; padding:60px 0 150px;}
#franchise section.feature03 .feature03_btm .bgt {position:absolute; top:0; left:0;}
#franchise section.feature03 .feature03_btm .bgb {position:absolute; bottom:0; right:0;}
#franchise section.feature03 .feature03_btm .txt {text-align:center; margin-bottom:40px;}
#franchise section.feature03 .feature03_btm .txt .t_txt {font-size:29px; color:#e7950d; font-weight:bold; margin:30px 0 30px;}
#franchise section.feature03 .feature03_btm .txt .b_txt {font-size:20px; color:#505050; margin-bottom:30px; line-height:26px;}
#franchise section.feature03 .feature03_btm .txt .b_txt strong {color:#2d2d2d; font-weight:bold;}
#franchise section.feature03 .feature03_btm .img {text-align:center;}
#franchise section.feature03 .feature03_btm .img .vw_mo {display:none;}

#franchise section.feature04 {padding-top:0;}
#franchise section.feature04 .tit {width:100%; margin-bottom:70px;}
#franchise section.feature04 .tit td {width:100%; height:158px; background:url('/images/franchise/feature04_top_bg.jpg') no-repeat 50% 0; background-size:cover; vertical-align:middle; font-size:34px; color:#fff; font-weight:bold; text-align:center;}
#franchise section.feature04 h2.tilte {font-size:26px; color:#e6950c; text-align:center; padding:50px 0 10px; margin:0;}
#franchise section.feature04 h2.tilte:before {display:none;}
#franchise section.feature04 .row { margin: 0 -3%; text-align:center; font-size:0;}
#franchise section.feature04 .col {float:none; display:inline-block; padding: 30px 3%; text-align:left; vertical-align:top;}
#franchise section.feature04 .img { margin-bottom: 30px; }
#franchise section.feature04 .img img { width: 100%; }
#franchise section.feature04 .title { display: table; width: 100%; position: relative; margin-bottom: 10px; }
#franchise section.feature04 .title:before { content: ''; width: 23px; height: 1px; background-color: #e6950c; position: absolute; bottom: 0; left: 0; }
#franchise section.feature04 .title li { display: table-cell; vertical-align: middle; height: 55px; }
#franchise section.feature04 .title li:nth-child(1) { color: #fff; font-size: 26px; line-height: 30px; font-weight: bold; min-width: 100px; }
#franchise section.feature04 .title li:nth-child(2) { color: #ccc; font-size: 18px; line-height: 20px; }
#franchise section.feature04 .desc { font-size: 18px; line-height: 25px; color: #fff; }
#franchise section.feature04 .desc em {font-family:'nanum gothic';}

#unreal h2.tilte { position: relative; font-weight: bold; margin-bottom: 25px; }
#unreal h2.tilte:before { content: "-"; color: #e6950c; margin-right: 10px; }
#unreal section.feature01 { padding-bottom: 35px; }
#unreal section.feature01 .contact { display: table; width: 100%; max-width: 780px; }
#unreal section.feature01 .contact li { display: table-cell; padding: 15px 0; margin-bottom: 20px;  padding-left: 90px; vertical-align: middle; min-height: 55px; box-sizing: border-box; margin-bottom: 10px; background: url('../images/unreal/ico_question.png') left center no-repeat; }
#unreal section.feature01 .contact li h3 { font-size: 20px; color: #2b2b2b; margin-bottom: 5px; font-weight: bold; }
#unreal section.feature01 .contact li p { font-size: 18px; color: #cb8000; font-weight: bold; }
#unreal section.feature02 { padding-bottom: 45px; }
/*#unreal section.feature02 .cont_img { width: 100%; height: 325px; background-color: #b5b5b5; }*/
#unreal section.feature02 .cont_img { width: 100%;}
#unreal section.feature03 {/* padding-bottom: 100px; */}
#unreal section.feature03 h1 { font-size: 34px; line-height: 40px; color: #2a2a2a; background-color: #e6950c; text-align: right; }
#unreal section.feature03 .color_box {font-size: 34px; line-height: 40px; color: #2a2a2a; text-align:left;}
#unreal section.feature03 .color_box p {position:relative; display:inline-block; background-color:#e6950c; padding:10px 10px 10px 0;}
#unreal section.feature03 .color_box p.t {padding-bottom:0; z-index:1;}
#unreal section.feature03 .color_box p.b {margin-top:-5px; z-index:0;}
#unreal section.feature03 ul { padding-left: 80px; }
#unreal section.feature03 ul li { margin-bottom: 35px; }
#unreal section.feature03 ul li h3 { font-size: 20px; color: #2d2d2d; font-weight: bold; margin-bottom: 10px; }
#unreal section.feature03 ul li h3 span { color: #c57e05; }
#unreal section.feature03 ul li p { line-height: 20px; }
#unreal section.feature03 .width_box {width:100%; margin:100px 0 0;}
#unreal section.feature03 .width_box td {width:100%; height:159px; background:url('/images/unreal/unreal_center_bg.jpg') no-repeat 50% 0; background-size:cover; vertical-align:middle; font-size:34px; color:#fff; font-weight:bold; text-align:center;}
#unreal section.feature03 .feature03_btm .container {position:relative; padding:60px 0 150px;}
#unreal section.feature03 .feature03_btm .bgt {position:absolute; top:0; left:0;}
#unreal section.feature03 .feature03_btm .bgb {position:absolute; bottom:0; right:0;}
#unreal section.feature03 .feature03_btm .txt {text-align:center; margin-bottom:40px;}
#unreal section.feature03 .feature03_btm .txt .t_txt {font-size:29px; color:#e7950d; font-weight:bold; margin:30px 0 30px;}
#unreal section.feature03 .feature03_btm .txt .b_txt {font-size:20px; color:#505050; margin-bottom:30px; line-height:26px;}
#unreal section.feature03 .feature03_btm .txt .b_txt strong {color:#2d2d2d; font-weight:bold;}
#unreal section.feature03 .feature03_btm .img {text-align:center;}
#unreal section.feature03 .feature03_btm .img .vw_mo {display:none;}

#unreal section.feature04 {padding-top:0;}
#unreal section.feature04 .tit {width:100%; margin-bottom:70px;}
#unreal section.feature04 .tit td {width:100%; height:158px; background:url('/images/unreal/feature04_top_bg.jpg') no-repeat 50% 0; background-size:cover; vertical-align:middle; font-size:34px; color:#fff; font-weight:bold; text-align:center;}
#unreal section.feature04 h2.tilte {font-size:26px; color:#e6950c; text-align:center; padding:50px 0 10px; margin:0;}
#unreal section.feature04 h2.tilte:before {display:none;}
#unreal section.feature04 .row { margin: 0 -3%; text-align:center; font-size:0;}
#unreal section.feature04 .col {float:none; display:inline-block; padding: 30px 3%; text-align:left; vertical-align:top;}
#unreal section.feature04 .img { margin-bottom: 30px; }
#unreal section.feature04 .img img { width: 100%; }
#unreal section.feature04 .title { display: table; width: 100%; position: relative; margin-bottom: 10px; }
#unreal section.feature04 .title:before { content: ''; width: 23px; height: 1px; background-color: #e6950c; position: absolute; bottom: 0; left: 0; }
#unreal section.feature04 .title li { display: table-cell; vertical-align: middle; height: 55px; }
#unreal section.feature04 .title li:nth-child(1) { color: #fff; font-size: 26px; line-height: 30px; font-weight: bold; min-width: 100px; }
#unreal section.feature04 .title li:nth-child(2) { color: #ccc; font-size: 18px; line-height: 20px; }
#unreal section.feature04 .desc { font-size: 18px; line-height: 25px; color: #fff; }
#unreal section.feature04 .desc em {font-family:'nanum gothic';}
/*
#reservation #title_area .linkArea { margin-top: 30px; }
#reservation #title_area .linkArea li { display: inline-block; padding: 12px; position: relative; }
#reservation #title_area .linkArea li:nth-child(2):before { content: ""; position: absolute; left: -1.5px; top: 50%; margin-top: -1.5px; width: 3px; height: 3px; background-color: #000; }
#reservation #title_area .linkArea li a { color: #000; font-weight: bold; }

#reservation #title_area .selectArea { text-align: center; margin-top: 30px; }
#reservation #title_area .selectArea select { max-width: 190px; margin-bottom: 10px; }
#reservation #title_area .selectArea .datepicker { margin-bottom: 10px; vertical-align: middle; max-width: 190px; }

#reservation section.select_branch_img { text-align: center; }
*/
#reservation section.res_list { padding-bottom: 100px; }
#reservation section.res_list ul li { }
#reservation section.res_list .title { color: #fff;  line-height: 1.2; font-family: "NanumMyeongjo"; font-weight:800;}
#reservation section.res_list .title a { white-space: nowrap; }
#reservation section.res_list .info {  }
#reservation section.res_list .level { }
#reservation section.res_list .level span { color: #fff; }
#reservation section.res_list .level .ico { width: 20px; height: 17px; }
#reservation section.res_list .personnel {}
#reservation section.res_list .row { }
/*
#reservation section.res_list .col { width: 20%; text-align: center; padding: 7.5px; }
#reservation section.res_list .col.true a { background-color: #eadac2; color: #ab6c03; display: block; padding: 20px 10px; opacity: 0.75; }
#reservation section.res_list .col.true a:hover { opacity: 1; }
#reservation section.res_list .col.false div { background-color: #d2d2d2; color: #6f6e6e; padding: 20px 10px; opacity: 0.75; }
#reservation section.res_list .col .time { font-size: 26px; line-height: 30px; }
#reservation section.res_list .col .state { font-size: 15px; line-height: 20px; font-weight: bold; }
*/

#reservation .write_header { text-align: center; margin-bottom: 40px; }
/*
#reservation .write_header h1 {margin-bottom: 30px; }
#reservation .write_header h2 { font-size: 20px; line-height: 30px; }
#reservation .write_header p { font-size: 15px; line-height: 30px; }
*/
#reservation .group-bg {
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: -1;
}
#reservation .group-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  #reservation .group-bg img {
    opacity: 0.8;
  }
}

#reservation .write_header  {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 140px;
  gap: 20px;
 padding-bottom:20px;
}
@media (max-width: 1230px) {
  #reservation .write_header  {
    gap: 20px;
    margin-top: 100px;
    padding-bottom: 50px;
  }
}
@media (max-width: 767px) {
  #reservation .write_header  {
    margin-top: 120px;
    padding-bottom: 10px;
  }
}
#reservation .write_header  .title-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 25px;
}
@media (max-width: 1230px) {
  #reservation .write_header  .title-area {
    gap: 15px;
  }
}
#reservation .write_header  .title-area .title {
  font-family: "NanumMyeongjo";
  font-weight: 600;
  font-size: 2.5vw;
  color: #fff;
}
@media (max-width: 1230px) {
  #reservation .write_header  .title-area .title {
    font-size: 3.2vw;
  }
}
@media (max-width: 767px) {
  #reservation .write_header  .title-area .title {
    font-size: 8.5vw;
  }
}
#reservation .write_header  .title-area .text {
  font-family: "NanumMyeongjo";
  font-weight: 800;
  font-size: 1.3vw;
  color: #A7813A;
  letter-spacing: -1px;
}
@media (max-width: 1230px) {
  #reservation .write_header  .title-area .text {
    font-size: 1.4vw;
  }
}
@media (max-width: 767px) {
  #reservation .write_header  .title-area .text {
    font-size: 5vw;
  }
}
#reservation .write_header  .sub {
  color: rgba(255, 255, 255, 0.6);
  font-family: "pretendard";
  font-weight: 300;
  line-height: 1.5;
  font-size: 0.9vw;
}
@media (max-width: 1230px) {
  #reservation .write_header  .sub {
    font-size: 1.4vw;
  }
}
@media (max-width: 767px) {
  #reservation .write_header  .sub {
    font-size: 3.8vw;
    width: 85%;
    margin: 0 auto;
  }
}







/*#reservation .btn_group .btn { width: 100%; max-width: 160px; }*/
#reservation section.res_info_write { padding-bottom: 200px; }

#reservation form {
  width: 75%;
  margin: 0 auto;
}
@media (max-width: 1230px) {
  #reservation form {
    width: 60%;
  }
}
@media (max-width: 767px) {
  #reservation form {
    width: calc(100% - 30px);
  }
  #reservation .container {
	padding:0;
	margin:0 auto;
	width:calc(100% - 30px);
  }
  #reservation .container form {
	width:100%;
  }
}

#reservation form .em {
	font-size: 0.8vw;
	padding-top:30px;
	text-align: center;
	color: rgba(255, 255, 255, 0.6);
	font-family: "pretendard";
	font-weight: 300;
}
@media (max-width: 1230px) {
  #reservation form .em{
    font-size: 1.1vw;
  }
}
@media (max-width: 767px) {
  #reservation form .em {
    font-size: 3.6vw;
  }
}

#reservation .write_form { 
/*
	width: 100%; 
	max-width: 825px; 
	margin: 0 auto; */

	  width: 100%;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
		  -ms-flex-direction: column;
			  flex-direction: column;
	  gap: 10px;
	  margin-bottom: 30px; 
	  border-top: 2px solid rgba(255, 255, 255, 0.3);
}
#reservation .write_form table { 
	  width: 100%;
	  background: rgba(0, 0, 0, 0.7);
	  height: 100%;
	  background:rgba(0,0,0,0.7);
}

#reservation .write_form table tbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
@media (max-width: 767px) {
  #reservation .write_form table tbody {
    padding: 0 15px;
  }
}
#reservation .write_form table tr{
  width: 100%;
  min-height: 66px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.7vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1230px) {
  #reservation .write_form table tr {
    min-height: 60px;
    font-size: 1.2vw;
	
  }
}
@media (max-width: 767px) {
  #reservation .write_form table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 10px;
    font-size: 4vw;
    height: auto;
    padding: 25px 0;
    width: 100%;
  }
 }
#reservation .write_form table tr+tr {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#reservation .write_form table tbody tr.last {
  height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  padding-top: 20px;
}
@media (max-width: 767px) {
  #reservation .write_form table tbody tr.last {
    height: 140px;
    width: 100%;
  }
}
#reservation .write_form table tr.last textarea {
  width: calc(100% - 30px);
  background: rgba(255, 255, 255, 0.1);
  border: none;
  display: block;
  height: 100%;
  height:80px;
}
@media (max-width: 767px) {
  #reservation .write_form table tbody tr.last textarea {
    height: 70px;
    width: 100%;
  }
}

#reservation .write_form table tbody th {
  width: 200px;
  color: #fff;
  font-size:0.8vw;
   font-family: "pretendard";
  font-weight: 500;
  line-height: 1.4;
}
@media (max-width: 1230px) {
  #reservation .write_form table tbody th {
    width: 120px;
	 font-size: 1.2vw;
  }
}
@media (max-width: 767px) {
  #reservation .write_form table tbody th {
    width: 100%;
    text-align: left;
    opacity: 0.6;
	 font-size: 4vw;
  }
}
#reservation .write_form table tbody td {
  color: #fff;
  width: calc(100% - 200px);
  font-family: "pretendard";
  font-weight: 300;
  line-height: 1.4;
  font-size:0.8vw;
}
@media (max-width: 1230px) {
  #reservation .write_form table tbody td {
    width: calc(100% - 120px);
	font-size: 1.2vw;
  }
}
@media (max-width: 767px) {
  #reservation .write_form table tbody td {
    width: 100%;
	 font-size: 4.5vw;
  }
}
#reservation .write_form table tbody td input {
  background: rgba(255, 255, 255, 0.1);
  padding: 12px;
  width:120px;
}
@media (max-width: 1230px) {
  #reservation .write_form table tbody td input {
    width:80px;
  }
}
@media (max-width: 767px) {
  #reservation .write_form table tbody td input {
    width:100%;
  }
}
#reservation .write_form table tbody td select {
  width: 100px;
  display: inline-block;
  padding: 13px;
  background: rgba(255, 255, 255, 0.1) url("../assets/images/icon_select_arrow.png") no-repeat right 5px center;
}
#reservation .write_form table tbody td select[name="inwon_"] {
  width: 200px;
}
#reservation .write_form table tbody option{
	background: rgba(0,0,0,0.9);
    line-height: 1.3 !important;
	color:#fff !important;
}
@media (max-width: 1230px) {
  #reservation .write_form table tbody td select {
    width: 80px;
    background: rgba(255, 255, 255, 0.1) url("../assets/images/icon_select_arrow.png") no-repeat right 0px center;
  }

  #reservation .write_form table tbody td select[name="inwon_"] {
    width: 100px;
  }
}
@media (max-width: 767px) {
  #reservation .write_form table tbody td select {
    width: 30%;
  }
  #reservation .write_form table tbody td select[name="inwon_"] {
    width: 200px;
  }
}
@media (max-width: 767px) {
  #reservation .write_form table tbody td .numField {
    width: 30%;
  }
}
#reservation .write_form table tbody td .ipt_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding:10px 0;
}
@media (max-width: 767px) {
  #reservation .write_form table tbody td .ipt_group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 0;
	margin:0;
  }
}
#reservation .write_form table tbody td .ipt_group input {
  width: 10px;
  height: 10px;
  background: rgba(0, 0, 0, 0);
}
#reservation .write_form table tbody td .ipt_group label {
  margin-right: 20px;
  position: relative;
}
#reservation .write_form .checktd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 15px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media (max-width: 767px) {
  #reservation .write_form .checktd {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
#reservation .write_form .checktd .fr {
  width: 200px;
  text-align: center;
  background: rgba(255, 255, 255, 0.1);
  -webkit-transition: 0.28s ease;
  transition: 0.28s ease;
}
@media (max-width: 1230px) {
  #reservation .write_form .checktd .fr {
   
  }
}
@media (max-width: 767px) {
  #reservation .write_form .checktd .fr {
    width: 100%;
    margin-bottom: 15px;
  }
}
#reservation .write_form .checktd .fr .privacybtn {
  display: block;
  padding:15px 0;
  font-size: 0.8vw;
  font-family: "pretendard";
  color: #fff;
}
@media (max-width: 1230px) {
  #reservation .write_form .checktd .fr .privacybtn {
    font-size: 1.2vw;
  }
}
@media (max-width: 767px) {
  #reservation .write_form .checktd .fr .privacybtn {
    font-size: 3.6vw;
  }
}
#reservation .write_form .checktd .fr:hover {
  background: rgba(255, 255, 255, 0.3);
}
#reservation .write_form .checktd label {
  -webkit-transition: 0.28s ease;
  transition: 0.28s ease;
  font-size: 0.8vw;
  color: #fff;
  font-family: "pretendard";
  font-weight: 300;
  position: relative;
}
@media (max-width: 1230px) {
  #reservation .write_form .checktd label {
    font-size: 1.2vw;
  }
}
@media (max-width: 767px) {
  #reservation .write_form .checktd label {
    font-size: 3.6vw;
    text-align: left;
    margin-left: 30px;
  }
}
#reservation [type="checkbox"].right+label {
	padding-right:0;
}
#reservation [type="checkbox"]+label:before{
	top:0;
	left:-30px;
}
#reservation [type="checkbox"].right:checked+label:after{
	top:6px;
	left:-18px;
}

#reservation form .btn_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1230px) {
  #reservation form .btn_group {
    margin-top: 15px;
  }
}
#reservation form .btn_group .gray {
  text-align: center;
  height:60px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #a78139;
  font-size: 0.8vw;
  color: #fff;
  display:block;
  font-family: "pretendard";
  font-weight: 300;
  -webkit-transition: 0.28s ease;
  transition: 0.28s ease;
}
@media (max-width: 1230px) {
  #reservation form .btn_group .gray {
    font-size: 1.2vw;
  }
}
@media (max-width: 767px) {
  #reservation form .btn_group .gray {
    font-size: 4vw;
  }
}
#reservation form .btn_group .gray:hover {
  background: #6F521D;
}
#reservation form .btn_group .gray2 {
  text-align: center;
  height:60px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: rgba(0, 0, 0, 1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  font-size: 0.8vw;
  color: #fff;
  font-family: "pretendard";
  font-weight: 300;
  -webkit-transition: 0.28s ease;
  transition: 0.28s ease;
  line-height:60px;
}	
@media (max-width: 1230px) {
  #reservation form .btn_group .gray2 {
    font-size: 1.2vw;
    padding: 12px 0;
  }
}
@media (max-width: 767px) {
  #reservation form .btn_group .gray2 {
    font-size: 4vw;
    padding: 20px 0;
    line-height: 1.2;
  }
}
#reservation form .btn_group .gray2:hover {
  border: 1px solid rgba(255, 255, 255, 0.3);
}




#reservation.sc-check form{
	width:60%;
}
@media (max-width: 767px) {
	#reservation.sc-check form{
		width:100%;
	}
}
#reservation.sc-check .write_form{
	margin-bottom:0;
}
@media (max-width: 1230px) {
  #reservation.sc-check form .btn_group{
    margin-top:0;
  }
}





#reservation.sc-result{
	padding-bottom:100px;
}
#reservation.sc-result .write_form{
	width:75%;
	margin:0 auto;
}
@media (max-width: 1230px) {
	#reservation.sc-result .write_form{
		width:75%;
	}
}
@media (max-width: 767px) {
	#reservation.sc-result .write_form{
		width:100%;
	}
}
@media (max-width: 1230px) {
  #reservation.sc-result .write_form .btn_group{
    margin-top:0;
  }
}
#reservation.sc-result .btn-cancel  {
	font-family: "pretendard";
     font-weight: 300;
	padding-top:20px;
	 font-size: 0.8vw;
}
@media (max-width: 1230px) {
  #reservation.sc-result .btn-cancel {
    font-size: 1.2vw;
  }
}
@media (max-width: 767px) {
  #reservation.sc-result .btn-cancel {
    font-size: 4vw;
  }
}
#reservation.sc-result .btn_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width:75%;
  margin:0 auto;
}
@media (max-width: 1230px) {
  #reservation.sc-result .btn_group {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  #reservation.sc-result .btn_group {
   width:100%;
  }
}
#reservation.sc-result .btn_group .gray {
  text-align: center;
  height:60px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #a78139;
  font-size: 0.8vw;
  color: #fff;
  display:block;
  font-family: "pretendard";
  font-weight: 300;
  -webkit-transition: 0.28s ease;
  transition: 0.28s ease;
  line-height: 60px;
}
@media (max-width: 1230px) {
  #reservation.sc-result .btn_group .gray {
    font-size: 1.2vw;
  }
}
@media (max-width: 767px) {
  #reservation.sc-result .btn_group .gray {
    font-size: 4vw;
  }
}
#reservation.sc-result .btn_group .gray:hover {
  background: #6F521D;
}
#reservation.sc-result .btn_group .btn-rev-cancel {
  text-align: center;
  height:60px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: rgba(0, 0, 0, 1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  font-size: 0.8vw;
  color: #fff;
  font-family: "pretendard";
  font-weight: 300;
  -webkit-transition: 0.28s ease;
  transition: 0.28s ease;
}	
@media (max-width: 1230px) {
  #reservation.sc-result .btn_group .btn-rev-cancel {
    font-size: 1.2vw;
  }
}
@media (max-width: 767px) {
  #reservation.sc-result .btn_group .btn-rev-cancel {
    font-size: 4vw;
  }
}
#reservation.sc-result .btn_group .btn-rev-cancel:hover {
  border: 1px solid rgba(255, 255, 255, 0.3);
}



/*
#reservation .write_form .checktd label:before {
  content: "";
  position: absolute;
  left: -30px;
  top: 20px;
  border: 1px solid #fff;
  width: 18px;
  height: 18px;
  z-index: 0;
  -webkit-transition: 0.28s ease;
  transition: 0.28s ease;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#reservation .write_form .checktd label:after {
  content: "";
  position: absolute;
  left: -26px;
  top: 24px;
  background: #fff;
  width: 10px;
  height: 10px;
  z-index: 0;
  -webkit-transition: 0.28s ease;
  transition: 0.28s ease;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
*/

/*





#reservation .write_form table th,
#reservation .write_form table td { 
	padding: 25px 10px; 
	vertical-align: middle; 
}
#reservation .write_form table th { 
	font-family: "pretendard";
	font-weight: 400;
	line-height: 1.4;
}
#reservation .write_form table td { padding: 10px; padding-left: 30px; }
#reservation .write_form table td .ipt,
#reservation .write_form table td select { height: 40px; line-height: 40px; max-width: 180px; width: 100%; }
#reservation .write_form table td textarea.ipt { max-width: 100%; height: 150px; }


*/
/*
#reservation .write_form .checktd { padding: 10px 18px; color: #fff; }
#reservation .write_form .checktd .ipt_group { margin-bottom: 0; }
#reservation .write_form .em { font-size: 14px; color: #e6950c; margin-top: 10px; }
#reservation section.res_info_confirm { padding-bottom: 200px; }
*/



/*
#affiliated section.affiliated { padding-bottom: 200px; }
#affiliated section.affiliated .row .col { float: right; }
#affiliated section.affiliated .row .col:nth-child(1) { padding-left: 40px; }
#affiliated section.affiliated #map { margin-bottom: 20px; }
#affiliated section.affiliated #map img { width: 100%; }
#affiliated section.affiliated .contact_info { margin-bottom: 50px; }
#affiliated section.affiliated .contact_info li { padding: 5px 0; line-height: 28px; position: relative; padding-left: 40px; }
#affiliated section.affiliated .contact_info li .ico { width: 25px; height: 28px; margin-right: 15px; position: absolute; top: 5px; left: 0; }
#affiliated section.affiliated .request_write { background-color: #3d3d3d; padding: 60px 20px 20px; margin-bottom: 50px; }
#affiliated section.affiliated .request_write h2 { font-size: 30px; line-height: 40px; color: #fff; margin-bottom: 15px; }
#affiliated section.affiliated .request_write ul li { margin-bottom: 10px; position: relative; }
#affiliated section.affiliated .request_write label { font-size: 15px; line-height: 15px; color: #b9b9b9; border-right: 1px solid #575757; padding: 0 10px 0 20px; width: 135px; display: inline-block; box-sizing: border-box;
														position: absolute; top: 23px; left: 0; z-index: 1px;
}
#affiliated section.affiliated .request_write .ipt { border-color: #434343; color: #fff; background-color: #313131; width: 100%; padding-left: 160px; height: 60px; }
#affiliated section.affiliated .request_write textarea.ipt { box-sizing: border-box; height: auto; padding-top: 18px; padding-bottom: 18px; }
#affiliated section.affiliated .request_write .btn { width: 32.5%; color: #fff; }
#affiliated section.affiliated .request_write .btn:last-child { width:20%; color: #fff; }

#affiliated section.affiliated .request_write .agree {width: 45.5%; color: #fff;  font-size: 15px; line-height: 15px; color: #b9b9b9;padding: 0 10px 0 20px; display: inline-block; box-sizing: border-box;}
#affiliated section.affiliated .request_write .agree label {
														font-size: 13px;
														line-height: 15px;
														color: #fff;
														border-right: none;
														padding: 0;
														width: 135px;
														display: block;
														box-sizing: border-box;
														position: relative;
														top: 8px;
														left: 0;
														z-index: 1px;}

*/


#privacy h1 {font-size:32px;font-family: "NanumMyeongjo";}
@media (max-width: 1230px) {#privacy h1 {font-size:28px;}}
@media (max-width: 767px) {#privacy  h1 {font-size:26px;}}
#privacy .line{display:none;}
#privacy #title_area {padding:140px 0 30px;} 
@media (max-width: 1230px) {#privacy #title_area {padding:120px 0 30px;} }
@media (max-width: 767px) {#privacy #title_area {padding:120px 0 10px;} }

@media (max-width: 767px) {#privacy .container {width:95%;}}
#privacy section.feature01{margin-bottom: 100px; margin-left:100px;}
@media (max-width: 1230px) {#privacy section.feature01 {margin-left:80px;}}
@media (max-width: 767px) {#privacy section.feature01 {margin-left:0px;}}
#privacy section.feature01 h2{font-size: 16px; margin-bottom: 15px; color:#fff;font-family: "pretendard";}
#privacy section.feature01 .tbox{margin-bottom: 30px; color:#fff;font-family: "pretendard";}
#privacy section.feature01 h3{font-size:18px;line-height: 1.5; color:#fff;font-family: "pretendard";}
#privacy section.feature01 p{font-size: 15px; line-height: 1.5; color:#fff;font-family: "pretendard"; font-weight:300; color:rgba(255,255,255,0.8); margin-bottom:20px;}

#privacy .tbox h3::before {background:#fff;}
/*
#pop_info { max-width: 280px; min-width: inherit; max-height: 420px; }
#pop_info .img { margin-bottom: 15px; cursor: pointer; position: relative; }
#pop_info .img img { width: 100%; }
#pop_info .img.active .over { visibility: visible; opacity: 1; }
#pop_info .img .over { visibility: hidden; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../images/theme/over_bg.png') center repeat; overflow: hidden;
	-webkit-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    -moz-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    -ms-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    -o-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
}
#pop_info .img .over .inner { padding: 20px 30px; position: absolute; top: 0; left: 0; z-index: 1; height: 100%; overflow-x:hidden; overflow-y:scroll; box-sizing: border-box; }
#pop_info .img .over .inner::-webkit-scrollbar {width:0 !important; height:0 !important;}
#pop_info .img .over .close { position: absolute; top: 10px; right: 15px; z-index: 2; text-indent: -99999px; width: 25px; height: 25px; background: url('../images/ico/ico_close.png') center no-repeat; }
#pop_info .img .over .tit { color: #fff; font-size: 17px; line-height: 100%; margin: 10px 0 15px; }
#pop_info .img .over .level { margin-bottom: 20px; }
#pop_info .img .over .level span { color: #ccc; font-size: 15px; display: inline-block; margin-right: 10px; }
#pop_info .img .over .level .ico { width: 15px; height: 17px; }
#pop_info .img .over .desc { color: #bababa; font-size: 14px; line-height: 22px; height:auto; }
#pop_info .opt { overflow: hidden; position: relative; padding-right: 130px; }
#pop_info .opt select { width: 100%; }
#pop_info .opt button { width: 120px; color: #e6950c; position: absolute; top: 0; right: 0; }
#pop_info .medal { position: absolute; top: 0; left: 0; width: 70%; overflow: hidden; padding: 10px 5px; }
#pop_info .medal li { float: left; width: 33.333333%; padding: 0 2.5px; box-sizing: border-box; }
*/
.info_box { max-width:1200px;min-width:360px;width:90%;margin:0 auto; }
.info_box h5{text-align:center;color:#333399;font-size:20px;padding:0px 0 25px; }
.info_box .inner{margin-bottom:20px; }

/*1008 popup 수정*/
/*
#pop_info .level_inner {width: 100%;}
#pop_info .level_inner td {width: 50%;}
*/
.notice_step { margin-bottom:150px; width:100%; border:1px solid #333; border-radius:50px; padding:10px; box-sizing:border-box; }
.notice_step > ul {background: rgba(255,255,255,.5); border:1px dotted #000; border-radius:40px; padding:20px; box-sizing:border-box; }
.notice_step > ul::after { content:''; clear:both; display:block;}
.notice_step > ul > li { line-height:130%; margin-bottom:0 !important; float:left; margin-left:2%; width:23%;}
.notice_step > ul > li:first-child { float:left; margin-left:2%; width:23%;}
.notice_step > ul > li span { position:relative; padding-bottom:10px; color:#000; display:block; font-size:22px; font-weight:bold; border-bottom:1px solid #333;}
.notice_step > ul > li span::after { content:''; position:absolute; right:0; width:5px; height:5px; background:#333; bottom:-3px;}
.notice_step > ul > li > ul { padding-left:15px; margin-top:15px;}
.notice_step .step_txt li {font-size:16px;  list-style:square;  margin-bottom:5px !important;}
.c_red { color:#e61b1b}















@media screen and (max-width:768px) {
	.notice_step > ul > li { width:45%; margin-left:4%; height:150px; margin-bottom:20px !important;}
	.notice_step > ul > li:first-child {margin-left:4%; width:45%;}
}

@media screen and (max-width:550px) {
	.notice_step > ul { padding:32px;}
	.notice_step > ul > li { height:auto; width:100%;margin-left:0;}
	.notice_step > ul > li:first-child { width:100%; margin-left:0;}
}




@media screen and (max-width: 1600px){
	#theme section.feature03 .img .over .desc { height:48% !important; overflow-y:auto; margin-bottom:20px;}

}

@media screen and (max-width: 1023px){
	#branch section.branch_view .contact li { display: inline-block; }
	#branch section.branch_view .col { width: 100%; float: none; }
	#branch section.branch_view .img_area { padding-right: 0; }
	#branch section.branch_view .img_area .slider-for .item { max-height: 600px; }
	#branch section.branch_view .img_area .slider-nav .item { max-height: 200px; }
/*
	#affiliated section.affiliated .row .col { width: 100%; }
	#affiliated section.affiliated .row .col:nth-child(1) { padding-left: 0; }

	#franchise section.feature03 .feature03_btm .bgt,
	#franchise section.feature03 .feature03_btm .bgb {width:40%;}
	#franchise section.feature03 .feature03_btm .bgt img,
	#franchise section.feature03 .feature03_btm .bgb img {width:auto; max-width:100%;}

	#affiliated section.affiliated .request_write .agree, #affiliated section.affiliated .request_write .btn, #affiliated section.affiliated .request_write .btn:last-child{ width: 100%;}
  #affiliated section.affiliated .request_write .btn{margin-top: 10px;}
	#affiliated section.affiliated .request_write .agree label{left: 15%;}
	*/

	#theme section.feature03 .img .over .level { width:100% !important;}
	#theme section.feature03 .img .over .desc { height:auto !important; max-height:130px; }
	#theme section.feature03 .row .col:nth-child(4n-3) {clear:none;}
	#theme section.feature03 .row .col { width:33.3%;}
	
}

@media screen and (max-width: 767px){
/*
	#header { background-color: #1a1a1a !important; padding-top: 0 !important; }
	#header .header_nav { position: absolute; top: 100%; left: 0; width: 100%; height: 0; overflow: auto; }
	#header .header_nav > ul > li { width: 100%; box-sizing: border-box; background-color: #272b2e; border-bottom: 1px solid #35393b; padding: 0; }
	#header .header_nav > ul > li.lang { display: none; }
	#header .header_nav > ul > li a { padding: 28px 20px; }
	#header .header_nav > ul > li > ul.depth2 { position: static; margin: 0; visibility: visible; }
	#header .header_nav > ul > li > ul > li { background-color: #191c1e; border-bottom: 1px solid #35393b; padding-left: 15px; }
	#header .header_nav > ul > li > ul > li a { padding: 20px; color: #b8b8b8; }
	#header .m_util { display: block; }
*/

/*
	#footer .footer_top .inner { padding: 0 5px; }
	#footer .footer_top ul { float: none; }
	#footer .footer_top ul li { width: 25%; text-align: center; box-sizing: border-box; padding: 0 5px; }
	#footer .footer_top .btn_top { position: fixed; bottom: 2%; right: 2%; background-color: #373737; z-index: 90; text-indent: -9999px; }
	#footer .footer_top .btn_top:after { content: "TOP"; position: absolute; top: auto; left: 0; text-indent: 0; width: 100%; }
	#footer .footer_bottom .site_info { padding-left: 0; text-align: center; }
	#footer .footer_bottom .site_info .footer_logo { position: static; margin-bottom: 30px; }
	#footer .footer_bottom .site_info ul li { float: none; display: inline-block; }
	#footer .footer_bottom .bank_info { position: static; text-align: center; margin-bottom: 30px; }
*/

	#main_intro .intro_logo img { max-width: 75%; }
	#main_propos .tit_top .feature_desc br { display: none; }
	#main_propos .tit_bottom .feature_desc br { display: none; }
	#main_propos .tit_bottom .feature_title { font-size: 2.2em; line-height: 50px; }
	#main_media { background-color: #fff; background: none; height: auto !important; }
	#main_media .row.desc .txt { padding-left: 10px; }
	#main_media .row.stats .col .stat { font-size: 80px; }
	#main_guide { height: auto !important; }
	#main_guide .row .col { width: 100%; margin-bottom: 10%; }
	#main_different { height: auto !important; }
	#main_different .feature_desc p br { display: none; }
	#main_different .row .col { width: 50%; margin-bottom: 10%; }
	#main_stats .row .col { width: 50%; margin-bottom: 10%; }

	#theme section.feature01 .row .col { width: 100%; max-width: 560px; margin: 0 auto; float: none; margin-bottom: 60px; }
	#theme section.feature01 .tit { margin-bottom: 25px; }
	#theme section.feature02 .row .col { width: 50%; }
	#theme section.feature03 .row .col { width: 50%; }
	#theme section.feature03 .row .col:nth-child(2n-1) {clear:both;}
	#theme section.feature03 .img .over .level span { width: 100%; }
	#theme section.feature03 .img .over .inner { padding: 10%; }

	#branch section.branch_list .row .col { padding: 2%; width: 49%; }

	#board section.board_list #board_top .board_info { position: static; }
	#board section.board_list #board_top .board_search { max-width: 100%; }
	#board section.board_list #board_tab ul li { width: 25%; }
	#board section.board_list #board_tab ul li a { padding: 0 5%; text-align: center; }

	#franchise section.feature01 .contact li { display: inline-block; width: 100%; }
	#franchise section.feature03 .feature03_btm .container {padding:40px 0 80px;}
	#franchise section.feature03 .width_box td {height:100px; font-size:28px; line-height:28px; word-break:keep-all;}
	#franchise section.feature03 .feature03_btm .txt .t_txt {margin:20px 0;}
	#franchise section.feature03 .col { width: 100%; }
	#franchise section.feature03 h1 { margin-bottom: 30px; text-align: left; }
	#franchise section.feature03 h1 br { display: none; }
	#franchise section.feature03 .color_box {margin-bottom:30px; font-size:30px;}
	#franchise section.feature03 .color_box p {padding:10px;}
	#franchise section.feature03 ul { padding-left: 0; }
	#franchise section.feature03 .feature03_btm .img .vw_pc {display:none;}
	#franchise section.feature03 .feature03_btm .img .vw_mo {display:block; width:100%; max-width:720px;}
	#franchise section.feature04 .tit td {height:100px; font-size:28px;}
	#franchise section.feature04 .col { width: 50%; padding:20px 3%;}

	/*
	#reservation section.res_list .col { width: 25%; }
	*/
	#reservation .write_form table th { width: 100px; }

	#reservation #title_area .selectArea {  }
	#reservation #title_area .selectArea select { display: block; } 
	#reservation #title_area .selectArea .datepicker { width: 100%; display: block; margin: 0 auto; }
	#reservation #title_area .selectArea .datepicker .ipt { width: 100%; }

	#board section.board_list #board_list thead { display: none; }
	#board section.board_list #board_list tr { border-bottom: 1px solid #d4d4d4; position: relative; }
	#board section.board_list #board_list td { display: inline-block; width: 100%; border: 0; height: auto; text-align: left; }
	#board section.board_list #board_list .num,
	#board section.board_list #board_list .view { display: none; }
	#board section.board_list #board_list .title {  }
	#board section.board_list #board_list .name { width: 50%; }
	#board section.board_list #board_list .date { width: 50%; text-align: right; }
	#board section.board_list #board_list .date.left { text-align: left; }
	#board section.board_list #board_list .end { color: #999; }
	#board section.board_list #board_list .state { width: 50%; text-align: right; }
	#theme section.feature03 .img .over .desc {max-height:none;}

}

@media screen and (max-width: 639px){
/*	#footer .footer_top ul li {  width: auto; }*/
	#theme section.feature03 .img .over .desc { max-height:130px !important;}
}

@media screen and (max-width: 520px){
	#theme section.feature03 .opt { padding-right: 0; }
	#theme section.feature03 .opt button { width: 100%; position: static; margin-top: 5px; }
	/*
	#reservation section.res_list .col { width: 33.333%; }
	*/

	#franchise h2.tilte { letter-spacing: -0.5px; font-size: 22px; }
	#franchise section.feature04 .title li { display: inline-block; width: 100%; height: auto; }
	#franchise section.feature04 .title li:nth-child(1) { margin-bottom: 5px; font-size:20px;}
	#franchise section.feature04 .desc { font-size: 15px; }

	/*#reservation .btn_group .btn { width: 49%; max-width: 100%; }*/
	#theme section.feature03 .row .col { width:100%;}
	#theme section.feature03 .img .over .desc {height:auto !important; max-height:none !important; margin-bottom:30px;}
}

@media screen and (max-width: 399px){
	.container { padding: 0 20px; }
/*	#header .header_logo { width: 100px; margin: 10px; }*/
	#main > section > .container  > .middle { padding: 70px 0; }
/*	#footer .footer_top ul li { padding: 0 7px; width: auto; }*/
}

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

}