/* 인덱스 레이아웃 */
#idx_wrapper{width:100%; margin:0 auto; position:relative;}

/* 메인슬라이더 */
#visual{width:100%; position:relative; margin:0 auto; overflow:hidden;}
a{cursor:pointer}

.sliderbx{ width:100%; height:650px;  }
.sliderbx li{width:100% !important; height:650px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.sliderbx li:nth-child(1){background-image:url(../img/main/mvisual00.jpg)}
.sliderbx li:nth-child(2){background-image:url(../img/main/mvisual01.jpg)}
.sliderbx li:nth-child(3){background-image:url(../img/main/mvisual02.jpg)}
.sliderbx li:nth-child(4){background-image:url(../img/main/mvisual03.jpg)}
.sliderbx li:nth-child(5){background-image:url(../img/main/mvisual04.jpg)}


#visual .slogan{ position:absolute; top:500px; width:793px; left:50%; margin-left:-530px; text-align:left; z-index:100;}
#visual .slogan p {color: #fff; font-size: 2.6em; font-weight:600; line-height: 1.2em; letter-spacing:-1px; margin-top: 15px; text-shadow:calc(3px * 1) 0 0 #000,
calc(3px * 0.9239) calc(3px * 0.3827) 0 #000,
calc(3px * 0.7071) calc(3px * 0.7071) 0 #000,
calc(3px * 0.3827) calc(3px * 0.9239) 0 #000,
0 calc(3px * 1) 0 #000,
calc(3px * -0.3827) calc(3px * 0.9239) 0 #000,
calc(3px * -0.7071) calc(3px * 0.7071) 0 #000,
calc(3px * -0.9239) calc(3px * 0.3827) 0 #000,
calc(3px * -1) 0 0 #000,
calc(3px * -0.9239) calc(3px * -0.3827) 0 #000,
calc(3px * -0.7071) calc(3px * -0.7071) 0 #000,
calc(3px * -0.3827) calc(3px * -0.9239) 0 #000,
0 calc(3px * -1) 0 #000,
calc(3px * 0.3827) calc(3px * -0.9239) 0 #000,
calc(3px * 0.7071) calc(3px * -0.7071) 0 #000,
calc(3px * 0.9239) calc(3px * -0.3827) 0 #000;}
#visual .slogan span{ display:block;margin:55px 0 0px 0;text-align:center;}
#visual .slogan span a{ display:inline-block; font-size:16px; color:#fff; letter-spacing:1px; line-height:60px; padding:0 30px; background: #0180c2;box-shadow: 1px 1px 1px #aaa;}
#visual .slogan span a:hover{opacity: 0.95; transition:0.6s;}

#visual div.bx-pager{ position:absolute; bottom:15px; left:50%; margin-left:-34px; z-index:100;}
#visual div.bx-pager div{ float:left; margin:0 2px;}
#visual div.bx-pager div a{ 
	display:block; width:12px; height:10px; text-indent:-9999px; border-radius:9px; background:rgba(250,250,250,0.7);
	}
#visual div.bx-pager div a.active{background:#fff; width:35px;}
#visual div.bx-controls-direction a{
	display:none; width:25px; height:80px; text-indent:-9999px; position:absolute; top:50%; margin-top:-40px; opacity:0.5; /*margin-top:-20px;*/
	} /*좌우버튼동시선택*/
#visual div.bx-controls-direction a:hover{opacity:1;}
#visual a.bx-prev{left:15px; background:url(../img/common/mbn_v_prev.png) no-repeat left 0/100% 100%;}
#visual a.bx-next{right:15px; background:url(../img/common/mbn_v_next.png) no-repeat right 0/100% 100%;}	
#visual div.bx-controls-auto{position:absolute; width:40px; top:150px; left:50%; margin-left:-550px;}
#visual div.bx-controls-auto a{
	float:left; margin-right:3px; width:12px; height:12px; border-radius:9px; color:#FFF; text-align:center; line-height:12px; font-size:12px; text-indent:-9999px;
	} /*플레이스탑버튼동시선택*/
#visual div.bx-controls-auto a.bx-start{background:url(../img/common/mbn_btn_play.png) no-repeat 50% 50% #806000;}
#visual div.bx-controls-auto a.bx-stop{background:url(../img/common/mbn_btn_stop.png) no-repeat 50% 50% #806000;}
.sliderbx li.visible_none{ display: none !important;}

@media (max-width: 767px) {
.sliderbx{width:100%; height:300px;}
.sliderbx li{ height:300px; background-position: 3% 102%; background-size:cover;}
#visual .slogan {top:220px; width:90%; margin:0 auto;left:5%;text-align:center;}
#visual .slogan p{ margin:0 auto;font-size: 1.1em; line-height: 1.2em;text-align: left; letter-spacing:-1px;}
#visual .slogan p img{width:100%;margin-bottom: 15px;}
#visual .slogan span{ margin:35px 0 0px 0;}
#visual .slogan span a{ font-size:15px; line-height:40px; padding:0 30px;}
.sliderbx li:nth-child(1){background-image:url(../img/main/mvisual01.jpg); background-position: 71% 50%;}
.sliderbx li:nth-child(2){background-image:url(../img/main/mvisual02.jpg)}
.sliderbx li:nth-child(3){background-image:url(../img/main/mvisual03.jpg); background-position: 7% 50%;}

}


/*메인배너*/
.mbanner01{  margin:83px auto 20px; padding: 0; width: 1100px;}
.mban02{ padding: 0px;}
.mban01{background:url(../img/main/ban01.jpg) no-repeat left top; height: 532px; padding: 60px;PADDING-TOP: 200px;}
.mban01 h1{ font-size: 25px; font-weight: bold; color: #008b66;}
.mban01 p{ font-size: 15px; line-height: 1.6em; margin: 20px 0; color: #404040;}
.mban01 a{background: url(../img/main/tod.png) no-repeat left center; padding-left: 15px; color: #174d95 !important; font-weight: bold; font-size: 18px; display: block;line-height: 2em;}
.mban01 a.aroww{ background:none;}
.mban01 a:hover, .micons a:hover{ transition: 0.8s; opacity: 0.8;}
@media (max-width: 767px) {
.mbanner01{margin:0; width: 100%;}
.mban01{background-size: 100%; padding: 20px; height: 410px; padding-top: 160px;}
.mban01 p{ margin: 5px 0; line-height: 1.6em;}
.mban01 a{line-height:1.8em;}
.mban02{ padding: 0;}

}

/* 메인갤러리추출 */
.galleryy_bbs{ height: 370px; margin:  0 auto;padding: 0; width: 1100px;}
@media (max-width: 767px) {
.galleryy_bbs{ text-align: center; width: 100%; height: auto;padding: 6%;}
.galleryy_bbs li{ float: inherit !important;}
#oneshot_2_7 .img_set{ background: #fff; border: 0; margin-bottom: 15px;}
#oneshot_2_7 .subject_set .sub_title {font-size:1.2em;}
}

/* 메인추출탭 */
.Mbbs{ border: 1px solid #e3e3e3; padding: 19px 48px; height: 247px; margin-bottom: 37px; }
.tbbs {width:100%;}
.tbbs h3{ text-align:left;  font-size:1.5em; padding-bottom: 3px; }
.tbbs .t1{left:0;}
.tbbs .t2{left:166px; color:#174d95;}
.tbbs .pannel{width:100%; min-height:155px;}
.tbbs .tab.on .pannel{display:block;}
.tbbs .tab.on h3{background:#1699DC; color:#FFF;}

@media (max-width: 767px) {
.Mbbs{ margin-top: 0;border: 0;text-align: center;padding: 0 30px;}
.tbbs h3{ text-align:center; }

}



.middle{ width:100%; height:364px; background:url(../img/main/middle_bg.jpg) no-repeat  center bottom fixed; background-size: cover;margin-top: 60px;}
.middle_in{ width:1000px; margin:0 auto; padding:45px 0;}
.middle_in:after{ display:block; content:""; clear:both;}
.mainban2 h1{ color: #fff; font-weight: bold; font-size: 2em;margin-bottom: 15px;}
.mainban2 span{ font-weight: 200; font-size:0.8em; display: block;letter-spacing: 1px;}
.Mcall{ text-align: center;}
.Mcall h2{color:#ffaa06; font-weight: bold; font-size: 3.5em;line-height: 2em; }
.Mcall p{color:#fff; font-weight: 200; line-height: 2em; font-size:1.4em;word-break: keep-all;}

@media (max-width: 767px) {
.middle{height:294px;}
.mainban2 h1{font-size: 1.5em;margin-bottom: 0;}
.Mcall h2{font-size: 2.3em;}
.Mcall p{ font-size:1.1em;}
.middle_in{ width:100%;}

}



/* BBS메인추출 */
.micons .tbbs{ padding: 30px 15px; width: 49%;  margin-left: 11px;border: 1px solid #e3e3e3;height: 248px;}
.micons .tbbs h1{text-align: left;font-size: 1.5em; padding-bottom: 3px; color:#174d95;}
.micons .tbbs .tab h3{width:106px; height:32px; line-height:28px; text-align:center; background:#DEE3EC; color:#3D4353; position:absolute; top:0; font-size:1.1em; cursor:pointer;}
.micons .t1{margin-left: 0;}
.micons .tbbs .tab .pannel{width:320px; padding:15px 3px; min-height:180px; display:none;}
.micons .tbbs .tab.on .pannel{display:block;}
.micons .tbbs .tab.on h3{background:#1699DC; color:#FFF;}
@media (max-width: 767px) {
.micons .tbbs{ width: 100%; display: block; margin-bottom: 15px;margin-left: 0px;}

}