@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700');

*{font-family:Noto Sans Korean, NanumSR, Nanum Gothic,'나눔고딕','돋움',Dotum,AppleGothic,sans-serif;  list-style:none; text-decoration:none;}
#wrapper {position:relative; width:100%; }
.wrap{width:1330px; margin:0 auto; }

#headerWrap {position:absolute; top:0px;  width:100%; z-index:999999;}
.headerInner {position:relative; /* width:1330px;*/ width:100%; margin:0 auto;}
.lang {z-index:999;position:relative; width:1330px; margin:0 auto;  height:25px; text-align:right; line-height:25px; margin-top:5px; margin-bottom:10px;
}

#contentWrap {position:relative; width:100%; overflow:hidden; }
.content {position:relative; width:1200px; margin:0px auto; padding:0; clear:both;}
#footerWrap {position:relative; width:100%; clear:both;}

::selection {background:rgba(255,153,0,0.5); color:#fff;}
:focus {outline: none;}
.purple{color:#B960AD !important;}
.green{color:#78C60E!important;}
.orange{color:#FF8A00 !important;}

.mobile{display:none !important}


/*Header*/
#headerWrap{width:100%; height:100px;  z-index:9999;}
#headerWrap .headerInner{height:100px;}

#headerWrap .headerInner .tlogo{background:none; text-align:center; position:relative;  float:left; height:100px; line-height:100px; box-sizing:border-box; padding:0px 0; width:18%; }
#headerWrap .headerInner .tlogo img{width:100%;}


.total{ z-index:9; position:absolute; top:0px; right:1%;  height:90px;   background:#none;}
.total ul {margin-top:35px;}
.total ul li{display:inline-block;float:left; color:#fff;}
.total ul li span{padding-left:15px; padding-right:15px; }

.mobileview1{display:none;}

.gnbArea{width:82%; height:100%; position:relative; float:left; top:0;  border-top:none;  z-index:0; background:#none; }
.gnbArea p.closeBtn{display:none}
.gnbArea>ul{position:absolute; top:0px; left:0px; /*width:1102px;*/ height:100px; /*zoom:1;*/  background:#fff;
/*box-shadow: 10px 10px 15px #000; */}

.gnbArea>ul:after{content:'';display:block;clear:both}
.gnbArea>ul>li{position:relative;  float:left; text-align:center; box-sizing:border-box;}

.gnbArea>ul>li>a{position:relative; z-index:9; display:block; height:100%;padding:0; font-size:18px; color:#000; font-weight:500;  cursor:pointer;  letter-spacing:-0.05em}
.gnbArea>ul>li>a>span{display:inline-block;width:160px; padding-top:35px; font-weight:500; }
.gnbArea>ul>li>a>span:after{content:""; display:block; position:absolute; width:100%; height:100%;  left:50%; margin-left:-50%; height:3px; background:#003366; margin-top:44px; transition:all .3s; transform:scaleX(0);}
.gnbArea>ul>li:last-child>a>span{}

.gnbArea>ul>li>.subMenu{position:relative; z-index:9; display:none;}

.gnbArea>ul>li.on>a{color:#003366; font-weight:900; }
.gnbArea>ul>li.on:after{background:rgba(2,31,79,0.90); display:block; content:""; position:absolute; width:100%; height:70%; top:100px; left:50%; margin-left:-50%;}
.gnbArea>ul>li.on>a>span{padding:35px 26.5px 25px;}
.gnbArea>ul>li.on>a>span:after {transform:scaleX(1);}
.gnbArea>ul>li.on>.subMenu{display:block;  padding:50px 0px 20px 0px;}
.gnbArea>ul>li.on>.subMenu li{width:100%; text-align:center;}
.gnbArea>ul>li.on>.subMenu li a{width:100%; font-size:14px; padding:6px 0; color:#FFF; display:inline-block;}
.gnbArea>ul>li.on>.subMenu li a:hover{ color:#00a8ff; }

.full_menu_wrap{ display:none; position:absolute; top:0px;width:100%; height:350px; background:#0f449c; border-top:2px solid #075186; z-index:99999;}
.full_menu_wrap .full_menu_img{float:left; background:url('/kr/img/common/hd_full_img.png') no-repeat left bottom; width:431px; height:199px;}
.full_menu_wrap .full_menu{float:right; margin-left:20px;  width:1090px;}
.full_menu_wrap .full_menu>li{ float:left; text-align:left; width:174px; padding-top:34px;  margin-right:7px;}
.full_menu_wrap .full_menu>li:last-child{margin-right:7px;}
.full_menu_wrap .full_menu>li span{ text-align:center; padding:21px; border:2px solid #597db8; font-weight:500; font-family:Noto Sans Korean, NanumSR,sans-serif; display:block; font-size:18px; margin-bottom:10px; color:#fff;}
.full_menu_wrap .full_menu>li a{margin-left:16px; position:relative; font-size:14px;  padding:7px 0; display:block; color:#fff;}
.full_menu_wrap .full_menu>li a:hover{color:#fff; font-weight:bold;}
.full_menu_wrap .full_menu>li a:hover:before{content:""; display:block; width:3px; height:3px; background:#BC58AF; position:absolute; top:13px; left:-10px;}

/* 메인이미지 */
#visual { width:100%; overflow:hidden; position:relative;  height:890px;  padding-top:0px; background:#024c93; }
/* Visual Fade Effect */
.visual_left{ background:url('/kr/images/common/leftbg.jpg');position:relative; float:left; width:22%;    height:890px; }
.leftcontact {width:80%; bottom:0; position:absolute; left:10%; padding-bottom:10%;}

.lefttt01{color:#fff; font-size:18px; font-family: 'Montserrat', sans-serif; font-weight:600; margin-bottom:25px;}
.lefttt02{color:#fff; font-size:15px; font-family: 'Montserrat', sans-serif; font-weight:600; line-height:20px;}
.lefttt02 span{padding-left:15px; padding-right:15px; }
.pl4{padding-left:3px;}

.visual_wrap { position:relative; width:78%; height:100%; margin:0 auto;    float:right; }

.visual_box { position:absolute; width:100%; margin:0 auto;}
.visual_box div {position:absolute; top:0;	left:0; border:0px solid red;  width:100%; }
.visual_box div  img{width:100%;}
.v_ul {	position:absolute;	bottom:300px; right:50%; margin-right:-74px;	z-index:999; }
.v_ul li { float:left;	z-index:1;	cursor:pointer;	margin-right:6px; }
.v_btn01 {	position:absolute;	top:700px;	left:-95px;	background:#000; width:95px; height:95px; cursor:pointer; color:#fff ! important; font-weight:600;  font-size:14px;line-height:40px; opacity:0.9; text-transform:uppercase;z-index:999; }
.v_btn02 {	position:absolute;	z-index:1; background:#000;	top:700px;	left:0px; width:95px; height:95px; cursor:pointer; color:#fff ! important; font-weight:600;  font-size:14px;line-height:40px; opacity:0.9; text-transform:uppercase;z-index:999;  }

/* 메인 슬라이드 버튼*/
.btnArrowBox { position:absolute; z-index:999; left:50px; }

.visual_p {	/*position:absolute;*/	left:0;}

#visual .visual_p {	/*position:absolute;*/	left:0;}
#visual .visual_p img{width:100%;}
#visual .vs_txt {position:absolute; right:0%; top:45%; margin-left:0px; text-align:center; z-index:50; background:url(../images/main/bg_vtxt.png) no-repeat center top;}
#visual .vs_txt .m-txt {margin:0px 0 0}

.visual_wrap1{display:none;}

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

#visual{display:none !important;}
.visual_wrap1 {  position:relative; width:100%; height:500px;   float:left;background:url('/kr/images/main/main_04.jpg'); background-size:cover; }
.visual_tex1 { position:absolute; width:100%; text-align:right; z-index:999; bottom:0;}
.visual_tex1 img{width:30%;}
}

@media screen and (max-width:545px) {
.visual_wrap1 {height:400px;}
.visual_tex1 {text-align:center;}
.visual_tex1 img{width:60%;}
}


/******** 원단소개*************/
.fabric{position:relative; width:100%;overflow:hidden;background:url('/kr/images/main/fabric_bg.jpg'); padding:70px 0px; text-align:center;}
.fabricarea{position:relative; width:1300px; margin:70px auto; text-align:left;}

.fabriclist{
background: rgb(0,187,16); text-align:left;
background: linear-gradient(120deg, rgba(0,187,16,1) 0%, rgba(0,62,142,1) 100%);/*box-shadow:5px 5px 5px #333;*/
z-index:555; position: absolute; top:20% !important; right:2%; margin:auto; width:550px; padding:55px; box-sizing:border-box; border:0px solid #efefef;
}
.mb35 { margin-bottom:55px  !important;}
.fabriclist ul li img:hover { cursor:pointer; transform:scale(1.1); border-radius:100px; box-shadow:8px 12px 18px rgba(0,0,0,0.25); transition:all 0.2s ease-in-out; left:0; top:0; border:0px solid #af9676; content:''; box-sizing:border-box; z-index:8888;}

.fabriclist ul li dl{width:100%; float:left; display:inline-block; }
.fabriclist ul li dl dt{width:30%;    float:left; }
.fabriclist ul li dl dd{width:70%;   float:left; padding-left:20px; box-sizing:border-box; }

.fabriclistt{color:#fff; font-size:2em; font-weight:600; line-height:27px;}
.fabriclistt1{color:#fff; font-size:1em; margin-top:15px; line-height:22px;}
.fabricarea1{display:none;}


@media screen and (max-width:1200px) {
.fabric{padding:100px 0px;}
.fabricarea{position:relative; width:100%;}

}


@media screen and (max-width:979px) {
.fabric{ padding:90px 0px 0px 0px;}
.fabricarea{display:none;}
.fabricarea1{display:block;}
.fabricarea1 ul{ width:100%; margin-top:25px; margin-bottom:0px;  background: rgb(0,187,16); text-align:left;
background: linear-gradient(120deg, rgba(0,187,16,1) 0%, rgba(0,62,142,1) 100%); overflow:hidden;}
.fabricarea1 ul li{margin:10px; padding:20px; border-bottom:1px solid rgba(250,250,250,0.25); box-sizing:border-box; overflow:hidden; }

.fabricarea1 ul li:last-child{ border-bottom:0px solid rgba(250,250,250,0.25);}
.fabricarea1 ul li dl{width:100%; float:left;}
.fabricarea1 ul li dl dt{width:30%; float:left;}
.fabricarea1 ul li dl dd{width:70%; float:left;}

.fabriclistt{color:#fff; font-size:1.5em; font-weight:600; line-height:25px;}
.fabriclistt1{color:#fff; font-size:1em; margin-top:5px; line-height:20px;}

}


@media screen and (max-width:545px) {
.fabricarea1 ul li img{width:80%;}
}


/******** 생산공정시작 *************/
.processarea{ position:relative; width:100%;overflow:hidden; background:url('/kr/images/main/logobg01.png')bottom left no-repeat #282828; margin-top:35px;}
.process{position:relative; width:1300px; margin:0px auto; padding:0; clear:both; text-align:center;}
.processleft{float:left;  text-align:left; width:30%;  box-sizing:border-box;  border-right:1px solid #444444; padding:170px 0px; }
.processright{float:left; width:70%;  padding:120px 0px;}
.processtt{color:#cccccc; font-size:16px; line-height:35px;}
.processtt1{ font-family: 'Montserrat', sans-serif; color:#0099ff; font-size:65px; line-height:55px;  font-weight:700;}
.processtt1 span{font-weight:200;}
.processtt2{color:#fff; font-size:35px; line-height:35px; font-weight:500;margin-top:35px;}
.processtt2 span{font-weight:200;}
.processtt3{color:#cccccc; font-size:15px; line-height:40px; margin-top:15px; }
.processarea2_1{display:none;}



@media screen and (max-width:979px) {
.processarea{display:none;}
.processarea2{position:relative; display:block; text-align:center; width:100%;overflow:hidden; }
.processarea2_1{display:block; width:100%;  padding:55px;  text-align:center; box-sizing:border-box; margin-top:0px;   background:url('/kr/images/main/logobg01.png')bottom left no-repeat #282828; background-size:30%;}
.wh{color:#fff !important;}

.processButton {


	border:1px solid #efefef;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:17px;
	padding:16px 31px;
	margin-top:25px;

}
.processButton:hover {
border:1px solid linear-gradient(120deg, rgba(0,187,16,1) 0%, rgba(0,62,142,1) 100%);
	 background: rgb(0,187,16); text-align:left;
background: linear-gradient(120deg, rgba(0,187,16,1) 0%, rgba(0,62,142,1) 100%);
color:#Fff;}
.processButton:active {
	position:relative;
	top:1px;
}




}



#m_board1 {
	float:right;
	position: relative;
	width:85%;
	margin-right: 0;
	position: relative;
	margin: 0 auto;
	border:0px solid #ddd;
}

#m_board1 .tabs1 {
	height:75px;
	background:none;
	margin:0 auto;
	border-bottom:1px solid #333333;
	
}
#m_board1 .tabs1 li {
	display:inline-block;
	margin:0 auto;
	width:33%;
	text-align: center;
	color:#333333;
	float:left;
	background:none;
	line-height:75px;
	height:75px;
	font-size:20px;
	border-bottom:1px solid #333333;
	

}
#m_board1 .tabs1 li a {
	font-size:20px;
	color: #666666;
	
}
#m_board1 .tabs1 li a:hover {
	color: #fff;
	font-size:22px; 
	transition:0.1s;
}

#m_board1 .tabs1 li.wd50per{width:50% !important;}

#m_board1 .tabs1 .active a {
	color: #fff;
	background:none;
	box-sizing: border-box;
	font-size:20px;
	font-weight: 500;
	text-decoration:none;
	border-radius:35px;

}
#m_board1 .more {
	position: absolute;
	right: 17px;
	top: 16px;
}
#m_board1 .more a {
	display: block;
	padding: 5px;
	border: 1px solid #ddd;
}
#m_board1 .more a:hover {
	border: 1px solid #1e83eb
}
#m_board1 .tab_container1 {
	border: 0px solid red;
	text-align: left;
	background: none;
	height:340px;
	
	text-align:center;
	overflow:hidden;
}
#m_board1 .tab_content1 ul li {
	display: inline-block;
	width:100%;
	float:left;
	background: #fff;
	border:0px solid #e1e1e1;
	padding:0px;
	box-sizing: border-box;
	text-align:center;
	position:relative; 
	margin:00px;
}


.tab_content1{margin-top:0px; background:none;}
.tab_content1 ul li div {opacity:1; position:absolute; bottom:0; right:0px; width:40%; height:50%; background:rgba(0,0,0,0.7); padding:25px; 
text-align:left;}

.processtt4{font-size:1.8em; color:#fff;  font-weight:500;}
.processtt5{font-size:1em; color:#fff;  font-weight:400; line-height:22px; margin-top:15px;}

.wd100per{width:100%;}

/*.tab_content1 ul li:hover > div { border: 1px solid #000; opacity:1; background:url("/images/back_01.png"); transition-duration: 900ms;}*/



/******** 활용분야 *************/
.useinfo{overflow:hidden; position:relative; width:100%; background:#f5f5f5;  padding:0px 0px 100px 0px; box-sizing:border-box;}
.usett{overflow:hidden;width:80%; float:right; position:relative; height:150px; background:url('/kr/images/main/bar_01.png')bottom; padding-top:85px; box-sizing:border-box; }
.usett ul li{float:left; display:inline-block; height:50px;}
.usett1{background:url('/kr/images/main/dot02.png') left top no-repeat; padding-left:20px;  font-family: 'Montserrat', sans-serif; color:#003399; font-size:55px; font-weight:200; height:50px; line-height:50px; letter-spacing:-0.1em;}
.usett1 span{font-weight:500; letter-spacing:0em;}
.pl25{padding-left:25px; line-height:22px; color:#999999;  font-size:1em; margin-top:5px;}

.usephotoa{position:relative; width:100%; height:535px; text-align:center;  overflow:hidden; margin-top:90px; 
	/* background:url('/kr/images/main/use_bg.jpg') center; */
}
.usephoto{position:relative; /* width:1300px; */ width:2400px; margin: 0 auto; overflow:hidden; }

.usephoto ul li{display:inline-block; float:left; border:0px solid red; }
.usephoto ul li.first01{width:5%; color:#f5f5f5; }
.usephoto ul li.secon01{
/* 	width:90%; text-align:right; position:relative; */
	width:90%; position:relative;
}

.usephoto ul li .more01{position:absolute; bottom:0; right:0px; }
.usephoto ul li .detail01{
	/* position:absolute; text-align:left; top:25%; left:-200px; background:#000; padding:35px; width:279px; */
	position:absolute; z-index:999; text-align:center; bottom:0%; background:#000; padding:15px 0; width:776px;
	opacity:0.5; 
}
.usephoto ul li.last01{width:10%;}

/* .usett2{color:#999999; font-size:1.4em; line-height:45px;} */
.usett2{color:#eee; font-size:1.4em; line-height:45px;}
.usett3{color:#c4956a; font-size:1.5em; line-height:75px; font-weight:500;}
.usett4{color:#fff;font-size:1.1em; line-height:35px; }

.arrowButton {
	background-color:#ffffff;
	border-radius:45px;
	border:2px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	 font-family: 'Montserrat', sans-serif;
	font-size:30px;
	font-weight:bold;
	width:50px;
	height:50px;
	line-height:40px;
	text-decoration:none;
	padding-left:2px;
	box-sizing:border-box;
	margin-bottom:3px;
	
}
.arrowButton:hover {
	color:#fff !important;
	background:url('/kr/images/main/btnbg.jpg') center;
}

.arrowButton a:hover { color:#fff; }

.arrowButton:active {
	position:relative;
	
}



@media screen and (max-width:979px) {
.useinfo {display:none;}
}


/******** notice *************/
.noticearea {background:#fff; text-align:center; position:relative; width:100%; overflow:hidden; padding:70px 0px 70px 0px; box-sizing:border-box;   background:url('/kr/images/main/noticebg.jpg')center;}
.noticett{overflow:hidden; width:235px; margin:0 auto;  font-family: 'Montserrat', sans-serif; color:#003399; background:url('/kr/images/main/noticebg1.jpg')left top no-repeat; height:50px; padding-top:10px; padding-left:20px; font-size:55px; letter-spacing:0em;}
.noticett span{font-weight:600;}
.noticett1{font-size:1.2em;}
.noticett1 span{font-weight:500;}


.notice{position:relative; width:1300px; margin:0px auto; padding:0; clear:both; text-align:center;}
.notice ul li{width:29%; display:inline-block; ; height:160px; margin:3% 2%; box-sizing:border-box;text-align:center; }
.notice ul li img{width:90%;}
.date_st1{font-size:22px; font-weight:700; color:#cccccc; line-height:55px; font-family: 'Montserrat', sans-serif;}
.notice_title1{font-size:23px; color:#333; line-height:75px;  }
.notice_title2{font-size:15px; line-height:20px; width:80%; margin:0 auto; color:#999999; height:40px; overflow-y:hidden; }

 @media screen and (max-width:979px) {
.noticearea {padding:30px 0px 30px 0px; }
.noticett{ height:35px; padding-top:0px; padding-left:0px; font-size:30px;  background:none;}
.noticett1{font-size:1.1em;}

.notice{position:relative; width:100%; margin:0px auto; padding:0; clear:both; text-align:center;}
.notice ul li{width:90%;}
 }

.quick_area{width:100%; height:230px;}
.quick_area>ul{}
.quick_area>ul>li{display:inline-block; float:left;}
.quick_area>ul>li.first{ background:url('/kr/images/common/quick_bg.png'); background-size:cover;  height:230px; width:50%; 
 box-sizing:border-box; border-right:1px solid #303334; }
.quick_area>ul>li.second{ background:url('/kr/images/common/quick_bg01.png'); background-size:cover;  height:230px;  width:50%;  text-align:left;}
.brochure{padding-top:45px;width:63%;float:left;  height:230px; text-align:center; color:#fff; line-height:25px; font-size:15px; }
.brochure span{font-size:20px; font-weight:500;}


.actionImg10 { background-color: #fff;  overflow: hidden;    position: relative;}
.actionImg10 .lm_img img {  filter: grayscale(0%); height: 230px;  transition: all 0.8s ease 0s; width: 100%;}
.actionImg10 .lm_txt {    position: absolute; right:0;   top:20%; width:63%; float:right;  text-align:center; color:#fff}
.actionImg10 .lm_txt h2 { font-size:22px; font-weight:400; line-height:20px; margin-top:10px; margin-bottom:10px;}
.actionImg10 .lm_txt p {  font-size:15px; line-height:20px;}

.actionImg10 .lm_txt1 {    position: absolute; left:0;   top:20%; width:63%;  text-align:center; color:#fff}
.actionImg10 .lm_txt1 h2 { font-size:22px; font-weight:400; line-height:20px; margin-top:10px; margin-bottom:10px;}
.actionImg10 .lm_txt1 p { font-size:15px; line-height:20px; }


.actionImg10 .lm_txt .more { width:170px; text-align:center; margin:20px auto 0; background:url(/img/main/s_bt_bg.png) repeat; border:1px solid #fff; font-size:15px; padding:7px 0; }
.actionImg10 a:hover .lm_txt .more { cursor:pointer; background:#490201;}
.actionImg10:hover::after {transform: scaleX(1.2); }
.actionImg10:hover .lm_img img { filter: grayscale(0%); transform: scale(1.1); }



/***** 하단폼 *****/
.formarea{width:100%; position:relative; height:630px;  background:url(/kr/images/main/formarea.jpg)no-repeat; background-size:cover; }
.formarea1{width:1250px; margin:0 auto; border:0px solid red; text-align:right;  overflow:hidden; padding-right:150px;}
.formarea2{width:530px; position:relative; overflow:hidden; margin-top:71px;  float:right;}
.formtit2{  line-height:25px; font-size:30px;  text-align:left; color:#003366; font-weight:500;}
.formtit{ padding-left:15px; line-height:25px; font-size:30px;  text-align:left; color:#003366; font-weight:500;}
.formtit span{ font-weight:100;}
.form1{position:relative;  width:100%;  background:#282828; margin-top:25px; padding:40px; box-sizing:border-box; }
.form1 ul{margin-bottom:0px;}
.form1 ul li{width:100%; display:inline-block; height:50px; line-height:50px;  border-bottom:1px solid rgba(250,250,250,0.2);}
.form1 ul li dl{width:100%;  display:inline-block; float:left;}
.form1 ul li dl dt{width:20%; float:left;  display:inline-block; text-align:left; color:#fff; }
.form1 ul li dl dd{width:80%; float:left;  display:inline-block; text-align:left;}
.form1 ul li dl dd input{}

.form2{position:relative;  width:100%;  padding:40px; box-sizing:border-box; background: rgb(0,187,16); text-align:left;
background: linear-gradient(120deg, rgba(0,187,16,1) 0%, rgba(0,62,142,1) 100%); box-shadow:2px 2px 10px rgba(0,0,0,0.3); }
.form2 ul li{display:inline-block; width:49%; text-align:center; color:#fff; font-size:18px;  height:45px; line-height:45px; box-sizing:border-box;  }
.form2 ul li:first-child{ border-right:1px solid rgba(250,250,250,0.4); }

.formsty1{ border:1px solid rgba(250,250,250,0.1); background:rgba(250,250,250,0.2); height:35px; line-height:35px; color:#FFF; }


 @media screen and (max-width:979px) {
.formarea{ background:#efefef; height:auto;}
.formarea1{width:100%; margin:0 auto; border:0px solid red; text-align:right;  overflow:hidden; padding:20px; box-sizing:border-box;  }
.formarea2{width:100%;margin-top:0px; }
.formtit2{ font-size:20px;  }
.formtit{font-size:23px; line-height:5px;}
.form1{ padding:20px; }
.formsty1{ height:30px; line-height:30px; width:80%; }
.form2{padding:10%;}

.form2 ul li img{width:40%;}
 }








/* Footer */
.copy1{width:100%;  margin:0 auto; }
#footerWrap{width:100%; overflow:hidden; background:#fff; padding:40px 0 40px; border-top:1px solid #efefef;}
#footerWrap #copyrightWrap .copyInner>*{}
#footerWrap .copyInner .f_logo{margin-right:25px}
#footerWrap .copyInner .copymenu{margin-top:5px;   border-bottom:1px solid #4b515e; padding:15px 0px 15px;}
#footerWrap .copyInner .copymenu li{color:#fff; font-size:15px;}
#footerWrap .copyInner .copymenu span{display:inline-block; margin-right:30px; color:#fff;}

#footerWrap .copyInner .copy{margin-top:15px; width:100%; border:0px solid #4b515e;  background:url(/kr/images/common/copy_logo.png)no-repeat right;}
#footerWrap .copyInner .copy li{color:#949495; font-size:14px; line-height:25px; text-align:center; }
#footerWrap .copyInner .copy span{display:inline-block; margin-right:5px; color:#000; font-weight:500;}

.blac{color:#000; font-weight:500;}
.mr35{margin-right:25px ! important;}
.copyright{color:#000 !important; padding-top:25px;}
.pcview {display:block;}
.mobileview {display:none;}

/*Visual*/
#visual{width:100%; overflow:hidden;}
#visual .visual_fade div.visual_img{float:left; position:relative;}
#visual .visual_fade div.visual_img .visual_img_wrap{position:absolute; top:50%; left:50%; margin-left:-600px; height:304px; margin-top:-152px}
#visual .visual_fade div.visual_img .v_img{width:100%;}
#visual .visual_fade div.visual_img .v_link{display:inline-block; font-size:14px; font-weight:100; color:#5b5b5b; border:1px solid #b7b7b7; padding:12px 14px; margin:20px 0 0;
	-ms-transition-duration:0.5s; 
	-moz-transition-duration:0.5s; 
	-o-transition-duration:0.5s; 
	-webkit-transition-duration:0.5s;
	transition-duration:0.5s;
}
#visual .visual_fade div.visual_img .v_link:hover{background:rgba(255,255,255,0.5);
	-ms-transition-duration:0.5s; 
	-moz-transition-duration:0.5s; 
	-o-transition-duration:0.5s; 
	-webkit-transition-duration:0.5s;
	transition-duration:0.5s;
}

#visual .visual_txt{}
#visual .visual_txt .visual_txt_1{font-family:"KoreanYNSJG"; font-weight:200; font-size:45px; color:#333333; line-height:60px;}
#visual .visual_txt .visual_txt_1 img{margin-bottom:10px}
#visual .visual_txt .visual_txt_1 span{font-family:"KoreanYNSJG"; font-weight:500;}
#visual .visual_txt .visual_txt_2{font-family:"KoreanYNSjG"; font-weight:200; color:#333333; font-size:18px; line-height:28px; margin-top:15px;}



/* contWrap1 */
#contWrap1{width:100%; overflow:hidden; margin:50px 0;}
#contWrap1 .content{overflow:hidden;}

#contWrap1 div.con1_box{width:393px; height:340px; float:left; position:relative; border:1px solid #E1E1E1; box-sizing:border-box;}
#contWrap1 .con1_box01{background:url('/img/main/main_con1_01_01.png') no-repeat center center; background-size:cover;}
#contWrap1 .con1_box02{background:url('/img/main/main_con1_02_01.png') no-repeat center center; background-size:cover;margin:0 10px;}
#contWrap1 .con1_box03{}

#contWrap1 div.con1_box .con1_txt{position:absolute; color:#666; font-size:16px; font-weight:normal; line-height:18px;}

#contWrap1 div.con1_box .con1_txt .con1_txt_box span{font-size:28px; color:#202020; font-weight:400; letter-spacing:-0.05em; display:inline-block; margin-bottom:15px;}
#contWrap1 div.con1_box .con1_txt .con1_txt_box span b{font-weight:900}
#contWrap1 div.con1_box .con1_txt a{display:inline-block; border:1px solid #DBDBDB; font-family:'dotum'; color:#666666; padding:5px 13px; font-size:12px; margin-top:13px;}
#contWrap1 .con1_box01 .con1_txt{bottom:25px; left:25px;}
#contWrap1 .con1_box02 .con1_txt{top:25px; right:25px;}
#contWrap1 .con1_box02 .con1_txt a{float:right}

#contWrap1 div.con2_box{width:393px; height:130px; float:left; position:relative;  box-sizing:border-box; margin-top:10px;}
#contWrap1 .con2_box01{background:url('/img/main/main_con2_01.png') no-repeat center center; background-color:#C78EBF; background-size:cover;}
#contWrap1 .con2_box02{background:url('/img/main/main_con2_02.png') no-repeat center center; background-color:#FAA619; background-size:cover ;margin:0 10px;}
#contWrap1 .con2_box03{background:url('/img/main/main_con2_03.png') no-repeat center center; background-size:cover; border:1px solid #E1E1E1;}

.close1{position:absolute; top:270px; right:16%;}
.close1 .closebtn{width:100px; padding:10px; text-align:center; color:#fff;  border:2px solid #fff; cursor:pointer;}



/**상단내려오는 전체메뉴***/
.allMenu {position: fixed; 
left: 0; 
top: -1000px; 
width: 100%; 
height:1000px; 
text-align: center; z-index:200; overflow: hidden;}

.allMenu .allInner {display: table; width: 100%; height:100%; background:url('/kr/images/common/all.jpg');
background-size:cover; float:right;  }



.allMenu .btn_menu_close {position: absolute; right: 3%; top: 5%; z-index:999999;}
.allMenu .allleft{float:left; background:#fff;  background-size:cover; width:60%; height: 100%;    }
.allMenu .allMenuWrap {padding-top:10%; vertical-align: middle; width:100%; float:right; box-sizing:border-box;}
.allMenu dl {display: inline-block;}
.allMenu dt {font-size:30px; font-weight: 800; color: #efefef; line-height:95px; position: relative; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; cursor:pointer; text-align:center;}
.allMenu dt .line {width: 0px; height: 1px; background: #fff; position: absolute; bottom: 0; left: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.allMenu dt a {font-size: 50px; font-weight: 800; color: #efefef; display: block;}
.allMenu dd {border-bottom: 1px solid #fff; display: none;}
.allMenu dd a {display: block; font-size: 26px; color: #666; line-height: 50px; font-weight: 400; position: relative; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.allMenu dd a .bg {width: 0; height: 50px; position: absolute; left: 0; top: 0; background: #1861a8; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.allMenu dd a .txt {position: relative; z-index: 1;}

.allMenu dt:hover {color: #fff;}
.allMenu dt:hover a {color: #fff;}
.allMenu dt:hover .line {width: 100%;}
.allMenu dt.active {color: #fff;}
.allMenu dt.active a {color: #fff;}
.allMenu dt.active .line {width: 100%;}
.allMenu dd a:hover {color: #fff;}
.allMenu dd a:hover .bg {width: 100%;}


.alltit1{padding-top:28%; font-size:14px; font-weight:600; color:#999999; letter-spacing:15px; padding-left:15px; line-height:35px;}
.alltit{font-size:45px; font-weight:100; }
.alltit span{font-weight:600;}
.alltit2{font-size:15px;  line-height:28px;}

.sitearea {position:relative; width:90%; margin:0 auto; padding-top:35px;}


.sitemaparea {position:relative;  width:14%; margin-left:20px;  margin-right:20px; float:left; margin-bottom:10px;}
.sitemaparea ul li{display:inline-block; width:100%; margin:0 8px;  background:none; }
.sitemaparea ul li.fisrt{height:90px; line-height:90px; /*background:url(/images/sub/site.svg); */ text-align:center; border-bottom:1px solid #124e8a; background-size:cover;  box-sizing:border-box; color:#fff; font-size:20px; font-weight:500; }
.sitemaparea ul li.secon{height:40px; border-bottom:1px solid rgba(21,90,155,0.3); line-height:40px; padding-left:0px; box-sizing:border-box;  text-align:center; color:#fff !important; }
.sitemaparea ul li.secon a{color:#Fff;}

/**상단내려오는 전체메뉴***/


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

#headerWrap{width:100%; height:90px; z-index:9999;}
#headerWrap .headerInner{height:90px; }
#headerWrap .headerInner .tlogo{position:relative; z-index:999999; float:left; height:100px; line-height:100px; box-sizing:border-box; padding:0px 0; width:180px;}
#headerWrap .headerInner .tlogo img{width:140%;}
#headerWrap .headerInner .total{display:block; z-index:999; position:absolute; top:50px; left:40px ! important; width:180px; background:#none; height:60px; }
.total ul {margin-top:35px;}
.total ul li{display:inline;padding:0px 5px 0px;}
.total ul li:last-child{display:none;}

.gnbArea{width:82%; height:100%; position:relative; float:right; top:0;  border-top:none;  z-index:0; background:#none; }
.gnbArea p.closeBtn{display:none;}
.gnbArea>ul{position:absolute; top:0px; left:0px; /*width:1102px;*/ height:100px; /*zoom:1;*/  background:#fff;
/*box-shadow: 10px 10px 15px #000; */}

.gnbArea>ul:after{content:'';display:block;clear:both}
.gnbArea>ul>li{position:relative;  float:left; text-align:center; box-sizing:border-box;}

.gnbArea>ul>li>a{position:relative; z-index:9; display:block; height:100%;padding:0; font-size:18px; color:#000; font-weight:500;  cursor:pointer;  letter-spacing:-0.05em}
.gnbArea>ul>li>a>span{display:inline-block;width:160px; padding-top:35px; font-weight:500; }
.gnbArea>ul>li>a>span:after{content:""; display:block; position:absolute; width:100%; height:100%;  left:50%; margin-left:-50%; height:3px; background:#003366; margin-top:44px; transition:all .3s; transform:scaleX(0);}
.gnbArea>ul>li:last-child>a>span{}

.gnbArea>ul>li>.subMenu{position:relative; z-index:9; display:none;}

.gnbArea>ul>li.on>a{color:#003366; font-weight:900; }
.gnbArea>ul>li.on:after{background:rgba(2,31,79,0.90); display:block; content:""; position:absolute; width:100%; height:70%; top:100px; left:50%; margin-left:-50%;}
.gnbArea>ul>li.on>a>span{padding:35px 26.5px 25px;}
.gnbArea>ul>li.on>a>span:after {transform:scaleX(1);}
.gnbArea>ul>li.on>.subMenu{display:block;  padding:50px 0px 20px 0px;}
.gnbArea>ul>li.on>.subMenu li{width:100%; text-align:center;}
.gnbArea>ul>li.on>.subMenu li a{width:100%; font-size:14px; padding:6px 0; color:#FFF; display:inline-block;}
.gnbArea>ul>li.on>.subMenu li a:hover{ color:#00a8ff; }


}




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

	.wrap{width:100%;}
	.content{width:100%;}
	#wrapper{margin-top:70px;}

	/* Header */
	#headerWrap{height:70px; position:fixed; top:0; background:#FFF; border-bottom:1px solid #DDDDDD}
	#headerWrap .headerInner{height:70px;}
	#headerWrap .mobile{display:block !important;}
	#headerWrap .gnbArea{display:none;}
	#headerWrap .headerInner .tlogo{position:relative; left:50%; margin-left:-83px; margin-top:2%; height:80px; line-height:70px; width:170px; padding:0px 0;}
	#headerWrap .headerInner .tlogo img{width:100%;}
	#headerWrap #menu-call{width:80px; height:70px; border-right:1px solid #ddd; position:absolute; top:0; left:0; background:url('/kr/images/common/m_call.png') no-repeat center center; background-size:27px;}
	.total{display:none;}
	.lang {z-index:999;position:relative; width:100%; margin:0 auto;  height:25px; text-align:center; line-height:25px; margin-top:5px; margin-bottom:10px;}
	#headerWrap .headerInner .total{display:none;}
	
	.pcview1{display:none;}
	.mobileview1{display:block;}





	/* Main */
	#contWrap1 .content{width:98%; margin:0 1%;}
	#contWrap1 div.con1_box{width:48%;}
	#contWrap1 div.con2_box{width:32%;}

	#contWrap1 .content{position:relative; height:360px;}
	#contWrap1 div.con1_box{width:49.5%;}
	#contWrap1 div.con1_box01{height:168px; position:absolute; left:0; background:url('/img/main/m_main_con1_01_01.png') no-repeat center center; background-size:100% 100%;}
	#contWrap1 div.con1_box02{height:168px; position:absolute; left:0; top:168px; background:url('/img/main/m_main_con1_02_01.png') no-repeat -77px top; margin:5px 0; }
	#contWrap1 div.con1_box03{position:absolute; right:0; overflow:hidden;}
	.slick-slide img{width:100%;}

	#contWrap1 .content2{height:auto; overflow:hidden;}
	.content .con2_box.pc{display:none;}
		.content .con2_mobile.mobile{display:block !important}
	.content .con2_mobile.mobile .con2_mobile_con1{width:100%; float:left; overflow:hidden; /*display:none;*/}
	.content .con2_mobile.mobile .con2_mobile_con1 .con_mobile_ment{width:50%; height:100%;position:absolute; top:0; left:0; background-color:rgba(142, 199, 66, 0.85); z-index:9; box-sizing:border-box; padding:40px 20px;}
	.content .con2_mobile.mobile .con2_mobile_con1 .con_mobile_ment img{width:100%; margin-bottom:15px;}
	.content .con2_mobile.mobile .con2_mobile_con1 .con_mobile_ment div{word-break:keep-all; width:100%; font-size:1.8em; line-height:1.3em; font-weight:300; color:#FFF;  margin-bottom:15px;}
	.content .con2_mobile.mobile .con2_mobile_con1 .con_mobile_ment div b{display:block; font-size:30px; margin-bottom:12px; line-height:25px;}
	.content .con2_mobile.mobile .con2_mobile_con1 .con_mobile_ment a{display:inline-block; color:#FFF; overflow:hidden; border:1px solid #FFF; margin-right:5px; font-size:14px; padding:5px 10px; float:left; margin-bottom:5px;}
	.content .con2_mobile.mobile .con2_mobile_con1 .con2_mobile_m{width:100%; height:100%; }
	.content .con2_mobile.mobile .con2_mobile_con1 .con2_mobile_m .root_daum_roughmap_landing{width:100%; height:100%;}
	.content .con2_mobile.mobile .con2_mobile_con1 .con2_mobile_m .root_daum_roughmap .wrap_controllers{display:none !important}
	.content .con2_mobile.mobile .con2_mobile_con1 img{width:100%; float:left; }
	.content .con2_mobile.mobile .con2_mobile_con2{width:100%; float:left;}
	.content .con2_mobile.mobile .con2_mobile_con2>div{width:50%;float:left; overflow:hidden; line-height:0;}
	.content .con2_mobile.mobile .con2_mobile_con2>div img{width:100%;}



#footerWrap{width:100%; overflow:hidden; background:#fff; padding:10px; box-sizing:border-box; }









}





@media screen and (max-width:750px) {
#contWrap1 .content{position:static; height:auto; overflow:hidden;}
	#contWrap1 div.con1_box01{position:relative;}
		#contWrap1 div.con1_box02{position:relative; top:0}
		#contWrap1 div.con1_box03{position:static;}
	.visual_fade .pc{display:none !important;}
	.visual_fade .mobile{display:block !important;}

	/*content*/
	/*
	#contWrap1 div.con1_box{width:50%; margin:0 0 5px; height:305px; }
	#contWrap1 div.con1_box .con1_txt img{width:85%}
	*/
	#contWrap1 div.con1_box.con1_box03{width:100%;  margin:0 0 5px; height:auto}
	#contWrap1 div.con1_box.con1_box03 .slick-slide img{width:100%;}


/**/
	#contWrap1 div.con1_box{width:100%;}
	#contWrap1 div.con1_box01{border:0; background:none; height:auto; overflow:hidden;}
	#contWrap1 div.con1_box01 .con1_txt.pc{display:none;}
	#contWrap1 div.con1_box01 .con1_img.mobile{display:block !important;}
	#contWrap1 div.con1_box01 .con1_img.mobile img{width:100%; height:auto; border:1px solid #E1E1E1;}
	#contWrap1 div.con1_box02{border:0; background:none;  height:auto; overflow:hidden; margin:5px 0; }
	#contWrap1 div.con1_box02 .con1_txt.pc{display:none;}
	#contWrap1 div.con1_box02 .con1_img.mobile{display:block !important;}
	#contWrap1 div.con1_box02 .con1_img.mobile img{width:100%; height:auto; border:1px solid #E1E1E1;}
	.content .con2_box.pc{display:none;}

	.content .con2_mobile.mobile{display:block !important}
	.content .con2_mobile.mobile .con2_mobile_con1{width:100%; overflow:hidden; display:block; margin-bottom:5px !important;}
	.content .con2_mobile.mobile .con2_mobile_con1 img{width:100%;}
	.content .con2_mobile.mobile .con2_mobile_con1 .con_mobile_ment div{font-size:20px; }
	.content .con2_mobile.mobile .con2_mobile_con2{width:100%; float:left;}
	.content .con2_mobile.mobile .con2_mobile_con2>div{width:50%; float:left; overflow:hidden;}
	.content .con2_mobile.mobile .con2_mobile_con2>div img{width:100%}
	





/*하단부분 */
	/* quick */
	.quick_area{width:100%; height:200px;}
	.quick_area>ul{}
	.quick_area>ul>li{display:inline-block;}
	.quick_area>ul>li.first{ background:url('/kr/images/common/quick_bg.png'); background-size:cover;  height:180px; width:100%; 
	box-sizing:border-box; border-right:1px solid #303334; }
	.quick_area>ul>li.second{ background:url('/kr/images/common/quick_bg01.png'); background-size:cover;  height:180px;  width:100%;  text-align:center;}
.actionImg10 { background-color: #fff;  overflow: hidden;    position: relative;}
.actionImg10 .lm_img img {  filter: grayscale(0%); height: 180px;  transition: all 0.8s ease 0s; width: 100%;}
.actionImg10 .lm_txt {    position: absolute; right:0;   top:15%; width:100%; float:right;  text-align:center; color:#fff}
.actionImg10 .lm_txt h2 { font-size:16px; font-weight:600; line-height:30px; margin-top:10px; margin-bottom:2px;}
.actionImg10 .lm_txt p { font-size:17px; line-height:15px;}

.actionImg10 .lm_txt1 {    position: absolute; left:0;   top:15%; width:100%;  text-align:center; color:#fff}
.actionImg10 .lm_txt1 h2 { font-size:16px; font-weight:600; line-height:30px; margin-top:10px; margin-bottom:2px;}
.actionImg10 .lm_txt1 p { font-size:17px; line-height:15px;}


	/* Footer */
.copy1{width:100%;  margin:0 auto; }
#footerWrap{width:100%; overflow:hidden; background:#fff; padding:10px 10px 10px 10px;}
#footerWrap #copyrightWrap .copyInner>*{}
#footerWrap .copyInner .f_logo{margin-right:25px}
#footerWrap .copyInner .copymenu{margin-top:0px;   border-bottom:1px solid #4b515e; padding:10px 0px 10px;}
#footerWrap .copyInner .copymenu li{color:#fff; font-size:13px;}
#footerWrap .copyInner .copymenu span{display:inline-block; margin-right:30px; color:#fff;}

#footerWrap .copyInner .copy{margin-top:15px; width:100%; border:0px solid #4b515e;  background:url(/images/common/copy_logo1.png)no-repeat right;}
#footerWrap .copyInner .copy li{color:#949495; font-size:13px;line-height:20px; }
#footerWrap .copyInner .copy span{display:inline-block; margin-right:0px; color:#666666;}
.copyright{color:#000 !important; padding-top:15px;}

.pcview {display:none;}
.mobileview {display:block; text-align:center; margin-top:15px; line-height:22px; color:#999;}
.copyright2{font-size:12px; color:#333;}
/*하단부분 */

	
}


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

.mobilenone{display:none;}



/*header*/
	#wrapper{margin-top:55px;}
	#headerWrap{height:55px;}
	#headerWrap .headerInner{height:55px;}
	#headerWrap .headerInner .tlogo{height:55px; padding:px 0; text-align:center;}
	#headerWrap #menu-call{height:55px; width:55px;}
	#headerWrap .headerInner .tlogo img{width:155px;}






}

@media screen and (max-width:430px) {
.content .con2_mobile.mobile .con2_mobile_con1 .con_mobile_ment div{font-size:16px; }




}



@media screen and (max-width:380px) {
	
	.content .con2_mobile.mobile .con2_mobile_con2>div{width:100%; float:left; overflow:hidden;}
	.content .con2_mobile.mobile .con2_mobile_con2>div img{width:100%}

}


/***슬라이드***/