.center{text-align:center;}
.hide{display:none;}
.marginl30{margin-left:30px; border:1px solid #ddd;padding:5px 10px;}
#logo {margin-top:62px; margin-left:35px;}

#menu_outer,#topmenu, #topmenu .sub{height:60px; }
#topmenu {width:1000px;  display:flex; flex-dirextion:row; justify-content: space-around;  margin:0 auto;}
#menu_outer{border-top:1px solid #ddd; border-bottom:2px solid #ccc; box-shadow:0 3px 5px #ddd; }
#topmenu li { width: 19.5%;  line-height: 60px;   height:100%; }
#topmenu li:last-child{width: 22%;}

#topmenu li a { display: inline-block;  font-size: 13pt;  line-height: 53px;   height:57px; padding:0 5px;
    text-decoration: none;   cursor: pointer;   /*font-weight: bold;  */ 
}

#topmenu li a:hover, .topmenuActive{font-size:12.5pt; color:#2ea7e0; border-bottom:4px solid #2ea7e0;}

#noticeDiv {width:1020px;  display:flex; flex-dirextion:row; justify-content: space-around;  margin:0 auto;}
/* #noticeDiv{ margin-top:10px; padding-top:2px;} */
#noticeInner{width:538px; height:318px; border-radius:7px; border:1px solid #efefef; z-index:9999; box-shadow:2px 2px 7px #ddd;}

#mbo{background:url(/img/bgmask.gif);s text-align:center; width:460px; height:322px;}
#mbo img{height:336px;}

.tab1{ float:left;width:49.7%; margin-left:1px;text-align:center;line-height:43px; font-size:11pt; 
font-weight:bold;z-index:999; /*border-bottom:1px solid #ddd;*/ background:#FFF; color:#000; font-weight:400; font-size:16px; letter-spacing:0.9px;}
.tab1 a{display:block; height:100%; color:#606060;}

.tabhover, .tabhover a{background:#faa61a; color:#FFF;}
#ntab1{border-top-left-radius:7px; background:#FFF;}
#ntab2{border-top-right-radius:7px;}
#ntab1 a{border-top-left-radius:7px; }
#ntab2 a{border-top-right-radius:7px; }

.noticeCont{clear:both; display:block; margin-top:0px;padding-top:1px;}
#ncont1{display:none;}


#containerk {position: relative; min-height: 500px; height: auto !important;  margin: 20px 0;   height: 500px;    font-size: 1em;  zoom: 1;}

#sketch_outer{clear:both; display:block; box-shadow: 0px 0px 10px 0px rgba(221,221,221,0.9); margin:40px auto 71px;
   border:1px solid #efefef; border-top:none; background:#fff; border-radius:5px;  width:100%; }
#sketch{width:100%;background:#faa61a; font-size:18px; font-weight:400; height:43px;line-height:43px; padding-left:24px; border-top-left-radius:7px;border-top-right-radius:7px; border:1px solid #faa61a; color:#FFF;}
.plusRight{float:right; margin-right:30px; font-size:20pt; font-weight:normal;}
#sketch a {color:#FFF;}
#sketch a > i {padding-right:9px;}

.linkDiv, #news_req{ display:flex; justify-content:space-between; width:100%;}
.linkDiv div{width:33%; align-item:center;  text-align:center;/* border:1px solid #ddd;  padding:10px 0;*/ }
.linkDiv div img{border:1px solid #ddd; border-radius:3px;}

.new_lists {overflow:hidden; display: inherit;}
.new_lists li {float:left; width:335px; height:121px; margin-right:7.5px; border:2px solid #ddd; border-radius:3px; text-align: center; }
.new_lists li a {line-height:117px;}
.new_lists li:last-child {margin-right:0;}
.new_lists li img{display:inline-block;}


#xxnews_req {  margin-top:5px; padding: 10px 10px 15px; font-size: 11pt; background: #f9f9f9; border-radius: 50px; border:1px solid #efefef; } 
#xxnews_req .bbar {color:#606060; margin-left:6px; margin-right:10px;}
.new_letter {width:100%; padding-top:10px; margin-bottom:15px;}
.new_letter .tb_area { width:100%; height:34px; margin-bottom:15px; border-bottom: 1px solid #aaaaaa;}
.new_letter .tb_area:last-child {width:379px;}
#news_req div:last-child{width:24%;}
.newgal_link { float: right; color: #606060; margin-top:7px;}

.smbtn_area {position:relative; margin-top:15px;}
.submit_btn{width:60%; height:37px; line-height:33px; margin-top:25px; border-radius:20px; background:#f8b62d; color:#FFF;   font-weight:500; border:1px solid #FFF; font-size:16px;}
.submit_btn:hover{ background:#0080FF;}
.requiredk{color:#76d376; font-weight:bold;font-size:12pt;}

#wr_1{width: 60%; padding:5px; border-radius:5px;}
#wr_1 option {	  text-align: center;	  }
#req_view{text-align:right; margin-right:20px;margin-top:5px;}
#req_view a{display:inline-block; padding:7px 10px 5px; border:1px solid #ddd; border-radius:5px; }
#req_view a:hover{background:blue; color:#FFF;}

.nivoSlider img{max-height:570px;}

#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:none;color:#999;
text-align:center;font-size:25pt;z-index:90;background:rgba(255,255,255,0.5); }
#top_btn:hover {color:#000}

/**********/
#container_wr{display:table;}
#aside, #container{display:table-cell;}
#container{padding-left:20px; padding-top:27px; vertical-align:top; }

#aside {width:230px;padding-top:0px;height:100%;margin:0px;}
#aside_inner {width:210px; border:1px solid #ddd;border-top:none; border-bottom-left-radius:7px;border-bottom-right-radius:7px;
box-shadow:1px 1px 5px 1px #ddd; padding: 2px 1px 0px;}


.sub_tit{background:#666; color:#FFF; height:100px;line-height:150px; font-size:1.95em; font-weight:600; text-align:center; letter-spacing:3px;}
.sub_tit2, .sub_tit4{ font-size:12pt;border-bottom:1px dotted #ddd; background:#FFF;}
.sub_tit2 a, .sub_tit4 a{display:block;width:100%; padding:12px 0 12px 20px; font-weight:normal;}

.fright{float:right; margin-right:7px; width: 0; height: 0; border-right: 7px solid #888; border-top: 7px solid transparent; margin-top:10px;}
.white_tri{border-right: 7px solid #FFF;}



.sub_current{background:#2ea7e0; color:#FFF;}
.sub_current a{color:#FFF;}
.sub_tit2:hover, .sub_tit2 a:hover, .sub_tit4:hover{background:#dcf0f9; color:#4d4d4d;}
.sub_tit2:hover .fright, .sub_tit4:hover .fright{border-right: 7px solid #FFF;}

.sub_tit3{padding-left:15px;}
.sub_tit4{padding-left:10px;}

.sub_submenuOuter{overflow:hidden; padding:20px 0;/*2007_SH display:flex; flex-dirextion:row; justify-content:center; */}/* margin:0 auto;}*/
.sub_submenuOuter .sub_submenu, .sub_submenu{width: 170px; height: 40px; line-height: 38px; margin: 0; margin-right: 11px; font-size: 16px; font-weight: 500; text-align:center; float:left; }
.sub_submenu{float:left;}
.sub_submenuOuter .sub_submenu: last-child{width:200px;}

.sub_content{clear:both;display:block;text-align:center; }
.sub_submenu a{display:block;height:100%; padding:0 20px;}

.sub_subcurrent{background:#dcf5ff;color:#BD0000;  }
.sub_subcurrent a{color:#000; font-weight:bold;}
.sub_submenu:hover{background:#dcf5ff;}

.pf_img{margin-top:5px; font-size:20pt;}

.letter_sublast{border:none; margin-left:30px;}
.sch_inputk{border:1px solid #ddd; height:32px; width: 180px;}
.sch_btnk{width:60px;height:32px;background:#2ea7e0; color:#FFF; border:1px solid #FFF; border-radius:3px;box-shadow:0 0 5px 2px #ddd;margin:0 0 0 2px; vertical-align:top;}
.sch_btnk:hover{background:green;}

/* 2007_SH */
.sub_tit { background: #666; color: #FFF; height: 100px; line-height: 150px; font-size: 1.95em;    font-weight: 600; text-align: center; letter-spacing: 3px; }
.sub_left_menu > li {font-size: 12pt; border-bottom: 1px solid #ddd;}
.sub_left_menu > li.sub_current , .sub_left_menu > li.sub_current {background: #2ea7e0;}
.sub_left_menu > li.sub_current > a {color:#fff; background: #2ea7e0 url('/../img2/aside_on.png') no-repeat right 20px bottom 15px;}
.sub_left_menu > li > a {position:relative; display: block; width: 100%; padding: 12px 20px; font-weight: normal; background: #fff url('../img2/aside_off.png') no-repeat right 20px bottom 15px;}
.sub_left_menu > li:hover, { background: #dcf0f9; color: #4d4d4d;}
.sub_left_menu > li:hover > a { background: #dcf0f9 url('../img2/aside_on.png') no-repeat right 20px bottom 15px; color: #4d4d4d;}
.sub_left_menu > li.dep2:hover .sub_left_menu2 {display: block;}
.sub_left_menu2 {display:none; border-top:1px solid #e5e5e5;}
.sub_left_menu2.on {display:block;}
.sub_left_menu2 li {padding:10px 20px;}
.sub_left_menu2 li a {color:#777; font-size:0.93em;}
.sub_left_menu2 li.sub_current a {color:#fff;}
.sub_left_menu2 li:hover, .sub_left_menu2 li.on, .sub_left_menu2 li a:focus {background:#dcf0f9; color:#4d4d4d;}
.sub_left_menu > li.dep2 .sub_left_menu2 li.sub_current {background: #2ea7e0;}
.sub_left_menu > li.dep2 > .sub_left_menu2.sub_current {display:block;}









/* 하단 레이아웃 */
#ft_wr {width:100%; min-width:1100px; background:#e2e2e2; text-align:center;padding:17px 0; margin:0 auto;}
#ft_wr ul{overflow:hidden; width:735px; margin:0 auto;}
#ft_wr ul li{float:left; width:25%;}
#ft_wr ul li a {color:#606060; font-size:14px;}
#ft_wr:after{clear:both;display:block; content:'';}
#ft_wr ul li a:hover{color:#f29e21; font-weight:700;}

#ft_company{width:1000px; height:136px; margin:0 auto; display:table;}
#ft_company div{display:table-cell; height:70px; vertical-align:middle; color:#606060;}
#ft_company div:nth-child(1) {padding-right:50px;}
#ft_img{text-align:center;}
#ft_infok p:nth-child(1) {padding-bottom:5px;}
#ft_infok span {position:relative; padding-right:30px;}
#ft_infok span:after{content:''; position:absolute; right:7%; top:5px; width:1px; height:12px; background:#606060;}

/** 뉴스레터 **/

.sub_submenuOuter .letter_first{line-height:25px;}

#bo_cate a {
	text-decoration:none; border:1px solid #ddd; box-shadow:0px 0px 0px #fff;
	background:#fff; background:linear-gradient(#fff,#fff);
	
	text-indent:0px; border-radius:1px;
	text-align:center;vertical-align:middle;
	display:inline-block;	color:#000;
	width:80px;height:32px; line-height:30px;	padding:0px 11px 0;
	text-shadow:#fff 2px 2px 0px;
	border:1px solid #d6d8d9;		
}

#bo_cate a:hover {
	background:#82bfe7; color:#FFF; text-shadow:#555 0px 0px 0px;
	background:linear-gradient(#82bfe7, #82bfe7);
}
#bo_cate #bo_cate_on {   z-index: 2; text-shadow:#333 0px 0px 0px;
    background: #82bfe7;  color: #fff;  font-weight: bold;
	background:linear-gradient(#82bfe7, #82bfe7);
    border-bottom-color: #82bfe7;
    -webkit-box-shadow: inset 0 2px 5px rgb(130, 191, 231);
    -moz-box-shadow: inset 0 2px 5px rgb(130, 191, 231);
    box-shadow: inset 0px 2px 5px rgb(130, 191, 231);
}

#bo_list_totalk {  float: left;  font-size: 1.1em;  color: #4e546f; display:table; }
.tot{padding-top:10px;}
.chk_all{padding:7px 0 0 20px; }
.ca_date{width:150px; margin-top:0px; text-align:right; }
.fright2{float:right; }
.fleft2{float:left; }

/** 현장스케치*/
.sketch_submenuOuter{overflow:hidden; display:block; width:100%;}
/* 2007_SH .sketch_submenuOuter{display:flex; flex-dirextion:row; justify-content:flex-end; }*/
/*
.sketch_submenuOuter .sub_submenu, .sub_submenu{margin:10px 5px; border:1px solid #ddd; min-width:150px; height:32px; line-height:30px; font-size:1em; font-weight:normal;text-align:center; }
*/

#container_title{color:#595757; padding-left:32px;}

/*** 전체검색*/
.hd_sch_wr {float:right;width:220px; margin-top:98px;}
#hd_sch {margin: 0;  border: 1px solid #cacaca; border-radius:3px;  background: #FFF; }
#hd_sch #sch_stx { float:left;  width: 170px; height: 30px;  background: #FFF;   border: none;   font-size: 1.1em;  color: #666; }
#hd_sch #sch_submit {position:absolute; right:9px; float:left;height:27px; border:0; cursor: pointer;
    background: #fff; font-size:16px; }
#hd_sch #sch_submit .fa{margin:0 0 5px 10px; background:#FFF;}
#xxnoticeInner{background:#faa61a;}


/* 200721 */
.map_bus1 {display:block; padding:26px 0 31px;}
.map_bus2 {padding:41px 0 100px;}

.st_menu {overflow:hidden; padding:20px 0; border-bottom:3px solid #2ea7e0;}
.st_menu .sketch_submenuOuter .sub_submenu, .st_menu .sub_submenu {width:170px; height:40px; line-height:38px; margin:0; margin-right:11px; font-size:16px; font-weight:500; }
.st_menu .sub_submenu:last-child {margin-right:0;} 
.st_menu .sub_submenu a {color: #000;}
.st_menu.new_stmenu .sub_submenu {float:left !important;}

#navi {margin-bottom:16px; color:#898989; padding-left:32px; font-weight:300; font-size:15px;}
#navi .divide {position:relative; display:inline-block; width:42px; height:100%;} 
#navi .divide:after{content:''; position:absolute; top:-11px; left:50%; width:7px; height:12px; background:url('../img2/divide.png') no-repeat;}


.sketch_submenuOuter .sub_submenu, .sub_submenu{float:right; margin: 20px 0; border: 1px solid #bfbfbf !important;height: 40px; line-height: 30px; font-size: 1em; font-weight: normal; text-align: center; position: relative;  width: 227px;}
.sch_inputk {position:absolute; left:2px; border:0; width:158px; height:35px; padding: 0 10px;}
.sch_btnk {position:absolute; top:0; right:0; width: 66px; height: 38px; background: #2ea7e0; color: #FFF; border-radius: 0; margin: 0; border: 0; box-shadow: none;} 
.sch_btnk:hover {background:#666;}
.new_add1 select {width:100%; height:100%; padding:0 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:url("../img2/select_arrow.png")no-repeat right 13px center; border:0;}
/* IE 에서 Select box 화살표 제거 */ 
.new_add1 select ::-ms-expand { display: none;}
.webzinSelect{width: 100%; height: 100%; padding: 0 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("../img2/select_arrow.png")no-repeat right 13px center; border:0;}
#aside_inner .sub_tit3 {padding-left:0 !important;} 

.header {width:100%; max-width:1100px; margin:0 auto; background:#fff;} 
.header_bt {position:relative; z-index:200; height:60px; border-top: 1px solid #ddd; border-bottom: 2px solid #ccc; box-shadow: 0 3px 5px #ddd;}
.header_bt .container {width:1100px; margin:0 auto;}
.header_bt .gnb > li {position:relative; float:left; width:20%; text-align:center;}
.header_bt .gnb > li > a {position:relative; display:inline-block; height: 60px; line-height: 58px; font-size: 13pt;}
.header_bt .gnb > li > a.topmenuActive, .header_bt .gnb > li > a:hover {color:#2ea7e0;}
.header_bt .gnb > li > a:after {content:''; position:absolute; bottom:2px; left:0;  width:0%; height:4px; background:#2ea7e0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.header_bt .gnb > li > a:hover .header_bt .gnb > li > a, .sub_gnb > li > a:hover .header_bt .gnb > li > a  {color:#2ea7e0;}
.header_bt .gnb > li:hover > a:after, .header_bt .gnb > li:focus > a:after {color:#2ea7e0; width:100%;}
.sub_gnb {position:absolute; display:none; width:100%; padding-top:15px;}
.sub_gnb > li > a:hover, .sub_gnb > li > a:focus {color:#ff8000; font-weight:400;}
.sub_gnb > li {height:30px; line-height:30px; font-size:1.12em;} 
.header_bt .gnb > li > a.topmenuActive:after {content:''; position:absolute; bottom:2px; left:0; width:100%; height:4px; background:#2ea7e0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;} 


.footer_slick {margin:70px auto 60px; padding:15px 30px; border-radius:3px; border:1px solid #efefef;}
.footer_slick .slick-slide {width:auto !important; margin-right:10px;}
.footer_slick .slick-slide .item {display:table; width:100%; height:40px;}
.footer_slick .slick-slide .item  a {display:table-cell; vertical-align:middle; text-align:center;}
.footer_slick .slick-slide .item  a img {display:inline-block; width:auto; max-height:40px; max-width:90%; vertical-align:top;} 
.footer_slick.slick-slider .slick-prev {left:2px; z-index:1000; background: url("../img/foot_banner_prev.jpg")no-repeat center;}
.footer_slick.slick-slider .slick-next {right:2px; z-index:1000;background: url("../img/foot_banner_next.jpg")no-repeat center;}


.history_wrap {margin-top:40px;}
.history_box {width:850px; margin:0 auto; margin-bottom:80px; background:url("../img/his_line.png") center 0 repeat-y;}
.history_box .img_box {margin-bottom:50px; text-align:center;}
/* history_tit */
.history_tit {padding-bottom:40px; text-align:center;}
.history_tit .t1 { font-size:2.667em; color:#393872; font-weight:700;} 
.history_tit .t2 {display:inline-block; padding-bottom:35px; font-size:1.6em; color:#3f3f3f;} 
.history_tit .t3 {font-size:1.111em; color:#696969;} 	

.his_row {overflow:hidden; /* margin:0 auto 70px; */}
.his_row:last-child {margin-bottom:0;}
.his_row .his_lr {position:relative; z-index:1; float:left; width:50%;  padding-left: 90px;}
.his_row.left_box .his_lr {padding-right:90px; padding-left:0; text-align:right;}
.his_row.right_box .his_lr {float:right;}
.his_row p { z-index:1;  margin-bottom: 20px; font-size:15px; background-color:#FFF; color:#606060; font-weight:500;}
.his_row.left_box .his_lr > p {right:2px;}
.his_row.right_box .his_lr > p {left:2px; text-align:left;}
.his_row .tit_1:after {content:""; display:block; position:absolute; top: 3px; z-index:1; width:14px; height:14px; border-radius:50%; background:#0ec4d2; }
.his_row .tit_2:after {content:""; display:block; position:absolute; top: 3px; z-index:1; width:14px; height:14px; border-radius:50%; background:#1496ff;}
.his_row .tit_3:after {content:""; display:block; position:absolute; top: 3px; z-index:1; width:14px; height:14px; border-radius:50%; background:#426dad ;}
.his_row p:before {content: ''; position: absolute; top: 10px; display: block; width: 70px; height: 2px; background-color: #dfe0e0;}
.his_row.left_box .his_lr > p:after {right:-7px;}
.his_row.right_box .his_lr > p:after {left:-7px;}
.his_row.left_box .his_lr > p:before {right:5px;}
.his_row.right_box .his_lr > p:before {left:5px;}
.year_area {overflow:hidden; padding-top:4px; padding-bottom:40px; text-align:center;}
.year_area.ver1 {padding-top:35px;}
.year_area:last-child {padding-top:22px; padding-bottom:10px;}
.year_area > p {display:inline-block; width:158px; height:158px; line-height:156px; border:1px solid #dedede; border-radius:50%; background:#fff; font-weight:700; font-size:20px; text-align:center;}
.year_area p.year_1 {border:1px solid #1496ff; box-shadow: 2px 2px 7px 0px #1496ff; color:#1496ff;} 
.year_area p.year_2 {border:1px solid #426dad; box-shadow: 2px 2px 7px 0px #426dad; color:#426dad;}