﻿
.wrap {width: 100%;margin: 0 auto;}

/*header*/
.header {width: 100%;margin: 0px;height:86px;top: 0;z-index: 3000;position: fixed;background-color:rgba(0, 0, 0, .3)}
.menu_sbox {width: 1200px;margin: 0 auto;padding-top: 0px;position: relative;}
.fl_logo {float:left; padding-top:16px;width:175px;}
.menu_list {position:relative;top:23px; float:right;width:745px;margin:0 auto; text-align:center;border-top:0px solid #fff;border-bottom:0px solid #fff;}
.menu_list li {float: left; padding-left:75px;font-size:21px;color:#171b28;letter-spacing:-1px;padding-top:5px;padding-bottom:5px;text-shadow:1px 0px 1px #000}
.menu_list li:first-child{padding-left:20px;}
.menu_list li a{color:#fff}
.menu_list li a:hover { color: #fff;}
.menu_button{float:right; width:150px;padding-top:25px;}
.menu_bu{width:130px;height:36px;font-size:15px; border:1px solid #543019;color:#fff;font-family:'Noto Medium';background-color:#543019;cursor:pointer}
.menu_bu:hover{border:1px solid #ffde00;font-size:15px;color:#543019;font-family:'Noto Medium'; background-color:#ffde00;cursor:pointer}
/*header*/

.iph_banner{position:fixed;right:10px;top:65px; z-index:20000}

/*mobile 메뉴*/
.mobile_header_box {display: none;}
.header_m_menu {float: right;position: relative;top: 40px;}
.nav {display: none;}
/*mobile 메뉴*/

@media screen and (max-width:1200px) {
 /*아이폰 버튼 스타일 초기화 st */
input[type=text], input[type=password], input[type=submit], input[type=search], input[type=button], textarea, select {-webkit-appearance: none;}
/*아이폰 버튼 스타일 초기화 ed */
.menu_sbox {display:none;}
.iph_banner{display:none;}

/*mobile 메뉴*/
.header {width: 100%;margin: 0px;height:0px;top: 0;z-index: 3000;position:relative;background-color:#fff;border-bottom:1px solid #c7c7c7}

.mobile_header_box { width:100%; margin:0px;padding-top:10px; position:absolute;z-index:10000;top:0px ;background-color:#fff;border-bottom:1px solid #fefefe; display:block; }
.header_m_menu {width:100%; margin:0px auto;height:50px; position:absolute; top:0px ;background-color:#fff;padding:0px 0px;position:relative;z-index:10000;background-color:#fff}
.header_m_menu_img{ position:absolute;top:3px;left:0px;z-index:22000}
.header_m_menu_img img{width:125px;padding:0px 0 0 10px;}
.header_m_menu_bu img{width:30px;height:22px;position:absolute;top:9px;right:12px; z-index:10000}

nav {display:none;width:100%;height:auto;position: absolute;z-index:20000; top:60px;background-color:#fff;}
nav .memu{height:auto;font-weight:bold;background-color: #323232; padding:9px 20px;border-bottom:1px solid #666;font-size:13px;font-family: 'Noto Sans KR';letter-spacing:-1px; color:#fff}
nav .memu:hover {background-color: #323232;color:#fff;font-weight:bold;}
nav .memu a:hover {color:#796e58; font-weight:bold;}
nav .memu_a{width:100%;height: auto; padding:9px 0px;background-color: #ebebeb; border-bottom: 1px solid #fff;font-weight:bold;font-size:13px;letter-spacing:-1px;color:#626262}
nav .memu_a a{color:#626262;padding-left:20px;font-weight:bold;font-size:13px;}
nav .memu_a a:hover {color:#d8421f;font-weight:bold;font-size:13px;}
}

/*footer*/
.footer {clear: both;height:160px;z-index: 1000;position: relative;}
.footer_box {width: 100%;height: 160px;position: relative;margin: 0 auto;text-align:center;background-color:#2c3037;color:#b9b9b9;padding-top:25px;}
.footer_box li{line-height:22px; font-size:15px;letter-spacing:0px}
.footer_box a {color: #b6b6b6;}
.footer_box .lasttext{ font-size:11px;color:#66696f}
.footer_right_ba{border: 1px solid #555; width: 200px; height:32px; font-size: 13px; color: #b9b9b9;margin-top:20px;background-color:#2c3037}


@media screen and (max-width:1200px) {
.footer_sbox {width: 100%;height:160px;margin: 0 auto;text-align:center;}
.footer_box {width: 100%;height:160px;position: relative;margin: 0 auto;background-color:#2c3037}
.footer_box{width:100%;margin:0 auto;color:#b6b6b6;font-weight:100;margin-top:10px;padding-left:0px;}
.footer_box li{line-height:16px; font-size:12px;letter-spacing:0px;color: #eee;}
.footer_box a {color: #b6b6b6;}
.footer_right_ba{border: 1px solid #555; width: 200px;margin:0 auto; height:32px; font-size: 13px; color: #454545;margin-top:20px;background-color:#292929}

}
/*footer*/

.main_100{width:1200px;margin:0 auto; height:40px;}
.main_cow{position:relative;z-index:2000;}
.cow{position:absolute;right:-14px;top:-490px}

@media screen and (max-width:1200px) {
.main_100{display:none;}
}

/*main_visual*/
.mainVisual {position:relative;z-index:1000; width:100%; height:800px; margin: 0 auto; overflow: hidden; top:0px; }
.mainVisual .visualBg {margin: 0 auto;position: absolute;top: 0;left: 0;width: 100%;height: 800px;z-index: 50;}
.mainVisual .visualBg1 {background: url("/images/main/main_vi_1.png") no-repeat center 0;}
.mainVisual .visualBg2 {background: url("/images/main/main_vi_2.png") no-repeat center 0;}
.mainVisual .controller {width: 100%;position: relative;z-index: 50;margin: 0 auto;}
.mainVisual .controller {position: absolute;top: 0px;width: 94%;}
.mainVisual .controller {float: left;}
.main_arrow_box {position: relative;margin: 0 auto;}
.main_arrow_left {float: left;position: relative;left:150px;top:250px;}
.main_arrow_right {float: right;position: relative;left:0px;top: 250px;}
.mainVisual .controller2 {display:none; width:110px;position: relative;z-index: 50;margin: 0 auto;}

@media screen and (max-width:1200px) {
.mainVisual {position:relative;z-index:1000; width:100%; height:300px; margin: 0 auto; overflow: hidden; top:60px; }
.mainVisual .visualBg {margin: 0 auto;position: absolute;top: 0;left: 0;width: 100%;height: 300px;z-index: 50;}
.mainVisual .visualBg1 {background: url("/images/main/mobile_vi_1.png") no-repeat center 0; background-size:cover}
.mainVisual .visualBg2 {background: url("/images/main/mobile_vi_2.png") no-repeat center 0;background-size:cover}
.main_arrow_left {left:0px;top:200px;}
.main_arrow_left img{max-width:34px;height:65.5px;}
.main_arrow_right {right:0px;top:200px;}
.main_arrow_right img{max-width:34px;height:65.5px;}
.mainVisual .controller2 {display:none;}
}
/*main_content*/

/*main_content_1*/
.a_contbox {clear:both; width:1200px;margin:0 auto; height:auto;text-align:center;}
.a_contbox li {float:left;margin-bottom:52px;}
.red {font-weight:bold; color:#e91e0a}
.b_contbox {clear:both; width:100%;margin:0 auto;padding-top:0px}
.kb_tit{font-size:40px;font-family:'Noto Sans KR';letter-spacing:-4px;font-weight:100;color:#00bbde;padding-bottom:30px;text-align:center;}
.b_conbg {width:100%;margin:0 auto;padding-bottom:70px; height:243px;background:url(/images/main/con_bg1.png) no-repeat}
.c_contbox {clear:both; width:100%;margin:0 auto;height:319px;background:url(/images/main/co_bg1.png) no-repeat}
.c_cobox{width:1200px;height:auto;margin:0 auto;position:relative;padding:40px 0px}
.c_abox{position:relative;float:left; width:585px;height:236px;background-color:#ecf4ee}
.ctit1{padding:50px 0px 0px 50px;font-size:30px;color:#2c3037;letter-spacing:-4px; font-weight: 200;}
.ctext{padding:10px 0px 0px 50px;font-size:15px;font-weight:200;color:#2c3037;letter-spacing:0px;line-height:130%;}
.ctext a{color:#2c3037}
.c_bbox{position:relative;float:right; width:585px;height:236px;background-color:#f6e9d5}
.c_aimg{position:absolute;right:0px;top:35px;}
.c_bimg{position:absolute;right:0px;top:35px;}

@media (max-width:1200px) {
.a_contbox {clear:both; width:100%;margin:0 auto; height:auto;text-align:center;padding-top:85px;}
.a_contbox li {float:none;margin-bottom:0px;}
.a_contbox li img{max-width:100%}
.a_tit1{font-size:25px;letter-spacing:-2px;font-weight:100;line-height:110%;color:#171b28;padding-bottom:26px}
.kb_tit{font-size:30px;font-family:'Noto Sans KR';letter-spacing:-4px;font-weight:100;color:#00bbde;padding-top:20px; padding-bottom:10px;text-align:center;}
.b_conbg {width:100%;margin:0 auto;padding-bottom:70px; height:110px;background:url(/images/main/con_bg1.png) no-repeat;background-size:cover;}
.c_contbox {clear:both; width:100%;margin:0 auto;height:auto;background-color:#fff}
.c_cobox{width:100%;height:auto;margin:0 auto;text-align:center; position:relative;padding:0px 0px}
.c_cobox img {max-width:100%;} 
.c_abox{position:relative;width:100%;height:auto;padding:16px 0px 25px 0px; background-color:#ecf4ee}
.ctit1{padding:15px 0px 0px 0px;font-size:19px;color:#2c3037;letter-spacing:-2px; font-weight: 300;}
.ctext{padding:10px 0px 0px 0px;font-size:13px;font-weight:200;color:#2c3037;letter-spacing:0px;line-height:130%;}
.ctext a{color:#2c3037}
.c_bbox{position:relative;width:100%;height:auto;padding:16px 0px 25px 0px;}
.c_aimg{display:none;}
.c_bimg{display:none}
}

.h_70{height:50px}
.h_bv{height:50px}

.brand_vi_1{width:100%;height:240px;position:relative;top:0px;background:url(/images/common/sub_vi_1.png) no-repeat center; }
.brand_vi_2{width:100%;height:240px;position:relative;top:0px;background:url(/images/common/sub_vi_2.png) no-repeat center; }
.brand_vi_3{width:100%;height:240px;position:relative;top:0px;background:url(/images/common/sub_vi_3.png) no-repeat center; }
.brand_vi_4{width:100%;height:240px;position:relative;top:0px;background:url(/images/common/sub_vi_4.png) no-repeat center; }
.brand_vi_5{width:100%;height:240px;position:relative;top:0px;background:url(/images/common/sub_vi_5.png) no-repeat center; }

@media (max-width:1200px) {
    .h_70{height:3px}
    .h_bv{height:50px}
   .brand_vi_1{width:100%; height:80px; background:url(/images/common/sub_vi_1.png) center 0;background-size:cover; position:relative;top:59px; z-index:50;margin-bottom:25px;}
   .brand_vi_2{width:100%; height:80px; background:url(/images/common/sub_vi_2.png) center 0;background-size:cover; position:relative;top:59px; z-index:50;margin-bottom:25px;}
   .brand_vi_3{width:100%; height:80px; background:url(/images/common/sub_vi_3.png) center 0;background-size:cover; position:relative;top:59px; z-index:50;margin-bottom:25px;}
   .brand_vi_4{width:100%; height:80px; background:url(/images/common/sub_vi_4.png) center 0;background-size:cover; position:relative;top:59px; z-index:50;margin-bottom:25px;}
   .brand_vi_5{width:100%; height:80px; background:url(/images/common/sub_vi_5.png) center 0;background-size:cover; position:relative;top:59px; z-index:50;margin-bottom:25px;}
}

/*브랜드 st*/
.brand_box{clear:both; width: 1200px; margin: 0 auto;}
.brand_abox{clear:both; width: 1200px;height:500px; margin: 0 auto;}
.brand_cbox{clear:both; width: 1200px;height:auto;padding:220px 0px 0px 0px; margin: 0 auto;}
.brand_box_last{clear:both; width: 1200px;padding:40px 0px; margin: 0 auto;}
.sub_tit{font-size:40px;width:350px;margin:0 auto;letter-spacing:-4px;font-weight:100;color:#00bbde;text-align:center;background-color:#ffe72c}
.sub_atit{font-size:40px;width:350px;margin:0 auto;letter-spacing:-4px;font-weight:100;color:#ffe72c;text-align:center;background-color:#00bbde}
.fl_left{width:37%; float:left;}
.fl_right{width:62%;float:right;}
.pt_14{padding-top:14px;}
.br_atit{font-size:37px;letter-spacing:-3px;font-weight:100;color:#003b79;text-align:left;line-height:44px;padding:65px 0px 20px 0px;}
.br_btit{font-size:16px;letter-spacing:-1px;font-weight:300;color:#1f2934;text-align:left;line-height:25px;padding-top:20px;}
.br_ctit{font-size:15px;letter-spacing:-1px;font-weight:400;color:#1f2934;text-align:left;line-height:25px;padding-top:20px;}

.sub_comlogo{padding:23px 0px;}
.sub_combox{width:100%;height:550px;padding:50px 0px; background-color:#ffe72c;text-align:center;}
.sub_comsbox{width: 1200px;margin:0 auto; height: 350px; position: relative;}
.sub_comsimg{}

.sub_b1{font-size:25px;letter-spacing:-3px;font-weight:300;color:#00bbde;text-align:center;}
.sub_b2{font-size:17px;line-height:26px; letter-spacing:0px;font-weight:300;color:#8e4d28;text-align:center;padding-top:16px;}
.sub_b3{font-size:17px;line-height:26px; letter-spacing:-1px;font-weight:300;color:#36302c;text-align:center;padding-top:26px;}

.yellow{color:#ffee30}
.pt_at35{padding-top:35px;}
.br_k1box{float:left; width:550px;height:148px; text-align:right;}
.br_k1box p{font-size:35px;color:#000;font-weight:300;padding-top:30px;letter-spacing:-2px}
.br_k2box{float:right;width:635px;height:148px;}
.br_k2box p{font-size:16px;color:#171b28;font-weight:300;padding:27px 0px 0px 35px;letter-spacing:-1px;line-height:25px}
.br_k3box{float:left; width:550px;height:148px;text-align:right;}
.br_k3box p{font-size:35px;color:#000;font-weight:300;padding-top:30px;letter-spacing:-2px}
.br_k4box{float:left; width:396px;height:219px; background:url(/images/brand/k13.png) no-repeat;text-align:center;}
.br_k5box{float:left; width:396px;height:219px; background:url(/images/brand/k14.png) no-repeat;text-align:center;}
.br_k6box{float:left; width:396px;height:219px; background:url(/images/brand/k15.png) no-repeat;text-align:center;}
.k4p_tit{font-size:33px;color:#fff;font-weight:200;padding-top:28px;letter-spacing:-3px;line-height:35px;}

.br_ktext{font-size:15px;line-height:22px; color:#fff;font-weight:300;padding-top:10px;letter-spacing:-0.5px}
.br_kea{float:left;margin-right:6px;}
.cl_both{clear:both;}

@media screen and (max-width:1200px) {
.brand_box{clear:both; width: 100%; margin: 0 auto;}
.brand_abox{clear:both; width: 100%;height:auto; margin: 0 auto;}
.brand_cbox{clear:both; width: 100%;height:auto;padding:25px 0px 0px 0px; margin: 0 auto;}
.brand_box_last{clear:both; width: 100%;padding:0px 0px; margin: 0 auto;}
.sub_tit{font-size:26px;width:80%;margin:0 auto;letter-spacing:-4px;font-weight:100;color:#00bbde;text-align:center;background-color:#ffe72c}
.sub_atit{font-size:26px;width:80%;margin:0 auto;letter-spacing:-4px;font-weight:100;color:#ffe72c;text-align:center;background-color:#00bbde}
.fl_left{width:100%; float:none;margin:0 auto;text-align:center;}
.fl_left img{max-width:50%;margin:0 auto;text-align:center;}
.fl_right{width:100%;float:none;text-align:center;}
.pt_14{padding-top:14px;}
.pt_14 img{max-width:100%}
.br_atit{font-size:20px;letter-spacing:-2px;text-align:center;line-height:24px;padding:25px 0px 10px 0px;}
.br_btit{font-size:13px;letter-spacing:-1px;text-align:center;line-height:19px;padding-top:10px;}
.br_ctit{font-size:13px;letter-spacing:-1px;text-align:center;line-height:17px;padding-top:10px;padding-bottom:15px;}

.sub_combox{width:100%;height:auto;padding:0px 0px 20px 0px;}
.sub_comsbox{width: 100%;margin:0 auto; height: auto; position: relative;}
.sub_comsimg{position:relative;top:0px;padding-bottom:15px;}
.sub_comsimg img{max-width:100%;}

.sub_comlogo  img{max-width:100%;}


.sub_b1{font-size:18px;letter-spacing:-3px;}
.sub_b2{font-size:13px;letter-spacing:-1px;line-height:20px;padding-top:16px;}
.sub_b3{font-size:13px;line-height:16px; letter-spacing:-1px;padding-top:20px;}

.yellow{color:#ffee30}
.pt_at35{padding-top:20px;}
.pt_at35 img{max-width:100%;}

.br_k1box{float:none; width:100%;height:auto; text-align:center;}
.br_k1box p{font-size:20px;color:#000;font-weight:300;padding-top:10px;letter-spacing:-2px}
.br_k1box img {max-width:100%;}
.br_k2box{float:none;width:100%;height:auto;}
.br_k2box img {max-width:100%;}
.br_k2box p{font-size:13px;text-align:center;padding:4px 0px 0px 0px;letter-spacing:-1px;line-height:18px}
.br_k3box{float:none; width:100%;height:auto; text-align:center;}
.br_k3box img {max-width:100%;}
.br_k3box p{font-size:20px;color:#000;font-weight:300;padding-top:10px;letter-spacing:-2px}
.br_k4box{float:none; width:100%;height:145px; background:url(/images/brand/k13.png) no-repeat;background-size:cover }
.br_k5box{float:none; width:100%;height:145px; background:url(/images/brand/k14.png) no-repeat;background-size:cover}
.br_k6box{float:none; width:100%;height:145px; background:url(/images/brand/k15.png) no-repeat;background-size:cover}
.k4p_tit{font-size:20px;padding-top:14px;letter-spacing:-1px;line-height:21px;}

.br_ktext{font-size:13px;line-height:18px;padding-top:10px;letter-spacing:-1px}
.br_kea{float:none;margin-right:0px;}
.cl_both{clear:both;}
}


.fra_bbox{clear:both; width:1200px;margin:0 auto;}
.fr_bs_ten{font-size:15px;font-weight:500;padding-bottom:5px;color:#8e4d28;letter-spacing:-1px;}
.fr_bs_text{font-size:16px;font-weight:400;padding:10px 0px;color:#8e4d28;letter-spacing:-1px;}
.fr_bs_tenright{text-align:right;padding-bottom:5px;}

.fran_mon{width:100%;margin:20px auto;margin-bottom:65px; height:650px;padding:60px 0px; background-color:#ffe72c/* #ecf4ee*/}
.fran_mons{overflow:hidden; width:100%;margin:0px auto;margin:70px 0px; height:490px;padding-top:50px;padding-bottom:35px; background:url(/images/fran/sys_bg.jpg) no-repeat}
.fran_monsa{width:100%;margin:0px auto;height:auto;padding:60px 0px 25px 0px;  background-color:#ecf4ee/* #ecf4ee;overflow:hidden*/}

@media screen and (max-width:1200px) {
.fran_mon{width:100%;margin:20px auto;margin-bottom:30px; height:auto;padding:20px 0px;}
.fran_mons{overflow:hidden; width:100%;margin:0px auto;margin:25px 0px; height:auto;padding-top:20px;padding-bottom:20px; }
.fran_monsa{width:100%;margin:20px auto;height:auto;padding:20px 0px;overflow:hidden}
}



.fran_iqbox{width:1200px;margin-bottom:100px;margin-top:20px; }
.fr_tit1{font-size:57px;letter-spacing:-5px;font-weight:100;line-height:105%;color:#171b28;padding:73px 0px 14px 0px;text-align:center;}

.fr_tit_bg{text-align:center;font-size:25px;padding:3px 0px; font-weight:200;letter-spacing:-1px; margin:0 auto; color:#8e4d28}
.fr_pro_box{width:1200px;height:605px; margin:0 auto;background-color:#fff;margin-top:25px;margin-bottom:60px; }
.pro_table { width:99%;margin:0 auto; background-color:#fff;border:0px solid #d7d7d7}
.pro_table tr {border-bottom: 0px solid #d7d7d7;}
.pro_table td {padding:28px 0px 20px 0px;border-bottom: 0px solid #d7d7d7; text-align:center;}
.procom {position:relative; color: #323232;font-weight:300;border-bottom:0px solid #d7d7d7; border-top: 0px solid #d7d7d7;letter-spacing: -1px;background-color:#f2faf4 }
.procom_a {position:relative; color: #323232;font-weight:300;border-bottom:0px solid #d7d7d7; border-top: 0px solid #d7d7d7;letter-spacing: -1px;background-color:#fcfcfc }
.pr_text1{width:60%;margin:0 auto; font-size:14px;letter-spacing:-1px;font-weight:800;line-height:105%;color:#ffe72c;background-color:#00bbde;  padding:5px 0px;}
.pr_text2{font-size:26px;letter-spacing:-3px;font-weight:400;color:#003872;padding:10px 0px 0px 0px;}
.pr_text3{font-size:15px;letter-spacing:0px;font-weight:300;line-height:145%;color:#171b28;padding:10px 0px 5px 0px;}
.pro_table_image{position:absolute;right:0px;top:0px;}

.fra_sysbox{width:1200px;margin:0 auto;position:relative;margin-top:30px;padding-bottom:80px;}
.fsys_text1{font-size:34px;font-weight:100;line-height:30px;letter-spacing:-2px;margin-top:10px;margin-bottom:15px;color:#ffe72c;text-align:center;}
.fsys_text2{font-size:27px;font-weight:100;line-height:30px;letter-spacing:-2px;margin-top:10px;color:#fff;text-align:center;}
.fsys_text3{font-size:16px;font-weight:100;line-height:30px;letter-spacing:-1px;margin-top:5px;margin-bottom:15px;color:#fff;text-align:center;}

.fra_system{width:1200px;margin:0 auto;position:relative;padding-top:10px;}
.fra_sys_abox{width:390px;height:235px;background-color:#ecf4ee;text-align:center;float:left;box-shadow:2px 1px 2px #02030c}
.fra_sys_bbox{width:390px;height:235px;background-color:#f6e9d5;text-align:center;float:left;margin-left:11px;box-shadow:2px 1px 2px #02030c}
.fra_sys_cbox{width:390px;height:235px;background-color:#ecf4ee;text-align:center;float:left;margin-left:11px;box-shadow:2px 1px 2px #02030c}

.fsys_atit{font-size:33px;color:#2c3037;font-weight:200;letter-spacing:-3px;padding:7px 0px 5px;background-color:#00bbde;color:#ffe72c}
.fsys_btit{font-size:15px;font-weight:500;padding-top:15px;}
.fsys_ctit{font-size:15px;font-weight:300;padding-top:15px;line-height:120%}




/*개설비용 st*/
.cha_table { width: 100%;background-color:#fff}
.cha_table th {padding:18px 0 18px;  color:#fff; font-size:16px;}
.cha_table tr {line-height: 13px;border-bottom: 1px solid #d7d7d7;}
.cha_table td {font-size:16px;padding:14px 0px;border: 1px solid #d7d7d7;text-align:center; line-height:23px;}
.chacol {color: #fff;font-weight: 700;text-align: center;background-color: #003872; }
.chacom {color: #323232;font-weight:300;border-bottom:0px solid #d7d7d7; border-top: 0px solid #d7d7d7;letter-spacing: -1px;text-align: center;}
.chacom_red {color:#f00;font-weight: bold;}
.chacom_re {color:#f00;font-weight: 300;}
.chacom_vm{vertical-align:middle;font-weight: 300;}
/*개설비용 end*/


@media (max-width:1200px) {
.fra_bbox{width:100%;margin:0 auto;}

.fran_iqbox{width:100%;margin-bottom:100px;}
.fr_tit1{font-size:25px;letter-spacing:-2px;font-weight:100;line-height:110%;color:#171b28;padding:20px 0px 14px 0px;}
.fr_bs_ten{font-size:13px;text-align:center; font-weight:500;padding-bottom:5px;}
.fr_bs_tenright{font-size:11px;text-align:right;padding-bottom:2px;}
.cha_table { width: 98%;margin:0 auto; background-color:#fff}
.cha_table th {padding:10px 0px;  color:#fff; font-size:13px;}
.cha_table td {font-size:12px;padding:6px 0px;border: 1px solid #d7d7d7;text-align:center; line-height: 17px;}
.chacom {font-size:12px;}
.fr_pro_box{width:98%;height:auto; margin:0 auto;background-color:#fff;margin-top:5px; }
.pro_table { width: 98%;margin:0 auto; background-color:#fff}
.pro_table td {padding:8px 0px 6px 0px;}
.pro_table_image{vertical-align:middle}
.pro_table_image img{max-width:100%}
.pr_text1{font-size:12px;padding:5px 0px;}
.pr_text2{font-size:16px;padding:5px 0px 0px 0px;line-height:17px;letter-spacing:-1px}
.pr_text3{font-size:11px;padding:6px 0px 0px 0px;text-align:center;line-height:14px}
.pr_text3 a{color:#171b28}
.fr_tit_bg{font-size:18px;width:96%;letter-spacing:-2px; margin:0 auto;}
.fra_sysbox{width:99%;margin:0 auto;position:relative;text-align:center;}
.fra_sysbg{width:99%;height:159px;background:url(/images/fran/fr_2.png) no-repeat center 0;background-size:cover;}
.fra_system{width:100%;margin:0 auto;position:relative;text-align:center;}
.fra_system img{max-width:66px;margin:0 auto;padding-top:8px}

.fsys_text1{font-size:20px;font-weight:100;line-height:23px;letter-spacing:-1px;}
.fsys_text2{font-size:15px;font-weight:100;line-height:18px;letter-spacing:-1px;}
.fsys_text3{font-size:13px;font-weight:100;line-height:16px;letter-spacing:-1px;}

.fra_sys_abox{width:99%;margin:0 auto; height:auto;background-color:#fff;text-align:center;}
.fra_sys_bbox{width:99%;margin:0 auto;height:auto;background-color:#fff;text-align:center;margin-left:0px;}
.fra_sys_cbox{width:99%;margin:0 auto;height:auto;background-color:#fff;text-align:center;margin-left:0px;}

.fra_sys_img{position:relative;top:0px;left:0px}
.fra_sys_bimg{position:relative;top:0px;left:0px}
.fra_sys_cimg{position:relative;top:0px;left:0px}

.fsys_atit{font-size:17px;letter-spacing:-1px; padding:3px 0px}
.fsys_btit{font-size:12px;font-weight:500;padding-top:8px;line-height:15px;}
.fsys_ctit{font-size:12px;font-weight:300;padding-top:8px;padding-bottom:11px; line-height:120%}

.fr_bs_text{width:99%;margin:0 auto;text-align:center; font-size:15px;line-height:18px; font-weight:400;padding:4px 0px 10px;letter-spacing:-1px;}

}




.sys_fbox{clear: both; }
.system_fbox{clear: both; width: 1200px; margin: 0 auto;text-align:center; height:auto; background-color: #fff}
.system_tit1{font-size:50px;letter-spacing:-5px;font-weight:100;line-height:105%;color:#171b28;padding:50px 0px 16px 0px;text-align:center;}
.system_tex1{font-size:30px;font-weight:100;line-height:30px;letter-spacing:-2px;margin-top:14px;margin-bottom:3px;color:#003871}
.system_tex2{font-size:17px;color:#444;letter-spacing:-1px;font-weight:200;}

.sys_abbox{width:1200px;margin:0 auto; height:auto;margin-top:20px;padding-top:30px;}
.sy_abox{width:100%;height:235px; background-color:#fff;text-align:center;padding-bottom:25px;}
.sy_left{width:50%; float:left;}
.sy_right{width:48%;float:right;text-align:left;padding-left:1%}

.sy_atext{font-size:24px;color:#00b7dc;padding-top:20px;letter-spacing:-1px;font-weight:600}
.sy_btext p {font-size:15px;color:#171b28;padding-top:12px;line-height:18px;}
.mt_25{margin-top:25px}

.system_fasbox{clear: both; width: 1200px; margin: 0 auto;text-align:center; height:auto;overflow:hidden}
.system_fasabox{padding:20px 0px 45px 0px;}

.accordion {background-color: #f3f3f3;color: #001b37;cursor: pointer;padding: 18px;width:96%;margin:0 auto;border: none;text-align: left;outline: none;font-size:17px;transition: 0.4s;font-weight:500;border-bottom:1px solid #dedede;letter-spacing:-1px;}
.active, .accordion:hover {background-color: #00bcdf;color:#fff}
.panel {width:96%;margin:0 auto;text-align:left;padding: 0px 0px;background-color: white;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.panel p{width:96%;margin:0 auto; padding:12px 0px;  font-weight:300;}




@media (max-width:1200px) {
.sys_fbox{clear: both; height:5px;}
.system_fbox{clear: both; width: 100%; margin: 0 auto;text-align:center; height:auto; padding:0px 0px;background-color: #fff}
.system_tit1{font-size:30px;letter-spacing:-1px;font-weight:100;line-height:105%;padding:6px 0px 6px 0px;text-align:center;color:#fff}
.system_tex1{font-size:16px;font-weight:100;line-height:20px;letter-spacing:-1px}
.system_tex2{font-size:12px;color:#444;letter-spacing:-1px}

.sys_abbox{width:100%;margin:0 auto; height:auto;margin-top:0px;padding-top:15px;}
.sy_abox{float:none; width:100%;height:auto; background-color:#fff;text-align:center;padding-bottom:13px;}
.sy_abox img {max-width:100%;}
.sy_bbox img {max-width:100%;}

.sy_left{width:100%; float:none;}
.sy_right{width:100%;float:none;text-align:center;padding-left:0%}


.sy_atext{font-size:18px;color:#f80f35;padding-top:10px;letter-spacing:-1px;}
.sy_btext p {width:96%;margin:0 auto; font-size:12px;color:#171b28;padding-top:6px;line-height:14px;}
.mt_25{margin-top:5px}

.system_fasbox{clear: both; width: 100%; margin: 0 auto;padding:10px 0px }
.system_fasabox{padding:5px 0px 25px 0px;}
.accordion {background-color: #f3f3f3;color: #444;cursor: pointer;padding:10px;width: 98%;margin:0 auto;border: none;text-align: left;outline: none;font-size:14px;transition: 0.4s;font-weight:400;border-bottom:1px solid #dedede}
.active, .accordion:hover {background-color: #171b28;color:#fff}
.panel {width: 98%;margin:0 auto;text-align:left;padding: 0px 0px 0px 5px;background-color: white;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.panel p{padding:7px 0px;  font-weight:300;font-size:12px;letter-spacing:-1px;}
}

/*개설문의 st*/
.iq_box{width: 100%;margin:0 auto; margin-top:10px}            
.iq_table_area {width: 100%;margin:0 auto;}
.iq_table_title{font-size:40px;color:#5d0805;letter-spacing:-2px;padding-bottom:15px}
.iq_table_colgroup{}
.iq_table {width: 100%;margin:0 auto;font-size: 17px;font-weight:300;text-align: left;letter-spacing:-1px;border-top:2px solid #003871;background-color:#fff}
.iq_table tr{border-bottom:1px dashed #c7c7c7;}
.iq_table tr:last-child{border-bottom:0px dashed #c7c7c7;}
.join_ess{vertical-align:middle;text-align:center;color:#f75153;font-size:1.5em;}
.join_ess_m{vertical-align:middle;text-align:center;color:#69d3c4;font-size:1.5em;}
.join_tra {color: #001b37;font-weight: 300;vertical-align: middle;text-indent:20px}      
.join_trb {padding: 12px 0px;font-size:1em;color:#003871;letter-spacing:-0.5px;}
.join_trb .trb_ex {color: #003871;vertical-align:middle;padding:33px 0 0 5px;font-weight:100;font-size:1em;}
.join_trd {padding: 12px 0px;color:#564d44;}
.join_trd_red {color: #f75153;vertical-align:middle;padding-top:33px;font-weight:100;font-size:0.917em;}
.rep_box {width: 60%;height: 33px;border: 1px solid #c7c7c7;text-indent: 8px;}
.rep_ainbox {width: 26%;height: 33px;border: 1px solid #c7c7c7;text-indent: 8px;}
.rep_textare_box{width:95%;resize:none;border:1px solid #c7c7c7;padding:8px;}
.rep_abox {width: 28%;height: 35px;border: 1px solid #c7c7c7;font-size: 1em;color: #c7c7c7;background: url("/images/common/slt_arrow.png") no-repeat scroll 100% 50% #FFF;border-radius: 0px;text-indent: 0.01px;padding: 3px 2px 3px 5px;margin: 0px 5px 0px 0px;-moz-appearance: none;-webkit-appearance: none;overflow: hidden;white-space: nowrap;cursor: pointer;}
.rep_box_file {width: 90%;height: 33px;border: 1px solid #c7c7c7;vertical-align:top;}

.join_textbox {width: 100%;margin: 0 auto;border-radius:8px; background-color:#e7e7e7;margin-bottom:70px }
.join_textbox1{height:58px;background-color:#5d0805;border-radius:8px 8px 0px 0px}
.join_textbox1 li{font-size:25px;color:#fff;padding-top:16px;text-indent:28px;font-family:300;}
.join_text_box {width:98%;margin:0 auto;height:150px;border: 1px solid #c7c7c7;background: #fff;color: #908e8e;font-size:12px;padding: 10px 10px;line-height: 120%;}
.join_check {color: #003871;font-size:16px;font-weight:300;text-align: right;padding-bottom:20px;text-indent:20px;letter-spacing:-1px;}
.join_check .che_box{vertical-align:middle;margin-left:3px;width:19px;height:19px;border:1px solid #c7c7c7;}

.rep_bu_box {width: 100%;text-align: center}
.rep_bu_a {width: 150px;background:#00bbde;font-size:17px;font-weight:300;border: 1px solid #02a9c8;color: #fff;height: 41px;cursor: pointer;}
.rep_bu_a:hover{background:#0ba5c0;color:#fff;border: 1px solid #0ba5c0;} 
.rep_bu_b {width: 150px;background:#fff;font-size:17px;font-weight:300;border: 1px solid #bababa;color: #666;height: 41px;cursor: pointer;} 
.rep_bu_b:hover{color:#500402;background:#fff;border: 1px solid #bababa;}
/*개설문의 end*/

@media (max-width:1200px) {
 .iq_box{width: 97%;margin:0 auto; margin-top:10px}            
.iq_table_area {width: 97%;margin:0 auto;}
.iq_table {width: 100%;margin:0 auto;font-size:13px;font-weight:300;text-align: left;letter-spacing:-1px;border-top:2px solid #003871;background-color:#fff}
.join_tra {text-indent:5px}  
.join_text_box {width:98%;margin:0 auto;height:100px;border: 1px solid #c7c7c7;background: #fff;color: #908e8e;font-size:12px;padding: 10px 0px;line-height: 120%;}
.rep_textare_box{width:90%;resize:none;border:1px solid #c7c7c7;padding:8px;}
.join_check {font-size:14px;}
}

/*매장안내 st*/

.store_bigbox{clear:both; width:1200px;height:465px; position:relative;margin:0 auto;padding-top:35px;}
.store_title{position:absolute; left:430px;top:100px;  font-weight:100;font-size:64px;line-height:62px;letter-spacing:-7px;color:#003b79}
.store_title_a{position:absolute; left:410px;top:100px;  font-weight:100;font-size:64px;line-height:62px;letter-spacing:-7px;color:#003b79}
.store_line{position:absolute; left:698px;top:110px;width:1px;height:155px;background-color:#003b79}
.store_text{position:absolute; right:120px;top:102px;  font-weight:300;font-size:18px;line-height:34px;letter-spacing:-1px;color:#222}
.store_text_a{position:absolute; left:740px;top:102px;  font-weight:300;font-size:18px;line-height:34px;letter-spacing:-1px;color:#222}

.store_simg{position:absolute;right:0px;top:333px}
.store_bu{position:absolute;right:275px;top:220px; width:186px;height:auto;text-align:center; padding:6px 0px; border:2px solid #003b79;font-size:17px;color:#003b79}


@media (max-width:1200px) {
.store_bigbox{clear:both; width:100%;height:auto; position:relative;margin:0 auto; text-align:center;padding-top:0px;}
.store_bigbox img{max-width:100%}
.store_ppimg img{max-width:70%;margin:0 auto; text-align:center;}
.store_title{ position:relative;left:0px;top:0px;padding-top:7px; font-weight:100;font-size:40px;line-height:40px;letter-spacing:-4px;color:#003b79}
.store_title_a{position:relative;left:0px;top:0px;padding-top:7px; font-weight:100;font-size:40px;line-height:40px;letter-spacing:-4px;color:#003b79}
.store_line{display: none;}
.store_text{position:relative;left:0px;top:0px;padding-top:12px;  font-weight:300;font-size:16px;line-height:23px;letter-spacing:-1px;color:#222}
.store_text a{color:#222}
.store_text_a{position:relative;left:0px;top:0px;padding-top:12px;  font-weight:300;font-size:16px;line-height:23px;letter-spacing:-1px;color:#222}
.store_text_alast{position:relative;left:0px;top:0px;padding-top:12px;  font-weight:300;font-size:16px;line-height:23px;letter-spacing:-1px;color:#222}
.store_simg{position:relative;left:0px;top:0px;padding-top:7px; }
.store_simg img{max-width:100%}
.store_bu{position:relative;left:0px;top:0px;width:90%;margin:10px auto; height:auto;text-align:center; padding:6px 0px; border:2px solid #003b79;font-size:17px;color:#003b79}


}

/*매장안내 end*/


/*공지사항*/
.ntc_table_box{width:1200px;margin:0 auto;padding-bottom:310px;padding-top:35px;}
.ntc_table {width: 100%;}
.ntc_table thead th {font-size: 17px;font-weight: bold;color: #000;letter-spacing: -0.5px;border-top: 2px solid #626262;border-bottom: 1px solid #626262;padding: 15px 0;}
.ntc_table thead th:last-child {border-right: none;}
.ntc_table tbody td {font-size: 14px;font-weight: 300;color: #000;letter-spacing: -0.5px;border-bottom: 1px solid #ccc;padding: 15px 0;line-height: 19px;text-align: center;}
.ntc_table tbody td:last-child {border-right: none;}
.ntc_table tbody .c_num {font-weight: bold}
.ntc_table tbody .c_subject {text-align: left;padding-left: 10px;font-weight: bold}
.ntc_table tbody .c_day {}
/*공지사항ed*/

@media (max-width:1200px) {
.ntc_table_box{width:98%;margin:0 auto;padding-bottom:500px;padding-top:15px;}
.ntc_table thead th {font-size:15px;padding: 8px 0;}
.ntc_table tbody td {font-size:13px;padding:11px 0;line-height: 19px;}
}







/*메뉴*/

.nu_sbox{width:1200px;height:75px;padding-top:30px;margin:0 auto;text-align:center;}
.nu_sbox li{float:left;margin-left:3px;cursor:pointer;}
.nu_sbox li:first-child{margin-left:0px;}

.cat_bu_on{width:24.5%; background:#003b79;color:#fff;border:1px solid #001a36;}
.cat_bu_off{width:24.5%;background:#fff;border:1px solid #001a36;color:#aaa;}
.cat_bu_on p{font-size:20px;color:#fff;padding:10px 0px;letter-spacing:-1px;}
.cat_bu_off p{font-size:20px;color:#fff;padding:10px 0px;letter-spacing:-1px;}

.on_a{border:1px solid #fd3c40; background:#fd3c40;}
.on_b{border:1px solid #FF8A00; background:#FF8A00;}
.on_c{border:1px solid #00b842; background:#00b842;}
.on_d{border:1px solid #1d2b69; background:#1d2b69;}

.subbox{width:1200px;margin:0 auto; height:auto;padding-bottom:50px; }

.menu_s_title{font-size:25px;color:#796e58;width:100%; text-align:center;padding-top:10px;letter-spacing:-1px;}
.menu_stitle_eng{font-size:12px;color:#929292;line-height:16px;letter-spacing:0px;}
.mn_area {width: 100%;position:relative;z-index:800}
.mn1 { width:393px;height:auto;display: inline-block; position: relative;margin: 0px 0px 20px 0px;border:1px solid #ccc;background:#fff;}

.mn1_pd {width:393px;height:244px;padding-top: 0px;margin:0 auto;position: relative;z-index:1000;text-align:center;}
.mn1_pd img{max-width:100%;padding-top:0px;}
.mn1_bl{position:absolute;top:0px;right:47px;z-index:500}
.mn1_txt {width:100%;height:auto;text-align: center;vertical-align:middle;border-top:1px solid #c7c7c7;background-color:#f4f4f4;padding-bottom:18px;}
.mn1_txt .mn1_tit {width: 100%;word-break: keep-all;font-size:26px;background-color:#f4f4f4; font-family:'Noto Sans KR';font-weight:500;color:#111;padding-top:12px; padding-bottom:10px;letter-spacing:-2px}
.mn1_txt .mn1_eng {display:none; width: 100%;word-break: keep-all;font-size: 17px;font-weight: normal;color: #dc1717;padding-bottom: 15px;}
.mn1_txt .mn1_con {width: 90%;font-size:14px;font-family:'Noto Sans KR';font-weight:500; color: #636363;line-height: 140%;margin:0 auto;padding-bottom:20px;display:none;}

.mn_detail_areabox{width:1000px;margin:0 auto;}
.mn_detail_area {width:850px;height:735px; position:fixed;z-index:5000; margin-left:0px;top:300px;background-color:#fff }
.mn_detail_box {width: 850px;height: 735px;background-color: #fff;box-shadow: 1px 1px 1px #564d44;overflow: hidden;border: 1px solid #dadada;position: fixed;top: 50%;}
.mn_detail_box .mndt_pd {width:100%;margin:0 auto;text-align:center;}
.mn_detail_box .mndt_pds {width: 800px;height:500px;margin:0 auto;text-align:center; padding-top:50px}
.mn_detail_box .mndt_pds img{margin:0 auto;text-align:center;}
.mn_detail_box .mndt_cover {position: absolute;top: 0px;left: 0px;}
.mn_detail_box .dtpd_txt {width:100%;color:#000 ;padding-top:15px;text-align:center;}
.mn_detail_box .dtpd_txt .dtpd_tit {font-size: 33px;font-weight: 600;color: #000;letter-spacing:-2px;padding-top:3px}
.mn_detail_box .dtpd_txt .dtpd_ing {display:none;color: #929292;letter-spacing:0px;padding-bottom:10px;line-height:20px;}
.mn_detail_box .dtpd_txt .dtpd_eng {display:none; font-size: 35px;font-weight: bold;color: #c10d0e;padding-top:40px;}
.mn_detail_box .dtpd_txt .dtpd_was {display:none; font-weight:bold;font-size: 14px;color: #4f4f4f;border-bottom:0px solid #c7c7c7;padding-left:5px;line-height:150%;letter-spacing:-0.025em;}
.mn_detail_box .dtpd_txt .dtpd_Petty {font-size: 14px;color: #4f4f4f;padding-top:10px;border-bottom:0px solid #c7c7c7;border-top:0px solid #c7c7c7;padding-left:5px;width:90%;letter-spacing:-0.025em;line-height:160%}
.mn_detail_box .dtpd_txt .dtpd_con {word-break: keep-all;font-size: 17px;color: #111;padding-top:11px;padding-bottom:16px;line-height:140%;width:70%;margin:0 auto; letter-spacing:-1px}
.mn_detail_box .mndt_close {position: absolute;top:12px;right: 10px;cursor: pointer;}
.mndt_care {width:100%;margin:0 auto;text-align:center; font-size:12px;color: #747474;letter-spacing:-0.025em;line-height:160%;}

.menu_more {padding:6px 20px; background:#00bbde;border: 1px solid #00bbde;color: #ffe72c;cursor: pointer;font-weight:600}
.menu_more:hover{background:#ffe72c;color:#00bbde;border: 1px solid #00bbde;} 


@media (max-width:1200px) {

.nu_sbox{width:100%;height:auto;padding-top:10px;margin:0 auto;text-align:center;}
.nu_sbox li{float:left;cursor:pointer;margin:5px auto;}
.nu_sbox li:first-child{margin-left:0px;}

.cat_bu_on{width:24.2%;margin:0 auto; background:#003b79;color:#fff;border-top:1px solid #003b79;border-bottom:1px solid #003b79;}
.cat_bu_off{width:24.2%;margin:0 auto;background:#fff;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;color:#000;}
.cat_bu_on p{font-size:16px;color:#fff;padding:10px 0px;letter-spacing:-0.025em;}
.cat_bu_off p{font-size:16px;color:#353535;padding:10px 0px;letter-spacing:-0.025em;}

.mn_area {width: 100%;margin:0 auto;text-align:center; position:relative;z-index:800}
.subbox{width:100%;margin:0 auto; height:auto;padding-bottom:50px;padding-top:30px; }
.mn1 { width:98%;margin:0 auto; height:auto;position: relative;margin: 0px 0px 20px 0px;border:1px solid #ccc;background:#fff;}

.mn1_pd {width:100%;height:auto;padding-top: 0px;margin:0 auto;position: relative;z-index:1000;text-align:center;}
.mn1_pd img {max-width:100%;margin:0 auto;}

.mn_detail_areabox{width:100%;margin:0 auto;}
.mn_detail_area {width:98%;margin:0 auto;height:486px; position:fixed;z-index:5000; margin-left:0px;top:300px;background-color:#fff }
.mn_detail_box {width: 98%;margin:0 auto;height:486px;background-color: #fff;box-shadow: 1px 1px 1px #564d44;overflow: hidden;border: 1px solid #dadada;position: fixed;top: 50%;}

.mn_detail_box .mndt_pds {width: 100%;height:240px;margin:0 auto;text-align:center; padding-top:50px}
.mn_detail_box .mndt_pds img{max-width:100%; margin:0 auto;text-align:center;}
.mn_detail_box .dtpd_txt .dtpd_tit {font-size:26px;color: #000;letter-spacing:-1px;line-height:33px;}
.mn_detail_box .dtpd_txt .dtpd_con {font-size:12px;padding-top:10px;padding-bottom:11px;line-height:120%;width:80%;margin:0 auto;}

.on_a{border:1px solid #00bbde; background:#00bbde;}
.on_b{border:1px solid #ffe72c; background:#ffe72c;}
.on_c{border:1px solid #8e4d2a; background:#8e4d2a;}
.on_d{border:1px solid #ff2c4a; background:#ff2c4a;}


}



/*갤러리st*/

     .gall_wrap{width:100%;padding-top:20px; padding-bottom:50px;}
     .gall_area{width:100%;text-align:center;}
     .gall_box{position:relative;width:1000px;margin:0 auto;}
     .gall_view_box{height:670px;background:#000;}
     .gall_view_img{max-width:1000px;min-height:670px;}
     .gall_tit{font-size:1.083em;font-weight:300;position:absolute;top:15px;left:15px;color:#ffffff;letter-spacing:-0.5px;}

     .gall_controller{width:100%;position:absolute;top:40%}    
     .gall_controller .gall_aw{margin:0 auto;}
     .gall_controller .gall_aw .arrow_l{float:left;margin-left:30px;cursor:pointer;opacity:0.8;}
     .gall_controller .gall_aw .arrow_l:hover{opacity:1;}
     .gall_controller .gall_aw .arrow_r{float:right;margin-right:30px;cursor:pointer;opacity:0.8;}
     .gall_controller .gall_aw .arrow_r:hover{opacity:1;}

     .gall_scroll{width:100%;position:absolute;bottom:90px; text-align:center;z-index:200;}

     .s_img_area{width:100%;position:absolute;bottom:15px;}
     .s_img_box{width:950px;margin:0 auto;overflow:hidden;}
     .s_img_list{width:968px;height:60px;margin:0 auto;overflow-y:auto;border-bottom:1px solid #c7c7c7;}
     .s_img_list li{position:relative;display:inline-block;overflow:hidden;cursor:pointer;margin:2px;}
     .s_img_list li span img{position:absolute;top:0;left:0;opacity:1;transition: 0.3s ease-in-out;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;}
     .s_img_list li span img:hover{opacity:0;}


@media (max-width:1200px) {

     .gall_wrap{width:100%}
     .gall_area{width:100%;text-align:center;}
     .gall_box{position:relative;width:100%;margin:0 auto;}
     .gall_view_box{height:338px;background:#fff;}
    .gall_view_img{max-width:100%;min-height:338px;}
     .gall_view_box img{max-width:100%;}
     .gall_tit{font-size:0.667em;font-weight:300;position:absolute;top:15px;left:15px;color:#ffffff;letter-spacing:-0.5px;}

     .gall_controller{width:100%;position:absolute;top:40%;}    
     .gall_controller .gall_aw{margin:0 auto;}
     .gall_controller .gall_aw .arrow_l{float:left;margin-left:15px;cursor:pointer;opacity:0.8;}
     .gall_controller .gall_aw .arrow_l img{width:28px;}
     .gall_controller .gall_aw .arrow_l:hover{opacity:1;}
     .gall_controller .gall_aw .arrow_r{float:right;margin-right:15px;cursor:pointer;opacity:0.8;}
     .gall_controller .gall_aw .arrow_r img{width:28px;}
     .gall_controller .gall_aw .arrow_r:hover{opacity:1;}

     .gall_scroll{width:100%;position:absolute;bottom:40px; text-align:center;z-index:200;display:none;}
     .gall_scroll img{width:30px;}

     .s_img_area{width:100%;position:absolute;bottom:15px;display:none;}
     .s_img_box{width:90%;margin:0 auto;overflow:hidden;}
     .s_img_list{width:102.5%;height:60px;margin:0 auto;overflow-y:auto;border-bottom:1px solid #c7c7c7;}
     .s_img_list li{position:relative;display:inline-block;overflow:hidden;cursor:pointer;margin:2px;}
     .s_img_list li span img{position:absolute;top:0;left:0;opacity:1;transition: 0.3s ease-in-out;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;}
     .s_img_list li span img:hover{opacity:0;}


}
 @media all and (max-width:530px){
         .gall_view_box{height:308px;background:#fff;}
     }
     @media all and (max-width:390px){
         .gall_view_box{height:225px;background:#fff;}
     }

     /*갤러리ed*/


.chicken_topimg{height: 350px; margin-bottom: 10px;}

@media (max-width:1200px) {

.chicken_topimg{height: auto; margin-bottom: 10px;}
.chicken_topimg img {max-width:100%;}

}




/*------팝업st-----*/
.pop_wrap{position:fixed;left:0px;right:0px;top:5%; z-index: 2099999999; border: 0px solid red;text-align:center;display:none;margin:0 auto;}
.pop_table{margin:0 auto;text-align:center;border: 0px solid blue;}
.pop_img{}
.pop_img img{}
.pop_foot{background:url(/images/common/dim_bg.png);}
.pop_foot div{width:120px;border:1px solid #000;border-radius:3px;color:#fff;font-size: 1em; font-weight: normal; background-color:#222; cursor: pointer; padding: 3px 0;text-align:center;letter-spacing:-0.5px;margin:1px 5px 5px 0;float:right;cursor:pointer;}
.pop_foot div:hover{background:#fff;color:#564d44}
/*------팝업ed-----*/


/*quick_banner*/
.quick_box {
    width: 100%;
    position: fixed;
    z-index: 9999999;
}

.quick_menu {
    width: 1080px;
    margin: 0 auto;
    position: relative;
}

.quick_le_box {
    width: 101px;
    position: absolute;
    z-index: 1500;
    left: 0px;
    top: 40px;
}

    .quick_le_box li {
        margin-bottom: 5px;
    }
/*quick_banner*/


/*sms*/
.sms_title {
    font-size: 24px;
    color: #d90000;
    font-weight: bold;
    padding-top: 26px;
}

.sms_area {
    width: 200px;
    height: 380px;
    position: absolute;
    top: 100px;
    right: 10%;
    background-color: #f3f2eb;
    text-align: center;
}

    .sms_area .txt_area {
        width: 170px;
        height: 115px;
        background-color: transparent;
        border: 1px solid #626262;
        color: #212121;
        margin: 10px 0px 0px 3px;
        padding: 5px;
        overflow-y: auto;
        resize: none;
        font-size: 12px;
        font-family: 'NanumGothic';
        line-height: 19px;
        word-break: keep-all
    }

.sender_wrap {
    margin: 16px 0px 0px 12px;
    width: 178px
}

.byte {
    width: 183px;
    color: #323232;
    letter-spacing: -.5px;
    display: block;
    text-align: right;
    margin: 5px 0px 0px 5px;
}

.byte_b {
    width: 30px;
    height: 20px;
    font-size: 13px;
    border: 0px;
    background-color: #edede9;
    text-align: right;
    color: #626262;
    vertical-align: inherit;
}

.sender_wrap .sender {
    color: #d90000;
    font-size: 13px;
    letter-spacing: 0px;
    width: 75px;
    display: block;
    float: left;
    margin: 3px 0px;
}

.sender_num {
    width: 176px;
    height: 26px;
    margin: 0px;
    border-radius: 0px;
    padding: 0px 0px 0px 2px;
    background-color: transparent;
    border: 1px solid #626262;
}

.send_btn {
    width: 177px;
    height: 31px;
    border: 1px solid #ffe400;
    background-color: #ffe400;
    font-size: 15px;
    color: #543019;
    letter-spacing: -1px;
    font-weight: bold;
    cursor: pointer;
    margin: 8px 0px 0px 3px;
}

    .send_btn:hover {
        background-color: #3a322d;
        color: #fff;
        border: 1px solid #3a322d;
        box-shadow: none
    }

.hide {
    display: none
}

.sms_ab {
    background: #3a322d;
    width: 36px;
    height: 36px;
    position: absolute;
    right: 10%;
    top: 62px;
    border: 1px solid #3a322d;
    cursor: pointer
}
/*sms*/


@media screen and (max-width:1200px) {
.quick_box{display:none;}
.top_btn{display:none}
}


/*팝업 st*/
.popup_wrap_box{position: relative; width: 1200px; margin: 0 auto;}
.popup_wrap {display: none;position: relative;z-index: 99999;}

.popup_aa_1{position: absolute; top: 135px; left:180px;}
.popup_aa_2{position: absolute; top: 618px; right: 220px;}
.popup_aa_3{position: absolute; top: 135px; right:375px;}
.popup_aa_4{position: absolute; top: 505px; right: 375px;}

.popup_wrap .popup_footer {background-color: #000;text-align: right;padding: 5px 10px;}
.popup_wrap .popup_footer .popup_close_cookie_btn,
.popup_wrap .popup_footer .popup_close_btn {color: #FFF;font-weight: bold;font-size: 14px;margin-left: 20px;}

@media screen and (max-width:1200px) {

.popup_wrap_box{display:none; position: relative; width: 100%; margin: 0 auto;}

.popup_wrap {display: none;position: absolute;top:150px; z-index: 99999;}
.popup_wrap img{max-width:80%}

.popup_aa_1{position: relative; top: 0px;margin-left:20px;  left: 0px;}
.popup_aa_1 img{max-width:320px;}
.popup_aa_2{position: relative; top: 0px;margin-left:20px;  left: 0px;}
.popup_aa_3{position: relative; top: 0px; margin-left:20px; left:0px;}
.popup_aa_3 img{max-width:330px;}
.popup_aa_4{position: relative; top: 0px;margin-left:20px;  left: 0px;}

.popup_wrap .popup_footer {background-color: #000;text-align: right;padding: 5px 10px;}
.popup_wrap .popup_footer .popup_close_cookie_btn,
.popup_wrap .popup_footer .popup_close_btn {color: #FFF;font-weight: bold;font-size: 14px;margin-left: 20px;}
}

/*팝업 end*/ 