@charset "utf-8";
@import url( "./font.css" );
/* 그누보드 팝업레이어 */
figure{text-align:center;}
p{margin-bottom:0;letter-spacing:-1px;}
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}
.header{background-color:#fff;}
.logo{width:240px;}
.gnb .depth-1 > li {position:relative;top:0;left:0;}
.gnb .depth-1 > li > a {font-size:22px;color:#000;}
.gnb .depth-1 > li > a:hover{color:#2d69a0}
.gnb .depth-2 {position:absolute;left:50%;top:50px;width:300px;margin-left:-150px;padding:15px 0;background-color:#fff;border-radius:0 0 10px 10px;}
.gnb .depth-2 > li > a{padding:8px 0;}
.gnb .depth-2 > li > a:hover{color:#0062b2;}

/* 메인페이지 */
.banner{display:table;width:100%;height:672px;background-size:cover;}
.banner .txt{display:table-cell;vertical-align:middle;text-align:center;}
.banner .txt p{color:#fff;font-size:50px;}
.banner .txt p.tit{font-size:60px;margin-bottom:5px;}
.slick-dotted.slick-slider{margin-bottom:0;}
.banner1{background:url(../images/banner_main01.jpg) no-repeat 50% 50%;}
.banner2{background:url(../images/banner_main02.jpg) no-repeat 50% 50%;}
.banner3{background:url(../images/banner_main03.jpg) no-repeat 50% 50%;}

.slick-dots {bottom:25px;}
.slick-dots li.slick-active button:before{color:#2d69a0;}
.slick-dots li button:before{color:#fff;font-size:16px;}
.latest {padding:70px 0;}
.latest .row {margin:0 -40px;}
.latest .row > div{padding:0 40px;}
.latest h2{margin-bottom:30px;font-size:28px;color:#2d69a0;text-align:left;line-height:28px;}
.latest h2 a {float:right;line-height:28px;}
.latest h2 a img{vertical-align:top;margin-top:1px;}
.intro {padding:90px 0;background:#e5e5e5;margin-top:-10px;}
.intro h1{margin-bottom:50px;text-align:center;font-size:45px;color:#272727;}
.intro .row {margin-right:-20px;margin-left:-20px;}
.intro .row > div {padding:0 20px;margin-bottom:50px;}
.intro .row > div:last-child {margin-bottom:0;}
.intro figure {overflow:hidden;text-align:center;}
/* .intro figure img{-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;transition:all 0.8s;}
.intro figure:hover img{transform:scale(1.05, 1.05);} */
.intro figcaption{line-height:50px;;text-align:center;font-size:22px;color:#000;}

.row-line:before{position:absolute;top:0;left:0;width:0;height:2px;background-color:#8e4a32;;content:'';-webkit-transition:all 0.1s;transition:all 0.1s;-webkit-transition-delay:0.1s;transition-delay:0.1s;}
.row-line:after{position:absolute;bottom:0;right:0;width:0;height:2px;background-color:#8e4a32;;content:'';-webkit-transition:all 0.1s;transition:all 0.1s;-webkit-transition-delay:0.3s;transition-delay:0.3s;}
.col-line:before{position:absolute;bottom:0;left:0;width:2px;height:0;background-color:#8e4a32;;content:'';-webkit-transition:all 0.1s;transition:all 0.1s;-webkit-transition-delay:0.4s;transition-delay:0.4s;}
.col-line:after{position:absolute;top:0;right:0;width:2px;height:0;background-color:#8e4a32;;content:'';-webkit-transition:all 0.1s;transition:all 0.1s;-webkit-transition-delay:0.2s;transition-delay:0.2s;}
.intro .box {position:relative;}
.box:hover .row-line:before{width:100%;}
.box:hover .row-line:after{width:100%;}
.box:hover .col-line:before{height:100%;}
.box:hover .col-line:after{height:100%;}
.box figcaption{position:absolute; top:130px; text-align:center;width:373px; font-size:25px; color:#FFFFFF}

.cutomer{background:url(../images/bg_main01.jpg)  no-repeat center;height:193px; text-align:center; color:#FFFFFF; font-size:24px;}
.cutomer ul{margin:0 auto}
.cutomer ul li{float:left; vertical-align:middle; margin-top:70px; padding:15px 0 15px 70px}
.cutomer ul li.icon{background:url(../images/ico.png)  no-repeat ;}
.cutomerin{margin:0 auto; width:700px;}

@media all and (max-width:768px){ 
	.cutomer{text-align:center; color:#FFFFFF; font-size:24px;}
	.cutomer ul{margin:0 auto}
	.cutomer ul li{ width:100%;margin-top:0px; padding:10px}
	.cutomer ul li.icon{background:none;}
	.cutomerin{margin:0 auto; width:100%;}
}

.footer {padding:65px 0;border-top:1px solid #e0e0e0;}
.footer address {margin:0;}
.footer address span{margin-bottom:10px;margin-right:15px;font-size:17px;color:#5c5c5c;white-space:nowrap;}
.footer address span br{display:none;}
.footer .copy{font-size:17px;color:#5c5c5c;}
.footer .qa{float:left;width:33.3333%;padding:0 10px;}
.footer .qa p.img{height:80px;line-height:80px;}
.footer .qa .img img{vertical-align:middle;}
.footer .qa p{font-size:16px;color:#535353;text-align:center;}

/*  */
.img{text-align:center;}
.txt-blue {color:#0062b2;}
.sub-title {position:relative;height:249px;margin-bottom:50px;}
.sub-title > p {position:absolute;top:40%;left:0;width:100%;font-size:45px;color:#fff;text-align:center;}
.sub-title > p:before {display:block;width:40px;height:1px;background-color:#fff;margin:0 auto 5px;content:'';}
.title01 {background:url(../images/bg_title01.jpg) no-repeat 50% 50%;}
.title02 {background:url(../images/bg_title02.jpg) no-repeat 50% 50%;}
.title03 {background:url(../images/bg_title03.jpg) no-repeat 50% 50%;}
.title04 {background:url(../images/bg_title04.jpg) no-repeat 50% 50%;}

.lnb{position:absolute;bottom:-51px;left:0;width:100%;height:51px;border-bottom:1px solid #e1e1e1;}
.lnb .row > div{float:left;position:relative;border:1px solid #e1e1e1;border-top:0;margin-left:-1px;}
.lnb .home {width:50px;height:51px;padding-top:10px;text-align:center;box-sizing:border-box;}
.lnb .depth-1 {width:120px;background-color:#fff;}
.lnb .depth-2 {width:250px;background-color:#fff;}
.lnb .depth-1 p,.lnb .depth-2 p {width:100%;height:50px;padding:0 20px;background:url(../images/ico_arrow01.jpg) no-repeat;background-position:right 10px top 50%;cursor:pointer;line-height:50px;font-size:16px;}
.lnb .depth-1 ul,.lnb .depth-2 ul{display:none;border-top:1px solid #e1e1e1;width:100%;background-color:#fff;margin:0;}
.lnb ul li a {display:block;padding:10px 20px;font-size:14px;}
.lnb ul li a:hover {background-color:#f0f0f0;}

.main > h1{margin-bottom:80px;text-align:center;font-size:50px;color:#000;}
.sub101 {font-size:26px; color:#333; text-align:center}
.sub101 span{color:#666666}
.sub101 p{background:url(../images/img_sub101.jpg) no-repeat; width:270px;height:270px; color:#FFFFFF;padding-top:120px; font-size:28px; margin:30px auto;text-align:center}

.sub104 #daumRoughmapContainer1556176426056 {width:100%;}
.sub104 .root_daum_roughmap .wrap_map{height:700px !important;}
.sub104 .row.bg {padding:20px 30px;background-color:#9f9f9f;}
.sub104 .root_daum_roughmap .wrap_controllers {display:none;}
.sub104 .row > div {line-height:40px;color:#fff;}
.sub104 .row > div p {color:#fff;}
.sub104 .row > div img{vertical-align:middle;margin-right:10px;}

.sub301 { margin:0 auto}
.sub301 h3{font-size:35px; text-align:center; font-weight:normal; margin:30px 0}
.sub301 h3 span{font-size:26px;color:#666666}

.st1{background:url(../images/img_sub301.jpg) no-repeat; width:270px;height:270px;padding-top:120px;text-align:center; color:#FFFFFF; font-size:26px;margin:20px auto}
.st2{background:url(../images/img_sub302.jpg) no-repeat; width:270px;height:270px;padding-top:120px;text-align:center; color:#FFFFFF; font-size:26px;margin:20px auto}
.st3{background:url(../images/img_sub303.jpg) no-repeat; width:270px;height:270px;padding-top:120px;text-align:center; color:#FFFFFF; font-size:26px;margin:20px auto}
.st4{background:url(../images/img_sub304.jpg) no-repeat; width:270px;height:270px;padding-top:120px;text-align:center; color:#FFFFFF; font-size:26px;margin:20px auto}
.st5{background:url(../images/img_sub305.jpg) no-repeat; width:270px;height:270px;padding-top:120px;text-align:center; color:#FFFFFF; font-size:26px;margin:20px auto}
.st6{background:url(../images/img_sub306.jpg) no-repeat; width:270px;height:270px;padding-top:120px;text-align:center; color:#FFFFFF; font-size:26px;margin:20px auto}
.st7{background:url(../images/img_sub307.jpg) no-repeat; width:270px;height:270px;padding-top:120px;text-align:center; color:#FFFFFF; font-size:26px;margin:20px auto}
.st8{background:url(../images/img_sub308.jpg) no-repeat; width:270px;height:270px;padding-top:120px;text-align:center; color:#FFFFFF; font-size:26px;margin:20px auto}
.st9{background:url(../images/img_sub309.jpg) no-repeat; width:270px;height:270px;padding-top:120px;text-align:center; color:#FFFFFF; font-size:26px;margin:20px auto}

.sub401{background:#f4f4f4; padding:40px 50px; margin-bottom:50px;}
.sub401 ul li{padding:25px 0}
.sub401 ul li.icon1{background:url(../images/icon4_1.png) no-repeat 0 10px; padding-left:55px;}
.sub401 ul li.icon2{background:url(../images/icon4_2.png) no-repeat 0 10px; padding-left:55px;}
.sub401 ul li.icon3{background:url(../images/icon4_3.png) no-repeat 0 10px; padding-left:55px;}
.sub401 ul li.icon4{background:url(../images/icon4_4.png) no-repeat 0 25px; padding-left:55px}