@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-jp.css);
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0');

*{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;width: 100px;}
.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;}

/* - list-style */
.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 */
.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%;}

/* button */
.buttons {*zoom:1; max-width:1200px; margin: 50px 0 0 0px;}
.buttons.top {*zoom:1; max-width:1200px; margin: 0 0 50px 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:#000;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;}
.btn-pack.purple {background: #1d2087; color: #fff !important;}

/* board navi */
.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: #4d4d4d;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;left: calc(50% - 55px);top: calc(50% - 13px);width: 110px;height: 27px;margin: 0 0 0 0;font-size:0;background:url(/images/logo.png) no-repeat center center;-webkit-background-size: 100%;background-size: cover;}
.wrap .nav_top .sns_list{ overflow: hidden; float:left;}
.wrap .nav_top .sns_list li{float:left;padding:20px 0;margin: 0 0 0 12px;}
.wrap .nav_top .sns_list li:first-child{ margin:0;}
.wrap .nav_top .sns_list li a{ display: block; font-size:0; height:30px; }
.wrap .nav_top .sns_list li.fir a{width:12px; background:url(/images/ic_1_off.png) no-repeat center center;-webkit-background-size: 100%;background-size: 100%;}
.wrap .nav_top .sns_list li.fir a:hover{background:url(/images/ic_1_on.png) no-repeat center center;-webkit-background-size: 100%;background-size: 100%;}
.wrap .nav_top .sns_list li.sec a{width:22px; background:url(/images/ic_2_off.png) no-repeat center center;-webkit-background-size: 100%;background-size: 100%;}
.wrap .nav_top .sns_list li.sec a:hover{background:url(/images/ic_2_on.png) no-repeat center center;-webkit-background-size: 100%;background-size: 100%;}
.wrap .nav_top .sns_list li.thir a{width:26px; background:url(/images/ic_3_off.png) no-repeat center center;-webkit-background-size: 100%;background-size: 100%;}
.wrap .nav_top .sns_list li.thir a:hover{background:url(/images/ic_3_on.png) no-repeat center center;-webkit-background-size: 100%;background-size: 100%;}
.wrap .nav_top .sns_list li.four a{width:26px; background:url(/images/ic_4_off.png) no-repeat center center;-webkit-background-size: 100%;background-size: 100%;}
.wrap .nav_top .sns_list li.four a:hover{background:url(/images/ic_4_on.png) no-repeat center center;-webkit-background-size: 100%;background-size: 100%;}
.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;height:70px;line-height: 70px; color:#000; font-size:12px; text-transform: uppercase; }
/* 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 a{ display: block; font-size:18px; color:#1d2087 ; font-weight:500; line-height: 60px; cursor: inherit;}
/*.wrap #gnb li#g1 a,
.wrap #gnb li#g2 a,
.wrap #gnb li#g3 a,
.wrap #gnb li#g4 a,
.wrap #gnb li#g5 a,
.wrap #gnb li#g6 a{cursor: inherit;}
.wrap #gnb li#g1 a{color: #1d2087;}
.wrap #gnb li#g6 a{color: #1d2087;}*/
.wrap #gnb li#g1.on a,
.wrap #gnb li#g2.on a,
.wrap #gnb li#g3.on a,
.wrap #gnb li#g4.on a,
.wrap #gnb li#g5.on a,
.wrap #gnb li#g6.on a {background-color: #1d2087 ;color: #fff;}
/*.wrap #gnb li#g1.on a{background-color: #1d2087 ;color: #fff;}
.wrap #gnb li#g2.on a{background-color: #ffff00;color: #000;}
.wrap #gnb li#g3.on a{background-color: #ff8100;color: #000;}
.wrap #gnb li#g4.on a{background-color: #81fb3c;color: #000;}
.wrap #gnb li#g5.on a{background-color: #ff53ff;color: #000;}
.wrap #gnb li#g6.on a{background-color: #1d2087;color: #fff;}*/
/*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: 250px; 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: 4em;margin-left: -2em;padding-top: 0.5em;padding-left: 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: #000;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#left_menu > .inner{width:100%;background: #000;}
#left_menu > .inner .left_menu_top {display: table;width: 100%;padding: 20px;border-bottom: 1px solid #333;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: #777;}
#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: #000;color: #fff;}
#left_menu > .inner > ul > li > strong > span{display:block;}
#left_menu > .inner > ul > li > strong > span a{color: #fff; }

#left_menu > .inner > ul > li.on > strong{font-weight: 500;}
#left_menu > .inner > ul > li.s1.on > strong{color: #fff;}
#left_menu > .inner > ul > li.s2.on > strong{color: #fff;}
#left_menu > .inner > ul > li.s3.on > strong{color: #fff;}
#left_menu > .inner > ul > li.s4.on > strong{color: #fff;}
#left_menu > .inner > ul > li.s5.on > strong{color: #fff;}
#left_menu > .inner > ul > li.s7.on > strong{color: #fff;}

#left_menu > .inner > ul > li > .dep2 {display:none;padding: 5px 0 10px;background-color: #000;}
#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: #777;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:650px; */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;}
.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: 650px; */background: #fafafa;text-align: center;}
.wrap .section #img_list li a img{display: block;max-width: 100%;margin: 0 auto;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: #dedede;}
.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.sec:before {content:'\e8b6';position: absolute;font-family: 'Material Symbols Outlined';top: 50%;transform: translateY(-50%);color: #666;font-size: 25px;left: 10px;}
.wrap .section .search_box.main ul li.fir{width:25%;border-right:1px #000000 solid;display: none;}
.wrap .section .search_box.main ul li.sec{width: 75%;*width: 74.8%;border-left: 1px #eeeeee solid;position: relative;}
.wrap .section .search_box.main ul li.thir{ width:25%;}
.wrap .section .search_box.main ul li input{width: calc(100%);height:100%; *height:60px;border:0;background: #dedede;font-size:16px;color: #000000;padding: 0 0 0 40px;line-height:60px;}
.wrap .section .search_box.main ul li select{ display: none;}
.section .search_box.main ul li #search{background: #1d2087;font-size:16px;color: #fff;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:#000;}
.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 #333333 solid; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.wrap .section .green_nav ul li.fir{border-left:1px #333333 solid; background-color: #ff00ffff;}
.wrap .section .green_nav ul li.sec{}
.wrap .section .green_nav ul li.thir{}
.wrap .section .green_nav ul li.fou{}
.wrap .section .green_nav ul li a{ display: block; height:80px;line-height: 80px; font-size:20px; color:#ffffff; text-align: center; }
.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 27% center;color: #fff;}
.wrap .section .green_nav ul li.sec span{background:url(/images/green_02.png) no-repeat 32% center;color: #fff;}
.wrap .section .green_nav ul li.thir span{background: url(/images/green_03.png) no-repeat 23% center;color: #fff;}
.wrap .section .green_nav ul li.four span{background: url(/images/green_04.png) no-repeat 32% center;color: #fff;}
.wrap .section .green_nav ul li.fir span:hover{background:url(/images/green_01.png) no-repeat 27% center;color: #fff;}
.wrap .section .green_nav ul li.sec span:hover{background:url(/images/green_02_on.png) no-repeat 32% center;color: #36BCEE;}
.wrap .section .green_nav ul li.thir span:hover{background: url(/images/green_03_on.png) no-repeat 23% center;color: #00A098;}
.wrap .section .green_nav ul li.four span:hover{background:url(/images/green_04_on.png) no-repeat 32% center;color: #FFEF00;}
/* 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{position: relative; float:left; width:50%; *width:43.8%;box-sizing: border-box;padding: 30px 40px 0;}
.wrap .section .notice_box > ul > li:first-child{ border-right:1px #f1f1f1 solid;}
/* .wrap .section .notice_box > ul > li .video-wrap {max-height:490px;}
.wrap .section .notice_box > ul > li .video_slide {max-height:382px;overflow: hidden;} */
.wrap .section .notice_box > ul > li {overflow: hidden;position: relative;}
.wrap .section .notice_box > ul > li .btn {
    position: absolute;
    width: 30px;
    height: 30px;
    border: 1px solid #d3d3d3;
    top: 1px;
    cursor: pointer;
}
.wrap .section .notice_box > ul > li .btn.left {
    right: 29px;
    background: url(../../images/youtube-left.png) no-repeat center #fff;
}
.wrap .section .notice_box > ul > li .btn.right {
    right: 0;
    background: url(../../images/youtube-right.png) no-repeat center #fff;
}
.wrap .section .notice_box > ul > li h2{ overflow: hidden; color:#000; font-size:17px; 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.bbs_list {}
.wrap .section .notice_box > ul > li.bbs_list .tab_area {}
.wrap .section .notice_box > ul > li.bbs_list .tab_area .tab_list {margin-bottom: 14px;}
.wrap .section .notice_box > ul > li.bbs_list .tab_area .tab_list > ul {margin: 5px 0 30px -15px;}
.wrap .section .notice_box > ul > li.bbs_list .tab_area .tab_list > ul:after{display:block; clear:both; content:"";}
.wrap .section .notice_box > ul > li.bbs_list .tab_area .tab_list > ul > li {float: left;position: relative; text-align: center;vertical-align: middle;}
.wrap .section .notice_box > ul > li.bbs_list .tab_area .tab_list > ul > li a {position: relative;display: block;padding: 0 15px;font-size: 17px;line-height: 1em;font-weight: 500;color: #8e8e8e;}
.wrap .section .notice_box > ul > li.bbs_list .tab_area .tab_list > ul > li a:after {position: absolute;top: 1px;left: 0;content: "";width: 1px;height: 18px;background: #d4d4d4;}
.wrap .section .notice_box > ul > li.bbs_list .tab_area .tab_list > ul > li:first-child a:after {display: none;}
.wrap .section .notice_box > ul > li.bbs_list .tab_area .tab_list > ul > li.on a {font-weight: bold;color: #000;}
.wrap .section .notice_box > ul > li.bbs_list .tab_area .tab_cont > .tab_cont_box {position: relative;display: none;}
.wrap .section .notice_box > ul > li.bbs_list .tab_area .tab_cont > .tab_cont_box.on {display: block;/* height: 100%; */}
.wrap .section .notice_box > ul > li.bbs_list .btn_more {position:absolute; right:0; top:-45px; font-size:0; width:15px; height:15px; background:url(/images/plus.png) no-repeat center center;}
.wrap .section .notice_box > ul > li.bbs_list .main_bbs_list ul{ width:100%; border-bottom:1px #f1f1f1 solid;}
.wrap .section .notice_box > ul > li.bbs_list .main_bbs_list ul li{ height:56px; overflow: hidden; border-top:1px #f1f1f1 solid;}
.wrap .section .notice_box > ul > li.bbs_list .main_bbs_list ul li a{float:left; max-width: 80%; line-height: 56px; color:#242424; font-size:15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden}
.wrap .section .notice_box > ul > li.bbs_list .main_bbs_list ul li:hover a{ text-decoration: underline;}
.wrap .section .notice_box > ul > li.bbs_list .main_bbs_list ul li .day{ float:right; color:#b0b0b0; display: block; height:100%; line-height: 56px; font-size:12px;}
.wrap .section .notice_box > ul > li.bbs_list .main_bbs_list ul li .new{ text-transform: uppercase; font-weight: 700; color:#db2532; font-size:11px; height:100%; line-height: 56px; padding:0 0 0 5px;}


/* notice end*/

/* instagram start */
div.instagram {
    max-width: 1300px;
    margin: 40px auto auto;
}
div.instagram .tit-wrap {
    height: 45px;
    line-height: 25px;
    position: relative;
    padding: 0 40px;
}
div.instagram .tit-wrap .title {}
div.instagram .tit-wrap .title a {}
div.instagram .tit-wrap .tag {
    font-size: 17px;
    font-weight: 900;
    color: #000000;
    position: absolute;
    right: 40px;
    top: 0;
}
div.instagram .tit-wrap .tag a {}
div.instagram .cont {
    padding: 0 40px;
}
div.instagram .cont ul {
    margin-left: -3%;
    margin-top: -3%;
}
div.instagram .cont ul:after {	
	clear:left;
	display: block;
	content:'';
}
div.instagram .cont ul li {
    margin-left: 3%;
    width: 22%;
    overflow: hidden;
    margin-top: 3%;
    position: relative;
	float:left;
}
div.instagram .cont ul li .img-box {
    padding-bottom: 100%;
    overflow: hidden;
    position: relative;
    border: 1px solid #d3d3d3;
}
div.instagram .cont ul li .img-box img, div.instagram .cont ul li .img-box video {position: absolute;height: 100%;width: 100%;object-fit: cover;-webkit-mask-size: cover;}
div.instagram .cont ul li .cont-box {
    border: 1px solid #d3d3d3;
    margin-top: -1px;
    padding: 20px;
}
div.instagram .cont ul li .cont-box .desc {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 40px;
    color: #676767;
}
div.instagram .cont ul li .cont-box .tag {
    font-size: 12px;
    margin: 15px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 36px;
}
div.instagram .cont ul li .cont-box .tag a {
    color: #929292;
}
div.instagram .cont ul li .cont-box .tag a:hover {
    color: #666;
}
div.instagram .cont ul li .cont-box .like {
    font-size: 12px;
    color: #929292;
}
div.instagram .cont .more {
    display: block;
    margin: 40px auto;
    text-align: center;
}
div.instagram .cont .more a {
    padding-right: 26px;
    background: url(../../images/ico_btn_thumb.png) right center no-repeat;
    -webkit-background-size: 13px;
    background-size: 13px;
}

/* instagram end */

/* footer */
.wrap .footer{background: #f3f3f3;}
.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:after{display: block;clear: both;content: "";}
.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:154px; height:85px;}
.wrap .footer ul li.logo a{display:block;height:100%;font-size:0;background: url(/images/f_logo.png) no-repeat center bottom;}

.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 10px;}
.sns_area ul li:first-child{margin:0;}
.sns_area ul li a{display: block; font-size:0; height:30px;}
.sns_area ul li.fir a{width:12px; background:url(/images/ic_1_on.png) no-repeat center center;-webkit-background-size: 100%;background-size: 100%;}
.sns_area ul li.sec a{width:22px; background:url(/images/ic_2_on.png) no-repeat center center;-webkit-background-size: 100%;background-size: 100%;}
.sns_area ul li.thir a{width:26px; background:url(/images/ic_3_on.png) no-repeat center center;-webkit-background-size: 100%;background-size: 100%;}
.sns_area ul li.four a{width:26px; background:url(/images/ic_4_on.png) no-repeat center center;-webkit-background-size: 100%;background-size: 100%;}

/* footer end*/

.top-alert {
    font-size: 20px;
    background: #f2f3f5;
    padding: 20px 50px;
    text-align: center;
    line-height: 1.4;
    position: relative;
    display: none;
}
.top-alert.on {
	display: block;
}
.top-alert .close {
    position: absolute;
    background: url(../../images/ico-close.png) no-repeat center;
    right: 30px;
    text-indent: -1000px;
    overflow: hidden;
    width: 15px;
    height: 14px;
    top: 50%;
    transform: translateY(-50%);
}