﻿
/* PC용 CSS */
    .wrap {width: 100%;margin: 0 auto}

    /*header*/
    .header { width: 100%;margin: 0 auto;height: auto;padding-top: 0px;position: relative; z-index: 3000;top: 0px;}
    .menu_position {width: 100%;height:100px;position: fixed;border:0px solid #f75153 ;background-color:#00662e;}

    .menubox {width: 1200px;margin: 0 auto;  position: relative;z-index: 999999; border:0px solid #f75153}
    .menubox img {position: absolute;top:-5px; left:0px;height:64px;width:140px}

    .menu_sbox {width: 1000px;left:10%;margin: 0px auto; position: relative;border:0px solid #f75153;}
    .menu_sbox li { float:left; padding-left:85px;padding-top:15px; font-size:23px;letter-spacing: -1px;color: #fff;text-align: center;font-weight:200;border:0px solid #f75153;vertical-align:top}

    .menu_sbox li a {color: #fff;}
    .menu_sbox li a:hover {color: #fff;font-weight:bold}
    .menu_list li:first-child {padding-left: 25px;}
    .menu_list li a:hover {color: #fbda5a; }

    .iph_banner {position: fixed;right: 10px;top: 65px;z-index: 20000}

    .menu_last_top{position:relative;top:-8px;}
    .mobile_header_box{display:none}

 .gnb_box {display:none; width: 200px;height: 20px;position: absolute;right: 0px;top:35px;border:0px solid #5d0805 }
.gnb_box li { float: left;padding-left: 5px;}
.loginbox { width: 90px;height: 23px; font-size: 13px; letter-spacing: -1px; color: #fff;border: 1px solid #1f264b; background-color: #222;cursor: pointer}
    /*mobile 메뉴*/


    @media all 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 */

.wrap {width: 100%;height:100%; margin: 0 auto;}
.wrap img{max-width:100%;}


/*header*/
   .menu_position {width: 100%;height:70px;position: relative;background-color:#00662e;}
.header {width:100%;height:auto;padding-top:0px;position:relative;z-index:10000;top:0px;}
.menubox{ display:none; width:100%;height:70px; margin:0 auto;}

.gnb_box { width:170px;height:auto;position: absolute; right:0px;top:3px}
.gnb_box li{float:left;padding-left:5px;}

.loginbox{width:47px;height:20px;font-size:12px;letter-spacing:-1px; color:#2b1612; border:1px solid #fbda5a;background-color:#fbda5a;cursor:pointer}
.loginbox:hover{width:47px;height:20px;font-size:12px;letter-spacing:-1px; color:#fbda5a; border:1px solid #2b1612;background-color:#2b1612;cursor:pointer}


/*mobile 메뉴*/
.mobile_header_box { width:100%; margin:0px; height:50px;  position:absolute;z-index:10000;top:0px;display:block  }
.header_m_menu {width:100%; margin:0px auto;height:50px;padding:0px 0px;position:relative;z-index:10000;}
.header_m_menu_img{position:absolute;top:12px;left:20px;}
.header_m_menu_img img{width:100px}
.header_m_menu_bu img{width:30px;height:22px;position:absolute;top:28px;right:20px; z-index:10000}

nav {display:none;width:100%;height:auto;position: absolute;z-index:15000; top:70px;background-color:#fff; }
nav .memu{height:auto;font-weight:bold;letter-spacing:-1.5px; padding:10px 20px 10px 20px;background:url(/images/common/sub_bg.png) repeat;border-bottom:1px solid #c7c7c7;font-size:14px;color:#222}
nav .memu:hover {background-color: #00662e;color:#fff; }
nav .memu a:hover {color:#796e58; }
nav .memu_a{width:100%;height: auto;letter-spacing:-1px;  padding: 10px 0px 10px 0px;background-color: #ebebeb; border-bottom: 1px solid #fff;font-weight:bold;font-size:13px;color:#626262}
nav .memu_a a{color:#222;padding-left:20px;font-weight:bold;font-size:13px;}
nav .memu_a a:hover {color:#000;font-weight:bold;font-size:13px;}
/*mobile 메뉴*/
}


    /*main_visual st*/
.mainVisual {position:relative;z-index:1000; width:100%; height:696px; margin: 0 auto; overflow: hidden;border:0px solid #5d0805 }
.mainVisual .visualBg {margin: 0 auto;position: absolute;top: 98px;left: 0;width: 100%;height: 696px;z-index: 50;}
.mainVisual .visualBg1 {background: url("/images/main/main_vi_1_1.png") no-repeat center 0;}
.mainVisual .visualBg2 {background: url("/images/main/main_vi_2.png") no-repeat center 0;}
.mainVisual .visualBg3 {background: url("/images/main/main_vi_3.png") no-repeat center 0;}
.mainVisual .controller { width:90%;position: relative;z-index: 1500;margin: 0 auto;}
.main_arrow_box {position: relative;margin: 0 auto;z-index:1500;}
.main_arrow_left {float: left;position: relative;left:50px;top:360px;}
.main_arrow_right {float: right;position: relative;right:50px;top: 360px;}
.mainVisual .controller2 { width:80px;position: relative;z-index: 50;margin: 0 auto;}
.mainVisual .controller2 li {float:left;padding-left:7px}
.mainVisual .controller2 .rollBtnD {position: absolute;top:640px;left:0px;}
    /*main_visual end*/
    

@media all and (max-width:1200px){
/*main_visual*/
.mainVisual {position:relative;z-index:1000; width:100%; height:300px; margin: 0 auto; overflow: hidden; top:0px; }
.mainVisual .visualBg {margin: 0 auto;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 50;}
.mainVisual .visualBg1 {background: url("/images/main/main_vi_1_1.png") no-repeat center 0; background-size:cover}
.mainVisual .visualBg2 {background: url("/images/main/main_vi_2.png") no-repeat center 0; background-size:cover}
.mainVisual .visualBg3 {background: url("/images/main/main_vi_3.png") no-repeat center 0;background-size:cover}
.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;display:none}
.main_arrow_left {float: left;position: absolute;left:0px;top: 220px;}
.main_arrow_right {float: right;position: absolute;right:0px;top: 220px;}
.mainVisual .controller2 { width:80px;position: relative;z-index: 50;margin: 0 auto;}
.mainVisual .controller2 li {float:left;padding-left:7px}
.mainVisual .controller2 li img{width:9px;}
.mainVisual .controller2 .rollBtnD {position: absolute;top:275px;left:0px}
}

/*section1 st*/
.main_content_abox{width:100%;margin:0 auto;clear:both;height:905px;background-color:#f7f6f1;text-align:center;padding:65px 0px 60px 0px}
.pt_aimg{padding-top:30px;}
.pt_bimg{padding-top:15px;}

.main_con_abox{width:1200px;margin:0 auto;padding-top:42px;}
.main_con_left{float:left;width:20%;text-align:left;}
.main_con_left .conleft_text{font-size:44px;font-weight:300;padding-bottom:30px;letter-spacing:-2px}

.main_con_right{float:right;width:80%;text-align:left;letter-spacing:-1px;}
.main_con_right .mcr_a{font-size:22px;font-weight:200;line-height:31px;}
.main_con_right .mcr_b{font-size:19px;font-weight:100;padding-top:14px;color:#000}
.main_con_right .mcr_c{font-size:30px;font-weight:300;color:#ed1b24;padding-top:30px;letter-spacing:-2px;}
.main_con_right .mcr_d{font-size:19px;font-weight:100;padding-top:10px;color:#000;letter-spacing:-1px;}
.main_con_right .mcr_e{font-size:22px;font-weight:200;line-height:31px;padding-top:16px;}

.title_text{width:100%;}
 /*section1 end*/

@media all and (max-width:1200px) {
 .main_content_abox{width:100%;margin:0 auto;clear:both;height:auto;padding:30px 0px 20px 0px}
 .main_con_abox{width:100%;padding-top:18px;}
 .main_con_left{float:none;width:100%;text-align:center;}
.main_con_left .conleft_text{font-size:30px;padding-bottom:15px;letter-spacing:-2px}
.main_con_right{float:none;width:94%;margin:0 auto; text-align:center;}
.main_con_right .mcr_a{font-size:14px;line-height:18px;padding-top:25px}
.main_con_right .mcr_b{font-size:11px;padding-top:14px;font-weight:200}
.main_con_right .mcr_c{font-size:20px;padding-top:15px;letter-spacing:-2px;}
.main_con_right .mcr_d{font-size:12px;padding-top:5px;word-break:keep-all}
.main_con_right .mcr_e{font-size:13px;line-height:17px;padding-top:15px;}

.title_text{width:100%;}
.title_text img{max-width:70%;}
 }

/*section2 st*/
.main_content_bbox{width:100%;margin:0 auto;text-align:center; clear:both;height:345px;background:url(/images/main/b_bg.png) no-repeat}
.main_content_bbox .mb_title{width:1200px;margin:0 auto;text-align:center;font-size:44px;color:#fff;font-weight:100;padding-top:65px;letter-spacing:-2px;text-shadow: 2px 2px 2px black;}
.main_content_bbox .mb_txt{font-size:25px;font-weight:100;color:#fff;line-height:29px;padding-top:15px;text-shadow: 2px 2px 2px black;}
.mb_img {padding-top:30px;}
.cl_both {clear: both}

@media all and (max-width:1200px) {
.main_content_bbox{position:relative; width:100%;margin:0 auto;text-align:center; background-color:#fff;  clear:both;height:auto;background:url(/images/main/b_bg.png) no-repeat;background-size:cover}
.main_content_bbox .mb_title{width:100%;font-size:25px;padding-top:10px;}
.main_content_bbox .mb_txt{font-size:16px;line-height:21px;padding-top:10px;}
.mb_img{ padding-top:10px;padding-bottom:20px;}
.mb_img img {max-width:60%;}
 }
  /*section2 end*/

 /*section3 st*/
.main_content_cbox{width:100%;margin:0 auto;clear:both;height:1900px;text-align:center;padding:65px 0px 60px 0px}

.main_cbox{width:1200px;margin:0 auto;}
.main_cbox_title{font-size:44px;font-weight:300;text-align:left;padding-top:30px;letter-spacing:-2px}
.main_cbox_title b{color:#00662e}
.main_cbox_title h{font-size:17px;font-weight:100;letter-spacing:0px}
.main_content_cbox hr{border-top:3px solid #00662e;position:relative;top:-8px}


.main_menu_box{width:1200px;margin:0 auto;}
.main_menu_box li{float:left;width:33.3%;padding:20px 0px;}

.main_menu_box .p_a{color:#057831; font-size:32px;font-weight:300;padding-top:15px;line-height:25px;}
.main_menu_box .p_b{color:#011107;font-size:15px;font-weight:100;}

.pt_10{padding-top:10px;}

@media all and (max-width:1200px) {
.main_content_cbox{height: auto; text-align:center;padding:30px 0px 20px 0px}
.main_cbox{width:100%;margin:0 auto;}
.main_cbox_title{font-size:25px;padding-top:24px;padding-left:3px;}
.main_menu_box{width:100%;}
.main_menu_box li{float:left;width:49%;padding:6px 0px;}
.main_menu_box .p_a{font-size:18px;padding-top:10px;line-height:20px;}
.main_menu_box .p_b{font-size:11px;}
}
/*section3 end*/

/*section4 st*/
.main_content_dbox{clear:both; width:100%;background-color:#099046;height:1760px;padding:80px 0px 0px 0px}
.mc_dbox{width:1200px;margin:0 auto;text-align:center;}
.mc_dbox p{font-size:30px;color:#fff;font-weight:100;padding-top:5px;}
.mc_dbox b{color:#ffec1b}

.main_condbox{width:1200px;margin:30px auto; height:828px;background-color:#fff;border-radius:30px;}
.main_cd_a{width:1150px;margin:0 auto;padding-top:50px;}
.main_cd_a li{float:left;}

.ptop_8{padding-top:6px;}
.ptop_15{padding-top:15px;}
.ptop_25{padding-left:25px;}

.md_a_tit{font-size:46px;font-weight:100;color:#099046;letter-spacing:-2px;padding-bottom:10px}
.md_a_textbox{font-size:24px;font-weight:300;color:#9cd50d;width:222px;height:40px;background-color:#000;border-radius:30px;text-align:center}
.md_a_text{line-height:1.25em;font-size:18px;color:#000804;font-weight:200;padding-top:20px}
.md_a_img{padding-left:120px;position:relative;top:-15px}
.md_b_textbox{font-size:24px;font-weight:300;color:#9cd50d;width:348px;height:40px;background-color:#000;border-radius:30px;text-align:center}
.md_b_img{padding-left:70px;position:relative;top:18px;}
.md_c_img{padding-left:15px;position:relative;top:18px;}
.md_b_texta{font-size:15px;font-weight:200;}

.main_dbox{width:1200px;margin:0 auto;text-align:center;position:relative;padding-top:25px;}
.main_dbox li{float:left;color:#fff;width:25%}
.main_dbox li p{font-size:30px;font-weight:300;padding:10px 0px 8px 0px}
.main_dbox li a{font-size:18px;font-weight:100;line-height:19px;}

.md_line_a{position:absolute;left:305px;top:-10px;}
.md_line_b{position:absolute;left:605px;top:-10px;}
.md_line_c{position:absolute;left:885px;top:-10px;}

.main_dbox_sup{clear:both;position:relative;top:30px; width:100%;height:447px;background:url(/images/main/md_bg.png) no-repeat}
.main_dbox_sup_box{width:1200px;margin:0 auto;position:relative;padding-top:80px}
.md_sup_tit{font-size:38px;font-weight:300;color:#fff;width:498px;height:66px;background-color:#022913;border-radius:30px;text-align:center}
.main_dbox_sup_box p{font-size:22px;color:#76e4a7;font-weight:100;}
.main_dbox_sup_box li{font-size:30px;color:#fff;font-weight:100;padding-top:40px;}
.main_dbox_sup_box img{position:absolute;right:0px;top:50px;}

.mds_img{position: absolute; right: 0px; top: 50px;}

.mc_d_mobile_img{display:none;}

@media all and (max-width:1200px) {
    .main_content_dbox{height:auto;padding:20px 0px 00px 0px}
.mc_dbox{width:100%;}
.mc_dbox p{font-size:16px;padding-top:0px;}
.mc_dbox img{max-width:70%}
.mc_d_mobile_img{display:block;width:100%;margin:0 auto;text-align:center}

.main_condbox{display:none;  }
.main_dbox{display:none;}
.main_dbox_sup{display:none;}
}


/*section4 end*/

/*section5 st*/
.main_content_ebox{width:100%;margin:0 auto;clear:both;height:780px;text-align:center;padding:65px 0px 60px 0px}
.mc_ebox{width:1200px;margin:0 auto;position:relative;padding-top:70px;}
.mc_ebox_a{position:absolute;left:0px;z-index:1000}
.mc_ebox_b{position:absolute;left:345px;z-index:1200}
.mc_ebox_c{position:absolute;left:545px;z-index:1200;text-align:left}
.mc_ebox_c li{font-size:35px;color:#057831;font-weight:300;padding-bottom:18px;letter-spacing:-0.08em}
.mc_ebox_c li p{font-size:19px;color:#011107;font-weight:200;letter-spacing:-0.08em}
.mc_ebox_c div{font-size:19px;color:#011107;font-weight:100;letter-spacing:-0.08em}

@media all and (max-width:1200px) {
    .main_content_ebox{width:100%;margin:0 auto;clear:both;height:auto;text-align:center;padding:30px 0px 20px 0px}
.mc_ebox{display:none;}
}

/*section5 end*/

/*section6 st*/
.main_content_fbox{width:100%;margin:0 auto;background-color:#f6f5f3; clear:both;height:470px;text-align:center;padding:50px 0px 0px 0px}
.mc_fbox{width:1200px;margin:0 auto;position:relative;padding-top:70px;}
.mc_fbox_img{position:absolute;right:0px;}
.mc_fbox_text{position:absolute;left:134px;text-align:left;top:60px}
.mc_fbox_text li:first-child{font-size:24px;font-weight:100; color:#1d2a21;padding-left:5px;}
.mc_fbox_text .f_tit{font-size:65px;font-weight:100; color:#057831;letter-spacing:-0.08em;padding:8px 0px 5px 0px}
.mc_fbox_text .f_text{font-size:58px;font-weight:300; color:#057831;letter-spacing:-0.08em;}
.mc_fbox_text .f_text1{font-size:58px;font-weight:300; color:#057831;letter-spacing:-0.08em;line-height:50px;}
.mc_fbox_text img{padding-top:20px;}
.mc_fimg {position:absolute;left:370px;top:200px}
@media all and (max-width:1200px) {
.main_content_fbox{height:auto;padding:25px 0px 0px 0px}
.mc_fbox{display:none;}
}
/*section6 end*/

/*section7 st*/
.main_content_gbox{width:100%;margin:0 auto;clear:both;height:580px;text-align:center;padding:65px 0px 60px 0px}
.mc_gbox{width:1200px;height:200px; margin:0 auto;position:relative;padding-top:50px;}
.mc_gx{float:left;height:159px;width:556px;border-right:2px solid #1d2a21;font-size:35px;padding-right:30px;padding-top:15px;}
.mc_gx b{color:#00662e}

.mc_gax{text-align:left;padding-top:15px;}
.mc_gax_a{float:left;font-size:24px;color:#057831;padding-left:62px;}
.mc_gax_b{float:left;font-size:24px;font-weight:200;padding-left:30px;}
.mc_aimg{padding-top:30px;}

@media all and (max-width:1200px) {
.main_content_gbox{width:100%;margin:0 auto;clear:both;height:auto;padding:10px 0px 20px 0px}
.mc_gbox{width:100%;height:auto; margin:0 auto;position:relative;padding-top:0px;}
.mc_gx{float:none;height:auto;width:80%;margin:0 auto; border-right:0px solid #1d2a21;font-size:20px;padding-right:0px;padding-top:6px;}

.mc_gax{width:100%;text-align:left;padding-top:15px;}
.mc_gax_a{float:left;font-size:15px;color:#057831;padding-left:20px;}
.mc_gax_b{float:right;font-size:15px;font-weight:200;padding-left:00px;padding-bottom:30px;}
.pt_15{padding-top:20px;}
.mc_aimg{padding-top:10px;}
}
/*section7 end*/

/*section8 st*/
.main_content_hbox{clear:both; width:100%;margin:0 auto;clear:both;height:830px;background-color:#f6f5f3;text-align:center;padding:65px 0px 10px 0px}
.mh_aimg{padding-top:30px;}

@media all and (max-width:1200px) {
.main_content_hbox{clear:both; width:100%;margin:0 auto;clear:both;height:auto;padding:20px 0px 20px 0px}
}
/*section8 end*/
/*section9 st*/
.main_content_ibox{clear:both; width:100%;margin:0 auto;clear:both;height:900px;background-color:#fff;text-align:center;padding:65px 0px 10px 0px}
.mh_aimg{padding-top:30px;}
.mc_ibox{width:1200px;margin:0 auto;position:relative;padding-top:50px}
.mc_ibox_fl{float:left;}
.mc_ibox_right{float:left;text-align:left;padding-left:50px;}
.mc_ibox_a{font-size:35px;font-weight:100;padding-top:15px;}
.mc_ibox_b{font-size:55px;color:#2f9950;padding:25px 0px 25px 0px}
.mc_ibox_c{font-size:19px;font-weight:200;padding:0px 0px 20px 0px;line-height:23px;word-break:keep-all}
.mc_ibox_d{font-size:19px;font-weight:300}

.mc_ibox_ri_a{float:right; clear:both;padding-top:50px;}
.mc_ibox_left{float:left;text-align:right;padding-right:40px;}
.mc_ibox_ri_a_tit{font-size:45px;color:#2f9950;padding:70px 0px 45px 0px;line-height:45px}
.mc_ibox_ri_text{font-size:19px;font-weight:200;padding:0px 0px 20px 0px}

.mc_ibox_fl_a{float:left; clear:both;padding:50px 0px;}
.mc_ibox_right_a{float:left;text-align:left;padding:50px 0px 0px 50px;}
.mc_ibox_a_a{font-size:35px;font-weight:100;padding-top:30px;}
.mc_ibox_b_a{font-size:55px;color:#2f9950;padding:25px 0px 45px 0px;line-height:55px}

@media all and (max-width:1200px) {
.main_content_ibox{clear:both; height:auto;text-align:center;padding:10px 0px 10px 0px}
.mc_ibox{width:100%;padding-top:10px}
.mc_ibox img{max-width:60%;}
.mc_ibox_fl{float:none;}
.mc_ibox_right{float:none;text-align:center;padding-left:00px;}
.mc_ibox_ri_a{float:none; clear:both;padding-top:10px;}
.mc_ibox_left{float:none;text-align:center;padding-right:0px;}
.mc_ibox_fl_a{float:none; clear:both;padding:10px 0px;}
.mc_ibox_right_a{float:none;text-align:center;padding:10px 0px 0px 0px;}
.mc_ibox_right{float:none;text-align:center;padding-left:0px;}
.mc_ibox_a{font-size:19px;font-weight:100;padding-top:10px;}
.mc_ibox_b{font-size:25px;color:#2f9950;padding:10px 0px 10px 0px}
.mc_ibox_c{font-size:13px;font-weight:200;padding:0px 0px 6px 0px}
.mc_ibox_d{font-size:13px;font-weight:300}
.mc_ibox_ri_a_tit{font-size:20px;padding:10px 0px 6px 0px;line-height:20px}
.mc_ibox_ri_text{font-size:13px;;padding:0px 0px 10px 0px}
.mc_ibox_a_a{font-size:18px;padding-top:0px;}
.mc_ibox_b_a{font-size:22px;padding:10px 0px 10px 0px;line-height:22px}

}
/*section9 end*/

 /*sub_content st*/
 .sub_contentbox {width: 100%;height: auto;margin: 0 auto;position: relative;z-index: 1500;padding-bottom: 0px; padding-top:80px;}
.sub_titlebox { width: 1200px;margin: 0 auto;position: relative; padding-top: 00px;}
.sub_titlebox li:first-child { text-align: center;  font-size: 38px;color: #111; font-weight: 300; letter-spacing: -3px;}
.sub_titlebox li span { text-align: center; font-size: 38px;color: #111;font-weight: 300;letter-spacing: -3px; }
.sub_titlebox p {text-align: center;  font-size: 20px;color: #d4190e; font-weight: 300;letter-spacing: -1px;padding-top: 18px; }
.list_box { width: 1200px; height: auto;margin: 0 auto;padding-top: 00px; padding-bottom: 80px;min-height: 300px; }
.list_box1 {width: 1200px;margin: 0 auto; padding-top:15px; padding-bottom: 80px; position: relative; top: 0px; min-height: 300px;padding-bottom: 100px;}
.menu_list_box { width: 1200px; height: auto;margin: 0 auto;padding-top: 30px; padding-bottom: 80px;min-height: 300px; }
.sub_tit_text{width:100%;}


@media all and (max-width:1200px) {
     .sub_contentbox {width: 100%;height: auto;margin: 0 auto;position: relative;z-index: 1500;padding-bottom: 0px; padding-top:00px;}
    .sub_titlebox { width: 100%;padding-top: 3px;}
.sub_titlebox li:first-child {   font-size: 26px; letter-spacing: -1px;padding-top:15px;}
.sub_titlebox li span { font-size: 18px;letter-spacing: -1px; }
.sub_titlebox p { font-size: 14px;padding-top: 10px; }
.list_box { width: 100%; padding-bottom:60px;min-height: 350px; }
.list_box1 {width: 100%;padding-top: 30px; padding-bottom: 80px; position: relative; top: 0px; min-height: 300px;padding-bottom: 100px;}
.menu_list_box { width: 100%;padding-top: 0px; padding-bottom: 80px;min-height: 300px; }
.sub_tit_text img{max-width:60%;}
}


.sub_con_banner{clear:both; width:1200px;margin:0 auto;padding-top:50px;}
.sub_con_banner_left {float:left}
.sub_con_banner_right {float:right}

@media all and (max-width:1200px) {
.sub_con_banner{clear:both; width:100%;text-align:center;  padding-top:30px;}
.sub_con_banner img{max-width:90%;margin:0 auto;}
.sub_con_banner_left {float:none}
.sub_con_banner_right {float:none;padding-top:10px;padding-bottom:35px;}

}
 /*sub_content end*/


 /*매장찾기*/
.str_stitle {font-size: 25px;color: #796e58;width: 100%;text-align: center;padding-top: 15px;letter-spacing: -2px;border-bottom: 1px solid #c7c7c7;padding-bottom: 25px;}
.str_area {width: 100%;margin: 0 auto; padding-bottom: 110px;}
.str_box { height: 220px;border-bottom: 3px solid #057831;}
.store_search {padding-top: 45px;overflow: hidden;}
.sf_txt_box {width: 70%;margin: 0 auto; background-color: #057831;font-size: 45px;font-weight: 100;letter-spacing: -2px;text-align: center;color:#fff}
.sf_txt {display: none;font-size: 18px;letter-spacing: -1px;color: #5d0805;width: 100%; margin: 0 auto;text-align: center}
.sf_txt span {color: #ff004e;}
.sf_list {width: 90%;margin: 0 auto; padding-top: 20px}
.sf_list li { float: left;}
.slt01 { width: 310px; height: 45px; border: 1px solid #5a5959; font-size: 15px; color: #626262;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;}
.in_txt01 {width: 310px;height: 43px; border: 1px solid #5a5959; border-right: none;font-size: 15px;color: #626262;padding: 0 5px;}
.in_btn01 {width: 65px;  height: 43px;background: #057831; border: 1px solid #5a5959;border-left: none;cursor: pointer;font-size:15px; font-weight:bold;color: #fff}
.sf_search {float: left;}
.sto_box {width: 100%;height: auto; padding-bottom: 10px; border-bottom: 1px solid #cfccc8;text-align: center;}
.sto_add_box {width: 100%;padding-top: 40px; padding-left: 7px; padding-bottom: 30px;}
.sto_title { font-size: 32px;color: #111;font-weight: bold; padding-bottom: 10px;letter-spacing: -2px}
.add_text { font-size: 17px;color: #424242;text-indent: 2px; padding-top: 5px;}
.sto_text_box {width: 49.5%; border: 1px solid #e4e4de; background-color: #fbfbfb;float: left;padding: 5px 0px 8px 0px}
.sto_tel_box { width: 49.5%; border: 1px solid #e4e4de;background-color: #fbfbfb; float: right; padding: 5px 0px 8px 0px}
.fr_btn {width: 110px; height: 35px;border: 0px solid #fba615; background-color: #00210f; font-size: 14px;  color: #fff; letter-spacing: normal; cursor: pointer;}
.fr_btn a:hover { width: 110px;height: 35px;  border: 0px solid #fba615;  background-color: #00210f;  font-size: 14px;color: #fff; letter-spacing: normal; cursor: pointer; }
.sto_view { width: 100%;padding-top: 35px;  padding-bottom: 30px;}
.dim { width: 100%; height: 100%; background-color: #212121; display: block;position: fixed; top: 0;left: 0; padding: 0; margin: 0;opacity: 0.50;z-index: 3500}
.dim_main {display: none}
.sview_areabox {width: 920px; margin: 0 auto;}
.sview_box {width: 920px; height: 670px; position: absolute;z-index: 4500;}
.sview_sbox {width: 920px;height: 630px; background: url(/images/menu/menu_viewbg_1.jpg) no-repeat;  position: fixed;top: 110px; z-index: 4500;}
.sview_text_box {width: 920px;height: 68px; margin: 0 auto; text-align: center; color: #fff;position: relative; z-index: 20000}
.sview_a {font-size: 34px; text-align: center;text-indent: 15px; padding-top: 15px;}
.sview_b { position: absolute;right: 23px;top: 28px;}
.sview_map {width: 95%; margin: 0 auto;height: 430px; background-color: #808080;position: relative; top: 15px;}
.sview_text_box1 { width: 1000px;height: 100px;margin: 0 auto; color: #111; letter-spacing: 0px}
.sview_imgbox {display: none;width: 968px; height: 188px; background-color: #fff;border: 1px solid #ccc;padding: 15px 15px;}
.sview_imgbox li {  float: left;  }
.sview_imgbox li { padding-left: 10px;}
 .sview_imgbox li:first-child { padding-left: 0px; }
.stb_le {float: left;padding: 55px 0px 0px 30px}
.stb_le li {  float: left;}
.stb_le_a {width: 77px; height: 25px; border: 1px solid #000; text-align: center;color: #fff;background-color: #111}
.stb_les {clear: both; margin-top: 10px}
.stb_sa {text-indent: 8px; padding-top: 4px;}
.stb_sb { text-indent: 8px;padding-top: 12px;}
.stb_ri { float: right;padding: 20px 110px 0px 0px}
.stb_ri li {float: left; }
.pt35 { padding-top: 35px;}
.sview_text1 {font-size: 36px;padding-left: 11px;padding-top: 28px; letter-spacing: 0px; color: #111; letter-spacing: -3px;font-family: 'Malgun Gothic';font-weight: bold}
/*매장찾기 view*/

@media all and (max-width:1200px) {
    /*매장찾기*/
 .str_wrap {width: 100%; }
 .str_area {width: 100%; margin: 0 auto;padding-bottom: 50px; }
 .sf_txt_box { width: 100%; margin: 0 auto;  background-color: #057831;  padding: 8px 0px;font-size: 17px;font-weight: 200; letter-spacing: -1px;text-align: center }
 .str_box { margin-top: 0px;  padding-bottom: 30px;height: auto;  border-bottom: 3px solid #057831;width: 95%; margin: 0 auto;background: url(/images/store/k_store_bg.png) no-repeat;background-size:cover; }
.store_search { padding-top:20px;  overflow: hidden;  width: 90%;margin: 0 auto;}
 .sfa_txt {  clear: both; text-align: center;  padding-top: 15px; letter-spacing: -1px;line-height: 18px; padding-bottom: 20px}
.sf_txt {text-align: center; font-size: 16px;  font-weight: 300;letter-spacing: -1px;color: #5d0805;padding-top: 25px}
 .sf_txt span { color: #ff004e;}
 .sf_list { padding-top: 6px; }
 .sf_list li {  float:none; padding-top: 6px;}
 .sto_text_box { width: 96%;margin:8px auto;border: 1px solid #e4e4de;background-color: #fbfbfb; float: none;padding: 5px 0px 8px 0px }
 .sto_tel_box { width: 96%;  margin: 8px auto; border: 1px solid #e4e4de;background-color: #fbfbfb;float: none;padding: 5px 0px 8px 0px }
 .slt01 {width: 98%;height:40px;margin: 0 auto;}
.in_txt01 { width: 70%;  height: 35px;border: 1px solid #5a5959; border-right: none; font-size: 15px; color: #626262; padding: 0 5px;}
 .in_btn01 {width:70px;height:35px;background-color:#057831; border:1px solid #5a5959;border-left:none;cursor:pointer;color:#000;font-size:17px;font-weight:500;}
.sf_search { }
 .sto_box {width: 98%;margin: 0 auto;height: auto;padding-top: 10px;padding-bottom: 10px; border-bottom: 1px solid #c69c6d; text-align: center; }
 .sto_add_box { width: 98%;  padding-top: 20px;padding-bottom: 15px;}
 .sto_title {  font-size: 20px; color: #111; padding-bottom: 5px; font-weight: bold;color: #302722;  letter-spacing: -1px;}
.sto_add {width: 65px; height: 19px;background-color: #564d44;  text-align: center;padding-top: 8px;color: #fff;border-radius: 20px;letter-spacing: 0px }
.add_text {color: #424242;text-indent: 2px;padding-top: 1px; letter-spacing: 0px;font-size: 13px}
 .add_text a { color: #424242;text-indent: 2px; padding-top: 1px;  letter-spacing: 0px}
 .sto_tel_box {clear: both;padding-top: 0px}
 .sea_top_list {font-size: 13px;padding-right: 10px;vertical-align: top}
 .sea_top_list img {  font-size: 13px; padding-right: 3px; height: 21px;vertical-align: middle}
 .type_box { clear: both; padding-top: 20px }
 .type_box li { float: left;text-indent: 4px;color: #564d44}
.fr_btn {  width: 80px;height: 80px;border: 0px solid #fba615; border-radius: 50px;  background-color: #ffff31; font-size: 13px; color: #fcd500;letter-spacing: normal;font-weight: bold;cursor: pointer;}
.fr_btn:hover { color: #fcd500; background-color: #f00; border: 0px solid #5d0805; }
 .store_btn {width: 100px;height: 31px;border: 1px solid #fff;border-radius: 20px;background-color: transparent; font-size: 13px; color: #fff;letter-spacing: normal;font-weight: bold; cursor: pointer;transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out}
 .store_btn:hover {color: #fff }
 .sto_view { width: 100%; padding-top: 10px;padding-bottom: 20px; }
 .dim {width: 100%;height: 100%;background-color: #212121; display: block; position: fixed; top: 0;  left: 0;  padding: 0;margin: 0;opacity: 0.50;z-index: 3000 }
 .dim_main {display: none }
 .sview_areabox {width: 100%;margin: 0 auto;position: absolute;z-index: 300000000;}
.sview_box { width: 100%;height: auto;position: absolute;z-index: 300000000; }
 .sview_sbox {width: 100%;height: auto;position: fixed; top: 50px;z-index: 300000000;padding-bottom: 40px;background: url(/images/menu/menu_viewbg_2.jpg) no-repeat center 0; position: fixed;background-size: cover;}
 .sview_text_box {width: 100%;height: auto;padding: 10px 0px;margin: 0 auto;text-align: center;color: #fff;position: relative;z-index: 3000000 }
 .sview_a {  font-size: 25px;text-align: center; text-indent: 15px;padding-top: 15px; }
  .sview_b { position: absolute;right: 23px;top: 25px;}
 .sview_b img { width: 15px }
 .sview_map {width: 95%;   margin: 0 auto;  height: 200px; background-color: #808080;position: relative; top: 5px;}
.sview_text_box1 { width: 95%;  height: auto;    margin: 0 auto; text-align: center;color: #111;letter-spacing: 0px}
 .sview_imgbox {display: none;  width: 100%;height: auto;background-color: #fff;border: 1px solid #ccc;padding: 15px 15px;}
 .sview_imgbox li { float: left; }
.sview_imgbox li { padding-left: 10px; }
 .sview_imgbox li:first-child {padding-left: 0px;}
.stb_le { float:none;padding: 20px 0px 0px 0px}
.stb_le li {float: none;margin:0 auto; text-align:center;  }
 .stb_le_a { width: 77px;height: 20px;  border: 1px solid #000; text-align: center; color: #f9d921;background-color: transparent}
.stb_les {display: none; clear: both; margin-top: 10px}
.stb_sa { text-indent: 8px; padding-top: 0px; color: #fff;  }
.stb_sb {display: none;text-indent: 8px; padding-top: 10px; color: #fff;}
.stb_ri { float:none;  padding: 0px 0px 0px 0px  }
 .stb_ri li {   float: none;  margin:0 auto;  text-align:center;  }
.pt35 {padding-top: 5px;  margin-top:10px;margin-left:5px; }
    .sview_text1 { font-size: 25px;  padding-left: 6px;  padding-top: 0px; letter-spacing: 0px;color: #fff;  letter-spacing: -1px;font-weight: bold}
    /*매장찾기 view*/
}


   /*footer*/
    .footer {clear: both;width: 100%;height:320px; margin: 0 auto;z-index: 100;position: relative;background-color: #222;}
    .footer_sabox {width: 1200px;margin: 0 auto; position: relative; padding:30px 0px 35px 0; }
    .footer_sabox p{width:300px;margin:0 auto;text-align:left;font-weight:300;color:#fff;font-size:32px;}
    .footer_sabox div{float:left;} 
    .footer_sabox div:first-child{padding-right:40px} 
    .footer_sb {width: 300px; height: auto; font-size: 16px; font-weight:200; color:#fff;padding: 1px 1px 2px 13px;background-color: #9f9f9f;}
        .footer_sb li a{color:#fff}
    .footer_text {font-size: 17px; margin:0 auto;text-align:left; padding-top:8px;font-weight:200}
    .footer_text li {margin: 0 auto;color: #cfcfcf; line-height: 27px;letter-spacing: -0.5px}
     .footer_text li a{font-size: 13px;color: #313030}
    .footer_text .last {color: #595a5a;padding-top: 3px;font-size: 11px;}
    .gnb_sel { display:none; clear:both; border: 1px solid #868686; width: 167px;height: 34px;margin:0 auto;text-align:center; font-size: 12px; color: #666; background-color: transparent; border-radius: 0px;text-indent: 0.01px;padding: 3px 2px 3px 5px;-webkit-appearance: none;-moz-appearance: none;overflow: hidden;white-space: nowrap;cursor: pointer;}

    @media all and (max-width:1200px) {
     .footer {height: auto; margin: 0 auto;z-index: 100;position: relative;background-color: #222;}
    .footer_sabox {width: 100%;margin: 0 auto; position: relative; padding:8px 0px 10px 0; }
    .footer_sabox img{max-width:30%;}
    .footer_sabox p{width:100%;margin:0 auto;text-align:center;font-size:20px;}
    .footer_sabox div{float:none;} 
    .footer_sabox div:first-child{padding-right:0px} 
    .footer_sb {width: 235px; margin:0 auto; height: auto;padding: 0px 3px 3px 12px;}
    .footer_sb li a {font-size: 12px;color: #313030}
    .footer_text {font-size: 10px; margin:0 auto;text-align:center; color: #9b9999;padding-top: 8px }
    .footer_text li {margin: 0 auto;color: #9b9999; line-height: 15px;letter-spacing: -0.5px}
    .footer_text .last {color: #595a5a;padding-top: 2px;font-size: 10px;}

    }
    
    /*footer*/

    /*푸터 하단 간편창업상담 영역*/
    .quotation {position: fixed;bottom: 0px; background-color: #000;z-index: 99999;width: 100%;height:130px;transition: bottom 0.2s ease-in-out;opacity: 0.95;}
    .quo-show {bottom: 0px !important;}
    .foo_counbox {  width: 100%; }
    .foo_coun {width: 1120px;margin: 0 auto;position: relative;height: 130px;border: 0px solid red;padding-top: 35px; }
    .foo_sonbox { position: relative;height: 82px; border: 0px solid red;margin: 0 auto;}
    .foo_sonbox li{float:left;}
    .is2 {border: none; font-size: 18px;color: #000; width: 100%;  height: 50px;text-indent: 15px;}
    .is3 { border: none;font-size: 18px;color: #000; width: 100%;  height: 50px; text-indent: 15px;}
    .pt_10 { padding-top: 10px}
    .pt_7 { padding-top: 0px}
    .f_a {width: 150px; height: 50px; color: #444;background-color: #fff;  border: 1px solid #2f2f2f;  margin-top: 10px; float: left; margin-left: 3px; }

.fbus_cont {margin: 0 auto; text-align: center; border: 0px solid yellow;}
.f_a1 {position: absolute;  margin-top: -20px;   float: right; font-weight:200; color: #fff; right: 8px;}
.f_a2 {vertical-align: middle;border: 5px solid #3a3a3a; background-color: transparent}
.f_bu { position: relative;float: right;  border: 0px solid blue;  margin-top: 11px;margin-left: 3px; }
.f_bus { width: 180px;height: 50px; font-size: 20px; letter-spacing: -0.08em; background: #f0483b; border: none;  color: #fff; cursor: pointer;font-weight: bold; }
.foot_txt { float: left;font-size: 18px; color: #fff; padding: 25px;}
.foot_line { float: left; font-size: 30px;color: #fff;padding: 25px 10px; }
.footer_close {display:none; width: 100px;  height: 50px;border: 0px solid blue; position: absolute;    top: 20px;  right: -30px; cursor: pointer;}
.footer_close img { width: 70px;}

.f_tel img{padding-top:11px;padding-left:11px;padding-right:10px}
.f_logo img{width:100px;height:45px;padding-top:10px}

    @media all and (max-width:1200px) {
    .quotation {position: relative;bottom: 0px;width: 100%;height:auto;transition: bottom 0.2s ease-in-out;opacity: 0.95;}
    .foo_coun {width: 100%;margin: 0 auto;position: relative;height: auto;border: 0px solid red;padding-top: 10px; }
    .foo_sonbox { position: relative;height: auto;padding-bottom:30px;  border: 0px solid red;margin: 0 auto; text-align:center;}
    .foo_sonbox li{float:none;}
    .is2 {border: none; font-size: 14px;color: #000; width: 100%;  height: 30px;text-indent: 5px;}
    .is3 { border: none;font-size: 14px;color: #000; width: 100%;  height: 30px; text-indent: 5px;}
    .pt_10 { padding-top: 10px}
    .pt_7 { padding-top: 0px}
    .f_a {width: 315px; height: 35px; color: #444;background-color: #fff;  border: 1px solid #2f2f2f;  margin-top: 8px; float: none; margin:0 auto; }

.fbus_cont {margin: 0 auto; text-align: center; border: 0px solid yellow;}
.f_a1 {position: absolute;  margin-top: 0px;  bottom:5px; float:none; width:100%;margin:0 auto; text-align:center; color: #fff; right: 0px;}
.f_a2 {vertical-align: middle;border: 5px solid #3a3a3a; background-color: transparent}
.f_bu { position: relative;float: none;  border: 0px solid blue;  margin-top: 11px;margin-left: 3px; }
.f_bus { width: 315px;height: 35px; font-size: 14px; letter-spacing: 0em; background: #f0483b; border: none;  color: #fff; cursor: pointer;font-weight: bold; }
.foot_txt { float: none;font-size: 18px; color: #fff; padding: 25px;}
.foot_line { float: none; font-size: 30px;color: #fff;padding: 25px 10px; }
.footer_close {display:none; width: 100px;  height: 50px;border: 0px solid blue; position: absolute;    top: 20px;  right: -30px; cursor: pointer;}
.footer_close img { width: 70px;}

.f_tel img{max-width:50%; padding:0px 0px 5px 0px; }
.f_logo img{display:none;} 
    
    
    }

@media all and (max-width:280px) {
     .f_a {width: 260px; }
.f_bus { width: 260px; }
}

 /*개설문의 st*/
.iq_box {width: 1200px;  margin: 0 auto; padding-bottom: 100px; padding-top: 20px; }
.iq_table_area {width: 100%;}
.iq_table_title { font-size: 36px; color: #111;  letter-spacing: -3px; padding-bottom: 20px; border-bottom: 2px solid #222;  text-align: center}
.iq_table_title span {font-size: 16px; color: #2b1612; letter-spacing: -1px; padding-left: 10px;text-align: center}
.iq_table_colgroup { }
.iq_table {width: 100%;font-size: 15px;  text-align: left;letter-spacing: -0.5px;border-top: 2px solid #222}
.iq_table tr { border-bottom: 1px dashed #c7c7c7;}
.join_tra {color: #2b1612; font-weight: normal; vertical-align: middle; text-indent: 35px;font-size: 16px;font-weight: 600;width: 16%; background-color: #f8f8f8}
.join_tra span {color: #d22424;vertical-align: middle; font-size: 18px;font-weight: bold;  padding-left: 5px}
.join_trb {padding: 12px 0px; padding-left: 15px;font-size: 1em;font-weight: normal; color: #564d44;letter-spacing: -0.5px;}
.join_trb .trb_ex { color: #564d44;  vertical-align: middle; padding: 33px 0 0 5px;  font-weight: 100; font-size: 1em; }
.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: #f7f7f7;margin-bottom: 60px}
.join_textbox1 {height: 40px;background-color: #00662e;border-radius: 8px 8px 0px 0px}
.join_textbox1 li {  font-size: 20px;   color: #fff; padding-top: 10px;   text-indent: 28px; font-weight: 200 }
.join_text_box {width: 94%;  margin: 0 auto;margin-top: 20px;margin-left: 20px;margin-right: 20px;margin-bottom: 10px; height: 150px;border: 1px solid #c7c7c7;background: #fff; color: #908e8e;    font-size: 12px; padding: 10px 10px;line-height: 120%; }
 .join_check {color: #222; font-size: 16px;font-weight: 200;text-align: left;padding-bottom: 20px;  text-indent: 20px }
.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; margin-top: 31px; }
 .rep_bu_a {width: 150px;background: #111;border: 2px solid #000;color: #fff; height: 41px; cursor: pointer; }
.rep_bu_a:hover {background-color: #00662e;color: #fff; border: 2px solid #00662e;}
 .rep_bu_b {width: 150px; background-color: transparent; border: 2px solid #00662e;color: #222;  height: 41px;cursor: pointer;}
    /*개설문의 end*/

 @media all and (max-width:1200px) {
        /*개설문의 st*/
 .iq_box {width: 100%;margin-top: 0px; margin-bottom: 20px;padding-bottom: 50px;padding-top: 5px; }
 .iq_table_area {width: 100%;}
 .iq_table_title { font-size: 18px;color: #222;text-align: center;letter-spacing: -2px;padding-bottom: 10px;border-bottom: 2px solid #222}
 .iq_table_title span { font-size: 12px; color: #222;letter-spacing: -1px; padding-left: 2px;text-align: center }
.iq_table_colgroup { }
 .iq_table { width: 100%;font-size: 12px;text-align: left; letter-spacing: -0.5px;border-top: 2px solid #222}
 .iq_table tr {border-bottom: 1px dashed #c7c7c7;}
.join_tra {font-size: 14px;color: #323232; font-weight: normal;vertical-align: middle; text-indent: 10px;  line-height: 12px;letter-spacing: -1px}
 .join_trb { padding: 10px 0px; font-size: 12px;  font-weight: normal;  color: #564d44;letter-spacing: -0.5px;}
.join_trb radio { border: 1px solid #e1e1e1}
 .join_trb .trb_ex { color: #564d44; vertical-align: middle;padding: 33px 0 0 5px; font-weight: 100;font-size: 1em;}
 .join_trd { padding: 10px 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: 90%;   resize: none; border: 1px solid #c7c7c7;}
.rep_abox { width: 37%; height: 35px;border: 1px solid #c7c7c7;  font-size: 12px; letter-spacing: -1px;color: #c7c7c7; background: url("/images/common/slt_arrow.png") no-repeat scroll 100% 50% #FFF; border-radius: 0px; text-indent: 0.01px;padding: 3px 1px 3px 1px; -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: 98%; margin: 0 auto;border-radius: 8px;background-color: #e7e7e7; margin-bottom: 20px }
.join_textbox1 {  height: 33px;   background-color: #00662e;  border-radius: 8px 8px 0px 0px }
 .join_textbox1 li {  font-size: 18px; color: #fff;font-weight: 200; padding: 8px 0px; text-indent: 10px;}
.join_text_box {width: 94%; margin: 0 auto;  height: 80px;font-size: 12px; padding: 10px 10px;line-height: 120%;}
 .join_check {  color: #222; font-size: 13px;  font-weight: 200; text-align: left;   padding-bottom: 10px;  text-indent: 5px}
   .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; margin-top: 31px;  margin-bottom: 10px; }
  .rep_bu_a {width: 40%;background: #00662e;border: 2px solid #00662e;  color: #fff;height: 41px;  cursor: pointer; }
.rep_bu_a:hover { background: #00662e;color: #fff; border: 2px solid #00662e;}
.rep_bu_b { width: 40%; background-color: transparent;border: 2px solid #5d0805;color: #5d0805;height: 41px; cursor: pointer;}
.rep_bu_b:hover {color: #500402; background-color: transparent; border: 2px solid #140f0d; }
 .rep_bu_c {width: 40%;background: #f75153;  border: 2px solid #f75153;  color: #fff; height: 41px;cursor: pointer; }
.rep_bu_c:hover {background: #fff; color: #f75153}
        /*개설문의 end*/
    }

    /*공지사항st*/
.nc_wrap {width: 100%;}
 .nc_area { width: 1000px; margin: 0 auto;padding-bottom: 150px;}
 .nc_sub_tit {font-size: 1.667em;   font-weight: 300;  color: #f75153;letter-spacing: -0.5px; text-align: center; padding: 59px 0 10px 0; padding-bottom: 10px; }
 .nc_box {  border-top: 1px dashed #c7c7c7;margin-top: 20px;}
.notice_search {  padding: 20px 0; overflow: hidden; }
 .nc_txt { float: left;font-size: 1.250em; font-weight: 300; letter-spacing: -0.5px;line-height: 35px;color: #564d44;}
 .nc_txt span {color: #f75153;}
.nc_list {  float: right;}
 .nc_list li {float: left;}

.slt02 { width: 150px; 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;}
.in_txt02 {width: 200px; height: 33px;border: 1px solid #c7c7c7;  border-right: none; font-size: 1em; color: #564d44;padding: 0 5px;}
 .in_btn02 {width: 34px; height: 33px; background: url(/images/common/search_btn.png) no-repeat center;border: 1px solid #c7c7c7;border-left: none; cursor: pointer;}
 .ntc_table { width: 100%; margin-top: 20px;margin-bottom: 40px; padding-bottom: 100px;}
 .ntc_table thead th {font-size: 17px;  font-weight: bold;  color: #111; letter-spacing: -0.5px;  border-top: 2px solid #000904;border-bottom: 1px solid #000904;  padding: 15px 0; }
.ntc_table thead th:last-child {border-right: none; }
 .ntc_table tbody td { font-size: 16px; font-weight: 400;color: #333; border-bottom: 1px solid #ccc;padding: 15px 40px;  line-height: 26px;  text-align: left; }
.ntc_table tbody td img { text-align: center;}
.ntc_table tbody td:last-child { border-right: none;}
.ntc_table tbody .c_num {  font-family: 'Noto Sans KR'; font-weight: bold;text-align: center; }
.ntc_table tbody .c_subject {font-family: 'Noto Sans KR';text-align: left;  font-weight: 500;    letter-spacing: 0px; padding-left: 10px; }
.ntc_table tbody .c_day { text-align: center; }
.ntc_detail {padding: 20px 10px;text-align: left; background-color: #fafafa; border-bottom: 1px solid #808080; line-height: 150%;  font-size: 16px;font-family: 'Noto Sans KR';font-weight: 400; color: #222; letter-spacing: 1px}
.ntc_detail a { font-size: 16px;  font-family: 'Noto Sans KR';  font-weight: 400;  color: #2b1612;  text-decoration: underline;letter-spacing: 1px }
.ntc_detail a:hover {color: #f9d921;background-color: #2b1612  }
.ntc_detail img {text-align: center; }
    /*공지사항ed*/


    @media all and (max-width:1200px) {
        /*공지사항st*/
 .nc_wrap {width: 100%;}
.nc_area { width: 1000px;  margin: 0 auto;padding-bottom: 150px; }
.nc_sub_tit {   font-size: 1.667em;  font-weight: 300;  color: #f75153;  letter-spacing: -0.5px;text-align: center; padding: 59px 0 10px 0; padding-bottom: 10px; }
 .nc_box {border-top: 1px dashed #c7c7c7;margin-top: 20px; }
 .notice_search {padding: 20px 0; overflow: hidden;}
 .nc_txt { float: left; font-size: 1.250em;  font-weight: 300; letter-spacing: -0.5px;line-height: 35px; color: #564d44;}
.nc_txt span { color: #f75153; }
 .nc_list { float: right;}
 .nc_list li { float: left;}
.slt02 {width: 150px; 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;}
 .in_txt02 {width: 200px;  height: 33px;  border: 1px solid #c7c7c7;  border-right: none; font-size: 1em; color: #564d44;padding: 0 5px;}
 .in_btn02 {width: 34px;height: 33px; background: url(/images/common/search_btn.png) no-repeat center;border: 1px solid #c7c7c7;border-left: none; cursor: pointer;}
 .ntc_table { width: 100%;}
 .ntc_table thead th { font-size: 15px;font-weight: bold;color: #2b1612;background-color: transparent;letter-spacing: -0.5px;border-top: 2px solid #000904; border-bottom: 1px solid #000904;padding: 10px 0;}
 .ntc_table thead th:last-child { border-right: none;}
 .ntc_table tbody td {font-size: 13px;font-weight: 300;color: #323232;letter-spacing: -0.5px;border-bottom: 1px solid #ccc; padding: 10px 0; line-height: 16px; text-align: center;}
.ntc_table tbody td:last-child { border-right: none; }
 .ntc_table tbody td img {max-width: 100%}
  .ntc_table tbody .c_num { }
.ntc_table tbody .c_subject { text-align: left; padding-left: 10px;}
.ntc_table tbody .c_day {font-size: 11px;letter-spacing: -1px }
.ntc_detail img {max-width: 100%;  }
.ntc_detail a {color: #2b1612;text-decoration: underline}
 .ntc_detail a:hover {color: #f9d921;background-color: #2b1612 }
        /*공지사항ed*/
    }

.green_btn {width: 30%;height: 36px; border: 0; background-color: #d70b20; color: #fff;padding: 2px 8px;font-size: 13px;font-weight: bold}
.modify_btn {width: 15%; height: 26px;border: 0; background-color: #d70b20;color: #fff;  padding: 0px 8px; font-size: 13px; font-weight: bold }
.orange_btn {width: 15%;height: 24px;border: 0; background-color: #fff;border: 1px solid #d70b20;  padding: 0px 7px;  font-size: 13px; }
.gallery_button { }
.vertical-div { text-align: center;  display: inline-block;}
.vertical-image {margin: 0;vertical-align: middle; }
 .vertical-span {display: inline-block;height: 100%;margin: 0;  vertical-align: middle;  border: 0px solid blue;}

   
    /*이용약관, 개인정보취급방침, 이메일무단수집거부 st*/
.etc_area {width: 310px;background: #ffffff; position: absolute;left: -150px;bottom: 50px;border: 2px solid #564d44;border-radius: 3px;padding: 25px}
.etc_box {width: 100%;height: 380px; position: relative;}
.etc_tit {font-size: 28px; font-weight: normal; color: #f80000;padding-top: 8px}
.etc_letter {width: 100%; font-size: 13px; font-weight: 300; color: #564d44;line-height: 135%;padding-top: 16px; word-break: keep-all}
.etc_letter strong {color: #f75153}
 .agree_textarea_wrap {  width: 100%; height: 53%; border: 1px solid #c7c7c7;  margin-top: 20px;overflow: hidden;}
.etc_textarea_wrap { width: 100%;height: 60%; border: 1px solid #c7c7c7; margin-top: 20px; overflow: hidden;  }
 .etc_textarea {width: 95%;height: 100%; font-size: 0.8em;color: #564d44; line-height: 130%; word-break: keep-all; padding: 0px 15px; background: #fafafa;resize: none; border: 0;}
 .etc_txt {width: 86%; height: 200px; font-size: 0.7em; color: #6f6357;line-height: 130%;word-break: keep-all;padding: 25px; margin-top: 20px;border: 1px solid #c7c7c7;background: #fafafa;}
.etc_txt strong { font-weight: 200;color: #f75153;  }
.etc_txt b {font-weight: 200;color: #2c2c2c}
.etc_close img {width: 55px; height: 30px;position: absolute;right: 0px;top: 0px; cursor: pointer}
    /*이용약관, 개인정보취급방침, 이메일무단수집거부 ed*/

/*------팝업st-----*/
.pop_wrap{position:fixed;left:0px;right:0px;top:4%; z-index: 2099999999; border: 0px solid red;text-align:center;display:none;}
.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:100px;border:1px solid #000;border-radius:3px;color:#fff;font-size: 12px; font-weight: normal; background-color:#000; cursor: pointer; padding: 5px 0px 3px 0px;text-align:center;letter-spacing:-0.5px;margin:5px 5px 5px 0;float:right;cursor:pointer;}
.pop_foot div:hover{background:#fff;color:#333}
/*------팝업ed-----*/
 