@charset "euc-kr";

/* @base */
html {overflow-y: scroll;}
body { margin:0px; padding:0px; }
a, img { outline:none; temp:expression(this.hideFocus=true);}

image {border:0;}
.init,
.init * { margin:0px; padding:0px; font-family: dotum, gulim, Verdana; color: #665d5d; font-size: 12px; line-height:1.5em;}
.init a:link { text-decoration:none;}
.init a:visited { text-decoration:none;}
.init a:hover { text-decoration:underline;}
.init a:active { text-decoration:none;}
.init img { border:0px;}
.init li { list-style: none;}
.init caption { display:none; width:0px; height:0px; margin:0px; padding:0px; text-indent:-5000em; visibility:hidden; overflow:hidden; }

/* @float fix */
* html .clearfix { height: 1%; overflow: visible;} /* float clearing for IE6 */
*+html .clearfix{ min-height: 1%;} /* float clearing for IE7 */
.clearfix:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;} /* float clearing for everyone else */
.page { text-align:center; margin-top:-2px; margin-left:10px; margin-right:10px;}
.page * { vertical-align:middle;}
.page .num { width:15px; height:15px; display:inline-block; line-height:15px;  color:#555555; position:relative; top:0px;}
.page .num.on {font-weight:bold;}

/* @font */
.font01{font-weight:bold; margin-left:15px; width:150px; line-height:130%;}
.font02{font-size:11px; margin-right:15px; color:#808080; letter-spacing:-0.5px; font-weight:0;}
.font03{font-size:11px; margin-right:15px; color:#808080;  letter-spacing:-1px;}



/* @margin */

.mgt_39{margin-top:-39px;}
.mgr3{margin-left:3px;} .mgr10{margin-left:10px;} .mgl30{margin-left:30px;}.mgl115{margin-left:115px;}
.mgr6{margin-right:6px;}.mgr115{margin-right:115px;}
.mgt15{margin-top:15px;} .mgt30{margin-top:30px;}.mgt50{margin-top:50px;}
.mgb8{margin-bottom:8px;} .mgb15{margin-bottom:15px;}.mgb30{margin-bottom:30px;} .mgb50{margin-bottom:50px;}
.wd50{width:50px;}.wd60{width:60px;}.wd65{width:65px;}.wd70{width:70px;} .wd80{width:80px;} .wd100{width:100px;} .wd120{width:120px;} .wd150{width:150px;} .wd200{width:200px;}.wd260{width:260px;}.wd300{width:300px;}.wd320{width:320px;}.wd340{width:340px;} .wd400{width:400px;}
.wd440{width:440px;}.wd500{width:500px;}.wd620{width:620px;} .wd590{width:590px;}

/* @align */
.al_c{text-align:center;} .al_l{text-align:left;} .al_r{text-align:right;}


/* @form */
.bd {border:0px;}
.text { border:solid 1px #eeeeee; height:22px; line-height:22px;}
.file { height:20px; border:solid 1px #eeeeee;}
select { border:solid 1px #d9d9d9;  font-family: dotum, gulim, Verdana; font-size: 12px; color:#1b1b1b; line-height:22px;}
input {border:1px solid #d9d9d9;font-family: dotum, gulim, Verdana; font-size: 11px; color:#1b1b1b;line-height:20px; height:16px;}
text-area {border:1px solid #d9d9d9;font-family: dotum, gulim, Verdana; font-size: 11px; color:#1b1b1b;}

#smenu_wrap { border:0px; position:relative; z-index:50;}
#smenu { width:100%;  overflow:hidden; position:relative; background-image:url(/img/sbg.jpg);}
#smenu #area{ width:1000px; height:20px; margin:0px auto; overflow:hidden; position:relative; left:50%; margin-left:-500px; text-align:right;   z-index:40;}
#smenu #area #sbtn{margin-right:20px;}


/* @page */
#main_wrap { border:0px; position:relative;}
#header { width:100%; height:95px; margin:0px auto; overflow:hidden; position:relative; z-index:30;}
#m_flash { width:100%; height:645px; margin:0px auto; overflow:hidden; position:relative; margin-top:-35px; z-index:20;}
#main_contents { width:100%;  margin:0px auto; overflow:hidden; position:relative; z-index:41;margin-top:-130px; width: 320px; left: -327px;}
#main_contents #area {width:260px;  overflow:hidden; height:110px; position:relative; left:0%; margin-left:-0; float:left;  z-index:20; padding-bottom:20px;}
#main_contents #area .tab_board{width:260px; height:80px; margin-left:15px; margin-top:19px;  z-index:80;}
#main_contents #area .td_h16{height:16px;  background-image:url(/img/point.png);}
#main_contents #area #brd_txt { margin-top:8px;}
#main_contents #area
.m_board_txt {font-family: dotum, gulim, Verdana; color: #2c395e; font-size: 11px; line-height:120%; margin-left:10px; }
#main_contents2 { width:100%;  margin:0px auto; overflow:hidden; position:relative; z-index:40;margin-top:-130px; background: rgba(255,255,255,0.5); border-top: 1px solid #fff;}
#main_contents2 #main_cimg{width:1000px;  overflow:hidden; height:110px; position:relative; left:50%; margin-left:-220px; float:left;  z-index:20; padding-bottom:20px;}

#sub_wrap { border:0px; position:relative;  background-image:url(/img/sub_f_bg.gif); background-repeat:repeat-x;}
#sub_contents { width:100%;  margin:0px auto; overflow:hidden; position:relative;  margin-top:0px; }
#sub_contents #area {width:998px;  background-color:white; overflow:hidden; position:relative; left:50%; margin-left:-499px;  float:left; border:1px solid #e5e5e5;z-index:10; }
#s_flash { width:100%; height:208px; margin:0px auto; overflow:hidden; position:relative; margin-top:-55px; z-index:20; background-color:transparent;}

#sub_contents #area #left_navi{width:127px;background-color:white; overflow:hidden; position:relative; z-index:12; margin-top:14px; margin-left:26px; height:350px;}
#left_navi .tit{margin-bottom:8px;}
#left_navi ul{list-style:none;}
#left_navi ul li{list-style:none;}
#right_con{width:796px;background-color:white; overflow:hidden; position:relative; z-index:12;  float:right; margin-top:-350px; margin-right:26px;  border-left:1px solid #e5e5e5; margin-bottom:20px; }
.sub_rtit {margin-left:26px; margin-top:-2px; height:43px;  width:770px; }/*border-bottom:1px solid #3f476c;*/
.sub_rtit2 {font-family: dotum, gulim, Verdana; color: #blue; font-size: 11px; font-weight:100; margin-left:13px; }
.tit_img {margin-top:6px;}
#right_content { float:left; margin-left:26px; margin-top:20px;}














#board_search_none { font-family: dotum, gulim, Verdana; font-size: 12px; color:#1b1b1b; width:770px;;margin-bottom:26px;}
#board_search_none #list {float:left; width:770px;}
#board_search_none #search {width:770px; margin-top:-24px; text-align:right;}





#footer_wrap {  width:100%; border:0px; position:relative; border-top:1px solid #b2b2b2;z-index:50;}
#footer { width:100%; margin:1px auto; overflow:hidden; position:relative;}
#footer #area{ width:1000px; height:75px; margin:0px auto; overflow:hidden; position:relative; left:50%; margin-left:-500px; text-align:center; float:left;  z-index:40;}

#s_footer_wrap {   width:100%; border:0px; position:absolute; border-top:1px solid #b2b2b2;z-index:50; margin-top:32px;}
#s_footer { width:100%; margin:1px auto; overflow:hidden; position:relative; text-align:center;}
#s_footer #area{ width:1000px; height:75px; margin:0px auto; overflow:hidden; position:relative; left:50%; margin-left:-500px; text-align:center;   z-index:40;}


#board_search { font-family: dotum, gulim, Verdana; font-size: 12px; color:#1b1b1b; width:770px;;}
#board_search #list {float:left; width:770px;}
#board_search #search {width:770px; margin-top:-24px; text-align:right;}

#board_tab{padding-top:15px; padding-bottom:12px;}
#board_tab image {border:0;}



#board{font-family: dotum, gulim, Verdana; font-size: 12px; color:#1b1b1b; width:770px; border-top:2px solid #41669b;}
#board_none{width:770px;}

#board_none .board_cat{height:31px; border-bottom:1px solid #d0d0d0; background-color:#f0f0f0; font-weight:bold; color:#41669b; }

#board_none .content {margin-left:10px; text-align:left;}
#board_none td{height:36px;border-bottom:1px solid #d0d0d0;}
#board_none * { margin:0px; padding:0px; font-family: dotum, gulim, Verdana; color: #665d5d; font-size: 12px; line-height:1.5em;}
#board_none a:link { text-decoration:none;}
#board_none a:visited { text-decoration:none;}
#board_none a:hover { text-decoration:underline;}
#board_none a:active { text-decoration:none;}
#board_none li { list-style: none;}
#board_none caption { display:none; width:0px; height:0px; margin:0px; padding:0px; text-indent:-5000em; visibility:hidden; overflow:hidden;}

#board2{font-family: dotum, gulim, Verdana; font-size: 12px; color:#1b1b1b; width:410px; border-top:2px solid #41669b;}
#board_none2{width:410px;}
#board_none2 .content {margin-left:10px; text-align:left;}
#board_none2 td{height:36px;border-bottom:1px solid #d0d0d0;}
#board_none2 * { margin:0px; padding:0px; font-family: dotum, gulim, Verdana; color: #665d5d; font-size: 12px; line-height:1.5em;}
#board_none2 a:link { text-decoration:none;}
#board_none2 a:visited { text-decoration:none;}
#board_none2 a:hover { text-decoration:underline;}
#board_none2 a:active { text-decoration:none;}
#board_none2 li { list-style: none;}
#board_none2 caption { display:none; width:0px; height:0px; margin:0px; padding:0px; text-indent:-5000em; visibility:hidden; overflow:hidden;}




.board_glist * { margin:0px; padding:0px; font-family: dotum, gulim, Verdana; color: #665d5d; font-size: 12px; line-height:1.5em;}
.board_glist a:link { text-decoration:none;}
.board_glist a:visited { text-decoration:none;}
.board_glist a:hover { text-decoration:underline;}
.board_glist a:active { text-decoration:none;}
.board_glist li { list-style: none;}
.board_glist caption { display:none; width:0px; height:0px; margin:0px; padding:0px; text-indent:-5000em; visibility:hidden; overflow:hidden;}
.board_glist{font-family: dotum, gulim, Verdana; font-size: 12px; color:#1b1b1b; width:770px; margin-top:24px; border-bottom:1px solid #ebebeb;}
.board_glist .gal {width:180px; height:160px; text-align:center;}
.board_glist .image {border:4px solid #ebebeb;}
.board_glist td {width:197px;}
.board_glist .last {width:180px;}
.board_glist .link_font {line-height:25px;}

.board_vpage *{ margin:0px; padding:0px; font-family: dotum, gulim, Verdana; color: #665d5d; font-size: 12px; line-height:1.5em;}
.board_vpage a:link { text-decoration:none;}
.board_vpage a:visited { text-decoration:none;}
.board_vpage a:hover { text-decoration:underline;}
.board_vpage a:active { text-decoration:none;}
.board_vpage li { list-style: none;}
.board_vpage caption { display:none; width:0px; height:0px; margin:0px; padding:0px; text-indent:-5000em; visibility:hidden; overflow:hidden;}
.board_vpage{font-family: dotum, gulim, Verdana; font-size: 12px; color:#1b1b1b; width:770px; border-bottom:1px solid #ebebeb;}
.board_vpage image {border:0px;}
.board_vpage .link_font {line-height:25px;}
.board_vpage .con {padding-left:20px;}
.board_vpage .tit {width:770px; height:27px; border-bottom:1px solid #ffffff; padding-top:1px; background-color:#f0f0f0;}
.board_vpage .vp {width:730px; margin-top:20px; margin-bottom:20px;}
.board_vpage .tit_font1 {padding-left:20px; font-weight:bold; line-height:27px;}

.board_vpage .tit2 {width:770px; height:27px; border-top:2px solid #adadad; border-bottom:1px solid #d9d9d9;  padding-top:1px; background-color:#ffffff; vertical-align:middle;}
.board_vpage .tit3 {padding-top:1px; margin-left:300px;  margin-top:-27px; float:right; margin-right:20px;}
.board_vpage .tit_font2 {padding-left:20px; line-height:27px;}
.board_vpage .tit_font11 {padding-left:20px; font-weight:bold;}
.board_vpage .tit_font21 {padding-left:20px;  }

.board_vpage .prev {width:770px; height:35px; border-top:1px solid #adadad; border-bottom:1px solid #adadad;}
.board_vpage .prev_2{padding-top:1px; margin-left:300px;  margin-top:-36px; float:right; margin-right:20px;}
.board_vpage .prev_font1 {padding-left:20px; font-weight:bold; line-height:35px;}
.board_vpage .prev_font2 {padding-left:20px;  line-height:35px;}
.board_vpage .next {width:770px; height:35px;  border-bottom:1px solid #adadad;}
.board_vpage .next_2{padding-top:1px; margin-left:300px;  margin-top:-36px; float:right; margin-right:20px;}
.board_vpage .next_font1 {padding-left:20px; font-weight:bold; line-height:35px;}
.board_vpage .next_font2 {padding-left:20px;  line-height:35px;}
.board_vpage .vp_file {width:730px; margin-top:20px; margin-bottom:10px; line-height:28px;;  text-align:right;}

#board_page {padding-top:18px; padding-bottom:18px;}
#board_page .btn {margin-left:2px; margin-right:2px;}

#online{font-family: dotum, gulim, Verdana; font-size: 12px; color:#1b1b1b; width:770px; border-top:2px solid #41669b;}
#online .board_cat{height:31px; border-bottom:1px solid #d0d0d0; background-color:#f0f0f0; color:#41669b;}
#online td{height:32px; vertical-align:middle;}
#online_con{font-family: dotum, gulim, Verdana; font-size: 12px; color:#1b1b1b; width:770px; margin-top:10px;}
#online_con .board_cat{height:31px; color:#41669b;}
#online_con td{height:32px; vertical-align:middle; line-height:100%;}
#online_con .texta { width:570px; height:100px; border:solid 1px #e3e3e3; margin-top:5px;}



#inquiry{font-family: dotum, gulim, Verdana; font-size: 12px; color:#1b1b1b; width:770px; border-top:2px solid #41669b;}
#inquiry .board_cat{height:31px; border-bottom:1px solid #d0d0d0; background-color:#f0f0f0; color:#41669b;}
#inquiry td{height:32px; vertical-align:middle;}
#inquiry_con{font-family: dotum, gulim, Verdana; font-size: 12px; color:#1b1b1b; width:770px; margin-top:10px; }
#inquiry_con .board_cat{height:31px; color:#41669b; }
#inquiry_con td{height:32px; vertical-align:middle; line-height:100%;  border-bottom:1px solid #d0d0d0;}
#inquiry_con .texta { width:570px; height:100px; border:solid 1px #e3e3e3; margin-top:5px; margin-bottom:5px;}


/* @job*/
#job{font-family: dotum, gulim, Verdana; font-size: 12px; color:#1b1b1b; width:410px; border-top:2px solid #41669b;}
#job .board_cat{height:31px; border-bottom:1px solid #d0d0d0; background-color:#f0f0f0; color:#41669b; width:150px; text-align:center; font-weight:bold;}
#job .board_cat2{height:31px; border-bottom:1px solid #d0d0d0;  width:260px; text-align:left;  }
#job td{height:32px; vertical-align:middle;}
#job_con{font-family: dotum, gulim, Verdana; font-size: 12px; color:#1b1b1b; width:410px; margin-top:30px; border-top:2px solid #41669b; border-bottom:2px solid #89a6cf;}
#job_con .board_cat{height:31px; color:#41669b;}
#job_con td{ vertical-align:middle; line-height:100%;}
#job_con .texta { width:570px; height:100px; border:solid 1px #e3e3e3; margin-top:5px;}


/* @member */


#login {width:641px; margin-left:60px; border-top:1px solid #d5d5d5;background:url(/eng/img/member/login_img01.gif) no-repeat 0 0;height:394px;}
#login .input {border:1px solid #dddddd;font-family: dotum, gulim, Verdana; font-size: 14px; color:#1b1b1b;line-height:20px; height:20px; width:165px; padding-left:10px;}
#login .al{text-align:left;} #login .ar{text-align:right;} #login .vm{vertical-align:middle;}


#join {width:770px;  font-family: dotum, gulim, Verdana; font-size: 12px; color:#1b1b1b; }
#join .texta { width:770px; height:200px; border:solid 1px #e3e3e3; font-family: dotum, gulim, Verdana; font-size: 11px; color:#7c7c7c; line-height:150%;}
#join .agree {text-align:right; margin-right:10px;  font-family: dotum, gulim, Verdana; font-size: 11px; color:#1b1b1b; line-height:36px;}


#join_info {width:770px;  border-bottom:1px solid #d0d0d0; font-family: dotum, gulim, Verdana; font-size: 12px; color:#1b1b1b;  border-top:2px solid #41669b; margin-top:28px; }
#join_info .board_cat{height:31px; border-bottom:1px solid #d0d0d0; background-color:#f0f0f0; font-weight:bold; color:#41669b;}
#join_info .board_cat2{height:31px; border-bottom:1px solid #d0d0d0; background-color:#f0f0f0; color:#41669b;}

#join_info2 {width:740px;  font-family: dotum, gulim, Verdana; font-size: 11px; color:#1b1b1b;   margin-top:13px; margin-bottom:13px; margin-left:15px; line-height:32px; }
#join_info2 .lh{line-height:18px;}

#join_comp {width:740px;}
#join_comp .line{border-bottom:1px solid #d0d0d0;border-top:1px solid #d0d0d0;}

#privacy{width:770px;  font-family: dotum, gulim, Verdana; font-size: 12px; color:#1b1b1b; }
#privacy .texta { width:770px; height:500px; border:solid 1px #e3e3e3; font-family: dotum, gulim, Verdana; font-size: 11px; color:#7c7c7c; line-height:150%;}
#privacy2{width:770px;  font-family: dotum, gulim, Verdana; font-size: 12px; color:#1b1b1b; }
#privacy2 .texta { width:770px; height:120px; border:solid 1px #e3e3e3; font-family: dotum, gulim, Verdana; font-size: 11px; color:#7c7c7c; line-height:150%;}

.sns_text1 {color:#777777; font-size:12px;}
.sns_text {padding-bottom:15px; line-height:140%; color:#545454; font-size:12px; padding-top:15px;}
.snsback {background-color:white;}
#frame_twitter {border-top:1px solid #21a6db; border-left:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; border-right:1px solid #aaaaaa;}
.sns_image {padding-bottom:15px; padding-top:15px; width:50px;}

#member{font-family: dotum, gulim, Verdana; font-size: 12px; color:#1b1b1b; width:770px; border-top:2px solid #41669b;}
#member .board_cat{height:31px; border-bottom:1px solid #d0d0d0; background-color:#f0f0f0; color:#41669b;}
#member td{height:32px; vertical-align:middle;}
#member_con{font-family: dotum, gulim, Verdana; font-size: 12px; color:#1b1b1b; width:770px; margin-top:10px; }
#member_con .board_cat{height:31px; color:#41669b; }
#member_con td{height:32px; vertical-align:middle; line-height:100%;  border-bottom:1px solid #d0d0d0;}
#member_con .ntd{height:32px; vertical-align:middle; line-height:100%;  border-bottom:0px solid #d0d0d0;}
#member_con .texta { width:570px; height:250px; border:solid 1px #e3e3e3; margin-top:5px; margin-bottom:5px;}

#box{font-family: dotum, gulim, Verdana; font-size: 12px; color:#1b1b1b; width:768px; border:1px solid #8d91aa; background-color:#c5c7d3; text-align:center; vertical-align:middle;}
#w_box{width:758px; margin:5px; background-color:white; color:#1b1b1b; text-align:left;}

#graph {width:770px;}
#graph .td1{height:35px; border-bottom:2px solid #3f476c; border-top:2px solid #3f476c; background-color:#c5c7d3; color:#3f476c; font-size:11px; font-weight:bold; font-family:dotum, gulim, Verdana; padding-left:18px; padding-right:18px;}
#graph .td2 {height:33px; border-bottom:1px solid #e7e7e7; text-align:center; font-size:11px; font-family:dotum, gulim, Verdana; }

/*»çÀÌÆ®¸Ê*/
#sitemap{position:relative;margin-right:0;margin-left:0;}
#sitemap ul li{list-style:none;padding:0;margin:0;}
#sitemap p{margin:0;padding:0;}
#sitemap li{float:left;clear:both;}
.sm01{float:left;width:202px;padding-bottom:30px;}



/* 211025 ?? */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
/* font-family: 'Roboto', sans-serif; */

.slick-slider{position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; padding: 0px; margin: 0px;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track{position:relative; top:0; left:0; display:block;}
.slick-track:before,.slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}


#header {background-color: #3f476e; position: relative;}
#header::before {content: ''; position: absolute; width: 100%; height: 26px; border-top: 1px solid #fff; left: 0px; bottom: 0px; background-color: #cccccc;}
#header .header_box {position: relative; width: 980px; margin: 0 auto; box-sizing: border-box; padding-left: 330px; padding-top: 32px;}
#header .header_box .logo {position: absolute; left: 0px; top: 11px; display: inline-block;}
#header ul {padding: 0; margin: 0;}
#header ul li {display: inline-block;}
#header ul li a {font-family: 'Roboto', sans-serif; text-decoration: none;}
#header .dep1 {position: relative; padding-right: 15px; margin-right: 13px;}
#header .dep1:last-child {padding-right: 0px; margin-right: 0px;}
#header .dep1::before {content: '/'; color: #fff; opacity: 0.5; position: absolute; right: -3px; top: 1px; font-size: 10px;}
#header .dep1::after {content: ''; width: calc(100% - 15px); height: 1px; background-color: #fff; transition: all 0.3s; position: absolute; left: 0px; opacity: 0; top: 0;}
#header .dep1:last-child::before {display: none;}
#header .dep1:last-child::after {width: 100%;}
#header .dep1:hover::after {top: -7px; opacity: 1;}
#header .dep1 > a {font-size: 14px; color: #fff; font-weight: 700; padding-bottom: 27px;}
#header .dep2_wrap {position: absolute; top: 40px; z-index: -1; transition: all 0.3s; opacity: 0;}
#header .dep1:hover .dep2_wrap {z-index: 1; opacity: 1;}
#header .dep1:nth-child(1) .dep2_wrap {width: 570px;}
#header .dep1:nth-child(2) .dep2_wrap {width: 580px; left:-55px;}
#header .dep1:nth-child(3) .dep2_wrap {width: 200px;}
#header .dep1:nth-child(4) .dep2_wrap {width: 555px; left: auto; right: 0px;}
#header .dep1:nth-child(5) .dep2_wrap {width: 370px; left: auto; right: 0px;}
#header .dep2_wrap li {margin-right: 15px;}
#header .dep2_wrap li:last-child {margin-right: 0px;}
#header .dep2_wrap li a {font-size: 13px; color: #555; letter-spacing: -0.025em; transition: all 0.3s; font-weight: 700;}
#header .dep2_wrap li a:hover {color: #222;}


.main_slide {height: 645px; position: relative;}
.main_slide .top_menu {width: 980px; position: absolute; top: 35px; right: 50%; transform:translate(50%, 0%); -webkit-transform:translate(50%, 0%); z-index: 2; padding-top: 36px; box-sizing: border-box;}
.main_slide .top_menu::before {content: ''; width: 1px; height: 645px; background-color: #fff; position: absolute; top: 0; left: 4px;}
.main_slide .top_menu li {position: relative; padding-left: 19px; margin-bottom: 2px;}
.main_slide .top_menu li:last-child {margin-bottom: 0px;}
.main_slide .top_menu li::before {content: ''; width: 9px; height: 9px; box-sizing: border-box; border: 2px solid #fff; border-radius: 9px; position: absolute; left: 0px; top: 4px;}
.main_slide .top_menu a {text-transform: uppercase; font-size: 12px; color: #203571; font-weight: 700; text-decoration: none;}
.main_slide .sns {width: 980px; position: absolute; bottom: 139px; right: 50%; transform:translate(50%, 0%); -webkit-transform:translate(50%, 0%); z-index: 2;}
.main_slide .sns ul {width: 233px; height: 30px; margin: 0 0 0 auto; background: url(/eng/img/new/sns.png) no-repeat center;}
.main_slide .sns ul li {display: inline-block;}
.main_slide .sns ul li a {display: block; width: 15px; height: 16px;  position: absolute; top: 8px;}
.main_slide .sns ul li:nth-child(1) a {right: 58px;}
.main_slide .sns ul li:nth-child(2) a {right: 38px}
.main_slide .sns ul li:nth-child(3) a {right: 19px;}
.main_slide .title {position: absolute; right: 50%; top: 74px; z-index: 1; width: 980px; margin: 0 auto; text-align: right; transform:translate(50%, 0%); -webkit-transform:translate(50%, 0%);}
.slide_box .img_box {height: 645px; background-size: cover!important;}
.slide_box .slick-arrow {position: absolute; width: 68px; height: 68px; background: red; bottom: 238px; z-index: 1; color: transparent; border: none; cursor: pointer;}
.slide_box .slick-prev {left: 195px; background: url(/kor/img/new/left_btn.png) no-repeat center;}
.slide_box .slick-next {right: 195px; background: url(/kor/img/new/right_btn.png) no-repeat center;}
.slide_box .slick-dots {width: 980px; position: absolute; top: 192px; right: 50%; transform:translate(50%, 0%); text-align: right;}
.slide_box .slick-dots li {display: inline-block; margin-right: 6px;  box-shadow: 1px 2px 4px 0px rgb(0 0 0 / 80%);}
.slide_box .slick-dots li button {padding: 0px; margin: 0px; border: none; background: none; width: 70px ;height: 4px; background-color: #000000; font-size: 0px;}
.slide_box .slick-dots li.slick-active button {background-color: #a30000;}


.main_banner {width: 340px; height: 90px; position: relative; box-sizing: border-box; display: inline-block; vertical-align: middle; top: -28px; padding-left: 120px;}
.main_banner .img_box {display: block; width: 222px; height: 86px;}
.main_banner .slick-dots {position: absolute; top: 0px; left: -120px;}
.main_banner .slick-dots li button {font-size: 0px; width: 89px; height: 15px; text-align: left;  border: none; background-color: transparent;}
.main_banner .slick-dots li.slick-active button {background: url(/eng/img/new/over_img.png) no-repeat center; cursor: pointer;}
.main_banner .slick-dots li button::before { font-size: 9px; display: block; color: #222222; line-height: 15px; padding-left: 12px; box-sizing: border-box; cursor: pointer;}
.main_banner .slick-dots li.slick-active button::before {color: #203571; font-weight: 700;}
.main_banner .slick-dots li:nth-child(1) button::before {content: 'Recruit Info';}
.main_banner .slick-dots li:nth-child(2) button::before {content: 'Photo Gallery';}
.main_banner .slick-dots li:nth-child(3) button::before {content: 'Brochure';}
.main_banner .slick-dots li:nth-child(4) button::before {content: 'Estimate';}


.visual_img {width:998px; margin:0 auto;}

.sub_menu li a {font-family: 'Roboto', sans-serif; font-size: 11px; color: #333; display: block; ; padding: 6px 0; border-bottom: 1px solid #d9d9d9; transition: all ease 0.3s; overflow: hidden; position: relative; box-sizing: border-box; text-decoration: none;}
.sub_menu li a:hover {padding-left: 15px; text-decoration: none;}
.sub_menu li a::before {content: ''; width: 6px; height: 9px; background: url(/kor/img/new/sub_arrow.jpg) no-repeat center; position: absolute; left: -6px; top: 10px; transition: all ease 0.3s;}
.sub_menu li a:hover::before {left: 5px;}