/* Noto Sans KR - family: 'Noto Sans KR' */
/* @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/css?family=Noto+Sans+KR);
*/

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src:url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-thin.woff2) format('woff2'),
    url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-thin.woff) format('woff'),
    url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-thin.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src:url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
    url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
    url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src:url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
    url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
    url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src:url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
    url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
    url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src:url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
    url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
    url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src:url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
    url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
    url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}


@font-face {
 font-family: 'NanumSquare';
 src: url(/common/NanumSquareR.eot);
 src: url(/common/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(/common/NanumSquareR.woff) format('woff'),
      url(/common/NanumSquareR.ttf) format('truetype');
}

div { position:relative; }
body, div, table, th, td, li, dt, dd, a, p { font-family:'Noto Sans KR', 'NanumSquare' !important; font-weight:300;  word-break:keep-all;word-wrap:break-word; }

h2 { font-size:1.4em !important; }
#hd_pop h2 { display:none !important; }
#login_fs legend { display:none; } /* 로그인 에러 처리 */

.head_menu { position:absolute; top:; right:0; text-align:right; }
.head_menu .ul_head_link li { float:left; margin-right:10px;  }
.head_menu .ul_head_link li a { font-size:13px; line-height:20px; color:#333; }

#tnb2 {border-bottom:1px solid #ddd;background:#fff}
#tnb2 ul {margin:0 auto;zoom:1}
#tnb2 li {float:right;border-left:1px solid #ddd;margin-bottom:-1px;font-size:0.92em}
#tnb2 a {display:inline-block;padding:0 10px;color:#646464;line-height:35px;font-size:13px;}
#tnb2 a:focus, #tnb a:hover {color:#253dbe;background:#fafafa}
#tnb2 .tnb_admin a{color:#ff0000;}
#tnb2 .tnb_left{float:left}
#tnb2 .tnb_left a{padding:0 14px}
#tnb2 .tnb_cart{border-right:1px solid #ddd;}
#tnb2 .tnb_community{border-right:1px solid #ddd}
#tnb2 .tnb_community i{font-size:15px}
#tnb2 .tnb_community{background:#e7e7e7;font-weight:bold;}
#tnb2 .tnb_community:focus, #tnb .tnb_community:hover {color:#333;border-bottom:0}
#tnb2 .tnb_community a{color:#253dbe;border-bottom:1px solid #e7e7e7}

.wrap_head { background:#f1f062; }
.headF { height:112px; background:#fff; }

.logo { position:absolute; left:40px; top:13px; z-index:1000;}
.harea { position:absolute; left:210px; top:7px; }
.stitle { color:#006dac; font-size:20px; margin-top:20px; }

.hanja { font-family:dotum; font-size:0.8em; }

.main_link2 { width:100%; height:124px; background:#54d169 url("/image/main/main_link_back.gif") repeat-x; margin-top:0; }
.main_link_list { width:100%; max-width:1120px; margin:0 auto }
.ul_main_link { margin:0 }
.ul_main_link li { float:left; width:calc(100% / 6.2) !important; text-align:Center; padding:15px 0; }
.ul_main_link li:hover { background-color:#0f512c; }

.main_guide { width:100%; min-width:320px; max-width:992px; margin:0 auto; margin-top:20px; margin-bottom:50px;}
.main_guide li { float:left; width:50%; height:100px; }
.main_guide li .icon { float:left; width:97px; height:97px; }
.main_guide li .text { float:left; margin-left:10px;  }
.main_guide li .text .title { font-size:18px; margin-top:20px; }
.main_guide li .text .number { font-size:24px; margin-top:10px; }
.main_guide li .text .guide3_1 { font-size:16px; font-weight:600; margin-top:15px; }
.main_guide li .text .guide3_2 { font-size:14px; margin-top:10px; }
.main_guide li .text .guide3_3 { font-size:14px; margin-top:10px; }

#hd_pop { width:100% !important; }
.index_popup { position:absolute; z-index:1000; }

/* index */
#index { background:#066964 url('/image/index_back_line.gif') repeat-x; padding-bottom:50px; }
.index_back { position:absolute; width:380px; height:350px;  background:url("/image/index_back.png?191") no-repeat; left:-10px; top:160px; }
.index_back_leaf2 { position:absolute; width:410px; height:192px; background:url("/image/index_back_leaf2.png") no-repeat; left:-100px; top:40px;}
.index_back_leaf { position:absolute; width:128px; height:96px;  background:url("/image/index_back_leaf.png") no-repeat; right:-110px; top:60px }
.index_main { width:100%; max-width:768px; margin-left:auto;}
.index_message { width:100%; height:170px; padding-top:50px;}
.index_message .title { font-size:40px; font-weight:600;}
.index_message .welcome { font-size:26px; font-weight:400; }
.index_message .welcome span {color:#066964; }
.index_link { width:100%;}
.index_link ul { padding:0; margin:0; }
.index_link .ul_index_link li { float:left; width:256px; height:272px; }

li.lic_1 { background:#e3e8c9 url("/image/index_link_1.png") no-repeat 150px 150px;}
li.lic_2 { background:#b0cc99 url("/image/index_link_2.png") no-repeat 130px 120px; }
li.lic_3 { background:#7d9c7b url("/image/index_link_3.png") no-repeat 80px 100px; }
li.lic_4 { background:#b4b8aa url("/image/index_link_4.png") no-repeat 180px 26px; }
li.lic_5 { background:#303b40 url("/image/index_link_5.png") no-repeat 150px 26px; }
li.lic_6 { background:#e3e8c9 url("/image/index_link_6.png") no-repeat 0px 140px; }
li .mname { margin:24px 0 0 22px; font-size:28px; font-weight:400; color:#fff; }
li .mname_color1 { color:#066964; }

.ul_lic li { width:100%; height:20px !important; }
.ul_lic a { color:#333; }

.lic_1_m { position:absolute; width:100%; left:20px; bottom:60px; }
.lic_2_m { position:absolute; width:100%; left:20px; bottom:40px; }
.lic_1_m li, .lic_2_m li { width:100% !important; height:30px !important; }

.lic_1_m a { color:#066964; font-size:15px; }
.lic_2_m a { color:#066964; font-size:14px; }

.lic_3_m { position:absolute; left:20px; color:#e3e8c9; top:80px; }
.lic_3_m a { color:#e3e8c9; font-size:13px; }

.lic_6_m { margin-left:20px; margin-top:16px; color:#066964; }

.lic_bbs { width:100%; height:180px; margin-top:30px; }
/*---------------------*/


.sub_head { height:200px; background:url("/image/sub_head_back.jpg?1907") repeat-x center; overflow:hidden; }
.sub_head_img { position:absolute; width:100%; max-width:354px; height:200px; background:url("/image/sub_head_img_1.png") no-repeat; right:0; top:35px;  }
.head_sub_text { width:100%; height:31px; padding-top:90px; padding-left:100px; }
.wrapper_site {  }




.stitle2 { position:absolute; left:50px; top:-15px; width:200px; height:30px; line-height:30px; background:#f57246; border-radius:30px; color:#fff; padding-left:20px; font-size:16px; z-index:2; }
.stext2 { margin-top:10px; font-size:15px; border:1px solid #ddd; border-radius:30px; padding:30px 20px 20px 30px; margin-top:50px; z-index:1;}
.stext2 li { font-size:15px; line-height:26px; }

.bbs_left { float:left; width:110px; line-height:30px; font-size:15px; font-weight:400; }
.bbs_right { float:left; width:calc(100% - 110px); }


.container .menuF { position:absolute; top:26px; right:0; padding-top:0; padding-bottom:14px;z-index:100;}
.menu_back { position:absolute; width:100%; max-width:608px; height:36px; background:#066964; border-radius:20px; top:50px; }


.menuF .gnb { border-top:0; max-width:767px; }
.menuF .gnb > li {float:left; } 
.menuF .gnb > li div {position:absolute; left:0; top:0; height:0; z-index:99999; overflow:hidden;}
.menuF .gnb > li div ul { padding-top:13px;  }
.menuF .gnb > li div li {line-height:28px; font-size:13px; color:#b2bbbf; }
a.a_hmenu { display:block; padding:0 28px; font-family:'Noto Sans KR' !important; font-size:17px !important; color:#333 !important; font-weight:600; text-decoration:none; line-height:16px; }
a.a_hmenu:hover { color:#182b55 !important; text-decoration:none; }

#gnb {position:relative;display:inline-block; border-top:0; width:100%;}
#gnb .menu_unit{position:relative;float:left;margin:0 3px}
#gnb .menu_unit h3{height:30px;padding:20px 8px 10px 8px; font-size:16px; font-family:'Noto Sans KR','NanumSquare',sans-serif;}
#gnb .menu_unit h3.active{ }
#gnb .menu_unit h3 > a{display:block;height:100%}
#gnb .depth_2{display:none;position:absolute !important;top:50px;left:0;font-family:'Noto Sans KR',sans-serif; padding:5px 0; }
#gnb .depth_2 > li{float:left; font-size:13px;font-weight:400;  font-family:'Noto Sans KR',sans-serif; }
#gnb .depth_2 > li a{display:block;height:auto;color:#fff; font-family:'Noto Sans KR',sans-serif !important; font-size:0.8rem; font-weight:300; padding:5px 8px }
#gnb .depth_2 > li a:hover {text-decoration:none; color:#c9d9d8; }
#gnb .width1 {width:530px; left:20px;}
#gnb .width2 {width:650px; left:-130px;}
#gnb .width3 {width:500px; left:-30px;}
#gnb .width4 {width:250px; left:-60px;}


/*
.menuF .gnb > li .depth_s { background:#f9f9f9; }
*/

.menuF .gnb > li .depth01 {left:0; top:73px; width:120px; text-align:center;  z-index:9999; }
.menuF .gnb > li .depth02 {left:120px; top:73px; width:120px; text-align:center; z-index:9999; }
.menuF .gnb > li .depth03 {left:240px; top:73px; width:120px; text-align:center;  z-index:9999; }
.menuF .gnb > li .depth04 {left:360px; top:73px; width:120px; text-align:center;  z-index:9999; }
.menuF .gnb > li .depth05 {left:480px; top:73px; width:120px; text-align:center;  z-index:9999; }
.menuF .gnb > li .depth06 {left:600px; top:73px; width:120px; text-align:center;  z-index:9999; }

.menuF .gnb > li a.submenu1 { font-size:13px; }

.inDepth {position:absolute; left:0; top:120px; width:100%; height:0; padding-top:0; z-index:9998; }
.inDepth .depth-box {overflow:hidden; *zoom:1; width:100%; height:0; background:#fff;  z-index:9998;}
.curr { border-bottom:2px solid #c9c9c9;}
.depth-box:after {content:''; display:block; clear:both;}
.depth-box .left {float:left; padding:0px 0 0 20px; }
.depth-box .right {float:right; padding:0px 20px 0 0;}


.hm_left { float:left; width:25%; max-width:250px; z-index:1;}
.hm_left .title { width:250px; height:100px; background:#80b5bb; /*  url("/image/leftmenu_head_back.gif") no-repeat */ }
.hm_left .title .tname { padding-left:30px; padding-top:10px; color:#fff; font-size:28px; font-weight:400; text-align:left; }
.hm_left .title .tname_eng { padding-left:30px; color:#b7d8db; font-size:20px; font-weight:400; text-align:left; }
.hm_left .submenu { width:250px; }
.hm_left .submenu li { width:250px; border-bottom:1px solid #c8cace;  }
.hm_left .submenu li a { display:block; padding:12px 0 12px 26px; font-size:15px; color:#333; background:#fff; text-decoration:none; font-weight:400; }
.hm_left .submenu li a:hover { color:#182b55; }
.hm_left .submenu li a.leftmenu2 { display:block; padding:12px 0 12px 26px; font-size:15px; color:#fff; text-decoration:none; background:#b0cc99 url("/image/leftmenu_back.gif") no-repeat; }


.hm_right { float:left; width:calc(100% - 250px); font-size:13px; padding-left:30px;}
.hm_right .head { width:100%; height:99px; border-bottom:1px solid #7d9c7c }
.hm_right .head .title { float:left; padding-top:34px; font-size:30px; font-weight:normal; color:#333; color:#333; }
.hm_right .head .navigation { float:right; padding-top:50px; font-size:12px; color:#333; }
.hm_right .head .st { font-size:18px; font-weight:normal; color:#000; margin-top:10px; }

.wrapper_navi { width:100%; height:100px;  background:#f9f9f9; padding:0 !important; margin:0 !important; padding-bottom:0 !important; margin-bottom:0 !important; }
.hm_right .head { z-index:2; }

.hr_back { z-index:1; }
.hr_back1 { position:absolute; top:0; right:-55px; width:431px; height:160px; background:url("/image/content_head_back_1.jpg?1908") no-repeat; }
.hr_back2 { position:absolute; top:0; right:-55px; width:755px; height:160px; background:url("/image/content_head_back_2.jpg?1908") no-repeat; }
.hr_back3 { position:absolute; top:0; right:-55px; width:755px; height:160px; background:url("/image/content_head_back_3.jpg?1908") no-repeat; }
.hr_back4 { position:absolute; top:0; right:-55px; width:850px; height:160px; background:url("/image/content_head_back_4.jpg?1908") no-repeat; }



.mhimg1 { width:480px; height:160px; background:url("/image/main_head_back_1.png") no-repeat right; }
.mhimg2 { width:480px; height:160px; background:url("/image/main_head_back_1.png") no-repeat right; }
.mhimg3 { width:480px; height:160px; background:url("/image/main_head_back_3.png") no-repeat right; }
.mhimg4 { width:480px; height:160px; background:url("/image/main_head_back_4.png") no-repeat right; }
.mhimg5 { width:480px; height:160px; background:url("/image/main_head_back_5.png") no-repeat right; }
.mhimg6 { width:480px; height:160px; background:url("/image/main_head_back_6.png") no-repeat right; }
.mhimg99 { width:480px; height:160px; background:url("/image/main_head_back_6.png") no-repeat right; }
.mhimg100 { width:480px; height:160px; background:url("/image/main_head_back_6.png") no-repeat right; }


.intro_text { margin-top:30px; font-size:18px; line-height:30px; }

.content { width:100%; margin:30px 0; }

.corp_guide { margin:50px 0; }
.site_point dl { width:100%; }
.site_point dt { float:left; width:190px; padding-left:15px; background:url("/image/site_pointer.gif") no-repeat 0 11px; font-size:1.5em; font-weight:400; }
.site_point dd { float:left; width:calc(100% - 190px); font-size:1.1em; padding-top:5px; }

.site_point2 dl { width:100%; margin-bottom:30px; }
.site_point2 dt { padding-left:15px; background:url("/image/site_pointer.gif") no-repeat 0 11px; font-size:1.5em; font-weight:400; }
.site_point2 dd { width:calc(100% - 20px); font-size:1.1em; padding-left:20px; }

/* intro */
.intro { font-size:18px; }

/* map */
.map_info { width:100%; margin:30px 0; }
.map_info span { font-weight:400; }
.map_info dl { width:100%; }
.map_info dt { float:left; width:80px; text-align:center; font-size:1.2em; font-weight:400; }
.map_info dd { float:left; width:calc(100% - 80px); font-size:1.2em; font-weight:300;  }

.map_line { width:100%; height:1px; border-bottom:1px dotted #ddd; margin-bottom:30px;}

.map_way_case { width:100%; }
.map_way_case dl { width:100%; }
.map_way_case dt { float:left; width:80px; }
.map_way_case dd { float:left; width:calc(100% - 80px); }

.map_way_case li { list-style:none; padding:0; margin:0; }
.map_way_case .list { margin-bottom:10px; }

.tbl_biz { width:calc(100% - 28px); margin-left:28px; margin-top:14px; border-collapse:collapse; border-top:1px solid #333; }
.tbl_biz th { background:#f8f8f8; padding:10px 0; text-align:center; border-bottom:1px solid #ddd; font-size:15px; }
.tbl_biz td { padding:10px 0 10px 10px; border-bottom:1px solid #ddd;  }

.subway_line { display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; border-radius:50%; color:#fff; margin:4px 0; }
.subway_1line { background:#0d3692; }
.subway_5line { background:#7953b6; }
.subway_7line { background:#788900; }
.subway_9line { background:#cfa43b; }

.bus_title { width:100%; max-width:280px; background:#59b1c5; color:#fff; text-align:center; padding:5px 0; border-radius:20px; }
.bus_text ul { margin-bottom:30px; }
.bus_text li { margin-top:10px; line-height:20px; font-size:14px; }

.subway_title { display:inline-block; background:#233e47; color:#fff; text-align:center; padding:5px 30px; border-radius:20px; margin-bottom:16px;}

.ul_map_subway li { margin-bottom:10px; line-height:20px; font-size:14px; }




/* greeting */
.greeting_text { margin-top:10px; line-height:30px; font-size:1.2em; }

/* vision */
.mv_title { width:100%; max-width:174px; height:34px; margin:0 auto; background:#0ba6df; border-radius:30px; color:#fff; text-align:center; line-height:34px; font-size:1.5em; font-weight:600; z-index:3; }
.mission_text { width:100%; max-width:690px; height:78px; margin:0 auto; background:#0450b0; color:#fff; text-align:center; font-size:1.8em; font-weight:400; line-height:78px; border-radius:50px; top:-10px; z-index:2; }
.mt30 { margin-top:30px; }
.vision_ct li { float:left; width:25%; text-align:center; }


/* biz */
.content_head_text { width:100%; padding:30px; }
.content_head p { padding:0; margin:0; font-size:16px;}
.content_head {position:relative; padding:5px; overflow:hidden; background:url("/image/content_head_line_img.gif") repeat;}
.content_head:before {position:absolute; left:0; top:0; width:50px; height:50px; border-left:5px solid #ddb053; border-top:5px solid #ddb053; content:'';}
.content_head .box {padding:20px 30px; background:#fff; line-height:30px;}
.content_head .box:before {position:absolute; right:0; bottom:0; width:50px; height:50px; border-right:5px solid #8c7b74; border-bottom:5px solid #8c7b74; content:'';}

table caption { display:none; }
.tbl_case_1 { width:100%; border:0; border-collapse:collapse; }
.tbl_case_1 thead th { background:#f9f9f9; padding:10px 0; text-align:center; border:1px solid #ddd; }
.tbl_case_1 td { padding:10px 8px; text-align:center; border:1px solid #ddd; }

.biz_middle { margin:30px 0; }
.biz_img1 { float:left; width:70%; text-align:center; padding:20px 0; }
.biz_img1 img { width:80%; }
.biz_point { float:left; width:30%; padding:20px 0; }
.biz_point li { padding:10px 0; }

.biz_img2 { width:100%; text-align:Center; margin-top:20px; }
.biz_text { width:100%; padding:20px; font-size:16px; margin-bottom:20px; }

.biz_middle2 { width:100%; margin:30px 0; }
.biz_img3 { float:left; width:50%; text-align:center; }
.biz_img3 img { max-width:379px; }
.biz_point2 { float:left; width:50%; height:300px; margin-top:25px; background:#f2f2f2; text-align:center; font-size:24px; padding:80px 0; line-height:50px; }




/* support - volunteer */
.st_point { padding-left:20px; background:url("/image/site_pointer.gif") no-repeat 0 2px; font-size:1.3em; font-weight:400; margin-top:20px;  }
.st_text { padding-left:19px; font-size:1.1em; font-weight:300; }
.frm_input { height:26px; }
.dl_bank { display:block; width:100%; }
.dl_bank dt { float:left; width:70px; padding-top:2px; font-weight:400; }
.dl_bank dd { float:left; width:calc(100% - 80px); }


.tbl_sv_app { width:100%; border-collapse:collapse; }
.tbl_sv_app th { background:#f9f9f9; padding:10px 0; text-align:center; border:1px solid #ddd; }
.tbl_sv_app td { padding:10px 0 10px 10px;  border:1px solid #ddd; }

.sv_privacy { width:calc(100%); padding:15px; border:1px solid #ddd; line-height:24px; }

.frm_size1 { width:100%; max-width:100px; }
.frm_size2 { width:100%; max-width:200px; }
.frm_size3 { width:100%; max-width:50px; }

.support_case { width:100%; padding:0; margin:0; margin-top:5px;}
.support_case dt { float:left; width:20%; max-width:96px; }
.support_case dd { float:left; width:calc(100% - 96px); }

.ul_volunteer { width:100%; margin-top:10px;  }
.ul_volunteer li { float:left; width:33%; }
.ul_volunteer li div { width:100%; text-align:center; }
.ul_volunteer li .tit { margin-top:5px; font-weight:400; font-size:18px; }
.ul_volunteer li .text { margin-top:5px; }



/* bbs */
.td_subject_name { display:none; }


.tail_slide_banner { width:992px; margin:0 auto; border:1px solid #d2d2d2; border-radius:10px; }

.ft-100 { background:#066964; padding-bottom:50px; }
#ft { width:100%; min-width:300px; margin-top:70px; }
#ft_link{padding:10px 0;border-bottom:0}
#ft_link a{display:inline-block;padding:0 16px 0 0;line-height:1.083em;font-weight:400; font-size:13px;}

.ft_info { padding-top:20px; color:#fff; font-size:13px; line-height:30px; }
.ft_logo { width:200px; padding-top:45px;  }

.mmenu_mobile { display:none; position:absolute; width:100%; height:80px; }
#gnb2 { display:none; }
.gnb_wrap { display:none; }


@media (max-width: 1199.98px) {
	.logo img { width:300px; }
	.hm_left { display:none; }
	.hm_right { width:100%; }
}

@media (max-width: 991.98px) {

	.menuF { display:none; }

	/* mobile menu */
	.mmenu_mobile { display:block; right:20px; top:40px; }
	.mmenu_mobile .btn_gnb{position:absolute;top:20px;right:20px;margin-top:-19px}
	.mmenu_mobile .btn_gnb span{position:relative;display:block;width:30px;height:2px;background:#333;margin:8px 0}

	#gnb2 .gnb_scroll p { margin:0; }

	#gnb2 {position:fixed;top:0;right:0;width:100%;height:100%;text-align:left;z-index:5000;display:none; z-index:10000;}
	#gnb2 .gnb_wrap{
		position:absolute;
		top:0;
		right:-240px;
		width:240px;
		height:100%;
		background:#f9f9f9;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		z-index:100
	}
	#gnb2 .gnb_wrap { display:block }

	#gnb2 .gnb_wrap.open{right:0}
	#gnb2 .gnb_wrap.default{right:-240px}
	#gnb2 .gnb_bg{position:absolute;top:0;left:0;width:100%;height:100%}
	#gnb2 .one_depth a.btn_one{ display:block; width:160px; font-size:16px;color:#fff;font-weight:normal;letter-spacing:normal; background:#39609d; padding:4px 10px; text-decoration:none;}
	#gnb2 .one_depth a.btn_one_shop{ display:block; width:160px; font-size:16px;color:#fff;font-weight:normal;letter-spacing:normal; background:#ff3c73; padding:4px 10px; text-decoration:none;}
	#gnb2 .gnb_group > div > ul > li{ width:160px; border-top:1px solid #595959}
	#gnb2 .gnb_group > div > ul > li:first-child{border-top:none;}
	#gnb2 .snb{ background:#fff; }
	#gnb2 .snb li{font-size:0;line-height:0;border-bottom:1px solid #ddd; }
	#gnb2 .snb li a{
		display:block;
		padding:4px 10px;
		width:160px;
		font-size:14px;
		color:#999;
		line-height:1;
		letter-spacing:normal;
		text-decoration:none;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	#gnb2 .snb li.actived a,#gnb2 .snb li a:hover{color:#000}

	#gnb2 .snb li a.mhead_submenu2 { display:block; background:#414856; color:#fff; padding:6px 10px; width:160px;}

	#gnb2 .gnb_group{position: absolute;width:auto;height:auto;margin-top:60px;margin-left:40px;top:0;left:0;right:0;bottom:0;overflow: hidden}
	#gnb2 .btn_close{position:absolute;top:16px;left:40px;z-index:10;}



	.index_link .ul_index_link li { width:33%; height:272px; }

	.wrapper_navi .container { width:100% !important; padding:0; }
	.wrapper_site .hm_right { padding-left:0; }

	.tail_slide_banner { display:none; }
	.tail_link { width:100%; margin-lefT:0; text-align:center; }


	.sch_input { width:100%; max-width:300px; }

}

@media (max-width: 767.98px) {

	.sub_head { height:180px; }
	.head_sub_text { padding-top:90px; padding-left:50px; }

	.index_link .ul_index_link li { width:50%; }

	.wrapper_navi { height:80px; }
	.hm_right .head { height:80px; }

	.hm_right .head .navigation { float:none; width:100%; text-align:left; margin-top:24px; padding-top:0; }
	.hm_right .head .title { float:none; width:100%; font-size:22px; margin-top:10px; padding-top:0; }

	.vision_ct li { width:calc(50% - 10px); margin:0 5px; margin-bottom:10px;  }


}

@media (max-width: 640px) {
	.logo { padding:0; margin:0; left:0; top:15px; }
	.logo img { width:260px; margin:0; padding:0; }

	.headF { height:90px; border-bottom:1px solid #ddd; }


	.sub_head { height:160px; }
	.sub_head_img { width:200px !important; height:160px; background-size:cover; }
	.head_sub_text { padding-top:80px; padding-left:0; }


	#index { padding:0; }
	.index_back { display:none;  }
	.index_back_leaf { display:none;}
	.index_message { height:100px; padding-top:20px;}
	.index_message .title { width:100%; font-size:25px; font-weight:600; text-align:center; }
	.index_message .welcome { width:100%; font-size:16px; font-weight:400; text-align:center;}


.support_case dt { float:normal; width:100%; max-width:100%; }
.support_case dd { float:normal; width:100%; }

.ul_volunteer li { float:left; width:32%; margin-right:1%; }
.ul_volunteer li .tit {  font-size:16px; }
.ul_volunteer li .text { font-size:14px; }



	.td_name { display:none; }
	.td_num { display:none; }

	.td_subject_name { display:block; }
}

@media (max-width: 575.98px) {

	.logo img { width:230px; }
	.index_link { background:#066964; }
	.index_link .ul_index_link li { float:normal; width:100%; margin:0 auto; }

li.lic_1 { background-position:200px 150px;}
li.lic_2 { background-position:220px 120px; }
li.lic_3 { background-position:200px 100px; }
li.lic_4 { background-position:260px 26px; }
li.lic_5 { background-position:240px 26px; }
li.lic_6 { background-position:0px 120px; }

.biz_img1 { float:normal; width:100%; padding:0; }
.biz_img1 img { width:100%; }
.biz_point { display:none; }
.biz_text { display:none; }

.biz_img3 { float:normal; width:100%;}
.biz_img3 img { width:100%;  }
.biz_point2 { display:none; }

}