@charset "utf-8";
.blind{display:none;}
.point_color{color:#e06656 !important;}
.mgt{background: #B5558A; font-weight: bold;}
.org{background: #E06656;font-weight: bold;}
.bold{font-weight: bold;}
.point{color: #B5558A;}
i{transition:0.5s all;}
/*화면꽉채움*/
html, body, #wrap, #m_visual, #visual_slider, .contain, .bx-wrapper, .bx-viewport{
	position: relative;
}
/*가장 상단으로 올라가기버튼*/
.top_btn{display: block; width: 60px; height: 60px; position: fixed; top: 60%; right:5%; z-index: 999999;}
/*가장 상단으로 올라가기버튼*/

/*화면꽉채움*/

/*화면 높이가 줄어 샌드위치 되는것 방지*/
#m_visual, #visual_slider, .contain{min-height: 790px !important;}
/*화면 높이가 줄어 샌드위치 되는것 방지*/

#visual_slider li{
	height:790px !important;

}
/*공통*/
#header{width:100%; height:150px; position:relative; left:0;top:0; z-index:1000; background:#fff;border-bottom:1px solid #eee;}
#header:after{content:"";clear:both;display:block;}
#header #top{width: 100%; background: #f4f4f4; height: 30px;}
#header #top div{width:1100px; margin: 0 auto;}
#header #top .top_left{display: block; float:right;}
#header #top .top_left li{display: block; float:left;height: 30px;padding:0 20px;text-align:center;border-right:1px solid #ddd;}
#header #top .top_left li a{font-size: 12px; color:#999;}
/*기본세팅*/
#nav{margin:0 auto;width:1100px; z-index:10; height:120px;}
#nav ul{overflow:visible; /*margin-top:15px; */float:right;}
#nav ul:after{content:""; clear:both; display:block;}
#nav .logo{position:absolute; top:45px;}
#nav .depth {display: block;}
#nav .depth li {display: block;position:relative;}
#nav .depth li a:hover{color:#1772e5;}
#nav .depth > li{float:left; width:155px; }
#nav .depth .mm{display: block;margin:49px auto; text-align: center; font-size: 15px; font-weight:500;color:#555;}
.mm.active{color:#222 !important;}
#nav .depth .subnav{display: none; position:absolute; z-index:9999; left:0;top:120px; border-left: 1px solid #eee;height:175px;padding:20px 0;}
#nav .depth .sm05{border-right: 1px solid #eee;}
#nav .depth .subnav li{text-align: center; width:155px; line-height: 35px; height: 35px;}
#nav .depth .subnav li a{color:#666;font-size:14px; display: block; width:100%; height: 100%;}
#nav .depth .subnav li a:hover{ color:#1772e5;}
.bgGnb{display:none;background:#fff; height:215px; width:100%; position:absolute;top:150px;left:0;z-index:-1;border-bottom:1px solid #eee;border-top:1px solid #eee;}

.bx-wrapper,.bx-viewport{height:100%;z-index:1;}

#m_visual{position: relative; min-width: 1100px;}
#m_visual ul li.m_01{background: url(/images/img_mvisual_01.jpg) no-repeat center;}
#m_visual ul li.m_02{background: url(/images/img_mvisual_02.jpg) no-repeat center;}
#m_visual ul li{position:relative;background-size:cover!important;}
.bx-pager{display:none !important;}

/*cont*/
.quick_mm{width:1100px; height: 504px; position: absolute; top:266px;z-index:5;left:50%;margin-left:-550px;overflow:hidden;}
.quick_mm .box01{width:192px;height:170px;padding:40px;background:url("/images/box_bg.gif") center center no-repeat;display:block;}
.quick_mm .box_board{float:right;}
.quick_mm .box_board h2{font-size:20px;letter-spacing:-0.5px;color:#444;font-weight:500;border-bottom:1px solid #eee;padding-bottom:5px;}
.quick_mm .box_board .latest_board{margin-top:10px;}
.quick_mm .box_board .latest_board li{overflow:hidden;line-height:25px;}
.quick_mm .box_board .latest_board li a{font-size:13px;font-weight:200;color:#666;display:block;float:left;width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.quick_mm .box_board .latest_board li span{font-size:13px;font-weight:200;color:#666;float:right;}

.quick_mm .box_bottom{width:1100px;height:250px;margin-top:4px;float:left;}
.quick_mm .box_bottom a{float:left;margin-right:4px;}
.quick_mm .box_bottom a h2{font-size:20px;letter-spacing:-0.5px;color:#444;font-weight:500;text-transform:uppercase;}
.quick_mm .box_bottom a p{font-size:13px;font-weight:200;color:#888;letter-spacing:-0.5px;}
.quick_mm .box_bottom .box01_01{background:url("/images/box_bg_01.gif") center center no-repeat;}
.quick_mm .box_bottom .box01_02{background:url("/images/box_bg_02.gif") center center no-repeat;}
.quick_mm .box_bottom .box01_03{background:url("/images/box_bg_03.gif") center center no-repeat;}
.quick_mm .box02{width:272px;height:250px;float:left;background:#fff;}
.quick_mm .box02 .box0201{width:272px;height:125px;margin:0;}

/**/
#s_visual{position: relative;height:190px; overflow: hidden; border-top: 10px solid #719430; margin-top: 136px;}
#s_visual ul li.m_01{
    background: url(/images/img_svisual_01.jpg) no-repeat;
}
#s_visual ul li.m_02{
    background: url(/images/img_svisual_02.jpg) no-repeat;
}
#s_visual ul li{position:relative;}
#s_visual ul li .visual_text{position:absolute;top:50%;left:50%;margin-top:-200px;margin-left:-350px;}

 .contain{position: relative; padding: 100px 0; box-sizing:border-box; overflow: hidden;}

 #contain01{background: #fff}
 #contain_wrap{width: 1100px; margin: 0 auto; }

/*2page parallax*/
.bg-holder {width: 100%; height: 300px; background-size: cover; background-position: 50% 50%; color: #fff; background-image: url(/images/bg_guide.jpg);}
/*//2page parallax*/


/*1page*/
#contents_box{ padding-top: 60px; overflow: hidden;}
#contents_box div{float: left; width: 378px; height: 520px; text-align: center; margin-right: 30px; background: #fff; border: 1px solid #e9e9e9; transition:0.1s all; box-sizing:border-box;}
#contents_box div:hover{border: 1px solid #E06656;}
.last_box{margin-right: 0 !important;}
/*//1page*/


@keyframes scroll{
	0% {
		opacity: 1;
	}
	100%{
		opacity: 0;
		transform: translateY(10px);
	}
}


#footer{min-width:1100px; background:#fff; border-top:1px solid #eee; padding:50px 0; font-size:14px; color:#666;}
#footer #foot{width:1100px;margin:0 auto; overflow:hidden; font-size: 12px; line-height: 22px;}
#footer #foot .foot_logo{float:left;p}
#footer #foot address{font-style: normal;}
#footer #foot a{color: #666;}
#footer #foot h4{font-size: 18px; color: #999; padding-bottom: 35px;}
#footer #foot .kod{float: right; text-align: right;margin-top:130px;}
#footer #foot .kod_logo{display: block;}
#footer #foot .kod span{font-size: 12px; color:#999;}
#footer #foot .info_area address{font-style:normal;}


/*서브페이지*/
.sub_vis{width:100%;height:250px;background:url(/images/img_svisual.jpg) 0 0 no-repeat;}

#sub_container{width:1100px; margin: 0 auto; min-height:500px;overflow:hidden;}
#sub_container .snb{width:1100px; margin: 0 auto; padding-top: 50px;}
#sub_container .snb ul{display: block; text-align: center;}
#sub_container .snb ul li{display: inline-block; width:148px;margin-left:5px;}
#sub_container .snb ul li:first-child{margin:0;}
#sub_container .snb ul li a{display: block;width:148px; font-weight: 400; color:#666; border:1px solid #ddd;padding:15px 0;font-size:14px;}
#sub_container .snb ul li a:hover{color:#1428a0;font-size:14px;border:1px solid #1428a0;}
#sub_container .snb ul li .active{color:#1428a0;border:1px solid #1428a0;}

#sub_container .snb h1{font-size:30px;text-align:center;}

#sub_container .sub_con{margin:50px 0;}
