@import url("common.css");
/* NHN INS Webstandard dev team dog 100804 */


/** 메인비주얼 **/
#visual{position:relative; width:100%; clear:both; overflow:hidden; max-width:640px; margin:0 auto;}
	.jssorb05 {position: absolute; top:500px; left:50% !important; margin-left:-300px !important; z-index:999;  width:600px !important;}
    .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {position: relative !important;  width: 199px !important;  height: 76px !important; cursor:pointer; margin:0 1px 1px 0 !important; padding:0; float:left; left:0px !important; border-radius:0 !important}
    .jssorb05 div:first-child{background: url('/m/img/visual_btn_01.gif') no-repeat left top !important;}
	.jssorb05 div:first-child.av{background: url('/m/img/visual_btn_01_up.gif') no-repeat left top !important;}
	.jssorb05 div:nth-child(2){background: url('/m/img/visual_btn_02.gif') no-repeat left top !important;}
	.jssorb05 div:nth-child(2).av{background: url('/m/img/visual_btn_02_up.gif') no-repeat left top !important;}
	.jssorb05 div:nth-child(3){background: url('/m/img/visual_btn_03.gif') no-repeat left top !important;}
	.jssorb05 div:nth-child(3).av{background: url('/m/img/visual_btn_03_up.gif') no-repeat left top !important;}
	.jssorb05 div:nth-child(4){background: url('/m/img/visual_btn_04.gif') no-repeat left top !important;}
	.jssorb05 div:nth-child(4).av{background: url('/m/img/visual_btn_04_up.gif') no-repeat left top !important;}
	.jssorb05 div:nth-child(5){background: url('/m/img/visual_btn_05.gif') no-repeat left top !important;}
	.jssorb05 div:nth-child(5).av{background: url('/m/img/visual_btn_05_up.gif') no-repeat left top !important;}
	.jssorb05 div:nth-child(6){background: url('/m/img/visual_btn_06.gif') no-repeat left top !important;}
	.jssorb05 div:nth-child(6).av{background: url('/m/img/visual_btn_06_up.gif') no-repeat left top !important;}

    .jssorb05 .av:hover { background:#fff; width:199px !important; }
    .jssorb05 .av { background:#fff; width:199px !important;}


#visual2{position:relative; max-width:640px; margin: 0 auto; overflow:hidden;}
.slider-wrapper {width: 100%;	 }

.theme-default .nivoSlider {	position:relative;}
.theme-default .nivoSlider a {border:0;display:block;}
.theme-default .nivo-controlNav {width:80%; overflow:hidden; clear:both; z-index:9999; position:absolute; bottom:17px; left:1.5%;}
.theme-default .nivo-controlNav a {	display:block; float:left;width:32%;line-height:100%; margin:0 2px 2px 0}
.theme-default .nivo-controlNav a img{line-height:100%;}
.theme-default .nivo-controlNav.nivo-thumbs-enabled {	width: 100%; }
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {}

.visual_link{display:block; position:absolute; top:0; left:0; width:100%; height:100% !important; z-index:10; }
.nivo-controlNav a img{cursor:pointer;}
.nivo-controlNav a:first-child{background:url('/m/img/visual_btn_1.png') no-repeat center top !important; background-size:cover !important;}
.nivo-controlNav a:first-child.active{background:url('/m/img/visual_btn_1.png') no-repeat center bottom !important; background-size:cover !important;}
.nivo-controlNav a:nth-child(2){background:url('/m/img/visual_btn_2.png') no-repeat center top !important; background-size:cover !important;}
.nivo-controlNav a:nth-child(2).active{background:url('/m/img/visual_btn_2.png') no-repeat center bottom !important; background-size:cover !important;}
.nivo-controlNav a:nth-child(3){background:url('/m/img/visual_btn_4.png') no-repeat center top !important; background-size:cover !important;}
.nivo-controlNav a:nth-child(3).active{background:url('/m/img/visual_btn_4.png') no-repeat center bottom !important; background-size:cover !important;}
.nivo-controlNav a:nth-child(4){background:url('/m/img/visual_btn_3.png') no-repeat center top !important; background-size:cover !important;}
.nivo-controlNav a:nth-child(4).active{background:url('/m/img/visual_btn_3.png') no-repeat center bottom !important; background-size:cover !important;}
.nivo-controlNav a:nth-child(5){background:url('/m/img/visual_btn_5.png') no-repeat center top !important; background-size:cover !important;}
.nivo-controlNav a:nth-child(5).active{background:url('/m/img/visual_btn_5.png') no-repeat center bottom !important; background-size:cover !important;}
.nivo-controlNav a:nth-child(6){background:url('/m/img/visual_btn_6.png') no-repeat center top !important; background-size:cover !important;}
.nivo-controlNav a:nth-child(6).active{background:url('/m/img/visual_btn_6.png') no-repeat center bottom !important; background-size:cover !important;}

/* 손대지 말것*/
.nivoSlider {position:relative;width:100%;height:auto;	overflow: hidden;}
.nivoSlider img {position:absolute;top:0px;left:0px	max-width: none;}
.nivo-main-image {display: block !important;position: relative !important;width: 100% !important;}

.nivo-slice {display:block;position:absolute;z-index:0;height:100%;top:0;}
.nivo-box {display:block;position:absolute;	z-index:0;	overflow:hidden;}
.nivo-box img { display:block; }




/** 메인컨텐츠 **/
.contants{position:relative; width:100%; clear:both; overflow:hidden; max-width:640px; margin:0 auto ; background:#e4e4e4; padding-bottom:10px;}
.contants h3{font-size:26px; color:#333; font-weight:100; letter-spacing:0.15pt; line-height:100%; text-align:center; }
.contants h3 span{font-weight:100; letter-spacing:0.15pt; line-height:100%;}
.contants .ls0{letter-spacing:0;}
.contants .pointRed{color:#cd1719; }


.mov{position:relative; width:100%; overflow:hidden; height:330px; background:#e4e4e4; padding:10px 0}
	.mov iframe{height:100%;}

.news_con{padding:10px 0 0; border-top:1px solid #dddddd; background:#fff; margin-bottom:10px;}
.news_con h4{font-weight:600; color:#333; font-size:18px; clear:both; letter-spacing:-0.5pt; padding:0 15px 10px; line-height:40px; }
.news_con h4 a{display:block; float:right; width:8%; max-width:40px; position:relative; top:-3px}
.news_con h4 a img{width:100%;}
.news_con dl{overflow:hidden; clear:both; padding-top:10px; border-top:1px solid #ddd; padding:12px 15px 12px;}
.news_con dt{float:left; width:43%; border:1px solid #ddd; box-sizing:border-box; overflow:hidden;}
.news_con dt img{width:100% !important;}
.news_con dd{float:right; width:54%; font-size:17px; letter-spacing:-0.5pt; line-height:20px;}
.news_con dd span{display:block; font-weight:600; color:#444; font-size:15px; letter-spacing:-0.5pt; padding:3px 0 5px}

.baner_cont1{overflow:hidden; clear:both; margin-bottom:10px; background:#fff;}
.baner_cont1 li{float:left; width:50%; box-sizing:border-box;}
.baner_cont1 li.left{border-right:1px solid #e1e1e1}
.baner_cont1 li img{width:100% !important; height:auto !important;}

.event_cont_in{position:relative; margin:0 0; overflow:hidden; clear:both; height:188px;}
.event_cont .bn img{width:100% !important;}
 		.jssorb05 {position: absolute; bottom:17px; left:50%; margin-left:0px; z-index:50}
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {position: absolute; width: 15px;  height: 15px; border-radius:50px;
		background-color: #ffffff; overflow: hidden; cursor: pointer; margin:0; padding:0; opacity:1; filter: alpha(opacity=100);}
        .jssorb05 div {  }
        .jssorb05 div:hover, .jssorb05 .av:hover {}
        .jssorb05 .av, .jssorb05 .av:hover { background-color: #e3792f; opacity: 1; filter: alpha(opacity=100);}
        .jssorb05 .dn, .jssorb05 .dn:hover { background-color: #ffffff; opacity: 1; filter: alpha(opacity=100);} 
		


/*******************************************************************************
	@media 461px~640px
*******************************************************************************/
@media all and (min-width:541px) and (max-width:640px) {

.news_con h4{font-size:15px;  line-height:30px;}

}


/*******************************************************************************
	@media 461px~640px
*******************************************************************************/
@media all and (min-width:461px) and (max-width:540px) {


.mov{height:220px}

.news_con h4{font-size:15px;  }
.news_con h4{font-size:15px;  line-height:25px;}
}


/*******************************************************************************
	@media 461px~640px
*******************************************************************************/
@media all and (min-width:461px) and (max-width:540px) {
.mov{height:220px}
.news_con h4{font-size:15px;  line-height:25px;}
}



/*******************************************************************************
	@media 320px~ 460px
*******************************************************************************/
@media all and (max-width:460px) {

.mov{height:180px}
.news_con h4{font-size:15px;  line-height:18px;}

.news_con dd{font-size:13px; letter-spacing:-0.3pt; line-height:18px;}
.news_con dd span{ font-size:14px; letter-spacing:-0.35pt; }

}