@charset "utf-8";
@import url('//cdn.jsdelivr.net/font-iropke-batang/1.2/font-iropke-batang.css');

body::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}


/* 공통 */
.white { color:#fff !important; }
.black { color:#000 !important; }
.blue { color:#181c37 !important; }
.g444 { color:#444 !important; }
.g666 { color:#666 !important; }
.g888 { color:#888 !important; }
.gddd { color:#ddd !important; }
.gccc { color:#ccc !important; }
.gbbb { color:#bbb !important; }
.ft_shin{color:#213357 !important;}
.bg_white { background-color:#fff !important; }
.bg_gray { background-color:#f9f9f9 !important; }
.bg_blue { background-color:#181c37 !important; }
.b213357{color:#213357;}
.txtbd{font-weight:800;}
.ftbl{font-weight:800;}
.ftbd{font-weight:700;}
.align-left{text-align:left;}
.align-right{text-align:right;}
.swiper-button-wrap{width:1320px; margin:0 auto;}


.title-line{width: 30px;height: 4px;background-color: #213357;}

.pdt_main{padding-top:50px;}

.center { text-align:center !important; }
.t_left { text-align:left !important; }
.t_right { text-align:right !important; }

.thin { font-weight:200 !important; }
.light { font-weight:300 !important; }
.mid { font-weight:500 !important; }
.bold { font-weight:800 !important; }
.upalp { text-transform:uppercase; }
.just { text-align:justify }

.bd1d { border:1px #ddd solid; }
.bdt1d { border-top:1px #ddd solid; }
.bdb1d { border-bottom:1px #ddd solid; }

.f_serif { font-family:"Iropke Batang", serif; }

.go-top{
	display:block;
	width:80px;
	height:60px;
	position:absolute;
	top:0;
	right:0px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background:url(/img/top_btn.png) center no-repeat #6c6c6c;
	text-decoration:none;
	border:0;
}

.go-top:hover{ background-color:#4b7596; }

/*.box_btn { width:200px; height:60px; border-radius:10px; background-color:#213357; color:#fff; display:inline-block; line-height:60px; text-align:center; transition:0.5s all; }
.box_btn:hover { background-color:#181c37; transition:0.5s all; }*/
.box_btn{border:1px solid #213357; background:#213357; color:#fff;width:200px; height:60px;font-size:16px; border-radius:50px;display:inline-block; text-align:center;  line-height:60px; }
.box_btn:hover{background-color:#181c37; transition:0.5s all;}

.box{width:100px; height:30px; background:#213357; color:#fff !important; line-height:30px}
.sub_top { width:100%; padding:150px 5%; background-size:cover; background-position:center; background-repeat:no-repeat; position:relative; }
.sub_top .loca_txt { position:absolute; bottom:30px; left:50px; }
.com_top { background-image:url("/img/com_top.jpg"); }
.prd_top { background-image:url("/img/prd_top.jpg"); }
.board_top { background-image:url("/img/board_top.jpg"); }
.cont_top { background-image:url("/img/cont_top.jpg"); }
/*background-image:url("/img/main_bg.png");*/
#main_wrap .mySwiper { width:100%; height:800px; position:relative;}

/*#main_wrap .mySwiper .txt_wrap { width:1200px; height:300px; position:absolute; right:0; top:57%; margin-top:-200px; z-index:9; display:table; background-image:url("/img/main_bg.png");}*/
#main_wrap .mySwiper .txt_wrap { width:1200px; height:300px; position:absolute; right:0; top:57%; margin-top:-200px; z-index:9; display:table; }
#main_wrap .mySwiper .txt_wrap .txt_detail { display:table-cell; vertical-align:middle; padding:50px 130px 0 130px; }
#main_wrap .mySwiper .txt_wrap .txt_detail .main_s_btn { margin-top:40px;}
/*#main_wrap .mySwiper .txt_wrap .txt_detail .main_s_btn a { padding:15px 20px; border:1px #fff solid; color:#fff; font-size:16px; border-radius:50px;}*/
/*#main_wrap .mySwiper .txt_wrap .txt_detail .main_s_btn a:hover{border:1px solid #213357; background:#213357; color:#fff; transition:.3s }*/
#main_wrap .mySwiper .txt_wrap .txt_detail .main_s_btn a {border:1px solid #0080cb; background:#0080cb; color:#fff;padding:15px 20px;  font-size:16px; border-radius:50px; }
#main_wrap .mySwiper .txt_wrap .txt_detail .main_s_btn a:hover{ background-color:#181c37; transition:0.5s all; border:1px solid #181c37;}

#main_wrap .mySwiper .txt_wrap .txt_detail .main_y_btn a{border:1px solid #a80000; background:#a80000; color:#fff;padding:15px 20px;  font-size:16px; border-radius:50px; }
#main_wrap .mySwiper .txt_wrap .txt_detail .main_y_btn a:hover{ background-color:#181c37; transition:0.5s all; border:1px solid #181c37;}
#main_wrap .mySwiper .txt_wrap .txt_detail .main_y_btn span img{width:20%;}

#main_wrap .mySwiper .txt_wrap .txt_detail .main_btns li{display:inline-block;}
#main_wrap .mySwiper .txt_wrap .txt_detail .main_btns li:nth-child(2){margin-left:10px;}

#main_wrap .mySwiper .swiper-slide { width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center; }
#main_wrap .mySwiper .swiper-slide:after{ position: absolute; top: 0; right: 0;bottom: 0;left: 0; content: '';background: rgba(0, 0, 0, 0.2);}
#main_wrap .mySwiper .slide_01 { background-image:url("/img/main_slide_01_01.jpg"); }
#main_wrap .mySwiper .slide_02 { background-image:url("/img/main_slide_02_01.jpg"); }
#main_wrap .mySwiper .slide_03 { background-image:url("/img/main_slide_04_01.jpg"); }
#main_wrap .mySwiper .slide_04 { background-image:url("/img/main_slide_03_01.jpg"); }
#main_wrap .mySwiper .swiper-button-next{background: url(/img/next.png) no-repeat; background-size: 100% auto;background-position: center; width:50px; height:50px;  z-index:10;}
#main_wrap .mySwiper .swiper-button-prev{background: url(/img/prev.png) no-repeat; background-size: 100% auto;background-position: center;  width:50px; height:50px; z-index:10;}
#main_wrap .mySwiper .swiper-button-next::after,
#main_wrap .mySwiper .swiper-button-prev::after { display: none;}


#main_wrap .middle_txt_01 .img,
#main_wrap .middle_txt_02 .img { width:50%; height:530px; background-size:cover; background-repeat:no-repeat; background-position:center; float:left; }
#main_wrap .middle_txt_01 .txt,
#main_wrap .middle_txt_02 .txt { width:calc(100% - 680px); height:530px; float:left; display:table; }
#main_wrap .txt .detail { display:table-cell; vertical-align:middle; padding:0 50px; }
#main_wrap .middle_txt_01 .img { background-image:url("/img/main_middle_01.jpg");}
#main_wrap .middle_txt_02 .img { background-image:url("/img/main_middle_02.jpg"); float:right; }
#main_wrap .middle_txt_02 .img {  -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */}
.middle_txt_02 .img::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}


#main_wrap .middle_txt_01::after,
#main_wrap .middle_txt_02::after { clear:both; content:""; display:block; }
#main_wrap .middle_txt_02 > div { margin-top:-50px; z-index:9; }


#main_wrap .middle_txt_02 .btn_wrap a.btn_01 { background:url("/img/middle_btn_01_a.png") center no-repeat; box-shadow:2px 2px 8px rgb(121,121,121, .3) }
#main_wrap .middle_txt_02 .btn_wrap a.btn_02 { background:url("/img/middle_btn_02_a.png") center no-repeat; box-shadow:2px 2px 8px rgb(121,121,121, .3)}
#main_wrap .middle_txt_02 .btn_wrap a.btn_04 { background:url("/img/middle_btn_04_a.png") center no-repeat; box-shadow:2px 2px 8px rgb(121,121,121, .3)}
#main_wrap .middle_txt_02 .btn_wrap a { width:120px; margin-left:10px; height:120px; display:inline-block; padding-top:80px; font-size:12px; color:#fff; position:relative; border-radius:90px; overflow:hidden; background-size:cover; }
#main_wrap .middle_txt_02 .btn_wrap a .black_over { display:none; width:120px; height:120px; position:absolute; top:0; left:0; background-color:rgba(33, 51, 87, 0.8); line-height:120px;  }
#main_wrap .middle_txt_02 .btn_wrap a:hover .black_over { display:block;transition:.3s }

#main_wrap .middle_banner { width:100%; background:url("/img/middle_banner.jpg") center no-repeat; background-size:cover; }

#main_wrap .main_news_wrap { width:100%; position:relative; padding:150px 0; height:800px; }
#main_wrap .main_news_wrap .pic_lt { width:calc(70% - 50px); position:absolute; top:150px; left:30%; }
#main_wrap .main_news_wrap .pic_lt ul { overflow-x:auto; margin:0; display:flex; white-space:nowrap; height:510px; }
#main_wrap .main_news_wrap .pic_lt ul::-webkit-scrollbar { background-color:transparent; border-radius:10px; height:15px; }
#main_wrap .main_news_wrap .pic_lt ul::-webkit-scrollbar-thumb { background-color:#666; border:3px #eee solid; border-radius:10px; }
#main_wrap .main_news_wrap .pic_lt ul::-webkit-scrollbar-track { background-color:#eee; border-radius:10px; }
#main_wrap .wrap { position:relative; height:100%; }
#main_wrap .wrap .circle_btn { position:absolute; left:0; bottom:100px; font-size:20px; height:40px; line-height:40px; font-weight:500; color:#213357;  width:170px; background:url("/img/circle_btn_02.png") right center no-repeat; }

#footer .four_div a { display:block; }
#footer .wrap { position:relative; }
#footer .wrap .copy { position:absolute; bottom:100px; right:0; }



/*.company_bg { background:url("/img/company_bg.jpg") left bottom no-repeat; padding-bottom:200px; }
.history_wrap {max- width:1000px; margin:0 auto; }
.history_wrap .year { width:23%; position:relative; }
.history_wrap .year img { position:absolute; top:15px; right:-11px; }
.history_wrap .month { width:77%; border-left:2px #4b7596 solid; }
.history_wrap .month ul { border-top:1px #ddd dotted; margin-top:25px; padding-top:30px; }
.history_wrap .month ul li { padding-left:30px; font-size:17px; font-weight:500; line-height:30px; }
.history_wrap .month ul li:before { content:'●'; font-size:13px; color:#4b7596; padding-right:5px; }*/

.history-img{overflow: hidden; height: 400px; width:100%;background: url(/img/historyimg.jpg) no-repeat; height:400px;}
.history-tit-box{display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 60px; height: 330px; }
.history-tit-box h4{padding: 0 80px; font-size: 50px; font-weight: 600; color: #fff; letter-spacing: -0.25px; line-height: 1.2}
.history-year{font-size:18px;}
.history-list-box-style02 .history-year-box{position:relative; padding-left:340px; padding-bottom: 0px}
.history-list-box-style02 .history-year-box:last-child{padding-bottom: 0}
.history-list-box-style02 .history-year-box h4{position:absolute; left:0; top:0; padding: 20px 0; color:#262626; font-size:40px; font-weight:600; letter-spacing:-1.0px; }
.history-list-box-style02 .history-year-box h4:before{content:""; position:absolute; top:0; left:0; width:257px; height:3px; background-color:#262626}
.history-list-box-style02 .history-year-box .history-year-list-con{padding: 20px; border-bottom: 1px solid rgba(175, 175, 175, .1)}
.history-list-box-style02 .history-year-box .top-line-con{border-top: 1px solid #7e7e7e}
.history-list-box-style02 .history-year-box .floor-none-line{border-bottom: 0}
.history-list-box-style02 .history-year-box .history-year-item {position:relative; padding-bottom:30px}
.history-list-box-style02 .history-year-box .history-year-item:last-child{padding-bottom:0}
.history-list-box-style02 .history-year-box:last-child .history-year-item:last-child:before{display:none;}
.history-list-box-style02 .history-year-box .history-year-item .history-year{position:absolute; top:-3px; left:0px; width:120px;}
.history-list-box-style02 .history-year-box .history-year-item .history-year strong{color:#262626; font-weight:600; font-size:32px; letter-spacing: -0.8px}
.history-list-box-style02 .history-year-box .history-year-item .history-info-con{padding-left:120px;}
.history-list-box-style02 .history-year-box:last-child .history-year-item:last-child .history-info-con{padding-bottom:0px;}
.history-list-box-style02 .history-year-box .history-year-item .history-info-con p{position:relative; margin-bottom:10px;color:rgba(38,38,38,0.8); font-size:18px; font-weight:400; letter-spacing:-0.5px; line-height:1.6; word-break:keep-all}
.history-list-box-style02 .history-year-box .history-year-item .history-info-con p:first-child{margin-top:7px}

.certi_wrap .certi_txt { width:100%;}
.certi_wrap .certi_img { width:80%;text-align:center;  margin: 0 auto; }
.certi_wrap .certi_img .swiper-slide img {  }
.certi_wrap .certi_img .swiper { padding-bottom:50px; }

#loca_wrap iframe {width:100%; height:400px; }
#loca_wrap .map_wrap { position:relative; width:100%; height:750px; }
#loca_wrap .map_wrap .img { position:absolute; left:60px; bottom:0; box-shadow:0 0 10px rgba(0, 0, 0, 0.3); }
#loca_wrap .txt_wrap { max-width:100%; margin:40px 0 0 610px;}
#loca_wrap .txt_wrap p.ad_title { width:100%; font-size:17px; font-weight:700; color:#213357; padding-bottom:15px; background:url('/img/location_line.jpg') left bottom no-repeat; }
#loca_wrap .txt_wrap p.ad_title img { margin-right:15px; }
#loca_wrap .txt_wrap p.ad_sub { font-size:15px; font-weight:400; margin:15px 0 25px 0; }



.prd_table { width:100%; margin:0 auto; border-top:2px #000 solid; border-right:1px #ddd solid; }
.prd_table th,
.prd_table td { border-bottom:1px #ddd solid; border-left:1px #ddd solid; padding:20px; font-size:15px; color:#666; }
.prd_table th { color:#000; font-weight:500; background-color:#f9f9f9; text-align:center; }

.with_circle { padding:10px 20px; border-radius:30px; background-color:#213357; }

/*프로세스*/
.process_title{font-size:25px;}

.process_ul li {position: relative;display: inline-block;vertical-align: top;width: 23%;margin-right:1%;margin-bottom: 20px;}
.process_ul li img { width: 100%;}
.process_ul li .process_text {background: #fff; padding: 20px;font-size: 18px; color: #262626;line-height: 1.3;margin-top: -10px; height: 270px;
    box-shadow: 1px 1px 10px rgba(0,0,0,.1); border-radius: 10px; font-weight:400;}
.process_ul li:before{content: "";position: absolute;right: -4px;top: 65%;
    -webkit-transform: rotate(45deg) translate(0,-50%);
    -ms-transform: rotate(45deg) translate(0,-50%);
    background: #fff;width: 26px;height: 26px;border: 1px solid rgba(0,0,0,0.1);border-width: 1px 1px 0px 0px; z-index:89;}

.process_ul li:last-child::before{content:none;}


/*영상팝업*/
.mov_layer {display:none; position:fixed; top:15%; left:50%; width:800px; margin-left:-400px; z-index:99999999;}
.mov_layer video {width:800px;}
.mov_layer .close {position:absolute; top:-50px; right:0; display:block; width:50px; height:50px; background:url('/img/x.png') center center no-repeat; background-size:50px 50px; filter:Alpha(opacity=100); opacity:1; -moz-opacity:1;}
.dim {display:none; position:fixed; _position:absolute; top:0;left:0; background:#000; width:100%; height:100%; filter:Alpha(opacity=40); opacity:0.4; -moz-opacity:0.4; z-index:9999999;}
/*영상팝업*/

@media screen and (min-width:1321px) { /* pc */
	
}

@media screen and (min-width:769px) and (max-width:1320px) { /* tablet */
	.pdt_main{padding-top:0;}
	/*영상팝업*/
	.mov_layer {width:700px; margin-left:-350px;}
	.mov_layer video {width:700px;}
	/*영상팝업*/

	/*main*/
	#main_wrap .mySwiper .txt_wrap { width:100%; height:300px; position:absolute; right:0; top:50%; margin-top:-200px; z-index:9; display:table; }
	#main_wrap .middle_txt_01 .txt, #main_wrap .middle_txt_02 .txt{width:100%; height:200px; margin-top:30px;}
	#main_wrap .txt .detail{padding:0;}
	#main_wrap .middle_txt_01 .img{width:80%}
	#main_wrap .middle_txt_02 .img{margin-top:50px; width:80%;}
	.btn_wrap{float:right;}
	
	#main_wrap .wrap .circle_btn{margin-left:50px;}

	/*process*/
	.process_title{font-size:18px;}



}

@media (max-width:768px) { /* mobile */
	.pdt_main{padding-top:20%;}
	/*영상팝업*/
	.mov_layer {width:460px; margin-left:-230px;}
	.mov_layer video {width:460px;}
	/*영상팝업*/
	
	.go-top { width:60px; height:60px; }

	/*main*/
	.txt_detail{text-align:center;}
	.box{width:80px; height:30px; background:none;  !important; border-radius:none;}
	#main_wrap .mySwiper .txt_wrap { width:100%; height:400px; }
	#main_wrap .middle_txt_01 .img,
	#main_wrap .middle_txt_02 .img { width:100%; height:530px; background-size:cover; background-repeat:no-repeat; background-position:center; float:left; }
	#main_wrap .middle_txt_01 .txt,
	#main_wrap .middle_txt_02 .txt { width:100%; height:320px; float:left; display:table; }
	#main_wrap .txt .detail{padding:0px;}
	#main_wrap .middle_txt_02 .img{margin-top:30px;}

	#main_wrap .middle_txt_02 .btn_wrap a { width:120px; margin-top:10px;  }
	#main_wrap .middle_txt_02 .btn_wrap a .black_over { display:none;  width:120px; }

	#main_wrap .main_news_wrap{padding:40px 0;}
	#main_wrap .wrap .circle_btn { font-size:18px;  font-weight:500;width:170px; margin-left:25px;}
	#main_wrap .main_news_wrap .pic_lt{  width:94%; position:absolute; top:175px; left:3%}
	#main_wrap .main_news_wrap .pic_lt ul { height:450px; width:100%; }
	#main_wrap .mySwiper .txt_wrap .txt_detail{padding: 0px 40px;}
	#main_wrap .mySwiper .txt_wrap .txt_detail .main_btns li:nth-child(2){margin-left:0px; margin-top:20px;}

	#main_wrap .middle_txt_02 .btn_wrap a.btn_01 { background:url("/img/middle_btn_01_re.png") center no-repeat;  }
	#main_wrap .middle_txt_02 .btn_wrap a.btn_02 { background:url("/img/middle_btn_02_re.png") center no-repeat; }
	#main_wrap .middle_txt_02 .btn_wrap a.btn_04 { background:url("/img/middle_btn_04_re.png") center no-repeat;}
	#main_wrap .middle_txt_02 .btn_wrap a { width:140px; height:140px;padding-top:90px;font-size:15px; }
	#main_wrap .middle_txt_02 .btn_wrap a .black_over{width:140px;}
	#main_wrap .middle_txt_02 .btn_wrap a .black_over{height:140px; line-height:140px;}
	#main_wrap .wrap .circle_btn{ bottom:60px;}
	.product-top{margin-top:100px;}

	.nav-logo .logo_back{width:20%;}

	.history_wrap .year img{top:10px; right:-26px;}
	.history_wrap{padding-left:5%; padding-right:5%;}
	.history_wrap .month li{padding-bottom:40px;}

	.certi_wrap .certi_txt { width:100%; float:none; }
	.certi_wrap .certi_img { width:100%; margin-left:0; float:none; margin-top:30px;}

	.history_wrap .month ul{margin-top:1px;}

	#loca_wrap .map_wrap .img{left:-40px;}
	#loca_wrap .txt_wrap{margin:360px 0 0 0px; width:100%;}
	.certi_wrap .swiper .swiper-slide-duplicate{width:100%;}

	.sub_top .loca_txt{left:30px; width:100%;}
	.gallery_li a img{width:30%;}	


	/*연혁*/
	.history-list-box-style02 .history-year-box{position:relative; padding-left:0px; padding-top: 70px}
	.history-list-box-style02 .history-year-box .top-line-con{border:none;}
	.history-list-box-style02 .history-year-box .history-year-list-con:last-child{padding-bottom:50px;}

	/*process*/
	.process_title{font-size:18px;}
	.process_ul li{width:48%;}
	.process_ul li .process_text{height: 180px;}

	/*footer*/
	#footer .wrap .copy{bottom:20px; left:22px;}
   #footer .fticon{display:none;}
}