/*공통*/
::-webkit-scrollbar { display:none;} 

/*전체*/
#all_wrap { position:relative; height:100vh; overflow:hidden; font-family: 'Noto Sans KR', sans-serif;}
.section { position:relative; width:100%; height:100vh;}

/* -------- 공통 Align :: 정렬 -------- */
.align-c {text-align:center !important;}

/* -------- 공통 tbl_area :: 테이블 -------- */
.bo_point { display:block; margin:15px 0; font-size:14px; color:#000;}
.tbl_area { margin-top:15px;}
.tbl_area table { font-size:14px; border-collapse:collapse;}
.tbl_area table.tbl01 { width:100%; border:1px solid #ddd; border-top:3px solid #0052a4;}
.tbl_area table.tbl01 caption { display:none;}
.tbl_area table.tbl01 tbody th { line-height:30px; padding:10px 19px 9px; text-align:left; font-weight:700; border:1px solid #ddd; background:#f9f9f9; vertical-align:middle; word-break:keep-all;}
.tbl_area table.tbl01 tbody td { padding:10px 19px 9px; text-align:center; border:1px solid #ddd; word-break:keep-all;}
.tbl_area table.tbl01 tbody td strong { font-weight:700; color:#d72041;}

/* -------- 공통 list_area :: 리스트 -------- */
.list_area {}
.list_area .product_list { padding-left:0 !important;}
.list_area .product_list li { position:relative; margin-bottom:10px; padding-left:20px; letter-spacing:-0.25px; font-size:15px; word-break:keep-all;}
.list_area .product_list li:before { content:""; display:block; position:absolute; left:0; top:10px; width:4px; height:4px; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; background:#0052a4;}

/*첫번째 섹션*/
#section1 { width:100%; height:100%; background:url(../img/sec01_bg.jpg) center bottom no-repeat; background-size:cover;}
.sec01_box { position:relative; width:100%; height:100%;}
.sec01_box .sec01_tit_box { position:absolute; top:230px; width:100%; text-align:center; letter-spacing:-0.3px;}
.sec01_box .sec01_tit_box .sec01_tit { margin-bottom:20px; font-size:60px; text-shadow:1px 1px 1px #697897; font-weight:700; color:#fff;}
.sec01_box .sec01_tit_box .sec01_stit { font-size:28px; text-shadow:1px 1px 2px #999ea7; font-weight:500; color:#fff;}

/*두번째 섹션*/
#section2 { width:100%; height:100%; background:url(../img/sec02_bg.jpg) center bottom no-repeat; background-size:cover;}
.sec02_box { display:flex; position:relative; width:100%; height:100%;}
.sec02_box .sec02_tit_box { position:absolute; top:100px; width:100%; text-align:center; letter-spacing:-0.3px; color:#fff; z-index:1;}
.sec02_box .sec02_tit_box .main_tit { font-size:42px; font-weight:700;}
.sec02_box .sec02_tit_box .main_stit { font-size:18px;}

.sec02_box .field-container { display:none;}

.sec02_content { position:relative; width:100%; height:100%; overflow:hidden;}
.sec02_content:after { content:''; right:0; top:0; width:calc(100% - 1px); height:100%; position:absolute; background-color:rgba(0,0,0); opacity:0.2;}

.sec02_wrap { width:310px; height:auto; position:absolute; left:0; right:0; top:260px; margin:auto; font-weight:400; text-align:center; transition:all 0.4s; color:#000; z-index:1;}
.sec02_wrap .sec02_img { width:100%; border:1px solid #05080a;}
.sec02_wrap .sec02_img img { width:100%;}
.sec02_wrap .sec02_txt { width:100%; padding:20px; background:url(../img/sec02_txt_bg.png) center bottom no-repeat; background-size:cover;}
.sec02_wrap .sec02_txt .sec02_tit { margin-bottom:10px; font-size:16px; font-weight:500; color:#9edf46;}
.sec02_wrap .sec02_txt .sec02_stit { margin-bottom:10px; font-size:26px; font-weight:700; color:#fff;}
.sec02_wrap .sec02_txt .sec02_more { display:inline-block; padding:5px 50px; font-size:14px; font-weight:700; background:#25aae1; transition:all 0.4s; color:#fff;}

.sec02_content:hover:after { opacity:0;}
.sec02_content:hover .sec02_wrap { transform:translateY(-10px);}
.sec02_content .sec02_wrap a:hover .sec02_txt .sec02_more { background:#fff; color:#25aae1;}

/*세번째 섹션*/
#section3 { width:100%; height:100%; background:url(../img/sec03_bg.jpg) center bottom no-repeat; background-size:cover;}
.sec03_box { position:relative; width:100%; height:100%;}
.sec03_box .sec03_tit_box { position:absolute; top:100px; width:100%; text-align:center; letter-spacing:-0.3px; color:#fff; z-index:1;}
.sec03_box .sec03_tit_box .main_tit { font-size:42px; font-weight:700;}
.sec03_box .sec03_tit_box .main_stit { font-size:18px;}
.sec03_box .product-container { width:1200px; margin:0 auto; position:absolute; top:260px; left:0; right:0;}
.sec03_box .control_box { position:relative; width:1200px; margin:0 auto; height:100%;}
.control_box .arrows .img_con { display:inline-block; position:absolute; top:50%; width:60px; height:84px; cursor:pointer;}
.sec03_box .control_box .arrows .btn_prev { left:-80px; background:url(../img/btn_prev.png) center bottom no-repeat; background-size:cover; background-color:rgba(0,0,0,1);}
.sec03_box .control_box .arrows .btn_next { right:-80px; background:url(../img/btn_next.png) center bottom no-repeat; background-size:cover; background-color:rgba(0,0,0,1);}

.sec03_wrap { text-align:center; transition:all 0.4s;}
.sec03_wrap .sec03_img { width:100%; background:#fff; border:1px solid #a7a7a7; border-bottom-color:transparent}
.sec03_wrap .sec03_img img { width:100%;}
.sec03_wrap .sec03_txt { width:100%; padding:20px; background:#ebebeb; border:1px solid #a7a7a7;}
.sec03_wrap .sec03_txt .sec03_tit { margin-bottom:10px; font-size:16px; font-weight:500; color:#555;}
.sec03_wrap .sec03_txt .sec03_more { display:inline-block; padding:5px 50px; font-size:14px; font-weight:700; background:#8dc63f; transition:all 0.4s; color:#fff;}

.swiper-slide:hover .sec03_wrap { transform:translateY(-10px);}
.swiper-slide .sec03_wrap a:hover .sec03_txt .sec03_more { background:#fff; color:#8dc63f; border:1px solid #8dc63f;}

/*하단영역*/
.footer { position:relative; background:#30343b;}

/* 하단메뉴_바로가기 */
.footer .footer_nav { position:relative; padding:26px 15px; border-bottom:1px solid #666;}
.footer .footer_nav ul.f_menu li { position:relative; display:inline-block; margin:0 0 0 10px; padding:0 0 0 11px;}
.footer .footer_nav ul.f_menu li a { font-size:14px; letter-spacing:-0.35px; color:#b7b7b7;}
.footer .footer_nav ul.f_menu li:after { content:""; position:absolute; top:50%; left:0; display:block; width:1px; height:10px; margin:-5px 0 0; background:#666;}
.footer .footer_nav ul.f_menu li:first-child { padding:0; margin:0;}
.footer .footer_nav ul.f_menu li:first-child:after { display:none;}

/* 하단메뉴_회사정보,카피라이트 */
.footer .footer_info { position:relative; padding:40px 15px;}
.footer .footer_info .footer_logo_box { margin-bottom:20px;}
.footer .footer_info .footer_logo_box a { font-size:22px; font-weight:700; color:#e1e1e1;}
.footer .footer_info .copyright { line-height:2; font-size:14px; color:#e1e1e1;}

/*퀵메뉴*/
#fp-nav { display:none;}
#menu { position:absolute; top:50%; right:-117px; width:117px; transform:translateY(-50%); -webkit-transform:translateY(-50%); transition:all .5s .6s ease-in-out; -webkit-transition:all .5s .6s ease-in-out;}
#menu.active { right:20px;}
#menu li { position:relative; margin-bottom:10px;}
#menu li:last-child { margin-bottom:0;}
#menu li.active a { opacity: 1;}
#menu li a { display:block; position:relative; line-height:31px; font-size:14px; color:#fff; opacity: .5; text-indent:-9999px;}
#menu li a span { position:absolute; top:0; right:0; width:31px; height:31px; border-radius:100%; border:2px solid #fff;box-sizing:border-box; transform:scale(0); -webkit-transform:scale(0); transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out}
#menu li.active a span { transform:scale(1); -webkit-transform:scale(1);}
#menu li a:after  { content:''; position:absolute; top:50%; right:14px; width:4px; height:4px; margin-top:-2px; background-color:#fff; border-radius:100%;}
#menu li:last-child{ margin-bottom:0;}

.top_bt { position:absolute; left:50%; bottom:0; height:60px; line-height:13px; font-size:16px; font-weight:400; text-align:center; text-transform:uppercase; letter-spacing:0; color:#fff; transform:translateX(-50%);}
.top_bt span { width:1px; height:0; background-color:#fff; position:absolute; left:0; right:0; margin:auto; top:23px; animation: top_bt 2s 0.5s infinite; }

#main-mouse-scroll { position:absolute; left:50%; bottom:0; width:60px; height:60px; margin-bottom:5px; font-size:16px; font-weight:400; text-align:center; color:#fff;}
#main-mouse-scroll div { position:absolute; left:0; bottom:0; animation:mouse_scroll 1s infinite;}
@keyframes mouse_scroll {
	0% { bottom:0; animation-timing-function:ease; }
	50% { bottom:20px; }
	100% { bottom:0; animation-timing-function:ease; }
}

/**************************************
			1200px 이하
**************************************/
@media screen and (max-width:1200px) {
	
#gnb { background:rgba(255,255,255,0) !important;}
#menu {display:none;}

.sec02_wrap { width:100%;}

.sec03_box .swiper-container { width:100%; padding:0 50px; margin:0;}

}

/**************************************
			1024px 이하
**************************************/
@media screen and (max-width:1024px) {

.sec02_wrap .sec02_txt .sec02_tit { font-size:12px;}
.sec02_wrap .sec02_txt .sec02_stit { font-size:16px;}
.sec02_wrap .sec02_txt .sec02_more { padding:5px 15px; font-size:12px;}	

}

/**************************************
			768px 이하
**************************************/
@media screen and (max-width:768px) {
	
.tbl_area { overflow-x:scroll;}
.tbl_area table { font-size:12px; letter-spacing:-0.5px;}

}

/**************************************
			640px 이하
**************************************/
@media screen and (max-width:640px) {

.footer .footer_info .footer_logo_box a { font-size:18px;}
.footer .footer_info .copyright { font-size:11px;}

.sec01_box .sec01_tit_box .sec01_tit { margin-bottom:10px; font-size:36px;}
.sec01_box .sec01_tit_box .sec01_stit { font-size:16px;}

.sec02_box { display:block; height:auto;}
.sec02_box .sec02_tit_box { position:relative; top:auto; margin-bottom:30px;}
.sec02_box .sec02_tit_box .main_tit { font-size:32px;}
.sec02_box .sec02_tit_box .main_stit { font-size:14px;}
.sec02_box .field-container { display:block;}
.sec02_content { display:none;}
.sec02_wrap { position:relative; top:auto; left:auto; right:auto; padding:0 50px; margin:0;}
.sec02_wrap .sec02_txt .sec02_tit { font-size:14px;}
.sec02_wrap .sec02_txt .sec02_stit { font-size:18px;}
.sec02_wrap .sec02_txt .sec02_more { padding:5px 50px; font-size:14px;}

.sec03_box { height:auto;}
.sec03_box .sec03_tit_box { position:relative; top:auto; margin-bottom:30px;}
.sec03_box .sec03_tit_box .main_tit { font-size:32px;}
.sec03_box .sec03_tit_box .main_stit { font-size:14px;}	
.sec03_box .swiper-container { position:relative; top:auto; left:auto; right:auto;}


}