@charset "UTF-8";
/* CSS Document */


/**************************************************************************** 
	<A> & <BOTTOM> 디자인
****************************************************************************/
/* 정렬 */

/* CSS 버튼 공통요소 */
.link_corp {display:inline-block;position:relative;z-index:1;text-align:center;cursor:pointer;line-height:1em/*line-height:0*/;box-sizing:border-box}
.link_corp > span {position:relative}

/* 더보기 */
.btn_more {}
.btn_more {width:100%;padding:13px 0;border:1.5px solid #fff;font-size:16px;font-family:"NanumSquare";color:#fff;font-weight:bold}
.btn_more span {padding-right:20px;}
.btn_more span:after {content:"";position:absolute;top:4px;right:0;z-index:1;width:7px;height:11px;background:url(/images/common/sprite.png) -507px -287px no-repeat}
.btn_more:hover {color:#fff;background-color:rgba(255,255,255,.3)}
.btn_more:active {color:#2f3642;background-color:#fff}

/**************************************************************************** 
    main 2019
****************************************************************************/
/* 공통영역 */
.section {}
.section .inner_section {max-width:1200px;height:100%;margin:0 auto}
.section .tit_section {width:100%;margin-bottom:20px;font-size:44px;font-family:"NanumSquare";font-weight:800;color:#333;text-align:center;line-height:1em}
.section .desc_section {width:100%;margin-bottom:50px;font-size:20px;font-family:"NanumSquare";font-weight:400;color:#333;text-align:center;line-height:1em}
@media (max-width:744px) {
    .section .inner_section {max-width:auto}
    .section .tit_section {font-size:3.4vh;margin-bottom:1.188vh;;color:#fff}
    .section .desc_section {font-size:2.2vh;margin-bottom:2.5456vh;;color:#fff;line-height:3.224vh}
}

/* main visaul */
.section_visual_main {width:100%;height:600px;background:url(/images/main/bg_main_visual.jpg) 0 center no-repeat;background-size:cover}
.wrap_visual_main {position:relative;height:100%;margin:0 auto}
.wrap_visual_main .tit {position:absolute;left:0;top:110px;width:763px;height:234px;background:url(/images/main/main_visual_tit.png) 0 0 no-repeat;background-size:cover}
.wrap_visual_main .model {position:absolute;left:50%;bottom:0;width:1416px;height:574px;margin-left:-590px;background:url(/images/main/main_visual_model.png) 0 0 no-repeat;background-size:cover}
@media (max-width:960px){
    .wrap_visual_main .tit {top:40px;left:50%;width:661px;height:194px;margin-left:-330px}
    .wrap_visual_main .model {width:826px;height: 337px;margin-left:-413px}
}
@media (max-width:744px) {
    .section_visual_main {height:68vh;padding-top:80px;background:url(/images/main/bg_main_visual_m.jpg) 0 center no-repeat;background-size:cover}
    .wrap_visual_main .tit {top:5.1vh;left:50%;width:40.2vh;height:13.95vh;margin-left:-20.1vh;background:url(/images/main/main_visual_tit_m.png) 0 0 no-repeat;background-size:cover}
    .wrap_visual_main .model {left:50%;width:36.66055vh;height:37vh;margin-left:-18.33028vh;background:url(/images/main/main_visual_model_m.png) 0 0 no-repeat;background-size:cover}
}

/* 서비스 안내 */
.section_service_main {padding:80px 0;background-image:url(/images/main/bg_main_service.png);}
.wrap_service_main {position:relative;max-width:1200px;margin:0 auto}
.wrap_service_main .list_sm {border:1px solid #eaeaea}
.wrap_service_main .list_sm:after {content:'';display:block;visibility:hidden;clear:both;height:0;font-size:0}
.wrap_service_main .list_sm .item {float:left;width:25%;height:355px;padding:40px 40px 0;border-left:1px solid #eaeaea;background-color:#fff;}
.wrap_service_main .list_sm .item:first-child {border-left:0}
.wrap_service_main .list_sm .tit {display:block;margin-bottom:8px;font-size:18px;font-family:"NanumSquare";font-weight:800;color:#333;}
.wrap_service_main .list_sm .desc {display:block;font-size:16px;font-family:"NanumSquare";color:#333;line-height:1.4em;word-break:keep-all}
.wrap_service_main .list_sm .ico {display:block;margin:0 auto;padding-top:100px}
@media (max-width:1200px){
    .section_service_main {padding:60px 15px 15px}
    .wrap_service_main .list_sm .item {width:50%}
    .wrap_service_main .list_sm .item:nth-child(n+3) {border-top:1px solid #ececec}
}
@media (max-width:744px) {
    .section_service_main {padding:4.24vh 2.5vh 2.5vh;background-image:none;background-color:#2b3d81;border-bottom:1px solid #5a689c}
    .wrap_service_main .list_sm .item {float:none;position:relative;width:100%;height:13.57798vh;min-height:60px;padding:2.5vh;border-top:1px solid #ececec}
    .wrap_service_main .list_sm .item:first-child {border-top:0}
    .wrap_service_main .list_sm .desc {padding-right:130px}
    .wrap_service_main .list_sm .ico {position:absolute;top:2.8vh;right:2.5vh;margin:0;padding:0;width:8.7vh;height:auto}
}

/* 주요 서비스 바로가기 */
.section_linkmore_main {}
.wrap_linkmore_main {}
.wrap_linkmore_main .item {width:50%;padding:60px 0}
.wrap_linkmore_main .item.fl {background:url(/images/main/bg_linkmore_left.jpg) 0 0 no-repeat;background-size:cover}
.wrap_linkmore_main .item.fr {background:url(/images/main/bg_linkmore_right.jpg) 0 0 no-repeat;background-size:cover}
.wrap_linkmore_main .box_lm {width:615px}
.wrap_linkmore_main .box_lm.fl {padding:0 45px 0 85px}
.wrap_linkmore_main .box_lm.fr {padding:0 85px 0 15px}
.wrap_linkmore_main .box_lm .tit {display:block;margin-bottom:8px;font-size:18px;font-family:"NanumSquare";font-weight:800;color:#fff;}
.wrap_linkmore_main .box_lm .desc {display:block;margin-bottom:25px;font-size:16px;font-family:"NanumSquare";color:#fff;line-height:1.4em;word-break:keep-all}
.wrap_linkmore_main .btn_more {width:190px}
@media (max-width:1200px){
    .wrap_linkmore_main .item, 
    .wrap_linkmore_main .item.fl,
    .wrap_linkmore_main .item.fr {width:100%}
    .wrap_linkmore_main .box_lm,
    .wrap_linkmore_main .box_lm.fr,
    .wrap_linkmore_main .box_lm.fl {float:none!important;width:600px;margin:0 auto;;padding:0}
}
@media (max-width:744px) {
    .section_linkmore_main {background-color:#2b3d81;padding-bottom:2.5vh}
    .wrap_linkmore_main .item, 
    .wrap_linkmore_main .item.fl,
    .wrap_linkmore_main .item.fr {float:none!important;width:100%;padding:2.5vh;background:none}
    .wrap_linkmore_main .box_lm,
    .wrap_linkmore_main .box_lm.fr,
    .wrap_linkmore_main .box_lm.fl {float:none!important;width:auto;padding:0}
    .wrap_linkmore_main .box_lm .desc {font-size:15px}
    .wrap_linkmore_main .btn_more {width:100%;padding:17px 0}
}


/**************************************************************************** 
	fade-in 플러그인
****************************************************************************/

/* fade-in */
@-webkit-keyframes fadeIn { from { opacity:0; opacity: 1\9; /* IE9 only */ } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; opacity: 1\9; /* IE9 only */ } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; opacity: 1\9; /* IE9 only */ } to { opacity:1; } }

.fade-in {
	opacity:0;  /* make things invisible upon start */
	opacity:1\9;
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}
.fade-in-wrap {
	opacity:0;  /* make things invisible upon start */
	opacity:1\9;
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-duration:0.4s;
	-moz-animation-duration:0.4s;
	animation-duration:0.4s;
}

.fade-in.run01 {
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.fade-in.run02 {
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay:0.5s;
	animation-delay: 0.5s;
}
.fade-in.run03 {
	-webkit-animation-delay: 0.8s;
	-moz-animation-delay: 0.8s;
	animation-delay: 0.8s;
}
.fade-in.run04 {
	-webkit-animation-delay: 1.3s;
	-moz-animation-delay: 1.3s;
	animation-delay: 1.3s;
}
.fade-in.run05 {
	-webkit-animation-delay: 1.6s;
	-moz-animation-delay: 1.6s;
	animation-delay: 1.6s;
}
.fade-in.run06 {
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	animation-delay: 2s;
}