@charset "utf-8";

/***************************************** font *****************************************/
@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 200;
	src: url(../font/NanumBarunGothicUltraLight.eot);
	src: local('NanumBarunGothicUltraLight'),
		local('NanumBarunGothicUltraLight'),
		url(../font/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
		url(../font/NanumBarunGothicUltraLight.woff2) format('woff2'),
		url(../font/NanumBarunGothicUltraLight.woff) format('woff'),
		url(../font/NanumBarunGothicUltraLight.ttf) format('truetype');
}

@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 300;
	src: url(../font/NanumBarunGothicLight.eot);
	src: local('NanumBarunGothicLight'),
		local('NanumBarunGothicLight'),
		url(../font/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
		url(../font/NanumBarunGothicLight.woff2) format('woff2'),
		url(../font/NanumBarunGothicLight.woff) format('woff'),
		url(../font/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 400;
	src: url(../font/NanumBarunGothic.eot);
	src: local('NanumBarunGothic'),
		local('NanumBarunGothic'),
		url(../font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
		url(../font/NanumBarunGothic.woff2) format('woff2'),
		url(../font/NanumBarunGothic.woff) format('woff'),
		url(../font/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 700;
	src: url(../font/NanumBarunGothicBold.eot);
	src: local('NanumBarunGothicBold'),
		local('NanumBarunGothicBold'),
		url(../font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
		url(../font/NanumBarunGothicBold.woff2) format('woff2'),
		url(../font/NanumBarunGothicBold.woff) format('woff'),
		url(../font/NanumBarunGothicBold.ttf) format('truetype');
}

/***************************************** reset *****************************************/
html {height:100%;}
* {margin:0;padding:0;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-style:normal;font-family:'NanumBarunGothic','Malgun Gothic','돋움','dotum',Helvetica,Arial,Sans-Serif;word-break:keep-all;transition:all 1s ease;-webkit-transition:all 1s ease;-webkit-text-size-adjust:none;}
body {min-height:100%;height:100%;font-size:16px;letter-spacing:-0.25px;font-family:'NanumBarunGothic','Malgun Gothic','돋움','dotum',Helvetica,Arial,Sans-Serif;line-height:23px;color:#222337;}
legend,caption {visibility:hidden;width:0;height:0;font-size:0;line-height:0}
em{font-style:normal}
textarea {width:99%;padding:10px;border:1px solid #ddd;font-size:16px;font-family:'NanumBarunGothic','Malgun Gothic','돋움','dotum',Helvetica,Arial,Sans-Serif;color:#222337;background:#fff;vertical-align:middle;resize:none;}
select, input {vertical-align:middle;border-radius: 0;box-shadow:none;}
ul,ol,li,dl,dt,dd {list-style:none}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin:0;padding:0;font-size:inherit;}
img {border:0;vertical-align:top;max-width:100%;height:auto;}
fieldset {border:0}
table {border-collapse:collapse;font-size:16px;color:#222337;table-layout:fixed;border-spacing:0;width:100%;margin:0;}
th {text-align:center;color:#222337;line-height:16px;}
td {text-align:left;}
strong {font-weight:700;}
button{cursor: pointer;}
a {color:#222337;text-decoration:none;cursor:pointer;}
a:hover{color:#222337;text-decoration:underline}
p {line-height:30px;}

input[type=checkbox],
input[type=radio]{width:12px;height:12px;margin:2px 5px 2px 0;padding:0;vertical-align:middle}
input[type=text] {padding:0;height:50px;border:1px solid #4a556c;color:#222337;background:transparent;text-indent:20px;}

input::placeholder {font-size:16px;line-height:1 !important;color:#5c6a87;}
input::-webkit-input-placeholder {font-size:16px;line-height:1 !important;color:#5c6a87;}
input:-ms-input-placeholder {font-size:16px;line-height:1 !important;color:#5c6a87;}
input:-mos-input-placeholder {font-size:16px;line-height:1 !important;color:#5c6a87;}

.inp {position:relative;}
.inp.email {text-align:left;}
.inp.email:after{display:block;clear:both;content:''}
.inp.email input {float:left;width:30%;}
.inp.email em {float:left;display:inline-block;text-align:center;width:25px;font-size:15px;line-height:50px;}
.inp.email select {float:right;width:35%;height:50px;}

.inp.tel {display:table;width:50%;table-layout:fixed;}
.inp.tel:after{display:block;clear:both;content:''}
.inp.tel input {display:table-cell;width:100%;}
.inp.tel span {display:table-cell;width:20px;text-align:center;}

.inp.hp {text-align:left;padding-right:120px;}
.inp.hp:after{display:block;clear:both;content:''}
.inp.hp .btn {padding:0;min-width:auto;width:110px;font-weight:300;font-size:15px;position:absolute;right: 0}

.over_h {overflow:hidden !important;}
.vat {vertical-align:top !important;}
.vam {vertical-align:middle !important;}
.fw_n {font-weight:normal !important;}
.fw_b {font-weight:bold !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}
.tac {text-align:center !important;}
.fl {float:left !important}
.fr {float:right !important}

.blind {position:absolute !important;left:-9999em;width:0;height:0;margin:0;padding:0;text-indent:-9999em;overflow:hidden;font-size:0;line-height:0;}

.pc_only {display: block !important}
.mobile_only {display: none !important}






/* 참가업체 뉴스 */
section.main_section.companynews_wrap { background:#f5f6f9; padding:85px 0;}
	dl.bbs_item.companyitem { background:#fff; margin:50px 40px; }
		p.new_photo_wrap img {  width:100%; border-radius: 20px 20px 0 0;}
		dl.bbs_item.companyitem dd { height:56px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; }


/* 뉴스게시판 */
div.colum_content_wrap {}
	dl.colum_item { margin-left:17%; text-align:left; }
	
		dl.colum_item > dt { float:left; width:380px; margin-right:50px; }
			dl.colum_item > dt  span {  font-size:16px; color:#555; }
			div.title {position:relative; width:100%; font-size:54px; font-weight:700; line-height:1 !important;margin-bottom:20px;}
			div.title:after {    
					background: url("/kor/main_images/common/ico_ci.png") no-repeat right top;  
					content: "";
					display: inline-block;
					height: 38px;
					width: 16px;    
					margin-left:10px;
			}
		div.btn_category_wrap { }
			div.btn_category_wrap > a { font-size:20px; margin-right:50px; cursor:pointer; cursor:hand; }
			div.btn_category_wrap > a:last-child {margin-right:0px;  }
			div.btn_category_wrap > a.act { font-size:20px; color:#111; border-bottom:2px solid #111;  }
		div.btn_more {  text-align:center; width:55px; height:55px;}
			div.btn_more a  { display:block; width:55px; height:55px; line-height:60px; font-size:27px; border:1px solid #ddd; border-radius:6px; vertical-align:middle; margin-top:60px;  }

	dl.colum_item > dd { float:left; width:calc(100% - 430px); }
		dl.colum_item ol{width:74%; border:1px solid #efefef; border-radius:20px; padding: 45px 30px 30px 30px;}
		dl.colum_item ol li a{width:100%;}
		dl.bbs_item { text-align:left;}
		dl.bbs_item > dt {}
		/*dl.bbs_item > dt:after {
        content: "";
        display: block;
        width: 40px;
        border-bottom: 2px solid #111;
        margin: 20px 0px;
		}*/
		
		dl.bbs_item > dt p {line-height:30px; float:right; font-size:14px; color:#999; font-weight:400; height:34px;}
		dl.bbs_item > dt strong {margin-right:10px; /*min-width:658px;*/ width:80%; float:left; display:block; font-size:20px; color:#000;  font-weight:400; height:25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word;} 
		dl.bbs_item > dt span.ico_new {margin-right:5px; float:left; display:inline-block; width:25px; height:25px; font-size:14px;  font-weight:700; line-height:28px; background:#e60012; color:#fff; margin-left:5px; text-align:center; border-radius:40px; }
		dl.bbs_item > dd {font-size:18px; color:#555; height:80px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; }
			p.item_more_btn { position:absolute;  z-index:100; right:30px;bottom:15px; font-size:27px;}



		.mySwiper .swiper-slide {position:relative;  width: 400px; min-height:330px; margin:15px 20px 30px 30px; border-radius:20px; border:1px solid #efefef;   padding:40px; }
		.mySwiper .swiper-slide:hover  {box-shadow: 0px 5px 20px 3px rgba(0,0,0,0.1); border:1px solid #efefef; }

		.myprojectSwiper .swiper-slide {position:relative;  width: 400px; min-height:330px; margin:15px 20px 30px 30px; border-radius:20px; border:1px solid #efefef;   padding:40px; }
		.myprojectSwiper .swiper-slide:hover  {box-shadow: 0px 5px 20px 3px rgba(0,0,0,0.1); border:1px solid #efefef; }

		.companySwiper .swiper-slide {position:relative;  width: 400px;  margin:15px 20px 30px 30px; border-radius:20px; border:1px solid #efefef; }
		.companySwiper .swiper-slide:hover  {box-shadow: 0px 5px 20px 3px rgba(0,0,0,0.1); border:1px solid #efefef; }






/* 도면 안내 */
div.colum_content_wrap.planpaper_wrap { background:#f4f7fb; padding:85px 0;}
dl.colum_item.planpaper {margin-right:17%;  }
dl.colum_item.planpaper { }
dl.colum_item.planpaper dd { padding-left:30px; }
	ul.planpaper_list {}
	ul.planpaper_list li { float:left; width:20%; text-align:center;  }
	ul.planpaper_list li:last-child {  }
	ul.planpaper_list li a { display:block; width:110px; height:110px; padding-top:30px; font-size:20px; color:#555;  background:#fff; border-radius:20px; box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.1); }
	ul.planpaper_list li a:hover { background:#e60012;  color:#fff; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1); }
		ul.planpaper_list li a p i { color:#ddd;  font-size:27px;}


/* 업계 뉴스 */
section.main_section.industry_wrap { background:#fff; padding:85px 0 85px;}

	.industrySwiper .swiper-slide {position:relative;  width: 400px; margin:0; border-radius:0; border:0px solid #efefef;  }	
	.industrySwiper .swiper-slide:hover  {box-shadow:none; border:0px solid #efefef; }

	ul.industry_item li { position:relative; margin:15px 20px 30px 30px; border-radius:20px; border:1px solid #efefef;  background: #fff;  padding: 40px; min-height:218px; }
	ul.industry_item li:hover  {box-shadow: 0px 5px 20px 3px rgba(0,0,0,0.1); border:1px solid #efefef; }
		ul.industry_item li span { font-size:16px; color:#555;}
		ul.industry_item li p.bbs_title { margin-top:30px;  font-size:18px; font-weight:700;  color:#111; margin-bottom:20px; height:56px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word;}








/***************************************** layout *****************************************/
/* layout */
#wrap {padding-top:0;width:100%;position:relative;min-width:1280px}
#header {width:100%;height:80px;text-align:center;position:fixed;top:0;left:0;z-index:99;}
.fp-viewing-0 #header{background-color:rgba(255,255,255,1);} /*background-color:rgba(0,0,0,0.2);*/
#header{background-color:rgba(255,255,255,1); border-bottom:1px solid #CCCCCC;}
#header *{transition:none;}
#header:after{display:block;clear:both;content:''}



/* 페이지 스크롤시 상단 gnb 영역 모두 변화 */
#header.scroll { background:rgba(255,255,255,1);box-shadow: 0px 0px 12px 5px rgba(0,0,0,0.1); }
#header.scroll .gnb a { color:#000; }
#header.scroll .btn_language p {  border:1px solid #e60012; background:#e60012;  }



#container {width:100%;margin:0;padding:0;}
#container:after{display:block;clear:both;content:''}
#content.main {padding-top:0;margin:0 auto;width:100%;min-height:auto;}
#content:after{display:block;clear:both;content:''}
.inner {width:1280px;margin:0 auto;position:relative;}
.inner:after{display:block;clear:both;content:''}
.inner h2{margin-bottom:50px;text-align:left;color:#000;font-size:54px;font-weight:700;line-height:1;}

.header_cont {position:relative;font-size: 0;line-height:1;width:100%;margin: 0 auto;}
.header_cont h1 {position:absolute;width:200px;height:23px;top:28px;left:30px;background:url('../images/index/logo.png') no-repeat 0 0;text-indent:-9999px;z-index:15;background-size:200px auto;}
.header_cont h1 a {display: block;width:100%;height:100%;}

.util {position:fixed;right:10px;top:0;}
.util a {float:left;display:block;height:80px;width:60px;overflow:hidden;line-height:80px;text-decoration:none;text-indent:-9999px;background-size:24px;background-position:center;background-repeat:no-repeat;}
.util .menu {background-image:url('../images/index/util_menu.png');display:none;}
.util .lang {background-image:url('../images/index/util_lang.png');}
.util .sns01 {background-image:url('../images/index/util_sns01.png');}
.util .sns02 {background-image:url('../images/index/util_sns02.png');}

#footer {width:100%;padding:80px 0 100px 0;text-align:left;background:#34415a;font-size:16px;line-height:34px;color:#868e9c;}
#footer a {font-size:16px;line-height:34px;color:#868e9c;}
.footer_cont {display:block;width:1280px;margin:0 auto;position:relative;}
.footer_cont:after{display:block;clear:both;content:''}
.footer_cont .addr {float:left;width:50%;}
.footer_cont .addr span {display:inline-block;}
.footer_cont .addr .bar {text-align:center;margin:0 20px;}
.footer_cont .addr > p {margin-top:10px;color:#5b6987;font-size:14px;font-weight:400;}
.footer_cont .newsletter {float:right;width:50%;padding-left:120px;}
.footer_cont .newsletter p {padding-left:32px;background:url('../images/index/ico_mail.png') no-repeat left center;}
.footer_cont .newsletter .req {margin-top:20px;width:100%;position:relative;}
.footer_cont .newsletter .req input {width:calc(100% - 150px);}
.footer_cont .newsletter .req .btn {display:inline-block;width:153px;height:50px;text-align:center;position:absolute;right:0;top:0;background-color:#e4007f;color:#fff !important;text-decoration:none;}
.footer_cont .newsletter .req .btn span {line-height:50px;}
.footer_cont .newsletter .req_check {margin-top:20px;font-size:14px;}

.footer_btn {position:absolute;right:0;top:-78px;}
.footer_btn .btn_ico{float:left;}

.open_pop {overflow:hidden;}
.dim {position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:99;opacity:0.5;background-color:rgb(0, 0, 0);}

.gnb, .gnb *{transition:none;}
.gnb_wrap {display:inline-block;/*margin-left:120px;*/}
.gnb_header {display:none;}
.gnb_wrap .gnb {display:inline-block;}
.gnb_wrap .gnb a {display:block;width:165px;text-align:center;}
.gnb_wrap .gnb > ul > li {float:left;position:relative;line-height: 23px;}
.gnb_wrap .gnb > ul > li > a {height:80px;line-height:80px;font-size:18px;font-weight:400;color:#000;text-decoration:none;position:relative;}
.gnb_wrap .gnb > ul > li.on > a {border-bottom:2px solid #fad1e3;}
.gnb_wrap .gnb > ul > li > ul {position:absolute;top:90px;}
.gnb_wrap .gnb > ul > li > ul > li {margin-bottom:8px;}
.gnb_wrap .gnb > ul > li > ul > li a {color:#000;font-size:15px;opacity:0.8;}
.gnb_wrap .gnb .dep01 {display:none;}
.gnb_wrap .gnb .dep01 > li > a:hover,
.gnb_wrap .gnb .dep01 > li.on > a {font-weight:400;color:#fad1e3;opacity:1; text-decoration-line:none;}
.gnb_wrap .gnb .dep02 {display:none}
.gnb .hide_pc {display:none;}
.gnb_wrap .btn_ico.close_gnb {display:none;}

.gnb_wrap .gnb.gnb_eng a{width: 150px;}
.gnb_wrap .gnb.gnb_eng > ul > li > ul > li{margin-bottom: 18px;}
.gnb_wrap .gnb.gnb_eng > ul > li > ul > li a{line-height: 16px;}

#header.gnb_open {height:340px;}
#header.gnb_open .dep01 {display:block;}

.btn_ico {display:inline-block;width:32px;height:32px;background:url("../images/common/btn.png") no-repeat 0 0;font-size:0px;text-indent:-9999px;z-index:10;overflow:hidden;}
.btn_ico.go {margin-left:6px;width:48px;height:48px;background:url("../images/index/btn_go.png") no-repeat 0 0;}
.btn_ico.go.prev {background-position:0 0;}
.btn_ico.go.next {background-position:-58px 0;}
.btn_ico.close_gnb {background:url("../images/index/btn_close_gnb.png") no-repeat 0 0;}
.btnmore {display:inline-block;font-weight:700;text-decoration:underline;}


/***************************************** index *****************************************/
.section {padding-top:120px;padding-bottom:140px;min-height:900px;}
.section .tit_area {margin-bottom:50px;position:relative;}
.section .tit_area:after {display:block;clear:both;content:''}
.section .tit_area h2 {margin-bottom:0;}
.section .tit_area .aside {display:inline-block;position:absolute;right:0;top:0;}
.section .date {margin-top:0;font-size:12px !important;color:#aeaeae !important;position:absolute;bottom:25px;left:30px;}

.index_vis {position:relative;overflow:hidden;width:100%;height:910px;background:#000;}
.index_btn {position:absolute;bottom:0;left:18%; z-index:1;} /* transform:translate(-50%, -50%); */
.index_btn a {float:left;display:block;width:240px;height:90px; color:#fff;font-size:22px;text-decoration:none;border-left:1px solid #000000;overflow:hidden;}
.index_btn a:nth-child(1) {border-top-left-radius:30px; background-color:rgba(228,0,127,0.8); }
.index_btn a:nth-child(2) {background-color:rgba(228,0,127,0.8); }
.index_btn a:nth-child(3) {background-color:rgba(228,0,127,0.8); }
.index_btn a:nth-child(4) {border-left:1px solid #6a6a6a;}
.index_btn a:nth-child(5) {border-top-right-radius:30px;}
.index_btn a span {display:block;padding:34px 0 0 94px;height:90px;background-size:36px;background-position:38px center;background-repeat:no-repeat;}
.index_btn a:nth-child(1) span {background-image:url('../images/index/ico_vis01.png'); }
.index_btn a:nth-child(2) span {background-image:url('../images/index/ico_vis02.png');}
.index_btn a:nth-child(3) span {background-image:url('../images/index/ico_vis05.png');}
.index_btn a:nth-child(4) span {background-image:url('../images/index/ico_vis03.png');background-color:rgba(52,65,90,0.8);}
.index_btn a:nth-child(5) span {background-image:url('../images/index/ico_vis04.png');background-color:rgba(52,65,90,0.8);}
.index_txt {width:1280px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1; text-align:center;}
.index_txt p {color:#fff;font-size:24px;line-height:30px;font-weight:300;}
.index_txt p span {display:block;font-size:48px;line-height:50px;font-weight:700;}
.index_txt p em {color:#fad1e3;}
.index_txt p img {display:block;margin:40px auto 30px auto;}
.index_video {width:100%;height:910px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.index_vis iframe,
.index_vis object,
.index_vis embed {width:120%;min-width:2580px;height:160vh;margin-left:-10%;margin-top:-20vh;opacity:0.5;}

.index_notice {overflow:hidden;}
.index_notice ul {margin:-40px 0 0 -40px;overflow:hidden;}
.index_notice li {padding:40px 0 0 40px;float:left;width:25%;}
.index_notice li a {display:block;padding:30px 30px 0 30px;height:220px;overflow:hidden;border:1px solid #e2e2e2;position:relative;text-decoration:none;}
.index_notice li a:hover {border-color:#888;}
.index_notice li a * {display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:400;}
.index_notice li a strong {max-height:64px;font-size:21px;line-height:32px;}
.index_notice li a span {margin-top:10px;max-height:48px;font-size:15px;line-height:24px;color:#888;font-weight:300;}
.index_notice li a em {font-size:18px;color:#fad1e3;font-weight:700;position:absolute;bottom:20px;right:20px;}
.index_notice li a .date {}

.section.event .inner h2 {margin-bottom:13px;}
.section.event .inner p {font-size:24px;line-height:34px;font-weight:300;}
.section.event .inner p em {color:#fad1e3;}

.index_event {padding-top:70px;width:100%;position:relative;}
.index_event .control {position:absolute;right:0;top:0;}
.index_event .control a {float:left;width:250px;height:70px;font-size:18px;line-height:70px;text-decoration:none;text-align:center;color:#fff;background-color:#000;}
.index_event .control a.on {background-color:#fad1e3;}
.index_event .slide {width:100%;height:580px;overflow:hidden;}
.index_event .slide li {position:relative;height:580px;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#000;}
.index_event .slide li.item01 {background-image:url('../images/index/img_special01.png');}
.index_event .slide li.item02 {background-image:url('../images/index/img_special02.png');}
.index_event .slide li.item03 {background-image:url('../images/index/img_special03.png');}
.index_event_txt {position:absolute;left:50%;top:50%;margin-top:-100px;}
.index_event_txt * {color:#fff;}
.index_event_txt strong {display:block;font-weight:700;font-size:52px;line-height:1;}
.index_event_txt p {margin:30px 0 40px 0;font-weight:300;font-size:24px;line-height:36px;}

.section.news {background-color:#f0f0f7;}
.index_news {overflow:hidden;}
.index_news ul {margin:0;overflow:hidden;}
.index_news li {padding:0;float:left;width:33.333%;}
.index_news li a {display:block;height:530px;overflow:hidden;position:relative;text-decoration:none;background-color:#fff;}
.index_news li .thum {width:400px;height:300px;background-repeat:no-repeat;background-size:cover;background-position:center;}
.index_news li .info {padding:30px;}
.index_news li .info * {display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:400;}
.index_news li .info strong {max-height:64px;font-size:21px;line-height:32px;}
.index_news li .info span {margin-top:10px;max-height:48px;font-size:15px;line-height:24px;color:#888;font-weight:300;}
.index_news li .info em {font-size:18px;color:#fad1e3;font-weight:700;position:absolute;bottom:20px;right:20px;}
.index_news li .info .date {}

.section.gallery {padding-top:0;min-height:910px;position:relative;}
.section.gallery .img {height:910px;width:30%;background:url('../images/index/img_gallery.png') right bottom no-repeat;background-size:cover;position:absolute;right:0;top:0;}
.section.gallery .inner {padding-top:120px;padding-right:330px;}
.index_gallery {overflow:hidden;}
.index_gallery ul {margin:-40px 0 0 -40px;overflow:hidden;}
.index_gallery li {padding:40px 0 0 40px;float:left;width:33.333%;}
.index_gallery li a .thum {display:block;height:220px;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position:center;}

.section.partner {min-height:auto;}
.index_partner {margin:0 -5px;overflow:hidden;}
.index_partner ul {width:100%;height:50px;overflow:hidden;}
.index_partner ul li {float:left;margin:0 5px 0 0;}
.index_partner ul li a {display:block;width:175px;height:50px;text-align:center;line-height:48px;overflow:hidden;border:1px solid #ddd;}
.index_partner ul li img {max-width:100%;min-height:48px;object-fit:cover;}




/* 뉴스게시판 */
div.colum_content_wrap {}
	dl.colum_item { margin-left:17%; text-align:left; }
	
		dl.colum_item > dt { float:left; width:380px; margin-right:50px; }
			dl.colum_item > dt  span {  font-size:16px; color:#555; }
			div.title {position:relative; width:100%; font-size:54px; font-weight:700; line-height:1 !important;margin-bottom:20px;}
			div.title:after {    
					background: url("/kor/main_images/common/ico_ci.png") no-repeat right top;  
					content: "";
					display: inline-block;
					height: 38px;
					width: 16px;    
					margin-left:10px;
			}
		div.btn_category_wrap { }
			div.btn_category_wrap > a { font-size:20px; margin-right:50px; cursor:pointer; cursor:hand; }
			div.btn_category_wrap > a:last-child {margin-right:0px;  }
			div.btn_category_wrap > a.act { font-size:20px; color:#111; border-bottom:2px solid #111;  }
		div.btn_more {  text-align:center; width:55px; height:55px;}
			div.btn_more a  { display:block; width:175px; height:50px; line-height:50px; font-size:20px; border:1px solid #222337; border-radius:30px; vertical-align:middle; margin-top:60px;  }

	dl.colum_item > dd { float:left; width:calc(100% - 430px); }
		dl.colum_item ol{width:74%; border:1px solid #efefef; border-radius:20px; padding: 45px 30px 30px 30px;}
		dl.colum_item ol li a{width:100%;}
		dl.bbs_item { text-align:left;}
		dl.bbs_item > dt {}
		/*dl.bbs_item > dt:after {
        content: "";
        display: block;
        width: 40px;
        border-bottom: 2px solid #111;
        margin: 20px 0px;
		}*/
		
		dl.bbs_item > dt p {line-height:30px; float:right; font-size:14px; color:#999; font-weight:400; height:34px;}
		dl.bbs_item > dt strong {margin-right:10px; /*min-width:658px;*/ width:80%; float:left; display:block; font-size:20px; color:#000;  font-weight:400; height:25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word;} 
		dl.bbs_item > dt span.ico_new {margin-right:5px; float:left; display:inline-block; width:25px; height:25px; font-size:14px;  font-weight:700; line-height:28px; background:#e60012; color:#fff; margin-left:5px; text-align:center; border-radius:40px; }
		dl.bbs_item > dd {font-size:18px; color:#555; height:80px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; }
			p.item_more_btn { position:absolute;  z-index:100; right:30px;bottom:15px; font-size:27px;}



		.mySwiper .swiper-slide {position:relative;  width: 400px; min-height:330px; margin:15px 20px 30px 30px; border-radius:20px; border:1px solid #efefef;   padding:40px; }
		.mySwiper .swiper-slide:hover  {box-shadow: 0px 5px 20px 3px rgba(0,0,0,0.1); border:1px solid #efefef; }

		.myprojectSwiper .swiper-slide {position:relative;  width: 400px; min-height:330px; margin:15px 20px 30px 30px; border-radius:20px; border:1px solid #efefef;   padding:40px; }
		.myprojectSwiper .swiper-slide:hover  {box-shadow: 0px 5px 20px 3px rgba(0,0,0,0.1); border:1px solid #efefef; }

		.companySwiper .swiper-slide {position:relative;  width: 400px;  margin:15px 20px 30px 30px; border-radius:20px; border:1px solid #efefef; }
		.companySwiper .swiper-slide:hover  {box-shadow: 0px 5px 20px 3px rgba(0,0,0,0.1); border:1px solid #efefef; }



/***************************************** media *****************************************/

@media screen and (max-width:1300px) {
	.section.gallery .img {width:18%;}
}



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

	
	.mySwiper .swiper-slide {width: 360px; min-height:280px; margin:15px 15px 30px 30px;   padding:25px; }
	
	.companySwiper .swiper-slide {position:relative;  width: 360px;  margin:15px 15px 30px 30px;  }


	dl.colum_item > dt { width: 300px; }
	dl.colum_item > dd { width: calc(100% - 350px); }
	
	div.title { font-size: 44px; }
	dl.bbs_item > dt strong { font-size: 14px; height:20px; }
	dl.bbs_item > dd {  font-size: 14px; height: 65px;}
	dl.bbs_item.companyitem dd {  height: 44px; }
	ul.planpaper_list li a {  width:100px; height:100px; padding-top:27px; font-size:18px;  }
	ul.planpaper_list li a p i { color:#ddd;  font-size:24px;}
	


  }
 


@media screen and (max-width:1024px) {
	#wrap {min-width:100%;}
	body {font-size:15px;}
	body label {font-size:14px;}
	p {font-size:inherit;line-height:26px;}
	.inner {width:100% !important;}
	.header_side {border-bottom:none;}
	.util .menu {display:block;}
	.index .inner h2{margin-bottom:30px;font-size:32px;}
	.btn_ico.go {width:28px;height:28px;background-size:auto 28px;}
	.btn_ico.go.next {background-position:-34px 0;}

	#footer {padding:40px 15px;font-size:13px;}
	.footer_cont {width:100%;}
	.footer_cont .newsletter {padding-left:60px;}

	.content {width:100%;padding:30px 10px 100px;}
	
	#header.gnb_open .dep01 {display:none;}
	#header.gnb_open li.on .dep01.on{display: block;}
	.gnb_open {height:460px;}
	.gnb_wrap .gnb {display:none;}
	.gnb_open {height:70px;}
	.gnb_open .gnb_header {display:block;padding:30px;background:#010033;color:#fff;text-align:left;}
	.gnb_open .gnb_header a {display:inline-block;width:100px;height:30px;text-align:center;border:1px solid #424356;color:#fff;line-height:30px;font-weight:300;font-size:14px;text-decoration:none;}
	.gnb_open .gnb_wrap {position:fixed;top:0;left:10%;width:90%;height:100%;background:#fff;z-index:100;overflow-y: auto;overflow-x: hidden;}
	.gnb_open .gnb_wrap .btn_ico.close_gnb {display:block;position:absolute;top:15px;right:15px;}
	.gnb_open .gnb_wrap .hide_pc {display:block;}
	.gnb_open .gnb_wrap .gnb {display:block;height:100%;overflow-y:scroll;}
	.gnb_open .gnb_wrap .gnb a {width:100%;text-align:left;text-indent:30px;font-size:15px;}
	.gnb_open .gnb_wrap .gnb > ul > li {float:none;width:100%;border-bottom:1px solid #ddd;}
	.gnb_open .gnb_wrap .gnb > ul > li > a {height:48px;font-weight:400;line-height:48px;color:#222337 !important;}
	.gnb_open .gnb_wrap .gnb .add > a:after,
	.gnb_open .gnb_wrap .gnb > ul > li > a:after {display:block;content:'';position:absolute;top:50%;right:30px;width:8px;height:8px;border:solid #999;border-width: 0 1px 1px 0;margin-top:-7px;transform:rotate(405deg);-webkit-transform:rotate(405deg);}
	.gnb_open .gnb_wrap .gnb > ul > li.on > a {border-width:1px;font-weight:700;font-size:16px;}
	.gnb_open .gnb_wrap .gnb > ul > li.on > a:after {margin-top:-4px;transform:rotate(-134deg);-webkit-transform:rotate(-134deg);border-color:#ec711d;}
	.gnb_open .gnb_wrap .gnb > ul > li.on .add > a:after {margin-top:-4px;transform:rotate(-134deg);-webkit-transform:rotate(-134deg);border-color:#222;}
	.gnb_open .gnb_wrap .gnb > ul > li > ul {position:static;top:0;}
	.gnb_open .gnb_wrap .gnb > ul > li > ul > li {margin:0;border-top:1px solid #e5e5e5;}
	.gnb_open .gnb_wrap .gnb > ul > li > ul > li:first-child {border:none;}
	.gnb_open .gnb_wrap .gnb > ul > li > ul > li a {padding:11px 0;position:relative;color:#666 !important;opacity:1;}
	.gnb_open .gnb_wrap .gnb li.on .dep01 {background:#eeeef2;}

	.gnb_open .gnb_wrap .gnb li.on .dep02 {display:block;background:#f5f5f5;}
	.gnb_open .gnb_wrap .gnb li.on .dep02 a {padding:10px 0;text-indent:45px;font-size:14px;}
	.gnb_open .gnb_wrap .gnb li.on .dep02 li {border-top:1px dashed #e5e5e5;}
	.gnb_open .gnb_wrap .gnb li.on .dep02 li:first-child {border-top:1px solid #e5e5e5;}

	.section.index_vis {min-height:560px !important;}
	.index_video {height:560px}
	.index_vis iframe, .index_vis object, .index_vis embed {min-width:130vh;height:130vh;margin-top:-30vh;}
	.index_btn {width:100%; left:0;}
	.index_btn a {width:20%;height:50px;font-size:16px;}
	.index_btn a span {height:50px;background-size:18px;background-position:15px center;padding:14px 0 0 40px;}

	.index_txt {padding:0 15px;width:100%;top:190px;left:0;transform:none;}
	.index_txt p {font-size:16px;line-height:24px;}
	.index_txt p span {font-size:24px;line-height:30px;}
	.index_txt p img {margin:40px auto 30px auto;}
	
	.section {padding-top:80px;padding-bottom:80px;min-height:auto;}
	.section .tit_area {margin-bottom:30px;padding-right:77px;}
	.section .date {bottom:20px;left:20px;}

	.section.notice .inner {padding-left:15px;padding-right:15px;}
	.index_notice ul {margin:-15px 0 0 -15px;}
	.index_notice li {padding:15px 0 0 15px;}
	.index_notice li a {padding:20px;height:200px;}

	.section.event {padding-bottom:0;}
	.section.event .inner {padding-left:15px;padding-right:15px;padding-bottom:15px;}
	.section.event .inner p {font-size:20px;line-height:28px;}
	.index_event {padding-top:50px;}
	.index_event .control {width:100%;}
	.index_event .control a {width:33.333%;height:50px;line-height:50px;font-size:15px;}
	.index_event .slide li {height:420px;}
	.index_event_txt {left:15px;right:15px;}
	.index_event_txt strong {font-size:40px;}
	.index_event_txt p {margin:15px 0 20px 0;font-size:17px;line-height:24px;}

	.section.news .inner {padding-left:15px;padding-right:15px;}
	.index_news li a {height:420px;}
	.index_news li .thum {width:100%;height:220px;}
	.index_news li .info {padding:20px;}

	.section.gallery {min-height:auto;}
	.section.gallery .inner {padding-left:15px;padding-right:15px;padding-top:80px;}
	.section.gallery .img {display:none;}
	.index_gallery ul {margin:-15px 0 0 -15px;}
	.index_gallery li {padding:15px 0 0 15px;}

	.section.partner .inner {padding-left:15px;padding-right:15px;}
	
	
	
		dl.colum_item { margin-left:0%; text-align:left; padding-top:10%;}	
		dl.colum_item.support { margin-left:0%; text-align:left; padding-top:0;}	
		dl.colum_item > dt { float:none; width:100%; margin-right:0px; text-align:center;}


		div.btn_category_wrap { }
		div.btn_category_wrap > a { font-size:20px; margin-right:30px;  }
		div.btn_more {  text-align:center; width:55px; height:55px; margin:0 auto;}
			div.btn_more a  { display:block; width:55px; height:55px;   margin-top:30px; }
		dl.colum_item > dd { float:left; width:100%;margin-top:30px;  }
		dl.colum_item ol{width:90%; margin:0 auto;}
		dl.bbs_item > dt strong{width:78%;letter-spacing: -0.05em;}

		dl.colum_item.planpaper {  margin-right: 0%; padding-top:0%;}
		dl.colum_item.planpaper {margin-top:0; }
		dl.colum_item.planpaper dd {  padding-left: 0px; }
		ul.planpaper_list li a { margin:0 auto; }

		dl.colum_item.companynews {  margin-right: 0%; padding-top:0%;}
		dl.colum_item.industry {  margin-right: 0%; padding-top:0%;}

	
}


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

	dl.colum_item { padding-top: 15%; }
}



@media screen and (max-width:768px) {
	#footer {}
	.footer_cont .addr {float:none;width:100%;padding:30px 0 0 0;}
	.footer_cont .newsletter {float:none;width:100%;padding:0;}
	.footer_cont .newsletter .req {margin-top:10px;}
	.footer_cont .newsletter .req input {width:100%;}
	.footer_cont .newsletter .req .btn {width:100%;position:static;margin-top:-1px;}
	.footer_cont .newsletter .req_check {margin-top:10px;}

	#header {height:50px;}
	.header_cont {height:50px;}
	.header_cont h1 {width:100px;height:13px;top:18px;left:15px;background-size:100px auto;}
	.header_side {height:50px;border:none;}

	.util a {height:50px;width:40px;line-height:50px;background-size:20px;}

	.index_notice ul {margin:-15px 0 0 0;}
	.index_notice li {float:none;width:100%;padding:15px 0 0 0;}

	.index_gallery ul {margin:-15px 0 0 0;}
	.index_gallery li {float:none;width:100%;padding:15px 0 0 0;}
	
	.mySwiper .swiper-slide {position:relative; width: 90%; margin:15px 5% 30px 5%;  padding:0px; }	
	.mySwiper .swiper-slide dl.bbs_item { margin:30px; }
    .myprojectSwiper .swiper-slide{position:relative; width: 90%; margin:15px 5% 30px 5%;  padding:0px; }
    .myprojectSwiper .swiper-slide dl.bbs_item { margin:30px; }
	.companySwiper .swiper-slide {position:relative;  width:90%;  margin:15px 5% 30px 5%  }
	.industrySwiper  .swiper-slide {position:relative;  width:90%;  margin:15px 5% 30px 5%  }

	dl.bbs_item > dd { height: 80px; }
	dl.bbs_item.companyitem dd { height: 56px; }

	dl.bbs_item > dt strong { /*font-size: 21px; height:60px;*/}
	dl.bbs_item > dd {  font-size: 12px; }

	dl.colum_item { padding-top: 0%; }
  


}



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

    .index_btn a span {height:50px;background-size:18px;background-position:15px center;
	padding:20px 0 0 40px; font-size:10px; line-height:10px;}	



}




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

	dl.colum_item ol{padding:45px 20px 30px 20px;}
	.index_btn a span {height:50px;background-size:13px;background-position:6px center;
	padding:18px 0 0 20px; font-size:10px; line-height:15px;}	
	
}