@charset "utf-8";

.inner{max-width: 1280px;margin: 0 auto;}
.con_tit{position: relative;padding-left: 30px;}
.con_tit:before{content: "";display: inline-block;width: 12px;height: 46px;background: url(../images/chd-icon.png) no-repeat center;background-size: contain;position: absolute;left: 0;top: 5px;}
.con_tit h3{color:#222;font-size: 3rem;overflow: hidden;line-height:1.1em;}
.con_tit h3 span{position: relative;top: 60px;transition: 0.8s;opacity:0;}
.con_tit p{margin-top: 35px;color:#444;font-weight: 300;overflow: hidden;}
.con_tit p > span{overflow: hidden;display: inline-block;}
.con_tit p > span > span{position: relative;top: 25px;transition: 0.8s;line-height: 1.75rem;opacity:0;}
.con_tit p > span:nth-of-type(1) span{transition-delay: 0.2s;}
.con_tit p > span:nth-of-type(2) span{transition-delay: 0.4s;}
.con_tit.wh h3,
.con_tit.wh p{color: #fff;}
.btn_area{margin-top: 60px;overflow: hidden;}
.btn_area a,
.btn_area input{display: inline-block;background-color:#4e75b5;color:#fff;font-family: 'Roboto';font-weight: 500;width: 200px;line-height: 60px;border-radius: 50px;text-align: center;border:none;}
.on .con_tit h3 span{top: 0;opacity:1;}
.on .con_tit p span{top: 0;opacity:1;}
.field .btn_area a{position: relative;top: 60px;transition: 0.8s;transition-delay: 0.6s;opacity:0;}
.on .btn_area a{top: 0;opacity:1;}
@media only screen and (max-width:1300px) {
    html{font-size: 14px;}
}
@media only screen and (max-width:1024px) {
    html{font-size: 12px;}
    .btn_area{margin-top: 40px;}
    .btn_area a,
	.btn_area input{width: 140px;line-height: 40px;}
    .con_tit{padding-left: 20px;}
    .con_tit h3{font-size: 2.5rem;}
    .con_tit p{display: none;}
    .con_tit:before{top: 3px;width: 8px;height: 31px;}
}

/*header*/
header{position: absolute;left: 0;top: 0;width: 100%;z-index: 99;height:100px;overflow:hidden;transition:0.2s;}
header .head_wrap{position:relative;padding: 0 20px;height:100px;}
header .head_inner{max-width: 1750px;margin: 0 auto;position: relative;text-align: center;height:100px;}
header h1{position: absolute;top: 20px;left: 0;z-index:10;}
header h1 a{display: block;width: 235px;height: 61px;background-image: url('../images/logo.png?ver=1');background-repeat: no-repeat;background-position: center;background-size: contain;}
header .gnb{position: absolute;width: 100%;left: 0;top: 0;display: flex;justify-content: center;}
header .gnb:after{content: "";display: block;clear: both;}
header .gnb > li{float: left;padding: 0 50px;}
header .gnb > li > a{line-height: 100px;color: #fff;font-size: 1.125rem;}
header .depth{position: absolute;top: 100px;left: 0;width: 100%;z-index: 1;display: none;height:260px;}
header .depth_wrap{display:flex;height:100%;}
header .menu_gui{width: 32.5%;text-align: right;background-color:#f6f6f6;padding: 40px 0;}
header .menu_tit{text-align:left;width:290px;display:inline-block;}
header .menu_tit h2{color: #222;font-size: 2.25rem;margin-bottom: 20px;}
header .menu_tit span{color: #d6d6d6;font-size:1.5rem;font-family: 'Roboto';font-weight: 500;}
header .depth_menu{width: 67.5%;padding: 40px 0;padding-left: 40px;max-width:950px;}
header .depth_menu li{width: 30%;margin-left: 5%;float: left;}
header .depth_menu li:nth-child(3n + 1){margin-left: 0;}
header .depth_menu li a{display: block;line-height: 60px;border-bottom: 1px solid #e6e6e6;text-align: left;padding: 0 20px;background: url(../images/header-gnb-arr.png) no-repeat 92% 50%;color:#444;font-weight:300;}
header .depth_menu li:nth-child(n + 7) a{border-bottom: none;}

header.on{background-color: #fff;height: 360px;}
header.on .head_wrap{border-bottom:1px solid #e6e6e6;}
header.on h1 a{background-image: url(../images/logo-on.png?ver=2);}
header.on .nav_btn{background-image: url(../images/nav-btn-on.png);}
header.on .gnb > li > a{color:#222;}
header.on .gnb > li:hover > a{color:#4e75b5;}

header .nav_btn,
header .mnav_btn{background: url(../images/nav-btn.png) no-repeat center;background-size: contain;position: absolute;right: 0;z-index:10;}
header .nav_btn{width: 24px;height: 24px;top: 50%;margin-top: -12px;}
header .mnav_btn{display: none;width: 20px;height: 20px;top: 50%;margin-top: -10px;}

nav{display:none;position:fixed;width: 70%;min-height:100%;background-color:#fff;z-index:999;right:-100%;box-shadow: -5px 0 5px rgb(0 0 0 / 30%);transition:0.3s;transition-delay:0.3s;top: 0;}
nav.on{right:0;}
nav .nav_top{text-align:right;padding:20px 20px 15px 0;}
nav .nav_top a{display:inline-block;width:20px;height:20px;background:url(../images/m-nav-close.png) no-repeat center;background-size: contain;}
nav .nav{padding-left: 20px;text-align: left;}
nav .nav > li{border-bottom:1px solid #e6e6e6;}
nav .nav > li > a{display:block;padding: 15px;color: #222;box-sizing: border-box;position:relative;font-size: 1.4rem;font-weight: 500;}
nav .nav > li > a.on{color: #4e75b5;}
nav .nav > li > a:after{content: "";display: inline-block;width: 9px;height: 5px;background: #fff url(../images/sub-menu-arr.png) no-repeat;background-size: contain;position: absolute;right: 15px;top: 21px;}
nav .nav > li > a.on:after{transform: rotate(-180deg);}
nav .nav > li ul{display: none;padding: 10px 0;padding-left: 10px;background: #f6f6f6;border-top: 1px solid #e6e6e6;}
nav .nav > li ul li{font-size:1.1rem;}
nav .nav > li ul li a{display:block;color: #444;padding: 10px 15px;}
.nav_bg{display:none;position: fixed;width: 100%;height: 100%;background-color:rgba(0,0,0,0.5);z-index:500;display:none;top: 0;left: 0;}

.full_menu{position: fixed;width: 100%;height: 100%;background-color: #fff;top:0;left: 0;padding: 0 20px;display: none;z-index:99;}
.full_menu .head_inner{height:100px;}
.full_menu h1 a{background-image: url(../images/logo-on.png?ver=23);}
.full_close{background: url(../images/m-nav-close.png) no-repeat center;background-size: contain;width: 24px;height: 24px;position: absolute;right: 0;top: 50%;margin-top: -12px;border:none;}
.full_depth1{margin-top:80px;}
.full_depth1:after{content:"";display:block;clear:both;}
.full_depth1 > li{float:left;width:22.65%;}
.full_depth1 > li ~ li{margin-left:3.125%;}
.full_depth1 > li .full_tit{background-color:#f6f6f6;padding:35px 0 30px;text-align:center;}
.full_depth1 > li .full_tit strong{display:block;color:#222;font-size:1.875em;margin-bottom:10px;}
.full_depth1 > li .full_tit span{display:block;color:#d6d6d6;font-weight:500;font-size:1.125em;font-family: 'Roboto';}
.full_depth2{margin-top:20px;text-align:left;}
.full_depth2 li a{display: block;line-height: 60px;border-bottom: 1px solid #e6e6e6;text-align: left;padding: 0 20px;background: url(../images/header-gnb-arr.png) no-repeat 92% 50%;color:#444;font-weight:300;}

@media only screen and (max-width:1200px) {
	header .gnb > li{padding:0 30px;}
}
@media only screen and (max-width:1024px) {
	header{position:fixed;top:0;left:0;}
	header,
	header .head_wrap,
	header .head_inner{height:60px;}
	header h1{top:10px;}
    header h1 a{width: 155px;height: 40px;}
    header .gnb{display: none;}
    header .nav_btn{display: none;}
    header .mnav_btn{display: block;}
	header.h_co{background-color:#fff;border-bottom: 1px solid #e6e6e6;}
	header.h_co h1 a{background-image: url(../images/logo-on.png);}
	header.h_co .mnav_btn{background-image: url(../images/nav-btn-on.png)}
	.full_menu{display:none;}
	nav{display:block;}
}

/*footer*/
footer{background-color: #f6f6f6;padding: 40px 20px;}
footer .inner{position: relative;}
footer em{padding: 0 18px;color: #d6d6d6;text-align: center;}
footer .terms{display: flex;margin-bottom: 25px;}
footer .terms a{color: #888;}
footer .ori{color:#888;font-size: 0.875rem;line-height: 1.714em;}
footer .foot_logo{display: inline-block;background: url(../images/foot-logo.png?ver=1) no-repeat center;background-size: contain;width: 235px;height: 61px;position: absolute;right: 0;bottom: 0;}
@media only screen and (max-width:1024px) {
    footer{padding: 40px 20px;}
    footer .foot_logo{display: none;}
    footer .terms{margin-bottom: 15px;}
	footer em{display:none;}
}

/*pop*/
.pop_terms {display:none;position:fixed;left:0;top:0;bottom:0;right:0;background:rgba(0,0,0,0.5);z-index:500;}
.pop_terms .layer_box {position:absolute;top:50%;left:50%;max-width:1080px;width:100%;height:600px;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:none;padding-right:70px;}
.pop_terms .close_terms {display:block;width:65px;height:65px;text-indent:-9999px;background:url(../images/close_terms.png) 0 0 / cover no-repeat;position:absolute;right:0;top:0;z-index:300;border:none;}
.pop_terms .layer_box textarea {width:100%;height:100%;font-size:0.875rem;color:#666;background:#fff;border:none;padding: 40px 30px;border:1px solid #e1e1e1;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:auto;line-height:1.5em;outline:none;}
@media all and (max-width:1024px){
    .pop_terms .layer_box {width:calc(100% - 40px);height:350px;left:20px;transform:translate(0,-50%);padding-right:0;}
    .pop_terms .close_terms {width:30px;height:30px;right:0;top:-30px;}
    .pop_terms .layer_box textarea {padding:15px;font-size:0.75rem;}
}


/*vis*/
.vis{height: 960px;padding: 0 20px;background: url(../images/vis-bg.jpg?ver=2);background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;}
.vis .inner{height: 100%;position: relative;}
.vis_info{position: absolute;top: 23%;padding-left: 30px;width: 100%;}
.vis_info:before{content: "";display: inline-block;width: 12px;height: 46px;background: url(../images/chd-icon.png) no-repeat center;background-size: contain;position: absolute;left: 0;top: 14px;}
.vis_info .vis_tit{color: #fff;font-weight: 600;font-size: 3rem;line-height: 1.3em;overflow: hidden;}
.vis_info .vis_tit span{position: relative;top: 70px;opacity:0;}
.vis_info .swiper-slide-active .vis_tit span{top: 0;transition: 0.8s;opacity:1;}
.vis_info .vis_tit strong{color: transparent;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #fff;}
.vis_info .vis_txt{color: #fff;font-weight: 300;margin-top: 35px;}
.vis_info .vis_txt p{overflow: hidden;display: inline-block;}
.vis_info .swiper-slide-active .vis_txt p:nth-of-type(1) span{transition-delay: 0.4s;}
.vis_info .swiper-slide-active .vis_txt p:nth-of-type(2) span{transition-delay: 0.6s;}
.vis_info .swiper-slide-active .vis_txt p:nth-of-type(3) span{transition-delay: 0.8s;}
.vis_info .vis_txt p span{line-height: 1.75em;position: relative;top: 25px;opacity:0;}
.vis_info .swiper-slide-active .vis_txt p span{top: 0;transition: 0.8s;opacity:1;}
.vis .btn_area{overflow: hidden;}
.vis .btn_area > div{position: relative;top: 65px;opacity:0;}
.vis .swiper-slide-active .btn_area > div{top: 0;transition: 0.8s;transition-delay: 1.2s;opacity:1;}
.vis .btn_area a{background-color: rgba(0,0,0,0);border:1px solid #fff;transition: 0.3s;}
.vis .btn_area a:hover{background-color:#4e75b5;border:1px solid #4e75b5;}
.vis .swiper-slide > div{opacity: 0;}
.vis .swiper-slide-active > div{opacity: 1;transition: 0.5s;}
.vis .scroll{position:absolute;width:172px;height:60px;bottom:60px;right:80px;background:url(../images/scroll.png) no-repeat center;background-size:cover;}

@media only screen and (max-width:1024px) {
    .vis{height:100vh; background-color: #001f46;background-image: url(../images/mvis-bg.jpg?ver=3);background-position: center center ;}
    .vis_info{padding-left: 20px;}
    .vis_info:before{width: 8px;height: 31px;top: 6px;}
    .vis_info .vis_tit{font-size: 2.5rem;}
    .vis_info .vis_txt{margin-top: 20px;font-size: 0.833rem;}
	.vis .scroll{display:none;}
}

/*field*/
.field{padding: 140px 20px 120px;}
.field_con{display: flex;position: relative;}
.field_con .con_tit{position: absolute;left: 0;top: 0;}
.field_con .lef_box{width: 840px;margin-right: 40px;text-align: right;}
.field_con .rig_box{width: 400px;display: flex;align-items: flex-end;}
.field_con .lef_box .field_box1{width: 400px;height: 420px;background: url(../images/field1.jpg) no-repeat center;background-size: cover;margin: 0 0 0 auto;}
.field_con .lef_box .field_box2{height: 360px;background: url(../images/field2.jpg) no-repeat center;background-size: cover;margin-top: 40px;}
.field_con .rig_box .field_box3{height: 640px;width: 100%;background: url(../images/field3.jpg) no-repeat center;background-size: cover;}
.field_con .field_box{text-align: center;display: flex;align-items: center;justify-content: center;}
.field_con .field_box span{color: #fff;font-size: 0.75rem;font-weight: 500;letter-spacing: 4px;border-left:2px solid #fff;border-right:2px solid #fff;display: inline-block;padding: 0 8px;}
.field_con .field_box strong{display:block;color: #fff;font-size:1.875rem;font-weight: 600;margin-top: 25px;}
.field_con .field_box p{color: rgba(255,255,255,0.7);font-size: 0.875em;font-weight: 300;line-height: 1.5rem;margin-top: 30px;}

.field_box{opacity: 0;}
.field_box1{transition: 0.8s;transition-delay: 0.8s;}
.field_box2{transition: 0.8s;transition-delay: 1.1s;}
.field_box3{transition: 0.8s;transition-delay: 1.4s;}

.on .field_box{opacity: 1;}

@media only screen and (max-width:1024px) {
    .field{padding: 60px 20px;}
    .field_con{display: block;}
    .field_con .con_tit{position: static;}
    .field .btn_area{display: none;}
    .field_con .lef_box{width: 100%;margin-top: 30px;}
    .field_con .rig_box{width: 100%;margin-top: 5px;}
    .field_con .lef_box .field_box1{width: 100%;background-image: url(../images/field1-m.jpg);height: 160px;}
    .field_con .lef_box .field_box2{margin-top: 5px;background-image: url(../images/field2-m.jpg);height: 160px;}
    .field_con .rig_box .field_box3{background-image: url(../images/field3-m.jpg);height: 160px;}
    .field_con .field_box span{transform: scale(0.8);}
    .field_con .field_box strong{font-size: 1.5rem;margin-top: 10px;}
    .field_con .field_box p{margin-top: 15px;line-height: 1.5rem}
}

/*performance*/
.performance{padding: 0 20px;background: linear-gradient(to top, #f6f6f6 0% 50%, #fff 50% 100%);}
.performance .inner{position: relative;}
.performance_wrap{max-width: 1480px;margin: 0 auto;}
.performance_slide{padding: 0 100px;margin-top: 40px;position: relative;}
.performance_slide > div{display:none;}
.performance .tab{position: absolute;display: flex;top: 0;right: 0;}
.performance .tab li{min-width: 80px;}
.performance .tab li ~ li{margin-left: 10px;}
.performance_tab3{padding:0px 20px}
.performance .tab li a{display: block;text-align: center;line-height: 40px;color: #45abb5;font-weight: 500;border: 1px solid #45abb5;border-radius: 50px;}
.performance .tab li.active a{background-color: #45abb5;color: #fff;}
.performance .performance-prev{position: absolute;top: 50%;margin-top: -30px;width: 60px;height: 60px;background: url(../images/performance-prev.png) no-repeat center;background-size: contain;left: 0;cursor: pointer;z-index: 10;}
.performance .performance-next{position: absolute;top: 50%;margin-top: -30px;width: 60px;height: 60px;background: url(../images/performance-next.png) no-repeat center;background-size: contain;right: 0;cursor: pointer;z-index: 10;}
.building_img{height: 240px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.building_txt{background-color: #fff;padding: 40px 40px 50px;border: 1px solid #e6e6e6;border-top: none; max-height: 305px;}
.building_txt strong{color: #222;font-size: 1.5rem;line-height: 1.5em;font-weight: 500;display: block;min-height: 90px;}
.building_txt table{width: 100%;}
.building_txt table th{color:#444;font-weight: 500;padding: 7px 0;vertical-align: top;text-align: left;}
.building_txt table td{color: #444;font-weight: 300;padding: 5px 0;padding-left: 15px;vertical-align: top;letter-spacing: -1px;line-height:1.3em;}
.building_txt table .space{letter-spacing: 6px;}
.redevelopment{display: none;}
.etc{display: none;}
@media only screen and (max-width:1024px) {
    .performance .tab{position: static;margin-top: 30px;}
    .performance .tab li{min-width: 70px;}
    .performance .tab li ~ li{margin-left: 5px;}
    .performance .tab li a{line-height: 30px;}
    .performance_slide{margin-top: 20px;padding: 0;}
    .building_img{height: 180px;}
    .building_txt{padding: 30px 20px;min-height: 240px;}
    .building_txt strong{min-height: auto;margin-bottom: 15px;}
    .performance .performance-prev{background-image: url(../images/m_performance-prev.png);width: 30px;height: 40px;margin-top: -20px;top: 90px;}
    .performance .performance-next{background-image: url(../images/m_performance-next.png);width: 30px;height: 40px;margin-top: -20px;top: 90px;}
}

.performance_slide .swiper-slide .building{transition: 1s;opacity: 0;position: relative;top: 100px;}
.performance_slide .swiper-slide:nth-child(1) .building{transition-delay: 0.8s;}
.performance_slide .swiper-slide:nth-child(2) .building{transition-delay:1.1s;}
.performance_slide .swiper-slide:nth-child(3) .building{transition-delay: 1.4s;}
.on .performance_slide .swiper-slide .building{top: 0;opacity: 1;}

.performance_slide .empty_li{width:100%; height:545px; display:flex; justify-content:center; align-items:center;}
@media only screen and (max-width:1024px) {
.performance_slide .empty_li{width:100%; height:420px; display:flex; justify-content:center; align-items:center;}
}
@media screen and (max-width:768px){
.performance_tab3{padding: 0px 12px;}
}


/*service*/
.customer{padding: 120px 20px;background-color: #f6f6f6;}
.customer .service{margin-top: 80px;padding-bottom: 40px;border-bottom: 1px solid #e6e6e6;}
.customer .service:after{content: "";display: block;clear: both;}
.customer .service li{float: left;width: 25%;border-right: 1px solid #e6e6e6;text-align: center;}
.customer .service li:last-child{border-right:none;}

.customer .service li a{display: inline-flex;align-items: center;}
.customer .service li a span{display:inline-block;width: 100px;height: 100px;border-radius: 100%;background-color: #4e75b5;margin-right: 20px;background-position: center;background-repeat: no-repeat;}
.customer .service li:nth-child(1) a span{background-image: url(../images/service-icon1.png);}
.customer .service li:nth-child(2) a span{background-image: url(../images/service-icon2.png);}
.customer .service li:nth-child(3) a span{background-image: url(../images/service-icon3.png);}
.customer .service li:nth-child(4) a span{background-image: url(../images/service-icon4.png);}
.customer .service li p{color: #444;font-weight: 500;}

.customer .notice{padding: 40px;position: relative;display: flex;align-items: center;}
.customer .notice .swiper-container{height: 40px;overflow: hidden;width:calc(100% - 100px);}
.customer .notice .notice_tit{color:#45abb5;width: 100px;border: 1px solid #45abb5;border-radius: 50px;text-align: center;line-height: 38px;font-size: 0.875rem;font-weight: 500;}
.customer .notice .notice_box{padding-left: 20px;font-weight: 300;color: #444;width: calc(100% - 110px);display: flex;align-items:center;line-height:40px;}
.customer .notice .notice_box a{width: calc(100% - 80px);display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right:20px;}
.customer .notice .notice_box span{display:inline-block;width:80px;text-align:right;font-family: "Roboto";font-weight: 300;color:#888;font-size: 0.875rem;}

.customer .notice-arr{position: absolute;right: 40px;top: 50%;z-index: 9;margin-top: -20px;cursor: pointer;display: flex;}
.customer .notice-prev{width: 40px;height: 40px;background: url(../images/notice-prev.png) no-repeat center;background-size: contain;margin-right: 10px;}
.customer .notice-next{width: 40px;height: 40px;background: url(../images/notice-next.png) no-repeat center;background-size: contain;}
@media only screen and (max-width:1024px) {
    .customer{padding: 60px 20px 10px;}
    .customer .service{margin-top: 30px;padding-bottom: 30px;}
    .customer .service li{width: 50%;}
    .customer .service li:nth-child(2){border-right: none;}
    .customer .service li:nth-child(1),
    .customer .service li:nth-child(2){border-bottom: 1px solid #e6e6e6;}
    .customer .service li:nth-child(3),
    .customer .service li:nth-child(4){padding-top: 30px;}
    .customer .service li a{display: block;}
    .customer .service li:nth-child(1) a,
    .customer .service li:nth-child(2) a{margin-bottom: 30px;}
    .customer .service li a span{display: inline-block;margin-right: 0;margin-bottom: 15px;}
	.customer .notice{padding:25px 0;display:block;}
    .customer .notice .swiper-container{width:100%;}
    .customer .notice .notice_tit{width: 80px;line-height: 30px;}
    .customer .notice .notice_box{width: 100%;margin-top: 10px;padding-left: 0;line-height:25px;}
    .customer .notice .notice_box a{width: calc(100% - 50px);}
    .customer .notice-arr{right: 0;top: 25px;margin-top: 0;}
    .customer .notice-prev{width: 30px;height: 30px;}
    .customer .notice-next{width: 30px;height: 30px;}
}

/*question*/
.question{padding: 120px 20px;position: relative;}
.question:before{content: "";display: inline-block;width: 38%;height: 100%;position: absolute;left: 0;top: 0;background: url(../images/question-bg.jpg) no-repeat;}
.question .inner:after{content: "";display: block;clear: both;}
.question .lef_box{width: 32%;float: left;}
.question .rig_box{width: 68%;float: right;padding-left: 80px;}
.info li ~ li{margin-top: 15px;}
.info li dl{display: flex;align-items:center;}
.info li dl dt{color: #222;width: 22.5%;padding-left: 10px;position: relative;}
.info li dl dt i{color: #fc4c4e;font-style: normal;padding-right: 3px;position: absolute;top: 0;left: 0;}
.info li dl dd{width: 78.5%;display: flex;align-items: center;}
.info li dl dd input,
.info li dl dd select{border:1px solid #e6e6e6;border-radius: 5px;height: 50px;padding: 0 10px;}
.info li dl dd select{width: 15%;background: url(../images/select-icon.png) no-repeat 85% 50%;}
.info li dl dd input{width: 100%;}
.info li dl dd textarea{border:1px solid #e6e6e6;border-radius: 5px;height: 130px;width: 100%;resize:none;}
.info li dl dd em{width: 5%;display: inline-block;text-align: center;color: #444;}
.question .btn_area{text-align: right;}
.question .btn_area input{font-family: 'Noto Sans KR';}
@media only screen and (max-width:1024px) {
    .question{padding: 60px 20px;}
    .question:before{width: 100%;height: 20%;z-index: -1;background-size: cover;background-image: url(../images/question-bg-m.jpg);}
    .question .lef_box{width: 100%;}
    .question .rig_box{width: 100%;padding-left:0;background-color: #fff;margin-top: 30px;padding: 30px 20px;}
    .info li dl dt{line-height: 40px;width: 30%;}
    .info li dl dd{width: 70%;}
    .info li dl dd input,
    .info li dl dd select{width: 100% !important;height: 40px;}
    .info li dl dd em{width: 25%;}
    .question .btn_area{text-align: center;}
}

/*sub*/
.sub_vis{background-image: url(../images/sub-vis.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;position:relative;display: flex;align-items: center;height: 420px;}
.sub_vis .sub_top{width:100%;text-align: center;}
.sub_vis .sub_tit{display: inline-block;}
.sub_vis .sub_tit span{display: inline-block;width: 46px;height: 12px;background: url(../images/sub-chd.png) no-repeat center;background-size: contain;margin-bottom: 20px;}
.sub_vis .sub_tit strong{display: block;color: #fff;font-weight: 600;font-size: 3rem;}
.sub_vis .sub_bar{position: absolute;bottom: 0;left: 0;width: 100%;}
.sub_vis .sub_bar .inner{background-color: #fff;}
.sub_vis .sub_bar .inner:after{content: "";display: block;clear: both;}
.sub_vis .sub_bar .home_wh{float: left;height: 80px;width: 80px;background: url(../images/home-white.png) no-repeat center;background-color: #4e75b5;}
.sub_vis .sub_bar .sub_menu{float: left;width: calc(100% - 80px);position: relative;}
.sub_vis .sub_bar .sub_menu:after{content: "";position: absolute;bottom: 0;left: 20px;width: calc(100% - 20px);height: 1px;background-color: #e6e6e6;}
.sub_vis .sub_bar .sub_menu .depth{float: left;width: 240px;position: relative;}
.sub_vis .sub_bar .sub_menu .depth ul{position: absolute;display: none;text-align: left;transition: 0.3s;top: 0;left: 0;background-color: #fff;padding: 100px 20px 20px;width: 100%;box-shadow: 0 0 15px rgba(136,136,136,0.3);z-index: 9;}
.sub_vis .sub_bar .sub_menu .depth ul li{padding: 10px 0;}
.sub_vis .sub_bar .sub_menu .depth ul li a{width: 100%;display: block;}
.sub_vis .sub_bar .sub_menu .depth ul li.active a{color:#45abb5;}
.sub_vis .sub_bar .sub_menu .menu_on{text-align: left;padding: 0 20px;margin: 20px 0;position: relative;z-index: 11;}
.sub_vis .sub_bar .sub_menu .depth:first-child .menu_on{border-right: 1px solid #e6e6e6;}
.sub_vis .sub_bar .sub_menu .menu_on a{display: block;line-height: 40px;background: url(../images/sub-menu-arr.png) no-repeat center;background-position: 100% 50%;}
.sub_vis .sub_bar .sub_menu .depth:hover .menu_on{border-right: none;margin-bottom: 0;padding-bottom: 19px;border-bottom: 1px solid #e6e6e6;}
.sub_vis .sub_bar .sub_menu .depth:hover ul{display: block;}
.sub_vis .sub_bar .sub_menu .depth:hover ul li a:hover{color:#45abb5;}
.content{padding:80px 20px 120px;}
.con_top{padding:40px 0;color: #222;border-bottom: 1px solid #e6e6e6;}
.con_nav{position: relative;}
.con_nav h2{font-size: 2.25rem;}
.con_nav .bsc{position: absolute;right: 0;top: 50%;transform: translate(0, -50%);}
.con_nav .bsc:after{content: "";display: block;clear: both;}
.con_nav .bsc li{float: left;color: #888;font-size: 0.875rem;padding-left: 23px;margin-left: 16px;position: relative;}
.con_nav .bsc li:before{content: "";display: inline-block;width: 7px;height: 12px;background: url(../images/bsc-arr.png) no-repeat;background-size: contain;position: absolute;left: 0;top: 50%;margin-top: -6px;}
.con_nav .bsc li:first-child{padding: 0;margin: 0;}
.con_nav .bsc li:first-child:before{display: none;}
.con_nav .bsc li img{display: block;}
.sub-area{margin-top: 60px;position:relative;}

@media only screen and (max-width:1024px) {
    .sub-area{margin-top: 30px;}
    .sub_vis{height: 250px;}
    .sub_vis .sub_tit span{margin-bottom: 15px;}
    .sub_vis .sub_tit strong{font-size: 2.6rem;}
    .sub_vis .sub_bar{padding: 0 20px;}
    .sub_vis .sub_bar .sub_menu{width: 100%;}
    .sub_vis .sub_bar .sub_menu .depth{width: 50%;}
    .sub_vis .sub_bar .sub_menu .depth ul{padding-top: 50px;}
    .sub_vis .sub_bar .sub_menu .menu_on{margin: 0;}
    .sub_vis .sub_bar .home_wh{display: none;}
    .sub_vis .sub_bar .sub_menu .depth:hover .menu_on{padding-bottom: 0;}
    .content{padding: 40px 20px;}
    .con_top{padding: 20px 0;}
    .con_nav h2{font-size: 2rem;}
    .con_nav .bsc{display: none;}
}

/*message*/
.sub-t1{padding-left:40px;}
.sub-t1 strong{color:#222;font-weight:500;font-size:1.875rem;line-height:1.4em;display:block;}
.sub-t1 strong span{color:#4e75b5;}
.sub-t1 p{color:#444;font-weight:300;line-height:1.75rem;margin-top:30px;}
.greeting-box{background-color:#f6f6f6;margin-top:50px;}
.greeting-box > div{position:relative;max-width:1130px;padding:60px 40px 40px;z-index:10;}
.greeting-box > div:after{content:"";display:inline-block;width:286px;height:688px;background:url(../images/greeting-bg.png) no-repeat center;background-size:contain;position:absolute;bottom:0;right:0;z-index:-1;}
.greeting-box p{color:#444;font-weight:500;font-size:1.125rem;margin-bottom:40px;}
.greeting-box p strong{font-weight:500;font-size:1.5rem;padding-left:5px;}
.greeting-box ul:after{content:"";display:block;clear:both;}
.greeting-box ul li{float:left;}
.greeting-box ul li ~ li{margin-left:10px;}

@media only screen and (max-width:1024px) {
	.sub-t1{padding-left:0;}
	.sub-t1 strong{font-size:1.5rem;}
	.sub-t1 p{margin-top: 20px;}
	.greeting-box > div{padding: 30px 15px;}
	.greeting-box > div:after{width: 37%;height: 135%;right:15px;}
	.greeting-box ul{display:flex;}
	.greeting-box ul li{width:33.33%;}
	.greeting-box p{font-size:1.1rem;}
	.greeting-box p strong{display:block;padding-left:0;padding-top:5px;font-size:1.3rem;}
}

/*introduce*/
.introduce_box{margin-top:60px;}
.introduce_box ul{border:10px solid #f6f6f6;padding:50px 30px;}
.introduce_box ul li dl:after{content:"";display:block;clear:both;}
.introduce_box ul li dl dt,
.introduce_box ul li dl dd{line-height:2rem;float:left;color:#444;}
.introduce_box ul li dl dt{font-weight:500;margin-right:35px;width:70px;display:flex;justify-content: space-between;padding-left:12px;position:relative;}
.introduce_box ul li dl dt:before{content:"";display:inline-block;width:5px;height:5px;background-color:#4e75b5;border-radius:50%;position:absolute;left:0;top:50%;margin-top:-2px;}
.introduce_box ul li dl dd{font-weight:300;}
.introduce_bg{position:absolute;top:0;right:0;border-left:20px solid #fff;border-bottom:20px solid #fff;width:50%;}
.introduce_bg img{width:100%;}

@media only screen and (max-width:1024px) {
	.introduce_bg{position:static;width:100%;border:none;margin-bottom:20px;}
	.introduce_box{margin-top:20px;}
	.introduce_box ul{border:none;padding:0;}
	.introduce_box ul li dl dt{margin-right:20px;width:60px;}
}

/*philosophy*/
.philosophy{display:flex;}
.philosophy .lef_box{width:37.5%;text-align:center;padding-top:50px;}
.philosophy .rig_box{width:62.5%;}
.philosophy .rig_box ul li{padding-bottom:50px;border-bottom:1px solid #e6e6e6;margin-bottom:50px;}
.philosophy .rig_box ul li:last-child{padding-bottom:0;border-bottom:none;margin-bottom:0;}
.philosophy .rig_box ul li dl dt{color:#222;font-weight:500;font-size:1.5rem;margin-bottom:25px;}
.philosophy .rig_box ul li dl dd{color:#444;line-height:1.75rem;font-weight:300;}

@media only screen and (max-width:1024px) {
	.philosophy{display:block;}
	.philosophy .lef_box,
	.philosophy .rig_box{width:100%;}
	.philosophy .lef_box{padding-top:0;padding:0 80px;}
	.philosophy .rig_box{margin-top:40px;}
	.philosophy .rig_box ul li{padding-bottom:20px;margin-bottom:20px;}
	.philosophy .rig_box ul li dl dt{margin-bottom:15px;}
}

/*history*/
.history{position: relative;max-width:1200px;margin:0 auto;}
.history:before{content: "";display: inline-block;background-color: #4e75b5;width: 1px;height: calc(100% - 57px);position: absolute;bottom:0;left: 50%;}
.history .year dl dt{border-bottom: 1px solid #e6e6e6;font-family: 'Roboto';color: #4e75b5;font-weight: 600;font-size: 2.625rem;padding-bottom: 15px;margin-bottom: 40px;position: relative;}
.history .year dl dd{position: relative;color: #444;font-weight: 300;line-height: 1.3em;}
.history .year dl dd ~ dd{margin-top: 20px;}
.history .year dl dd span{font-family: 'Roboto';font-weight: 600;color: #222;position: absolute;top: 0;line-height: 1.5em;}
.history .year:nth-child(odd){padding-left: 50%;}
.history .year:nth-child(odd) dl dt{padding-left: 40px;}
.history .year:nth-child(odd) dl dt:before{content: "";display: inline-block;background-color: #4e75b5;opacity: 0.1;width: 21px;height: 21px;border-radius: 50%;position: absolute;left: 0;bottom: 0;transform: translate(-50%, 50%);}
.history .year:nth-child(odd) dl dt:after{content: "";display: inline-block;background-color: #4e75b5;width: 7px;height: 7px;border-radius: 50%;position: absolute;left: 0;bottom: 0;transform: translate(-50%, 50%);}
.history .year:nth-child(odd) dl dd{margin-left: 40px;padding-left: 60px;}
.history .year:nth-child(odd) dl dd span{left: 0;}
.history .year:nth-child(even){padding-right: 50%;}
.history .year:nth-child(even) dl{text-align: right;}
.history .year:nth-child(even) dl dt{padding-right: 40px;}
.history .year:nth-child(even) dl dd{margin-right: 40px;padding-right: 60px;}
.history .year:nth-child(even) dl dd span{right: 0;}

@media only screen and (max-width:1024px) {
    .history:before{height: calc(100% - 35px);}
    .history .year dl dt{font-size: 2rem;padding-bottom: 10px;margin-bottom: 15px;}
    .history .year dl dd ~ dd{margin-top: 10px;}
    .history .year:nth-child(odd) dl dt{padding-left: 20px;}
    .history .year:nth-child(odd) dl dd{margin-left: 20px;padding-left: 40px;}
    .history .year:nth-child(even) dl dt{padding-right: 20px;}
    .history .year:nth-child(even) dl dd{margin-right: 20px;padding-right: 40px;}
}

/*organization*/
.organization{text-align:center;}

/*partners*/
.partners > ul:after{content:"";display:block;clear:both;}
.partners .partners_box{float:left;margin-left:3.125%;border:1px solid #e6e6e6;width:22.65625%;min-height:290px;}
.partners .partners_box:first-child{margin-left:0;}
.partners .partners_box:last-child{margin-left:0;margin-top:3.125%;}
.partners .partners_box dl dt{background-color:#f6f6f6;color:#222;font-weight:500;font-size:1.5rem;padding:30px 40px;}
.partners .partners_box dl dt p{padding:8px 0;padding-left:50px;}
.partners .partners_box:nth-child(1) dl dt p{background:url(../images/partners-icon1.png) no-repeat left center;background-size:contain;}
.partners .partners_box:nth-child(2) dl dt p{background:url(../images/partners-icon2.png) no-repeat left center;background-size:contain;}
.partners .partners_box:nth-child(3) dl dt p{background:url(../images/partners-icon3.png) no-repeat left center;background-size:contain;}
.partners .partners_box:nth-child(4) dl dt p{background:url(../images/partners-icon4.png) no-repeat left center;background-size:contain;}
.partners .partners_box:nth-child(5) dl dt p{background:url(../images/partners-icon5.png) no-repeat left center;background-size:contain;}
.partners .partners_box ul{padding:40px;}
.partners .partners_box ul li{color:#444;font-weight:300;padding-left:10px;position:relative;}
.partners .partners_box ul li:before{content:"";display:inline-block;width:4px;height:4px;position:absolute;left:0;top:50%;margin-top:-2px;background-color:#444;border-radius:50%;}
.partners .partners_box ul li ~ li{margin-top:10px;}

@media only screen and (max-width:1024px) {
	.partners .partners_box{width:48%;margin-left: 4%;min-height:180px;}
	.partners .partners_box:nth-child(3){margin-left:0;}
	.partners .partners_box:nth-child(3),
	.partners .partners_box:nth-child(4),
	.partners .partners_box:nth-child(5){margin-top:4%;}
	.partners .partners_box dl dt{padding: 20px;}
	.partners .partners_box dl dt p{padding:3px 0;padding-left: 30px;}
	.partners .partners_box ul{padding:20px;}
}

/*license*/
.license:after{content:"";display:block;clear:both;}
.license dl{width:calc(50% - 20px);float:left;border:1px solid #e6e6e6;}
.license dl ~ dl{margin-left:40px;}
.license dl dt{background-color:#f6f6f6;padding:30px;color:#222;font-size:1.5rem;font-weight:500;}
.license dl dt > div{position:relative;padding:8px 0;}
.license dl dt span{position:absolute;right:0;top:0;font-size:0;}
.license dl dt span a{display:inline-block;width:40px;height:40px;background-color:#fff;border-radius:50%;}
.license dl dt span a:first-child{background-image:url(../images/license-search.png);background-repeat:no-repeat;background-position:center;}
.license dl dt span a:last-child{margin-left:10px;background-image:url(../images/license-down.png);background-repeat:no-repeat;background-position:center;}
.license dl dd{padding:40px;}
.license dl dd img{box-shadow: 0px 0px 30px rgba(136,136,136,0.3);}

@media only screen and (max-width:1024px) {
	.license dl{width:100%;}
	.license dl ~ dl{margin-left:0;}
	.license dl dt{padding:15px 20px;font-size: 1.3rem;}
	.license dl dt span a{width:35px;height:35px;background-size:90%;}
	.license dl dd{padding:20px;}
	.license dl dt > div{padding:10px 0;}
}

/*map*/
.map_box{width:100%;}
.map_address{padding:50px 0;padding-left:40px;}
.map_address p{padding:12px 0;padding-left:80px;background:url(../images/api-icon.png) no-repeat left center;color:#222;font-weight:500;font-size:2.25rem;line-height: 1.3em;}
.map_info ul li{border-top:1px solid #e6e6e6;padding:40px;}
.map_info ul li:after{content:"";display:block;clear:both;}
.map_info ul li dl{padding:15px 0;}
.map_info ul li dl dt{color:#222;font-weight:500;font-size:1.5rem;margin-bottom:30px;}
.map_info ul li dl dd{color:#444;font-weight:300;}
.map_info ul li .num{width:32%;float:left;padding-left:40px;}
.map_info ul li .num dl dd{font-family: 'Roboto';}
.map_info ul li .transport{width:68%;float:left;padding-left:60px;border-left:1px solid #e6e6e6;}
.map_info ul li:nth-child(2) .transport dl dt{margin-bottom:17px;}
.map_info ul li .transport dl dd p{display:inline-flex;align-items:center;}
.map_info ul li .transport dl dd p:first-child{margin-right:30px;}
.map_info ul li .transport dl dd p span{display:inline-block;color:#45abb5;font-weight:500;width:70px;line-height:40px;border:1px solid #45abb5;border-radius:40px;text-align:center;margin-right:12px;}
.root_daum_roughmap .wrap_map{height:560px !important;}

@media only screen and (max-width:1100px){
    .map_info ul li .transport dl dd p{display: block;}
    .map_info ul li .transport dl dd p:first-child{margin-bottom:10px;}
}
@media only screen and (max-width:1024px) {
	.map_address{padding: 0;}
	.map_address p{padding:20px 0;padding-left:50px;background-size:40px;font-size: 1.4rem;}
	.map_info ul li{padding: 20px;}
	.map_info ul li dl{padding:5px 0;}
	.map_info ul li dl dt{font-size:1.3rem;margin-bottom: 20px;}
	.map_info ul li .num{padding-left:0;}
	.map_info ul li .transport{padding-left:20px;}
	.map_info ul li .transport dl dd p{line-height:1.3em;}
	.map_info ul li .transport dl dd p:first-child{margin-right:0;}
	.map_info ul li .transport dl dd p span{width:50px;line-height:30px;display:block;margin-bottom:10px;}
	.root_daum_roughmap .wrap_map{height:300px !important;}
}

/*maintenance*/
.maintenance_list{border-bottom:1px solid #e6e6e6;display:flex;}
.maintenance_list:first-child{background-color:#f6f6f6;align-items:center;}
.maintenance_list:first-child,
.maintenance_list:last-child{border-bottom:none;}
.maintenance_list:first-child .lef_box{padding:0;padding-left:20px;}
.maintenance_list:first-child .rig_box{padding:0;padding-left: 40px;}
.maintenance_list:first-child .lef_box img{border-left:20px solid #fff;border-right:20px solid #fff;}
.maintenance_list .lef_box{padding:60px 0;padding-left: 40px;width:34.375%;}
.maintenance_list .rig_box{padding:60px 0;padding-left: 40px;width:65.625%;}
.maintenance_tit{color:#222;font-weight:500;font-size:1.5rem;line-height:1.5em;}
.maintenance_txt{color:#444;font-weight:300;line-height:1.75em;margin-top:15px;}
.maintenance_list ul li{color:#444;font-weight:300;line-height:2em;padding-left:10px;position:relative;}
.maintenance_list ul li:before{content:"";display:inline-block;width:4px;height:4px;background-color:#4e75b5;border-radius:50%;position:absolute;left:0;top:14px;}

@media only screen and (max-width:1024px) {
	.maintenance_list{display:block;padding:30px 0;}
	.maintenance_list:first-child{margin:0 -20px;padding:0 20px;padding-bottom:30px;background: linear-gradient(to bottom, #fff 0% 30%, #f6f6f6 30% 100%);}
	.maintenance_list .rig_box,
	.maintenance_list .lef_box{width:100%;padding:0;}
	.maintenance_list:first-child .rig_box,
	.maintenance_list:first-child .lef_box{padding-left:0;}
	.maintenance_list:first-child .lef_box img{border:none;}
	.maintenance_list ul li:before{top:10px;}
	.maintenance_list .lef_box{margin-bottom:20px;}
}

/*reconstruction*/
.list_tbl_tit{color:#222;font-weight:500;font-size:1.5rem;margin-bottom:40px;}
.list_tbl{border-top:1px solid #444;}
.list_tbl table{width:100%;}
.list_tbl table th,
.list_tbl table td{border:1px solid #e6e6e6;text-align:center;}
.list_tbl table td:last-child{border-right:none;text-align:left;padding-left:40px;}
.list_tbl table th{background-color:#f6f6f6;border-left:none;color:#888;font-weight:300;font-family: 'Roboto';}
.list_tbl table td{padding:15px 5px;color:#444;line-height:2em;font-weight:300;}
.list_tbl_inlist li{padding-left:10px;position:relative;}
.list_tbl_inlist li:before{content:"";display:inline-block;width:4px;height:4px;background-color:#444;position:absolute;left:0;top:14px;border-radius:50%;}

@media only screen and (max-width:1024px) {
	.list_tbl table td:last-child{padding-left:15px;}
	.list_tbl_inlist li:before{top:10px;}
}

/*board_top*/
.board_top{margin-top: 40px;display: flex;justify-content: space-between;align-items: center;}
.board_top p{color: #888;font-weight: 300;font-size: 0.875rem;}
.board_top p strong{font-weight: 500;color:#666;font-family: 'Roboto';font-size: 1rem;vertical-align: middle;}
.board_top p em{color: #ddd;margin: 0 10px;}
.board_search{display: flex;}
.board_search select{margin-right: 10px;border:1px solid #e6e6e6;border-radius: 5px;width: 140px;height: 40px;color: #888;font-weight: 300;font-size: 0.875rem;padding: 0 15px;background: url(../images/select-icon.png) no-repeat 90% 50%;}
.search_input{display: flex;}
.search_input input{border:1px solid #e6e6e6;border-right: none;border-radius: 5px 0 0 5px;width: 360px;height: 40px;padding: 0 15px;font-weight: 300;font-size: 0.875rem;color: #888;vertical-align: middle;box-shadow:none;background-color:#fff;}
.search_input input::placeholder{color: rgba(136,136,136,0.5);}
.search_input button{border:1px solid #e6e6e6;border-left: none;border-radius:0 5px 5px 0;height: 40px;width: 40px;vertical-align: middle;background: url(../images/input-icon.png) no-repeat center;}

@media only screen and (max-width:1024px) {
    .board_top{display: block;margin-top: 20px;}
    .board_search{margin-top: 15px;}
    .board_search select{width: 30%;}
    .search_input{width: calc(70% - 10px);}
    .search_input input{width: calc(100% - 40px);}
}

/*.building_list*/
.building_list > ul{display: flex;flex-wrap: wrap;}
.building_list > ul li{width: 31.25%;}
.building_list > ul li ~ li{margin-left:3.125%;}
.building_list > ul li:nth-child(4n){margin-left: 0;}
.building_list > ul li:nth-child(n + 4){margin-top: 3.125%;}
.building_list > ul li .building{height:100%;}
.building_list .building_txt{height:calc(100% - 240px);}
.board_page{margin-top: 60px;text-align: center;}
.board_page ul{display: inline-block;}
.board_page ul:after{content: "";display: block;clear: both;}
.board_page ul li{float: left;width: 40px;margin: 0 2px;}
.board_page ul li a{line-height: 40px;display: block;height: 40px;color:#666;font-weight: 300;}
.board_page ul li.first a{background: url(../images/building_first.png) no-repeat center;}
.board_page ul li.prev a{background: url(../images/building_prev.png) no-repeat center;}
.board_page ul li.next a{background: url(../images/building_next.png) no-repeat center;}
.board_page ul li.last a{background: url(../images/building_last.png) no-repeat center;}
.board_page ul li.active{border-radius: 50%;background-color: #f2f2f2;}

@media only screen and (max-width:1024px) {
    .building_list > ul li{width: 100%;}
    .building_list > ul li ~ li,
    .building_list > ul li:nth-child(n + 4){margin-left: 0;margin-top: 20px;}
    .building_list .building_txt{min-height: auto;height:auto;}
    .board_page{margin-top: 30px;}
    .board_page ul li{width:30px;height: 30px;margin: 0;}
    .board_page ul li a{line-height: 30px;height: 30px;}
}

/*board_list*/
.board_list table{width: 100%;border-top: 1px solid #444;}
.board_list table thead{text-align: center;}
.board_list table thead th{color:#444;font-weight: 500;background-color: #f6f6f6;padding: 22px 5px;border-bottom:1px solid #e6e6e6;}
.board_list table tbody td{border-bottom:1px solid #e6e6e6;padding: 22px 0;text-align: center;color: #888;font-weight: 300;font-family: 'Roboto';}
.board_list table tbody .title{text-align: left;}
.board_list table tbody .title a{font-family: 'Noto Sans KR';color: #444;}

@media only screen and (max-width:1024px) {
    .board_list table thead th{padding: 15px 0;}
    .board_list table tbody td{padding: 15px 0;}
}

/*board_view*/
.board_view .file{border-bottom: 1px solid #e6e6e6;padding: 20px;}
.board_view .file a{font-weight: 300;padding-left: 20px;background: url(../images/file-icon.png) no-repeat left center;}
.view_txt{padding: 60px 40px;color: #444;font-weight: 300;line-height: 1.75em;border-bottom: 1px solid #e6e6e6;}
.btn_area .board_btn{border: 1px solid #4e75b5;color: #4e75b5;background-color: #fff;font-family: 'Noto Sans KR';}

@media only screen and (max-width:1024px) {
    .view_txt{padding: 20px;}
}

/*online*/
.online .info{padding-right: 220px;background: url(../images/online-bg.jpg) no-repeat right bottom;}
.online .info li dl dd textarea{height: 250px;}
.online .btn_area a{font-family: 'Noto Sans KR';}

@media only screen and (max-width:1024px) {
    .online .info{padding-right: 0;background: none;}
    .online .info li dl dd textarea{height: 150px;}
}

/*event*/
.event_list > ul{display: flex;flex-wrap: wrap;}
.event_list > ul li{width: 31.25%;}
.event_list > ul li ~ li{margin-left:3.125%;}
.event_list > ul li:nth-child(4n){margin-left: 0;}
.event_list > ul li:nth-child(n + 4){margin-top: 3.125%;}
.event{border: 1px solid #e6e6e6;}
.event_img{display: block;height: 260px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.event_txt{display: block;background-color: #fff;padding: 30px 40px;border-top: 1px solid #e6e6e6;}
.event_txt strong{color: #222;font-size: 1.5rem;line-height: 1.3em;font-weight: 500;display: block;margin-bottom: 20px;}
.event_txt span{display: block;color: #888;font-weight: 300;font-size: 0.875rem;font-family: 'Roboto';}
.event_view{padding: 60px 40px;border-bottom: 1px solid #e6e6e6;}

@media only screen and (max-width:1024px) {
    .event_list > ul li{width: 100%;}
    .event_list > ul li ~ li,
    .event_list > ul li:nth-child(n + 4){margin-left: 0;margin-top: 20px;}
    .event_img{height: 180px;}
    .event_txt{padding: 20px;}
    .event_txt strong{min-height: auto;margin-bottom: 15px;}
    .event_view{padding: 20px 0;}
}

/*---new---*/
.hd_admin{position:fixed;bottom:10px;left:10px;z-index:9999;}
.hd_admin a{padding:0 20px;display:inline-block;;line-height:40px;background:#d12323;color:#fff}
.hd_admin a:hover{background:#ff0000}

/*¸ÞÀÎ - ¿Â¶óÀι®ÀÇ - ¹öÆ° input*/
.online_inqu{display: inline-block;background-color: #4e75b5;color: #fff;font-weight: 500;width: 200px;line-height: 60px;border-radius: 50px;text-align: center;border: none;}