*, body {font-family:'Noto Sans KR', 'sans-serif'; margin: 0; padding: 0;   }
html { font-size: 14px; font-weight:400;  }
a, a:hover, a:focus, a:active, a:link { text-decoration: none; cursor: pointer; color: inherit; }
img { border: 0; vertical-align: middle; }
ol, ul { list-style: none; margin: 0; padding: 0; }
fieldset { border: 0; }
button { border: 0; background: none; cursor: pointer; }
button:focus { outline: none; }
strong, b { color: inherit; font-size: inherit; }
i, em { font-style: normal; }
mark { color: inherit; background: none; }
button { -webkit-appearance: none; }
input { -webkit-border-radius: 0; }
table { border-collapse: collapse; }
body {overflow-x:hidden; overflow-y:auto; letter-spacing: -0.5px;}

.quick {position:absolute;top:98px;right:3%;z-index:100;}

/* gnb */
header {position: relative; width:100%; height: 183px; background:#232323;}
.gnb-area {}
.gnb-area .head {background:url(../../images/head_bg.jpg) no-repeat center;background-size:cover;position:relative;z-index:2;height:134px;}
.logo { width: 142px; height: 77px; position: absolute; top: 28px; left: 50%; z-index:99; margin-left:-71px;}
.logo a {display: block; width: 100%; height: 100%;  left:0px; background:url(../../images/logo.png) no-repeat; text-indent:-9999px; background-size: 100%;}
.gnb {position:absolute;  left: 50%; transform: translate(-49.5%); z-index:2; overflow:hidden; min-width:960px; height: 49px;letter-spacing:0; font-family: 'Noto Sans KR', sans-serif; }
.gnb>ul>li {position:relative; display:inline-block; text-align:center; margin: 0 0; vertical-align:top;}
.gnb .depth1 {position:relative; display:block; color:#fff; font-size:13px; font-weight: 400; line-height: 49px; padding: 0 38px; }
.gnb>ul>li>a:hover { background:#5b0b18; }
.gnb>ul>li>ul {display:block; min-height: 80px; padding-top:18px; opacity:0;transform:translateY(-10px);}
.gnb>ul>li>ul>li {float:none; height:38px; width:auto;}
.gnb>ul>li>ul>li>a { font-size:14px; color:#fff; font-weight: 300; letter-spacing:-0.7px;}
.gnb>ul>li>ul>li>a:hover {color:#a67e57;font-weight:bold;}
.gnb .line- {position:absolute; display:block; bottom: -1px; height: 3px; width:0%; background: #c30d40; left: 0; right: 0; margin: auto; z-index:-99;  }
.depth2bg {}
.navi-bg {position:absolute; width:100%; height:0px; left: 0; top: 134px; z-index:1; overflow: hidden;  }
.navi-bg .white-bg {width:100%; height: 160px; background:#232323; border-top:0 solid #d8d8d8;box-sizing:border-box;  overflow: hidden;}
.phone-area { position: absolute; display: block; top: 85px; right: 3%; letter-spacing:0;  z-index: 90;  margin:auto;}
.head .open { position: absolute; display: block; top: 83px; left: 3%; letter-spacing:0;  z-index: 90;  margin:auto;}

@media (max-width: 1680px) {

}

/* main visual */
.main_visual_box { width: 100%; -max-width:1920px; height: 817px; margin:0 auto; position: relative; font-family: 'Noto Sans KR', sans-serif; z-index: 99; box-sizing:border-box;}
.main_visual_box .swiper1 { width: 100%; height: 100%; position: relative; left: 0; bottom: 0; margin-bottom: 0; }
.main_visual_box .main_slide_bg01 { width: 100%; height: 100%; background: url(../../images/main_visual01.jpg?2) center no-repeat; background-size: cover; }
.main_visual_box .main_slide_bg02 { width: 100%; height: 100%; background: url(../../images/main_visual02.jpg?2) center no-repeat; background-size: cover; }
.main_visual_box .main_txt01 { position: absolute; left: 0; top: 0;  width:100%;height:100%;  text-align:center; z-index: 1000; }
.main_visual_box .main_txt02 { position: absolute; left: 0; top: 0;  width:100%;height:100%;  text-align:center; z-index: 1000; }
.main_visual_box .txt1 { position: absolute; left: 50%; top: 50%; opacity: 0; margin: -275px 0 0 -676px;}
.main_visual_box .txt2 { position: absolute; left: 50%; top: 50%; opacity: 0; margin: -66px 0 0 -676px;}
.main_visual_box .txt3 { position: absolute; left: 50%; top: 50%; opacity: 0; margin: 46px 0 0 -683px;}
.main_visual_box .swiper1 .swiper-slide.swiper-slide-active .main_slide_bg01 { animation: main_img 5s 0.2s both; }
.main_visual_box .swiper1 .swiper-slide.swiper-slide-active .main_slide_bg02 { animation: main_img 5s 0.2s both; }
.main_visual_box .swiper1 .swiper-slide.swiper-slide-active .txt1 { animation: main_txt 1.6s 1.0s both; animation-timing-function :ease-out ; }
.main_visual_box .swiper1 .swiper-slide.swiper-slide-active .txt2 { animation: main_txt 1.6s 1.5s both; animation-timing-function :ease-out ; }
.main_visual_box .swiper1 .swiper-slide.swiper-slide-active .txt3 { animation: main_txt 1.6s 2.0s both; animation-timing-function :ease-out ; }
.main_visual_box .swiper1 .swiper-slide.swiper-slide-active .txt4 { animation: main_txt 1.6s 2.5s both; animation-timing-function :ease-out ; }
.main_visual_box .visual_icon {position:absolute;right:35px;bottom:21px;z-index:1;}
.main_visual_box .visual_icon ul li {float:left;margin-left:10px;}
    
@keyframes main_img {
    from { transform: scale(1.2); }
    to {  }
}
@keyframes main_txt {
    from { opacity: 0; transform: translateY(80px);  }
    to { opacity: 1; }
}

.main_visual_box .swiper-pagination {left: 50% !important; bottom: auto !important; top: 50%; width:auto !important; margin: 124px 0 0 -676px;}
.main_visual_box .swiper-pagination-bullet { width: 94px; height: 94px; opacity: 1; border-radius:0;margin:20px 13px 0 0 !important;}
.main_visual_box .swiper-pagination-bullet:nth-child(1) { background:url(../../images/main_img01of.png) no-repeat; }
.main_visual_box .swiper-pagination-bullet:nth-child(2) { background:url(../../images/main_img02of.png) no-repeat; }
.main_visual_box .swiper-pagination-bullet-active { opacity: 1; } 
.main_visual_box .swiper-pagination-bullet-active:nth-child(1) { background:url(../../images/main_img01on.png) no-repeat; }
.main_visual_box .swiper-pagination-bullet-active:nth-child(2) { background:url(../../images/main_img02on.png) no-repeat; }
.main_visual_box .swiper-button-next { width: 17px; height: 33px; background: url(../images/visual_right.png) no-repeat; top: 94.6% !important; right:43% !important}
.main_visual_box .swiper-button-prev { width: 17px; height: 33px; background: url(../images/visual_left.png) no-repeat; top: 94.6% !important; left:43% !important}
.swiper-button-next::after, .swiper-button-prev::after { display: none; }


.main_con1 {max-width:1920px; height:1000px; margin: 0 auto; overflow:hidden; background:#e5e7ec;}
.main_con1 .tit {text-align:center;padding-top:173px;}
.main_con1 .con {text-align:center;padding-top:118px;}
.main_con1 .con ul li {margin:0 28px;display:inline-block;}
.main_con1 .con ul li p {font-size:30px;color:#666;line-height:36px;margin-top:40px;}
.main_con1 .con ul li img {transition: all 0.4s ease-out;}
.main_con1 .con ul li:hover img {transform: translateY(-20px);}

.main_con3 {max-width:1920px; height:1000px; margin: 0 auto; position:relative;}
.main_con3:after {content:'';position:absolute;top:0;left:0;width:100%;height:442px;background:#1e3378;}
.main_con3 .img01 {position:absolute;top:159px;left:50%;z-index:1;margin-left:-786px;}
.main_con3 .img02 {position:absolute;top:208px;left:50%;z-index:1;margin-left:153px;}
.main_con3 .img02 .link1 {position:absolute;top:345px;left:153px;width:177px;height:45px;}
.main_con3 .img02 .link2 {position:absolute;top:345px;left:344px;width:177px;height:45px;}
.main_con3 .img02 .link3 {position:absolute;top:505px;left:153px;width:177px;height:45px;}
.main_con3 .img02 .link4 {position:absolute;top:505px;left:344px;width:177px;height:45px;}



/* sub visual */
.sub_visual_box { width: 100%; height: 310px; position: relative; font-family: 'Noto Sans KR', sans-serif; z-index: 99; background: url(../../images/sub_visual.jpg) center no-repeat;}
.swiper3 { width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; margin-bottom: 0; }
.sub_slide_bg01 { width: 100%; height: 100%; background: url(../images/sub_visual.jpg) center no-repeat; background-size: cover; }
.sub_slide_txt { position: absolute; left: 50%; top: 40%; transform: translate(-50%,-50%); text-align: center; font-family: 'Noto Sans KR', sans-serif; }
.sub_slide_txt h5 {}
.sub_slide_txt h3 {margin-top:26px;}
.swiper3 .swiper-slide.swiper-slide-active .sub_slide_bg01 { animation: sub_img 5s 0.2s both; }
.swiper3 .swiper-slide.swiper-slide-active .sub_slide_txt h5 { animation: sub_txt 1.6s 0.2s both; }
.swiper3 .swiper-slide.swiper-slide-active .sub_slide_txt h3 { animation: sub_txt 1.6s 1.0s both; }
    
    @keyframes sub_img {
        from { transform: scale(1.2); }
        to {  }
    }
    @keyframes sub_txt {
        from { opacity: 0; transform: translateY(-30px); }
        to {  }
    }
    
    

/* sub content */
.content {position: relative; width: 100%; margin: 0 auto; text-align: center; }
    
/* footer */
.footer { position: relative; width: 100%; background: #232323;padding:60px 0 50px;box-sizing:border-box;overflow:hidden;}
.footer .foot {float:left;padding-left:5%;}
.footer .foot .foot_logo {}
.footer .foot .foot_copy {padding-top:28px;}
.footer .foot .foot_copy p {font-size:13px;color:#565656;line-height:20px;}
.footer .foot .foot_copy .tx {color:#fff;}
.footer .ft_img {position:absolute;right:5%;bottom:50px;}


.popoup-wrap {font-size: 13px; font-weight: 400; width: 94%; margin: 0 auto;}
.popoup-wrap H1 {text-align: center; font-weight: 400; line-height: 5rem; border-bottom: 1px solid #aaa;}
.popoup-wrap p {color: #555; line-height: 1.3rem; padding: 3% 4%; background: #efefef;}
.popoup-wrap H2 {font-size: 1rem; color: #555; font-weight: 400; line-height: 1.2rem; padding: 2% 0;}
.popoup-wrap H3 {font-size: .8rem; color: #555; font-weight: 400; line-height: 1.2rem; padding: 1% 0;}
.popoup-wrap OL {color: #555; font-weight: 400; line-height: 1.2rem; padding: 1% 0;}
.popoup-wrap OL LI {line-height: 1.4rem;}
.popoup-wrap OL LI:before {content:"•"; margin-right: .5rem;}
.popoup-wrap HR {border: 0; border-bottom: 1px solid #eee;}
.popoup-wrap H4 {color: #555; font-weight: 400; line-height: 1.2rem; padding: 1% 0;}
.popoup-wrap table {width: 100%; border: 1px solid #eee; border-collapse: collapse; margin: .6rem 0;}
.popoup-wrap table th, .popoup-wrap table td {border: 1px solid #eee; padding: 1.5%; color: #333;}
.popoup-wrap table th {background: #e5e5e5;}
.close-pop {display: block; width: 120px; font-size: .8rem; text-align: center; line-height: 2rem; color: #fff; background: #3e3e3e; margin: 1rem auto;}
.close-pop.fixed {position: absolute; top: 1rem; right: .5rem; margin: 0;}



.popup {
	display:none;
	width: 95%;
	max-width:600px;
	background-color:#C30D40;
	padding:5px;
	box-sizing:border-box;
}

.popup > .title {
	text-align:center;
	padding: 5px 10px 10px;
	font-size:16px;
	color:#fff;
}

.popup .title .b-close {
	position:absolute;
	font-size:25px;
	right: 10px;
	top: 0;
	cursor:pointer;
}

.popup .con {
	padding: 10px;
	background-color:#fff;
	overflow:auto;
	height: 500px;
	font-size:13px;
	color:#666;
}

.popup .con .box {
	margin-bottom: 20px;
}

.popup .con .box .title {
	font-size:14px;
	color:#252525;
	margin-bottom: 10px;
}

.popup .con .box .sub-title {
	color:#444;
	margin-bottom: 5px;
}

.popup .con  .gray {
	padding: 10px;
	background-color:#e5e5e5;
	font-size:12px;
}

.popup .con  .red {
	color:#ff0000;
}

.popup .con  .mt10 {
	margin-bottom: 10px;
}

.popup .con .box table {
	text-align:center;
	width: 100%;
}

.popup .con .box table th,
.popup .con .box table td {
	border:1px solid #666;
	vertical-align:middle;
	padding: 8px;
}