.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
  
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
  
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
  
    /* Support for IE. */
    font-feature-settings: 'liga';
  }



.dir_link:after{content:'';position:absolute;width:25px;height:25px;background: url(/img/main/dir_btn.png) no-repeat 60% 55%;background-size:14px;}
.dir_link_wh:after{content:'';position:absolute;width:25px;height:25px;background: url(/img/main/dir_btn_wh.png) no-repeat 60% 45%;background-size:14px;}
.dir_link_s:after{content:'';position:absolute;width:23px;height:23px;background: url(/img/main/dir_btn.png) no-repeat 60% 50%;background-size:11px;}

.mat10{margin-top:10px;}
.mb-10{margin-bottom:10px;}
.pd_l_27{padding-left:27px;}
.pd_l_27{padding-left:27px;}
.ma_t_20{margin-top:20px;}


.li_gray{color:#909090;padding-left:25px;margin:5px 0 5px 5px;}
.pdtb20{padding:20px 0;}
.pdb15{padding-bottom:15px;}
.pdb20{padding-bottom:20px;}
.pdr10{padding-right:30px !important}
.pdl10{padding-left:10px;}
.pdl20{padding-left:20px;}
.pdl60{padding-left:60px !important}
.mab20{margin-bottom:20px;}
.mab30{margin-bottom:30px;}
.mb70{margin-bottom:70px;}

.mat30{margin-top:30px;}


/* header */
.header{    height: 100vh;    display: flex;    flex-direction: column;    justify-content: center;    align-items: center;}
.header h2{    margin: 1rem;    font-size: 3rem;    font-weight: 900;    color: #fff;    letter-spacing: 2px;}
.header p{
    margin: 1rem auto;
    color: #fff;
    width: 60%;
    opacity: 0.8;
    font-weight: 300;
    font-size: 1.2rem;
    text-align: center;
}





.navbar{    background: #fff;     position: fixed;    top: 50px;    left: 0;    width: 100%;    max-height: 70vh;   flex-direction: column;    z-index: 999; box-shadow:0 0px 6px 0 rgb(0 0 0 / 10%);

transition: all .3s ease;   
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;  
}
.navbar-nav > li {    padding: 35px 25px;    text-decoration: none;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}

  .navbar_fix {     
		    }


.navbar-nav{display: inline-flex;   align-items: center;    justify-content: center; }
.navbar-nav > li:hover .sub-menu-wrap{	display:block; opacity: 1; visibility: visible;  overflow: visible; }
.navbar-nav > li:hover > a{color:#ED4C14; cursor:pointer;}
.navbar-nav > li:hover > a:before{content:''; background:#ED4C14; border-radius:100%; width:8px; height:8px; position:absolute; bottom:-15px; left:45%;}
.navbar-nav > li > a{	color:#171717;font-weight:500;	font-size:20px; letter-spacing:-0.5px;    display: block;     position: relative;   text-decoration:none; }


.navbar-collapse{display: block!important;max-width:1300px;margin:0 auto;}
.sub-menu-wrap{ position: absolute;left: 0; width: 100%; top: 100%; background: #fff;opacity: 0 ; visibility: hidden; overflow: hidden; 
transition: all .5s ease ; border-top:1px solid #DBDBDB; border-bottom:2px solid #ED4C14;	}

.sub-menu-wrap > div{ width:1700px;margin:0 auto;}

.sub-menu-left{ float:left;width:27%;display:block;   box-sizing: border-box; }
.sub-menu-left > h1{font-size:36px;font-weight:bold;position:relative;padding:50px 50px 0 0; text-align:right;}
.sub-menu-left > h1 span{font-size:22px;display:block;}

.sub-menu-left .btn_3{ float:right;padding:10px 30px 15px 30px;background:#f45319;color:#fff;margin:40px 50px 0 0;text-align:center; font-size:18px;}
.sub-menu-left .btn_3 > h2{font-size:25px;}
.sub-menu-left .btn_3 a{color:#fff; text-decoration:none;}

.sub-menu-right{ float:left; width:70%; }



/*ÀÔÇоȳ» ¿¹¿Ü*/
.sub-menu-wrap .menu2{position:relative;padding-bottom:30px; }
.sub-menu-wrap .menu2 .tit{ text-align:center; font-size:30px;margin:50px 0;}
.sub-menu-wrap .menu2 a.ipsi {  position: static;
  display: inline-block;text-decoration:none; z-index:101; background: #f45319;padding:10px 15px;color:#fff;}
  .sub-menu-wrap .menu2 a.ipsi:hover{background:#5d5d5d; color:#000;}
.sub-menu-wrap .menu2  a.baro{color:#fff; text-decoration:none;background:#f45319;padding:10px 15px; position:absolute; top:10px; right:0;}


.sub-menu-wrap .menu2_sub_wrap{display:flex;justify-content: space-between;}
.sub-menu-wrap .menu2 .menu2_sub_wrap > div{width:20%;background:#f2f2f2;padding:25px 15px 25px 25px; box-sizing:border-box;}
.sub-menu-wrap .menu2 .menu2_sub_wrap > div h2{font-weight:bold; text-align:center; color:#5e5e5e; margin-bottom:25px;}
.sub-menu-wrap .menu2 .menu2_sub_wrap > div h2.small{font-size:20px;}
.sub-menu-wrap .menu2 .menu2_sub_wrap > div ul li{color:#6f6f6f;margin-bottom:10px;}
.songdo_ico{background:#28a745; font-size:12px;color:#fff; padding:0 5px;margin-right:3px; display:inline}
.new_ico{background:#f27200; font-size:12px; color:#fff; padding:0 5px;margin-right:3px;}





.sub-menu-item{   overflow: hidden; border-bottom:1px solid #EDEDED;background-image: url('../../../img/main/navi_bg.jpg');    background-size: 24% 100%;
    background-position: 0;
    background-repeat: no-repeat;}
.sub-menu-item h4{font-size:17px;padding:18px 0;padding-left:33px; float:left; width:21%; }
.sub-menu-item ul{float:left;width:75%;padding:19px 0 19px 23px;box-sizing:border-box;  }
.sub-menu-item ul li{margin-right:32px; font-size:15px; float:left;}
.sub-menu-item ul li:last-child{padding-right:0px; }

.sub-menu-item ul li a{  position:relative;}
.sub-menu ul li a:hover{  color:#ED4C14; text-decoration:none;}




.header{height: calc(100vh - 75px);}.header h2{font-size: 6rem;}
.header p{width: 40%;}

/*.offcanvas-active{	overflow:hidden;} */

.screen-overlay { /*width:0%;  height: 100%;  z-index: 30;  position: fixed;  top: 0;  left: 0;  opacity:0;  visibility:hidden;  background-color: rgba(34, 34, 34, 0.6);
transition:opacity .3s linear, visibility .1s, width 1s ease-in;*/ }
.screen-overlay.show { /*transition:opacity .5s ease, width 0s;    */opacity:1;    width:100%;    visibility:visible;}

.offcanvas{	width:100%;	visibility: hidden;	transform:translateX(-100%);		display:block;  position: fixed;  top: 0;  left: 0;  height: 100%;
  z-index: 999;  overflow-y: auto;  overflow-x: hidden; /*    transition: linear .3s;*/}

/*.offcanvas.offcanvas-right {   left: 0;   right: 0;   transform: translateX(-100%);  }*/
.offcanvas.show{	visibility: visible;    transform: translateX(0px);/*    transition: linear .3s;*/}
.offcanvas .btn-close{ position: absolute; right:15px; top:15px; }
.scroll_y{ overflow-y:hidden;}




/***°øÅë***/

#header_wrap{position:relative;width:100%;}
.m_img{max-width:100%;height:auto;}
.clear{clear:both;}


/*¹öÆ°*/
.blue_btn{background:#11579c;color:#fff;padding:15px;}
.top_wrap_bg{width:100%;position:absolute;z-index:10;
    z-index: 10;
    top: 0px;
    position: fixed;
    box-sizing: border-box;
 background: linear-gradient(to right, #333, #333, #F75E29, #F75E29);
 background-size: 400% 400%;
 animation: gradient 15s ease ;
}

@keyframes gradient {
 0% {
  background-position: 100% 00%;
 }
 50% {
  background-position: 100% 0%;
 }
100% {
  background-position: 0% 0%;
 }
}


.top_wrap_bg .top_wrap{max-width:1300px;margin:0 auto;}
.top_wrap .top_left{float:left;position:relative;}
.top_wrap .top_right{float:right;position:relative;}
.top_wrap li {float:left;margin-left:10px;}
.top_wrap li a {font-size:14px;color:#fff;display:inline-block;text-decoration:none;padding:15px 12px; }
.top_wrap li:last-child a{padding-right:0;}



/*** top***/ 
.g_wrap_bg{width:100%;position:absolute;background:#fff;z-index:99;top:37px;}
.g_wrap {margin:0 auto;max-width:1200px;} 
.g_wrap:after, .g_wrap:before {	content: "" clear : both;}

.j_logo{float:left;padding:28px 0;margin-right:60px;}

.j_sitemap{float:right;margin-top: 30px}


/*user-top*/
.user_wrap{ position:fixed;  top: 30%; right:0;z-index:3;}
.user_wrap button{ width: 36px;  height: 36px; background-color:#414141;border:none; border-radius:100%; background-position:center;}
.user_wrap .row{flex-direction: row-reverse;}

.user_wrap .m-nav-acor{ width: inherit;  position:relative; background:transparent;}
.user_wrap button{position:absolute; top:-40px; right:0; background-image:url(/img/main/btn_close_wh.png);background-repeat:no-repeat;}
.user_wrap .m-nav-drop{width:240px;height:284px; box-sizing:border-box; padding:0 35px 30px 35px;   opacity: 0.9;  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);  background-color: #414141; border-radius: 10px 0 0px 10px;}
.user_wrap .m-nav-drop > h3{font-size:20px; color:#fff; text-align:center; padding:23px 0px 19px 40px; border-bottom:1px solid #626060;margin-bottom:23px;}


.user_wrap .tab-pane:nth-child(3) h3,
.user_wrap .tab-pane:nth-child(4) h3,
.user_wrap .tab-pane:nth-child(5) h3{padding:23px 0px 19px 22px !important;}

.user_wrap .tab-pane:nth-child(2) h3:before{content:'';position:absolute; top: 30px; left: 60px; background: url('/img/main/user_logo_white.svg') no-repeat; width:44px;height:20px;}
.user_wrap .tab-pane:nth-child(3) h3:before{content:'';position:absolute; top: 27px; left: 70px; background: url('/img/main/icon_leaf_white.svg') no-repeat; width:24px;height:24px;}
.user_wrap .tab-pane:nth-child(4) h3:before{content:'';position:absolute; top: 27px; left: 70px; background: url('/img/main/icon_signpost_white.svg') no-repeat; width:24px;height:24px;}
.user_wrap .tab-pane:nth-child(5) h3:before{content:'';position:absolute; top: 27px; left: 70px; background: url('/img/main/icon_id_white.svg') no-repeat; width:20px;height:20px;}



.user_wrap .m-nav-drop > ul > li{border:none;}
.user_wrap .m-nav-drop > ul > li > a{color:#fff;padding:0 0 10px 0px; }
.user_wrap .m-nav-drop > ul > li > a:hover{color:#ed4c14;}

 .h-350{height:324px !important;}
 .h-250{height:250px !important;}
 .h-450{height:450px !important;}




.user_wrap .m-nav-tab{width:120px;}


.user_wrap .nav-pills .nav-link.active{background:#ededed; color:#333; }
.user_wrap .m-nav-tab .nav-link{position:relative;padding:12px 38px 12px;height:70px; box-sizing:border-box;background:#fff;color:#333; border-bottom:0;margin-bottom:1px;  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); text-align:center;}




.user_wrap .m-nav-tab p {color:#fff; text-align:center;padding:11px 0 5px 0;background-color:#333333; position:relative;}
.user_wrap .m-nav-tab p:before{content:'';position:absolute; width:10px; height:8px; background:url(/img/main/icon_top.png) no-repeat; top:5px; left:45%;}


.user_wrap .nav-pills .nav-link.active:after{ content:''; position:absolute; left:0;top:34%;  width: 0px;  height: 0px;  border-bottom: 12px solid transparent;  border-top: 12px solid transparent;  border-left: 12px solid #414141;
  }

.user_wrap .m-nav-tab a i{font-size:24px;}




.top {cursor:pointer;}


/*footer**/
footer{background:#333333;position: relative;    width: 100%;}

#foot_con1 {background:#2e2e2e; color:#999;}
#foot_con1 > div{max-width:1500px;margin:0 auto; display:flex;}
#foot_con1 .jei_per_ki1{display:flex;padding:20px 0;float:left;width:60%;}


#foot_con1 .jei_per_ki1 li a{font-size:14px; display: block; padding: 0px 25px 0 10px; color:#999;position:relative;}
#foot_con1 .jei_per_ki1 li a:before{content:'';position:absolute; top:40%; left:0; background:#999;width:4px; height:4px; border-radius:100%;}
#foot_con1 .jei_per_ki1 li:last-child a{padding-right:0;}
#foot_con1 .jei_per_ki1 li:first-child a{color:#ed4c14;}




 .jei_sitemap{width:50%;}
 .jei_sitemap:after {clear:both;content:"";display:block;}
 .jei_sitemap .jei_site_con1 {position:relative;float:left;width:calc(100% / 3);box-sizing:border-box;border-left: 1px solid #333333;}
 .jei_sitemap .jei_site_con1:last-child{border-right: 1px solid #333333;}

 .jei_sitemap .jei_site_con1 .tit a {position:relative;display:block;padding:18px 21px;font-size:15px;color:#dbdbdb;text-decoration:none;}
 .jei_sitemap .jei_site_con1 .tit:after{cursor:pointer;transition: all ease 0.5s;content:'';position:absolute;top:50%; right:20px;width:29px;height:29px;background:url(/img/main/btn_site_down.png) no-repeat 2px 8px;margin-top:-15px;}


 .jei_sitemap .jei_site_con1.active .jei_sitemap_box {height:595px;display:block;overflow-y:auto;}
 .jei_sitemap .jei_site_con1 .jei_sitemap_box {width:100%;height:0;position:absolute;z-index:4;bottom:61px;left:0;overflow:hidden;transition:all .3s ease;background:#fff;}
 .jei_sitemap .jei_site_con1 .jei_sitemap_box li a{font-size:17px;display:block;padding:10px 0  0px 15px;}
  .jei_sitemap .jei_site_con1 .jei_sitemap_box li a:hover{color:#123a61;}


/**µ¿Àû**/
 .jei_sitemap .active .tit:after{transition: all ease 0.5s;transform: rotate( 180deg );}


.copyright { max-width:1300px;margin:0 auto;overflow: hidden;padding:43px 0px 36px 0;}
.copyright > img{display:inline-block;float:left; margin-right:55px;}
.copyright > div{float:left;overflow: hidden; }

.copyright  > div ul.f_txt {float:left;color:#fff;margin-right:60px;}
.copyright  > div ul.f_txt p{font-size:20px;margin-bottom:6px;position:relative; color:#fff;}
.copyright  > div ul.f_txt > span{font-size:15px;color:#999999;}

.copyright .call{float:right;}
.copyright .call a{color:#fff;}

.copyright .call li{font-size:14px;}
.copyright .call li:first-child{padding-bottom:13px;border-bottom: solid 1px #464646;color:#ffffff;}
.copyright .call li:last-child{padding-top:13px;color:#999999;letter-spacing:0.2px;}
.copyright .call li span:first-child{margin-right:30px;}

.copyright p{color:#aaa;clear:both;}

.copyright > div ul.f_txt  h4 {display:inline-block;}
.copyright > div li span:first-child{color:#999;}











/**table**/

#jb_search{overflow:hidden;margin-bottom: 30px;    padding: 15px;padding-bottom:0;border: 1px solid #eee;    background: #f7f7f7;    text-align: center;}


.jb_cnt{float:left;color:#686868; background:url(/img/sub/jb_cnt.png)no-repeat 0px 11px;padding:10px  0px 20px 20px}
.jb_cnt span{color:#ed4c14;font-weight:bold;}


#jb_search fieldset{float:right;margin-bottom:15px;}
#jb_search select{padding: 5px 15px 5px 15px;    font-size: 15px;  height:45px;  line-height: 27px;    cursor: pointer; width: 120px;  border: 1px solid #cdcdcd;
background:#fff  url(/img/sub/under_ico.png);
background-position:90% center;
background-repeat:no-repeat;
;-webkit-appearance: none;
}

#jb_search select.wd22{width: 220px;}
#jb_search input#SearchString{display: inline-block;vertical-align:top;font-size: 15px;      background-color: #fff;    border: 1px solid #cdcdcd;    box-sizing: border-box;    padding:5px 2px 5px 15px;
background: #fff;height:45px;}
.search_wrap{position:relative;display:inline-block;vertical-align:top;}
#jb_search input[type=submit]{
position: absolute;    top: 0;    right: 0;    padding: 0;    width: 40px;    min-width: 56px;    height: 45px;    background:#333 url(/img/sub/btn_search.png) no-repeat 50% 50%;
  text-indent: -9999em;padding:0 23px 0 23px;border:none;line-height:45px;cursor:pointer;}



table.tbl_list{width:100%;border-collapse: collapse;}
table.tbl_list thead tr th{height: 52px;text-align:center;  border-bottom: 1px solid #6f6f6f; color:#2e3235;font-size: 17px;}
table.tbl_list thead tr:first-child th {    border-top: 2px solid #222;}
table.tbl_list tbody th, .tbl_list tbody td {   font-size: 16px;  padding: 15px 5px;    text-align: center;    border-bottom: solid 1px #ccd0d7;}
table.tbl_list tbody th, .tbl_list tbody td.txt_left{text-align:left;}
table.tbl_list tbody tr:hover{background: #f4f7fb;}
table.tbl_list tbody tr:hover h3 .tit{color:#2e3235;font-weight: bold;}
table.tbl_list tbody tr a{color:#333;}

table.tbl_list tr.notice:hover{   background: #f8f8f8;}



.b_view{width:100%;border-top:2px solid #333;}
.b_view .v_top .v_title{padding:20px;border-bottom:1px solid #dadada; font-weight: bold;    font-size: 20px;    color: #333;}
.b_view .v_top .v_info{padding:15px 20px;}
.b_view .v_top .v_info span{display:inline-block;margin-right:10px;}
.b_view .v_top .v_info span:first-child{padding-left:0;}
.b_view .v_top .v_file{padding:20px;position:relative;overflow:hidden;       background: #f5f5f7;border-bottom:1px solid #dadada;border-top:1px solid #dadada;}
.b_view .v_top .v_file a{display:block;padding-left:30px;background:url(/img/board/icon_file.png) no-repeat ;margin-bottom:0px;}
.b_view .v_top .v_file p{float:left;width:90px;position:relative;}
.b_view .v_top .v_file p:before{content:'';height:15px;width:1px;background:#666;position:absolute;top:3px;right:20%;}
.b_view .v_top .v_file div{float:left;}
 .v_con{padding:30px 20px;border-bottom:1px solid #dadada;}
.v_con img{max-width:100% !important; height:auto !important;}
input[type=image]{max-width:100% !important; height:auto !important;}


.v_con table{border-collapse:collapse;border:solid 1px #c0c0c0;border-top:solid 1px #abc7dc;margin-top:10px;margin-bottom:10px;font:12px/16px Dotum,"µ¸¿ò",sans-serif;}
.v_con table th{padding:6px 5px 6px 5px;border:solid 1px #c0c0c0;vertical-align:middle;background:#f8f8f8;}
.v_con table td{padding:6px 5px 6px 5px;border:solid 1px #c0c0c0;vertical-align:middle;}


/*
table.tbl_view{width:100%;border-collapse: collapse; border-bottom: 1px solid #000;}
table.tbl_view thead  tr:first-child th,table.tbl_view thead tr:first-child td{    border-top: 2px solid #222;}
table.tbl_view thead tr > th{height: 52px;text-align:center;   color:#2e3235;font-size: 16px;position:relative;}
table.tbl_view thead tr > th:after{content:'';position:absolute;height:15px;width:1px ;background:#aaa;right:0;top:20px;}
table.tbl_view thead tr > th, .tbl_view thead tr > td { font-size: 1em; line-height: 1.5em;    padding:2px 0px 2px 25px;    border-bottom: solid 1px #ccd0d7;}
table.tbl_view > tbody tr > th { padding: 12px 10px;    border-bottom: 1px solid #d9d9d9;    background: #f8f8f8;    font-weight: 600;    text-align: center;}
table.tbl_view > tbody tr > td{ padding: 12px 10px 12px 25px;}





/* °Ô½ÃÆÇ ºäÆäÀÌÁö ÀÌÀü±Û´ÙÀ½±Û
table.tbl_view_s{width:100%;background:#f9f9f9;border-collapse:collapse;border-top:solid 1px #999; border-bottom:solid 1px #999;}
table.tbl_view_s tbody tr th{position:relative;text-align:center;padding:15px 0px 15px 60px;position:relative;border-bottom:1px dashed #d9d9d9;}
table.tbl_view_s tbody tr th.prev::after{content:'';position:absolute;width:25px;height:20px;left:10%;background: url(/img/sub/sub_icon2.png) no-repeat -90px -152px}
table.tbl_view_s tbody tr th.next::after{content:'';position:absolute; width:25px;height:20px; left:10%; background: url(/img/sub/sub_icon2.png) no-repeat -120px -152px}
table.tbl_view_s tbody tr td{padding-left:25px;border-bottom:1px dashed #d9d9d9;text-align:left;}
*/

.v_pn_wrap{position:relative;overflow:hidden; border-top:2px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.v_pn_wrap dl{overflow:hidden; padding:15px 20px; border-bottom:1px solid #ddd;}
.v_pn_wrap dt{float:left;width:120px; }
.v_pn_wrap dd{float:left;width: calc(100% - 120px);display:inline-block;overflow: hidden;white-space: nowrap;}
.v_pn_wrap span{position:relative;padding:0 30px 0 40px}
.v_pn_wrap .prev::after{content:'';position:absolute;width:20px;height:15px;left:0%;background: url(/img/sub/sub_icon2.png) no-repeat -90px -152px}
.v_pn_wrap .next::after{content:'';position:absolute; width: 20px;    height: 15px;    left: 0%;    background: url(/img/sub/sub_icon2.png) no-repeat -120px -154px;}



/*  °¶·¯¸®*/
.gallery_wrap{overflow:hidden;border-top:2px solid #222;color: #2e3235;border-bottom: 1px solid #6f6f6f;padding:30px 20px;}
.gallery_wrap ul{float:left;width:calc(100% / 4 - 15px);margin:0 20px 25px 0;box-sizing:border-box;box-shadow:0px 10px 10px  #dedede}
.gallery_wrap ul:nth-child(4n){margin-right:0;}
.gallery_wrap ul li a.new_img_wrap{position: relative; display: block;  width: 100%;height:230px;margin: 0 auto;    overflow: hidden;}
.gallery_wrap ul li a.new_img_wrap img:hover{ transform:scale(1.1);   transition: transform .5s;}
.gallery_wrap ul li a.new_img_wrap img{    position: absolute;    top: -100%;    left: -100%;    bottom: -100%;    margin: auto;    right: -100%;    display: block;       object-fit: contain; min-width: 100%;    max-width: 120%;  height:100%;transition: all 0.3s ease-in-out;}
.gallery_wrap ul li a.title{display:block;padding:15px;}
.gallery_wrap ul li a p{margin-bottom:5px;height:45px;}
.gallery_wrap ul li span.date{color:#898989;font-size:15px;margin-top:7px;}


.gallery_wrap ul li span.view {  position: relative; float: right;      font-size: 13px;    color: #898989;   }
.gallery_wrap ul li span.view::before{content:url(/img/sub/ico_view.png);display: inline-block;    vertical-align: middle;    margin-right: 7px;}

.gallery_wrap .no_list{text-align:center;font-size:20px;}

.form_btn{position:relative;text-align:right;}
.form_btn .right{display:inline-block;margin:30px 0 60px 0;}
.form_btn .jb_list_btn{width:80%;background: #787878;color: #fff; padding:10px 33px;border:2px solid #787878;}
.form_btn .jb_list_btn:hover{background: #fff;color: #787878;border:2px solid #787878;box-sizing:border-box;text-decoration:none;transition:0.3s ease-out;}


/*Ä«Å×°í¸®*/
.cate_wrap{overflow:hidden;border-top:2px solid #222;color: #2e3235;border-bottom: 1px solid #6f6f6f;padding:30px 20px;}
.cate_wrap ul{float:left;width:calc(100% / 4 - 12px);margin:0 15px 20px 0;border:1px solid #ddd;box-sizing:border-box;}

.cate_wrap ul:nth-child(4n){margin-right:0;}
.cate_wrap ul li a.new_img_wrap {position: relative; display: block;  width: 100%;height:200px;margin: 0 auto;    overflow: hidden;}
.cate_wrap ul li a img{min-width: 100%; max-width: 120%; height:100%;}
.cate_wrap ul li a.title{display:block;padding:15px 20px;}
.cate_wrap ul li a.title p.date{color:#999;font-size:15px;margin-top:7px;}

.cate-view-wrap{padding:40px 0;border-top: 2px solid #222;}
.cate-view-wrap img.thumb{width:200px;}
.cate-view-wrap .thumb li{display:inline-block;}

.cate-view-wrap #photo{text-align:center;height:500px;margin-bottom:40px;}
.cate-view-wrap #photo img{width:750px;}


.thumb-wrap {position: relative;margin: auto;border-left:1px solid #ddd;margin-top:70px;}
.thumb-wrap li{text-align:center;}
.thumb-wrap li.on{border:4px solid #3a9eff;box-sizing:border-box; overflow:hidden;}

.thumb-wrap ul li a img {height: 180px;    width: 100%;}

.arr_parent{position:relative;width:1200px;}
.slider-arrow {position: absolute;top:40%;width:30px;height:50px;background:#fff;text-decoration: none;}
.sa-left {left:0px;background:url(/img/sub/pre_ico.png)no-repeat;}
.sa-right {right:0px;background:url(/img/sub/next_ico.png)no-repeat;}






#zoom_img {text-align:center; margin-bottom:15px;}
.thumb {overflow:hidden;}
.thumb li {width:25%; float:left; text-align:center;}
.thumb li a {border:1px solid #555; overflow:hidden;}
.thumb li a,.thumb li a img {width:150px; height:100px; display:block;}
.thumb li.on{border:1px solid red;}
.thumb li.on a img {margin:-1px 0 0 -1px;}

.table_contents{width:100%;padding:10px 10px 30px 10px;overflow-x:auto;}
.table_contents2{width:100%;padding:10px 10px 30px 10px;overflow-x:auto;text-align:center;}
.table_contents3{width:100%;padding:10px 10px 10px 10px;overflow-x:auto;text-align:center;}
.table_contents3 li{float:left;padding:0 20px 0 0;}
.table_contents4{width:100%;padding:10px 10px 20px 10px;}
.table_contents4 .table_contents4_left{float:left;width:300px;border-collapse:collapse;border:solid 2px #d7d7d7;padding:10px;height:255px;}
.table_contents4 .table_contents4_right{float:left;margin-left:10px;}
.table_contents table{border-collapse:collapse;border:solid 1px #c0c0c0;border-top:solid 1px #abc7dc;margin-top:10px;margin-bottom:10px;}
.table_contents table th{padding:6px 5px 6px 5px;border:solid 1px #c0c0c0;vertical-align:middle;background:#f8f8f8;}
.table_contents table td{padding:6px 5px 6px 5px;border:solid 1px #c0c0c0;vertical-align:middle;}







#jb_pager{  width: 100%;  text-align: center; margin: 30px 0 20px 0;}
#jb_pager ul li{display:inline-block;}
#jb_pager ul li a {text-decoration:none;    display: inline-block;    width: 33px;    height: 33px;    margin:0 2px 2px 0;    line-height: 33px;    border: 1px solid #ccd0d7;box-sizing:border-box;}
#jb_pager ul li a.prev_end,#jb_pager ul li a.prev,#jb_pager ul li a.next_end,#jb_pager ul li a.next{border:none;}
#jb_pager ul li a.prev_end{background:url(/img/sub/sub_icon2.png) no-repeat -146px -145px;}
#jb_pager ul li a.next_end{background:url(/img/sub/sub_icon2.png) no-repeat -175px -145px;}
#jb_pager ul li a.prev{background:url(/img/sub/sub_icon2.png) no-repeat -25px -145px;}
#jb_pager ul li a.next{background:url(/img/sub/sub_icon2.png) no-repeat -55px -145px;}
#jb_pager ul li a.on {    font-weight: bold;    background-color: #ed4c14;    color: #fff;    border: 1px solid #ed4c14;}
#jb_pager ul li a.on:hover{color:#fff;border:1px solid #ed4c14;}
#jb_pager ul li a:hover {    border-color: #ed4c14;color:#ed4c14;}




#sidebar-wrapper {
    z-index: 900;
    left: 100%;
    width: 0;
    height: 100%;
    margin-left: -100%;
    overflow-y: auto;    overflow-x: hidden;    background: #fff;    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#sidebar-wrapper::-webkit-scrollbar {  display: none;}
#m-nav-wrap.toggled #sidebar-wrapper {    width: 100%;}
#page-content-wrapper {    width: 100%;}
#m-nav-wrap.toggled #page-content-wrapper {    position: absolute;    margin-right: -220px;}

.menu_close_btn {background:url(/img/main/btn_navi_close.svg); width: 36px; height:36px;     position: absolute; right: 17px;    top: 13px;    z-index: 600; cursor:pointer;}

.navbar {  padding: 0 !important; }
.m_nav_top{height:60px; background:#f7f7f7;}
.sidebar-nav {   height:100%;margin: 0;    padding: 0;  }

.sidebar-nav li.open:hover:before {
width: 100%;
-webkit-transition: width .2s ease-in;
-moz-transition:  width .2s ease-in;
-ms-transition:  width .2s ease-in;
transition: width .2s ease-in;

}

.sidebar-nav li a {    display: block;     }
.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{    text-decoration: none;    background-color: transparent;}




/***mobile**/

#m-nav-wrap{ width: 100%;position: fixed;    z-index: 900;    background: #fff;    overflow: hidden; height:60px; border-bottom: 1px solid #ddd;}

.m_j_logo{position:relative;}
.m_j_logo a{display:block;text-align:center; z-index:999; position:absolute;left:50%; transform: translate(-50%, 56%); }
.m_j_logo2 a{display:block;text-align:center; z-index:999; position:absolute;left:50%; transform: translate(-50%, 50%); width:75px; height:30px;}






.nav-2 {
  height: 60px;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 9;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

html.active .nav-2 {
  -webkit-transform: matrix(1, 0, 0, 1, -320, 0);
  -moz-transform: matrix(1, 0, 0, 1, -320, 0);
  transform: matrix(1, 0, 0, 1, -320, 0);
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}


/*
#overlay {
  background: #000;
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 99;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

html.active #overlay {
  opacity: .65;
  visibility: visible;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.sign-up {
  background: #FF5959;
  border: 1px solid #FF5959;
  color: #FFF;
  font-family: 'Abel', sans-serif;
  font-size: 16px;
  font-weight: bold;
  height: 40px;
  letter-spacing: 1px;
  line-height: 40px;
  margin: 10px;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: center;
}

html.active,
html.active body {
  overflow: hidden;
}



*/





#close-menu {background:url(/img/main/btn_navi_close.svg); width: 33px; height:33px;     position: absolute; left: 17px;    top: 13px;    z-index: 999;cursor:pointer;}



menu {
  background: #f7f7f7;
  bottom: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  right: -100%;
  top: 0px;
  width: 100%;
  z-index: 1;
/*
  transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  */
}

menu .m-nav-tab {width:50% !important; }
menu .m-nav-tab  img{    display: block;    margin: 0 auto;}
menu .m-nav-acor{width:50% !important; background:#fff; }




menu .m-nav-tab a.active:nth-child(1):before{background-image:url(/img/main/logo_user_on.png);}
menu .m-nav-tab a.active:nth-child(2):before{background-image:url(/img/main/icon_leaf_on.png);}
menu .m-nav-tab a.active:nth-child(3):before{background-image:url(/img/main/icon_signpost_on.png);}
menu .m-nav-tab a.active:nth-child(4):before{background-image:url(/img/main/icon_id_on.png);}






html.active menu {  right: 0;  z-index: 999;}

html.active menu .container {
  -webkit-transform-origin: 0% 50% 0px;
  -moz-transform-origin: 0% 50% 0px;
  transform-origin: 0% 50% 0px;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

#menu {
  cursor: pointer;
  display: block;
  font-size: 30px;
  height: 36px; width: 36px;
  line-height: 40px;  margin: 13px 16px;  position: fixed;  right: 0;  text-align: center;  top: 0;  z-index:400;
  background:url(/img/main/icon_user.svg);
}





.sidebar-brand {    position: relative;    background:#fff;}
.sidebar-brand a {    display: block;	float:left;    color: #666;    height: 45px;    line-height: 45px;}

.dropdown-header {    text-align: center;    font-size: 1em;    color: #ddd;    background:#212531;    background: linear-gradient(to right bottom, #2f3441 50%, #212531 50%);}
.sidebar-nav .dropdown-menu {    position: relative;    width: 100%;    padding: 0;    margin: 0;    border-radius: 0;    border: none;    background-color: #11579c;    box-shadow: none;}
.dropdown-menu.show { top: 0;}


.hamburger {  position: fixed;  top:12px; left:16px;    z-index: 500;  display: block;  width: 36px;  height: 36px;  background: url(/img/main/icon_menu.svg) no-repeat;  border: none; z-index:700;}


.m-nav-tab{width:30%;background:#414141;}
 .m-nav-tab .nav-link{padding:20px 0 10px 0; box-sizing:border-box;height:82px;font-size:16px;border-bottom: 1px solid #2e2e2e; text-align:center; background:#414141;color:#fff;}
.m-nav-tab .active{background:#333;}
 .m-nav-tab .nav-link i{display:block;}
 .m-nav-acor{width:70%; background:#fff;}


.m-nav-tab a.active:nth-child(1):before{background-image:url(/img/main/icon_category_on.png);}
.m-nav-tab a.active:nth-child(2):before{background-image:url(/img/main/icon_campaign_on.png);}
.m-nav-tab a.active:nth-child(3):before{background-image:url(/img/main/icon_cap_on.png);}
.m-nav-tab a.active:nth-child(4):before{background-image:url(/img/main/icon_book_man_on.png);}
.m-nav-tab a.active:nth-child(5):before{background-image:url(/img/main/icon_calendar_pen_on.png);}
.m-nav-tab a.active:nth-child(6):before{background-image:url(/img/main/icon_business_on.png);}
.m-nav-tab a.active:nth-child(7):before{background-image:url(/img/main/icon_news_on.png);}


#m-nav-wrap .m-nav-tab .active i{color:#ed4c14;}




.m-nav-drop {  width: 100%;}

.m-nav-drop ul ul{  display: none;background:#f8f8f8;padding:21px 0 9px 0;}
.m-nav-drop ul ul li{margin-bottom:12px;}
.m-nav-drop ul ul li a {  padding-left:40px;    position: relative; color:#767676; font-size:14px; }
.m-nav-drop ul ul li a:before{content: '';    position: absolute;  left: 25px;    top:10px;    width: 5px;    height: 2px;    background: #aaa;}
.m-nav-drop ul ul > li.has-sub > a:after {  top: 16px;  right: 26px;  background: #dddddd;}
.m-nav-drop ul ul > li.has-sub > a:before {  top: 20px;  background: #dddddd;}


.m-nav-drop .open > a{background:#fff; color:#333;}

.m-nav-drop > ul > li.active > ul {  display: block;}
.align-right {  float: right;}
.m-nav-drop > ul > li {  border-bottom:1px solid #ECECEC;}
.m-nav-drop > ul > li > h3{ padding: 14px 0px 12px 15px;}
.m-nav-drop > ul > li > a {position:relative;  padding: 14px 0px 12px 27px;  cursor: pointer;  z-index: 2;   text-decoration: none; color:#333;}
.m-nav-drop  .m_hak{padding: 10px 30px 15px 30px;    background: #f45319;    color: #fff;     display: block;
  text-align: center;    font-size: 18px;}

.m-nav-drop ul > li.has-sub > a:before {  content: '';   position: absolute;  display: block;  right:23px;   width: 18px;  height: 18px;  background: #bbb;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  background:url(/img/main/btn_arrow_s.png);
}
.m-nav-drop ul > li.has-sub.open > a:after,
.m-nav-drop ul > li.has-sub.open > a:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}





@media screen and (max-width: 1270px){
.navbar-nav > li { padding: 35px 15px; transition: all .3s ease; }
.sub-menu-item{background-size: 23% 100%;}
.sub-menu-left{width:24%;}

.j_logo{margin-right:30px; transition: all .3s ease;}
}


@media screen and (max-width: 1200px) {


#foot_con1 > div {flex-direction: column-reverse;    align-items: center; }
.jei_sitemap{width:100%;}
#foot_con1 .jei_per_ki1{width:100%; float:none;justify-content: center;}

.copyright{padding:22px 40px 20px 40px;}
.copyright > img{display:none;}
.copyright > div,.copyright .call{width:100%; float:none;}
.copyright .call{margin-top:20px;}
.copyright .call li:first-child{border-top:solid 1px #464646;padding-top:11px;}
}

@media screen and (max-width: 1100px) {
.j_logo{margin-right:0px;}
.navbar-nav > li { padding: 35px 10px; }
.j_vr {    font-size: 13px;    padding: 5px 10px;}
.sub-menu-left{width:21%;}
}


@media screen and (min-width:1021px) {
#m-nav-wrap,.m_j_logo,.top_wr .top,menu{display:none;}

}

@media screen and (max-width: 1020px) {
.top_wr .top{background:url('/img/main/m/btn_top.png'); width:52px;height:52px; position:fixed; right:10px; top:80%;    z-index: 1;}

.g_wrap{width:100%;text-align:left;}
.user_wrap, .navbar,.j_logo{display:none;}
 #header_wrap,.top_wrap_bg, .g_wrap_bg,  #jNav, .j_vr{display:none;}
.hamburger.is-open .hamb-top, .hamburger.is-open .hamb-bottom {right:0px;z-index:999;}
menu{display:block;}

.gallery_wrap ul{float:left;width:calc(100% / 2 - 15px);}
.gallery_wrap ul:nth-child(2n){margin-right:0;}

}


@media screen and (max-width: 950px) {
#jei_person{padding:25px 30px 20px;}
#jei_person .jei_per_ki1{float:none;width:100%;}
#jei_person .jei_per_ki1 li{width:50%;margin-bottom:5px;}
#jei_person .jei_per_ki1 li a{font-size:16px;}

}


@media screen and (max-width:767px) {

.tbl_list, .tbl_list tbody, .tbl_list tbody tr {    display: block;    width: 100%;    position: relative;    text-align: left;}
.tbl_list{border-top:2px solid #dadada;}
.tbl_list tbody tr {    border-bottom: 1px solid #dadada;}
table.tbl_list tbody th, .tbl_list tbody td{border:none;}
.tbl_list tbody tr{display:block;padding:10px 15px;}
.tbl_list tbody td{display:inline-block;   color: #979797;padding:0 10px 0 0;}
.tbl_list tbody td.title{display:block;font-size:17px;font-weight:500;padding-bottom:5px;}


.tbl_list thead, .tbl_list td.name,.tbl_list .num  {display:none;}
.tbl_list tbody td p{position:relative;padding: 0px 15px 0px 15px;}
.tbl_list tbody td p::after {    position: absolute;    content: "";    left: 0px;    top: 5px;    width: 1px;    height: 12px;    background: #b9b9b9;}
.tbl_list tbody td p::before {    position: absolute;    content: "";    right: 0px;    top: 5px;    width: 1px;    height: 12px;    background: #b9b9b9;}


.copyright > div ul.f_txt{margin-right:30px;width:43%;}
.copyright > div ul.f_txt:last-child{margin-right:0px;}
.copyright  > div ul.f_txt  span:nth-child(2){display:block;}

.copyright > div ul.f_txt  h4 {display:block;}



}


@media screen and (max-width:690px) {
 .jei_sitemap .jei_site_con1{float:none;width:100%; border:none;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.jei_sitemap .jei_site_con1:last-child{border:none;}
.jei_sitemap .jei_site_con1 .tit a{padding:13px 40px;}

#foot_con1 .jei_per_ki1{flex-wrap: wrap; justify-content: unset; padding:24px 0px 14px 40px;width:auto;}
#foot_con1 .jei_per_ki1 li{float:left; width:50%; margin-bottom:10px;}
#foot_con1 .jei_per_ki1 li a {font-size:15px;}




}


@media screen and (max-width:520px) {
#jb_search fieldset{float:none;width:100%;}
.search_wrap{width:100%;}
#jb_search select{width:100%;margin-bottom:5px;}
#jb_search input#SearchString{width:100%;}
.tbl_list tbody td.title{font-size:16px;}
.tbl_list tbody td{font-size:15px;}
.b_view .v_top .v_file p{display:none;}
}


@media screen and (max-width:420px) {
#jei_person{padding:25px 15px 20px;}

.gallery_wrap ul{float:left;width:100%;margin-right:0;}
#content .col1-1-con5 dd h2{font-size:20px;padding-bottom:0;}

}


@media screen and (max-width:380px) {
.copyright > div ul.f_sns{text-align: center;}
.copyright ul.f_sns li{text-align:center;}
.copyright .call li span:first-child{display:block;}
.copyright > div ul.f_txt{width:100%;}
.copyright > div ul.f_txt:last-child{margin-top:15px;}
.copyright > div ul.f_txt p{margin-bottom:0;}
}


/** ÀԽà **/