/* 필요한 폰트만 사용할것 나머지 주석처리*/
/*@import url(nanumbarungothic.css); /*나눔바른고딕*/
@import url(notosanskr.css); /*NotoSans kr*/

body,td,span,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section,input,textarea,select,button {margin:0;padding:0; font-size:14px; color:#333; line-height:1.6em; font-family: 'Noto Sans KR', sans-serif; font-weight:400; letter-spacing:-0.02em;}
ul,ol,li{margin:0;padding:0;list-style:none;}
a, img{border:0px;}
a{text-decoration:none;}
strong{font-weight:700;}

.fc_b{font-weight:500;}
.fc_red {color:#ff0000;}

.pT10 {padding-top:10px;}
.pT15 {padding-top:15px;}
.pT20 {padding-top:20px;}
.pT25 {padding-top:25px;}
.pT30 {padding-top:30px;}
.pT40 {padding-top:40px;}
.pT50 {padding-top:50px;}

.pR10 {padding-right:10px;}
.pR15 {padding-right:15px;}
.pR20 {padding-right:20px;}
.pR25 {padding-right:25px;}
.pR30 {padding-right:30px;}
.pR40 {padding-right:40px;}
.pR50 {padding-right:50px;}

.pB10 {padding-bottom:10px;}
.pB15 {padding-bottom:15px;}
.pB20 {padding-bottom:20px;}
.pB25 {padding-bottom:25px;}
.pB30 {padding-bottom:30px;}
.pB40 {padding-bottom:40px;}
.pB50 {padding-bottom:50px;}

.pL10 {padding-left:10px;}
.pL15 {padding-left:15px;}
.pL20 {padding-left:20px;}
.pL25 {padding-left:25px;}
.pL30 {padding-left:30px;}
.pL40 {padding-left:40px;}
.pL50 {padding-left:50px;}


#gnb_wrap { width:100%; height:35px; line-height:35px; background:#707070;}
#gnb_area { width:100%; max-width:1200px; margin:0 auto; }
#gnb_area:after{content:""; display:block; clear:both;}
#gnb_area .gnb_left{float:left; text-align:left; height:35px; line-height:35px; color:#fff; font-size:1em; }
#gnb_area .gnb_right {float:right; text-align:right;}
#gnb_area .gnb_right ul{width:100%; padding:0; margin:0;  }
#gnb_area .gnb_right ul li{ float:left; display:inline; height:35px; line-height:35px; font-size:0.9em; padding:0 8px; }
#gnb_area .gnb_right ul li:first-child {padding-left:0;}
#gnb_area .gnb_right ul li:last-child {padding-right:0; background:none;}
#gnb_area a.gnb_bt:link, a.gnb_bt:visited, a.gnb_bt:active{ display:inline-block; color:#fff; }
#gnb_area a.gnb_bt:hover {color:#f97b0b;}

#header_wrap{ width:100%; height:85px;}
#header_wrap:after{content:""; display:block; clear:both;}
#header_wrap .header_area { width:100%; max-width:1200px; text-align:center; margin:0px auto;}
#header_wrap .header_area h1 {float:left; width:25%; text-align:left; vertical-align:middle; padding-top:20px; }
#header_wrap .header_area h1 a img{width:280px; height:45px; }

	.lnb {float:left; width:75%; height:60px; line-height:60px; text-align:right; margin-top:25px; background:none;}
	.lnb ul {padding:0; margin:0; }
	.lnb ul li {position:relative; display:inline-block; margin:0; padding:0 45px; text-align:center; z-index: 9999999999; }
	.lnb ul li a {display:block; margin:0; padding:0; width:100%; height:60px; line-height:60px; font-size:1.3em; color:#222; cursor:pointer;  font-weight:500;  }
	.lnb ul li a:hover {margin:0; padding:0; cursor:pointer; color:#eb2a2e;}
	/*
	.lnb ul li span {position:absolute; left:50%; bottom:0px; width:0px; height:2px; background-color:#eb2a2e; z-index: 9999999888;
		-webkit-transition: all 200ms ease-in;
		-ms-transition: all 200ms ease-in;
		-moz-transition: all 200ms ease-in;
		transition: all 200ms ease-in;
	}
	*/

	.lnb ul li.on span, .lnb ul li:hover span {display:block;}

	.lnb ul li .sub_menu {position:absolute; top:60px; text-align:center; background:rgba(255,255,255,0.9);  height:0; overflow:hidden; margin:0; padding:0; 
		-webkit-transition: all 200ms ease-in;
		-ms-transition: all 200ms ease-in;
		-moz-transition: all 200ms ease-in;
		transition: all 200ms ease-in;
	}
	
	.lng ul li .sub_menu:nth-child(2){ border:1px solid red;}
	.lnb ul li:hover .sub_menu {height:auto; }
	/*.lnb ul li:hover span { width:130px; margin-left:-64px; box-sizing:border-box;}*/
	.lnb ul li .sub_menu a {display:block; width:130px; height:35px; line-height:35px; font-size:1em; color:#333; border:0px solid #eee; border-top:0; box-sizing:border-box;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.lnb ul li .sub_menu a:hover {width:130px; height:35px; line-height:35px; background:#eb2a2e; color:#fff;}
	.lnb .top_btn { float:right; width:10%;  }
	.lnb .top_btn a {display:inline-block; vertical-align:middle; margin:0 10px;}
#back_cover, #sideMenu{display:none;}


#mobile_header {width:100%; height:60px;  line-height:60px; border:0px solid red; z-index:99999; display:none;}
#mobile_header .inner {top:0; left:0; z-index:50; width:100%; height:60px; line-height:60px; overflow:hidden; background:#fff;}
#mobile_header h1 { width:220px; padding-top:10px; text-align:center; margin:0 auto; }
#mobile_header h1 img { width:80%; overflow:hidden;}
#mobile_header .gnb li {list-style:none;}
#mobile_header .gnb li a {display:block; top:0; width:100%; text-align:center; color:transparent;}
#mobile_header .gnb li.category a i{float:left; position:absolute; width:20px; height:20px; line-height:20px; left:15px; top:20px; font-size:22px; color:#333;}
#mobile_header .gnb li.home a i { float:left; position:absolute; width:20px; height:20px; line-height:20px; right:15px; top:20px; font-size:25px; color:#333;}


#main_visual{clear:both; position:relative; text-align:center; width:100%; max-height:550px; height:auto; padding:0; margin:0px auto; z-index:0; }
#main_visual:after{ content:""; display:block; clear:both;}
#main_visual .swiper-slide{width:100%; height:550px; max-height:550px;  padding:0; }
#main_visual .swiper-slide div.backgroundimg1{height:550px; background:url('http://hyunsystem02.cdn3.cafe24.com/main_visual01.jpg') top center no-repeat;}
#main_visual .swiper-slide div.backgroundimg2{height:550px; background:url('http://hyunsystem02.cdn3.cafe24.com/main_visual02.jpg') top center no-repeat;}
#main_visual .swiper-slide div.backgroundimg3{height:550px; background:url('http://hyunsystem02.cdn3.cafe24.com/main_visual03.jpg') top center no-repeat;}
#main_visual .sliderkit-text {width:100%; max-width:1200px; position:absolute; bottom:30%; left:50%; text-align:left; transform: translate(-50%, -50%);}
#main_visual .sliderkit-text h1.lviewa{font-size:3em;  color:#fff; line-height:1.3em; font-weight:500; text-shadow: 0px 1px 4px #333; }
#main_visual .sliderkit-text h1.sview{font-size:1.2em; color:#fff; line-height:1.3em; padding-top:10px;  text-shadow: 0px 1px 4px #333; }
#main_visual .swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:60px; display:none;}
#main_visual .swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:60px; display:none;}

#m_bnr_100 {width:100%; overflow:hidden;}
#m_bnr_100:after{ content:""; display:block; clear:both;}
#m_bnr_left {float:left; width:50%; padding:0; background:#f97b0b;}
#m_bnr_right {float:left; width:50%; padding:0; background:#eb2a2e;}

#m_bnr_left .con_left { float:right; width:600px;  background:url('http://hyunsystem02.cdn3.cafe24.com/m_bnr1.png')no-repeat right bottom;}
#m_bnr_left .con_left .con_area { width:100%; padding:40px 10px 40px 20px; }
#m_bnr_left .con_left .con_area p{ font-size:1.4em; line-height:24px; color:#fff; letter-spacing:-0.05em; padding-right:20px;}
#m_bnr_left .con_left .con_area span{ display:inline-block; padding-top:5px; padding-right:20px; font-size:0.95em; line-height:18px; color:#fff; letter-spacing:0em; opacity:0.8;}

#m_bnr_right .con_right { float:left; width:600px; background:url('http://hyunsystem02.cdn3.cafe24.com/m_bnr2.png')no-repeat right bottom;}
#m_bnr_right .con_right .con_area {  width:100%; padding:40px 10px 40px 20px;}
#m_bnr_right .con_right .con_area p{ font-size:1.4em; line-height:24px; color:#fff; letter-spacing:-0.05em; padding-right:20px;}
#m_bnr_right .con_right .con_area span{ display:inline-block; padding-top:5px; padding-right:20px; font-size:0.95em; line-height:18px; color:#fff; letter-spacing:0em; opacity:0.8;}


#contents_wrap { width:100%; margin:50px auto;}
#contents_wrap:after{ content:""; display:block; clear:both;}

#pro_area { width:100%; max-width:1200px; margin:0px auto; }
#pro_area:after{ content:""; display:block; clear:both; width:50px; height:2px; background:#eb2a2e; margin:5px auto;}
#pro_area .pro_tit p { width:100%; text-align:center; margin:0px auto; display:block; font-size:3em;  line-height:50px; color:#000;  margin-bottom:20px; font-weight:500; }
#pro_area .pro_tit span { width:100%; text-align:center; margin:0px auto; display:block; font-size:1em; color:#000;  margin-bottom:20px; }

#pro_tab {position: relative; width:100%; max-width:1200px; height:100%; overflow: hidden; margin:50px auto;}
#pro_tab .tab { height: 50px; line-height:50px; border-bottom:1px solid #EEE;  box-sizing:border-box;  }
#pro_tab .tab li{float: left; width:15%; margin-right:2px;}
#pro_tab .tab a{display: block; height:50px; line-height:50px; text-align: center; border:0px solid #EEE; border-top: 0 none;  border-left: 0 none; background:#f5f5f5; color:#333; font-size:1.2em;}
#pro_tab .tab li:first-child a{border-left: 0px solid #EEE}
#pro_tab .tab li:last-child a{border-right: 0px solid #EEE}
#pro_tab .tab li.on a{font-weight:500; border-bottom: 0 none;  background:#50b5c7; color:#fff;}
#pro_tab .active{display: block; margin-top:20px; padding:0px;}
#pro_tab li{position: relative; line-height:30px;}
#pro_tab li span.date{position: absolute; right:0; text-align:right; line-height:30px; font-size:0.9em; color:#ddd; }
#pro_tab div li a{display: inline-block; margin-right:0px; font-size:0.9em; color:#333;}
#pro_tab > div{display: none; padding:0; }
#pro_tab .btn_more { position: absolute; top:15px; right:0; color:#333;  font-size:0.9em; transition: 0.5s all ease;   -webkit-transition: 0.5s all ease;   -moz-transition: 0.5s all ease;   -ms-transition: 0.5s all ease;   -o-transition: 0.5s all ease;}
#pro_tab .btn_more:hover{-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg); transform: rotate(90deg);}

.pro_list{ width:1180px; text-align:center; margin:0px auto; }
.pro_list:after {content:""; display:block; clear:both;}
.pro_list ul{ float:left; font-size:0; list-style:none; margin:0; padding:0; overflow:hidden; }
.pro_list ul li{  display:inline-block; margin-right:20px; padding:0; width:280px; text-align:center;}
.pro_list ul li:last-child{margin-right:0px;}
.pro_list ul li img { width:100%;  border:1px solid #EEE; box-sizing:border-box; cursor:pointer; background:#fff; }
.pro_list ul li p {display:block; padding-top:10px; font-size:1.3em;font-weight:500;}
.pro_list ul li span {display:block; padding:10px 0 20px 0; font-size:0.9em; color:#888;}
a.btn_ok:link, a.btn_ok:visited, a.btn_ok:active{text-align:center; display:inline-block; width:60%; height:40px; line-height:37px; text-decoration:none; border:1px solid #eee; color:#333; background:#fff; -webkit-transition: all 200ms ease-in;
		-ms-transition: all 200ms ease-in;
		-moz-transition: all 200ms ease-in;
		transition: all 200ms ease-in;}
a.btn_ok:hover {color:#fff !important; background:#000000 !important; }

a.btn_ok1:link, a.btn_ok1:visited, a.btn_ok1:active{text-align:center; display:inline-block; width:60%; height:40px; line-height:37px; text-decoration:none; border:1px solid #000; color:#fff; background:#000; -webkit-transition: all 200ms ease-in;
		-ms-transition: all 200ms ease-in;
		-moz-transition: all 200ms ease-in;
		transition: all 200ms ease-in;}
a.btn_ok1:hover {color:#333 !important; background:#fff !important; }


#comm_area{width:100%; margin:0px auto; padding:50px 0px; background:#f8f8f8;}
#comm_area:after{ content:""; display:block; clear:both;}
#comm_area .board_area{width:100%; max-width:1200px; margin:0px auto;}
#comm_area .board_area .dleft{ position:relative;float:left; width:48%;}
#comm_area .board_area .dright{position:relative; float:right; width:48%;}
#comm_area .board_area div.board_box{width:98%; margin:0 auto;}
#comm_area .board_area div.board_box .title{height:40px; font-size:1.8em; font-weight:700;}
#comm_area .board_area div.board_box ul{margin:0; padding:0; margin-top:20px;}
#comm_area .board_area div.board_box ul li{margin:0; list-style:none; height:24px; line-height:24px;}
#comm_area .board_area div.board_box ul li:after{display:block; clear:both; content:""}
#comm_area .board_area div.board_box ul li a{float:left; font-size:13px; color:#777; }
#comm_area .board_area div.board_box .time{float:right; font-size:0.9em; color:#777;}
#comm_area .board_area div.board_box .more{position:absolute; top:10px; right:0;  transition: 0.5s all ease;   -webkit-transition: 0.5s all ease;   -moz-transition: 0.5s all ease;   -ms-transition: 0.5s all ease;   -o-transition: 0.5s all ease; }
#comm_area .board_area div.board_box .more:hover{-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg); transform: rotate(90deg);}


#footer{ clear:both; width:100%; margin:0; padding:0px 0 70px 0;}
#footer:after{ content:""; display:block; clear:both;}
#footer .copy_bar{width:100%; height:50px; line-height:50px; background-color:#444; }
#footer .copy_bar div{width:100%; max-width:1200px; margin:0 auto;}
#footer .copy_bar div .copy_menu {float:left; height:50px; line-height:50px; text-align:left;}
#footer .copy_bar div .copy_menu a{color:#fff; }
#footer .copy_bar div .copy_menu a:hover{color:#f97b0b; }
#footer .copy_bar div .copy_tel a{float:right; height:50px; line-height:50px; text-align:right; color:#fff;}
#footer .copy_bar div .copy_tel a span{font-size:1.5em; color:#fff;}
#footer .copyright{width:100%; max-width:1200px; text-align:center; margin:0 auto; padding:0; }
#footer .copyright p{width:100%; text-align:left; color:#888; padding-top:20px; }
#footer .copyright span{color:#888; margin-right:15px; font-size:0.9em;}


/***********************************************
 * sub
 ***********************************************/


#sub_visual{width:100%; height:210px;  text-align:center; background:#f8f8f8;}
#sub_visual img{width:100%; max-width:1200px;}
.backgroundimg{position:relative; width:100%; text-align:center; margin:0 auto; height:210px; z-index:999; background:url(http://hyunsystem02.cdn3.cafe24.com/sub_visual01.jpg) no-repeat top center;}
.visual_area {width:100%; position:relative; max-width:1200px; height:210px; margin:0 auto;}
.visual_area .visual_img {position:absolute; bottom:0; right:0;}
.visual_title{position:absolute; width:100%; max-width:1200px; margin:65px 0 0 20px; text-align:left; z-index:9999;}
.visual_title h1{font-size:1.5em; line-height:24px; color:#fff; text-shadow:0px 0px 0px gray;}
.visual_title span{display:block; font-size:1em; color:#fff; padding-top:5px;}


#sub_wrapper{width:100%; margin:0 auto; }
#sub_wrapper:after{ content:""; display:block; clear:both;}

#sub_menu{width:100%; margin:0px auto; border-top:1px solid #ddd; border-bottom:1px solid #ddd;} 
#sub_menu .sub_tab{width:100%; max-width:1200px; text-align:left; margin:0 auto;}

/*
#sub_menu .sub_tab ul li{ float:left; width:200px; height:50px; line-height:50px; text-align:center; margin-right:0px; background:#fff; border-right:1px solid #EEE; box-sizing: border-box; }
#sub_menu .sub_tab ul li a{color:#000; font-size:1em; text-transform:uppercase;  height:50px; line-height:50px; display:block; border-bottom:0px solid #EEE; }
#sub_menu .sub_tab ul li a:hover{color:#333; background:#fff; cursor:pointer; }
#sub_menu .sub_tab ul li a.hover{color:#fff; background:#333; cursor:pointer; font-weight:500; }
#sub_menu .sub_tab ul li:first-child{ border-left:1px solid #EEE;}
#sub_menu .sub_tab hr{clear:both; border:0px; margin-bottom:0px; display:block;}
#sub_menu .sub_tab button{width:100%; height:45px; line-height:45px; border:1px solid #000; color:#000; background:#fff; cursor:pointer; margin-top:10px; padding:0;}
#sub_menu .sub_tab button:hover{border:1px solid #000; color:#fff;  background:#333;}
*/

.sub_location{ max-width:1200px; height:60px; font-size: 0; background-color: #fff;border-bottom: 0px solid #ddd; margin:0 auto;}
.sub_location > div{font-size: 0;}
.sub_location > div .cen{ float:left; width:60px; height:60px; line-height:60px; text-align:center; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.sub_location > div .cen i{ font-size:1.5em;}

.sub_location ul{display: inline-block; width:179px; border-right: 1px solid #ddd;vertical-align: top; box-sizing:border-box; }
.sub_location ul:first-child{ border-left: 1px solid #ddd; }
.sub_location ul li{position: relative; width:100%;}
.sub_location ul li span{display: block;padding: 0 15px; line-height: 60px; font-size:1.2em; color: #333;background: url(/html/image/icnLocaArr.png) 90% center no-repeat;cursor: pointer;}
.sub_location ul.on li span{background: url(/html/image/icnLocaArr1.png) 90% center no-repeat;}
.sub_location ul li a{width:100%; display: block;padding: 10px 15px; color: #333;}
.sub_location ul li a:hover{color: #dc0024; }

.sub_location ul ul{display: none;position: absolute;top:60px; left: -1px; padding: 0px 0;background-color: #fff;border: 1px solid #ddd;z-index: 1;}
.sub_location ul.on li ul{display: block;}
.sub_location ul.dep2 li span{color: #dc0024;}
.sub_location ul.dep2 ul{width:180px;}


#sub_tit { position:relative; width:100%; max-width:1200px; margin:30px auto; }
#sub_tit .path { position:absolute; top:-70px; right:0; }
#sub_tit .path li { float: left; text-align:center; font-size:0.9em; padding: 0 8px 0 12px; margin: 0 0 0 0px; color: #757575; background: url('/html/image/ico_path.gif') no-repeat left center; }
#sub_tit .path li:first-child { background:none;}
#sub_tit .path li:last-child { color:#333; font-weight:500;}
#sub_tit .path li a{color:#757575;}
#sub_tit .path li a:hover{color:#333;}

#sub_tit .title { width:100%; text-align:left; padding:20px 0 0px 0;}
#sub_tit .title h1{ width:100%; font-size:0.8em; text-align:center; margin-bottom:50px;}
#sub_tit .title h1:after{ content:""; display:block; width:50px; margin:0 auto; padding-top:20px;border-bottom:2px solid #333; clear:both;}

#sub_tit .title p{  display:inline-block; text-align:left;  color:#000; font-size:3em; font-weight:700;}


.scontents{width:100%; max-width:1200px; height:100%;  margin:0px auto; padding-bottom:100px; background:none; }
.scontents:after{ content:""; display:block; clear:both;}
.map_wrap h2 { clear:both; font-size:1.5em; height:20px; line-height:20px; color:#000;  text-align:left; margin:40px 0 20px 0; padding-left:8px; border-left: 3px solid #ffb400; font-weight:700;}
.map_wrap h3 {font-size:1.2em; height:20px; line-height:20px; color:#000;  text-align:left; margin:30px 0 10px 0; padding-left:8px; background:url('/html/image/arr1.gif')no-repeat left center; }
.map_wrap p{ font-size:1em; margin-top:10px; line-height:24px; color:#555;}
.map_wrap hr{ clear:both; display:block; height:10px;font-size:0; border:0; background:none;}


/* 버튼효과 */
a.btn_view:link, a.btn_view:visited, a.btn_view:active{ padding:0; text-align:center; display:block; border:1px solid #333; width:80px; height:25px; line-height:23px; text-decoration:none; color:#fff; background:#333; margin-top:10px; font-size:0.9em; -webkit-transition: all 200ms ease-in;
		-ms-transition: all 200ms ease-in;
		-moz-transition: all 200ms ease-in;
		transition: all 200ms ease-in;}	
a.btn_view:hover {border:1px solid #fff; color:#000; background:#fff;  }

a.btn_view2:link, a.btn_view2:visited, a.btn_view2:active{ padding:0;  text-align:center; display:block; border:1px solid #eee; width:130px; height:40px; line-height:37px; text-decoration:none; color:#333; background:#fff; margin-top:10px; -webkit-transition: all 200ms ease-in;
		-ms-transition: all 200ms ease-in;
		-moz-transition: all 200ms ease-in;
		transition: all 200ms ease-in;}	
a.btn_view2:hover {border:1px solid #333; color:#fff; background:#fff;  }


/***********************************************
 * 회사소개
 ***********************************************/
.company { width:100%;}
.company:after{ content:""; display:block; clear:both;}
.company img {float:left; width:50%; max-width:320px; margin:15px; margin-right:40px;margin-top:0px; margin-left:0px; border-radius:15px;}
.company .about_txt {width:100%;}
.company .about_txt h1{font-size:1.5em; line-height:30px; }
.company .about_txt p{ margin-top:30px; }
.company .sign {font-size:1.5em; }


/*오시는길*/
.map_wrap{position:relative; top:0; width:100%; max-width:1200px;  margin:0 auto;}
.map_wrap .map_info {float:left; width:50%; padding:0; margin:0;opacity:0.9; }
.map_wrap .map_info .con_box { padding:0; margin-bottom:50px; }
.map_wrap .map_info .con_box > h2{ margin-top:0; margin-bottom:20px;}
.map_wrap .map_info table { width:100%; border-top:1px solid #000; padding:0; margin:0; border-collapse:collapse;}
.map_wrap .map_info table th { width:20%; text-align:center; font-size:13px; color:#000; vertical-align:middle; font-weight:normal; padding:0; margin:0; background:#f5f5f5; border-bottom:1px solid #EEE;}
.map_wrap .map_info table td { width:80%; text-align:left; font-size:13px; color:#555; vertical-align:top;  padding:10px 0 10px 15px; background:#fff; border-bottom:1px solid #EEE;}
.map_wrap .map_info table td > a {color:#666;}
.map_wrap .map_info table td > a:hover {color:#000;}
.roughmap_maker_label .roughmap_lebel_text{font-size:15px !important;}
.root_daum_roughmap .cont *{font-size:14px !important;}

.g_map {float:right; width:46%; height:430px; overflow:hidden; }


/*경동원_코텍_상단공통*/
.introduce_top {width:100%; margin-top:30px; padding:0;}
.introduce_top img { float:left;  max-width:320px; margin: 0 2em 2em 0em; border-radius:15px; }
.introduce_top p{ font-size:1.3em; font-weight:500; color:#000; text-align:left; margin:0; padding-bottom:10px;}
.introduce_top span{ display:block; font-size:1.1em; color:#777; font-weight:normal; padding-bottom:30px;}

.introduce_slogan { clear:both; width:100%; text-align:center; margin-top:50px; }
.introduce_slogan i{ font-size:1.2em; color:#ccc;}
.introduce_slogan p{ font-size:2em; color:#000; line-height:30px; font-weight:500; text-align:center; padding:10px 0px; margin:0;}
.introduce_slogan span{ display:block; margin-top:20px; color:#777;}

.introduce_system_tit{text-align:left; color:#000; font-size:2em; padding:5px 0px; border-bottom:1px solid #000; margin-top:100px;}
.introduce_system_tit span{color:#777; font-size:0.5em; }


/*경동원소개*/
.kdone_catallog {clear:both; width:100%; background:#777; margin:50px auto;}
.kdone_catallog:after{ content:""; display:block; clear:both;}
.kdone_catallog div.img_box { float:left; width:50%; font-size:0; text-align:left;}
.kdone_catallog div.img_box img { width:95%; padding:10px; margin:0 auto; }
.kdone_catallog div.txt_area { width:50%; float:right; text-align:left;}
.kdone_catallog div.txt_area > .txt_tit { width:100%; font-size:2em; line-height:30px; font-weight:500; margin-top:50px; color:#fff;}
.kdone_catallog div.txt_area > .txt_list { width:100%; font-size:1.4em; line-height:40px; margin-top:30px; color:#fff;}
.r_box1 { display:inline-block; border:0px; background-color:#555555; color:#fff; border-radius:60px; -webkit-border-radius:60px; -moz-border-radius:60px; text-align:center; width:30px; height:30px; line-height:30px;}
.r_box2 { display:inline-block; border:0px; background-color:#2da3bc; color:#fff; border-radius:60px; -webkit-border-radius:60px; -moz-border-radius:60px; text-align:center; width:30px; height:30px; line-height:30px;}

.kdone_icon {width:100%; margin-top:80px; }
.kdone_icon:after{ content:""; display:block; clear:both;}
.kdone_icon ul{padding:0; margin:0;}
.kdone_icon ul li{float:left; width:50%; text-align:center; margin-bottom:50px; }
.kdone_icon ul li div.icon{ float:left; width:30%; text-align:center; }
.kdone_icon ul li div.icon i{ display:inline-block; text-align:center; font-size:3em; color:#fff; margin-bottom:20px; width:100px; height:100px; line-height:100px;  background:#ffad00; border-radius:100px;}
.kdone_icon ul li div{float:left; width:70%; }
.kdone_icon ul li div p{ padding:0; margin:0; font-size:1.5em; color:#333; text-align:left;}
.kdone_icon ul li div span{ display:block; text-align:left; font-size:1em; color:#777; line-height:24px; padding-top:15px;}

.kdone_system {width:100%; margin-top:50px;}
.kdone_system .con_box1 {clear:both; width:100%; margin-bottom:80px;}
.kdone_system .con_box1:after{ content:""; display:block; clear:both;}
.kdone_system .con_box1 img {float:left; width:50%;}
.kdone_system .con_box1 .txt_area{float:left; width:50%; text-align:left;}
.kdone_system .con_box1 .txt_area > .txt{padding-left:30px;}
.kdone_system .con_box1 .txt_area > .txt > p.tit1{font-size:2em; letter-spacing:-0.05em;}
.kdone_system .con_box1 .txt_area > .txt > p.tit2{font-size:1.3em; }
.kdone_system .con_box1 .txt_area > .txt > span{display:block; font-size:1em; color:#777; padding:20px 0px;}

.kdone_system .con_box2 {clear:both; width:100%; margin-bottom:80px;}
.kdone_system .con_box2:after{ content:""; display:block; clear:both;}
.kdone_system .con_box2 img {float:right; width:50%;}
.kdone_system .con_box2 .txt_area{float:left; width:50%; text-align:right;}
.kdone_system .con_box2 .txt_area > .txt{padding-right:30px;}
.kdone_system .con_box2 .txt_area > .txt > p.tit1{font-size:2em; letter-spacing:-0.05em;}
.kdone_system .con_box2 .txt_area > .txt > p.tit2{font-size:1.3em; }
.kdone_system .con_box2 .txt_area > .txt > span{display:block; font-size:1em; color:#777; padding:20px 0px;}


/*코텍소개*/
.kotech_icon {width:100%; margin-top:80px; }
.kotech_icon:after{ content:""; display:block; clear:both;}
.kotech_icon ul{padding:0; margin:0;}
.kotech_icon ul li{float:left; width:50%; text-align:center; margin-bottom:50px; }
.kotech_icon ul li div.icon{ float:left; width:30%; text-align:center; }
.kotech_icon ul li div.icon i{ display:inline-block; text-align:center; font-size:3em; color:#fff; margin-bottom:20px; width:100px; height:100px; line-height:100px;  background:#ffad00; border-radius:100px;}
.kotech_icon ul li div{float:left; width:70%; }
.kotech_icon ul li div p{ padding:0; margin:0; font-size:1.5em; color:#333; text-align:left;}
.kotech_icon ul li div span{ display:block; text-align:left; font-size:1em; color:#777; line-height:24px; padding-top:15px;}

.kotech_system {width:100%; margin-top:50px; border-bottom:1px solid #eee;  }
.kotech_system:after{ content:""; display:block; clear:both;}
.kotech_system ul{ padding:0; margin:0; }
.kotech_system ul li{float:left; width:33.33333%; text-align:center; border-top:1px solid #eee; border-left:1px solid #eee; box-sizing:border-box;}
.kotech_system ul li p.circle{display: inline-block; padding:0; margin-top:20px; width: 200px;  height: 200px;  line-height: 200px;  text-align: center;  font-size: 3em;   color: #fff;   background: #f8f8f8;    border-radius: 100px;}
.kotech_system ul li span{ display:block; font-size:1.3em; color:#333; padding:20px 0 40px 0; }
.kotech_system ul li:first-child{border-left:0; }

.kotech_system_list div.dleft {float:left; width:50%; margin:50px 0; }
.kotech_system_list div.dright {float:right; width:50%; margin:50px 0;}
.kotech_system_list div i {float:left; display:inline-block; width:100px; height:100px; line-height:100px; text-align:center; font-size:3em; color:#fff; background:#ffad00; border-radius:100px;}
.kotech_system_list div p.con_tit {clear:both; font-size:1.5em; height:20px; line-height:20px; color:#000;  text-align:left; margin:0px 0 20px 0; padding-left:8px; font-weight:500; }
.kotech_system_list div p {float:right; display:inline-block; width:80%; top:0; margin:0; }

.kotech_tbl table { clear:both; width:100%; border-collapse:collapse;}
.kotech_tbl table th { width:20%; text-align:center; font-size:1em; color:#000; vertical-align:middle; padding:0; margin:0; border-bottom:1px solid #EEE; border-right:1px solid #eee;}
.kotech_tbl table td { width:80%; text-align:left; font-size:1em; color:#555; vertical-align:middle;  padding:15px 15px;  background:#fff; border-bottom:1px solid #EEE;}

.product_view_left{width:45%; float:left;}
.product_view_right{width:50%; float:right;}
.product_view_right table { width:100%; border-top:1px solid #000; padding:0; margin:0; border-collapse:collapse;}
.product_view_right table th { width:20%; text-align:center; font-size:13px; color:#000; vertical-align:middle; font-weight:normal; padding:0; margin:0; background:#f5f5f5; border-bottom:1px solid #EEE;}
.product_view_right table td { width:80%; text-align:left; font-size:13px; color:#555; vertical-align:top;  padding:10px 0 10px 15px; background:#fff; border-bottom:1px solid #EEE;}
.product_view_right table td > a {color:#666;}
.product_view_right table td > a:hover {color:#000;}


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

	#back_cover {position:absolute; display:none; left:0; top:0; display:; width:100%; height:100%; top:0px; background:rgba(0,0,0,0.5); z-index:99998;}
	#sideMenu {display:inline; position:absolute; top:0; left:-250px; width:250px; height:100%; background-color:#fff; z-index:99999;}
	#sideMenu .side_close{height:60px; line-height:60px; background-color:#797A7C; color:#fff; text-align:right; font-size:1em;  cursor:pointer;}
	#sideMenu .side_title{height:60px; line-height:60px; background-color:#f16351; color:#fff; text-align:center; font-size:1.3em; }
	#sideMenu .navi_bg{ width:100%;}
	#sideMenu .nav { width:100%; margin:0 auto;  padding:0; list-style: none; overflow:hidden;  box-sizing:border-box;}/*주메뉴 마우스 아웃*/
	#sideMenu .nav ul { width:100%; margin:0; padding:0;}
	#sideMenu .navi_set{ display:inline;  margin:0; padding:10px 0 10px 0; text-align:center;  }
	#sideMenu .navi_set > div {display:block; width:100%; height:40px; line-height:40px; border-bottom:1px solid #aaa; text-align:left; background-color:#fff; color:#333; text-indent:10px; cursor:pointer;}
	#sideMenu .navi_set ul {display:none;}
	#sideMenu .navi_set ul li {list-style:none; border-bottom:1px solid #eee;}
	#sideMenu .navi_set ul li a{display:block; width:100%; height:30px; line-height:30px; text-align:left; font-size:0.9em; color:#333; cursor:pointer;  text-indent:20px; background-color:#fff;}
	#sideMenu .navi_set ul li a:hover{color:#fff; background-color:#aaa; }

	
	#main_visual{height:auto; }
	#main_visual:after{ content:""; display:block; clear:both;}
	#main_visual .sliderkit-panels{width:100%; height:550px; padding:0; }
	#main_visual .sliderkit-panel{width:100%; height:550px;padding:0; }
	#main_visual .sliderkit-panel img{width:100%; }
	#main_visual .sliderkit-nav {position:relative; width:105px; margin:0 auto; }
	#main_visual .sliderkit-nav-clip {position:absolute; height:10px; margin:0; top:550px;}
	#main_visual .sliderkit-nav-clip li {float:left; width:30px; height:10px;  background-color:#000; margin:0 2px; border:1px solid #fff; box-sizing:border-box;}
	#main_visual .sliderkit-nav-clip li.sliderkit-selected{background-color:#4664bc; box-sizing:border-box;}

	#pro_tab {width:96%;}
	#pro_tab .tab li{float: left; width:17%;}


	#sub_menu{  } 
	#sub_menu .sub_tab{width:100%;}
	#sub_menu .sub_tab ul li{width:25%; border-bottom:1px solid #EEE;}	
	#sub_menu .sub_tab ul li a:hover{border-bottom:1px solid #EEE;}	
	#sub_menu .sub_tab ul.li3 li{width:33.333333%; border-bottom:1px solid #EEE;;}
	#sub_menu .sub_tab ul.li3_none li{width:33.333333%; border-bottom:0px solid #EEE;}
	#sub_menu .sub_tab ul.li10 li{width:33.333333%; border-bottom:1px solid #EEE}	
	#sub_menu .sub_tab ul.li2 li{width:50%; border-bottom:1px solid #EEE;;}	
	
	.scontents{width:95%}

	.company img {margin:15px; margin-top:0px; margin-left:0px;}

	.kdone_system .con_box1, .kdone_system .con_box2 {margin-bottom:50px;}
	

}

@media screen and (min-width: 801px) {

}

@media screen and (max-width: 768px) {
	#mobile_header{display:block;}
	#header_wrap, #gnb_wrap, #gnb_area {display:none;}


	#main_visual{height:auto;}
	#main_visual .swiper-slide{width:100%; height:450px;}
	#main_visual .swiper-slide div.backgroundimg1{height:450px; background:url('http://hyunsystem02.cdn3.cafe24.com/main_visual01_m.jpg') top center no-repeat;}
	#main_visual .swiper-slide div.backgroundimg2{height:450px; background:url('http://hyunsystem02.cdn3.cafe24.com/main_visual02_m.jpg') top center no-repeat;}
	#main_visual .swiper-slide div.backgroundimg3{height:450px; background:url('http://hyunsystem02.cdn3.cafe24.com/main_visual03_m.jpg') top center no-repeat;}
	#main_visual .sliderkit-text {bottom:4%; text-align:center; }
	#main_visual .sliderkit-text h1.lviewa{font-size:2em;}
	#main_visual .sliderkit-text h1.sview{display:none;}


	#sub_visual{width:100%;}
	.backgroundimg{background:url(http://hyunsystem02.cdn3.cafe24.com/sub_visual01.jpg) no-repeat top right;}
	.visual_area .visual_img {display:none;}
	.visual_title{bottom:30%; padding:10px 0px; margin:0; text-align:center; background:rgba(0,0,0,0); }
	.visual_title h1{font-size:1.2em; }
	.visual_title span{font-size:0.8em; display:none;}


	#m_bnr_left {float:left; width:100%; }
	#m_bnr_left .con_left { width:100%; background-size:23%;}
	#m_bnr_right {float:left; width:100%;}
	#m_bnr_right .con_right {width:100%; background-size:23%;}


	#pro_area { width:100%; margin:0px auto;}
	#pro_area:after{width:15%; }
	#pro_tab {width:96%;}
	#pro_tab .tab li{float: left; width:17.3%;}
	#pro_tab .tab a{font-size:0.8em;}
	#pro_tab .btn_more { right:10px;}
	.pro_list{ width:100%;}
	.pro_list ul li{margin:5px; padding-bottom:20px;width:45%;}


	#comm_area .board_area{width:100%; margin:0px auto;}
	#comm_area .board_area .dleft{ position:relative;float:left; width:100%;}
	#comm_area .board_area .dright{position:relative; float:right; width:100%; margin-top:20px;}
	#comm_area .board_area div.board_box{width:90%; margin:0px auto;}
	#comm_area .board_area div.board_box .more{ right:20px; }
	
	.map_wrap .map_info {float:left; width:100%; position:relative;}
	.g_map {float:left; width:100%; }


	#footer .copy_bar div .copy_menu {width:100%; height:50px; line-height:50px; text-align:center;}
	#footer .copy_bar div .copy_tel a {width:100%; background-color:#000; text-align:center;}
	#footer .copyright{width:90%; text-align:center; margin:0 auto;  padding-top:20px; }
	#footer .copyright p{ text-align:left; color:#888; padding-top:50px;}
	#footer .copyright span{color:#888; margin-right:5px;}


	/*경동원_코텍공통*/
	.introduce_slogan p{ font-size:1.3em; color:#000; line-height:24px; font-weight:500; text-align:center; padding:10px 0px; margin:0;}
	.introduce_system_tit{font-size:1.5em;}


	/*경동원소개*/
	.kdone_catallog div.img_box { width:100%; font-size:0; text-align:left;}
	.kdone_catallog div.img_box img { width:95%; text-align:left; padding:10px; margin:0 auto; }
	.kdone_catallog div.txt_area { width:95%; margin-bottom:20px;}
	.kdone_catallog div.txt_area > .txt_tit { width:100%; font-size:1.5em; line-height:24px; margin-top:20px; color:#fff;}
	.kdone_catallog div.txt_area > .txt_list { width:100%; font-size:1em; line-height:30px; margin-top:20px; color:#fff;}
	.r_box1 { width:24px; height:24px; line-height:24px;}
	.r_box2 { width:24px; height:24px; line-height:24px;}

	.kdone_icon ul li{float:left; width:100%; text-align:center; margin-bottom:50px; }
	.kdone_icon ul li div.icon{ float:left; width:100%; text-align:center; }
	.kdone_icon ul li div.icon i{ display:inline-block; text-align:center; font-size:3em; color:#fff; margin-bottom:20px; width:100px; height:100px; line-height:100px;  background:#ffad00; border-radius:100px;}
	.kdone_icon ul li div{float:left; width:100%; }
	.kdone_icon ul li div p{ padding:0; margin:0; font-size:1.5em; color:#333; text-align:center;}
	.kdone_icon ul li div span{ display:block; text-align:center; font-size:1em; color:#777; line-height:24px; padding-top:15px;}


	.kdone_system .con_box1 img {width:100%;}
	.kdone_system .con_box1 .txt_area{width:100%;}
	.kdone_system .con_box1 .txt_area > .txt{padding-left:0px; padding-top:10px;}
	.kdone_system .con_box1 .txt_area > .txt > p.tit1{font-size:1.8em;}

	.kdone_system .con_box2 img { width:100%;}
	.kdone_system .con_box2 .txt_area{ width:100%; text-align:left;}
	.kdone_system .con_box2 .txt_area > .txt{padding-right:0px; padding-top:10px;}
	.kdone_system .con_box2 .txt_area > .txt > p.tit1{font-size:1.8em;}


	/*코텍소개*/
	.kotech_icon ul li{float:left; width:100%; text-align:center; margin-bottom:50px; }
	.kotech_icon ul li div.icon{ float:left; width:100%; text-align:center; }
	.kotech_icon ul li div.icon i{ display:inline-block; text-align:center; font-size:3em; color:#fff; margin-bottom:20px; width:100px; height:100px; line-height:100px;  background:#ffad00; border-radius:100px;}
	.kotech_icon ul li div{float:left; width:100%; }
	.kotech_icon ul li div p{ padding:0; margin:0; font-size:1.5em; color:#333; text-align:center;}
	.kotech_icon ul li div span{ display:block; text-align:center; font-size:1em; color:#777; line-height:24px; padding-top:15px;}

	.kotech_system {width:100%; margin-top:50px; border-bottom:1px solid #eee;  }
	.kotech_system:after{ content:""; display:block; clear:both;}
	.kotech_system ul{ padding:0; margin:0; }
	.kotech_system ul li{float:left; width:100%; text-align:center; border-bottom:0px solid #eee; border-left:0px solid #eee; box-sizing:border-box;}
	.kotech_system ul li p.circle{display: inline-block; padding:0; margin-top:20px; width: 200px;  height: 200px;  line-height: 200px;  text-align: center;  font-size: 3em;   color: #fff;   background: #f8f8f8;    border-radius: 100px;}
	.kotech_system ul li span{ display:block; font-size:1.3em; color:#333; padding:20px 0 40px 0; }
	.kotech_system ul li:first-child{border-left:0; }


	#sub_tit .path { display:none;}
	.sub_location > div .cen{ display:none;}
	.sub_location ul{width:50%;}
	.sub_location ul:first-child{border-left:0px; }
	.sub_location ul.dep2{border-right:0px;}
	.sub_location ul ul{width:100.8% !important;}

	.product_view_left{width:100%; float:none; text-align:center;}
	.product_view_right{width:100%; float:none;}


}

@media screen and (max-width: 480px) {

	.lviewa{ font-size:1em; }
	.sview{display:block;}


	#sub_menu .sub_tab ul li a{font-size:0.9em;}
	#pro_area .pro_tit span{ width:230px;}	

}


/* 반응형 게시판 관련*/

#bo_sch #sfl{width:19%;}
#bo_sch .sch_input{width:70%;}
.select_bo_cate {width: 100%;	margin:0 auto;	 padding:0; display: block;	height: 40px;		border: 1px solid #ddd;		background: #fff;		position: relative;		text-align: left;	box-sizing:border-box; margin-bottom:20px; z-index:99999;}
.select_bo_cate a.sel {color: #333;	height: 40px;	line-height: 40px;	width: 100%;	display: block;		background: url(/img/select.gif) no-repeat top right;	font-size: 1em;		cursor: pointer;	text-indent:15px;}
.select_bo_cate a:hover {	text-decoration: none; }
.select_bo_cate ul{display:none; width:100%; margin:0; padding:0;  background:#333; border:1px solid #333; margin-top:-1px;}
.select_bo_cate ul li{width:100%; margin:0; padding:0;	}
.select_bo_cate li a {width:100%; margin:0; padding:0;	list-style: none;	display: block;	 height: 30px;	line-height: 30px;	font-size: 1em;	color:#fff;text-indent:10px;}


.mview{display:none;}

@media all and (max-width:1160px){ 
	#bo_sch #sfl{width:17%;}
	#bo_sch .sch_input{width:60%;}
}

@media all and (max-width:992px){ 
	#bo_sch{width:100%;}
	.mview{display:none;}
	#bo_cate_ul li{width:15%; min-width:100px;}
	#bo_cate a{padding:0 10px;}
}
@media all and (max-width:768px){ 
	.snone{display:none;}
	#bo_gall .gall_box{margin:0 0 20px 0}
	.gall_row .col-gn-3, .gall_row .col-gn-4, .gall_row .col-gn-5{width:50%;}
	.gall_row .box_clear{clear:none;}
	.gall_text_href{font-size:0.9em;}

	#bo_v_con iframe{width:100%; height:auto; min-height:450px;}

	.mnone{display:none;}
	.mview{display:block;}

	.bo_w_info1{width:100% !important; margin-top:10px;}

	#bo_sch .sch_input{width:60%;}
}

@media screen and (max-width: 480px) {
	a.btn i,.btn i{display:none;}
	#bo_sch select{width:30%;}
	#bo_sch .sch_input{width:50%;}

	#bo_cate li{min-width:auto;}
	#bo_cate a {padding:0px 10px;}

	#bo_v_con iframe{min-height:300px;}
}