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

/*common*/
.inner{max-width:1400px; width:100%; position:relative; margin: 0 auto;}
.pdinner{max-width:1400px; 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;}

.mEnter{display:block;}
.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}
.mEnter{display:inline-block;}

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

@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: 50%;
    z-index:100;
    display: block;
    width: 50px;
    height: 50px;
    border:0;
    cursor: pointer;
    /* background:#ffffff; */
    text-indent:-999999px;
    /*-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);*/
    }

/*.slick-arrow:before{text-indent:0;content:'';display:block;position:absolute;font-family:'FontAwesome';width:20px;height:20px;line-height:20px;left:0;right:0;bottom:0;top:0;margin:auto;font-weight:600}*/
.slick-arrow:before{content:'\f104'; font-size:22px;}
.slick-next{right:0;}
.slick-next:before{content:'\f105'; }

/* Circle Arrows */
.cir-arrow .slick-arrow{position: absolute;  top: 50%; z-index:100;  display: block;   width: 50px;   height: 50px; border:0;   cursor: pointer;  background:none; border:2px solid #ffffff; border-radius:500px; text-indent:-999999px;
/*	-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);*/}

.cir-arrow .slick-arrow:before{text-indent:0; content:''; display:block; position:absolute; font-family:'FontAwesome'; width:20px; height:20px; line-height:20px; left:0; right:0; bottom:0; top:0;  margin:auto; font-weight:600 }
.cir-arrow .slick-arrow:before{content:'\f104'; font-size:22px; color:#ffffff}
.cir-arrow .slick-arrow.slick-next{right:0;}
.cir-arrow .slick-arrow.slick-next:before{content:'\f105'; }


/* rec Arrows */
.rec-arrow .slick-arrow{position: absolute;  top: 50%; z-index:100;  display: block;   width: 50px;   height: 50px; border:0;   cursor: pointer;  background:none; border:1px solid #ffffff; text-indent:-999999px;
/*	-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);*/}

.rec-arrow .slick-arrow:before{text-indent:0; content:''; display:block; position:absolute; font-family:'FontAwesome'; width:20px; height:20px; line-height:20px; left:0; right:0; bottom:0; top:0;  margin:auto; font-weight:600 }
.rec-arrow .slick-arrow:before{content:'\f104'; font-size:22px; color:#ffffff}
.rec-arrow .slick-arrow.slick-next{right:0;}
.rec-arrow .slick-arrow.slick-next:before{content:'\f105'; }



/*line-Dots*/
.slick-dots{position: absolute;    bottom: -20px;    display: block;     padding: 0;    margin: 0;   text-align: center; z-index:10; left:0; right:0}
.slick-dots li{position: relative;  display: inline-block;  width: 20px;  height: 2px;  margin: 0 5px;  padding: 0;   cursor: pointer;}
.slick-dots li button{ font-size: 0;   line-height: 0;  display: block;  width:100%; height:100%; background:#969696; cursor: pointer;  color: transparent;  border: 0;  outline: none;  opacity:0.8}
.slick-dots li.slick-active button{background:#ffffff; opacity:1}

.slick-cir li{width:8px; height:8px; }
.slick-cir li.slick-active button{background:#e2193f; }
.slick-cir li button{background:#ffffff; opacity:1; border-radius:500px;}

/*pop_dot*/
.pop_dot .slick-dots{position: absolute;    bottom: 10%;  right:20px; display: inline-block; padding: 5px; line-height:100%;  width:auto; background:rgba(0,0,0,0.5); text-align: center; z-index:10}
.pop_dot .slick-dots li{position: relative;  display: inline-block;  width: 13px;  height: 13px;  margin: 0 5px;  padding: 0;   cursor: pointer; vertical-align:middle;}
.pop_dot .slick-dots li button{ font-size: 0;   line-height: 0;  display: block;  width: 100%;  height: 100%; border-radius:500px;  cursor: pointer;  color: transparent;  border: 0;  outline: none;  background:none; background:#ffffff; opacity:0.5}
.pop_dot .slick-dots li.slick-active button{background:#fcc754; opacity:1}



/*slick_circle_arrow*/

.slick_circle_arrow button{position:absolute; top:auto; bottom:10px; right:20px; background:none; border:1px solid #ffffff; border-radius:500px; border-color:rgba(255,255,255,0.5)}
.slick_circle_arrow button:before{color:#ffffff;}
.slick_circle_arrow button.slick-prev{margin-right:60px}



/* main */
.wrap{max-width:2000px; min-width:320px; width:100%; margin: 0 auto; position:relative;}

.visuslider{background:rgba(0,0,0,0.3);}
.visuslider .visu{position:relative; height:70vh; min-height:600px; max-height:1080px; z-index:2; display:flex !important; align-items:center;}

.visuslider .visu:before{content:''; position:absolute; background:#004098; background:rgba(0,64,152,0.9); left:0; right:0; top:0; bottom:0; width:100%;  bottom:0; z-index:1; }

.visuslider .visu:before{content:''; display:block; position:absolute; left:0; top:0; bottom:0; right:0; margin:auto; background-size:cover !Important;}
.visuslider .slick-active .visu:before{animation: zoomout 0.5s ease-in-out infinite alternate;    -webkit-animation: zoomout 0.5s ease-in-out infinite alternate; animation-iteration-count:1; 	-webkit-animation-iteration-count:1;}
.visuslider .visu.visu01:before{background: url(../img/main_vis01.jpg) no-repeat left center;}
.visuslider .visu.visu02:before{background: url(../img/main_vis02.jpg) no-repeat left center;}

.visuslider .visu .txt{color:#ffffff; width:100%; padding:0 4%;  position:absolute; z-index:5; text-align:center;} /*텍스트글자*/
.visuslider .visu .txt h2{font-size: 3.3em;letter-spacing:-2px;margin-bottom:30px;padding-bottom:30px;line-height:1.2;position:relative;font-weight: 800;}
.visuslider .visu .txt h2 span{display:block; font-size:1.4em; color:#ffffff; margin-bottom:20px}
.visuslider .visu .txt p{font-size: 1.2em;font-weight: 800;text-transform: uppercase;}
.visuslider .visu .txt p span{color:#bacafe}


.visuslider .slick-arrow{background:none;color:#ffffff;font-size:1.4em;top:auto;bottom:10%;/* margin-left:-90px; *//* left:50%; */}
.visuslider .slick-arrow.slick-next{margin-left:50px}
.visuslider .slick-dots{width:80px; left:50%; margin-left:-40px; right:auto; top:auto; bottom:10%; line-height:50px; color:#ffffff}
.visuslider .slick-dots li{width:100%; height:50px; line-height:50px; display:none; margin:0}
.visuslider .slick-dots li.slick-active{display:block;}
.visuslider .slick-dots li span.num{line-height:50px; text-indent:5px; letter-spacing:5px; display:block; }

@media all and (min-width:500px) {
.visuslider .visu .txt p{font-size:1.5em}
.visuslider .visu .txt h2{font-size:4em;}
}
@media all and (min-width:768px) {
.visuslider .visu .txt{text-align: left;}
.visuslider .visu .txt p{font-size:1.7em}
.visuslider .visu .txt h2{font-size:4.5em;}
.visuslider .visu.visu01:before{background: url(../img/main_vis01.jpg) no-repeat 40% center;}
.visuslider .visu.visu02:before{background: url(../img/main_vis02.jpg) no-repeat 40% center;}
.visuslider .visu{height:100vh;}

}

@media all and (min-width:1200px) {
.visusliderWrap{overflow:hidden;}
.visuslider .visu .txt{width:1100px;padding:0;top:auto;left:0;right:0;margin:0 auto;}
.visuslider .visu .txt h2:before{right: auto;}
.visuslider .visu .txt h2{font-size:5.5em;}
.visuslider .visu .txt h2 span{margin-bottom:0}
.visuslider .visu .txt p{font-size:2.1em;}
.visuslider .slick-dots{margin-left: -540px;}
.visuslider .slick-dots li span.num{letter-spacing:15px; margin-left:10px}
.visuslider .slick-arrow{/* margin:0; *//* left:50%; *//* margin-left:-570px; */}
.visuslider .slick-arrow.slick-next{margin-left:-440px}

}

@media all and (min-width:1600px) {
.visuslider .visu .txt{width:1450px; }
.visuslider .slick-arrow{/* margin-left:-720px; */}
.visuslider .slick-arrow.slick-next{margin-left:-580px}
.visuslider .slick-dots{margin-left: -720px;}
}


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



.main h2.tit {color:#1b274b; margin:0 0 10px; font-size:1.5em; text-align:center;}
.main .subtit {color:#666; font-size:0.9em; margin-bottom:50px; text-align:center;}

.main .business {text-align:center;padding: 50px 0 0;}
.main .business ul {display:block; max-width:640px; margin:0 auto; width:100%; overflow:hidden}
.main .business li {display:inline-block; float:left; width:50%; padding-bottom:75%; position:relative; text-align:center; color:#fff; overflow:hidden;}
.main .business li div {position:absolute; width:100%; height:100%; padding:40px 20px;}
.main .business li:nth-child(3) {color:#333;}
.main .business li:hover img {transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.main .business li img {position:absolute; top:0; left:0; z-index:-1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.main .business li p.eng {text-transform:uppercase; font-size:0.6em; opacity:0.8; margin-bottom:10px;}
.main .business li h4 {font-size:1.6em; font-weight:600; position:relative;}
.main .business li h4:after {content:''; display:inline-block; width:50px; height:1px; position:absolute; bottom:-20px; left:50%; margin-left:-25px; background:#fff;}
.main .business li:nth-child(3) h4:after {background:#333;}
.main .business li a {display:inline-block; width:40%; line-height:40px; border-radius:500px; text-align:center;
	background:#fff; color:#000; position:absolute; left:30%; bottom:30px; font-size:0.9em;
	-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);}

.main .news {text-align:left; padding:50px 0;  background:#f2f2f2;}
.main .news .news_wrap {width:90%; margin:0 auto;  height:100%; max-width:1460px; background:#fff; padding:40px 5%; text-align:left;}
.main .news h4.tit {color:#1b274b; font-size:1.4em; line-height:100%}
.main .news a.more {position:absolute; top:0; right:0;}
.main .news .notice {width:100%; position:relative;}
.main .news .notice ul {margin-top:40px; font-size:0.9em; line-height:24px;}
.main .news .notice li a {color:#666; width:calc(100% - 100px); display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .news .notice li a:hover {font-weight:500;}
.main .news .notice .date {color:#aaa; float:right;}

.main .news .photo{position:relative; margin-top:30px; }
.main .news .photo .photo_slider_wrap {margin-top:30px;}
#notice .notice_li { background:#ffffff; position:relative; overflow:hidden}
#notice .notice_li .img{overflow:hidden; padding-bottom:60%; margin-bottom:20px}
#notice .notice_li .img img {position:relative; transition: transform 0.5s ease; /*max-width:350px;*/ width:100%; position:absolute; left:0; right:0; top:0; bottom:0;} 
#notice .notice_li:hover .img img {transform: scale(1.1);}
#notice .notice_li .img span {color:#fff; position:absolute;width:60px; height:60px; top:20px; right:20px;  background:#b59d6e; border-radius:500px; line-height:59px; text-align:center}
#notice .notice_li .info { position:relative; background:#fff; display:block; font-weight:600; text-overflow: ellipsis; overflow:hidden; white-space:nowrap; }
#notice .notice_li .info dt {display:inline-block; background:#e60049; color:#ffffff; padding:5px 10px;position: absolute; top: -10px; font-size:0.9em; font-weight:500}
#notice .notice_li .info dd{color:#000000; }
#notice .notice_li .info dd.txt{font-weight:600; text-overflow: ellipsis; overflow:hidden; white-space:nowrap; font-size:1.05em; margin-bottom:5px}
#notice .notice_li .info dd.date{display:block;  font-size:0.9em; text-align:right}

#notice .slick-arrow{right:40px; top:-51px; width:33px; height:33px; border:1px solid #e6e6e6; }
#notice .slick-arrow:before{color:#505050; font-weight:normal}
#notice .slick-arrow.slick-prev{right:80px}
#notice .slick-dots li.slick-active button{background:#000000}

@media all and (min-width:540px) {
#notice .notice_li {margin:0 10px; width:calc(100% - 20px) !important}
}

@media all and (min-width:600px) {
.main .news .news_wrap {-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);}
}

@media all and (min-width:768px) {
	.main h2.tit {font-size:1.8em;}
	.main .subtit {font-size:1.1em;}	
	.main .business{padding:80px 0px}
	.main .business ul {max-width:100%;}
	.main .business li {width:23%; margin:0 1%; padding-bottom:33%; text-align:left;}
	.main .business li h4:after {left:0; margin-left:0;}
}

@media all and (min-width:1200px) {
	.main h2.tit {font-size:2.5em;}
	.main .subtit {font-size:1.2em;}
	.main .business {padding:120px 0 140px; }
	.main .business ul {max-width:1460px; width:100%; margin:0 auto}
	.main .business li div {padding:50px 40px;}
	.main .business li p.eng {font-size:0.9em; font-weight:600; letter-spacing:0}
	.main .business li h4 {font-size:1.8em;}
	.main .news {padding:120px 0 140px;  }
	.main .news .news_wrap {padding:70px}
	.main .news .news_wrap:after{content:''; clear:both; display:block;}
	.main .news .notice {width:calc(95% - 580px); float:left;}
	.main .news .notice ul li{margin-bottom:5px;}
	.main .news .notice ul li:last-child{margin-bottom:0px;}
	.main .news .photo {width:580px; float:right; margin-top:0;}
	.main .news h4.tit{font-size:1.7em}
	.main .news .notice ul{font-size:1em}
	#notice .slick-arrow{top:-57px}
	.main .business li:nth-child(even){margin-top:80px}
}

@media all and (min-width:1400px) {
	.main .news .notice {width:calc(96% - 650px); }
	.main .news .photo {width:650px; }

}

@media all and (min-width:1600px) {
	.main .news .notice {width:calc(96% - 800px);}
	.main .news .photo {width:800px;}
	.main .news .notice ul li{padding-left:10px; position:relative}
	.main .news .notice ul li:before{content:''; width:3px; height:3px; position:absolute; left:0; top:10px; background:#e6e6e6}
	.main .news .notice ul li:first-child{padding-left:0; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #e6e6e6}
	.main .news .notice ul li:first-child:before{display:nonhe}
	.main .news .notice ul li:first-child a{font-weight:600; color:#323232; font-size:1.2em}
}



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

@media all and (min-width:768px) {
.scroll_down{display:block; position:absolute;left:0;right:0;bottom:120px;color:#ffffff;width:100%;max-width: 1500px;margin:0 auto;text-align: right;font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:600}
.scroll_down span{display:block; position:absolute; left:0; right:0; }
.scroll_down span:before{display: block;clear: both;content: "";background: url(../img/scroll.png) no-repeat center center;background-size:100%;width:37px;height:50px;right: 11px;position: absolute;/* display:inline-block; */bottom: 40px;}
}



/*section01*/
#section01 {position:relative;padding: 70px 0px;}
#section01.sec01 .pdinner:before{display: block;clear: both;content: "";background: url(../img/sec01_bg.png) no-repeat left bottom;width:100%;height:150px;position:absolute;bottom: -70px;z-index: -9;}
#section01 .sec_tit p.t01{font-weight: 900;}
#section01 .sec_tit p.t02{font-size: 1em;margin-bottom: 70px;font-weight:600}
#section01 .sec_tit h4{font-size: 1.5em;font-weight: 800; background: linear-gradient(to left, #005a7d, #052f86 );color: transparent;-webkit-background-clip: text;}
#section01 .control {margin-left:auto;display:flex;align-items:center;width:24%;min-width:calc(150px - 6%);}
#section01 .control .dots {width:50%;}
#section01 .control .dots li {display:none; color:#fff; font-weight:800;}
#section01 .control .dots li.slick-active {display:flex; justify-content:center; align-items:center;}
#section01 .control .dots li .line {display:inline-block; width:1px; height:0.8em; margin:0 0.5em; background:#fff; opacity:0.5;}
#section01 .control .dots li .n02 {opacity:0.5;}
#section01 .control .arrow {display:flex;justify-content:space-between;margin-left:auto;}
#section01 .control .arrow span.prev{background: url(../img/control_prev.png) no-repeat center center;width: 40px;height: 40px;display: block;background-size: 100%;top: 90px;left: 5%;cursor: pointer;}
#section01 .control .arrow span.next{background: url(../img/control_next.png) no-repeat center center;width: 40px;height: 40px;display: block;background-size: 100%;top: 90px;left: 70px;}
#section01 #biz_slider .slick-list {overflow:visible;}
#section01 #biz_slider li {padding: 0 3.7%;margin: 0 0px 40px;}
#section01 #biz_slider li .box {-webkit-box-shadow: -13px -10px 20px 0px rgb(0 0 0 / 5%);box-shadow: -10px 0px 20px 0px rgb(0 0 0 / 5%);background:#fff;position:relative;}
#section01 #biz_slider li .box a{margin: 0 auto;display: block;padding: 10px 20px;background: #092c86;color: #fff;text-align: center;position:absolute;right: 1px;bottom: -20px;z-index: 1;}
#section01 #biz_slider li .box .img{width: 100%;}
#section01 #biz_slider .slick-current.slick-active li .box .txt h5 {display:block;}
#section01 #biz_slider .slick-current.slick-active li .sec_tit{display:block;}

@media all and (min-width:600px) {
#section01 .sec_tit h4{font-size: 2em;}
#section01 .sec_tit p.t02{font-size: 1em;margin-bottom: 90px;}
#section01 .control .arrow span.prev{top:100px;}
#section01 .control .arrow span.next{left:80px; top:100px;}
}

@media all and (min-width:768px) {
#section01 {padding: 100px 0px;}
#section01 .biz_slider_wrap ul li{display:inline-flex;}
#section01 .biz_slider_wrap ul li .sec_tit{float: left;width: 35%;margin-right: 3%;margin-top: 3%;}
#section01 .biz_slider_wrap ul li .box{width: 62%;float: left;}
#section01 .control .arrow span.prev{top: 200px;}
#section01 .control .arrow span.next{left:90px; top:200px;}
#section01 #biz_slider li .box a{padding: 10px 30px;font-size:1.1em;}
#section01.sec01 .pdinner:before{bottom: -100px;}
#section01.sec01:before{content: '';display: block;/* width: calc(50vw - 820px); */height: 100%;background: #fff;position: absolute;left: -470px;top: 0;z-index: -9;width: 500px;}
#section01 #biz_slider li {padding: 0 1%;}
#section01 #biz_slider .slick-slide li .sec_tit{display:none;}
#section01 #biz_slider .slick-current.slick-active li .box::before{background-color: rgb(255 255 255 / 0%);}
#section01 #biz_slider .slick-slide li .box:before{ position: absolute;content: "";top:0px;left:0px;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);}}

@media all and (min-width:980px){
#section01:after{display: block;clear: both;content: "";width: 35%;background-color: #f5f5f5;height:100%;position: absolute;right: 0;top: 0;z-index: -1;}
#section01 .control .arrow span.prev{width:50px;height:50px;left: 4%;}
#section01 .control .arrow span.next{width:50px;height:50px;left: 110px;}
#section01.sec01:before{left: -461px;}
#section01 #biz_slider li .box a{padding: 15px 35px;}
#section01 #biz_slider .slick-current.slick-active .box a{display: block;right: -30px;bottom: -30px;}
#section01 #biz_slider .slick-slide .box a{display:none;}
#section01 #biz_slider .slick-current.slick-active li .sec_tit{display:block;}
#section01 #biz_slider .slick-slide li .box{margin-right:5%;width: 57%;}
}

@media all and (min-width:1200px) {
#section01 .sec_tit h4{font-size: 2.2em; margin:10px 0;}
#section01 .sec_tit p.t02{font-size: 1.2em;}
#section01 .control .arrow span.prev{top:250px;left: 2.5%;}
#section01 .control .arrow span.next{left:100px; top:250px}
#section01.sec01:before{left: -468px;}
}

@media all and (min-width:1400px) {
#section01.sec01 .pdinner:before{left:0%}
}


@media all and (min-width:1500px) {
#section01 {padding: 120px 0px;}
#section01.sec01:before{left: -430px;}
#section01 .sec_tit h4{font-size: 2.5em; margin:10px 0; line-height:50px}
#section01 .sec_tit p.t02{font-size: 1.3em;}
#section01.sec01 .pdinner:before{bottom:-120px;left: -4%;}
#section01 #biz_slider li {padding: 0%;}
#section01 .control .arrow span.prev{top:270px;left: 2%; width:60px; height:60px;}
#section01 .control .arrow span.next{left:100px; top:270px; width:60px; height:60px;}
}

@media all and (min-width:1600px) {
#section01.sec01:before{left: -380px;}
#section01.sec01 .pdinner:before{left: -10%;}
}

@media all and (min-width:1680px) {
#section01.sec01:before{left: -340px;}
}

@media all and (min-width:1760px) {
#section01.sec01:before{left: -300px;}
#section01.sec01 .pdinner:before{left: -14%;}
}

@media all and (min-width:1830px) {
#section01.sec01:before{left: -264px;}
#section01.sec01 .pdinner:before{left: -16%;}
}

@media all and (min-width:1950px) {
#section01.sec01:before{left: -205px;}
}

/*section02*/
#section02{background: linear-gradient( to right, #3e404d, #243067 );position: relative;}
#section02:before{display: block;clear: both;content: "";background: url(../img/busi_bg.png) no-repeat left bottom;position: absolute;width: 100%;height: 100%;background-size: 100%;mix-blend-mode: multiply;}
#section02 .business{padding: 70px 0 0;}
#section02 .business .txt{color: #fff;margin-bottom: 40px;}
#section02 .business .txt p.b_col{color: #bacafe;font-weight: 800;}
#section02 .business .txt h1{font-size: 1.5em;font-weight: 800;}
#section02 .business .txt p{font-size: 0.8em; margin-bottom:10px;}

#section02 .business .box{display: block;border-top: 1px solid #ffffff4f; position:relative;}
#section02 .business .box .in a{width: 100%;padding: 20px 40px;border-bottom: 1px solid #ffffff4f;display: flex;}
#section02 .business .box .in a:hover{background: linear-gradient( to right, #1c4e6f, #1a2a71 );}
#section02 .business .box .in p{display: flex;justify-content: center;align-items: center;}
#section02 .business .box .in p img{width:60%}
#section02 .business .box .in a h3{color: #fff;font-size: 1.3em;display: flex;justify-content: center;align-items: center;padding-left: 40px;font-weight: 600;}

@media all and (min-width:600px) {
#section02 .business{padding: 100px 0 0px;}
#section02 .business .txt{margin-bottom:60px}
#section02 .business .txt h1{font-size: 2em;}
#section02 .business .txt p{font-size: 1em;}
#section02 .business .box .in{width:33.33%; float:left;}
#section02 .business .box:after{display: block; clear: both; content: "";}
#section02 .business .box .in a h3{padding-left: 10px;font-size: 1.1em;}
#section02 .business .box .in p img{width:80%;}
#section02 .business .box .in a{padding:30px;border-right:1px solid #ffffff4f;border-bottom: 0px;}
#section02 .business .box .in:first-of-type{border-left:1px solid #ffffff4f;}
}

@media all and (min-width:1200px) {
#section02:before{width: 60%;}
#section02 .business .txt{margin-bottom:100px}
#section02 .business .txt h1{font-size: 3em; margin:10px 0;}
#section02 .business .txt p{font-size: 1.3em;}
#section02 .business .box .in a h3{padding-left:30px; font-size: 1.2em;}
#section02 .business .box .in a{padding:40px 100px;}
}

@media all and (min-width:1400px) {
#section02 .business .box:before{display: block;clear: both;content: "";position:absolute;width:300px;left: -300px;top:-1px;height: 1px;background: #ffffff4a;}
#section02 .business .box .in:last-of-type:after{display: block;clear: both;content: "";position:absolute; width: 300px;height: 1px; background: #ffffff4a; right:-300px; top:-1px;}
#section02 .business .box .in a h3{font-size: 1.4em;}
#section02 .business .box .in a{padding:40px 120px;}
}


/*section03*/
#section03 .part{padding: 70px 0;}
#section03 .part .txt{text-align:center;color:#000;font-weight: bolder;}
#section03 .part .txt h1{font-size: 1.5em;font-weight: 800;}
#section03 .part .txt h1 b{font-weight: bolder;background: linear-gradient(to left, #005a7d, #052f86 );color: transparent;-webkit-background-clip: text;}
#section03 .part .txt p{font-size: 0.8em;font-weight: 800; margin-bottom:10px;}

#section03 .part .box{padding: 20px 0;}
#section03 .part .box ul:after{display: block; clear: both; content: "";}
#section03 .part .box ul li{width:33.333%;display: block;float: left;}

#section03 .part .btn a{margin: 0 auto; display:block; padding:10px 25px; background:#092c86; color:#fff; width:30%; text-align:center}

@media all and (min-width:600px) {
#section03 .part{padding: 80px 0px;}
#section03 .part .btn{margin-top:15px}	
#section03 .part .btn a{width:25%; padding:10px 25px;}
#section03 .part .txt h1{font-size: 2em;}
#section03 .part .txt p{font-size: 1em;}
}

@media all and (min-width:980px) {
#section03 .part .box{padding: 40px 0;}
#section03 .part .box ul li{width:16.666%;}
#section03 .part .btn a{width:180px; padding:15px 25px;}
}

@media all and (min-width:1200px) {
#section03 .part{padding: 100px 0px;}
#section03 .part .txt h1{font-size: 2.5em; margin:10px 0;}
#section03 .part .txt p{font-size: 1.3em;}
}



/*section04*/
#section04{background:#f3f3f3;padding-bottom: 70px;}
#section04 .youtube_box{padding: 70px 0 20px;position: relative;display: block;}
#section04 .youtube_box:after{display: block; clear: both; content: "";}
#section04 .youtube_box .txt{text-align: center;}
#section04 .youtube_box .txt h1{font-size: 1.5em;font-weight: 800;}
#section04 .youtube_box .txt h1 b{font-weight: bolder;background: linear-gradient(to left, #005a7d, #052f86 );color: transparent;-webkit-background-clip: text;}
#section04 .youtube_box .txt p{font-size: 0.8em;font-weight: 800; margin-bottom:10px;}
#section04 .youtube_box .box{padding: 20px 0;}
#section04 .youtube_box .box iframe{display:block;margin:0 auto;height: 250px;}

@media all and (min-width:768px) {
#section04 .youtube_box{padding: 80px 0 40px;}
#section04 .youtube_box .txt h1{font-size: 2em;}
#section04 .youtube_box .txt p{font-size: 1em;}
#section04 .youtube_box .box{padding: 40px 0;}
#section04 .youtube_box .box iframe{height: 400px;}
}


@media all and (min-width:1200px) {
#section04{padding-bottom: 100px;}
#section04 .youtube_box{padding: 100px 0 50px;}
#section04 .youtube_box .txt h1{font-size: 2.5em; margin:10px 0;}
#section04 .youtube_box .txt p{font-size: 1.3em;}
#section04 .youtube_box .box iframe{height: 500px;}
}

/*@media all and (min-width:1600px) {
#section04 .youtube_box .box iframe{height:650px;}
}*/






/* sub */
.menu_wrap {border-bottom:1px solid #dcdcdc; z-index:999;} 

/*footer*/
#footer{background: #232323;color:#c3c1c1;font-size:0.9em;text-align:center;padding:40px 0px;height:190px;position:relative;}
#footer .pdinner{max-width:1500px}
#footer img.logo {display:none;}
#footer address{margin-bottom:10px;}
#footer p{font-size:0.9em; clear:both; margin-top:20px;}
#footer p b{/*font-weight:bold; color:#32b3e3*/}
#footer span.bar {display:inline-block; width:1px; height:11px; background:rgba(255,255,255,0.3); margin:0 10px;}

.bottom_li{text-align:center; margin-bottom:10px;}
.bottom_li li{display:inline-block; margin: 0 0.5%;}
.bottom_li li a{color:#ffffff}

@media all and (min-width:768px) {
	#footer{padding: 60px 0px 90px 0px;text-align:left;position: relative;}
	#footer img.logo {display:block; position:absolute; right:3%; top:-20px;}
	.bottom_li{text-align:center; margin-bottom:20px;}
	.bottom_li{text-align:left;}
	.bottom_li li:first-child{margin-left:0}
	#footer address{margin-bottom:0px;}
	#footer span.bar {display:inline-block; width:1px; height:11px; background:rgba(255,255,255,0.3); margin:0 10px;s}
}

@media all and (min-width:980px) {
#footer .foot_box{background:url(../img/foot_logo.png) no-repeat right center;display: block;}
#footer .foot_box p{color:#828282;font-weight:500;}
}


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

@media all and (min-width:1200px) {
#pageup {right: 100px;width: 60px;height: 60px;}
}



/*서브레이아웃공통*/
.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:80px 0 80px;background-repeat:no-repeat;background-position:center center;background-size:cover !important;color:#ffffff;text-align:center;/* margin-top:75px; */}
#sub_vis .tit_h2{font-size:2em; margin-bottom:20px}
#sub_vis .tit_h2 span{display:block;  margin-bottom:10px; font-size:15px; font-weight:800; letter-spacing:0; text-transform:uppercase; position:relative;}
#sub_vis .tit_h2 b{display:block; line-height:1.2}

@media all and (min-width:768px) {
#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_vis .tit_h2{font-size:3.5em; line-height:1.8}
#sub_vis p{font-size:1.2em}
#sub_vis{border-bottom:0;/* margin-top:90px; */padding: 150px 0 150px;}

}


.sub_tab{display:none}
.sub_con{margin: 0 auto; position:relative; min-height:400px; padding:50px 5% ; overflow:hidden}
.sub_con:after{content:''; clear:both; display:block}

/*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:80px 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:relative; background:#e7211a;  font-size:0.9em}
#sub_drop .home a{display:block; line-height:45px; padding:0 20px; border-left:1px solid #dcdcdc; border-color:rgba(255,255,255,0.2);}
#sub_drop .home{min-width:46px !Important}
#sub_drop .home img{display:inline-block; vertical-align:middle}
#sub_drop .dropdown{float:left; border-right:1px solid #dcdcdc;border-color:rgba(255,255,255,0.2); position:relative;}
#sub_drop .dropdown.deph02{min-width:35%}
#sub_drop .dropbtn {background:#e7211a;  width:100%; text-align:left; display:inline-block; height:auto; position:relative; line-height:45px; padding:0 25px 0 10px; cursor:pointer; color:#ffffff;}
#sub_drop .dropbtn:after{font-family:'FontAwesome'; content:'\f107'; position:absolute; right:10px; color:#ffffff; font-size:14px; top:0; bottom:0; margin:auto;}

#sub_drop .dropdown ul{}
#sub_drop .dropdown ul li{padding:5px 10px; }
#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; }
#sub_drop .dropmenu a:hover {color:#e7211a; font-weight:600;}
#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}
	#sub_drop .dropdown ul li{padding:5px 20px; }
	#sub_drop .dropdown{min-width:200px}
	#sub_drop .dropdown.deph02{min-width:200px}
	#sub_drop .dropmenu a{line-height:40px;}
	#sub_drop .home a{line-height:60px;} 
	#sub_drop .dropbtn {line-height:60px}
	#sub_drop .dropbtn:after{right:15px}
}

/*흰색패스*/
#sub_drop{position:relative; border-width:1px 0px; z-index:100}
#sub_drop .home a{display:block; line-height:45px; padding:0 20px; background:#05235f;}
#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);}
#sub_drop .dropdown.deph02{width:55%}
#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{}
#sub_drop .dropdown ul li{padding:5px 10px; }
#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 a:hover {color:#f3810f; font-weight:600;}
#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:rgba(255,255,255,0.2);}
#sub_drop .inner{background:none; border:0px}
#sub_drop .dropmenu{border:0px; background:#ffffff; text-align:center; left:0; display:block !important}
#sub_drop .dropdown.active a.dropbtn,
#sub_drop .dropbtn.has-focus{background:#f3810f; border:0px;}

#sub_drop .dropdown > .dropmenu li a.current{background:#ffffff; color:#f3810f; font-weight:600}


#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% - 70px)}


#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%;}
#sub_drop .dropdown > .dropmenu li:before{content:''; display:block; width:1px; height:30px; background:#e6e6e6; position:absolute; left:0; top:0; bottom:0; margin:auto;}
#sub_drop .dropdown > .dropmenu li:first-child:before{display:none}

#sub_drop .dropdown > .dropmenu li a{line-height:70px; font-size:1em }
#sub_drop .dropdown > .dropmenu .list07 li a{font-size:0.9em}
#sub_drop .dropdown > .dropmenu .list06 li{width:16.666%}
#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;}
}