.inbox{width:1240px; margin:0 auto;}
.text{color:#000; font-size:18px; font-weight:300; line-height:1.7em}

.header{position:relative; padding-top:50px}
.header h1{width:228px;}
.header h1 a{display:block; height:70px; background:url(/images/common/logo.png) no-repeat 50%}
.header>.inbox{position:relative; padding:27px 0}

.center_list{position:absolute; top:50%; right:0;transform: translateY(-50%);}
.center_list div{width:100%; height:30px; border-radius:15px; background-color:#f3f3f3; color:#000; font-size:17px; padding-right: 20px;}
.center_list div:first-child {margin-bottom:10px;}
.center_list h5{display:inline-block; color:#fff; background:linear-gradient(to right, #e13d16, #f48125); height:30px; line-height:30px; width:200px; text-align:center; font-weight: 300; font-size:17px}
.center_list h5 strong{font-weight:500}
.center_list div a{display:inline-block; margin:0 5px; color:#000; font-size:17px;}


.gnb{background-color:#373c85}
.gnb .gnb_li1{position:relative; float:left; width:14.2%; z-index:10}
.gnb .gnb_li1>a{display:block; color:#fff; font-size:18px; font-weight:300; text-align:center; height:60px; line-height:60px;}
.gnb .gnb_li1 ul{position:absolute; top:100%; left:0; width:100%; background-color:#0e1037; display:none;}
.gnb .gnb_li2{position:relative;}
.gnb .gnb_li2>a{display:block; height:35px; line-height:35px; color:#fff; padding-left:20px; font-size:14px; font-weight:300;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;}
.gnb .gnb_li2>a:hover{font-weight:bold;background-color:#373c85}


.gnb .gnb_li2 div{position:absolute; top:0%; left:100%; width:106%; background-color:#373c85; display:none;}
.gnb .gnb_li2 div a{display:block; padding:10px; color:#fff; font-size:14px; font-weight:300;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out; line-height:1.3em; word-break:keep-all;}
.gnb .gnb_li2 div a:hover{font-weight:bold;}


.util{position:absolute; top:0; left:0; width:100%;background-color:#f3f3f3}
.util>div{ height:50px; line-height:50px;  text-align:right;}
.util>div >a{display:inline-block; width:142px; height:25px; margin-left:40px; vertical-align:middle;}
.logo1{background:url(/images/common/logo1.png) no-repeat 100% 50%;}
.logo2{background:url(/images/common/logo2.png) no-repeat 100% 50%;}

.visual{position:relative; width:100%; height:800px;overflow: hidden;}
.visual .video{position:absolute; top: -100%; left:0; width: 100%;height: 300%;;}
.visual iframe{position:absolute; top:0; left:0; width:100%; height:100%;}

.v_txt{position:absolute; bottom:0; right:0; width:100%; left:50%; margin-right:-45px; background-color:rgba(255,255,255,0.9); padding:55px 0 50px 50px; border-radius:100px 0 0 0 }
.v_txt h3{color:#373c85; font-family:'twayfly',sans-serif; line-height:1.3em; font-size:38px; margin-bottom:25px;}
.v_txt h3 strong{color:#e2311f;  }
 
 
@keyframes hearts {
	0% {transform:rotate(10deg);opacity:1;}
	30% {transform:rotate(-10deg);}
	50% {transform:rotate(10deg);opacity:0;}
	100% {top:-300px;transform:rotate(10deg);opacity:0;}
}

@-webkit-keyframes hearts {
0% {transform:rotate(10deg);opacity:1;}
	30% {transform:rotate(-10deg);}
	50% {transform:rotate(10deg);opacity:0;}
	100% {top:-300px;transform:rotate(10deg);opacity:0;}
}
.heart{position:absolute;bottom:320px;right:50%; margin-right:-520px; height:150px;width: 98px; overflow:hidden}
.heart i{position:absolute; animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:normal;animation-play-state:running;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:normal;-webkit-animation-play-state:running;animation-name:hearts;-webkit-animation-name:hearts;text-shadow: 5px 5px 4px rgba(0,0,0,0.5);}

 
.heart .h1{
	animation-delay:1.8s;
	-webkit-animation-delay:1.8s;
	left: 28px;
	color: #e41f69;
	font-size: 25px;
	top: 98px;
	animation-duration:2.2s;-webkit-animation-duration:2.2s;
}

.heart .h2{
	animation-delay:1.5s;
	-webkit-animation-delay:1.5s;
	left: 59px;
	color: #e41fb8;
	font-size: 30px;
	top: 103px;
	animation-duration:2.5s;-webkit-animation-duration:2.5s;
}
.heart .h3{
	animation-delay:2s;
	-webkit-animation-delay:2s;
	left: 0;
	color: #e41f69;
	font-size: 41px;
	top: 152px;
animation-duration:2.5s;-webkit-animation-duration:2.5s;}

.heart .h4 {
	animation-delay:0.7s;
	-webkit-animation-delay:0.7s;
	left: -1px;
	color: #e41f69;
	font-size: 31px;
	top: 260px;
animation-duration:4s;-webkit-animation-duration:4s;
}

.heart .h5{
animation-delay:2.5s;
	-webkit-animation-delay:2.5s;
	left: -1px;
	color: #e41fb8;
	font-size: 31px;
	top: 380px;
animation-duration:4s;-webkit-animation-duration:4s;}


.contents{padding:70px 0 0}
.board_box{position:relative; padding: 25px 20px 9px; background-color:#f3f3f3;min-height: 265px;}
.board_box table{width:100%;}
.board_box h5{color:#373c85; font-size:22px; font-family:'twayfly',sans-serif; margin-bottom:20px;}
.board_box .more{position:absolute; top: 16px; right:25px; font-size:30px; color:#373c85;}
.board_box .more2{position:absolute; top: 20px; right:25px; display:block; width:130px; height:30px; line-height:32px; color:#fff; font-family:'twayfly',sans-serif; font-size:16px;background:linear-gradient(to right, #e23e16, #f48024); text-align:center; border-radius:15px;}

.board_box li {margin-bottom: 17px;}
.board_box li a,.board_box td a{color:#000; font-size:17px; font-weight:300; vertical-align:middle;}
.new{display:inline-block; width:20px; height:20px; line-height:20px; color:#fff; font-size:15px; background-color:#e2311f; text-align:center; border-radius:3px; padding-right:1px;}
.board_box td {padding:7px 0;}
.board_box td .state{display:block; width:100%; height:22px; text-align:center; color:#fff; font-size:15px; line-height:22px;}
.state1{background:url(/images/main/state1.png) no-repeat 50%;}
.state2{background:url(/images/main/state2.png) no-repeat 50%;}


.con1{margin-bottom:20px;}
.con1 .board_box{width:610px;  float:left;}
.con1 .board_box .bo_gall_wrap{position:relative; padding:0 35px}
.con1 .board_box .bo_gall_wrap li{margin-bottom:0;}
.con1 .board_box:first-child{margin-right:20px}
.con1 .board_box .bo_gall_wrap li{width:235px; margin-right:32px; }
.con1 .board_box .bo_gall_wrap li .tit{display:block; margin-top:5px;}

.con1 .bo_gall_wrap>span{position:absolute; top:50%; font-size:25px; margin-top:-12px; cursor:pointer}
.con1 .bo_gall_wrap .left_btn{left:0;}
.con1 .bo_gall_wrap .right_btn{right:0;}
 


.con2{padding-bottom:70px;}
.con2 >div>div{width:400px;  float:left;}
.call_info{padding-top:115px; background:url(/images/main/box_bg.png) no-repeat 50%; height:280px; margin:0 20px;}
.call_info h5{color:#fff; font-size:22px; margin-bottom:20px; text-align:center; font-family:'twayfly',sans-serif; font-weight:500}
.call_info li{margin-bottom:10px; color:#fff; font-size:30px; font-weight:bold; text-align:center;}
.call_info li span{display:inline-block; width:65px; height:30px; border-radius:15px; color:#2e4a94; font-size:18px; font-weight:500; text-align:center; margin-right:10px; background-color:#fff; line-height:30px;  vertical-align:middle;}

.slide{padding-bottom: 70px;}
.slide .inbox{overflow: hidden;}
.slide .inbox div{display: flex;width: 9812px;}
.slide ul{
    display:flex;
    -webkit-animation: loop 60s infinite linear 1s both;
    animation: loop 60s infinite linear 1s both;
    margin-right: 20px;
    flex: 1 0 auto;
    width: 4906px;
    }
.slide li{display:inline-block;margin-right: 15px;}
 
.con3{padding:95px 0 150px; background-color:#f3f3f3}
.con3 h3{ text-align:center; color:#373c85; font-size:40px; font-weight:bold; font-weight:'twayfly',sans-serif; margin-bottom:35px}

.con3 .category{ text-align:center;}
.con3 .category h5{display:inline-block; width:125px; color:#373c85; font-size:20px; font-weight:500; font-family:'twayfly',sans-serif; vertical-align:middle; margin-right:30px}
.con3 .category>div{padding: 20px 0 20px 225px; text-align:left}
.con3 .category>div:first-child{border-bottom:1px solid #d4d4d4}
.con3 .category>div>div{display:inline-block; vertical-align:middle}
.con3 .category>a{display: block; width:100px; height:40px; line-height:40px; color:#000; font-size:18px; font-weight:300; text-align:center;background-color:#fff; margin:0 5px; cursor:pointer; margin: 0 auto 20px;}
.con3 .category>a.active{background: linear-gradient(to right, #e13c16, #f58025); color:#fff;}
.con3 .category span{display:inline-block; width:100px; height:40px; line-height:40px; color:#000; font-size:18px; font-weight:300; text-align:center;background-color:#fff; margin:0 5px; cursor:pointer;}
.con3 .category span.active{background: linear-gradient(to right, #e13c16, #f58025); color:#fff;}


.mapbox{margin-top:30px;}
.mapbox>div{float:left; height:500px;}
.map{width:900px;}
.center_box{width:340px; padding:60px 35px 0; background:url(/images/main/map_bg.png) no-repeat 50% 0;}

.center_box .ct_name{color:#fff; padding-bottom:15px; font-size:30px; font-weight:500; font-family:'twayfly', sans-serif; margin-bottom:40px;border-bottom: 1px solid #fff;}
.center_box .ct_name span{display:block; color:#fff; font-size:18px; font-weight:300; margin-bottom:10px;}
.center_box .ct_info{}
.center_box .ct_info li {padding-left:30px; color:#fff; font-weight:300; font-size:18px; line-height:1.4em;word-break: keep-all;}
.center_box .info1{background: url(/images/main/icon1.png) no-repeat 0 2px; margin-bottom:40px;}
.center_box .info2{background: url(/images/main/icon2.png) no-repeat 0 2px; }


.ct_link{font-size:0; margin-top:30px}
.ct_link a{display:inline-block; width:50%; border:1px solid #7275a7; color:#fff; font-family:'twayfly',sans-serif; font-size:18px; font-weight:500; text-align:center; height:52px; line-height:52px; }
.ct_link a.kakao{display:block; width:calc(100% - 1px); background-color:#f7e317; color:#3c1e1e; border:0; overflow:hidden}
.ct_link a:first-child{margin-right:-1px;}



.footer{background-color:#484848; padding:55px 0 50px;}
.footer .inbox{position:relative; }
.footer .f_menu{margin-bottom:20px;color:#fff; font-size:17px; font-weight:500;}
.footer .f_menu a{display:inline-block; margin:0 5px; color:#fff; font-size:17px; font-weight:500;}
.footer .f_menu  a:first- child{margin-left:0;}
.footer p{color:#ffff; font-size:15px; font-weight:300; line-height:1.9em}

#top_btn{position:absolute; top:-10px; right:0; display:block; width:55px; height:55px; color:#fff; font-size:15px; font-weight:300; text-align:center; border:0; border-radius:50%; background-color:#747474}


.map_pop{position:relative;border: 1px solid #dcdcdc;background-color:#fff;}
.map_pop a{display: inline-block;color:#144734;transform-origin: 50% 45%;width: auto;height: auto;}
.map_pop h5{background-color: #f4f4f4;color: #3a3532;font-weight:bold;}
.map_pop table{width: 100%;}
.map_pop .pop_close{position:absolute;color: #3a3532;}
.pop_list th, .pop_list td{color: #535353;vertical-align: middle;line-height: 1.3em;}
.pop_list th{font-weight:bold;}
.pop_list td{font-weight:300;padding-left: 4px;word-break: keep-all;white-space: pre-line;position: relative;}
.pop_list td a{display: inline-block;text-align:center;vertical-align: middle;color: #6f6f6f;margin-top: 1px;}
.pop_list .more{position:absolute;}
.map_pop>img{position:absolute; top:100%; left:50%; margin-left:-9px;}


.map_pop{width: 250px;}
.map_pop h5{padding: 14px 20px 12px;font-size: 18px;}
.map_pop .pop_close{top: 12px;right:15px;font-size: 16px;}
.pop_list{padding: 9px 15px 17px;}
.pop_list th , .pop_list td{font-size: 16px;padding-top: 7px;}
.pop_list .more2{right: 0;bottom: -7px;position: absolute;width: 70px;height: 30px;color: #fff;text-align: center;font-size: 15px;font-weight: 300;background-color: #3a3532;border-radius: 5px;line-height: 30px;}