@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; 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: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:200px;}
#headerWrap .headerInner .total{ z-index:999; position:absolute; top:0px; right:0px; width:150px;  background:#fff; height:90px; }
.total ul {margin-top:35px;}
.total ul li{display:inline;padding:0px 5px 0px;}

.gnbArea{width:100%; height:100%; position:absolute;left:0;top:0;width:100%;border-top:none; z-index:0;  background:#0f449c;}
.gnbArea p.closeBtn{display:none}
.gnbArea>ul{position:absolute; top:0px; left:228px;width:1102px; height:100px;*zoom:1; }

.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:#fff; font-weight:500;  cursor:pointer;  letter-spacing:-0.05em}
.gnbArea>ul>li>a>span{display:inline-block;width:157.5px; padding-top:35px; font-weight:500;}
.gnbArea>ul>li>a>span:after{content:""; display:block; width:100%; height:3px; background:#FFF; margin-top:34px; 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:#FFF; font-weight:900; }
.gnbArea>ul>li.on:after{background:rgba(2,31,79,0.90); display:block; content:""; position:absolute; width:110%; height:100%; top:0; left:50%; margin-left:-55%}
.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:0px 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{}

.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 Fade Effect */
#visual { width:100%; overflow:hidden; position:relative;margin:0 auto; height:738px; top:0px; }
.visual_wrap { position:relative; width:100%; margin:auto; height:738px; text-align:center; }
.visual_box { position:absolute; width:1920px; left:50%; margin-left:-960px; top:0px;}
.visual_box p { position:absolute; top:0;	left:0; }
.v_ul {	position:absolute;	top:620px; left:50%; margin-left: -80px; z-index:111; }
.v_ul li { z-index:111;	cursor:pointer;	margin-left:12px; float: left; line-height: 16px;  }
.v_ul li:first-child { margin-left:0; }
.v_btn01 {	position:absolute;	z-index:1;	top:232px;	left:-338px;	cursor:pointer; }
.v_btn02 {	position:absolute;	z-index:1;	top:232px;	right:-338px; cursor:pointer; }
.visual_p {	/*position:absolute;*/	left:0;}
.visual_text{z-index:133; 	position:absolute; top:195px;  margin:0 auto;  border:0px solid red;   text-align:center;  width:100%; }
.visual_text2{z-index:99999; 	position:absolute; bottom:0px;   left:0;    text-align:center;  width:100%;  height:105px;}
.main_protitle{ width:1300px; margin:0px auto; background:#fff; height:105px; padding-top:60px;}
.main_protitle p{font-size:40px; color:#245079; font-weight:700; font-family: 'Montserrat', sans-serif; color:#000;letter-spacing:2px; line-height:50x;}


/* 메인제품소개 */
#productWrap {background:#fff;  position:relative; width:100%; overflow:hidden; padding-top:0px; padding-bottom:0px; height:600px;}
.product{position:relative; width:1500px; margin:0px auto; padding:0; clear:both; height:650px; text-align:center; }

.left_arrow{width:150px; float:left; display:inline-block; padding-top:200px; }
.product_area{position:relative; width:1200px;  border:0px solid red;  float:left;}
.product_list{margin-right:10px; width:33%; text-align:center; }
.product_list img{}
.main-pro_title{box-sizing:border-box; padding-top:50px;background:url('/kr/images/main/title_bg.jpg') center; width:390px;  height:129px; text-align:center; font-size:20px; color:#fff;}

.right_arrow{width:150px; float:right;  display:inline-block; padding-top:200px;}

#productWrap1 {display:none;}



/*
.product ul {margin-top:75px;}
.product ul li{display:inline-block; float:left;}
.product ul li:first-child{ width:200px; line-height:300px;}
.product ul li.product_list{margin-right:10px; }
.product ul li:last-child{ width:200px; line-height:300px;}
.pt350{padding-top:170px;}*/

.main-pro{width:390px; height:365px; background:#f3f3f3; border:1px solid red; }
.main-pro_title{box-sizing:border-box; padding-top:50px;background:url('/kr/images/main/title_bg.jpg') center; width:390px;  height:129px; text-align:center; font-size:22px; color:#fff;}
.main-pro_title1{font-size:15px; color:#fff; line-height:35px;}



/*사용목적*/
#useWrap {background:url('/kr/images/main/title_bg1.jpg');  position:relative; width:100%; overflow:hidden; padding-top:0px; padding-bottom:0px; height:600px;}
.use{position:relative; width:1300px; margin:0px auto; padding:0; clear:both; height:600px; text-align:center; }
.usetitle_area {position:relative; width:1300px; margin:0px auto; padding:0; clear:both; height:165px; text-align:center; }
.usetitle_area p{padding-top:35px; font-size:40px;  font-weight:700; font-family: 'Montserrat', sans-serif; color:#fff;letter-spacing:2px; line-height:70px;}
.s_text1{ font-size:15px;color:#fff; }
#useWrap1 {display:none;}


/* Main-중앙배너 */
#bannerWrap {background:#f3f0f1; position:relative; width:100%; overflow:hidden; padding-top:65px; padding-bottom:65px;}
.banner{position:relative; width:1200px; margin:0px auto; padding:0; clear:both;}
.banner ul li{display:inline-block; width:33%; background-size:cover; padding:25px; text-align:center; font-size:15px; line-height:22px;  border-right:1px solid #cacaca;}
.banner ul li p{font-size:25px; color:#245079; font-weight:700; padding-bottom:15px;}
.banner ul li:last-child{ border-right:0px solid #cacaca;}
.more{padding:30px 0px 30px;}
.iconst{padding-bottom:30px}

/* center */
#publicWrap {background:#fff; position:relative; width:100%; overflow:hidden; padding-top:60px; padding-bottom:60px;}
.public{position:relative; width:1300px; margin:0px auto; padding:0; clear:both; text-align:center;}
.public p{font-size:40px; color:#245079; font-weight:700; font-family: 'Montserrat', sans-serif; color:#000;letter-spacing:2px; line-height:70px;}
.font-light{font-weight:200;  font-family: 'Montserrat', sans-serif;}
.s_text{ font-size:15px; }
.public_left{ width:48%;float:left; margin-top:35px;}
.public_left ul li.cscenter{box-sizing:border-box; padding:40px; text-align:left ! important; height:235px;  background:url('/kr/images/main/cs_bg.png') right; background-size:cover;}
.public_left ul li.global{box-sizing:border-box; padding:40px; text-align:left ! important; height:235px;  background:url('/kr/images/main/cs_bg01.png') right; background-size:cover;}
.public_right{width:52%; float:right; margin-top:35px; background:url('/kr/images/main/movie_bg.jpg'); height:470px;padding:15px;}

.public_text01{font-size:30px; color:#2e3c65 ! important; font-weight:700; font-family: 'Montserrat', sans-serif; letter-spacing:3px; line-height:40px ! important;}
.public_text02{font-size:30px; color:#fff ! important; font-weight:700; font-family: 'Montserrat', sans-serif; letter-spacing:3px; line-height:40px ! important;}
.public_text03{font-size:17px; color:#fff ! important; font-weight:700;  line-height:25px; margin-top:10px;}
.public_text04{font-size:17px; font-weight:700;  line-height:25px; margin-top:10px;}
.public_text05{font-size:25px; color:#2e3c65 ! important; font-weight:700; font-family: 'Montserrat', sans-serif; line-height:35px;}

.pt10{margin-top:10px;}


/*notice*/
#noticeWrap {background:#fff; position:relative; width:100%; overflow:hidden; padding-top:0px; padding-bottom:60px;}
.notice{position:relative; width:1300px; margin:0px auto; padding:0; clear:both; text-align:center;}
.notice p{font-size:40px; color:#245079; font-weight:700; font-family: 'Montserrat', sans-serif; color:#000;letter-spacing:2px; line-height:70px;}
.more01{position:relative; width:1200px; margin:0px auto; padding:0; clear:both; text-align:right; margin-bottom:15px;}
.notice ul li{display:inline-block;background-color:#f2f2f2; height:160px;  padding:35px; box-sizing:border-box; }
.notice ul li.first_line{width:20%; float:left;}
.date_st1{font-size:45px  !important; color:#a8a8a8 !important; font-weight:700; font-family: 'Montserrat', sans-serif;  line-height:40px ! important;}
.year_st2{font-size:20px  !important; color:#363535! important; font-weight:700; font-family: 'Montserrat', sans-serif;}
.notice ul li.second_line{width:70%; float:left;text-align:left !important;  }
.notice ul li.third_line{width:10%; float:left; }
.notice_title{font-size:20px; color:#000;line-height:45px;}
.notice_title1{font-size:16px; color:#333; }
.notice_title2{background-color:#000; padding:6px 20px;color:#fff; font-size:15px; letter-spacing:4px;margin-right:10px;}


.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:15%; width:63%; float:right;  text-align:center; color:#fff}
.actionImg10 .lm_txt h2 { font-size:17px; font-weight:600; line-height:30px; margin-top:10px; margin-bottom:10px;}
.actionImg10 .lm_txt p { font-size:18px; line-height:15px;}

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


.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); }



/* Footer */
.copy1{width:1200px;  margin:0 auto; }
#footerWrap{width:100%; overflow:hidden; background:#151c2d; padding:40px 0 40px;}
#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:1200px; 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; }
#footerWrap .copyInner .copy span{display:inline-block; margin-right:20px; color:#666666;}
.copyright{color:#fff !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;}



@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:100%;}
#headerWrap .headerInner .total{ z-index:999; position:absolute; top:0px; left:910px ! important; width:150px; background:#fff; height:90px; }
.total ul {margin-top:35px;}
.total ul li{display:inline;padding:0px 5px 0px;}

.gnbArea{width:100%; height:100%; position:absolute; left:0;top:0; width:100%; border-top:none; z-index:0;  background:#0f449c;}
.gnbArea p.closeBtn{display:none}
.gnbArea>ul{position:absolute; top:0px; left:190;  width:1100px; height:100px;*zoom:1; }

.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:#fff; font-weight:500;  cursor:pointer;  letter-spacing:-0.05em}
.gnbArea>ul>li>a>span{display:inline-block;width:150px; padding-top:35px; font-weight:500;}
.gnbArea>ul>li>a>span:after{content:""; display:block; width:100%; height:3px; background:#FFF; margin-top:34px; 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:#FFF; font-weight:900; }
.gnbArea>ul>li.on:after{background:rgba(2,31,79,0.90); display:block; content:""; position:absolute; width:110%; height:100%; top:0; left:50%; margin-left:-55%}
.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:0px 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{}


}




@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;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;}

	



	/* Visual Fade Effect */
#visual { width:100%; overflow:hidden; position:relative;margin:0 auto; height:500px; top:0px; }
.visual_wrap { position:relative; width:100%; margin:auto; height:500px; text-align:center; }
.visual_box { position:absolute;  width:100% left:50%; margin-left:-960px; top:0px;}
.visual_box p { position:absolute; top:0;	left:0; }
.v_ul {	position:absolute;	top:620px; left:50%; margin-left: -80px; z-index:111; }
.v_ul li { z-index:111;	cursor:pointer;	margin-left:12px; float: left; line-height: 16px;  }
.v_ul li:first-child { margin-left:0; }
.v_btn01 {	position:absolute;	z-index:1;	top:232px;	left:-338px;	cursor:pointer; }
.v_btn02 {	position:absolute;	z-index:1;	top:232px;	right:-338px; cursor:pointer; }
.visual_p {	/*position:absolute;*/	left:0;}
.visual_text{z-index:133; 	position:absolute; top:195px;  left:58%;  }
.visual_text2{z-index:99999; 	position:absolute; bottom:0px;   left:0;    text-align:center;  width:100%;  height:90px;}
.main_protitle{ width:100%; margin:0px auto; background:#fff; height:90px; }
.main_protitle p{font-size:25px; color:#245079; font-weight:700; font-family: 'Montserrat', sans-serif; color:#000;letter-spacing:2px; line-height:50x;}



/* 메인제품소개 */
#productWrap {display:none; }
/*background:#fff;  position:relative; width:100%; overflow:hidden; padding-top:0px; padding-bottom:0px; height:650px;}
.product{position:relative; width:100%; margin:0px auto; padding:0; clear:both; height:650px; text-align:center; }

.left_arrow{width:150px; float:left; display:inline-block; padding-top:200px; display:none;}
.product_area{position:relative; width:100%;  border:0px solid red;  float:left;}
.product_list{margin-right:10px; width:100%;}
.main-pro_title{box-sizing:border-box; padding-top:40px;background:url('/images/main/title_bg.jpg') center; width:390px;  height:129px; text-align:center; font-size:25px; color:#fff;}
.main-pro_title1{font-size:15px; color:#fff; line-height:35px;}
.right_arrow{width:150px; float:right;  display:inline-block; padding-top:200px; display:none;}*/

#productWrap1{display:block;  margin: 0 auto;}
.productWrap_area{width:100%; padding:5px; text-align:center;}
.productWrap_area ul{margin-top:25px; }
.productWrap_area ul li{display:inline-block; width:32%; margin-right:10px;  border:1px solid #ddd;  float: left;margin-bottom:55px; }
.productWrap_area ul li img{width:100%; }
.productWrap_area_title{line-height:35px; font-size:15px; }

	/* 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%;}

/* Main-중앙배너 */
#bannerWrap {background:#f3f0f1; position:relative; width:100%; overflow:hidden; padding-top:65px; padding-bottom:65px;}
.banner{position:relative; width:100%; margin:0px auto; padding:0; clear:both;}
.banner ul li{display:inline-block; width:33%; background-size:cover; padding:25px; text-align:center; font-size:15px; line-height:22px;  border-right:1px solid #cacaca;}
.banner ul li p{font-size:25px; color:#245079; font-weight:700; padding-bottom:15px;}
.more{padding:30px 0px 30px;}
.iconst{padding-bottom:30px}

#footerWrap{width:100%; overflow:hidden; background:#151c2d; padding:10px 10px 10px 10px;}

/*사용목적*/
#useWrap {background:url('/kr/images/main/title_bg1.jpg');  position:relative; width:100%; overflow:hidden; padding-top:0px; padding-bottom:0px; height:500px;}
.use{position:relative; width:100%; margin:0px auto; padding:0; clear:both; height:500px; text-align:center; }
.usetitle_area {position:relative;width:100%; margin:0px auto; padding:0; clear:both; height:165px; text-align:center; }
.usetitle_area p{padding-top:35px; font-size:30px;  font-weight:700; font-family: 'Montserrat', sans-serif; color:#fff;letter-spacing:2px; line-height:70px;}
.s_text1{ font-size:15px;color:#fff; }


/* center */
#publicWrap {background:#fff; position:relative; width:100%; overflow:hidden; padding-top:60px; padding-bottom:60px;}
.public{position:relative; width:100%; margin:0px auto; padding:0; clear:both; text-align:center;}
.public p{font-size:30px; color:#245079; font-weight:700; font-family: 'Montserrat', sans-serif; color:#000;letter-spacing:2px; line-height:45px;}
.font-light{font-weight:200;  font-family: 'Montserrat', sans-serif;}
.s_text{ font-size:15px; }
.public_left{ width:50%;float:left; margin-top:35px;}
.public_left ul li.cscenter{box-sizing:border-box; padding:50px; text-align:left ! important; height:235px;  background:url('/kr/images/main/cs_bg.png') right; background-size:cover;}
.public_left ul li.global{box-sizing:border-box; padding:50px; text-align:left ! important; height:235px;  background:url('/kr/images/main/cs_bg01.png') right; background-size:cover;}
.public_right{width:50%; float:right; margin-top:35px;background:url('/kr/images/main/movie_bg.jpg'); height:470px; }

.public_text01{font-size:25px ! important; color:#2e3c65 ! important; font-weight:700; font-family: 'Montserrat', sans-serif; letter-spacing:3px; line-height:30px ! important;}
.public_text02{font-size:25px ! important; color:#fff ! important; font-weight:700; font-family: 'Montserrat', sans-serif; letter-spacing:3px; line-height:30px ! important;}
.public_text03{font-size:15px; color:#fff ! important; font-weight:700;  line-height:25px; margin-top:10px;}
.public_text04{font-size:15px; font-weight:700;  line-height:25px; margin-top:10px;}
.public_text05{font-size:25px; color:#2e3c65 ! important; font-weight:700; font-family: 'Montserrat', sans-serif; line-height:35px;}


/*notice*/
#noticeWrap {background:#fff; position:relative; width:100%; overflow:hidden; padding-top:0px; padding-bottom:60px;}
.notice{position:relative;  width:100%; margin:0px auto; padding:0; clear:both; text-align:center;}
.notice p{font-size:30px; color:#245079; font-weight:700; font-family: 'Montserrat', sans-serif; color:#000;letter-spacing:2px; line-height:45px;}
.more01{position:relative;  width:100%;margin:0px auto; padding:0; clear:both; text-align:right; margin-bottom:15px;}
.notice ul li{display:inline-block;background-color:#f2f2f2; height:180px;  padding:30px; box-sizing:border-box; }
.notice ul li.first_line{width:20%; float:left;}
.date_st1{font-size:45px  !important; color:#a8a8a8 !important; font-weight:700; font-family: 'Montserrat', sans-serif;}
.year_st2{font-size:20px  !important; color:#363535! important; font-weight:700; font-family: 'Montserrat', sans-serif;}
.notice ul li.second_line{width:80%; float:left;text-align:left !important;  }
.notice ul li:last-child{display:none;}
.notice ul li.third_line{width:10%; float:left; }
.notice_title{font-size:20px; color:#000;line-height:45px;}
.notice_title1{font-size:16px; color:#333; }
.notice_title2{background-color:#000; padding:6px 20px;color:#fff; font-size:15px; letter-spacing:4px;margin-right:10px;}






}





@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%}
	

.main_protitle p{font-size:20px; color:#245079; font-weight:700; font-family: 'Montserrat', sans-serif; color:#000;letter-spacing:2px; line-height:30x;}





/* Main-중앙배너 */
#bannerWrap {background:#f3f0f1; position:relative; width:100%; overflow:hidden; padding-top:65px; padding-bottom:65px;}
.banner{position:relative; width:100%; margin:0px auto; padding:0; clear:both;}
.banner ul li{display:inline-block; width:33%; background-size:cover; padding:25px; text-align:center; font-size:15px; line-height:22px;  border-right:1px solid #cacaca;}
.banner ul li p{font-size:20px; color:#245079; font-weight:700; padding-bottom:15px;}
.more{padding:30px 0px 30px;}
.iconst{padding-bottom:30px}

#useWrap {background:url('/kr/images/main/title_bg1.jpg');  position:relative; width:100%; overflow:hidden; padding-top:0px; padding-bottom:0px; height:500px;}
.use{position:relative; width:100%; margin:0px auto; padding:0; clear:both; height:500px; text-align:center; }
.usetitle_area {position:relative;width:100%; margin:0px auto; padding:0; clear:both; height:145px; text-align:center; }
.usetitle_area p{padding-top:25px; font-size:30px;  font-weight:700; font-family: 'Montserrat', sans-serif; color:#fff;letter-spacing:2px; line-height:50px;}
.s_text1{ font-size:14px;color:#fff; }


/* center */
#publicWrap {background:#fff; position:relative; width:100%; overflow:hidden; padding-top:60px; padding-bottom:60px;}
.public{position:relative; width:100%; margin:0px auto; padding:0; clear:both; text-align:center;}
.public p{font-size:33px; color:#245079; font-weight:700; font-family: 'Montserrat', sans-serif; color:#000;letter-spacing:2px; line-height:45px;}
.font-light{font-weight:200;  font-family: 'Montserrat', sans-serif;}
.s_text{ font-size:15px; }
.public_left{ width:100%;float:left; margin-top:35px;}
.public_left ul li.cscenter{box-sizing:border-box; padding:50px; text-align:left ! important; height:235px;  background:url('/kr/images/main/cs_bg.png') right; background-size:cover;}
.public_left ul li.global{box-sizing:border-box; padding:50px; text-align:left ! important; height:235px;  background:url('/kr/images/main/cs_bg01.png') right; background-size:cover;}
.public_right{width:100%; float:left; margin-top:05px;background:url('/kr/images/main/movie_bg.jpg');height:auto; }

.public_text01{font-size:33px; color:#2e3c65 ! important; font-weight:700; font-family: 'Montserrat', sans-serif; letter-spacing:3px; line-height:45px;}
.public_text02{font-size:33px; color:#fff ! important; font-weight:700; font-family: 'Montserrat', sans-serif; letter-spacing:3px; line-height:45px;}
.public_text03{font-size:17px; color:#fff ! important; font-weight:700;  line-height:25px; margin-top:10px;}
.public_text04{font-size:17px; font-weight:700;  line-height:25px; margin-top:10px;}
.public_text05{font-size:25px; color:#2e3c65 ! important; font-weight:700; font-family: 'Montserrat', sans-serif; line-height:35px;}



/*notice*/
#noticeWrap {background:#fff; position:relative; width:100%; overflow:hidden; padding-top:0px; padding-bottom:60px;}
.notice{position:relative;  width:100%; margin:0px auto; padding:0; clear:both; text-align:center;}
.notice p{font-size:30px; color:#245079; font-weight:700; font-family: 'Montserrat', sans-serif; color:#000;letter-spacing:2px; line-height:45px;}
.more01{position:relative;  width:100%;margin:0px auto; padding:0; clear:both; text-align:right; margin-bottom:15px;}
.more01 img{width:12%;}
.notice ul li{display:inline-block;background-color:#f2f2f2; height:240px; padding:35px; box-sizing:border-box; }
.notice ul li.first_line{width:20%; float:left;}
.date_st1{font-size:45px  !important; color:#a8a8a8 !important; font-weight:700; font-family: 'Montserrat', sans-serif;}
.year_st2{font-size:20px  !important; color:#363535! important; font-weight:700; font-family: 'Montserrat', sans-serif;}
.notice ul li.second_line{width:80%; float:left;text-align:left !important;  }
.notice ul li.third_line{width:10%; float:left;text-align:left !important;  }
.notice ul li:last-child{display:none;}
.notice_title{font-size:20px; color:#000;line-height:45px;}
.notice_title1{font-size:16px; color:#333; }
.notice_title2{background-color:#000; padding:6px 20px;color:#fff; font-size:15px; letter-spacing:4px;margin-right:10px;}


#productWrap1{display:block;  margin: 0 auto;}
.productWrap_area{width:100%; padding:5px; text-align:center;}
.productWrap_area ul{margin-top:25px; }
.productWrap_area ul li{display:inline-block; width:47%; margin-right:10px;  border:1px solid #ddd;  float: left;margin-bottom:25px; }
.productWrap_area ul li img{width:100%; }
.productWrap_area_title{line-height:35px; font-size:15px; }


/*하단부분 */
	/* 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:#151c2d; 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:20px; color:#666666;}
.copyright{color:#fff !important; padding-top:15px;}

.pcview {display:none;}
.mobileview {display:block;}

/*하단부분 */

	
}


@media screen and (max-width:550px) {
/*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;}



/* Main-중앙배너 */
#bannerWrap {background:#f3f0f1; position:relative; width:100%; overflow:hidden; padding-top:35px; padding-bottom:35px;}
.banner{position:relative; width:100%; margin:0px auto; padding:0; clear:both;}
.banner ul li{display:inline-block; width:100%; background-size:cover; padding:25px; text-align:center; font-size:15px; line-height:22px;  border-right:0px solid #cacaca;  border-bottom:1px solid #cacaca;}
.banner ul li p{font-size:20px; color:#245079; font-weight:700; padding-bottom:15px;}
.banner ul li:last-child{ border-bottom:0px solid #cacaca;}
.more{padding:30px 0px 30px;  width:18%;}
.iconst{padding-bottom:30px;  width:40%;}

/* center */
#publicWrap {background:#fff; position:relative; width:100%; overflow:hidden; padding-top:60px; padding-bottom:60px;}
.public{position:relative; width:100%; margin:0px auto; padding:0; clear:both; text-align:center;}
.public p{font-size:20px; color:#245079; font-weight:700; font-family: 'Montserrat', sans-serif; color:#000;letter-spacing:1px; line-height:25px;}
.font-light{font-weight:200;  font-family: 'Montserrat', sans-serif;}
.s_text{ font-size:15px; }
.public_left{ width:100%;float:left; margin-top:35px;}
.public_left ul li.cscenter{box-sizing:border-box; padding:20px; text-align:left ! important; height:200px;  background:url('/kr/images/main/cs_bg.png') center; background-size:cover;}
.public_left ul li.global{box-sizing:border-box; padding:20px; text-align:left ! important; height:200px;  background:url('/kr/images/main/cs_bg01.png') center; background-size:cover;}
.public_right{width:100%; float:left; margin-top:5px;background:url('/kr/images/main/movie_bg.jpg'); height:auto; }

.public_text01{font-size:25px; color:#2e3c65 ! important; font-weight:700; font-family: 'Montserrat', sans-serif; letter-spacing:3px; line-height:45px; margin-top:10px;}
.public_text02{font-size:25px; color:#fff ! important; font-weight:700; font-family: 'Montserrat', sans-serif; letter-spacing:3px; line-height:45px;margin-top:20px;}
.public_text03{font-size:14px; color:#fff ! important; font-weight:700;  line-height:20px; margin-top:10px;}
.public_text04{font-size:14px; font-weight:700;  line-height:20px; margin-top:10px;}
.public_text05{font-size:25px; color:#2e3c65 ! important; font-weight:700; font-family: 'Montserrat', sans-serif; line-height:35px;}


#useWrap{display:none;}
#useWrap1 {display:block; background:url('/kr/images/main/title_bg1.jpg');  position:relative; width:100%; overflow:hidden; padding-top:0px; padding-bottom:0px; height:750px;}
.use{position:relative; width:100%; margin:0px auto; padding:0; clear:both; height:750px; text-align:center; }
.usetitle_area {position:relative;width:100%; margin:0px auto; padding:0; clear:both; height:100px; text-align:center; }
.usetitle_area p{padding-top:25px; font-size:20px;  font-weight:700; font-family: 'Montserrat', sans-serif; color:#fff;letter-spacing:2px; line-height:40px;}
.s_text1{ font-size:13px;color:#fff; }


/*notice*/
#noticeWrap {background:#fff; position:relative; width:100%; overflow:hidden; padding-top:0px; padding-bottom:60px;}
.notice{position:relative;  width:100%; margin:0px auto; padding:0; clear:both; text-align:center;}
.notice p{font-size:20px; color:#245079; font-weight:700; font-family: 'Montserrat', sans-serif; color:#000;letter-spacing:1px; line-height:25px}
.more01{position:relative;  width:100%;margin:0px auto; padding:0; clear:both; text-align:right; margin-bottom:15px;margin-top:10px;}
.more01 img{width:20%;}
.notice ul li.first_line{width:30%; float:left;}
.date_st1{font-size:25px  !important; color:#a8a8a8 !important; font-weight:700; font-family: 'Montserrat', sans-serif;}
.year_st2{font-size:15px  !important; color:#363535! important; font-weight:700; font-family: 'Montserrat', sans-serif;letter-spacing:-0.5px;  }
.notice ul li.second_line{width:70%; float:left;text-align:left !important;  }
.notice ul li.third_line{width:10%; float:left;text-align:left !important;  }
.notice ul li:last-child{display:none;}
.notice_title{font-size:15px; color:#000;line-height:25px;}
.notice_title1{font-size:14px; color:#666666; }
.notice_title2{background-color:#000; padding:2px 10px;color:#fff; font-size:15px; letter-spacing:4px;margin-right:10px;}

#productWrap1{display:block;  margin: 0 auto;}
.productWrap_area{width:100%; padding:5px; text-align:center;}
.productWrap_area ul{margin-top:25px; }
.productWrap_area ul li{display:inline-block; width:95%; margin-right:10px;  margin-left:10px; border:1px solid #ddd;  float: left;margin-bottom:25px; }
.productWrap_area ul li img{width:100%; }
.productWrap_area_title{line-height:35px; font-size:15px; }	


}

@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%}

}