#mainVisual{position:relative; width:100%; margin: 0 auto; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box;}
#mainVisual .visual-item{position:relative; width:100%; overflow:hidden;}
#mainVisual .visual-item > img{
	width:110%;
	overflow:hidden;
	margin-left: -5%;
}
#mainVisual .visual-item:focus{outline:none;}
#mainVisual .visual-txt{ position: absolute; top: 50%; left: 50%; margin: -70px 0 0 -250px; width: 1200px;}
#mainVisual .visual-inner-txt{ }
#mainVisual .visual-inner-txt h1, #mainVisual .visual-inner-txt h2, #mainVisual .visual-inner-txt p{
	display:block;
	opacity:0;filter:Alpha(opacity=0);
	-moz-transform:translateX(10%);  
	-ms-transform:translateX(10%);  
	transform:translateX(10%);  
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	transition:all 0.5s;
}
.mt_w_cl { color: #fff!important; }
#mainVisual .visual-inner-txt h1 { font-family: 'Times New Roman', 'Quicksand'; font-size:75px; line-height: 1.0; letter-spacing: -1px; color: #1b3b9a; font-weight: 700; }
#mainVisual .visual-inner-txt h1 span { color: #4493d1; }
#mainVisual .visual-inner-txt h2 { font-family: 'Times New Roman', 'Nanum Gothic'; font-size:20px; letter-spacing: -1.2px; line-height: 1.0; font-weight: 500; padding: 10px 0 10px 0; transition-delay:0.4s; color: #212f5b; }
#mainVisual .visual-inner-txt p{ font-family:'Times New Roman', 'Nanum Gothic'; font-size:15px; letter-spacing: -1.0px; line-height: 1.5; font-weight: 400; transition-delay:0.6s; color: #212121;}


/* active */
#mainVisual .visual-item.active > img{
	-ms-transform: scale(1,1); /* IE 9 */
    -o-transform: scale(1,1); /* IE 9 */
    -moz-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
    transform: scale(1,1);
}
#mainVisual .active .visual-inner-txt h1,
#mainVisual .active .visual-inner-txt h2,
#mainVisual .active .visual-inner-txt p{
	-moz-transform:translateX(0);  
	-ms-transform:translateX(0);  
	transform:translateX(0);  
}
#mainVisual .active .visual-inner-txt h1,
#mainVisual .active .visual-inner-txt h2,
#mainVisual .active .visual-inner-txt p{
	opacity:1.0;filter:Alpha(opacity=100);
}

#mainVisual .slick-arrow{
	position:absolute; top:50%; margin-top:-25px;width:50px; height:50px; background:none; border:0; cursor:pointer; z-index:2000; font-size:0; z-index: 100; 
	-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms
}
#mainVisual .slick-arrow.slick-prev{background:url(../images/icon/main_visual_prev_btn.png) no-repeat; left:1%;}
#mainVisual .slick-arrow.slick-next{margin-left:56px; background:url(../images/icon/main_visual_next_btn.png) no-repeat; right:1%;}

.full_wrap {width: 100%; }
.bn_wrap {max-width: 1200px;margin: 0 auto;}
.intro{padding:80px 0; position: relative;}
.intro02{padding:70px 0; position: relative;}
.gry_bg{ background-color: #f1f1f1;}
.blue_bg{ background: url(../images/main/pro_bg.png) no-repeat top center #dde8f1; background-size: cover;}

.com_bg { background: url(../images/main/abt_bg.png) no-repeat top center; background-size: 100% auto; }
.busi_bg { background: url(../images/main/busi_bg.png) no-repeat top center; background-size: 100% auto; }
.main_tit { font-family:'Times New Roman', 'Nanum Gothic'; font-size:40px; line-height: 1.2; font-weight: 700; color: #242424; margin: 0 0 10px 0; }
.main_stit { font-family:'Times New Roman', 'Nanum Gothic'; font-size:18px; line-height: 1.5; font-weight: 400; color: #7a7a7a; }

.com_bx { width: 1065px; margin: 0 auto; }
.com_bx ul { margin-top: 100px; }
.com_bx li { float: left; width: 28%; margin-right: 7%; height: 440px; background-size: cover; box-shadow: 0 20px 56px rgba(0, 0, 0, 0.06); padding: 55px 45px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box; }
.com_bg01 { background: url(../images/main/com01.png) no-repeat bottom; }
.com_bg02 { background: url(../images/main/com02.png) no-repeat bottom; margin-top: 30px; }
.com_bg03 { margin-right: 0!important; background: url(../images/main/com03.png) no-repeat bottom; }
.rnd_btn { font-family:'Times New Roman', 'Nanum Gothic'; font-size:16px; line-height: 1.3; font-weight: 700; border-radius: 100px; padding: 8px 23px; color: #fff; border: 2px solid #fff; margin: 27px 0 0 0; float: left; }
.com_bx a:hover .rnd_btn{ background-color: #fff; color: #2a2a2a; font-weight: 700; }
.com_bx a:hover li { margin-top: -20px; transition:all .5s; }
.kor_s30 { font-family: 'Times New Roman'; font-size:30px; letter-spacing: -1px; line-height: 1.2; font-weight: 500; color: #fff; }
.kor_16 { font-family:'Times New Roman', 'Nanum Gothic'; font-size:16px; line-height: 1.5; font-weight: 400; color: rgba(255,255,255,.6); margin: 10px 0 0 0; }

.busi_bx { width: 1090px; margin: 0 auto; }
.busi_bx ul { margin-top: 80px; }
.busi_bx li { float: left; width: 23%; margin-right: 2.66666%; background-color: #fff; box-shadow: 0 20px 56px rgba(0, 0, 0, 0.06); padding: 45px 10px 50px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box; text-align: center; }
.busi_bx a:nth-child(4) li { margin-right: 0; }
.busi_bx li img { margin-bottom: 10px; }
.kor_18 { font-family:'Times New Roman', 'Nanum Gothic'; font-size:18px; letter-spacing: -1px; line-height: 1.4; font-weight: 600; color: #083e96; }
.shadow{position:absolute;left:0;top:0;width:100%;height:100%; transition:background .5s ease; }
.shadow .box{display:block;position:relative;width:100%;height:100%; }
.shadow .box span:before,
.shadow .box span:after{content:"";position:absolute;background-color:rgba(5,95,251,1.0);transition-property:width, height;transition-duration:.1s;transition-timing-function:ease;}
.shadow .box .b1:before{left:0;top:0;width:0;height:1px;transition-delay:.3s;}
.shadow .box .b1:after{right:0;top:0;width:1px;height:0;transition-delay:.2s;}
.shadow .box .b2:before{right:0;bottom:0;width:0;height:1px;transition-delay:.1s;}
.shadow .box .b2:after{left:0;bottom:0;width:1px;height:0;transition-delay:0s;}
.busi_bx li:hover .shadow .box .b1:before{width:100%;transition-delay:0s;}
.busi_bx li:hover .shadow .box .b1:after{height:100%;transition-delay:.1s;}
.busi_bx li:hover .shadow .box .b2:before{width:100%;transition-delay:.2s;}
.busi_bx li:hover .shadow .box .b2:after{height:100%;transition-delay:.3s;}

.pro_pic { float: left; margin-left: 55px; width: 600px; height: 285px; background: url(../images/main/pro_pic.jpg) no-repeat top center; background-size: cover; box-shadow: 0 20px 56px rgba(0, 0, 0, 0.06); }
.pro_tbx { float: left; margin: 40px 0 0 65px; }
.pro_tbx h1 {font-family:'Times New Roman', 'Nanum Gothic'; font-size:18px; letter-spacing: -1px; line-height: 1.3; font-weight: 400; color: #424242; }
.pro_tbx h3 {font-family: 'Times New Roman', "Nanum Gothic"; font-size:36px; letter-spacing: -1px; line-height: 1.3; font-weight: 700; color: #424242; margin: 3px 0 17px 0; }
.pro_tbx p {font-family:'Times New Roman', 'Nanum Gothic'; font-size:22px; letter-spacing: -1px; line-height: 1.4; font-weight: 400; color: #426bad; margin: 0 0 30px 0; }
.pro_tbx h2 { color:#1d1d1d; font-family: 'Times New Roman', "Nanum Gothic"; font-weight: 700; line-height:1.2; font-size:12px; }
.pro_tbx h2 span{display:inline-block;padding-bottom:15px;}
.pro_tbx h2 span:after{width:50px;height:2px;content:'';background:#f8aa00;display:block;margin:10px 0 0 0;}
.pro_tbx a:hover h2 { color:#245c83; }
.pro_tbx a:hover h2 span:after{ background:#68c3de; }

.ntc_bx { float: left; width: 45%; }
.main-news-list{position:relative;}
.main-news-list ul li { padding: 14px 0; border-bottom: 1px solid #c4c4c4; }
.ntc_1 span { color: #9a9a9a; font-size: 14px; line-height: 1.3; font-family:"Times New Roman"; float: right; letter-spacing: -1px; width: 18%; text-align: right; }
.ntc_1 a{ display: block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#9a9a9a; font-family:"Times New Roman", 'Nanum Gothic'; font-weight: 400; font-size: 17px; line-height: 1.3; letter-spacing: -0px; width: 82%; float: left; }
.ntc_1 a:hover{ color: #5f5f5f;-webkit-transition: color 300ms;transition: color 300ms; }
.sb_tit01 { position: relative; font-size:28px; line-height:1.0; color:#000; font-weight:700; letter-spacing: -1px; font-family:"Times New Roman"; margin: 0 0 20px 0; }
.sb_tit01 span:before{width:7px;height:27px;content:''; background-color: #a1907c; display:block; float: left; margin-right: 14px;}
.more_btn { position: absolute; right: 0; top: 10px; }
.more_btn a { color: #545454; font-size: 14px; line-height: 1.0; font-family:"Times New Roman"; letter-spacing: 1px;}
.date_bx { position: absolute; width: 70px; text-align: center; }
.date_bx h1 { font-family: "Times New Roman"; font-size: 48px;letter-spacing: -0.01em; line-height: 1; color: #000; -webkit-transition: color 300ms;transition: color 300ms; }
.date_bx h2 { font-family: "Times New Roman"; padding-top: 4px;font-size: 18px;letter-spacing: -1px; line-height: 1;color: #7c7c7c; -webkit-transition: color 300ms;transition: color 300ms; }
.ntce_tbx { float: left; padding-left: 90px; width: 100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box; }
.ntce_tbx h1 { font-family:"Times New Roman", 'Nanum Gothic'; vertical-align: middle;font-size: 20px;font-weight: 500;line-height: 1.5;color: #333; letter-spacing: -1px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal; margin: 0 0 7px 0; }
.ntce_tbx p { font-family: "Times New Roman", 'Nanum Gothic'; font-size: 16px; line-height:1.5; color: #9a9a9a; letter-spacing: -1px; display: -webkit-box; overflow: hidden; height:48px; text-overflow: ellipsis; -webkit-line-clamp: 2; }
.ntc_2 { border-top: 2px solid #000!important; padding: 28px 0!important; }
.ntc_2 a:hover .date_bx h1 {color: #b2a698; }
.ntc_2 a:hover .date_bx h2 {color: #b2a698; }

.ban_inq { width: 51.5%; float: right; height: 290px; background: url(../images/main/inq_bg.jpg) top right no-repeat; background-size: cover; position: relative; }
.bt_bx h1 { font-family:"Times New Roman", 'Nanum Gothic'; letter-spacing: -1px; font-size: 22px; font-weight: 600; line-height: 1.3; color: #fff; }
.bt_bx h2 { font-family:"Times New Roman", 'Nanum Gothic'; letter-spacing: -1px; font-size: 38px; font-weight: 700; line-height: 1.3; color: #fff; margin: 7px 0 7px 0; }
.bt_bx p { font-family:"Times New Roman", 'Nanum Gothic'; font-size: 16px; font-weight: 400; line-height: 1.3; color: #fff; }
.bt_bx { z-index: 100; position: absolute; top: 80px; left: 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box; }
a:hover .ban_inq .bt_bx { left: 55px; transition:all .5s; }
.ban_inq .hover{ position:absolute; z-index:1; top:0; right:0; bottom:0; left:0; transition:all .5s; width:100%;background-image: linear-gradient(224deg, rgba(44,72,96, 0) 7%, rgba(44,72,96, 0.80) 100%);}
a:hover .ban_inq .hover{background-image: linear-gradient(224deg, rgba(104,178,231, 0) 7%, rgba(104,178,231, 0.80) 100%);}




@media (max-width: 1300px) {	
.bn_wrap {max-width: inherit;margin: 0 50px;}
.com_bx { width: inherit; }
.busi_bx { width: inherit; }

}

@media (max-width: 1280px) {
#mainVisual .visual-txt{ left: 0; margin: -70px 0 0 200px; width: 100%;}
.bn_wrap {margin: 0 40px;}

.pro_pic { margin-left: 0; width: 50%; height: 285px; }

}


@media (max-width:1200px) {
#mainVisual .visual-item > img{ width: 130%; margin-left: -15%; }
#mainVisual .visual-inner-txt h1 { font-size: 50px; }
#mainVisual .visual-inner-txt h2 { font-size: 20px; }
#mainVisual .visual-inner-txt p{ font-size:14px;}

.intro{padding:60px 0;}
.intro02{padding:60px 0;}

.main_tit { font-size:32px; }
.main_stit { font-size:14px; }

.com_bx ul { margin-top: 80px; }
.com_bx li { width: 31%; margin-right: 3.5%; height: 380px; padding: 45px 40px; }
.rnd_btn { font-size:14px; }
.kor_s30 { font-size:24px; }
.kor_16 { font-size:14px; }

.busi_bx ul { margin-top: 60px; }
.busi_bx li { padding: 40px 10px 45px 10px; }
.busi_bx li img { margin-bottom: 7px; width: 100px; }
.kor_18 {font-size:16px; }

.ntc_1 span { font-size: 12px; width: 22%; }
.ntc_1 a{ font-size: 14px; width: 78%; }
.sb_tit01 { font-size:20px; margin: 0 0 15px 0; }
.sb_tit01 span:before{width:5px;height:20px; margin-right: 10px;}
.more_btn { top: 3px; }
.more_btn a { font-size: 11px; }
.date_bx { width: 60px; }
.date_bx h1 { font-size: 38px; }
.date_bx h2 { font-size: 14px; }
.ntce_tbx { padding-left: 80px; }
.ntce_tbx h1 { font-size: 16px; }
.ntce_tbx p { font-size: 13px; height:38px; }
.ntc_2 { padding: 20px 0!important; }

.ban_inq { height: 241px; }
.bt_bx h1 { font-size: 18px; }
.bt_bx h2 { font-size: 30px; margin: 5px 0 5px 0; }
.bt_bx p { font-size: 13px; }
.bt_bx { top: 60px; left: 40px; }
a:hover .ban_inq .bt_bx { left: 35px; }
}

@media (max-width: 1023px) {
#mainVisual{ width:100%;}
#mainVisual .visual-item > img{ width: 120%; margin-left: -10%; }
#mainVisual .visual-txt{ margin: -50px  0 0 50px;}
#mainVisual .visual-inner-txt h1 { font-size: 50px; }
#mainVisual .visual-inner-txt h2 { font-size: 18px; }
#mainVisual .visual-inner-txt p{ font-size:12px;}

.intro{padding:50px 0;}
.intro02{padding:50px 0;}
.bn_wrap {margin: 0 3%;}

.com_bx ul { margin-top: 40px; }
.com_bx li { height: 320px; padding: 40px 35px; }
.rnd_btn { font-size:13px; margin: 20px 0 0 0; }
.kor_s30 { font-size:20px; }
.kor_16 { font-size:13px; }
.com_bx li p br { display: none; }

.busi_bx ul { margin-top: 40px; }
.busi_bx li { padding: 30px 10px 35px 10px; }
.busi_bx li img { width: 80px; }
.kor_18 {font-size:14px; }

.pro_pic { height: 240px; }
.pro_tbx { margin: 30px 0 0 50px; }
.pro_tbx h1 { font-size:16px; }
.pro_tbx h3 { font-size:30px; margin: 3px 0 12px 0; }
.pro_tbx p { font-size:18px; margin: 0 0 20px 0; }

.bt_bx h1 { font-size: 14px; }
.bt_bx h2 { font-size: 24px; margin: 3px 0 5px 0; }
.bt_bx p { font-size: 12px; }
.bt_bx { top: 50px; left: 30px; }
a:hover .ban_inq .bt_bx { left: 30px; }
}



@media all and (max-width:768px){
#mainVisual{position:relative; }	
#mainVisual .scroll-icon{display:none;}
#mainVisual .visual-item > img{ width: 130%; margin-left: -15%; }
#mainVisual .visual-txt{ margin: -40px 0 0 40px;}
#mainVisual .visual-inner-txt h1 { font-size: 45px; }
#mainVisual .visual-inner-txt h2 { font-size: 16px; }
#mainVisual .slick-arrow{ margin-top:-20px; width:40px; height:40px; background-size:40px 40px !important;	}
#mainVisual .slick-arrow.slick-prev{left:0;}
#mainVisual .slick-arrow.slick-next{margin-left:0; left:auto; right:0;}
	
.intro{padding:40px 0;}
.intro{padding:40px 0;}

.main_tit { font-size:24px; margin: 0 0 5px 0; }
.main_stit { font-size:13px; }

.com_bx li { height: 260px; padding: 30px 25px; }
.rnd_btn { font-size:12px; padding: 6px 18px; margin: 15px 0 0 0; }
.kor_s30 { font-size:17px; }
.kor_16 { font-size:12px; margin: 7px 0 0 0; }
.com_bx li p { line-height: 1.3; }
.com_bx a:hover li { margin-top: -10px; }

.busi_bx li { padding: 25px 5px 30px 5px; }
.busi_bx li img { width: 70px; }
.kor_18 {font-size:12px; }

.pro_pic { height: 180px; }
.pro_tbx { margin: 20px 0 0 40px; }
.pro_tbx h1 { font-size:13px; }
.pro_tbx h3 { font-size:20px; margin: 3px 0 10px 0; }
.pro_tbx p { font-size:14px; margin: 0 0 15px 0; }
.pro_tbx h2 { font-size:10px; }
.pro_tbx h2 span{ padding-bottom:12px;}
.pro_tbx h2 span:after{width:35px; }

.main-news-list ul li { padding: 10px 0; }
.ntc_1 span { font-size: 11px; width: 26%; }
.ntc_1 a{ font-size: 12px; width: 74%; }
.sb_tit01 { font-size:14px; margin: 0 0 10px 0; }
.sb_tit01 span:before{width:4px;height:16px; margin-right: 7px;}
.more_btn { top: 3px; }
.more_btn a { font-size: 10px; }
.date_bx { width: 50px; }
.date_bx h1 { font-size: 22px; }
.date_bx h2 { font-size: 12px; }
.ntce_tbx { padding-left: 65px; }
.ntce_tbx h1 { font-size: 13px; }
.ntce_tbx p { font-size: 11px; height:30px; }
.ntc_2 { padding: 15px 0!important; }

.ban_inq { height: 184px; }
.bt_bx h1 { font-size: 12px; }
.bt_bx h2 { font-size: 18px; }
.bt_bx p { font-size: 11px; }
.bt_bx { top: 40px; }
}

@media all and (max-width:640px){
#mainVisual{ width:100%;}
#mainVisual .slick-arrow{ visibility: hidden; }
#mainVisual .visual-item > img{ width: 150%; margin-left: -25%; }
#mainVisual .visual-txt{ margin: -20px 0 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box;}
#mainVisual .visual-inner-txt h1 { font-size: 35px; }
#mainVisual .visual-inner-txt h2 { font-size: 14px; padding: 5px 0 5px 0; }
#mainVisual .visual-inner-txt p br { display: none; }

.bn_wrap {margin: 0 5%;}
.com_bx li { height: 260px; padding: 30px 25px; width: 100%; margin-right: 0%; margin-bottom: 10px; }
.kor_s30 { font-size:16px; }
.kor_16 { font-size:11px; }
.com_bg02 { margin-top: 0px; }
.com_bx a:hover li { margin-top: 0px; }
.com_bg01 { background: url(../images/main/com01_m.png) no-repeat bottom; }
.com_bg02 { background: url(../images/main/com02_m.png) no-repeat bottom; }
.com_bg03 { background: url(../images/main/com03_m.png) no-repeat bottom; margin-bottom: 0!important; }

.busi_bx li img { width: 60px; }
.busi_bx li { width: 49%; margin-right: 2%; padding: 20px 5px 25px 5px; margin-bottom: 2%; }
.busi_bx a:nth-child(2) li { margin-right: 0; }
.busi_bx a:nth-child(3) li, .busi_bx a:nth-child(4) li { margin-bottom: 0; }


.pro_pic { width: 100%; height: 190px;  }
.pro_tbx { margin: 25px 0 0 0; }
.pro_tbx p br { display: none; }
.ntc_bx { width: 100%; }
.ban_inq { width: 100%; height: 160px; margin-top: 20px; }
.pro_tbx h2 span { padding-bottom: 0; }
.pro_tbx p { font-size:13px; }
.pro_tbx h3 { margin: 0 0 5px 0;}
}



@media (max-width: 480px) {
#mainVisual .visual-item > img{ width: 170%; margin-left: -25%; margin-top: 0; }
#mainVisual .visual-txt{ margin: -30px 0 0 15px; }
#mainVisual .visual-inner-txt h1 { font-size: 30px; }
#mainVisual .visual-inner-txt h2 { font-size: 13px; }
#mainVisual .visual-inner-txt p{ font-size: 11px; line-height: 1.3; }
	
.intro{padding:40px 0;}
.intro02{padding:40px 0;}

.bn_wrap {margin: 0 6%;}

.main_tit { font-size:18px; }
.main_stit { font-size:12px; line-height: 1.3; }
.com_bx ul { margin-top: 20px; }
.com_bx li { height: 190px; padding: 25px 25px; }
.com_bx li p br { display: block; }

.busi_bx ul { margin-top: 20px; }

}