/*  body{overflow-X:hidden;} */
body{padding-top:124px;}
/* addClass */
 .fixed {
     position: fixed;
     top: -55px;
     left: center;
     z-index:400;
}
 .fixed2 {
     position: fixed;
     top: 65px;
     left: center;
     z-index:300;
}
 .resize{
     width:80%;
     padding-top:29px;
}
/* 글자세팅 */
 h2{
     font-size:23px;
     color:#5a5a5a;
     border-bottom:2px solid #fd9887;
}
/* header */
 .hwrap header a.gohome{
     display:block;
     width:252px;
    /*background:url('../images/logo.jpg')no-repeat 0 center;
    */
     padding-top:30px;
     float:left;
}
/* info */
 ul.info{
     height:30px;
     line-height:30px;
    padding-top:25px;
     float:right;
     font-size:13px font-weight:400;
     color:#4a4a4a;
}
 ul.info li{
     display:inline;
     float:left;
     padding:0px 5px 0px 5px;
     text-align:center;
}
 ul.info li span{
     padding-left:10px;
}
 ul.info li a{
     font-size:13px;
     font-weight:400;
     color: #4a4a4a;
}
/* gnb */
 header ul.gnb{
     height: 65px;
     line-height: 65px;
     float: right;
     clear:right;
}
 header ul.gnb> li{
     display:inline;
     float:left;
     padding:0 30px;
     position:relative;
}
 header ul.gnb> li a{
     font-size:15px;
     color:#676767;
     font-weight:700;
}
 header ul.gnb> li ul.sub{
     line-height:20px;
     font-size: 12px;
     position:absolute;
     width:100%;
     height:400px;
     top:79px;
    /*padding-top:10px;
    */
     left: 0;
     z-index:100;
}
 header ul.gnb> li ul.sub li{
 text-align:center;
}
 body header ul.gnb> li ul.sub li a{
     font-size:14px;
     line-height:33px;
     color:#808080;
     font-weight:400;
}
 body header ul.gnb> li ul.sub li a:hover, header ul.gnb> li ul.sub li a:focus{
     color: #a9d05d;
}
.hwrap header a.gohome img.resize{width:auto; padding-top:0;}
 .gnb-bg{
     width:100%;
     height:391px;
     position:absolute;
     z-index:300;
     border-bottom:2px solid #67625e;
     background-color:white;
}
 .gnb-bg-inr{
    width:100%;
     height:390px;
     position:absolute;
     z-index:301;
}
 .hwrap{
     position: fixed;
	 left:0;
	 top:0;
	 width:100%;
     background-color:white;
     border-bottom:4px solid #67625e;
}
 .m_gnb{
    display:none;
}
 .menu--btn--wrap{
    display:none;
}

 @media screen and (max-width:1200px){
	body{padding-top:111px;}
     .hwrap, .hwrap header{
        height:auto;
		position:relative;
    }
	.hwrap{position:fixed;}
     header::after{
        content:'';
         display:block;
         clear:both;
    }
     ul.info, .gnb{
        display:none;
    }
     .m_gnb{
        display:block;
		position:fixed;
		top:0;
		left:100%;
		width:100%;
		height:100vh;
		padding:127px 30px 120px;
		background-color:#fff;
		box-sizing:border-box;
		overflow-Y:auto;
		z-index:9;
    }
	.m_gnb.scrolled{
		padding-top:106px;
	}
	.m_gnb .m_login{margin-bottom:20px;}
	.m_gnb .profile_img{line-height:50px; padding-bottom:15px;}
	.m_gnb .profile_img .login_img{width:50px; display:block; float:left; margin-right:10px;}
	.login_btn--wrap::after{display:block; content:''; clear:both;}
	.login_btn--wrap a{display:block; line-height:40px; border-radius:20px; border:2px solid #dddddd; float:left; width:calc((100% - 10px) / 2 - 0.1px); box-sizing:border-box; text-align:center;}
	.m_gnb .m_menu-depth1 li a{line-height:2;}
	.m_gnb .m_menu-depth1 > li > a{font-weight:700; font-size:17px; color:#222;}
	ul.m_menu-depth1 > li + li{margin-top:15px;}
	.login_btn--wrap a + a{margin-left:10px;}
     .hwrap header a.gohome{
         padding:15px 10px;
         width:auto;
    }
     .hwrap header a.gohome img{
        height:70px;
    }
	header .h-right{position:absolute; right:10px; top:50%; transform:translateY(-50%);}
     .menu--btn--wrap{
        display:block;
         height:50px;
         width:50px;
         box-sizing:border-box;
         padding:5px 0;
    }
     .menu--btn--wrap .m-btn{
        height:100%;
         position:relative;
		 cursor:pointer;
    }
     .menu--btn--wrap .m-btn li{
        position:absolute;
         width:100%;
		 height:4px;
         left:50%;
		transform:translateX(-50%);
		background-color:#333;
    }
	.menu--btn--wrap .m-btn li:nth-child(1){
		top:0;
	}
	.menu--btn--wrap .m-btn li:nth-child(2){
		top:calc(50% - 2px);
	}
	.menu--btn--wrap .m-btn li:nth-child(3){
		bottom:0;;
	}
	.menu--btn--wrap.active .m-btn li:nth-child(1){
		animation:activeNav1 0.3s forwards;
	}
	.menu--btn--wrap.active .m-btn li:nth-child(2){
		animation:activeNav2 0.15s forwards;
	}
	.menu--btn--wrap.active .m-btn li:nth-child(3){
		animation:activeNav3 0.3s forwards;
	}
	
	.menu--btn--wrap.disactive .m-btn li:nth-child(1){
		animation:disactiveNav1 0.3s forwards;
	}
	.menu--btn--wrap.disactive .m-btn li:nth-child(2){
		animation:disactiveNav2 0.15s forwards;
	}
	.menu--btn--wrap.disactive .m-btn li:nth-child(3){
		animation:disactiveNav3 0.3s forwards;
	}
}
@keyframes activeNav1{
	0%{top:0; transform:translateX(-50%);}
	50%{top:50%; transform:translate(-50%,-50%);}
	100%{top:50%; transform:translate(-50%,-50%) rotate(45deg);}
}
@keyframes activeNav2{
	0%{width:100%;}
	100%{width:0%;}
}
@keyframes activeNav3{
	0%{bottom:0; transform:translateX(-50%);}
	50%{bottom:50%; transform:translate(-50%,50%);}
	100%{bottom:50%; transform:translate(-50%,50%) rotate(-45deg);}
}

@keyframes disactiveNav1{
	0%{top:50%; transform:translate(-50%,-50%) rotate(45deg);}
	50%{top:50%; transform:translate(-50%,-50%);}
	100%{top:0; transform:translateX(-50%);}
}
@keyframes disactiveNav2{
	0%{width:0%;}
	100%{width:100%;}
}
@keyframes disactiveNav3{
	0%{bottom:50%; transform:translate(-50%,50%) rotate(-45deg);}
	50%{bottom:50%; transform:translate(-50%,50%);}
	100%{bottom:0; transform:translateX(-50%);}
}
@media screen and (max-width:600px){
	body{padding-top:81px;}
	.hwrap header a.gohome img{height:40px;}
	.m_gnb{padding-top:100px;}
	.m_gnb.scrolled{padding-top:100px;}
	.menu--btn--wrap{height:40px; width:40px;}
}

/* visual */
 .v_wrap{
     background-image: url('/img/main_visual.jpg');
     padding: 30px 0;
     background-size:cover;
     background-position:center;
}
 .v_wrap .visual_animate{
    background-image: url(/img/main_visual_point.png);
     background-size: 50%;
     background-repeat-x: repeat;
     background-repeat-y: no-repeat;
	 background-repeat:repeat no-repeat;
     background-position: -10% 20%;
     animation: visualAnimate 15s infinite linear;
}
 .v_wrap .container{
    width:95%;
     max-width:1200px;
     margin-left:auto;
     margin-right:auto;
}
 .v_wrap .container::after{
    content:'';
     display:block;
     clear:both;
}
 .v_wrap .container img{
    float:left;
     display:block;
}
 .v_wrap .container img.visual_txt{
    margin-top:70px;
     width:45%;
     max-width:450px;
}
 .v_wrap .container img.visual_people{
    max-width:50%;
     float:right;
}
 @keyframes visualAnimate{
     0%{
        background-position:-10% 20%;
    }
     100%{
        background-position:-110% 20%;
    }
}
@media screen and (max-width:768px){
	.v_wrap{position:relative;}
	.v_wrap .container{position:relative; width:100%; padding-top:100px; overflow:hidden;}
	.v_wrap .container img.visual_txt{position:absolute; top:10%; left:5%; max-width:55%; margin-top:0; width:auto; min-width:200px; z-index:2;}
	.v_wrap .container img.visual_people{transform:translateX(10vw);}
}
/* section s1 */
 .notice{
    width:calc((100% - 400px - 40px) / 2);
     padding-right:38px;
     height:269px;
     float:left;
     position:relative;
     box-sizing:border-box;
}
 .news{
    width:calc((100% - 400px - 40px) / 2);
     padding-right:38px;
     height:269px;
    float:left;
     position:relative;
     box-sizing:border-box;
}
 .notice h2,.news h2{
     padding-bottom:20px;
     margin-bottom:20px;
     border-bottom:2px solid #67625e;
	 position:relative;
}
 .notice ul li, .news ul li{
     padding-bottom:13.5px;
     padding-left:16px;
     background: url('../images/list-style-bg.jpg')no-repeat 0px 7px;
}
 .notice ul li a, .news ul li a{
     font-size:15px;
     color:#555555;
     display: block;
     width:94%;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .notice ul li a:hover, .news ul li a:hover{
     color: #a9d05d;
}
 .btn_more{
     width:18px;
     height:18px;
	 position:absolute;
	 top:calc(50% - (20px / 2));
	 right:0;
	 transform:translateY(-50%);
}
 .btn_more a{
     display:block;
     width: 100%;
     height: 100%;
     border:1px solid #a9d05d;
     position:relative;
     box-sizing: border-box;
}
 .btn_more a::before, .btn_more a::after{
    content:'';
     display:block;
     width:10px;
     height:2px;
     background-color:#a9d05d;
     position:absolute;
     top:50%;
     left:50%;
}
 .btn_more a::before{
    transform:translate(-50%,-50%) rotate(90deg);
}
 .btn_more a::after{
    transform:translate(-50%,-50%);
}
 ul.btn_link{
     width:400px;
     float:right;
}
 ul.btn_link li{
     float:left;
     width:calc((100% - (10px * 1)) / 2);
     height:129px;
     background-repeat:no-repeat;
     background-position:center 30%;
}
 ul.btn_link li a{
     display:block;
     width:100%;
     padding-top:80px;
     box-sizing:border-box;
     text-align:center;
     height:100%;
}
 ul.btn_link li a span{
    position:static;
     font-size:16px;
     color:#fff;
     font-weight:700;
}
 ul.btn_link li:nth-child(1){
     background-image: url('/img/btn_link_01.png');
     background-color: #e6b4c0;
     margin-bottom:10px;
}
 ul.btn_link li:nth-child(2){
     background-image: url('/img/btn_link_02.png');
     background-color: #f6dc90;
     margin-bottom:10px;
}
 ul.btn_link li:nth-child(3){
     background-image: url('/img/btn_link_03.png');
     background-color: #e4e676;
}
 ul.btn_link li:nth-child(4){
     background-image: url('/img/btn_link_04.png');
     background-color: #bacbe8;
}
 ul.btn_link li:nth-child(2n){
    float:right;
     margin-left:5px;
}
 ul.btn_link li:nth-child(2n + 1){
    clear:left;
     margin-right:5px;
}
@media screen and (max-width:1200px){
	.s1wrap .s1, .s1wrap{height:auto;}
	.s1wrap .s1::after{content:''; display:block; clear:both;}
	.news, .notice{width:calc((100% - 20px) / 2); margin-left:auto; margin-right:auto; padding-right:0;}
	.news{margin-left:20px;}
	ul.btn_link{clear:both; width:100%; margin-left:auto; margin-right:auto; float:none; padding-top:40px;}
	.btn_link::after{clear:both; content:''; display:block;}
	ul.btn_link li{width:calc((100% - (10px * 3)) / 4); background-size:auto 40px; box-sizing:border-box; background-position:center 23%;}
	ul.btn_link li:nth-child(2n + 1){clear:none; float:left; margin-right:0;}
	ul.btn_link li:nth-child(2n){float:left; margin-left:10px;}
	ul.btn_link li + li{margin-left:10px;}
	ul.btn_link li a span{font-size:18px; font-weight:700;}
}
@media screen and (max-width:768px){
	.news, .notice{width:100%; margin:0;}
	.news{margin-top:60px;}
	ul.btn_link li{width:calc((100% - 10px) / 2)}
	ul.btn_link li:nth-child(2n + 1){margin-left:0; clear:left;}
}
/* section s2*/
 .s2wrap{
    background-color:#f7f7f7;
     margin-top:4em;
}
 .s2 h2{
     padding-bottom:20px;
}
 .s2 ul li{
    width:calc((100% - (10px * 3)) / 4);
     float:left;
}
 .s2 ul li + li{
    margin-left:10px;
}
 .s2 ul li a{
     color:#555555;
     font-size:16px;
     line-height:22px;
}
 .s2 ul li a p{
    font-size:18px;
     font-weight:700;
     white-space:nowrap;
     overflow:hidden;
     text-overflow:ellipsis;
}
 .s2 ul li a img{
    width:100%;
     height:220px;
     padding-bottom:35px;
     display:block;
     margin-left:auto;
     margin-right:auto;
}
 .s2 ul li a h3{
     color:#555;
     font-size:14px;
     display: block;
    width:100%;
     height:50px;
     overflow: hidden;
    word-break:break-all;
     font-weight:400;
     padding-top:8px;
}
 .s2 ul li a h3::before{
    display:block;
     content:'';
     width:35px;
     height:2px;
     background-color:#a9d05d;
     margin-bottom:15px;
}
@media screen and (max-width:1200px){
	.s2wrap .s2{height:auto;}
	.s2 ul{padding-bottom:50px;}
	.s2 ul::after{clear:both; display:block; content:'';}
	.s2 ul li{
		width:calc((100% - 10px) / 2 - 0.1px);
	}
	.s2 ul li:nth-child(2n+1){
		clear:left;
		margin-left:0;
	}
	.s2 ul li a img{
		height:21vw;
	}
}
@media screen and (max-width:600px){
	.s2 ul li{width:100%; margin-left:0;}
	.s2 ul li + li{margin-top:20px; margin-left:0;}
	.s2 ul li a img{height:40vw;}
}
/* family-site */
 .family-site{
	overflow:hidden;
}
 .family-site .tunnel{
     width:1200px;
     height:60px;
     overflow:hidden;
     position:relative;
}
 .family-site .train{
     width:3410px;
     height:60 position:absolute;
     top:0;
     left:0;
}
 .family-site .train li{
     float:left;
     width:150px;
     height:60px;
     margin-right:22px;
}
 .family-site .train li a{
     display:block;
     width:150px;
     height:60px;
}
 .family-site .train li a:hover{
    /*border:1px solid #d3d3d3;
     width:148px;
     height:58px;
    */
     opacity:0.6;
}
 .family-site .train li.t1 a{
     background:url('../images/r01.jpg')no-repeat center center;
}
 .family-site .train li.t2 a{
     background:url('../images/r02.jpg')no-repeat center center;
}
 .family-site .train li.t3 a{
     background:url('../images/r03.jpg')no-repeat center center;
}
 .family-site .train li.t4 a{
     background:url('../images/r04.jpg')no-repeat center center;
}
 .family-site .train li.t5 a{
     background:url('../images/r05.jpg')no-repeat center center;
}
 .family-site .train li.t6 a{
     background:url('../images/r06.jpg')no-repeat center center;
}
 .family-site .train li.t7 a{
     background:url('../images/r07.jpg')no-repeat center center;
}
 .family-site .train li.t8 a{
     background:url('../images/r08.jpg')no-repeat center center;
}
 .family-site .train li.t9 a{
     background:url('../images/r09.jpg')no-repeat center center;
}
 .family-site .train li.t10 a{
     background:url('../images/r10.jpg')no-repeat center center;
}
 .family-site .train li.t11 a{
     background:url('../images/r11.jpg')no-repeat center center;
}
 .family-site .train li.t12 a{
     background:url('../images/r12.jpg')no-repeat center center;
}
 .family-site .train li.t13 a{
     background:url('../images/r13.jpg')no-repeat center center;
}
 .family-site .train li.t14 a{
     background:url('../images/r14.jpg')no-repeat center center;
}
 .family-site .train li.t15 a{
     background:url('../images/r15.jpg')no-repeat center center;
}
 .family-site .train li.t16 a{
     background:url('../images/r16.jpg')no-repeat center center;
}
 .family-site .train li.t17 a{
     background:url('../images/r17.jpg')no-repeat center center;
}
 .family-site .train li.t18 a{
     background:url('../images/r18.jpg')no-repeat center center;
}
 .family-site .train li.t19 a{
     background:url('../images/r19.jpg')no-repeat center center;
}
 .family-site .train li.t20 a{
     background:url('../images/r20.jpg')no-repeat center center;
}
 .family-site .train li.t21 a{
     background:url('../images/r21.jpg')no-repeat center center;
}
 .family-site .train li.t22 a{
     background:url('../images/r22.jpg')no-repeat center center;
}
/* footer */
 div.f-logo{
     width: 260px;
     height:62px;
     float:left;
     padding-top:24px;
}
 .f-logo a{
     display:block;
     width: 260px;
     height:62px;
     background-image: url('../img/footer_logo_2024.png');
     background-repeat:no-repeat;
     background-position:center;
     background-size:contain;
}
 ul.info2{
     width: calc(100% - 300px);
     float: right;
     padding-top:40px;
     /* padding-left:70px; */
     box-sizing: border-box;
}
 ul.info2 li{
     float:left;
}
 ul.info2 li a, address{
     font-size:15px;
     font-weight:400;
     color: black;
     font-style: normal;
}
 address{
     display:block;
     width: calc(100% - 300px);
     float: right;
     padding-top:8px;
     /* padding-left:70px; */
     box-sizing: border-box;
}
 address span + span{
     padding-left:13px;
}

@media screen and (max-width:1200px){
	.footer{height:auto;}
	div.f-logo{float:none; width:231px; height:69px; margin:auto;}
	.f-logo a{width:100%; height:100%;}
	.footer ul.info2{width:100%; float:none; text-align:center; padding:0; padding-top:20px;}
	.footer ul.info2 li{float:none; display:inline-block;}
	.footer address{padding:0; width:100%;  text-align:center; margin-top:15px;}
}
@media screen and (max-width:768px){
	.footer address span:first-child{display:block;}
}
/* pc2 [1600~] */
 @media all and ( min-width:1600px ) {
}
/* pc1 [1024~1599] */
 @media all and ( min-width:1024px ) and ( max-width:1599px ) {
}
/* tablet2 [768~1023] */
 @media all and ( min-width:768px ) and ( max-width:1023px ) {
}
/* tablet1 [481~767] */
 @media all and ( min-width:481px ) and ( max-width:767px ) {
}
/* mobile [ ~480 ] */
 @media all and ( max-width:480px ){
}