@charset "utf-8";
/*
	Common Layout CSS _ 15.05.18
*/

/*common*/
.inner{max-width:1500px; width:100%; position:relative; margin: 0 auto;}
.pdinner{max-width: 1540px;padding:0 3%;position:relative;margin: 0 auto;}
.ofh{overflow:hidden;}
.txt-s{font-size:13px;}
.txt-m{font-size:20px;}
.txt-l{font-size:26px;}

.clear:after {content:''; display:block; clear:both;}

.tit_h3{font-size:28px;font-weight:400; color:#323232;  position:relative; letter-spacing:-1px}
.tit_h3:after{content:''; width:60px; height:1px; display:block; background:#505050; margin: 0 auto; margin-top:20px;}
.tit_h4{font-size:26px; color:#323232; font-weight:bold; letter-spacing:-1px}

.tit_h5{color:#323232; font-weight:bold; font-size:18px;}

.tit_h4.noLine:after{width:0; height:0px; margin-top:0px;}

.mb{margin-bottom:30px !important}
.bmb{margin-bottom:40px !important}
.pb{padding-bottom:30px !important}
.bpb{padding-bottom:40px !important}

.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}

.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.mo_only{display:block;}

.move_scroll{max-width:768px; overflow-x:auto}

.line_link{display:inline-block; color:#ffffff; padding-bottom:5px; border-bottom:3px solid #ffffff; font-size:0.9em}
.arrow_cir_w:after{content:''; width:28px; height:25px; background:url(../img/ic_arrow_w.png) no-repeat center center; background-size:100%; display:inline-block; vertical-align:middle; margin-left:10px;}

.dpib{display:inline-block}
.dpb{display:block;}

.upper{text-transform:uppercase}
.fwb{font-weight:600}
.fss{font-size:0.8em}
.Tblack{color:#323232}
.Tred{color:#e83428}
.upcase{text-transform:uppercase}

.btn_more{display:inline-block; color:#ffffff; background:#1c3f95; padding:6px 20px; border-radius:500px; vertical-align:middle; position:relative; z-index:1}
.btn_more:after{content:'+'; display:inline-block; margin-left:10px; vertical-align:middle}

.btn_more.wt_btn{border:1px solid #dcdcdc; background:none; }

@media all and (min-width:768px) {

.txt-s{font-size:15px;}
.txt-m{font-size:20px;}
.txt-l{font-size:30px;}

.tit_h4{font-size:30px; letter-spacing:-1px}
.tit_h5{font-size:20px; letter-spacing:-1px}


.mb{margin-bottom:40px !important; }
.bmb{margin-bottom:60px !important;}

.pb{padding-bottom:40px !important}
.bpb{padding-bottom:60px !important}

.mo_only{display:none;}
.move_scroll{max-width:100%;}
.pdinner{padding:0 3%}

.half{width:48.5%; float:left;}
.mr{margin-right:3%;}
.btn_more:after{margin-left:20px}
}

@media all and (min-width:1200px) {

body, html{font-size:17px; line-height:1.5}
.txt-m{font-size:30px;}
.txt-l{font-size:40px;}
.tit_h3:after{margin-top:25px;}
.tit_h4{font-size:30px; }
.tit_h5{font-size:20px; }

.mb{margin-bottom:50px !important}
.bmb{margin-bottom:80px !important}

.pb{padding-bottom:50px !important}
.bpb{padding-bottom:80px !important}
.pdinner{padding:0 20px;}

}

@media all and (min-width:1200px) {

}


/* common */
.side {display:none;}
.noemail .box {
    border: 10px solid #f0f0f0;
    padding: 20px 3%;
}

.noemail .box h1 {
    font-size: 1.5em;
    font-weight: 600;
}
@media all and (min-width:1580px) {
	.side {display:block;}
	.leftside {width:100px; height:200px; position:fixed; left:0; top:55%; margin-top:-22px; background:#fff; z-index:999;
		-webkit-box-shadow: 0px 5px 10px 5px rgba(0,0,0,0.1); box-shadow: 0px 5px 10px 5px rgba(0,0,0,0.1);}
	.leftside a {display:inline-block; width:100px; height:100px; text-align:center; font-size:0.85em; color:#555; line-height:40px; padding-top:15px;}
	.leftside a:hover {font-weight:600;}
	.leftside a img {display:inline-block; margin:0 auto; width:40px;}
	.rightside {width:100px; height:200px; position:fixed; right:0; top:55%; margin-top:-22px; background:#fff; text-align:center; font-size:0.85em; color:#555; z-index:999;
		-webkit-box-shadow: 0px 5px 10px 5px rgba(0,0,0,0.1); box-shadow: 0px 5px 10px 5px rgba(0,0,0,0.1);}
	.rightside div {width:100%; height:200px; padding-top:10px;}
	.rightside img {margin-bottom:5px; width:40px;}
	.rightside h4.tel {font-size:1.1em; color:#05235f; font-weight:600; margin:5px 0 10px; letter-spacing:-1px;}
	.rightside p.info {font-size:0.8em;}
	.rightside a {background:#2d427f url('../img/main_rightside_ic02.png') 75px center no-repeat; color:#fff; line-height:40px; display:inline-block; width:100%; padding-right:10px;
		background-size:15px; font-size:0.9em; position:absolute; bottom:0; left:0;}
}


/* ==== Slider Image Transition === */
@-webkit-keyframes ProgressDots{from{width:0px;}to{width:100%;}}
@keyframes ProgressDots{from{width:0px;}to{width:100%;}}
@keyframes zoomout {	0% { transform: scale(1.1); }    100% {        transform: scale(1.0);    }}
@-webkit-keyframes zoomout {	0% { transform: scale(1.1); }    100% {        transform: scale(1.0);    }}
@-webkit-keyframes scaling {	From {    -webkit-transform: scale(1.1);}	To {    -webkit-transform: scale(1.0);}}


/* ==== Slick Slider Css Ruls === */
.slick-slider{position:relative;display:block;
-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}.slick-list.dragging{cursor:hand}

.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}

.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left /* If RTL Make This Right */;height:100%;min-height:1px;}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}

.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}



/* Arrows */
.slick-arrow{position: absolute;top: -75px;z-index:100;display: block;width: 50px;height: 50px;border:0;cursor: pointer;background: #dcdcdca1;text-indent:-999999px;/*-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);*/right: 230px;}
.slick-prev.slick-arrow{background: url(../img/control_prev.png) no-repeat center center;width: 40px;height: 40px;display: block;background-size: 100%;cursor: pointer;right:50px}
.slick-next.slick-arrow{background: url(../img/control_next.png) no-repeat center center;width: 40px;height: 40px;display: block;background-size: 100%;cursor: pointer; right:0px;}
.slick-prev.slick-arrow:hover{background: url(../img/control_prev_hover.png) no-repeat center center;width: 40px;height: 40px;display: block;background-size: 100%;cursor: pointer;}
.slick-next.slick-arrow:hover{background: url(../img/control_next_hover.png) no-repeat center center;width: 40px;height: 40px;display: block;background-size: 100%;}


@media all and (min-width:1200px) {
	.slick-arrow{top:-100px;}
}

/* main */
.wrap{max-width:2000px; min-width:320px; width:100%; margin: 0 auto; position:relative;}
.visuslider .visu{position:relative;height: 50vh;min-height: 550px;max-height:1080px;z-index:2;display:flex !important;align-items:center;}
.visuslider .visu:before{content:''; display:block;  margin:auto; background-size:cover !Important;position:absolute; left:0; right:0; top:0; bottom:0; width:100%;  bottom:0; z-index:1; }
.visuslider .visu.visu01:before{background:url(../img/main_img01.jpg) no-repeat center center;}
.visuslider .visu.visu02:before{background:url(../img/main_img02.jpg) no-repeat center center;}
.visuslider .visu.visu03:before{background:url(../img/main_img03.jpg) no-repeat center center;}
.visuslider .visu .txt{color:#ffffff;width:100%;padding:0 4%;position:absolute;z-index:5;top: 40%;}
.visuslider .visu .txt h2{font-size: 2.2em;letter-spacing:-2px;margin-bottom: 20px;line-height:1.2;position:relative;font-weight: 700;}
.visuslider .visu .txt h2 span.red{color:#FF3131;}
.visuslider .visu .txt img{width:50%; margin-bottom:15px; max-width:300px;}
.visuslider .visu .txt p{font-size: 1.1em;color: #eaeaea;}
.main .slick-dots {position:absolute;left: 5%;bottom: 60px;}
.main .slick-dots li {display:inline-block; width:10px; height:10px; cursor:pointer; background:rgba(255,255,255,0.4); margin:0 20px 0 0; position:relative; border-radius:50%;}
.main .slick-dots li.slick-active {background:#fff;}
.main .slick-dots li.slick-active:after {content:''; display:inline-block; width:100%; height:100%; background:#fff; border-radius:50%; position:absolute; left:0; top:0; animation:dot 5s; -webkit-animation:dot 5s;}
.main .scroll {}
.main .scroll span{}
.main .scroll img{}

@media all and (min-width:768px) {
.visuslider .visu .txt p{font-size: 1.2em;}
.visuslider .visu .txt h2{font-size: 2.5em;}
.main .slick-dots {bottom: 130px;}
}

@media all and (min-width:980px) {
.visuslider .visu .txt p{font-size: 1.3em;}
.visuslider .visu .txt h2{font-size: 3em;}
}

@media all and (min-width:1200px) {
.visuslider .visu{height: 100vh;}	
.visusliderWrap{overflow:hidden;}
.visuslider .visu .txt{padding:0 11%;top: 40%;}
.visuslider .visu .txt h2{font-size: 3.5em;margin-bottom: 50px;}
.main .slick-dots {bottom: 200px; left:11%}
}

@media all and (min-width:1800px) {
.main .slick-dots {bottom: 230px;}
}




/*스크롤다운*/
.main{position:relative}
.scroll_down{display:none;}

@media all and (min-width:768px) {
.scroll_down{display:block; position:absolute;left:50%;right:0;bottom:50px;z-index: 999;}
}

@media all and (min-width:1200px) {
.scroll_down{bottom:80px;}
}




/*공통*/
.pd40{padding: 40px 0px;}
.control {margin-left:auto;display:flex;align-items:center;width:24%;min-width:calc(150px - 6%);}
.control .dots {width:50%;}
.control .dots li {display:none; color:#fff; font-weight:800;}
.control .dots li.slick-active {display:flex; justify-content:center; align-items:center;}
.control .dots li .line {display:inline-block; width:1px; height:0.8em; margin:0 0.5em; background:#fff; opacity:0.5;}
.control .arrow {display:flex;justify-content:space-between;margin-left:auto;}
.control .arrow span.prev{background: url(../img/control_prev.png) no-repeat center center;width: 40px;height: 40px;display: block;background-size: 100%;cursor: pointer;}
.control .arrow span.next{background: url(../img/control_next.png) no-repeat center center;width: 40px;height: 40px;display: block;background-size: 100%;}
.control .arrow span.prev:hover{background: url(../img/control_prev_hover.png) no-repeat center center;width: 40px;height: 40px;display: block;background-size: 100%;cursor: pointer;}
.control .arrow span.next:hover{background: url(../img/control_next_hover.png) no-repeat center center;width: 40px;height: 40px;display: block;background-size: 100%;}

h3.b_tit{margin-bottom: 20px;font-size: 1.5em;font-weight: 700;position: relative;}
h3.b_tit:after{display: block;clear: both;content: "";position: absolute;width: 8px;height: 8px;background-color: #DD2122;border-radius: 50px;bottom: 6px;left: 150px;}
#section03 h3.b_tit:after{display: block;clear: both;content: "";position: absolute;width: 8px;height: 8px;background-color: #DD2122;border-radius: 50px;bottom: 6px;left: 110px;}
#section03 .control .arrow span.prev{right: 10px;position: relative;}

@media all and (min-width:768px) {
.pd40{padding: 60px 0px;}
	#section01 h3.b_tit{margin-bottom:0px;}
}

@media all and (min-width:980px) {
.pd40{padding: 70px 0px;}
h3.b_tit{font-size:2em; font-weight:800;margin-bottom: 30px;}
h3.b_tit:after{left:200px; bottom:12px}
#section03 h3.b_tit:after{left:150px; bottom:6px;}
}

@media all and (min-width:1200px) {
.pd40{padding: 80px 0px;}
h3.b_tit{font-size:2.2em;}
h3.b_tit:after{left:250px; width:10px; height:10px;}
#section03.pd40{padding:100px 0px}
#section03 h3.b_tit:after{left:185px; bottom:12px; width:10px; height:10px;;}

}

@media all and (min-width:1500px) {
h3.b_tit{font-size:2.5em;}
h3.b_tit:after{left:290px;}
#section03 h3.b_tit:after{left:215px;}
}




/*section01*/
#section01 .content .txt dt{color: #dd2122;font-weight: 700;margin-bottom: 10px;}

@media all and (min-width:768px) {
#section01 .content{display:flex; flex-wrap:wrap;}
#section01 .content .name{width: 50%;}
#section01 .content .txt{width: 50%;}
#section01 .content .txt dt{margin-bottom: 20px;}
}

@media all and (min-width:900px) {
#section01 .content .txt{font-size: 1.1em;}
	#section01 .content .txt dt{font-size:1.2em}
}



/*section02*/
#section02 .box01{position: relative;background: #020202; z-index:0; padding-bottom: 0px;}
#section02 .box01:after{display: block;clear: both;content: "";z-index: -1;background: url(../img/equip_bg.png) no-repeat 30% top;width: 100%;height: 100%;position:absolute;bottom: 0;mix-blend-mode: luminosity;}
#section02 .box01 .sec_tit{position: relative;}
#section02 .box01 .sec_tit p.t01{color: #ff3131;font-weight: 600;margin-bottom: 15px;}
#section02 .box01 .sec_tit p.t02{background: #dd2122;display: block;color: #ffffff;padding: 5px 10px;border-radius: 30px;width: 150px;text-align: center;}
#section02 .box01 .sec_tit h4{color: #ffffff;font-weight: 700;font-size: 1.5em;margin-bottom: 20px;}

#section02 .control .arrow span.prev{top: 115px;right: 60px;}
#section02 .control .arrow span.next{top: 115px;right: 10px;}
#section02 #biz_slider .slick-list {overflow:visible;}
#section02 #biz_slider li .box {}
#section02 #biz_slider li .box a{}
#section02 #biz_slider li .box .img{margin-top: 30px;}
#section02 #biz_slider .slick-current.slick-active li .box .txt h5 {display:block;}
#section02 #biz_slider .slick-current.slick-active li .sec_tit{display:block;}

#section02 .box02 .top{background: #ffffff;}
#section02 .box02 .bottom{background: #DA2021;position: relative;z-index:0;}
#section02 .box02 .bottom:after{display: block;clear: both;content: "";z-index: -1;background: url(../img/certi_bg.png) no-repeat left top;width: 100%;height: 100%;position:absolute;bottom: 0;mix-blend-mode: luminosity;}
#section02 .box02 .txt{padding-top: 40px; padding-bottom:40px; }
#section02 .box02 .bottom .txt h5{color:#fff;}
#section02 .box02 .bottom .txt ul li{color:#f5d7d8; border-bottom: 1px solid #f5d7d8;}
#section02 .box02 .txt h5{font-size: 1.5em;font-weight: 700;margin-bottom: 10%;}
#section02 .box02 .txt ul li{border-bottom: 1px solid #ebebeb;/*! padding: 10px 0px; */display: flex;align-items: center;position: relative;}
#section02 .box02 .txt ul li:after{display: block;clear: both;content: "";position:absolute;width: 7px;height: 10px;background:url(../img/go_btn.png) no-repeat;background-size:100%;right: 0;}
#section02 .box02 .txt ul li img{width: 40px;margin-right: 10px;}
#section02 .box02 .txt ul li a{display: block;width: 100%;height: 100%;padding: 15px;}
#section02 .box02 .txt ul li a:hover{font-weight:700}

@media all and (min-width:500px) {
#section02 #biz_slider li .box .img{display:block;margin: 0 auto;width:80%;}
#section02 .box02{display:flex; flex-wrap:wrap;}
#section02 .box02 .top{width:50%}
#section02 .box02 .bottom{width:50%}
}

@media all and (min-width:768px) {
#section02{display:flex; flex-wrap:wrap;}
#section02 .box01{width:60%;padding-bottom: 0px;}
#section02 .box01 .sec_tit p.t02{width:130px}
#section02 .box02{width:40%;z-index: 10;border-top: 1px solid #ddd;}
#section02 .box02 .top{width:100%}
#section02 .box02 .bottom{width:100%}

#section02 .biz_slider_wrap ul li .flex_box{display:flex; flex-wrap:wrap;}
#section02 .biz_slider_wrap ul li .flex_box .sec_tit{width:30%;}
#section02 .biz_slider_wrap ul li .flex_box .box{width:70%; right:-5%;position: relative;}
#section02 .control .arrow span.prev{top: 250px;left: 5%;/*! right: 50px; */}
#section02 .control .arrow span.next{top: 250px;left: 75px;}
}

@media all and (min-width:980px) {
#section02 .biz_slider_wrap ul li{padding: 0 5%;}
#section02 .control .arrow span.prev{top: 300px;}
#section02 .control .arrow span.next{top: 300px;left: 85px;}
#section02 .box01 .sec_tit p.t01{margin-bottom: 20px;}
#section02 .box01 .sec_tit h4{font-size: 2em;margin-bottom: 20px;}
#section02 .box02 .txt{padding-top: 60px;}
#section02 .box02 .txt ul li a{padding: 20px;font-size: 1.15em;}
}

@media all and (min-width:1200px) {
#section02 .box02 .txt h5{margin-bottom:20%;font-size: 2em;}
#section02 .box02 .txt ul li img{width: 45px;}
#section02 .control .arrow span.prev{top: 400px;}
#section02 .control .arrow span.next{top: 400px; left: 90px;}
}

@media all and (min-width:1600px) {
#section02 .box01 .flex_box{padding-left:5%;}
#section02 .box02 .txt{padding: 60px 120px 30px 60px;}
#section02 .control .arrow span.prev{left: 10%;}
#section02 .control .arrow span.next{left: 150px;}
#section02 .box01 .sec_tit h4{font-size: 2.5em;}
}

@media all and (min-width:1700px) {
#section02 .box01 .flex_box{padding-left:10%;}
#section02 .control .arrow span.prev{left: 14%;}
#section02 .control .arrow span.next{left: 200px;}
}

@media all and (min-width:1800px) {
#section02 .box01 .flex_box{padding-left:13%;}
#section02 .control .arrow span.prev{left: 18%;}
#section02 .control .arrow span.next{left: 260px;}
#section02 .box02 .txt{padding: 60px 220px 30px 60px;}
}

@media all and (min-width:1900px) {
#section02 .box01 .flex_box{padding-left:16%;}
#section02 .control .arrow span.prev{left: 20%;}
#section02 .control .arrow span.next{left: 280px;}
#section02 .box02 .txt{padding: 60px 250px 30px 60px;}
}



/*section03*/
#section03{position:relative; background:#f8f8f8;}
#section03 .box{display: flex; margin-bottom:20px;}
#section03 .box .txt{}
#section03 .box .control{}

#section03 .product{}
#section03 .product ul{position:relative;}
#section03 .product ul li a{background: #ffffff;padding: 20px;box-shadow: 5px 0px 10px 0px rgba(172, 172, 172, 0.06);display: block;}
#section03 .product ul li a:hover{box-shadow: 0 0 0 6px #ccc inset;}
#section03 .product ul li a .img{margin-bottom: 15px;}
#section03 .product ul li a .text{}
#section03 .product ul li a .text p{background: #dd2122;display: block;color: #ffffff;padding: 5px 10px;border-radius: 30px;width: 150px;text-align: center;margin-bottom: 10px;}
#section03 .product ul li a .text h4{font-weight: 700;font-size: 1.5em;margin-left: 10px;}

@media all and (min-width:500px) {
#section03 .product ul{display: flex; flex-wrap:wrap;}
#section03 .product ul li a{margin-right:15px;}
#section03 .product ul li:last-of-type{margin-right: 0px}
}

@media all and (min-width:1200px) {
#section03 .product ul li a .text p{width:180px}
#section03 .product ul li a .text p.w100{width:100px}
#section03 .product ul li a .img{margin-bottom: 30px;}
#section03 .product ul li a{padding:25px;}
}




/*section04*/
#section04 .left{padding-top: 40px;padding-bottom: 40px;background: #DD2122;color: #fff;position: relative;}
#section04 .left .tit{position: relative; display:block;}
#section04 .left h3.b_tit:after{background-color: #fff;left: 90px;}
#section04 .left .tit a{width: 40px;height: 40px;display: block;background: #FF4647 url(../img/plus.png) no-repeat center center;border-radius: 50px;position: absolute;right: 0;top: 0px;}
#section04 .left .tit a:hover{width: 40px;height: 40px;display: block;background: #fff url(../img/plus_over.png) no-repeat center center;border-radius: 50px;position: absolute;right: 0;top: 0px;}
#section04 .left .cont{}
#section04 .left .cont ul{}
#section04 .left .cont ul li{padding: 20px 0px;border-bottom: 1px solid #d99;}
#section04 .left .cont ul li a p.p01{display: block;padding: 5px 10px;width: 80px;text-align: center;border-radius: 50px;margin-bottom: 10px;background: #fff;color: #dd2122;height: 35px;}
#section04 .left .cont ul li a{display:flex; position:relative;flex-wrap: wrap;}
#section04 .left .cont ul li{padding: 20px 0px;}
#section04 .left .cont ul li a p.p02{position:absolute; bottom:-5px; font-size: 0.9em;color: #efd6d6;text-align: right;width: 100%;}
#section04 .left .cont ul li a p.p01.col{background: #FF4647;color: #fff;}
#section04 .left .cont ul li a .txt{margin-bottom: 20px;margin-left: 10px;width: 100%;}
#section04 .left .cont ul li a .txt p{font-size: 1.3em;font-weight: 700;}
#section04 .left .cont ul li a .txt em{color: #efd6d6;}
#section04 .left .cont ul li a .txt em p{font-size:1em;}

#section04 .right{position: relative;}
#section04 .right .busi{background: #020202;position: relative;z-index:0;padding-top: 40px;padding-bottom: 40px;}
#section04 .right .busi:after{display: block;clear: both;content: "";z-index: -1;background: url(../img/bottom_bg01.png) no-repeat center bottom;width: 100%;height: 100%;position: absolute;bottom: 0;mix-blend-mode: luminosity;}
#section04 .right .busi h3.b_tit{color:#fff}
#section04 .right .busi .btn_box ul{display: flex;flex-wrap: wrap;}
#section04 .right .busi .btn_box ul li{width: 48.5%; margin-right: 3%;}
#section04 .right .busi .btn_box ul li:last-of-type{margin-right:0%;}
#section04 .right .busi .btn_box ul li.red a{background:#dd2122; color:#fff;}
#section04 .right .busi .btn_box ul li.red a:hover{background:#a51617;}
#section04 .right .busi .btn_box ul li a{position:relative;font-size: 1.1em;font-weight: 600;display: flex;align-items: center;background: #fff;display: flex;flex-wrap:wrap;padding: 10px;justify-content: space-between;}
#section04 .right .busi .btn_box ul li a:hover{background:#ddd}
#section04 .right .busi .btn_box ul li a:before{display: block;clear: both;content: "";background:url(../img/ico_04.png) no-repeat center;width: 40px;height: 40px;background-size: 100%;}
#section04 .right .busi .btn_box ul li.red a:before{display: block;clear: both;content: "";background:url(../img/ico_05.png) no-repeat center;width: 40px;height: 40px;background-size: 100%;}

#section04 .right .online{display: flex;flex-wrap: wrap;}
#section04 .right .online a{color: #fff;padding: 20px;width: 50%;position: relative;}
#section04 .right .online a .txt dt:hover{font-weight:900}
#section04 .right .online a .txt dt{font-size: 1.3em;font-weight: 700;margin-bottom: 5px;}
#section04 .right .online a .txt dd{font-size: 0.9em;opacity: 0.8;}
#section04 .right .online a.on{background: #4D4D4D;z-index: 0;display: block;position:relative;}
#section04 .right .online a.on:before{display: block;clear: both;content: "";background: url(../img/ico_06.png) no-repeat center; margin-bottom:40px; width:40px; height:40px; background-size: 100%;}
#section04 .right .online a.on:after{display: block;clear: both;content: "";z-index: -1;background: url(../img/bottom_bg02.png) no-repeat left bottom;width: 100%;height: 100%;position: absolute;bottom: 0;mix-blend-mode: luminosity;}
#section04 .right .online a.map{background: #9E9E9E;position: relative;z-index: 0;display: block;}
#section04 .right .online a.map:before{display: block;clear: both;content: "";background: url(../img/ico_07.png) no-repeat center; margin-bottom:40px; width:40px; height:40px; background-size: 100%;}
#section04 .right .online a.map:after{display: block;clear: both;content: "";z-index: -1;background: url(../img/bottom_bg03.png) no-repeat left bottom;width: 100%;height: 100%;position: absolute;bottom: 0;mix-blend-mode: luminosity;}

@media all and (min-width:500px) {
#section04 .left .cont ul li a p.p02{right:10px; left:0;bottom: 15px;}
#section04 .left .cont ul li{padding-bottom:0px;}
#section04 .right .online a{padding: 40px 20px;}
#section04 .right .busi .btn_box ul li a{position:relative;padding: 15px 20px;}
#section04 .right .busi .btn_box ul li a p{position:absolute; right:20px;top: 20px;}
}

@media all and (min-width:768px) {
#section04{display:flex; flex-wrap:wrap;}
#section04 .left{width:50%;padding-top: 60px;}
#section04 .left .cont ul li{padding: 15px 0px;}
#section04 .left .cont ul li a .txt{margin-bottom: 20px;width: 73%;}
#section04 .left .cont ul li a p.p02{bottom: 0px;}
    
#section04 .right{width:50%;display:flex; flex-wrap:wrap;}
#section04 .right .busi{width:100%;padding-top: 60px; }
#section04 .right .busi h3.b_tit{width:60%;/*! padding-left: 20px; */}
#section04 .right .busi .btn_box{width:40%;}
#section04 .right .busi .pdinner{margin: 0;display: flex;flex-wrap: wrap;}
#section04 .right .busi h3.b_tit:after{bottom: 82px;left: 170px;}
#section04 .right .busi .btn_box ul li{width: 100%; margin-right: 0%; margin-bottom:15px}
#section04 .right .online{width:100%;}
#section04 .right .online a{width: 50% !important;}
}

@media all and (min-width:980px) {
#section04 .left h3.b_tit:after{left: 120px;bottom:9px;}
#section04 .left .cont ul li a{display:flex; position:relative;}
#section04 .left .cont ul li{padding: 20px 0px;}
#section04 .left .cont ul li a p.p02{position:absolute; right:0; bottom:10px;}
#section04 .right .busi h3.b_tit:after{ left: 215px;}
#section04 .right .online a{width: 50% !important;padding: 60px 20px;}
}

@media all and (min-width:1200px) {
#section04 .left h3.b_tit:after{left: 150px;bottom:10px;}
#section04 .right .busi .btn_box{width:35%;}
#section04 .right .busi h3.b_tit{width:65%;padding-left: 0px;}
#section04 .right .busi h3.b_tit{padding-left: 20px;}
#section04 .right .busi h3.b_tit:after{bottom: 60px; left: 255px;}
#section04 .right .online a .txt dt{font-size: 1.5em;}
#section04 .right .online a .txt dd{font-size: 1em;}
#section04 .right .online a.on:before,
#section04 .right .online a.map:before{margin-bottom: 60px;width: 45px;}
#section04 .right .online a{padding: 60px 0px 45px 40px;}
#section04 .left .cont ul li a .txt{width: 70%;}
}

@media all and (min-width:1500px) {
#section04 .left h3.b_tit:after{left: 170px;bottom:15px;}
#section04 .right .busi h3.b_tit:after{bottom: 47px; left: 290px;}
}

@media all and (min-width:1600px) {
#section04 .left{padding: 100px 80px 60px 5.5%;}
#section04 .right .busi h3.b_tit{padding-left: 0px;}
#section04 .right .busi{padding: 100px 8.3% 60px 40px;}
#section04 .right .online a{padding: 60px 0px 45px 60px;}
}

@media all and (min-width:1700px) {
#section04 .left{padding: 100px 80px 60px 7%;}
#section04 .right .busi{padding: 100px 14% 60px 60px;}
#section04 .right .online a{padding-left:75px;}

}

@media all and (min-width:1800px) {
#section04 .left{padding: 100px 80px 60px 9.5%;}
#section04 .right .busi{padding: 100px 18% 60px 60px;}
}

@media all and (min-width:1900px) {
#section04 .left{padding: 100px 80px 60px 12%;}
#section04 .right .busi{padding: 100px 22.5% 60px 60px;}
}





@keyframes zoomout {
	0% { transform: scale(1.05); }
    100% {        transform: scale(1.0);    }
}
@-webkit-keyframes scaling {
	From {    -webkit-transform: scale(1.05);}
	To {    -webkit-transform: scale(1.0);}
}


.slick-active .ani_txt {animation-name:ani_txt; animation-duration:1s; animation-fill-mode:both; animation-delay:0s;}
@keyframes ani_txt {
	0% {opacity:0; transform:translateY(30px);}
	100% {transform:translateY(0); opacity:1;}
}
@-webkit-keyframes ani_txt {
	0% {opacity:0; transform:translateY(30px);}
	100% {transform:translateY(0); opacity:1; }
}


.slick-active .ani_txt2 {animation-name:ani_txt2; animation-duration:1s; animation-fill-mode:both; animation-delay:0.3s;}
@keyframes ani_txt2 {
	0% {opacity:0; transform:translateY(-30px);}
	100% {transform:translateY(0); opacity:1;}
}
@-webkit-keyframes ani_txt2 {
	0% {opacity:0; transform:translateY(-30px);}
	100% {transform:translateY(0); opacity:1;}
}



/*footer*/
#footer{background: #040404;color:#c3c1c1;font-size:0.9em;text-align:left;padding:40px 0px;position:relative;display: block;}
#footer .pdinner{max-width:1500px;position: relative;}
#footer address{margin-bottom:20px;line-height: 25px;color: #979797;font-size: 0.9em;}
#footer address b{margin-right: 15px;color: #cacaca;}
#footer p{font-size:0.9em;text-align: left;}
#footer .foot_img{margin-bottom:20px; border-bottom:1px solid #717171;padding-bottom: 20px;}
#footer .foot_img img{width: 200px;}
#footer .copy{color: #979797;}

@media all and (min-width:768px) {
#footer{ padding: 60px 0px; font-size:1em;}
#footer .foot_img img{width: 230px;}
#footer .foot_img{margin-bottom:30px; padding-bottom: 30px;}
}

@media all and (min-width:980px) {
#footer .copy p{text-align:right}
#footer address{margin-bottom:0px}
}


/*page up*/
#pageup {position:fixed;z-index:999;right:0;bottom:0px;width:50px;height:50px;backdrop-filter: blur(14px);background: #66666640 url(../img/Htop.png) no-repeat center center;background-size: 32px 32px;display:block;cursor:pointer;z-index:4000;border-radius: 50px;}

@media all and (min-width:1200px) {
#pageup {right:0px;width: 60px;height: 60px;bottom: 60px;right: 50px;}
	.mainWrap #pageup{display:none;}
}



/*서브레이아웃공통*/
.dot_li_wrap {background:#fafafa; padding:20px 0;}
.dot_li{overflow:hidden;}
.dot_li li{position:relative; padding-left:15px; margin-bottom:3px; word-break:break-all}
.dot_li li:before {content:''; display:inline-block; width:4px; height:4px; border-radius:50%; left:0; top:10px; position:absolute; background:#7b7b7b;}
.dot_li li:last-child{margin-bottom:0;}
.dot_li li.ref {font-size:0.9em; color:#666; margin:15px 0; background:#fcfcfc; border:1px dotted #ccc; padding:10px 3%;}
.dot_li li.ref:before {display:none;}
.dot_li li span {}

.tit_dot{font-size:1.25em; color:#303030; font-weight:600; padding-left:30px; background:url('../img/tit_cir.png') no-repeat left 4px;}
.subtit_dot{font-size:1.15em; color:#05235f; font-weight:600;}

@media all and (min-width:768px) {
	.dot_li li.ref {padding:10px 30px;}
}


/*서브레이아웃*/
#sub_vis{position:relative;padding: 60px 0 60px;background-repeat:no-repeat;background-position:center center;background-size:cover !important;color:#ffffff;text-align:center;margin-top: 265px;border-radius: 10px;/* overflow: hidden; */height: 140px;/* margin-left: 20px; *//* margin-right: 20px; */}
#sub_vis .tit_h2{font-size: 36px;/* margin-bottom:20px; */font-weight: 700;text-align: left;color: #222;position: absolute;bottom: 125px;padding-left: 10px;}
#sub_vis .tit_h2 span{display:block;margin-bottom: 4px;font-size:15px;font-weight:800;letter-spacing:0;text-transform:uppercase;position:relative;color: var(--point-color);}
#sub_vis .tit_h2 b{display:block; line-height:1.2}
.sub_tab{display:none}
.sub_con{margin: 0 auto;position:relative;min-height:400px;padding: 60px 0%;overflow:hidden}
.sub_con .pdinner{max-width:1400px;}
.sub_con:after{content:''; clear:both; display:block}
.scroll-down.sub{display:none;}
@media all and (min-width:768px) {
.sub_con{padding: 70px 0%;}
#sub_vis{border-bottom:0;}
#sub_vis .tit_h2{font-size:2.5em; }

#sub_vis p{font-size:0.9em}
#sub_vis .tit_h2 span:after{position:absolute; right:0; top:0; margin:0}
}

@media all and (min-width:1200px) {
.sub_con{padding: 130px 0% 120px;}
#sub_vis .tit_h2{font-size:3.5em;line-height:1.8;}
#sub_vis p{font-size:1.2em}
#sub_vis{border-bottom:0;padding: 160px 0 180px;margin-top: 360px;border-radius: 55px;/* margin-left: 90px; */margin-right: 50px;height: 461px;background: url(/img/main/main_visual.png) no-repeat center;border-radius: 0px;border-radius: 0 55px 55px 0;}
#sub_vis .pdinner{
    /* max-width: 1400px; */
}
#sub_vis .tit_h2{
    font-size: 70px;
    line-height: 1.5;
    bottom: 190px;
    padding-left: 20px;
}
	#sub_vis .tit_h2 span{
    font-size: 18px;
    margin-bottom: 0px;
}
	
}

@media all and (min-width:1800px) {
.sub_con{/* padding: 180px 0% 140px; */}
	.scroll-down.sub{display:block;position: absolute;top: 430px;left: 39px;}
}



/*2depth menu*/
#twodepthNav {position:relative; display:none; margin: 0 auto; background:#e7211a}
#twodepthNav ul {overflow:hidden; text-align:center}
#twodepthNav ul li {position:relative; width:16%; display:inline-block; text-align:center; max-width:150px}
#twodepthNav ul li a{color:#ffffff}
#twodepthNav ul.li09 li{width:10.5%;}
#twodepthNav ul li a{display:block; line-height:60px; position:relative}
#twodepthNav ul li a:after{content:''; position:absolute; bottom:0; left:50%; width:0; height:4px; background:#0083ef; transition:all 0.2s cubic-bezier(0.7, 0, 0.3, 1)}
#twodepthNav ul li:hover a:after{width:60px; margin-left:-30px;}
#twodepthNav ul li a:hover{font-weight:600; transition:0.3s}
#twodepthNav ul li:first-child a:before{width:0}
#twodepthNav ul li.active {background:#ffffff}
#twodepthNav ul li.active a{font-weight:600; color:#323232}
#twodepthNav ul li.active a:after{width:60px; margin-left:-30px;}

#sidemenu {display:none; position:absolute;width:200px;  z-index:9999; top:0px; left:20px} /*기준*/
#sidemenu h2 {display:block;font-size:1.6em;   text-align:center; line-height:1.2;  color:#fff; min-height:100px; padding:60px 0; /*background:rgba(90,19,40,0.8);*/ background:#29343f; position:relative; text-transform:uppercase;  }
#sidemenu h2 span {display:block; font-size:0.9rem; margin-bottom:10px;}

#sidemenu .snblist{border:1px solid #e6e6e6; border-width:0 1px 1px; background:#ffffff;  margin-bottom:30px}
#sidemenu .snblist li a {position:relative; display: block; padding:13px 20px; font-weight:400; border-bottom:1px solid #e6e6e6; color:#323232}
#sidemenu .snblist li:last-child a{border-bottom:0px;}
#sidemenu .snblist li a[target='_blank']:after {font-family: 'FontAwesome'; font-size:11px; display:inline-block; content:"\f08e"; margin: 0 0 2px 5px; vertical-align: middle;}
#sidemenu .snblist li a:hover {text-indent:5px; 	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease; color:#303030; transition:0.3s}
#sidemenu .snblist li.active a {color:#d10000; font-weight:600}
#sidemenu .snblist li a i:after,#sidemenu .snblist li.active a i:after {
	position: absolute;
	top: 16px;
	font-weight:bold;
	right: 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-family: FontAwesome;
	content: "\f105";
	font-style:normal;  
	color:#808080
}
#sidemenu .snblist li a:hover i:after{right: 7px;}
#sidemenu .snblist li.active a i:after{color:#d10000}
#sidemenu .snblist li.active a:hover i:after{right:7px;}


#sidemenu .snblist li a i:after {background:rgba(255,255,255,0)}

#sidemenu .snblist li a:hover i:after {
	-webkit-transform: translateY(-50%) translateX(20%);
	-moz-transform: translateY(-50%) translateX(20%);
	-ms-transform: translateY(-50%) translateX(20%);
	-o-transform: translateY(-50%) translateX(20%);
	transform: translateY(0) translateX(20%);
	color:#fff;
	background:rgba(255, 255, 255, 1);
}

#sidemenu .snblist li.select a:hover i:after {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	color:#fff;
	background:rgba(255, 255, 255, 1);
}



#fl_menu{display:none;}
.con{position:relative; min-height:500px;}
.conh3{font-size:1.4em; font-weight:500; color:#000000; text-align:center;}
.conh3:after{content:''; width:40px; height:1px; background:#000000; display:block; margin:10px auto 30px;}

.path{display:block;}
.path li{font-size:12px; display:inline-block; vertical-align:top;}
.path li:before{content:'\f105'; font-family:'FontAwesome'; display:inline-block; padding:0px 10px}
.path li:first-child:before{display:none;}


@media all and (min-width:768px) {
/*.sub_con{padding:50px 5%}*/
.conh3{font-size:2em}
.conh3:after{margin:20px auto 40px;}

#twodepthNav {position:relative; display:block;}


}

@media all and (min-width:1200px) {

.subwrap{margin: 0 auto; position:relative;}
.sub_tab{display:block;background:#0788c7; padding:10px 0px; text-align:right; color:#ffffff; font-size:0.85em; text-align:right;}
.sub_tab h3, .sub_tab p{display:inline-block; margin-left:15px; color:#fbdf40; font-weight:bold}
.sub_tab h3{color:#ffffff}
.sub_tab h3 span{margin-right:10px; text-transform:uppercase; color:#fbdf40}
.sub_tab p {border-radius:50px; background:#462e16; padding:5px 10px;}

#twodepthNav ul.li02 li{width:25%;}

/*.sub_con{position:relative;width:100%;max-width:1360px;margin: 0 auto;min-height:650px;padding: 100px 20px 150px;}*/
.con{width:1160px; margin:0 auto; min-height:800px;}
.conh3:after{margin:20px auto 60px;}

}

@media all and (min-width:1640px) {
#sidemenu{display:block}
#fl_menu{display:block; position:absolute; right:20px; z-index:9999; width:125px; top:0px; height:600px}
#fl_menu .label{text-align:center; line-height:80px; font-size:18px; font-weight:bold; background:#29343f; color:#fff;}
#fl_menu ul {text-align:center; padding:10px 0px 30px; background:#ffffff}
#fl_menu ul li a{font-size:16px; font-weight:600; padding:8px 0px}
#fl_menu ul li span{display:block}
#fl_menu .menu{display:block; border:1px solid #dcdcdc}
#fl_menu .menu img{max-width:60px}
#fl_menu .menu .menu_item{display:block; background:#ffffff; color:#323232; }
}




/*흰색패스*/
#sub_drop{position: absolute;border-width:1px 0px;z-index:100;/* border-bottom: 1px solid #dcdcdc; */width: 100%;bottom: 140px;padding: 0 9px;right: 0px;max-width: 400px;}
#sub_drop .home a{display:block;line-height:45px;padding:0 20px;background: #0084E9;}
#sub_drop .home{width:50px !important;}
#sub_drop .home img{display:inline-block; vertical-align:middle}
#sub_drop .dropdown{float:left;/*! border-right:1px solid #dcdcdc; */position:relative;z-index:101;max-width:200px}
#sub_drop .dropdown.deph01{width:calc(45% - 50px);width: 50%;}
#sub_drop .dropdown.deph02{width: 50%;}
#sub_drop .dropbtn {background: #ffffff;width:100%;text-align:left;display:inline-block;height:auto;position:relative;line-height:45px;padding:0 25px 0 10px;cursor:pointer;color:#000000;font-size:14px;}
#sub_drop .dropbtn:after{font-family:'FontAwesome'; content:'\f107'; position:absolute; right:10px; color:#000000; font-size:14px; top:0; bottom:0; margin:auto;}

#sub_drop .dropdown ul{/* background: #fff; */}
#sub_drop .dropdown ul li{padding:5px 10px;/*! border-bottom: 1px solid #dcdcdc; */}
#sub_drop .dropdown ul li:last-child{border-bottom: 0px;}
#sub_drop .dropmenu {display: none;position: absolute;z-index: 5;/* background:#ffffff; */border:1px solid #dcdcdc;box-sizing:content-box;left:-1px;width:100%;}
#sub_drop .dropmenu a{display:block; line-height:30px; color:#000000; font-size:14px;}
#sub_drop .dropmenu li:hover {font-weight:600; background: #f5f5f5}
#sub_drop .dropdown .show {display:block;}

#sub_drop:after{display:block; content:''; clear:both;}

@media all and (min-width:768px) {
	#sub_drop .dropbtn{padding:0 25px 0 20px; font-size:16px;}
	#sub_drop .dropdown ul li{padding:5px 20px; }
	#sub_drop .dropdown.deph02{max-width:250px}
	#sub_drop .dropmenu a{line-height:40px; font-size:16px;}
	#sub_drop .home a{line-height:60px;} 
	#sub_drop .dropbtn {line-height:60px}
	#sub_drop .dropbtn:after{right:15px}
}



@media all and (min-width:1200px) {
.menu_wrap{border-bottom:0px}
#sub_drop{font-size:1.1em;margin-top:-70px;/* position:relative; */border-top:0px solid #e6e6e6;border-color: rgb(255 255 255 / 0%);max-width: 78%;bottom: 534px;}
#sub_drop .inner{background:none; border:0px}
#sub_drop .dropmenu{border:0px;/* background:#ffffff; */text-align:center;left:0;display:block !important}
#sub_drop .dropmenu:before{display: block;clear: both;/* content: ""; */left: -200px;position: absolute;bottom: 0;width: 200px;z-index: 3;height: 69px;/* border-bottom: 1px solid #f0f0f0; */background: #00000042;backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);}
#sub_drop .dropmenu:after{/* display: block; */clear: both;/* content: ""; */background:#fff;right: -200px;position: absolute;bottom: 0;width: 200px;z-index: 3;height: 69px;background: #00000042;backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);}
#sub_drop .dropdown.active a.dropbtn,
#sub_drop .dropbtn.has-focus{background:#0084E9; border:0px;}

#sub_drop .dropdown > .dropmenu li a.current{/* background: #ffffff; */backdrop-filter: blur(20px);color: var(--main-color);font-weight:600;position:relative;}
#sub_drop .dropdown > .dropmenu li a.current:after{display: block;clear: both;content: "";/* border-bottom: 3px solid var(--main-color); */width: 100%;margin:0 auto;}

#sub_drop .dropdown.home{width:70px !important}
#sub_drop .dropdown{width:calc(100% - 70px); }
#sub_drop .dropdown.deph01{display:none}
#sub_drop .dropdown.deph02{max-width:100%;width: calc(100% - 0px);}


#sub_drop .dropdown.home a{line-height:70px;  padding:0; text-align:center } 
#sub_drop .dropbtn {line-height:70px; display:none; font-size:1.05em}


#sub_drop .dropmenu a{}
#sub_drop .dropmenu a:hover{color:inherit;}
#sub_drop .dropdown > .dropmenu li{display:block;position:relative;padding:0;float:left;/* width: 50%; *//* border-bottom: 1px solid #f0f0f0; *//* background: #00000042; */backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);margin-left: 80px;}
#sub_drop .dropdown > .dropmenu li:before{content:'';display:block;width: 5px;height: 5px;background: #dedede;position:absolute;left: -40px;top:0;bottom:0;margin:auto;border-radius: 50%;}
#sub_drop .dropdown > .dropmenu li:first-child:before{display:none}
#sub_drop .dropdown ul{
    display: flex;
    justify-content: flex-end;
}
#sub_drop .dropdown > .dropmenu li a{line-height: normal;font-size: 1.1em;color: #555;}
#sub_drop .dropdown > .dropmenu .list06 li{/* width:16.666%; */width: unset;}
/*#sub_drop .dropdown > .dropmenu .list07 li{width:14.28%}
#sub_drop .dropdown > .dropmenu .list05 li{width:20%}
#sub_drop .dropdown > .dropmenu .list03 li{width:33.33%}
#sub_drop .dropdown > .dropmenu .list04 li{width:25%}*/
}






/*텍스트효과*/

.motion01{animation-name:sub_tt;animation-duration:1000ms;animation-fill-mode:both;animation-delay:200ms;animation-timing-fonction:ease-out;}
.motion02{animation-name:sub_tt;animation-duration:1000ms;animation-fill-mode:both;animation-delay:500ms;animation-timing-fonction:ease-out;}

/* Chrome, Safari, Opera */ 
@-webkit-keyframes sub_tt { 
      0%   {opacity: 0; transform: translateY(30px);}
    100% {transform: translateY(0px);opacity: 1;}

}
/* Standard syntax */
@keyframes sub_tt {
     0%   {opacity: 0; transform: translateY(30px);}
    100% {transform: translateY(0px);opacity: 1;}

}
/* Chrome, Safari, Opera */ 
@-webkit-keyframes sub_tt {
       0%   {opacity: 0; transform: translateY(30px);}
    100% {transform: translateY(0px);opacity: 1;}

}
/* Standard syntax */
@keyframes sub_tt {
     0%   {opacity: 0; transform: translateY(30px);}
    100% {transform: translateY(0px);opacity: 1;}
}

.anim01 {animation-name: anim01; animation-duration: 1s; animation-fill-mode: both;}
@keyframes anim01 {
	0% {opacity: 0; transform: translateY(-1000px);} 
    60% {opacity: 1; transform: translateY(30px);} 
    80% {transform: translateY(-10px);} 
    100% {transform: translateY(0); } 
} 
.anim02 {animation-name: anim02; animation-duration: 1s; animation-fill-mode: both;}
@keyframes anim02 {
	0% {opacity: 0; transform: translateY(1000px);} 
    60% {opacity: 1; transform: translateY(-30px);} 
    80% {transform: translateY(10px);} 
    100% {transform: translateY(0); } 
} 
.anim03 {animation-name: anim01; animation-duration: 1s; animation-fill-mode: both;}
@keyframes anim01 {
	0% {opacity: 0; transform: translateY(-100px);} 
    40% {opacity: 1; transform: translateY(20px);} 
    60% {transform: translateY(-10px);} 
    100% {transform: translateY(0); } 
} 
.anim04 {animation-name: anim02; animation-duration: 1s; animation-fill-mode: both;}
@keyframes anim02 {
	0% {opacity: 0; transform: translateY(100px);} 
    40% {opacity: 1; transform: translateY(-20px);} 
    60% {transform: translateY(10px);} 
    100% {transform: translateY(0); } 
} 
.anim05 {animation-name: anim05; animation-duration: 1s; animation-fill-mode: both;}
@keyframes anim05 {
	0% {transform: translateY(0);} 
    50% {transform: translateY(-10px);} 
    100% {transform: translateY(0); } 
} 


@media all and (max-width:1200px) {
#layerPopup0{top:100px !Important; left:0 !Important;}
#layerPopup1{top:435px !Important; left:0 !Important;}
#layerPopup2{top:770px !Important; left:0 !Important;}
#layerPopup3{top:1105px !Important; left:0 !Important;}
#layerPopup4{top:1440px !Important; left:0 !Important;}
#layerPopup5{top:1775px !Important; left:0 !Important;}
}

.vibrate-1{-webkit-animation:vibrate-1 3s linear infinite both;animation:vibrate-1 3s linear infinite both}
@-webkit-keyframes vibrate-1 {
0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
 
  25% {
    -webkit-transform: translate(0px, 4px);
            transform: translate(0px, 4px);
  }
  50% {
    -webkit-transform: translate(0px, -8px);
            transform: translate(0px, -8px);
  }

  75% {
    -webkit-transform: translate(0px, 4px);
            transform: translate(0px, 4px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
 
  25% {
    -webkit-transform: translate(0px, 4px);
            transform: translate(0px, 4px);
  }
  50% {
    -webkit-transform: translate(0px, -8px);
            transform: translate(0px, -8px);
  }

  75% {
    -webkit-transform: translate(0px, 4px);
            transform: translate(0px, 4px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}



/* footer */
#footer {
    background: #2E2E38;
    /* color: rgba(255,255,255,0.8); */
    font-size: 0.9em;
    text-align: center;
    padding: 20px 0 80px;
    position: relative;
    /* border-top: 1px solid #DEDEDE; */
    color: #fff;
}
#footer .pdinner {
    /* max-width: 1800px; */
}
#footer address {
    margin-bottom: 10px;
    margin-top: 20px;
}
#footer address span.bar:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 0.8em;
    background: rgba(255,255,255,0.4);
    margin: 0 0.4em;
    vertical-align: middle;
}
#footer address span.bar.mEnter:after {
    display: none;
}
#footer p {
    font-size: 0.85em;
    clear: both;
    margin-top: 10px;
    line-height: 20px;
    color: #7f7f7f;
    letter-spacing: -0.5px;
    font-weight: 400;
}
#footer p .adm {
    background: rgba(255,255,255,0.1);
    color: #aaa;
    font-size: 0.9em;
    display: inline-block;
    padding: 0 5px;
    line-height: 16px;
    border-radius: 2px;
    margin-left: 5px;
}

.bottom_li_wrap {
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.bottom_li {
    text-align: center;
    margin: 0 0 20px;
}
.bottom_li li {
    display: inline-block;
    margin: 0 0.8em 0 0;
    position: relative;
}
.bottom_li li:last-child {
    margin-right: 0;
    color: var(--point-color);
}
.bottom_li li a {
    /* color: #e1e1e1; */
    font-weight: 600;
}
.bottom_li li:nth-child(3) a{/* color:#009fe3; */}
#footer h5{
    display: none;
}
#footer strong{
    margin-top: 30px;
    display: block;
    font-size: 17px;
    display: none;
}
#footer h5 img{}
.f_sns{
    position: absolute;
    bottom: 30px;
    width: 100%;
    left: 0px;
}
.f_sns li{
    display: inline-block;
    margin: 0 10px;
}
.f_sns li a{}
.f_sns li a img{width:20px;}
.f_info{
    padding: 24px 0 10px;
    color: #fff;
}
.f_info li{
    line-height: 1.6;
    color: #ffffff8a;
}
.f_info li span{
    font-weight: 500;
    display: inline-block;
    margin-right: 10px;
}

@media all and (min-width:1280px) {
    #footer address span.bar.mEnter:after {
        display: inline-block;
    }
.f_sns{}
.f_sns li{}
.f_sns li a{}
    #footer strong{
    display: block;
    font-size: 24px;
    margin-top: 0px;
}
}

@media all and (min-width:768px) {
    #footer {
        /* padding: 60px 0 85px; */
        text-align: left;
        padding: 0px;
        padding-bottom: 80px;
    }
    .bottom_li_wrap{border-bottom:0px;}
    #footer address {
        margin-bottom: 0;
        margin-top: 40px;
        font-size: 15px;
    }
        #footer .f_info{}
        #footer .f_info li{
    font-size: 15px;
    display: inline-block;
    margin-right: 15px;
}
    #footer .f_info li:nth-child(1){/* display:block; */}
    #footer p {
        margin-top: 12px;
        font-size: 15px;
    }

    .bottom_li {
        text-align: left;
        margin: 0 0 0px;
        font-size: 16px;
        padding: 60px 0 0px;
        /* border-bottom: 1px solid #5b5b5b; */
    }
    .bottom_li li{margin-right:32px;}
    .bottom_li li:after{
        display:block;
        clear:both;
        /* content:""; */
        width:1px;
        height:10px;
        background:#919191;
        position: absolute;
        top: 6px;
        right: -18px;
    }
    .bottom_li li:last-child:after{display:none;}
    #footer .pdinner ul{
    /* padding: 38px 0; */
    max-width: 600px;
}
#footer h5{}
#footer h5 img{}
.f_sns{
    right: 30px;
    left: auto;
    top: 44px;
    bottom: 0px;
    width: auto;
}
.f_sns li{
    margin-right: 17px;
}
.f_sns li a{}
.f_sns li a img{width:20px;}
.f_info{
    padding-top: 23px;
}
.f_info li{}
.f_info li span{}
}
@media all and (min-width:1280px) {
    .f_logo{
    background: url(/img/f_logo.png) no-repeat;
    width: 120px;
    height: 27px;
    display: block;
    position: absolute;
    top: -62px;
    right: 20px;
}
#footer h5{
    display: block;
    position: absolute;
    top: 70px;
    right: 20px;
}
#footer h5 img{
    width: 200px;
}
.f_sns{
    right: 50%;
    margin-right: -640px;
}
.f_sns li{}
.f_sns li a{}
.f_sns li a img{width:20px;}
.f_info{
    /* padding-left: 296px; */
}
    #footer p{/* padding-left: 296px; */}
.f_info li{}
.f_info li span{}
    .bottom_li{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    /* display: flex; */
    /* justify-content: flex-end; */
    /* text-align: right; */
    text-align: right;
    z-index: 10;
    padding-top: 80px;
}
    #footer{
    padding-top: 70px;
}
}





:root {
  --main-color: #090087;
  --point-color:#00A8FF;
  --txt-color:#212121;
}


/*사이트맵*/
#sub .sitemap ul {display:flex; flex-wrap:wrap; align-items:flex-start; gap:40px;}
#sub .sitemap li {width: 100%;display:flex;flex-wrap:wrap;}
#sub .sitemap li > a{
    width: 100%;
    font-weight: 600;
    color: var(--main-color);
    margin-bottom: 20px;
    text-align: center;
    display: block;
    background: var(--main-color);
    border-radius: 10px;
    color: #fff;
    padding: 15px 0;
}
#sub .sitemap li h1 {width:100%; font-weight:700; color:var(--col01); margin:0 0 20px;}
#sub .sitemap li .sub {width:100%;}
#sub .sitemap li .sub a {display:block;}
#sub .sitemap li .sub dd {border: 1px solid #dedede;padding: 15px;border-radius:8px;}
#sub .sitemap li .sub dd:not(:last-of-type) {margin-bottom:10px;}
#sub .sitemap li .sub dd > a {font-weight:600; padding:0 5px;}
#sub .sitemap li .sub dd div {margin:10px 0 0; background:var(--lbg); padding:10px; border-radius:8px;}
#sub .sitemap li .sub dd div a {opacity:0.8; font-size:0.95em; margin:5px 0;}
#sub .sitemap li .sub dd div a:before {content:'·'; margin-right:0.25em;}

@media all and (min-width:768px) {
  #sub .sitemap li {width: calc(31.33% - 30px);}
  #sub .sitemap li h1 {font-size:1.1em;}
}

@media all and (min-width:1200px) {
  #sub .sitemap li {width: calc(25% - 32px);}
}