@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('http://fonts.cdnfonts.com/css/arial?styles=48878,51076,48879,48889');
@import url('http://fonts.googleapis.com/css?family=Pacifico');

/*
 * Layout Style
 *
 */

.arialBlack{
  /* font-family: 'Arial', sans-serif; */
  font-family: 'Arial Black', sans-serif;
  /* font-family: 'Arial Light', sans-serif;
  font-family: 'Arial CE', sans-serif;
  font-family: 'Arial CE MT Black', sans-serif; */
 }
 .pacifico{
  font-family: Pacifico !important;
}
#wrap{width:100%; margin:0px auto;}
#container{width:1400px; min-height:600px; margin:0px auto; position: relative;}
#container:after { content:""; display:block; clear:both; height:0;}
.clear::after {content: ""; display: block; clear: both;}
/******************* popup **************************/
.popupZone {position: relative; background:#606163; width: 100%;  margin: 0px; padding: 0px; z-index: 888; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.popupZone .pop_inner {margin: 0px auto; padding: 0px; width: 1250px; text-align:center; overflow: hidden; position: relative;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.popupZone .pop_inner .close {top: 20px; text-align: right; right: 0px; color:#ebebeb; font-size: 13px; position: absolute; }
.popupZone .pop_inner .close img {margin: 0px !important;}
.popupZone .pop_inner .close a {float: right; display: block;}
.popupZone .pop_inner .check {text-align: right; right: 0px; bottom: 10px; color:#fff; clear: both; font-size: 11px; letter-spacing:-0.8px;position: absolute;}

.slick-slider{
  float:left;
  width:66.6%;
}


/********************************************
	HEADER
********************************************/
#headbox{width:100%; min-width:1250px;height:39px; background:#0b2d48; margin:0 auto;}
#headbox .headtop{width:1250px;margin:0 auto;}
#headbox .headtop .h_left{float:left; height:39px; line-height:39px; font-size: 14px;font-family:'Nanum Gothic Bold';color: #fff;letter-spacing:-0.5px; text-transform: uppercase;}
#headbox .headtop .h_left ul li{float: left;}
#headbox .headtop .h_left ul li a{display: block;padding:0 18px;}
#headbox .headtop .h_left ul li.on a{background: #1069a7;}
#headbox .headtop .h_left ul li span{padding: 0 15px; font-size: 11px; vertical-align: middle; font-weight: normal;}
#headbox .headtop .h_right{float:right; padding-top: 8px; text-align:right;}
#headbox .headtop .h_right ul{display:inline-block;}
#headbox .headtop .h_right ul li{float: right;  line-height: 23px;}
#headbox .headtop .h_right ul li a{color: #fff; text-transform: uppercase; font-size: 13px;}
#headbox .headtop .h_right ul li a:hover{color: #008fff;}
#headbox .headtop .h_right ul li span{padding: 0 10px; color: #4d6579;}
#headbox .headtop .h_right ul li.sns{padding-left: 5px;}


#header{width:100%; min-width:1250px; height:50px; margin:0 auto; z-index:2;}
#header .headWrap{position:relative;width:1250px; height:50px; margin:0 auto; font-size:0}
#header .headWrap .tleft{float:left;width:250px;text-align:left; padding-top:10px;}
#header .headWrap .tleft li{float:left; font-size:12px;  color:#424242; margin-right:6px;}
#header .headWrap .util{float:right;width:1000px;text-align:right;}
#header .headWrap .util ul{display:inline-block; padding-top:14px;}
#header .headWrap .util li{position: relative; float:left; color:#424242; padding-left:10px; margin-left:10px; font-size:12px; font-family:'Nanum Gothic'; background:url(/img/gbar.png) left center no-repeat; }
#header .headWrap .util li span.ic{display: inline-block; zoom:1; *display:inline; width: 8px; height: 11px; background: url(/img/bul_arr_down.png) no-repeat center 1px; margin-left: 4px;}
#header .headWrap .util li a{font-family:'Nanum Gothic';line-height: 12px; font-size: 12px;color:#424242;}
#header .headWrap .util li a:hover span.ic {background-position: center -13px;}
#header .headWrap .util li:first-child{background:none; padding-left:0; margin-left:0}
#header .headWrap .util li img{vertical-align:middle;padding-right:10px;}

.lnb_sub{position: absolute; top: 20px; left: -1px; background: #fff; padding: 6px 0;border: 1px solid #e9e9e9; z-index: 30000;overflow:hidden; }
.lnb_sub .lbox {background:none;}
.lnb_sub .lbox a{display: block; font-size: 12px; padding: 6px 10px 7px 12px; text-align: left;}
.lnb_sub .lbox a:hover, .lnb_sub .lbox a:focus{color: #12a8d9; text-decoration: underline;}

.lnb_sub.mypage{display: none; width: 115px;}
.lnb_sub.cs{display: none; width: 125px;}

/*.gnb_wrap{width:100%; margin:0px auto; position:relative; background: #0d273c;}*/
.gnb_wrap {
  width: 100%;
  margin: 0px auto;
  position: relative;
  background: rgba(13, 39, 60, 0.8);
  z-index: 4;
}
.gnb {width:1400px; height:120px; margin:0px auto; position:relative; z-index:5; vertical-align: middle;}

.gnb .logoB {float: left;}

.gnb .m_open{position: absolute; right:0; top:0; width:70px;text-align:right;}
.gnb .logo{position: absolute; left:0; top:0px; width:200px;text-align:left;}

.gnb nav{ margin:0px auto 0px auto; position: relative; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; vertical-align: middle;}
.gnb nav > ul { float: left; vertical-align: middle; }
.gnb nav > ul > li {float:left; }
.gnb nav > ul > li:first-child {background:none; padding-left:0; margin-left:0}

.gnb nav > ul > li > a {display:block; line-height:22px; font-family:'Nanum Gothic Bold'; font-size:17px; color:#ffffff; text-align:center;}
.gnb nav > ul > li.first > a {border-left:0}
.gnb nav > ul > li > a:hover{color:#0096ff; }
.gnb nav > ul > li.on > a{color:#0096ff; }
.gnb nav > ul > li.on .two-depth{display:block}

.two-depth-bg {
  width: 100%;
  height: 284px;
  position: absolute;
  left: 0;
  top: 74px;
  background: rgba(13, 39, 60, 0.8);
  filter: alpha(opacity=90);
  display: block;
  z-index: 4;
  display: none;
  box-sizing: border-box;
}
.two-depth{height:30px; position:absolute; left:72px; top:60px; z-index:5; display:none}
.two-depth > li{float:left;background:url(/img/gbar01.gif) left center no-repeat; padding-left:10px; margin-left:10px;}
.two-depth > li:first-child{background:none; padding-left:0; margin-left:155px;}
.two-depth > li a{height:30px; line-height:20px; font-size:15px; color:#f5f5f5; }
.two-depth > li.on a{color:#fff; font-family:'Nanum Gothic Bold';}
.two-depth > li a:hover{color:#fff; font-family:'Nanum Gothic Bold';}
.two-depth>li ul {
  float: left;
  border-right: 1px solid rgba(13, 39, 60, 0.3);
  width: 162px;
  text-align: center;
  box-sizing: border-box;
  height: 222px;
  margin: 31px 0;
}
.two-depth > li ul li{padding-bottom: 10px;}
.two-depth > li ul li a:hover{color:#0096ff;}
.two-depth > li ul li:first-child{padding-top: 12px;}

/* 서브페이지 상단메뉴적용
.sgnb{width:1200px; height:132px; left:50%; margin:50px 0 0 -600px; background:url(/img/smenu_bg.png) no-repeat left top; text-align:center; position: absolute; font-size:0;z-index:5;}
.sgnb .logo{display: inline-block; width:200px;text-align:center; padding-top:33px;}
.sgnb .menu{display: inline-block; width:100px;text-align:right; padding-top:57px; padding-right:25px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.sgnb .menu li a {font-size:24px;transition:all .7s ease; -webkit-transition:all .7s ease;}
.sgnb .menu li:hover a {transition:all .3s ease;-webkit-transition:all .3s ease;transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.sgnb nav{display: inline-block; width:900px; margin:0px auto; position:relative; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.sgnb nav > ul{float:left; margin-left:80px; margin-top:60px;}
.sgnb nav > ul > li{float:left; margin-left:80px;}
.sgnb nav > ul > li:first-child{background:none; margin-left:0}
.sgnb nav > ul > li > a{display:block; height:55px; line-height:15px; font-family:'Nanum Gothic Bold'; text-transform:uppercase; font-size:18px; color:#333; text-align:center;}
.sgnb nav > ul > li.first > a{border-left:0}
.sgnb nav > ul > li > a:hover{color:#e83a6b;}
.sgnb nav > ul > li.on > a{color:#e83a6b; }
.sgnb nav > ul > li.on .two-depth{display:block}*/
/*header menu*/
/* 메인메뉴 */
#gnb h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap{margin:0 auto;position:relative}
#gnb #gnb_1dul {font-size:1.083em;padding: 0;background:#253dbe;zoom:1;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
-moz-box-shadow:  0 1px 3px rgba(0,0,0,0.3);
box-shadow: 0 1px 3px rgba(0,0,0,0.3)}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli{float:left;line-height:50px;padding:0 15px;position:relative;}
#gnb .gnb_1dli:hover{background:#1a30a7;
-webkit-transition: background-color 2s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}

.gnb_1dli .bg{display:inline-block;width:10px;height:10px;overflow:hidden;background:url(../img/gnb_bg2.gif) no-repeat 50% 50%;text-indent:-999px}
.gnb_1da {display:inline-block;font-weight:bold;color:#fff;text-decoration:none;}
.gnb_2dli{border-top:1px solid #253dbe}
.gnb_2dli:first-child{border:0}
.gnb_2dul {display:none;position:absolute;top:50px;min-width:140px;background:#1a30a7;padding: 0;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
-moz-box-shadow:  0 1px 5px rgba(0,0,0,0.1);
box-shadow: 0 1px 5px rgba(0,0,0,0.1);}
.gnb_2da {display:block;padding:0 10px;line-height:40px;color:#c3cbf7;text-align:left;text-decoration:none}
a.gnb_2da:hover{background:#0e2080;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}


/* allMenu */
.allMenu_wrap { display:none; position:absolute; top:-450px;width:100%; margin:0px auto 0px; height:430px; bottom:0; z-index:990; background:#424242;opacity: 0.95; filter: alpha(opacity=95);}
.allMenu_wrap .closer { position:absolute;  top:40px;right:50px;}
.allMenu_wrap .atitle {width:1250px;margin:0 auto; padding-top:40px;}
.allMenu_wrap .alltitle {width:1250px;margin:0 auto; padding-top:20px;padding-left:76px;}
.allMenu_wrap .alltitle > li {position:relative; float:left;width:100%;font-size:18px;color:#fff; font-family:'Nanum Gothic Bold';}
.allMenu_wrap .list {width:1250px;margin:0 auto; padding:60px 0 0}
.allMenu_wrap .list > li {position:relative; float:left;width:12.9%; border-left:#555 1px solid; margin-left:8px; margin-right:8px; margin-bottom:30px; height:220px}
.allMenu_wrap .list > li:first-child{margin-top:0;border-left:#555 0px solid;}
.allMenu_wrap .list > li > a {display:inline-block; line-height:26px; font-size:16px;padding-left:25px; color:#fff; font-family:'Nanum Gothic Bold'; }
.allMenu_wrap .list > li:first-child > a {margin-top:0;}
.allMenu_wrap .list > li > ul {overflow:hidden; padding:10px 0 10px 20px}
.allMenu_wrap .list > li > ul > li {position:relative; margin-left:8px; margin-right:8px;}
.allMenu_wrap .list > li > ul > li a {color:#ebebeb; font-size:12px;line-height:25px; margin-left:12px; -webkit-transition:all 0.2s; transition:all 0.2s;}
.allMenu_wrap .list > li > ul > li a:hover { color:#12a8d9;}
.allMenu_wrap .list > li > ul > li:after{position:absolute;top:50%;left:0;width:3px;height:3px;background:#f2f2f2;margin-top:-3px;display:block;clear:both;content:''}


A.roll img{display:inline; border:0; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
A.roll img.over { display:none; }
A.roll:hover {border:0; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
A.roll:hover img { display:none; }
A.roll:hover img.over { display:inline;}

.fixed{background:#fff; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; }

/* footer */
.footer_wrap{clear:both; width:100%; margin:0px auto; padding: 30px 0px 40px; background:#1e1e1e; overflow:hidden;}
.footer_wrap:after { content:""; display:block; clear:both; height:0;}

.footer{width:1060px; margin:0px auto; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.footer .f_family{float:left; width:300px; text-align:left; vertical-align:top; font-size:0;}
.footer .f_family .flogo{display: inline-block; width:100%; margin-bottom:20px;}
.footer .f_family .fsns{display: inline-block; width:100%; margin-bottom:10px;}
.footer .f_family .fsns img{margin-right:2px;}
.footer .f_family label{display: block;font-family:'Nanum Gothic Bold'; color: #fff;font-size:12px;line-height: 12px;letter-spacing:-0.5px;margin-bottom: 8px;}
.footer .f_family .fbox{display: inline-block;width:200px; height:28px;border:1px solid #6b6b6b; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.footer .f_family .input_f{margin:0px; width: 170px;height:28px;vertical-align:middle; background-color:transparent; font-size:11px; color:#6b6b6b; padding:0px 0px 0px 2px;border:0px solid #d4d4d5;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.footer .f_family .input_fbtn{margin-right:2px;border:0;margin-top:0px;}

.footer .f_copy{float:left; width:400px; text-align:left; vertical-align:top;font-size:0;}
.footer .f_copy .f_add{display: inline-block;width:240px; text-align:left; vertical-align:top;font-family:'Nanum Gothic'; FONT-SIZE: 12px; COLOR: #fff; line-height: 14px; letter-spacing:-0.2px;}
.footer .f_copy .f_add p{margin-bottom:20px;}
.footer .f_copy .f_tel{display: inline-block;width:160px; text-align:left; vertical-align:top;font-family:'Nanum Gothic'; FONT-SIZE: 12px; COLOR: #fff; line-height: 14px;}
.footer .f_copy .f_tel p{margin-bottom:20px;}
.footer .f_copy span{display: inline-block; width:100%; COLOR:#ffd900;font-family:'Nanum Gothic'; FONT-SIZE: 12px; line-height: 14px;margin-bottom: 5px;}
.footer .f_copy h2{font-family:'Nanum Gothic'; FONT-SIZE: 12px; COLOR: #fff; line-height: 14px;letter-spacing:-0.5px;}

.footer .f_right{float:left; width:360px; text-align:left; vertical-align:top; font-size:0;}
.footer .f_right .f_pannel{display: inline-block;width:264px; text-align:left; vertical-align:top; }
.footer .f_right .f_pannel ul{display: inline-block;margin-bottom:15px;}
.footer .f_right .f_pannel li.ft01{float:left; width:164px; text-align:left; vertical-align:top;font-family:'Nanum Gothic'; FONT-SIZE: 12px; COLOR: #fff; line-height:12px;}
.footer .f_right .f_pannel li.ft02{float:right; width:100px; text-align:right; vertical-align:top;font-family:'Nanum Gothic'; FONT-SIZE: 12px; COLOR: #ffd900;line-height: 12px;}
.footer .f_right .btn_up_layer{display: inline-block;width:96px; text-align:right; vertical-align:top; margin-top:166px;}


.select_type001{display: inline-block;width:200px;height:40px;text-indent:11px;}
.select_type001 select{display: inline-block;background: url(/img/select_bg.png) right center no-repeat #4d4d4d; /* 네이티브 화살표 대체 */ border-radius: 0px; /* iOS 둥근모서리 제거 */border:1px solid #fafafa;height:40px;padding:0 0 0 5px;margin:0 2px 0 0;width:100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-family:'Nanum Gothic'; FONT-SIZE: 14px;line-height: 20px; COLOR: #fafafa;cursor:pointer;}
.select_type001 select::-ms-expand {display: none;}

/* .btn_up_layer {position:fixed; right:0px;bottom:100px;display:none;padding:0px;z-index:100;} */

/* maincontents */
.maincontents{position: relative; width:100%; /*background: url(/img/main_bg.png) center center repeat;*/ background:#98a0a3; margin:0px auto; overflow: hidden; zoom: 1; border-top:0px solid #e9e9e9; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;z-index:1}
.maincontents:after { content:""; display:block; clear:both; height:0;}

/* mainbanner */

.image_list_1 {position:relative; width: 1250px; left:50%; margin:0 0 0 -625px;height: 400px; text-align:center; overflow: hidden; zoom: 1;}
.image_list_1 div.images {z-index:1!important;}
/* bar left 일경우
#mbnav{position: absolute; z-index: 2; padding: 10px 0px 0px 200px;}
#mbnav a{display: inline-block; width: 73px; height: 8px; padding: 0px 3px 0px 3px; background:url(/img/bar_off.png) no-repeat left top; margin-bottom: 0px; text-indent: -9999px;}
#mbnav a.activeSlide{display: inline-block; width: 73px; height: 8px; background:url(/img/bar_on.png) no-repeat left top;}
*/
/* bar center 일경우 */
#mbnav{position: absolute; z-index: 2; top:15px; width: 1250px; margin:0px auto; text-align:center;}
#mbnav a{display: inline-block; width: 10px; height: 10px; padding: 0px 3px 0px 3px; background:url(/img/bar_off.png) no-repeat left top; margin-bottom: 0px; text-indent: -9999px;}
#mbnav a.activeSlide{display: inline-block; width: 10px; height: 10px; background:url(/img/bar_on.png) no-repeat left top;}

.mtxt{position: absolute; z-index: 3; top:128px; width: 1800px; margin:0px auto; text-align:center;}

.m_section01{width:100%; height:123px;  margin:0px auto; overflow: hidden;}
.m_content01{position: absolute; width:1060px;left:50%; margin:-27px 0px 0px -530px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size:0;z-index: 5;}
.m_content01 .mbox{float:left; display:table; width:530px; height:150px; background:url(/img/mbox_bg01.png) no-repeat left top;text-align: center;}
.m_content01 .mbox p{display:table-cell; height:100%; text-align: center; vertical-align:middle; font-family:"Nanum Gothic Bold"; color: #fff; font-size: 36px;line-height:36px;}
.m_content01 .mbox span{display: inline-block;width: 100%; font-family:"Nanum Gothic Bold"; color: #fff; font-size: 24px;line-height:24px; margin-bottom:10px;}
.m_content01 .mbox01{float:left; display:table; width:530px; height:150px; background:url(/img/mbox_bg02.png) no-repeat left top; text-align: center;}
.m_content01 .mbox01 p{display:table-cell; height:100%; text-align: center; vertical-align:middle; }
.m_content01 .mbox01 p img{margin-left:30px; margin-right:30px;}

.m_section02{width:1060px;margin:10px auto 0px; overflow: hidden;}
.m_content02{width:100%; padding:18px 28px; border:1px solid #dcdcd9; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; font-size:0;}
.m_content02 .limg{display: inline-block;width:570px;}
.m_content02 .rtxt{display: inline-block;width:400px; text-align: left; margin-top:30px; margin-left:30px;}
.m_content02 .rtxt h2{font-family:"Nanum Gothic"; color: #58595b; font-size: 22px;line-height:22px; letter-spacing:-0.5px;text-transform:uppercase;}
.m_content02 .rtxt h3{font-family:"Nanum Gothic EB"; color: #020000; font-size: 36px;line-height:36px; letter-spacing:-0.5px;text-transform:uppercase;margin-bottom:10px; }
.m_content02 .rtxt .rline{display: block; width:182px;border-top:2px dotted #dcdcd9; margin-bottom:15px;}
.m_content02 .rtxt p{font-family:"Nanum Gothic bold"; color: #565656; font-size: 14px;line-height:20px; letter-spacing:-0.2px;margin-bottom:40px;}
.m_content02 .rtxt span{display:block; font-family:"Nanum Gothic bold"; color: #737373; font-size: 13px;letter-spacing:-0.2px;line-height:18px; }

.m_content03{width:1060px;margin:10px auto 0px; overflow: hidden; font-size:0; }
.m_content03 .pan_area{display: inline-block;width:380px; margin-right:10px;}
.m_content03 .gallery_area{display: inline-block;width:380px; margin-right:10px;}
.m_content03 .notice_area{display: inline-block;width:280px;}

.panbox{display: inline-block;width:100%;height: 340px; padding: 20px; text-align:left; vertical-align:top; z-index:1; position:relative; background-color: #fff; border:1px solid #dcdbd9; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size:0;}
.panbox p{text-align:left;color:#424242; font-family:'Nanum Gothic Bold';FONT-SIZE: 16px; margin-bottom:15px; }

.photo-wrap{width:100%;}
.photo-wrap .ph_img{height:134px;border:1px solid #b9babb;background:#fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;text-align:center;}
.photo-wrap .ph_img img{width:100%; height:100%;}
.photo-wrap .ptit{display: inline-block;text-align:left;margin-top:10px; overflow:hidden; color:#fa993b; font-family:'Nanum Gothic Bold';FONT-SIZE: 16px; margin-bottom:8px; max-width:95%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.photo-wrap .pcont{display: inline-block;text-align:left;color:#5f6062; font-family:'Nanum Gothic Bold';FONT-SIZE: 14px;margin-bottom:10px; }
.photo-wrap .pmore{display: inline-block; text-align:left;}

.arr-btn01{width:100px; position:absolute; left:0; top:0px}
.arr-btn01 .customPrevBtn01{width:9px; height:11px; text-indent:-9999px; background:url(/img/l_arr.png) 0 no-repeat; position:absolute; left:310px; top:20px; cursor:pointer; z-index:100;}
.arr-btn01 .customNextBtn01{width:9px; height:11px; text-indent:-9999px; background:url(/img/r_arr.png) 0 no-repeat; position:absolute; left:350px; top:20px; cursor:pointer; z-index:100;}
.arr-btn01 .custompause01{width:10px; height:11px; text-indent:-9999px; background:url(/img/pause.png) 0 no-repeat; position:absolute; left:330px; top:20px; cursor:pointer; z-index:100;}
.arr-btn01 .customPrevBtn02{width:9px; height:11px; text-indent:-9999px; background:url(/img/l_arr.png) 0 no-repeat; position:absolute; left:310px; top:20px; cursor:pointer; z-index:100;}
.arr-btn01 .customNextBtn02{width:9px; height:11px; text-indent:-9999px; background:url(/img/r_arr.png) 0 no-repeat; position:absolute; left:350px; top:20px; cursor:pointer; z-index:100;}
.arr-btn01 .custompause02{width:10px; height:11px; text-indent:-9999px; background:url(/img/pause.png) 0 no-repeat; position:absolute; left:330px; top:20px; cursor:pointer; z-index:100;}
.arr-btn01 .customPrevBtn03{width:9px; height:11px; text-indent:-9999px; background:url(/img/l_arr.png) 0 no-repeat; position:absolute; left:215px; top:20px; cursor:pointer; z-index:100;}
.arr-btn01 .customNextBtn03{width:9px; height:11px; text-indent:-9999px; background:url(/img/r_arr.png) 0 no-repeat; position:absolute; right:-165px; top:20px; cursor:pointer; z-index:100;}
.arr-btn01 .custompause03{width:10px; height:11px; text-indent:-9999px; background:url(/img/pause.png) 0 no-repeat; position:absolute; left:235px; top:20px; cursor:pointer; z-index:100;}

.ellipsis02{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 2.6em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */}
.ellipsis03{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 3.9em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */}
.ellipsis04{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 4; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 5.2em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */}

/* 공지사항테이블 */
.mnews{width:100%; height: 250px;background-color: #fff; border:1px solid #dcdbd9; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size:0;margin-bottom:10px;}
.mnews_tab{width:100%; height: 50px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; font-size:0;}
.mnews_tab li{width: 25%; float: left;}
.mnews_tab li a {width: 100%; text-align: center; color: #424242;  padding:16px 0px; line-height: 14px; font-size: 14px;font-family:'Nanum Gothic Bold';  display: block; border-left:1px solid #ebebeb; border-bottom:1px solid #ebebeb;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.mnews_tab li a:hover {line-height: 14px; font-size: 14px;color: #ff782e;}
.mnews_tab li.active a {border-bottom:0px solid #ebebeb; line-height: 14px; font-size: 14px;color: #ff782e; }
.mnews_tab li:first-child {border-left:0px solid #ebebeb; }

.tab_content {width:100%; height:198px; overflow: hidden; text-align:left; vertical-align:top; padding:20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; font-size:0; }
.tab_content ul{display: inline-block; width:100%; text-align:left; margin-bottom:8px;}
.tab_content li.news_subj{float:left; width:85%;text-align:left; vertical-align:top; padding-left:10px; background:url(/img/icon_square.png) no-repeat left 7px;line-height: 15px; font-size: 13px; font-family:'Nanum Gothic Bold'; color:#5f6062; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;/*text-overflow:ellipsis-word;*/}
.tab_content li.news_new{float:right; width:15%; text-align:right; vertical-align:top; }
/* 공지사항테이블 end */

.mcounsel{width:100%; height: 80px;background-color: #fff; border:1px solid #dcdbd9; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.mcounsel img{width:100%; height: 100%;}

.m_content04{width:1060px;margin:10px auto 0px; overflow: hidden; font-size:0; }
.m_content04 .mb_area{display: inline-block;width:380px; margin-right:10px;}
.m_content04 .qa_area{display: inline-block;width:380px; margin-right:10px;}
.m_content04 .ev_area{display: inline-block;width:280px;}

.mb_mbox01{display: inline-block;width:100%; height: 160px; padding: 30px 0px; text-align:left; vertical-align:top; background-color: #fff; border:1px solid #dcdbd9; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size:0;}
.mb_mbox01 li{display: inline-block;width:50%; height: 98px; padding: 0px 0px; text-align:center; background:url(/img/dotted_line.png) repeat-y left top;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.mb_mbox01 li:first-child{background:none;}
.mb_mbox01 li img{margin-top:10px;margin-bottom:16px;}
.mb_mbox01 li p{color:#424242; font-family:'Nanum Gothic Bold';FONT-SIZE: 16px;}
.mb_mbox01 li p:hover{color:#2d8cc4;}

.mb_mbox02{display: inline-block;width:100%;height: 160px; padding: 15px; text-align:left; vertical-align:top; background-color: #fff; border:1px solid #dcdbd9; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size:0;}
.mb_mbox02 ul{display: inline-block;width:100%; padding: 10px 0px 0px 0px; }
.mb_mbox02 ul.ufirst{display: inline-block;width:100%; height: 70px; padding: 15px 0px 0px 0px; background:url(../images/dotted_line01.png) repeat-x left bottom;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.mb_mbox02 ul.ufirst li{float:left; width:50%;text-align:left;padding-left:20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.uimg{display: inline-block; margin-right:10px;}
.utxt{display: inline-block;color: #424242; line-height: 18px; font-size: 15px;font-family:'Nanum Gothic Bold';}
.utxt01{display: inline-block;color: #424242; line-height: 18px; font-size: 15px;font-family:'Nanum Gothic Bold'; margin-top:10px;}


.select_type_m01{display: inline-block;width:285px; margin-right:10px;height:36px;line-height:36px;font-size: 14px;color:#5f6062;font-family:'Nanum Gothic';}
.select_type_m01 select{display: inline-block;background: url(/img/select_mbg.png) right 50% no-repeat #fff; /* 네이티브 화살표 대체 */ border-radius: 8px; /* iOS 둥근모서리 제거 */border:1px solid #cccccc;line-height:36px;height:36px;padding:0 0px 0 5px;width:100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-box-sizing:content-box; border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-ms-border-radius:8px;-khtml-border-radius:8px;-o-border-radius:8px;font-size: 14px;color:#5f6062;font-family:'Nanum Gothic';}
.select_type_m01 select::-ms-expand {display: none;}
.btn_move{display: inline-block;}

.ev_mbox{width:100%; height: 160px; padding: 15px; text-align:left; vertical-align:top; z-index:1; position:relative; background-color: #fff; border:1px solid #dcdbd9; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size:0;}
.ev_mbox p{text-align:left;color:#424242; font-family:'Nanum Gothic Bold';FONT-SIZE: 16px; margin-bottom:10px; }

.photo-wrap01{width:100%;height:100px;border:1px solid #b9babb;background:#fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;text-align:center;}
.photo-wrap01 img{width:100%; height:100%;}

.main_tit{width:1060px;margin:40px auto 18px; overflow: hidden; text-align:left; color:#424242; font-family:'Nanum Gothic Bold';FONT-SIZE: 25px;line-height:25px;letter-spacing:-0.5px;}

.m_section03{width: 100%; padding:40px 0px; margin:0px auto; background:#efefef; overflow: hidden;}

/* 5개씩 상품박스 */
.plist_box05 {width: 1060px; margin: 0px auto; position: relative; overflow: hidden;font-size:0;}
.plist_box05 ul{margin-top:30px;}
.plist_box05 li{display: inline-block; width:200px; height:235px; margin-left:15px; text-align:left; background:#fff; position: relative; font-size:0;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;cursor:pointer;}
.plist_box05 li:first-child{margin-left:0px; }
.plist_box05 ul:first-child{margin-top:0px;}
.plist_box05 .thumb{position:relative; overflow:hidden; cursor:pointer; display: inline-block; width:100%; height:118px; background:#fff; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.plist_box05 .thumb img{width: 100%; transition:all .2s ease;-webkit-transition:all .2s ease;}
.plist_box05 .thumb:hover img{transform:scale(1.05); }
.plist_box05 .subject{width:100%; padding:10px; text-align:left;overflow: hidden;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;color: #424242;font-family:'Nanum Gothic';line-height: 14px;font-size:11px;}
.plist_box05 .subject p{text-align:left;color: #737373;font-family:'Nanum Gothic';line-height: 14px;font-size:12px;margin-bottom:5px;}
.plist_box05 .subject .dotline{display: inline-block; width:100%; padding-bottom:8px; margin-bottom:15px; border-bottom:2px dotted #d3d3d3;}
.plist_box05 .subject span{display: inline-block;width:100%;text-align:left;color: #424242;font-family:'Nanum Gothic Bold';line-height: 13px;font-size:13px;}


.m_section04{width: 1060px; margin:40px auto; overflow: hidden;}

.m_content05{width:100%; padding:18px 18px 18px 38px; border:1px solid #dcdcd9; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; font-size:0;}
.m_content05 .ltxt{display: inline-block;width:280px;margin-top:20px;}
.m_content05 .ltxt h2{font-family:"Nanum Gothic"; color: #58595b; font-size: 22px;line-height:22px; letter-spacing:-0.5px;text-transform:uppercase;}
.m_content05 .ltxt h3{font-family:"Nanum Gothic EB"; color: #020000; font-size: 36px;line-height:36px; letter-spacing:-0.5px;text-transform:uppercase;margin-bottom:10px; }
.m_content05 .ltxt .l_line{display: block; width:182px;border-top:2px dotted #dcdcd9; margin-bottom:15px;}
.m_content05 .ltxt p{font-family:"Nanum Gothic"; color: #737373; font-size: 13px;line-height:18px; letter-spacing:-0.5px;margin-bottom:20px;}
.m_content05 .rimg{display: inline-block;width:720px; text-align:right;}

.m_section05{width: 100%; padding:40px 0px; margin:0px auto; background:#efefef; overflow: hidden;}

.m_content06{width: 1060px; margin:0px auto; font-size:0;}
.m_content06 .mc_left{display: inline-block;width: 50%;margin-top:20px;font-family:"Nanum Gothic Bold"; color: #737373; font-size: 13px;line-height:18px; }
.m_content06 .mc_right{display: inline-block;text-align:right;width: 50%;margin-top:10px;}
.m_content06 select {border-radius: 2px; background: url(/img/select_arrow02.png) right center no-repeat #fff; /* 네이티브 화살표 대체 */ /* border-radius: 0px; /* iOS 둥근모서리 제거 */ border:1px solid #cccccc;line-height:28px;height:28px;padding:0 0 0 2px;margin:0 2px 0 0;width:150px;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-box-sizing:content-box;font-size:12px;}
/* IE 10, 11의 네이티브 화살표 숨기기 */
.m_content06 select::-ms-expand {display: none;}

.mtab_type1{display: inline-block;width:100%;}
.mtab_type1 li{width: 25%; margin-left: -1px; margin-bottom:-1px; float: left;}
.mtab_type1 li a {width: 100%; text-align: center; color: #424242;  background:#fff; height:50px; padding:16px 0px; line-height: 16px; font-size: 16px;font-family:'Nanum Gothic Bold';  display: block; border:1px solid #dcdcd9; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.mtab_type1 li a:hover {color: #fff;background:#ffa800; border:0px solid #cbcbcb;}
.mtab_type1 li.active a {color: #fff;background:#ffa800; border:0px solid #cbcbcb;}
.mtab_type1 li:first-child {margin-left: 0px;}

/* 3개씩 상품박스 */
.plist_box03{width:100%; overflow: hidden; margin: 30px auto; text-align:left; vertical-align:top; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; font-size:0;}
.plist_box03 ul{margin-top:20px;}
.plist_box03 li{display: inline-block; width: 340px; height:290px; background:#fff; margin-left:20px; padding:20px; text-align:center; vertical-align:top;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.plist_box03 li:first-child{margin-left:0px; }
.plist_box03 .thumb_img{position:relative; overflow:hidden; cursor:pointer; display: inline-block; margin:0px auto; text-align:center; width: 300px; height:144px; background:#f1f1f1; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
.plist_box03 .thumb_img img{width: 100%; transition:all .2s ease;-webkit-transition:all .2s ease;}
.plist_box03 .thumb_img:hover img{transform:scale(1.05); }
.plist_box03 .list_txt{display: block;padding:10px 0px 10px 0px;text-align:left;line-height: 16px; color:#686868; font-size: 14px; font-family:'Nanum Gothic Bold'; }
.plist_box03 .list_txt h2{margin-bottom:10px; line-height: 18px; color:#686868; font-size: 18px; letter-spacing:-0.5px;font-family:'Nanum Gothic Bold'; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.plist_box03 .list_txt p{margin-bottom:10px; color:#858585; font-size: 14px; letter-spacing:-0.5px;font-family:'Nanum Gothic Bold'; }
.plist_box03 .list_txt span{color:#ff4800; font-size: 16px;font-family:'Nanum Gothic Bold';}
.plist_box03 ul:first-child{margin-top:0px;}

/* 4개씩 상품박스 */
.plist_box04{width:100%; overflow: hidden; margin: 30px auto; text-align:left; vertical-align:top; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; font-size:0;}
.plist_box04 ul{margin-top:20px;}
.plist_box04 li{display: inline-block; width: 250px; height:260px; background:#fff; margin-left:20px; padding:20px; text-align:center; vertical-align:top;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.plist_box04 li:first-child{margin-left:0px; }
.plist_box04 .thumb_img{position:relative; overflow:hidden; cursor:pointer; display: inline-block; margin:0px auto; text-align:center; width: 210px; height:120px; background:#f1f1f1; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
.plist_box04 .thumb_img img{width: 100%; height:100%; transition:all .2s ease;-webkit-transition:all .2s ease;}
.plist_box04 .thumb_img:hover img{transform:scale(1.05); }
.plist_box04 .list_txt{display: block;padding:10px 0px 10px 0px;text-align:left;line-height: 16px; color:#686868; font-size: 13px; font-family:'Nanum Gothic Bold'; }
.plist_box04 .list_txt h2{margin-bottom:10px; line-height: 16px; color:#686868; font-size: 16px; letter-spacing:-0.5px;font-family:'Nanum Gothic Bold'; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.plist_box04 .list_txt p{margin-bottom:10px; color:#858585; font-size: 13px; letter-spacing:-0.5px;font-family:'Nanum Gothic Bold'; }
.plist_box04 .list_txt span{color:#ff4800; font-size: 14px;font-family:'Nanum Gothic Bold';}
.plist_box04 ul:first-child{margin-top:0px;}




/* login */
.login_box{width:100%;padding:30px; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.login_title{display: block;text-align:left;margin-bottom:35px; padding-bottom:20px; border-bottom:1px solid #b1b0b8; color: #424242; font-size:50px;line-height:50px;font-family:'Nanum Gothic';text-transform:uppercase; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.login_wrap{width:100%;padding:0px; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;font-size:0}
.login_wrap ul{display: inline-block;width:100%;margin-bottom:8px;}
.login_wrap .login_l{display: inline-block;width:370px; text-align:left;padding:0px;color:#858585;font-size:14px;font-family:'Nanum Gothic Bold';}
.login_wrap .login_r{display: inline-block;width:140px; text-align:right;padding:0px; color:#12a8d9;font-size:14px;font-family:'Nanum Gothic Bold';}
.login_wrap .login_c{display: inline-block;width:140px; text-align:center;padding:0px; color:#12a8d9;font-size:14px;font-family:'Nanum Gothic Bold';}
.login_wrap input{display: inline-block;box-sizing: border-box;border:1px solid #dadada;background:#fff;width:100%; height: 45px;padding: 8px;color:#858585;font-size:14px;font-family:'Nanum Gothic';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.login_wrap input:focus {outline: none;background:#fff;border-color:#12a8d9}
.login_wrap input[type=checkbox], .login_wrap input[type=radio] {width:12px; height:12px;vertical-align:middle;border:0; margin:0; padding:0; cursor:pointer}

.login_btn{width:100%; margin:30px 0px 0px; text-align:left;padding-bottom:30px;border-bottom:1px solid #b1b0b8; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;font-size:0}
.login_btn .lbtn{display: inline-block;width:50%; text-align:left;padding:0px;}
.login_btn .rbtn{display: inline-block;width:50%; text-align:right;padding:0px;}

.login_txt{width:100%; margin:0px; padding:0px 30px; text-align:left; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.login_txt h2{font-family:'Nanum Gothic bold';line-height: 20px;font-size:20px;color:#12a8d9;margin-bottom:5px;}
.login_txt p{font-family:'Nanum Gothic bold';line-height: 18px;font-size:14px;color: #a5a5a5;margin-bottom:15px;}

.login_bottom{width:100%; margin-top:30px; height:50px;background:#12a8d9;}

.id_title{display: block;text-align:left;margin-bottom:35px; padding-bottom:20px; border-bottom:1px solid #b1b0b8; color: #424242; font-size:36px;line-height:36px;font-family:'Nanum Gothic';text-transform:uppercase; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.id_wrap{width:100%;margin-bottom:10px;padding:0px; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;font-size:0}
.id_wrap p{font-family:'Nanum Gothic bold';line-height: 18px;font-size:14px;color: #a5a5a5;}
.id_wrap label {display: block;width: 100%;color: #424242;font-size:15px;line-height:15px;font-family:'Nanum Gothic bold';margin-bottom:8px;}
.id_wrap input{display: inline-block;box-sizing: border-box;border:1px solid #dadada;background:#fff;width:100%; height: 45px;padding: 8px;color:#858585;font-size:14px;font-family:'Nanum Gothic';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;margin-bottom:15px;}
.id_wrap input:focus {outline: none;background:#fff;border-color:#12a8d9}

.id_tab{display: inline-block;width:100%;}
.id_tab li{width: 50%; margin-left: -1px; margin-bottom:-1px; float: left;}
.id_tab li a {width: 100%; text-align: center; color: #424242; background:#f1f1f1; height:45px; padding:12px 0px; line-height: 16px; font-size: 16px;font-family:'Nanum Gothic Bold';  display: block; border:1px solid #dfdfdf; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.id_tab li a:hover {color: #fff;background:#145374; border:0px solid #cbcbcb;}
.id_tab li.active a {color: #fff;background:#145374; border:0px solid #cbcbcb;}
.id_tab li:first-child {margin-left: 0px;}

.id_stab{display: inline-block;width:100%; margin-bottom:25px;}
.id_stab li{width: 50%; margin-left: -1px; margin-bottom:-1px; float: left;}
.id_stab li a {width: 100%; text-align: center; color: #424242; background:url(/img/id_tab.png) center bottom no-repeat; height:45px; padding:12px 0px; line-height: 16px; font-size: 16px;font-family:'Nanum Gothic Bold';  display: block; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
.id_stab li a:hover {background:url(/img/id_tab_on.png) center bottom no-repeat; }
.id_stab li.active a {background:url(/img/id_tab_on.png) center bottom no-repeat;}
.id_stab li:first-child {margin-left: 0px;}

.id_ptab{display: inline-block;width:100%; margin-bottom:25px;}
.id_ptab li{width: 50%; margin-left: -1px; margin-bottom:-1px; float: left;}
.id_ptab li a {width: 100%; text-align: center; color: #424242; background:url(/img/id_tab.png) center bottom no-repeat; height:45px; padding:12px 0px; line-height: 16px; font-size: 16px;font-family:'Nanum Gothic Bold';  display: block; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
.id_ptab li a:hover {background:url(/img/id_tab_on.png) center bottom no-repeat; }
.id_ptab li.active a {background:url(/img/id_tab_on.png) center bottom no-repeat;}
.id_ptab li:first-child {margin-left: 0px;}

.id_stitle{display: block;text-align:left; margin-top:30px; margin-bottom:20px; color: #424242; font-size:30px;line-height:30px;font-family:'Nanum Gothic';text-transform:uppercase; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.tab_content01{width:100%; overflow: hidden; text-align:left; vertical-align:top; }
.tab_content02{width:100%; overflow: hidden; text-align:left; vertical-align:top; }

.join_title{display: block;text-align:left;margin-bottom:35px; background:url() left top no-repeat; padding:10px 0px 20px 100px; border-bottom:1px solid #b1b0b8; color: #424242;letter-spacing:-0.8px; font-size:30px;line-height:30px;font-family:'Nanum Gothic';text-transform:uppercase; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.join_wrap{width:100%; font-size:0; margin-bottom:10px; }
.join_wrap p{display: inline-block; font-family:'Nanum Gothic bold';line-height: 16px;font-size:13px;color: #12a8d9;padding-bottom:15px;padding-top:8px;}
.join_wrap label {display: block;width: 100%;color: #424242;font-size:15px;line-height:15px;font-family:'Nanum Gothic bold';margin-bottom:8px;}
.join_wrap .input100{display: inline-block;box-sizing: border-box;border:1px solid #dadada;background:#fff;width:100%; height: 45px;padding: 8px;color:#858585;font-size:14px;font-family:'Nanum Gothic';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.join_wrap input:focus {outline: none;background:#fff;border-color:#12a8d9}
.join_wrap .col001{display: inline-block;width:330px; margin-right: 10px; text-align:left;}
.join_wrap .col002{display: inline-block;width:170px; text-align:left;}
.join_wrap .col003{display: inline-block;width:120px; margin-right: 10px; text-align:left;}
.join_wrap .col004{display: inline-block;width:380px; text-align:left; }
.join_wrap .col005{display: inline-block;width:100%; height:45px;}

.join_wrap .inputbox{display: inline-block;width:100%; border:1px solid #d4d4d5;BACKGROUND-COLOR: #fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.join_wrap .input170{display: inline-block; box-sizing: border-box;border:1px solid #dadada;background:#fff;width:170px; height: 45px;padding: 8px;color:#858585;font-size:14px;font-family:'Nanum Gothic';box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;margin-bottom:0px;}
.join_wrap .input_ok{margin:0px; width: 290px; height:45px;vertical-align:middle; color:#858585;font-size:14px;font-family:'Nanum Gothic';padding: 8px;border:0px solid #d4d4d5;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.join_wrap .input_ok01{margin:0px; width: 420px; height:45px;vertical-align:middle; color:#858585;font-size:14px;font-family:'Nanum Gothic';padding: 8px;border:0px solid #d4d4d5;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.join_wrap .i_btn{margin-right:2px;border:0;margin-top:0px;}
.join_wrap .i_btn img{margin:0px;padding-top:3px;}

.join_wrap select {border-radius: 2px; background: url(/img/select_arrow02.png) right center no-repeat #fff; /* 네이티브 화살표 대체 */ /* border-radius: 0px; /* iOS 둥근모서리 제거 */ border:1px solid #cccccc;line-height:45px;height:45px;padding: 8px;width:100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-box-sizing:content-box;color:#858585;font-size:14px;font-family:'Nanum Gothic';}
/* IE 10, 11의 네이티브 화살표 숨기기 */
.join_wrap select::-ms-expand {display: none;}
.join_wrap .col006{display: inline-block;width:90%; text-align:left;color: #424242;font-size:15px;line-height:15px;font-family:'Nanum Gothic bold';}
.join_wrap .col007{display: inline-block;width:10%; text-align:right;color:#858585;font-size:13px;font-family:'Nanum Gothic bold';}
.join_wrap input[type=checkbox], .join_wrap input[type=radio] {width:12px; height:12px;vertical-align:middle;border:0; margin:0; padding:0; cursor:pointer}

.join_wrap01{width:100%;text-align:left; padding:0px 20px 30px; font-size:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.join_wrap01 h2{ font-family:'Nanum Gothic bold';line-height: 20px;font-size:20px;color: #12a8d9; margin-bottom:10px;}
.join_wrap01 p{font-family:'Nanum Gothic bold';line-height: 18px;font-size:14px;color: #a5a5a5;letter-spacing:-0.5px;}
.join_wrap01 .jbtn{display: inline-block;width:100%;margin-top:10px;text-align:center;}



/* New Main Coding 2018*/
.inner_mbox{width: 1260px; margin: 0 auto; font-family: "NanumSquare"; letter-spacing: -1px;z-index: 888;}
.main_sliden{width: 100%; height: 537px; font-size:20px; color: #fff; overflow: hidden; font-family: "NanumSquare"; position: relative;}
.main_sliden img{width: 100%; position: relative; height: 100%;}
.main_sliden > .inner_mbox > div{position: absolute; top: 70px;}
.main_sliden > .inner_mbox > div > div{background: #fff; width: 50px; height: 1px; margin-bottom: 20px;}
.main_sliden p{font-size: 32px; margin-bottom: 12px;}
/* 세메뉴 박스 */
.threebox_mn .threebox_in{position: absolute; background: #fff; box-sizing: border-box;  font-family: "NanumSquare"; margin-top: 0px;z-index: 0;}
.threebox_mn .threebox_in .f_l{width: 756px; float: left;}
.threebox_mn .threebox_in ul{overflow: hidden; }
.threebox_mn .threebox_in ul li{float: left;}
.threebox_mn .threebox_in ul li.noticebox{background: #fff; width: 504px; box-sizing: border-box; padding: 35px 10px 0 35px; }
.threebox_mn .threebox_in ul li.noticebox ul li{background: url(../img/m_two_titledg.jpg) no-repeat left; padding-left: 10px; float: none; font-size: 16px; line-height: 31px; font-family: "NanumSquare"; margin-left: 32px; }
.threebox_mn .threebox_in ul li.noticebox img{float: left;}
.threebox_mn .threebox_in ul li.noticebox ul li a{color: #747474;}
.threebox_mn .threebox_in ul li.noticebox ul li a:hover{color: #0096ff;}

.threebox_mn .kindpt{ position: absolute; right: 0; top: 290px; }
.threebox_mn .threebox_in .tag_eventbox {
    float: right;
    background: #e4e0df;
    box-sizing: border-box;
    width: 504px;
    height: 440px;
    padding: 20px 30px 0 30px;
    font-family: "NanumSquare";
}
.threebox_mn .threebox_in .tag_eventbox ul li {
    background: url(../img/main_evnt_bg.png) no-repeat 0 7px;
    padding-left: 10px;
    font-size: 16.5px;
    width: 100%;
    color: #6a6868;
    transform: skew(-0.03deg);
    margin-bottom: 8px;
}
.threebox_mn .threebox_in .tag_eventbox ul{margin-top: 25px;}
.threebox_mn .threebox_in .tag_eventbox ul li a{color: #6a6868;}
.threebox_mn .threebox_in .tag_eventbox ul li a:hover{color: #008fff;}
.threebox_mn .threebox_in .tag_eventbox ul li .date{float: left; border-right: 2px solid #c4c3c2; padding-right: 12px; margin-right: 12px; color: #363636; margin-bottom: 45px;min-width:94px;}
.threebox_mn .threebox_in .tag_eventbox ul li p{
    color: #aaaaaa; font-size: 14px; padding-top: 2px;
    overflow: hidden; 
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word; 
    line-height: 1.3em; 
    height: 3.9em;
}

.ns_ctnmainbox{overflow: hidden; margin-top: 110px;}
.news_notice_n{background: #f5f5f5; border:1px solid #dbdbdb; height: 280px; width: 801px; float: left; box-sizing: border-box; padding: 38px 25px 30px 25px;}
.news_notice_n h2{border-bottom:1px solid #dbdbdb; padding-bottom: 25px; font-size: 25px;}
.news_notice_n h2 a{float: right;}
.news_notice_n .thumb{float: left; margin: 30px 25px 0 0;}
.news_notice_n ul{float: left; padding-top: 38px; width: 517px;}
.news_notice_n ul li{padding-bottom: 14px; overflow: hidden;}
.news_notice_n ul li a{color: #363636; float: left; background: url(../img/news_dgn.jpg) no-repeat left; padding-left: 15px; font-size: 18px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width: 370px; overflow: hidden;}
.news_notice_n ul li span{color: #a5a5a5; text-align: right; float: right;  font-size: 18px;}

.cont_nmain{float: right;}

.gallery_nmain{margin-top: 43px; overflow: hidden;}
.gallery_nmain h2{font-size: 25px; text-transform: uppercase; padding-bottom: 23px;}
.gallery_nmain ul li{width: 310px; height: 310px; position: relative; float: left; margin-right: 6px;}
.gallery_nmain ul li:last-child{margin-right: 0;}
.gallery_nmain ul li a > div{background: #000; opacity: .8; text-align: center;; height: 57px; line-height: 57px; position: absolute; top:0; left: 0; right: 0; color: #fff; font-size: 18px;}

.quick_link_n{background: url(../img/quick_link_bgn.jpg) no-repeat; background-size: 100%; height: 351px; font-family: "NanumSquare"; margin-top: 98px;}
.quick_link_n .inner_mboxs{width: 1120px; margin: 0 auto;}
.quick_link_n h2{font-size: 34px; text-transform: uppercase; text-align: center; color: #fff; padding: 86px 0 47px;}
.quick_link_n ul li{float: left; color: #b6b6b6; margin-right: 26px; text-align: center; font-size: 15px;}
.quick_link_n ul li:last-child{margin-right: 0;}
.quick_link_n ul li p{color: #fff; font-size: 19px; padding: 13px 0 8px;}

.map{
  position: relative;
  overflow: hidden;
}

.map .root_daum_roughmap {
  width: 100%;
}

.map .wrap_map {
  height: 520px !important;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .map .wrap_map {
      height: 300px !important;
  }
}

.map .map_border {
  display: none !important;
}

.map .root_daum_roughmap .wrap_controllers {
  display: none;
}

.map_sns_nbox{background: #77123c; color: #fff; height: 365px; box-sizing: border-box; padding-top: 90px;}
.map_sns_nbox .location_n{float: left;}
.map_sns_nbox .location_n p.titlenn{font-size: 14px; letter-spacing: 3px;}
.map_sns_nbox .location_n h3{font-size: 46px; padding: 17px 0 35px;}
.map_sns_nbox .location_n div {font-weight: 700; font-size: 36px; padding-bottom: 20px;}
.map_sns_nbox .location_n div p {font-size: 13px; float: left; padding-top: 6px;}
.map_sns_nbox .location_n p.address {letter-spacing: 0;}
.map_sns_nbox .map_nbox{float: left; width: 466px; height: 186px; margin: 5px 0 0 55px;}
.map_sns_nbox .sns_nbox{float: right; width: 200px; letter-spacing: 0;}
.map_sns_nbox .sns_nbox div{padding-top: 20px;}
.map_sns_nbox .sns_nbox p{font-size: 15px; letter-spacing: 2px;}
.map_sns_nbox .sns_nbox img{margin: 0 3px 7px 0;}

.header_newh{text-align: center; height: 65px; box-sizing: border-box;  background: #0d273c;}
.header_newh .inboxmg{width: 1250px; margin: 0 auto; position: relative;}
.header_newh .logo_newtag {
  position: absolute;
  left: 17px;
  top: 19px;
  z-index: 99;
  text-align: left;
  width: 178px;
}
/*.header_newh .logo_newtag {position: absolute;left: 17px;top: 19px;z-index: 99;text-align: left;background: #0d273c;width: 178px;}*/
.header_newh .logotwo{position: absolute; top:17px; left:50%; margin-left:-201px; width:402px;}
/*
.topmenu_new{position: absolute; right: 0; top:22px;}
.topmenu_new .logotwo{position: absolute; top: -7px; left: -429px;}
.topmenu_new ul li{float: right;  line-height: 23px;}
.topmenu_new ul li a{color: #fff; text-transform: uppercase; font-size: 13px;}
.topmenu_new ul li a:hover{color: #008fff;}
.topmenu_new ul li span{padding: 0 10px; color: #4d6579;}
.topmenu_new ul li.sns{padding-left: 5px;}
*/

.tag_members{overflow: hidden; margin: 80px 0 60px;}
.tag_members h3{color: #171616; font-size: 56px; text-align: center; padding-bottom: 20px; letter-spacing: -2px; line-height: 100%;}
.tag_members p.summr{color: #909090; font-size: 15px; text-align: center; letter-spacing: 0;}
.tag_members ul{width: 1070px; overflow: hidden; margin: 75px auto 33px;}
.tag_members ul li{float: left; width: 320px;}
.tag_members ul li.centerbox{margin: 0 55px;}
.tag_members ul li div{font-size: 14px; box-sizing: border-box; width: 320px; border-right: 1px solid #e9ebfe; border-left: 1px solid #e9ebfe; border-bottom: 1px solid #e9ebfe; padding: 16px 10px 20px 15px;}
.tag_members ul li div span{color: #adadad; font-size: 14px; }
.tag_members ul li div p{color: #6b82a7; font-size: 20px; font-weight: 700; padding: 3px 0 17px 0;}
.tag_members .all_view{text-align: center; margin-top: 32px;}

.tag_storybox{background: #1e2f3d; padding-bottom: 70px;}
.tag_storybox .inbox_ctin{width: 1260px; margin: 0 auto;}
.tag_storybox .ti_menu{overflow: hidden; padding: 70px 0 43px 0;}
.tag_storybox .ti_menu div.left{float: left; font-size: 15px; color: #aaaeb1;}
.tag_storybox .ti_menu div.left p{font-size: 45px; font-weight: 400px; letter-spacing: -2px; color: #fff; padding-bottom: 11px;}
.tag_storybox .ti_menu ul li{float: right;}
.tag_storybox .ti_menu ul li a{color: #fff; font-size: 20px; padding-left: 20px;}
.tag_storybox .ti_menu ul li.on a{color: #ed2125;}
.tag_storybox .ti_menu ul li a:hover{color: #ed2125;}

.tag_storybox{overflow: hidden;}
.tag_storybox ul.listec li{float: left; width: 306px; height: 520px; box-sizing: border-box; background: #fff; margin-right: 12px; margin-bottom: 12px;}
.tag_storybox ul.listec li:last-child{margin-right: 0;}
.tag_storybox ul.listec li div{padding: 23px 13px 12px 20px; box-sizing: border-box; line-height: 150%; font-size: 14px;}
.tag_storybox ul.listec li div p{overflow: hidden;}
.tag_storybox ul.listec li div h4{font-size: 18px; font-weight: 700; padding: 14px 0 10px; line-height: 130%;}
.tag_storybox ul.listec li span.tag{color:#fb3f1c; font-size: 15px; float: left; font-weight: 700;}
.tag_storybox ul.listec li span.date{color:#949595; font-size: 13px; float: right;}


.footer_newbox{background:url(../img/footer_bg.jpg) no-repeat 50% 50% / cover; box-sizing: border-box; padding: 75px; box-sizing: border-box;}
.footer_newbox .inner_ftb{width: 1400px; margin: 0 auto; color: #fff;}
.footer_newbox .inner_ftb h6{font-size: 30px; line-height: 30px; font-weight: 600; color: #787675; }
.footer_newbox .inner_ftb p.sum01{ font-size: 1rem; line-height: 22px; color: #787675; margin-bottom: 45px;}
.footer_newbox .inner_ftb div.about{ font-size: 1rem; line-height: 22px; margin-bottom:80px;}
.footer_newbox .inner_ftb div.about span{padding: 0 10px; color: #f5f5f5; }
.footer_newbox .inner_ftb div.about a{color: #fff; font-weight: bold;}
.footer_newbox .inner_ftb div.copy {color: #fff; }
.footer_newbox .inner_ftb div.copy .f_menu{
  display: inline-block;
  width: 100%;
  display: flex;
  margin-bottom: 20px;
}
.footer_newbox .inner_ftb div.copy .f_menu ul{
  display: flex;
  gap:25px;
}
.footer_newbox .inner_ftb div.copy .f_menu ul li{
    display: inline-block;
    font-size: 13px;
    line-height: 1.2;
}

/******************************
index.html
********************************/
/*header*/
.header {width: 100%; position: relative;}
.headerB {width: 1400px; height: 130px; position: absolute; top: 0; left: 50%; transform: translateX(-50%);     border-bottom: 1px solid rgba(255,255,255,0.3); box-sizing: border-box; z-index: 100; transition: all 0.5s;}
.headerB.on {background:rgba(255,255,255,1);
  border-bottom:solid 1px #ddd;
}
.headerB.hidden {border-bottom: 1px solid transparent; }
.logo {display: block; float: left; height: 100%; margin:0 100px;}
.logo.hidden {display: none;}
.logo > a {display: block; height: 100%;}
.logo img { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); filter: drop-shadow(1px 1px 1px #000);}
.menu {display: block; float: left; margin-left: 90px; color: #fff;text-shadow: 1px 1px 1px #000;}

.menuBtn {
  display: block;
  position: absolute;
  top: 52.5%;
  transform: translateY(-50%);
  right: 0;
  z-index: 1001;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  cursor: pointer;
}

.m_menuBtn {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2.5%;
  z-index: 1001;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  cursor: pointer;
}
.menu-trigger {
    position: relative;
    width: 30px;
    height: 20px;
  }
  .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #1e4990;
    transition: all 0.5s;
}
  .menu-trigger span:nth-of-type(1) {top: 0;}
  .menu-trigger span:nth-of-type(2) {top: 8px;}
  .menu-trigger span:nth-of-type(3) {bottom: 0;}
  /* 중앙 라인이 고정된 자리에서 투명하게 사라지며 상하라인 회전하며 엑스자 만들기 */
  .menu-trigger.active-1 span:nth-of-type(1) {
    -webkit-transform: translateY(8px) rotate(-45deg);
    transform: translateY(8px) rotate(-45deg);
    -moz-transform: translateY(8px) rotate(-45deg);
    -ms-transform: translateY(8px) rotate(-45deg);
    -o-transform: translateY(8px) rotate(-45deg);
}
  .menu-trigger.active-1 span:nth-of-type(2) {
    opacity: 0;
  }
  .menu-trigger.active-1 span:nth-of-type(3) {
    -webkit-transform: translateY(-8px) rotate(45deg);
    transform: translateY(-8px) rotate(45deg);
    -moz-transform: translateY(-8px) rotate(45deg);
    -ms-transform: translateY(-8px) rotate(45deg);
    -o-transform: translateY(-8px) rotate(45deg);
  }


.menu > ul > li {float:left; position: relative; margin-right: 45px; }
.menu > ul > li:last-of-type {margin-right: 0;}
.menu > ul > li > a {display: inline-block; padding: 62px 0; box-sizing: border-box;
  font-size: 16px; font-weight: 600; color: #fff;}
.menu > ul > li > ul {position: absolute; left: 0; top: 160px; max-width: 210px; z-index: 1112; display: none;}
.menu > ul > li > ul > li {margin-bottom: 23px;}
.menu > ul > li > ul > li:last-of-type {margin-bottom: 0;}
.menu > ul > li > ul > li > a{font-size: 15px; line-height:20px; color: #fff;}
.menu_bg {width: 100%; height: 350px; background: rgba(0,0,0,0.8); position: absolute; left: 0; top: 130px; display: none; z-index:99}
.totalMenu_btn {float: right; line-height: 130px; cursor: pointer; }
.totalMenu_btn img  {vertical-align: middle; }


.m_menu_bg {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.4); z-index: 99;}
.m_menu {display: none; position: fixed; top: 0; right: -100%; width: 50%; height: 100vh; background-color: #fff; transition: all 0.4s; max-height: 100vh; overflow-y: auto;}
.m_menu.on {right: 0;}

.m_menu_logo {display: inline-block; padding: 10px; box-sizing: border-box;}
.m_menu_logo img{ filter: drop-shadow(1px 1px 1px #000);}

.m_menu > ul {width: 100%;}
.m_menu > ul {border-top: 1px solid #dfdfdf;}
.m_menu > ul > li > a {position: relative; display: block; padding-left: 20px; font-size: 22px; font-weight: 500; color: #393939; border-bottom: 1px solid #dfdfdf; line-height: 60px; transition: all 0.3s;}
.m_menu > ul > li > a::after {content: url('../img/arr_down.png'); position: absolute; top: 50%; transform: translateY(-50%); right: 20px; }
.m_menu > ul > li> a.active::after {content: url('../img/arr_up.png');}
.m_menu > ul > li > ul {background: #ebeef1; border-bottom: 1px solid #dfdfdf; display: none;}
.m_menu > ul > li > ul > li > a {font-size: 20px;
    font-weight: 300;
    color: #3e3e3e;
    line-height: 55px;
    padding-left: 25px;
    display: block;}

/*header end*/

.m_sec {min-height: 100vh; height: 100vh;}

/*section1-main*/
.main {
  position: relative;
  width: 100%;  /* background: url('../img/main_bg.jpg') no-repeat 50% 50% / cover; */}
/* .main::before{
  content: "";
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
  background: rgba(0,0,0,0.15);
  z-index: 1;
} */
video {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}

.main_titB { font-family: 'Noto Sans KR', sans-serif; padding-top: 35%; width: 60%; box-sizing: border-box;}
.main_titB .main_titB_tit { font-weight: 600; font-size: 80px; line-height: 80px; margin-bottom: 10px; color: #204684;}
.main_titB .main_titB_tit > span {color: #fee01e;text-shadow: 1px 1px 1px #000;}
.main_titB_desc {color: #fff; font-size: 20px; line-height: 24px; margin-bottom: 30px;}

.main_titB_notice {  background:rgba(11,30,61,0.85); max-height: 89px; }
.notice > a {color: #fff; display: inline-block; padding: 30px 35px;box-sizing: border-box; }
.notice_list {overflow: hidden;}
.notice_list > li {float: left; font-size: 17px;}
.list_type {margin-right: 40px; }
.list_tit {max-width: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/*section1-main end*/


/*section2-info*/
.info {background: url('../img/main_sec2bg.jpg') no-repeat 50% 50% / cover; padding: 150px 0; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif;  }
.info_top {}
.mB_top_left {float: left;}
.top_left_desc {font-size: 24px; color:#0000cc;}
.top_left_tit {font-size: 48px; line-height: 70px; font-weight: 300; color:#fee01e;}
.top_left_tit > strong {display: block; font-size: 60px; font-weight: 600;}

.mB_top_right {float: right; margin: 0 auto; }
.top_right_tit {font-size: 30px; color: #4283be; margin-bottom: 20px;}

.news > li {margin: 0 auto; display: flex; flex-flow: row wrap; max-width: 625px;}
.m_news_link {display: block;}

.news_date {display: inline-block; font-size: 18px; text-align: center; min-width: 100px;}
.news_date > span {display: block; font-size: 60px; line-height: 60px; font-weight: 600;}
.news_titB {display: inline-block; margin-left: 25px; padding: 30px 0; box-sizing: border-box; line-height: 30px; max-width: 490px;}
.news_tit {font-size: 18px; font-weight: 600;}
.news_desc {font-size: 18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.info_bottom {margin-top:80px;}
.bb_iconB {display: flex; flex-flow: row wrap; justify-content: space-between; }
.bb_iconB > li { padding: 35px; box-sizing: border-box; color: #fff; min-width: 335px; margin: 0 15px 15px 0;}
.bb_iconB > li > a {display: block;}
.bb_iconB > li:nth-of-type(1) {background-color: #0000cc;}
.bb_iconB > li:nth-of-type(2) {background-color: #fee01e;}
.bb_iconB > li:nth-of-type(3) {background-color: #82d7dc;}
.bb_iconB > li:nth-of-type(4) {background-color: #2a2a2a;}

.bb_iconB > li:last-of-type {margin-right: 0px; }
.iconB_titB {margin-bottom: 100px;}
.iconB_tit {float: left; font-size: 20px; line-height: 25px;}
.iconB_tit > strong { font-size: 30px; line-height: 30px; font-weight: 600; display: block;}
.iconB_icon {display: block; float: right; margin-left: 25px;}
/*section2-info end*/

/*section3-banner*/
.banner {position: relative; font-family: 'Noto Sans KR', sans-serif;}
.banner::before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 66%; background-color: #f5f5f5; z-index: -2; }
.banner_tit {height:355px; padding-top: 125px; box-sizing: border-box; font-size: 115px; line-height: 115px; font-weight: 900; line-height: 115px; color: #272727; margin-bottom: 115px;}

.banner_rightimg {position: absolute; top: 125px; right:0; z-index: -1;}

.banner_slide { margin-left: 0; background-color: #365168; color: #fff; width: 55%; min-height: 320px; max-height: 320px;}
.banner_slide_list {padding: 50px 55px; box-sizing: border-box;}
.slide_tit {font-size: 20px; line-height: 25px;}
.slide_tit > strong { font-size: 30px; line-height: 30px; font-weight: 600; display: block;}
.slide_desc {font-size: 18px; line-height: 26px; margin: 25px 0 0;}
.banner_slide_next::after {content: url('../img/go_icon_left.png');}
.banner_slide_prev::after {content: url('../img/go_icon_right.png');}
.banner_slide_prev, .banner_slide_next {top: calc(100% - 50px);}
.banner_slide_prev {left: 55px;}
.banner_slide_next {right: auto; left: 110px;}
/*section3-banner end*/

/*section4-preperation*/
.preperation {font-family: 'Noto Sans KR', sans-serif; padding-bottom:80px; min-height:initial; height:auto;}
.preper_titB {padding-top: 80px; text-align: center;}
.pre_titB_tit {font-size: 48px; line-height: 70px; font-weight: 300; color:0000cc;}
.pre_titB_tit > strong {display: block; font-size: 60px; font-weight: 600;}
.pre_titB_desc {margin-bottom: 60px; font-size: 24px; font-weight: 600; color: #82d7dc;}
.preper_list {display: flex; flex-flow: row wrap; justify-content: space-between; width: 100%; min-width: 335px; margin: 0 auto; }
.pre_list_part {flex: 1; position: relative; margin-right: 30px;}
.pre_list_part:last-of-type {margin-right: 0;}

.list_part_img { display: block; width: 100%;}
.list_part_descB { width: 90%; margin: 0 auto; position: relative; top: -100px; border: 1px solid #e7e7e7; padding: 40px 15px 60px; box-sizing: border-box; text-align: center; background-color: #fff; }
.part_descB_tit {font-size: 30px; font-weight: 600; }
.part_descB_tit::after {content: ''; display: block; margin: 25px auto; width: 50px; height: 1px; background-color: #204684; }
.part_descB_desc {font-size: 1rem; min-height: 150px;}

/*section4-preperation end*/

/*section5-tri_address*/
.tri_address {height: 80vh; font-family: 'Noto Sans KR', sans-serif; position: relative; }
.tri_address::before {content: ""; position: absolute; bottom: 0; right: 0; z-index: -1; width: 60%; height: 85%; background-color: #f5f5f5; }
.add_map { position: absolute; bottom: 0; left: 0; background: url('../img/main_sec5_add01.jpg') no-repeat 50% 50% / cover; text-align: center; width: 55%; min-height: 550px; display: inline-block; }
.add_map_tit {font-size: 30px; font-weight: 900; color: #1f53a6; padding-top: 80px; box-sizing: border-box;}
.add_map_tit > span {color: #35c0bd;}
.add_map_desc { font-size: 20px; font-weight: 600;}
.add_descB {position: absolute; bottom: 0; right: 0; width: 45%; display: inline-block; padding: 60px; box-sizing: border-box; }
.add_descB_tit { font-size: 90px; line-height: 90px; font-weight: 600; margin-bottom: 50px;}
.add_descB_desc {font-size: 17px;}
.add_descB_desc > span {display: block; font-size: 20px; font-weight: 600;}
/*section5-tri_address end*/

.hedaerB__util_menu {
  position: absolute;
  right: -5px;
  top: 16px;
  z-index:0;
}
.util_menu {
  display: flex;
}
.util__item {
  margin-right: 20px;
}
.util__item:last-of-type{
  margin-right:0;
}
.util_link {
  display: inline-block;
  color: #fff;
  font-size: 13px;
  text-shadow: 1px 1px 1px #000;
}
.util_link:hover{
  color: #204684;
  font-weight: bold;
}
@media (max-width: 520px){
  .util_link {
    color: #204684;
    text-shadow:unset;
    font-weight: 500;
  }
  .headerB.on .util_link{
      font-weight: bold;
      color: #204684;
  }
}

/*responsive*/
@media all and (max-width: 1500px) {
  #container {width: 95%; max-width: 95%;}
  .m_sec {height: auto;min-height: auto;}
  .tri_address {
    height: 27vh;
}
  .headerB {width: 100%; padding: 0 2.5%; position: fixed; }
  .menu_bg {width: 100%; left: 0;}
  .menuBtn {right: 2.5%;}
  .footer_newbox .inner_ftb {width: 100%;}
  
  .bb_iconB > li {width: 50%; margin: 0 auto;}
  .bb_iconB > li:last-of-type {margin-right: auto;}
}

 @media all and (max-width: 1366px) {
  .menu {display: none;}
  .menuBtn {display: none;}
  .m_menuBtn {display: block;}
  .m_menu {display: block;}
  .headerB {height: 80px; }
  .logo {line-height: 80px;}

  .mB_top_left { float: none;}  
  .mB_top_right { float: none;}
  
  .preper_list {flex-flow: column wrap; width: 50%;}
  
  .pre_list_part {margin-right: 0px;}
}

@media all and (max-width: 1200px) {
  .main_titB {width: 80%;}
}

@media all and (max-width: 800px) {
  .m_menu {width: 100%;}
  .banner_tit {color: #ffea38;}
  .banner_slide {width: 70%;}
  .tri_address { height: auto; }
  .add_map { position: relative; width: 100%;}
  .add_descB { position: relative; width: 100%;}
  .bb_iconB > li {min-width: 340px;}
  .mB_top_right {max-width: 95%; margin: 30px 0;}
  .main_titB {width: 100%;}
  .main_titB_notice {max-height: 59px;}
  .notice > a {padding: 15px;}
}



@media all and (max-width: 520px) {

  .main_titB .main_titB_tit {font-size: 30px; line-height: 1.2;}
  .main_titB_desc {font-size: 1rem;}
  .top_left_tit {line-height: 45px; font-size: 32px;}
  .top_left_tit > strong {font-size: 45px;}
  .preper_titB {padding-top: 50px;}
  .pre_titB_tit {font-size: 18px; line-height:1.5;}
  .pre_titB_tit > strong {font-size: 40px;}
  .banner_tit {font-size: 90px; line-height: 90px; padding-top: 25px;}
  .banner_slide { width: 100%;}
  .banner_rightimg {width: 100%;}
  .banner_slide_list {padding: 25px;}
  .pre_titB_desc {font-size: 18px; margin-bottom: 30px;}
  .add_descB_tit {font-size: 48px; line-height: 1.2;}
  .list_part_descB {width: 100%;}
  .list_type {margin-right: 15px;}
  .news_titB {max-width: 320px; margin-left: 10px;}
  
  .add_descB {padding: 30px;}
  .list_tit {max-width: 60%;}

  .info {padding-top: 80px;}
  .m_sec.main{
    position: relative;
    overflow: hidden;
    height: 100%;
  }
  .m_sec.main video{  
    height: 100%;
  }

  .m_sec.info{
    background: url(../img/main_sec2bg.jpg) no-repeat 100% 100% / cover;
    padding:40px 0;
  }
  .mB_top_left{
    display: none;
  }
  .menu {display: none;}
  .menuBtn {display: none;}
  .m_menuBtn {display: block;}
  .m_menu {display: block;}
  .headerB {height: 80px; }
  .hedaerB__util_menu{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width:65%;
  }
  .util_menu{
    justify-content: center;
    align-items: center;
    gap:10px;
  }
  .util__item{
    margin-right:0px;
  }
  .headerB.on .hedaerB__util_menu .util_link{
    color:#1e4990;
  }
  .news_date{
    min-width: 80px;
  }
  .news_date > span{
   font-size:48px; 
  }
  .m_news_link{
    display: flex;
  }
  .info_bottom{
    margin-top:30px ;
  }
  .news_tit, .news_desc{
    font-size:14px;
    max-width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .bb_iconB{
    gap:10px;
  }
  .iconB_titB{
    margin:0;
  }
  .bb_iconB > li{
    width: auto;
    min-width: auto;
    flex: 1;
    padding:20px;
  }
  .iconB_tit > strong{
    font-size:16px;
  }
  .logo {line-height: 80px; margin:0;}
  .logo img{width:60px;}
  .mB_top_left { float: none;}  
  .mB_top_right { float: none;}
  .mB_top_right{
    overflow: hidden;
  }
  .m_menu.on .logo img{
    border:solid 1px red;
  }
  .main_titB{
    position: absolute;
    bottom:0;
    
  }

  .preper_list {flex-flow: column wrap; width: 50%; gap:10px;}
  
  .pre_list_part {margin-right: 0px;}
  .tri_address::before{
    width:100%;
  }
  .add_map{
    min-height: 350px;
  }
  .add_map_tit > span{
    font-size:18px;
  }
  .add_map_desc{
    font-size: 16px;
  }
  .add_descB_desc{
    font-size:14px;
  }
  .add_descB_desc > span{
    font-size:14px;
  }
  .footer_newbox {padding: 30px;
  }

  .footer_newbox .inner_ftb h6{
    font-size:16px;
  }
  .footer_newbox .inner_ftb div.about{
    font-size:12px;
    margin-bottom: 20px;
  }
  .footer_newbox .inner_ftb div.copy .f_menu{
    gap:10px;
    flex-direction: column;
  }
  .footer_newbox .inner_ftb div.copy .f_menu ul{
    flex-direction: column;
    gap:10px;
  }
  .footer_newbox .inner_ftb div.copy .f_menu ul li{
    width:100%;
  }
}