@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-jp.css);
*{margin:0;padding:0;text-decoration:none;-webkit-text-size-adjust:none;font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Malgun Gothic','Sans-serif';}
fieldset,legend{ border:0; font-size:0;}
li{list-style:none;}
img{border:0;}
a[href^=tel]{color:#B9B9B9; text-decoration:none;}

html,body{width:100%;font-size: 15px;}
table {border-collapse: collapse;border-spacing: 0;-ms-word-break: break-all;word-break: break-all;}
input {-webkit-appearance: none;-webkit-border-radius: 0;}

/* link */
a{text-decoration:none;cursor:pointer}
a:link{color:#7e7e7e}
a:visited{color:#7e7e7e}
a:hover{color:#333}
a:active{color:#333}

/* basic */
.d-n{display:none}
.fw-n{font-weight: normal !important;}
.ta-c{text-align:center !important}
.ta-l{text-align:left !important}
.ta-r{text-align:right !important}
.v-t{vertical-align:top !important}
.v-m{vertical-align:middle !important}
.v-b{vertical-align:bottom !important}
.f-l, .fl{float:left !important}
.f-r, .fr{float:right !important}
.f-n, .fn{float:none !important}
.bg-n{background:none !important}
.bd-n{border:none !important}
.blind{visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;background:none;font-size:0;line-height:0}
.hide {position:absolute;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;font:0/0 Arial;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* clearfix */
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;content:' '}
.clearfix{display:inline-block}

.w0p {width: 0%;}
.w5p {width: 5%;}
.w10p {width: 10%;}
.w15p {width: 15%;}
.w20p {width: 20%;}
.w25p {width: 25%;}
.w30p {width: 30%;}
.w35p {width: 35%;}
.w40p {width: 40%;}
.w45p {width: 45%;}
.w50p {width: 50%;}
.w55p {width: 55%;}
.w60p {width: 60%;}
.w65p {width: 65%;}
.w70p {width: 70%;}
.w75p {width: 75%;}
.w80p {width: 80%;}
.w85p {width: 85%;}
.w90p {width: 90%;}
.w95p {width: 95%;}
.w100p {width: 100%;}

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb45 {margin-bottom: 45px;}
.mb50 {margin-bottom: 50px;}
.mb55 {margin-bottom: 55px;}
.mb60 {margin-bottom: 60px;}
.mb65 {margin-bottom: 65px;}
.mb70 {margin-bottom: 70px;}
.mb75 {margin-bottom: 75px;}
.mb80 {margin-bottom: 80px;}
.mb85 {margin-bottom: 85px;}
.mb90 {margin-bottom: 90px;}
.mb95 {margin-bottom: 95px;}
.mb100 {margin-bottom: 100px;}

.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mt45 {margin-top: 45px;}
.mt50 {margin-top: 50px;}

.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.ml35 {margin-left: 35px;}
.ml40 {margin-left: 40px;}
.ml45 {margin-left: 45px;}
.ml50 {margin-left: 50px;}

.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mr35 {margin-right: 35px;}
.mr40 {margin-right: 40px;}
.mr45 {margin-right: 45px;}
.mr50 {margin-right: 50px;}

/* common */

/* tableST1 */
.tableST1 {border-top: 1px solid #35501e;}
.tableST1 table {width: 100%; margin-left: -1px; border-collapse: collapse;border-spacing: 0;-ms-word-break: break-all;word-break: break-all;}
.tableST1 table tbody {}
.tableST1 table tbody tr {height: 60px;}
.tableST1 table tbody tr th {padding: 10px 2%;text-align: left; background: #f1f3ef;border-bottom: 1px solid #ececec;color: #333;font-size: 15px;line-height: 1.5em;font-weight: 500; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; -ms-word-break: keep-all;word-break: keep-all;}
.tableST1 table tbody tr td {padding: 10px 2%;border-bottom: 1px solid #ececec; color: #333;font-size: 14px;line-height: 1.5em;font-weight: 300;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.tableST1 table tbody tr td.bg {background: #fafafa;text-align: center;font-weight: 500;}
.tableST1 table tbody tr td .sum{font-size: 20px;font-weight: 500;}
.tableST1 table tbody tr td .sum b{font-weight: 600;}

/* tableST2 */
.tableST2 {overflow: hidden;border-top: 1px solid #35501e;}
.tableST2 table {width: 100%; margin-left: -1px; border-collapse: collapse;border-spacing: 0;-ms-word-break: break-all;word-break: break-all; }
.tableST2 table .pc_mode{display: table-cell;}
.tableST2 table .m_mode{display: none;}
.tableST2 table thead {}
.tableST2 table thead tr {height: 60px;border-bottom: 1px solid #000;}
.tableST2 table thead tr th {padding: 10px 0;background: #f1f3ef;border-bottom: 1px solid #ececec;border-left: 1px dotted #ececec;color: #333;font-size: 18px;line-height: 1.5em;font-weight: 500;  -ms-word-break: keep-all;word-break: keep-all;}
.tableST2 table tbody {}
.tableST2 table tbody tr {height: 60px;}
.tableST2 table tbody tr th{padding: 10px 0;border-bottom: 1px solid #ececec;border-left: 1px dotted #ececec; color: #333;font-size: 15px;line-height: 1.5em;font-weight: 500;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; -ms-word-break: keep-all;word-break: keep-all;}
.tableST2 table tbody tr td {padding: 10px 2%;border-bottom: 1px solid #ececec;border-left: 1px dotted #ececec; color: #333;font-size: 14px;line-height: 1.5em;font-weight: 300;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.tableST2 table tbody tr td b{font-size: 15px;font-weight: 500;}
.tableST2 table tbody tr td p{font-size: 14px;font-weight: 300;}
.tableST2 table tbody tr td.bg {background: #fafafa;text-align: center;font-weight: 500;}
.tableST2 table tbody tr td .sum{font-size: 20px;font-weight: 500;}
.tableST2 table tbody tr td .sum b{font-size: 20px;font-weight: 600;}

.tb_txt {margin-top: 10px;font-size: 14px;font-weight: 300;-ms-word-break: keep-all;word-break: keep-all;}

/* - ¸®½ºÆ® ½ºÅ¸ÀÏ */
.hyphen_list {}
.hyphen_list li {position: relative;padding-left: 1em;font-size: 14px;line-height: 1.5em;font-weight: 300;-ms-word-break: keep-all;word-break: keep-all;}
.hyphen_list li:after{position: absolute;top: 0;left: 0;content: '-';}

/* ÁÙ¹«´Ì¹è°æ ¹Ú½º */
.stripe_box {padding: 22px;background: url(/images/bg_stripe_box.png); border: 1px solid #f1f1f1;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.stripe_box .inner {padding: 40px;background: #fff;}
.stripe_box .inner .para {margin-top: 30px;font-size: 14px;line-height: 1.5em;font-weight: 300;color: #333;}
.stripe_box .inner .para:first-child{margin-top: 0;}
.stripe_box .inner .para b {display: block;font-weight: 500;line-height: 1.8em;}
.stripe_box .inner .para a{color: #333;text-decoration: underline;-ms-word-break: break-all;word-break: break-all;}

/*  input ST */
.inputST1 {/* width: 100%; */height: 40px; padding: 0 1%; color: #666; border: 1px solid #d1d1d1; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; -webkit-appearance: none;   -moz-appearance: none; -webkit-border-radius:0px;}
input.wp5{width: 5%;}
input.wp7{width: 7%;}
input.wp10{width: 10%;}
input.wp20{width: 20%;}
input.wp25{width: 25%;}
input.wp30{width: 30%;}
input.wp40{width: 40%;}
input.wp50{width: 50%;}
input.wp60{width: 60%;}
input.wp70{width: 70%;}
input.wp80{width: 80%;}
input.wp90{width: 90%;}
input.wp100{width: 100%;}

/* ¹öÆ° */
.buttons {*zoom:1; max-width:1200px; margin: 50px 0 0 0px;}
.buttons:after {content:""; display:block; clear:both;}
.buttons > div{margin-left: 5px;}
.buttons .cen {text-align:center;}
.buttons .cen input[type=submit],
.buttons .cen input[type=cancel],
.buttons .cen button {*margin:0 2px;}
.buttons .fr {float:right;}
.buttons .fl {float:left;}
.buttons a {text-decoration:none;}
.buttons a,
.buttons input {vertical-align:top;}

.buttons.bg {padding:40px 4%; background: #f8f8f8;}

.btn-pack {display:inline-block;overflow:visible;position:relative;margin:-1px 0 0 -5px;background:#35501e;color:#fff !important;letter-spacing:-1px;text-decoration:none !important; text-align: center;vertical-align:middle; white-space:nowrap; cursor:pointer; outline:0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.btn-pack.medium {width: 240px;height:52px;line-height: 52px;font-size:15px;}
/* .btn-pack.large {height:32px;padding:0 18px;line-height:30px;font-size:14px;font-weight:700;}
.btn-pack.xlarge {height:38px;padding:0 23px;line-height:36px;font-size:16px;font-weight:700;}*/
/* .btn-pack.small {width: 100%;height:42px;padding:0 10px;line-height:42px;font-size:15px;} */
/* .btn-pack.comment {width:110px; height:62px;padding:0;line-height:60px;font-size:18px;font-weight:400;}  */
.btn-pack:hover,
.btn-pack:active,
.btn-pack:focus{color:#fff}
.btn-pack.focus:hover,
.btn-pack.focus:active,
.btn-pack.focus:focus{color:#fff}
.btn-pack.dark:hover,
.btn-pack.dark:active,
.btn-pack.dark:focus{color:#fff}

.btn-pack.arr{position: relative;display: block;margin-top: 10px;padding:0 5%;text-align: left;}
.btn-pack.arr:first-child{margin-top: 0;}
.btn-pack.arr img{position: absolute;right: 5%;top: 50%;margin-top: -4px;}

.btn-pack.white{background: #fff;border: 1px solid #e3e3e3;color:#333 !important;}
.btn-pack.white:hover,
.btn-pack.white:active,
.btn-pack.white:focus{background: #000;color:#fff !important;}

.btn-pack.yellow {color: #fffe87 !important;}

/* °Ô½ÃÆÇ ÆäÀÌÁö³×ÀÌ¼Ç */
.bbs_footer{padding:40px 4%;margin-top: 50px; background: #f8f8f8;text-align:center;}
ul.pagination{display:inline-block; padding:0; margin:0;border:1px solid #ddd;}
ul.pagination li{display:inline;}
ul.pagination li a{float:left; width:40px; height:40px; border-right:1px solid #ddd;background: #fff;color:#333;font-size: 14px; line-height: 40px; text-decoration:none;}
ul.pagination li a.active,
ul.pagination li a:hover:not(.active) {background-color: #35501e;color:#fff;}
ul.pagination .prev a{text-indent:-9999px; font-size:0; background: #fff url(/images/btn_pagi_prev.png) center center no-repeat;}
ul.pagination .next a{text-indent:-9999px; font-size:0; background: #fff url(/images/btn_pagi_next.png) center center no-repeat;border: none;}
ul.pagination .prev a.active,
ul.pagination .prev a:hover:not(.active),
ul.pagination .next a.active,
ul.pagination .next a:hover:not(.active) {background-color: #fff;}
/* ul.pagination .prev a:hover{background:url(/images/btn_pagi_prev_on.png) center center no-repeat;}
ul.pagination .next a:hover{background:url(/images/btn_pagi_next_on.png) center center no-repeat;border: none;} */



/* header */
.wrap{ height: auto; /*max-width: 1920px;*/margin:0 auto}

/* nav top */
.wrap .nav_top{ overflow: hidden; position:relative; padding:0 40px;}
.wrap .nav_top .logo{ position:absolute; width:135px; height:26px; margin:0 auto; font-size:0; background:url(/images/logo.png) no-repeat center center; left:50%; top:50%; margin:-13px 0 0 -67.5px;}
.wrap .nav_top .sns_list{ overflow: hidden; float:left;}
.wrap .nav_top .sns_list li{ float:left; padding:15px 0; margin:0 0 0 5px;}
.wrap .nav_top .sns_list li:first-child{ margin:0;}
.wrap .nav_top .sns_list li a{ display: block; font-size:0; width:30px; height:30px;}
.wrap .nav_top .sns_list li.fir a{ background:url(/images/sns_01.png) no-repeat center center}
.wrap .nav_top .sns_list li.sec a{ background:url(/images/sns_02.png) no-repeat center center}
.wrap .nav_top .sns_list li.thir a{ background:url(/images/sns_03.png) no-repeat center center}
.wrap .nav_top .sns_list li.four a{ background:url(/images/sns_04.png) no-repeat center center}
.wrap .nav_top .nav_list{ float:right; overflow: hidden;}
.wrap .nav_top .nav_list li{ float:left; margin:0 0 0 10px;}
.wrap .nav_top .nav_list li:first-child{ margin:0;}
.wrap .nav_top .nav_list li a{ display: block; color:#8b8b8b; font-size:12px; text-transform: uppercase; line-height: 60px; height:60px;}
/* nav top end */

/* gnb */
.wrap #gnb{ text-align: center; font-size:0; background:#f3f3f3;}
.wrap #gnb li{ display: inline-block; *display: inline; zoom:1; width: 16.66%;max-width: 217px;height:60px; border-right:1px #ebebeb solid;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.wrap #gnb li:first-child{ border-left:1px #ebebeb solid;}
.wrap #gnb li.act a{ color:#35501e}
.wrap #gnb li a{ display: block; font-size:18px; color:#333333; font-weight:500; line-height: 60px;}
/*gnb end */

/* subgnb */
.wrap #depth_menu{position: absolute;left: 0;top: 0;z-index: 999; width:100%; background:#ffffff;border-bottom:1px #ebebeb solid;text-align: center;font-size:0; }
.wrap #depth_menu > li{display: inline-block; *display: inline; zoom:1; width: 16.66%;max-width: 217px; height: 150px; padding:13px 0; border-right:1px #ebebeb solid; vertical-align: top; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.wrap #depth_menu > li:first-child{border-left:1px #ebebeb solid;}
.wrap #depth_menu > li ul li a{ display: block; font-size:14px; color:#575757; line-height: 30px;}
.wrap #depth_menu > li ul li:hover a{ text-decoration: underline; color:#35501e;}
/* subgnb end */

/* header_m */
#header_m{position: relative;z-index:10000;height: 4.6em;background: #fff;}
#header_m:after{display:block; clear:both; content:"";}
#header_m .header_inner{display: block;position: relative;z-index: 100004;width: 100%;margin: 0 auto;padding: 1.5em;background: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#header_m .header_inner:after{display:block; clear:both; content:"";}

#header_m .header_inner h1 {position: absolute;top: 0em;left: 50%;width: 5em;margin-left: -2em;padding-top: 0.5em;text-align: center;vertical-align: middle;}
#header_m .header_inner h1 a{display: inline-block;*display: inline; *zoom:1;}
#header_m .header_inner h1 a img{width: 100%;}

#header_m .header_inner .top_logo_left {display: inline-block;width: 3em;vertical-align: middle;}
#header_m .header_inner .top_logo_left a {width: 100%;vertical-align: middle; outline: none; font-size: 1em;}

/* left menu */
#left_menu {position:absolute;left:-100%; top:0%;z-index: 10001;width: 75%;max-width: 300px;height: 100%;background: #35501e;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#left_menu > .inner{width:100%;background: #35501e;}
#left_menu > .inner .left_menu_top {display: table;width: 100%;padding: 20px;border-bottom: 1px solid #4a6235;vertical-align: middle; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#left_menu > .inner .left_menu_top ul{display: table-cell;width: 100%;vertical-align: middle;}
#left_menu > .inner .left_menu_top ul:after{display: block;clear: both;content: "";}
#left_menu > .inner .left_menu_top ul li {float: left;margin-left: 1em;vertical-align: middle;}
#left_menu > .inner .left_menu_top ul li:first-child{margin-left: 0;}
#left_menu > .inner .left_menu_top ul li a {font-size: 12px;color: #8d9f7d;}
#left_menu > .inner .left_menu_top .btn_close_leftmenu {display: table-cell;cursor: pointer;background: none;border: none;vertical-align: middle;}

#left_menu > .inner > ul {padding: 20px 20px;}
#left_menu > .inner > ul > li > strong {display:block;position: relative;padding: 5px 0px;font-size:18px;font-weight: normal;cursor:pointer;background: #35501e;color: #fff;}
#left_menu > .inner > ul > li > strong > a{ }

#left_menu > .inner > ul > li > strong > span{display:block;}
#left_menu > .inner > ul > li.on > strong{color: #fff;font-weight: 500;}

#left_menu > .inner > ul > li > .dep2 {display:none;padding: 5px 0 10px;background-color: #35501e;}
#left_menu > .inner > ul > li > .dep2:after{display:block; clear:both; content:"";}
#left_menu > .inner > ul > li > .dep2 li {}
#left_menu > .inner > ul > li > .dep2 li a{display:block;position: relative;padding: 0.2em 0px 0.2em 0px;color: #8d9f7d;font-size:15px;font-weight: normal;}
#left_menu > .inner > ul > li > .dep2 li a.on,
#left_menu > .inner > ul > li > .dep2 li a:active{color: #fff;}

.left_menu_bg{display: none;position: absolute; top: 0;z-index: 10000; width:100%;height:100%; background:#444;opacity: 0.4;	 }


/* header end */

/* banner */
.wrap .section{ height: auto; overflow-x:hidden;}
.wrap .section #banner_wrap{ position:relative; overflow: hidden; margin:0 auto;width:100%;max-height:680px;background: #ddd;}
.wrap .section #banner_wrap #nextBtn,
.wrap .section #banner_wrap #prevBtn{ position:absolute; width:40px; height:80px; top:50%; margin:-40px 0 0 0; z-index: 2; font-size:0;}
.wrap .section #banner_wrap #prevBtn{ left:40px; background:url(/images/prevBtn.png) no-repeat center center;}
.wrap .section #banner_wrap #nextBtn{ right:40px; background:url(/images/nextBtn.png) no-repeat center center;}
.wrap .section #img_list{ height:100%; overflow: hidden; z-index:1; position:relative; margin:0 auto; background:#000000;}
.wrap .section #img_list li{ float:left; height:100%; position:relative; width:100%;}
.wrap .section #img_list li.fir{ background:url(/images/banner_01.jpg) no-repeat center center;}
.wrap .section #img_list li.sec{ background:url(/images/banner_01.jpg) no-repeat center center;}
.wrap .section #img_list li.thir{ background:url(/images/banner_01.jpg) no-repeat center center;}
.wrap .section #img_list li a{overflow: hidden; display: block; height:100%;max-height: 680px;background: #ccc;text-align: center;}
.wrap .section #img_list li a img{display: block;width: 100%;text-align: center;}
.wrap .section #banner_text{ display: block; position:absolute; top: 50%;left:50%; max-width:1300px; width:100%;text-align: left;font-size:70px; color:#fefefe; font-weight: 700; letter-spacing: -1px; line-height: 1.2em}
.wrap .section .add_text{ display:block; font-size:30px; font-weight: 700;}
/* banner end */

/* search */
.wrap .section .search_box.main{ background:#000000;}
.wrap .section .search_box.main>ul{ max-width: 1300px; margin:0 auto; height:60px; background:#1a1a1a;}
.wrap .section .search_box.main>ul>li{ float:left; height:100%; position:relative; box-sizing: border-box;}
.wrap .section .search_box.main ul li.fir{ width:25%; border-right:1px #000000 solid;}
.wrap .section .search_box.main ul li.sec{ width:50%; *width:49.8%;}
.wrap .section .search_box.main ul li.thir{ width:25%;}
.wrap .section .search_box.main ul li input{ width:97%; height:100%; *height:60px; border:0; background:#1a1a1a; font-size:16px; color:#5e5e5e; padding:0 0 0 3%; line-height:60px;}
.wrap .section .search_box.main ul li select{ display: none;}
.section .search_box.main ul li #search{ background:#727375; font-size:16px; color:#282d33; width:100%; padding:0; font-weight:500; cursor: pointer;}
#se_ul > a{ position:absolute; left:0; top:0; width:95%; line-height:60px; height:100%; padding:0 0 0 5%; font-size:16px; background:url(/images/nav_bg.png) no-repeat 95% center; color:#5e5e5e;}
#se_ul > ul{ position:absolute; width:100%; top:60px; left:0; overflow: hidden; z-index: 9; border-bottom:1px #000000 solid; border-top:1px #000000 solid;}
#se_ul > ul > li{ border-top:1px #000000 solid;}
#se_ul > ul > li:first-child{ border-top:0; padding:0;}
#se_ul > ul > li > a { display:block; height:100%; line-height:60px; color:#5e5e5e; padding:0 0 0 5%; width:100%; font-size:16px; background:#1a1a1a;}
#se_ul > ul a:hover,
#se_ul > ul a:focus,
#se_ul > ul a.selected{ color:#5e5e5e; font-weight: 700;}
#se_ul > ul li{ height:60px; background:none; padding:0;}
#se_ul > ul li:first-child a,
#se_ul > ul li:first-child a:hover,
#se_ul > ul li:first-child a:focus,
#se_ul > ul li:first-child a.selected { border-top:none; height:60px; width:100%;}
/* search end*/

/* green nav */
.wrap .section .green_nav{ background:#35501e;}
.wrap .section .green_nav ul{max-width: 1300px; margin:0 auto; overflow: hidden}
.wrap .section .green_nav ul li{ float:left; width:25%; *width:24.88%; border-right:1px #475d35 solid; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.wrap .section .green_nav ul li:first-child{ border-left:1px #475d35 solid;}
.wrap .section .green_nav ul li a{ display: block; font-size:20px; color:#ffffff; text-align: center; line-height: 60px; height:60px;}
.wrap .section .green_nav ul li span{ display: block; padding:0 0 0 50px;}
.wrap .section .green_nav ul li.fir span{background:url(/images/green_01.png) no-repeat 30% center;}
.wrap .section .green_nav ul li.sec span{background:url(/images/green_02.png) no-repeat 32% center;}
.wrap .section .green_nav ul li.thir span{background:url(/images/green_03.png) no-repeat 35% center;}
.wrap .section .green_nav ul li.four span{background:url(/images/green_04.png) no-repeat 38% center;}
/* green nav end */

/* notice */
.wrap .section .notice_box{ background:#ffffff;}
.wrap .section .notice_box>ul{ max-width: 1300px; margin:0 auto; overflow: hidden}
.wrap .section .notice_box>ul>li{ float:left; width:50%; *width:43.8%; box-sizing: border-box; padding:30px 40px;}
.wrap .section .notice_box>ul>li:first-child{ border-right:1px #f1f1f1 solid;}
.wrap .section .notice_box ul li h2{ overflow: hidden; color:#35501e; font-size:20px; height: 33px; line-height: 33px; padding:0 0 15px 0; position:relative;}
.wrap .section .notice_box ul li h2 .more{ position:absolute; right:0; top:10px; font-size:0; width:15px; height:15px; background:url(/images/plus.png) no-repeat center center;}
.wrap .section .notice_box ul li .video_box{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.wrap .section .notice_box ul li .video_box iframe,
.wrap .section .notice_box ul li .video-container object,
.wrap .section .notice_box ul li .video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
.wrap .section .notice_box ul li .tail_t{ display: block; padding:10px 0 0 0;font-size:15px; color:#242424; }
.wrap .section .notice_box ul li ul{ width:100%; border-bottom:1px #f1f1f1 solid;}
.wrap .section .notice_box ul li ul li{ height:52px; overflow: hidden; border-top:1px #f1f1f1 solid;}
.wrap .section .notice_box ul li ul li a{float:left; max-width: 80%; line-height: 52px; color:#242424; font-size:15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden}
.wrap .section .notice_box ul li ul li:hover a{ text-decoration: underline;}
.wrap .section .notice_box ul li ul li .day{ float:right; color:#b0b0b0; display: block; height:100%; line-height: 52px; font-size:12px;}
.wrap .section .notice_box ul li ul li .new{ text-transform: uppercase; font-weight: 700; color:#db2532; font-size:11px; height:100%; line-height: 52px; padding:0 0 0 5px;}
/* notice end*/


/* footer */
.wrap .footer{ background:#4d4d4d;}
.wrap .footer ul{ max-width: 1300px; margin:0 auto; overflow: hidden; padding:20px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.wrap .footer ul li{ float:left; font-size:11px; color:#9f9f9f;}
.wrap .footer ul li a{ display: inline-block; *display: inline; *zoom:1; color:#9f9f9f;}
.wrap .footer ul li .m_br{display: none;}
.wrap .footer ul li.logo{ float:right; width:135px; height:70px;}
.wrap .footer ul li.logo a{ display:block; height:100%; font-size:0; background:url(/images/f_logo.png) no-repeat center center;}

.sns_area{ overflow: hidden; position:relative; padding:0 40px;background: #e8e9e9;text-align: center;}
.sns_area ul{display: inline-block; overflow: hidden; text-align: center;margin-bottom: -4px;}
.sns_area ul:after{display: block;clear: both;content: '';}
.sns_area ul li{ float:left; padding:15px 0; margin:0 0 0 5px;}
.sns_area ul li:first-child{ margin:0;}
.sns_area ul li a{display: block; font-size:0; width:30px; height:30px;}
.sns_area ul li.fir a{ background:url(/images/sns_01.png) no-repeat center center}
.sns_area ul li.sec a{ background:url(/images/sns_02.png) no-repeat center center}
.sns_area ul li.thir a{ background:url(/images/sns_03.png) no-repeat center center}
.sns_area ul li.four a{ background:url(/images/sns_04.png) no-repeat center center}

/* footer end*/