/* BODY */
BODY, TD, SELECT, input, DIV, form, TEXTAREA, center, option, pre {font-family:"돋움, Dotum, AppleGothic, sans-serif"; font-size:9pt; line-height:140%; color: #646464}
P, blockquote, td, br {line-height:140%}
a:link {text-decoration:none; color:#646464;}
a:visited {text-decoration:none; color:#646464;}
a:hover {text-decoration:none; color:#333;}

#accessibility, .skip, hr, legend {
	position : absolute ;
	width : 0 ; 
	height : 0 ; 
	font-size : 0 ; 
	line-height : 0 ;
	overflow : hidden ; 
	visibility : hidden ;
}

/* skip */
#skipToContent {
	font-size: 0;
    left: 0;
    line-height: 0;
	position: absolute;
	top: -30px;
	width: 100%;
	z-index: 999999;
}
#skipToContent a:active, #skipToContent a:focus {
	font-size:13px;
	background-color: #333333;
	border: medium none;
	color: #FFFFFF;
	height: 30px;
	left: 0;
	position: absolute;
	text-align: center;
	text-decoration: underline;
	top: 30px;
	line-height: 30px;
	width: 100%;
	display: block;
}

img{vertical-align:middle; }

/* contents */
.sub_left {width:160px; vertical-align:top; padding:0 62px 0 7px;}
.sub_right {width:761px; vertical-align:top; padding:0 0 0 0;}
.sub_img {height:130px;}
.sub_title {border-bottom:solid 1px #e6e6e6;}
.sub_contents {padding:30px 0 0 0;}

.main_board_left {font-size:8pt; color:#808080; height:18px;}
.main_board_left a:link {text-decoration:none; color:#808080;}
.main_board_left a:visited {text-decoration:none; color:#808080;}
.main_board_left a:hover {text-decoration:none; color:#808080;}

.main_board_right {font-size:8pt; color:#999; text-align:right; height:18px; width:65px;}
.main_board_right a:link {text-decoration:none; color:#999;}
.main_board_right a:visited {text-decoration:none; color:#999;}
.main_board_right a:hover {text-decoration:none; color:#999;}

.main {font-size:8pt; color:#333;}
.main a:link {text-decoration:none; color:#333;}
.main a:visited {text-decoration:none; color:#333;}
.main a:hover {text-decoration:none; color:#333;}

.location {font-size:8pt; color:#999; text-align:right;}
.location a:link {text-decoration:none; color:#999;}
.location a:visited {text-decoration:none; color:#999;}
.location a:hover {text-decoration:none; color:#999;}

.location2 {font-size:8pt; color:#999; text-align:right; font-weight:bold;}
.location2 a:link {text-decoration:none; color:#999;}
.location2 a:visited {text-decoration:none; color:#999;}
.location 2a:hover {text-decoration:none; color:#999;}

.point {font-size:8pt;color:#666666;}
.point a:link {text-decoration:none; color:#666666;}
.point a:visited {text-decoration:none; color:#666666;}
.point a:hover {text-decoration:none; color:#666666;}

.point1 {font-size:8pt;color:#a4a3a3;}
.point1 a:link {text-decoration:none; color:#a4a3a3;}
.point1 a:visited {text-decoration:none; color:#a4a3a3;}
.point1 a:hover {text-decoration:none; color:#a4a3a3;}

.point2 {font-size:8pt;color:#a4a3a3;font-weight:bold;}
.point2 a:link {text-decoration:none; color:#a4a3a3;}
.point2 a:visited {text-decoration:none; color:#a4a3a3;}
.point2 a:hover {text-decoration:none; color:#a4a3a3;}

.point3 {font-size:9pt;color:#333333;font-weight:bold;}
.point3 a:link {text-decoration:none; color:#333333;}
.point3 a:visited {text-decoration:none; color:#333333;}
.point3 a:hover {text-decoration:none; color:#333333;}

.page {color:#1c3773; text-align:center;}
.page a:link {text-decoration:none; color:#1c3773;}
.page a:visited {text-decoration:none; color:#1c3773;}
.page a:hover {text-decoration:none; color:#a7153c; border-bottom:solid 2px #a7153c; font-weight:bold;}

/* form */
.input {
	background-color:#fff;
	border:solid 1px #BDBDBD;
	height:19px;
}
.textarea {
	background-color:#fff;
	border:solid 1px #BDBDBD;
	overflow-x:hidden;
	overflow-y:auto;
	width:100%;
}
.select {
	background-color:#fff;
	border:solid 1px #BDBDBD;
	height:19px;
}

a,img,input{selector-dummy: expression(this.hideFocus=true);}

/* header */
#header {width:100%; height:88px; position:fixed; left:0; top:0; z-index:9999; background:#fff;}

.m_gnb_on {position:absolute; right:10px; top:22px; display:none;}
.in_header {max-width:762px; width:100%; height:114px; margin:0 auto; position:relative; clear:both;background:#fff; z-index:9999;}

/* GNB */
.w_gnb .gnb {position:relative;}
.w_gnb .gnb:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul {font-size:0px; padding-left:10px;}
.w_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul > li { display:inline-block; zoom:1; *display:inline; position:relative;  width:25%; box-sizing:border-box; padding-left:4%;}
/**.w_gnb .gnb > ul > li:first-child {padding-left:0;}*/

.w_gnb .gnb > ul > li > a {box-sizing:border-box; display:block; font-size:16px; color:#7f7f7f; line-height:35px; height:35px; text-align:center; font-family:Noto Sans, dotum, gulim;  position:relative;}
.w_gnb .gnb > ul > li:hover > a {color:#222;}
.w_gnb .gnb > ul > li.on > a {color:#222;}
.w_gnb .gnb > ul > li:first-child:after {content:""; display:none; clear:both;}

.w_gnb .gnb > ul > li.on .sub_menu {display:block;}
.w_gnb .sub_menu  {position:absolute; left:0%; width:762px; box-sizing:border-box; overflow:hidden; top:33px; line-height:33px; display:none;}
.w_gnb .sub_menu li {float:left; padding-left:10px;}
.w_gnb .sub_menu li:first-child{padding-left:0px;}
.w_gnb .gnb02 .sub_menu {left:8%;}
.w_gnb .gnb03 .sub_menu {left:0%;}
.w_gnb .sub_menu > li > a {display:block; color:#ccc; font-size:12px; line-height:37px;}
.w_gnb .sub_menu > li > a:hover {color:#fff;}
.w_gnb .sub_menu > li.on > a {color:#fff;}

.sub_wrap #gnb_bar {display:block !important;}
.sub_wrap #header {height: 123px;}
.search_warp #gnb_bar {display:none !important;}
.works_warp #gnb_bar {display:none !important;}
#gnb_bar {height:35px; position:absolute; display:none; left:0%; top:88px; width:100%;  background:#fff; z-index:99;}

/* visual */
.slider {width: 990px; margin:0 auto; overflow: hidden; position: relative;}
.slick-arrow{display:none !important;}


/**projects*/
.designW{width:761px; height:55px; margin:0 auto; font-family:Noto Sans, dotum, gulim;}
.designW .design_ul {display:flex; padding:0px; margin:0px -3px;}
.designW .design_ul > li{ list-style:none; padding:0px 3px; position:relative;}
.designW .design_ul > li > a{display:block; width:77px; line-height:150%; padding:5px 10px; color:#fff; background-color:#999; font-size:13px; font-weight:300; text-align:center;}
.designW .design_ul > li.on > a{background-color:#2d8578;}
.designW .design_ul > li:hover> a{background-color:#2d8578;}
.designW .design_ul > li .design_s_ul{display:flex; width: 761px; padding:0px; position:absolute; left:5px; top:30px; margin:0px -3px;}
.designW .design_ul > li .design_s_ul > li{list-style:none; padding:0px 3px;}
.designW .design_ul > li .design_s_ul > li > a{font-size:13px; color:#999;}

.designW .design_ul > li.pro_num02 .design_s_ul.pro_tab01{display:none;}
.designW .design_ul > li.pro_num03 .design_s_ul.pro_tab02{display:none;}

.designW .design_ul > li.pro_num02:hover .design_s_ul.pro_tab01{display:flex;}
.designW .design_ul > li.pro_num03:hover .design_s_ul.pro_tab02{display:flex;}

.designW .design_ul > li .design_s_ul > li:hover > a{color:#222;}
.designW .design_ul > li .design_s_ul > li.on > a{color:#222;}