@charset "utf-8";

/* Layout ***********************************************************************/

body{width: 100%;height: 100%;}
#wrap {width:100%; height:auto; overflow:hidden; position:relative;}
#wrap #header.header_hide{top: -110px; }
#wrap #header{position:fixed; top:0; left:0; z-index: 9998; width:100%; height:110px; background: #2e2e2e7c; transition: 0.3s;  }
/* #wrap #header:hover{background: #fff;} */
#wrap #header .inner{position:relative; padding:0px; width:1200px; margin:0 auto;  }
#wrap #header .top_box{position: relative; width:1200px; height:20px; margin:0 auto; }
#wrap #header .top_box ul li{float: left;}
#wrap #header .top_box ul li a{color: #fff;}
#sub #header{}


#wrap #header .container.pc{position: relative; width: 100%; max-width : 1530px; height: 110px; margin: 0 auto; display : flex; align-items: center; justify-content: space-between; }
#wrap #header .container.mobile{display: none;}

.top_wrap{width:1200px; margin:0 auto; position:relative;z-index:99999 !important; }

#wrap #header h1.logo{ text-align: left; width: 296px; }
#wrap #header h1.logo img{}


#wrap #header .t_menu{position: absolute;top: 0px;left:0px;height:35px;line-height: 25px; float:left; }
#wrap #header .t_menu li{width:130px; height:35px; float:left; display:inline;}
#wrap #header .t_menu li.t1{background:#009F4D;}
#wrap #header .t_menu li.t2{background:#969CA7;border-radius:0 0 5px 0;}
#wrap #header .t_menu li a{display:block;padding: 0 0 0 0px; font-size:13px; color:#fff;  text-align:center; line-height:35px;}

.language{position: absolute; right: 0; z-index: 999; width: 100px; height: 35px; text-align: center; margin-top : 38px;}
.language > a{ display : flex; justify-content: center; gap: 9px; align-items: center; width: 100%; height: 100%; line-height: 32px; border : 1px solid #00000044; background: #ffffff42; box-sizing: border-box; font-size: 15px; color: #000; border-radius: 17px;; }
.language > a:hover{ color : #fff;}
.language > a:hover path{fill : #fff}
/* #wrap #header .language1{position:absolute; top: 35px; right: 200px; width:auto; height:35px;  line-height:35px;  z-index:999;}
#wrap #header .language1 a{font-family: 'Noto Sans KR'; color:#fff; display:block; padding:0 0 0 10px; font-size:14px;  text-align:center;}
#wrap #header .language1 li:hover{text-decoration:underline; color:#222;} */

/* #wrap #header .language1 .select{font-family: 'Noto Sans KR'; border : 1px solid #ccc; width:66px; height:30px; line-height:30px; font-size: 15px;  text-align:center; color: #000; cursor: pointer;}
#wrap #header .language1 ul.select_con{border: 1px solid #ccc; position:absolute; top:36px; left:0px; width:130px; z-index:2; background-color: #fff; opacity: 1; }
#wrap #header .language1 ul.select_con li{font-family: 'Noto Sans KR'; height:40px; line-height:35px; font-size:14px; color:#555;  text-align: center;letter-spacing:-0.2px; cursor:pointer; border-bottom:1px solid #ccc;}
#wrap #header .language1 ul.select_con li.last{ border-left: none; border-bottom:none;} */


#wrap #header .news{position: absolute;top: 0px;right:84px;width:110px; height:40px; line-height: 35px; background:#0277bd;}
#wrap #header .news a{color: #fff;display: block;padding: 0 0 0 0px;font-size:14px;  text-align:center;}



.btn_nav2 {display:none;}	
.all_menu2 {display:none;}
.all_menu2 .btn_nav2.close {display:block;}


#wrap #header .out{position: absolute;  top: 0px;left:260px;width:180px; height:35px; line-height:35px; background:none; z-index:999999; text-align:right;}
#wrap #header .out span a{color: #eee;display:inline-block;padding: 0 10px 0 10px;font-size:14px;  text-align:center;}



.util_site{ z-index:120; color:#222;  padding-right:0 !important; margin:0; padding:0; width:130px; height:35px;}
.util_site button{display:block; width:130px; height:35px; margin:0; padding:0; border-radius:0 0 0 5px;  font-size:13px; text-align:center; color:#fff;  background:#3E1160; border:none; z-index:1490;}
.util_site button:hover, .header_top .util .util_site button:focus{/*background:url('../img/s_img/all_ico.gif') no-repeat 0px 0px*/}

/*��ü�޴�*/
.allmenu_wrap{display:none; position:absolute; top:0px; left:0;width:100%; min-height:400px; opacity:1; z-index:999999; background:#fff url('../img/s_img/allmenu_bgline.gif') repeat-x 0px 0; border-bottom:2px solid #38434b;}
.allmenu_wrap .inner{position:relative; padding:17px 10px 37px 10px; width:1200px; margin:0 auto; /*border:2px solid #e94f0c; border-radius:15px;*/ }
.allmenu_wrap .tit{font-size:28px; font-weight:400; color:#fff; margin:18px 0 15px 0; }
.allmenu_box{float:left; margin:0px; width:20%; margin-top:40px; margin-bottom:20px;  padding:0px 0 15px 0; height:240px; border-right:1px solid #dfdfdf; text-align:center;}
.allmenu_box.last{border-right:none !important;}
.allmenu_box h3.map_tit{width:100%; margin:0px !important; padding:0px 0 0 0px !important;  font-size:18px; color:#333; }
.allmenu_list{margin:20px 5px !important;padding:0px !important; /*border-bottom:1px solid #47656e;*/ }
.allmenu_list  li{margin-top:0px; }
.allmenu_list  li a{font-size:15px; color:#333;  font-weight:400; padding-left:0px; line-height:28px; }
.allmenu_list  li a:hover{text-decoration:underline; color:#333;}

.allmenu_list .site_sub {padding-left:0px; }
.allmenu_list .site_sub li{padding:0px 0 0 0px;}
.allmenu_list .site_sub li a{color:#d1dde9; font-size:12px; }
.allmenu_list .site_sub li a:hover{color:#fff; font-size:12px; text-decoration:underline !important;}

.allmenu_list.v2 > li{min-height:106px}
.allmenu_wrap .btn_close{position:absolute;top:4px;right:25px;width:35px;height:35px;background:url('../img/s_img/all_close.png') no-repeat;}


.navi {position: relative;left: 0; width: auto;height:110px;box-sizing:border-box;z-index: 600; margin:0; padding:0;}
.gnb {/*position: absolute;top:40px; left:0;*/ margin:0px auto 0 auto; z-index:600;overflow-y:hidden;height:110px; width:auto; letter-spacing:0;}
.gnb > ul{display : flex; justify-content: center; gap: 84px; }
.gnb ul li{}
.gnb .depth1{display:block; width:100%; height:60px; margin-top:25px; line-height:60px; text-align:center; font-size: 18px; letter-spacing:0.025em; color:#000; font-weight:400; }
.gnb > ul > li > a:hover{}
.gnb ul li ul {margin:0px 0 0 0; width:100%;padding:42px 0 0 0px;min-height:195px;opacity:0;transform:translateY(20px); }
.gnb ul li ul.open {opacity:1;}
.gnb ul li ul li{float: none;width: 100%;margin-bottom:5px;height: auto;  }
.gnb ul li ul li a{display: block; font-family: 'Noto Sans CJK KR',sans-serif; font-size: 17px; line-height: 34px; color:#000; width: 100%; text-align:center; letter-spacing:0em; z-index:99999; }
.gnb ul li ul li a:hover{ text-decoration:none; font-weight: 700; opacity:1;}

.gnb ul li ul li.title{font-size: 18px; color: #555;font-weight: 600;letter-spacing:0em;text-align: left;margin-bottom: 20px;height: 35px;line-height: 35px;}
.gnb ul li ul li.title.on{color: var(--primary-color);}

/*
.gnb ul li.m1{width: 180px;}
.gnb ul li.m2{width: 180px;}
.gnb ul li.m3{width: 180px;}
.gnb ul li.m4{width: 180px;}
.gnb ul li.m5{width: 180px;}
*/

.gnb ul li.all{ width: 26px;margin-left:60px;cursor: pointer;text-indent: -9999px;}
.utilLink{display:none;}

.gnb ul li.m1 ul{padding-left:0px;}
.gnb ul li.m2 ul{padding-left:0px;}
.gnb ul li.m3 ul{padding-left:0px; }
.gnb ul li.m4 ul{padding-left:0px;}
.gnb ul li.m5 ul{padding-left:0px;}

.navi-bg{position:absolute; display:block;width:100%;height: 0;left: 0;top:110px ;z-index:110;overflow: hidden; }
.navi-bg .white-bg{width:100%;min-width: 1200px; height:240px; background:#fff; opacity: 1; -webkit-background-size: 100%;background-size: 100%; border-bottom: 1px solid #E9E9E9;}
.main .navi-bg .white-bg{opacity: 0.4; border-bottom: none;}
#wrap #header .nav_bg.mobile{display: none;position: fixed;z-index: 9998;top: 0;left: 0;width: 100%;height: 100%; }
#wrap #header .nav.mobile{display: none;position: fixed;z-index: 9999;top: 0;right: 0;width: 300px;height: 100%;background: #fff;overflow-y: scroll;border-left:1px solid #ddd; text-align: left;}
#wrap #header .nav.mobile{}
#wrap #header .nav.mobile .control_box{position: relative;height: 70px;}
#wrap #header .nav.mobile .control_box ul.t_join{position: absolute;left:0px;top: 0;}
#wrap #header .nav.mobile .control_box ul.t_join:after{display: block;content: '';clear: both;}
#wrap #header .nav.mobile .control_box ul.t_join li:first-child{border-right:none;}
#wrap #header .nav.mobile .control_box ul.t_join{position: absolute; left:0; top:0px; width:90%; height:30px; margin:0 auto; }
#wrap #header .nav.mobile .control_box ul.t_join{width:80%; margin:0 auto;}
#wrap #header .nav.mobile .control_box ul.t_join li{width:45%; text-align:center; height: 70px; background:url(../img/s_img/lang_bar_m.gif) no-repeat right 50%;}
#wrap #header .nav.mobile .control_box ul.t_join li a{font-size:15px; color:#747474;  line-height:70px; }
#wrap #header .nav.mobile .control_box ul.t_join li.on a{color:#09a3dc; }
#wrap #header .nav.mobile .control_box ul.t_join li.last{background:none;}
#wrap #header .nav.mobile .control_box ul.language{position:absolute; left: 15px;top:25px;width: 220px;border-radius: 0;border: none; margin-top: 0; }
#wrap #header .nav.mobile .control_box ul.language:after{display: block;content: '';clear: both;}
#wrap #header .nav.mobile .control_box ul.language li{float: left;width: 50px;margin-left: 0; display:inline;}
#wrap #header .nav.mobile .control_box ul.language li a{display: inline;width: 50px;font-size: 17px;color: #747474;padding: 0;}
#wrap #header .nav.mobile .control_box ul.language li.on a{color: var(--primary-color);}
#wrap #header .nav.mobile .control_box .close{position:absolute; top:0; right: 15px;}
#wrap #header .nav.mobile .control_box .close img{width:28px; margin-top: 22px;}
#wrap #header .nav.mobile .gnb_box{}
#wrap #header .nav.mobile .gnb_box ul{}
#wrap #header .nav.mobile .gnb_box ul li{position: relative;border-top: 1px solid #ccc;}
#wrap #header .nav.mobile .gnb_box ul li.last{border-bottom: 1px solid #ccc;}
#wrap #header .nav.mobile .gnb_box ul li span.icon{position:absolute; top:0; right:20px; display:block; width:28px; height:60px; background: url(../img/s_img/m_gnb_box_li_bullet.png) no-repeat center center;-webkit-background-size: 28px;background-size: 28px;}
#wrap #header .nav.mobile .gnb_box ul li.on span.icon{background: url(../img/s_img/m_gnb_box_li_bullet_on.png) no-repeat center center;-webkit-background-size: 28px;background-size: 28px;}
#wrap #header .nav.mobile .gnb_box ul li a{display: block;height: 60px;line-height: 60px;font-size: 18px;color: #181818;padding: 0 0 0 15px;}
#wrap #header .nav.mobile .gnb_box ul li ul{display: none;border-top: 1px solid #ccc;background: #efefef;padding: 25px 25px 10px 25px;}
#wrap #header .nav.mobile .gnb_box ul li ul li{border: none;margin-bottom:15px;}
#wrap #header .nav.mobile .gnb_box ul li ul li a{height: auto;line-height: 1;font-size: 17px;padding: 0;background: none;}

/* 2023.10.10. */
.nav{display : flex; justify-content: center; text-align: center;}
.nav > li{position: relative;}
.nav > li > a{position: relative; display : inline-block; width: 165px; height : 56px; text-align: center; line-height: 56px; color : inherit; padding-top: 15px; padding-bottom: 15px; box-sizing: content-box;}
.nav > li:hover::after{display :block;}
.nav > li::after{content : ''; display : none; position : absolute; bottom: 15px; left : 50%; transform: translateX(-50%); width : 30px; height : 2px; background: var(--primary-color);}
.nav > li:hover > a + .motion{display : block;}
.nav > li > .motion{display : none; position : absolute; width : 100%; left : 50%; transform: translateX(-50%); padding : 20px; background: #fff; border-radius: 15px; border : 1px solid var(--primary-color) }
/* .nav > li > .motion::after{content : ''; display : block; position : absolute; bottom: 0; left : 50%; transform: translateX(-50%); width : 50px; height : 2px; background: var(--primary-color);} */
.nav > li > .motion > li{margin-bottom: 15px;}
.nav > li > .motion > li:last-child{margin-bottom: 0;}
#header .nav > li > .motion > li > a{display : inline-block; font-size: 17px; font-weight: 700; color : #000;}
#header .nav > li > .motion > li > a:hover{ color : var(--primary-color)}
.nav > li > .motion > li > a:hover{color : var(--primary-color);}

/* header full css */
#header a{color :#fff;}
#header.txt_black a{color : #000;}
#header.txt_black .button_wrap li:not(:last-child) a{border-color: #000;}
#header.txt_black svg g path{fill : #000;}
.button_wrap{ display : flex; gap : 18px; align-items: center; }
.button_wrap li{}
.button_wrap > li:not(:last-child) a{border : 1px solid #fff;  padding : 5px 18px;}
.button_wrap > li:last-child{position: relative;}
.button_wrap > li:last-child a span{display: inline-block; padding-right: 5px;}
.button_wrap > li a{display : inline-block; color : inherit; font-size: 16px;  }
.button_wrap li svg{vertical-align: -2px;}


/* 2023.11.09. 메뉴추가 */
.lang_menu_wrap{position: absolute; display: none; left: 20px; background-image: url('/file/img/s_img/lang_arr.png');background-repeat: no-repeat; background-position: top 0 left 23px; padding-top: 11px;}
.lang_menu{display : block; background: #fff; padding : 8px 13px; border-radius: 10px;}
#header .lang_menu li a{color : #000; font-size: 16px;;}
#header .lang_menu li a:hover{color : var(--primary-color)}
.lang_btn{padding-bottom: 3px;}

@media (max-width : 1540px) {
  #wrap #header .container.pc{width: 94%;}
  .gnb > ul{gap: 70px;}
  #wrap #header h1.logo{width: auto;}
}

@media (max-width : 1400px) {
  .nav > li > a{width: 150px;}
  #header .nav > li > .motion > li > a{font-size: 15px;}
}

@media (max-width: 1199px) {
  #wrap #header h1.logo{width: auto;}
#fp-nav {display:none !important;}
.allmenu_wrap .inner{position:relative; padding:25px 35px; width:100%; margin:0 auto; }
.utilLink {position:absolute; right:35px; top:0px; }
.util_site{position:absolute; right:0px; top:0px; z-index:120; padding-right:0; }

.allmenu_wrap{display:none;}
.util_site{display:none;}



#wrap #header h1.logo{float: left;padding: 0 0 0 0px; }
#wrap #header{position: fixed;top: 0;left: 0;height: 70px; background-color: #fff !important; background-image: none; border-bottom: 1px solid #ccc; box-sizing: border-box; }
#wrap #header .inner{width:100%;}
#wrap #header .top_box{display: none;}
#wrap #header .container.pc{display: none;}
#wrap #header .container.mobile{display: block;padding: 0 15px;height: 60px; background:none;}
#wrap #header .container.mobile:after{display: block;content: '';clear: both;}
#wrap #header .container.mobile h1.logo img{margin-top:18px; width: 116px;}
#wrap #header .container.mobile .menu{position: relative;z-index: 3;float: right;width: 35px;text-align: right;}
#wrap #header .container.mobile .menu img{width: 32px;margin-top: 21.5px;}

}/* 1199px End*/

@media (max-width: 991px) {

}/* 991px End*/



@media (max-width: 768px) {

#wrap #header{position: fixed;top: 0;left: 0;height:60px;  }
#wrap #header .container.mobile h1.logo img{margin-top:12px; width:108px; }
#wrap #header .container.mobile .menu img{width: 32px;margin-top:14px;}
#wrap #header .out{display : none;}
.rnd03 .box .txt *{white-space: wrap;}


}/* 768px End*/

@media (max-width : 480px) {
  .content br{display : none;}
  .rnd03 .box .txt .tit{padding-left: 0;}
  .rnd03 .box .txt p{padding-left: 0;}
  .rnd03 .box .txt .content{padding-left: 0;}
  #content.rnd03{width: 92%;}
}