@charset "UTF-8";

/* 메인 스타일 시작 */
.main-top{overflow:hidden;width:100%;margin:0 auto;max-width:2000px;position: relative;}
.main-center{display:inline-flex;margin:0 auto;width:100%;max-width: 1200px;clear:both; overflow:hidden;text-align:left;}
.tbmain-center{display:inline-block;margin:0 auto;width:100%;display:block;max-width: 1200px;clear:both; overflow:hidden;border:1px solid #ddd;padding:20px}
.main-center2{clear:both; overflow:hidden;width:100%;max-width:1200px;margin:0 auto}
.main-gap{margin:0 auto 70px ;text-align:center;}


.main-center{box-sizing:border-box;}
/*.main-center section{border:1px solid #ddd;border-top:3px solid #285da9;padding:20px 15px;margin-right:10px;width:100%;} 2024-01-16 수정*/
.main-center section{border:1px solid #ddd;border-top:3px solid #eb5606;padding:20px 15px;margin-right:10px;width:100%;}
.main-center section:last-child{margin-right:0px}

/*배너존*/
.main_banner_section{width:100%;margin:0 auto;text-align:center;}
.main_banner_section ul{display:inline-flex;}
.main_banner_section li:nth-child(2){margin:0 10px}
.main_banner_section li img{max-width:100%}

.main-center  ul .txt_cut{max-width:260px}

 .b_tit {border-bottom: 1px solid #ddd;    padding-bottom: 15px;margin-bottom:15px !important;}


/*tab board style*/
.tab_baord_section1, .tab_baord_section2{width:50%;float:left;display:inline-block;}
.tab_baord_section1{max-width:600px;margin:0 auto;}
.tab_baord_section1 .tab_menu {display:inline-block;width: calc(100% - 40px);}
.tab_baord_section1 .tab_menu li > a {background: #fff;display: block;text-align: center;padding: 10px 15px;width:100%;background: #d9d9d9;font-weight: bold;font-size:10pt;}
.tab_baord_section1 .tab_menu li > a.on:hover{color:#fff !important;}
.tab_baord_section1 .tab_menu li > a.on {background: #265f9f;color: #fff;z-index: 999;    position: Relative;transition: all .3s ease;}
.tab_baord_section1 .tab_menu li > a:hover{background: #265f9f;color: #fff !important;;z-index: 999;    position: Relative;transition: all .3s ease;}
.tab_baord_section1 .sec-title {display: block; margin-bottom: 20px;font-size: 27px;font-weight:600; line-height:110%}
.tab_baord_section1 .tab_menu li {float: left; text-align:center;padding-right:1px}
.tab_baord_section1 .tab_menu li:last-child{margin-right:0px}

.tab_baord_section2{width: 100%;max-width:340px;margin:0 auto;margin-left:40px;border:1px solid #ddd;padding:20px;text-align: center;}
.tab_baord_section2 ul{display: inline-flex;flex-direction: column;flex-wrap: nowrap;    align-items: center;}
.tab_baord_section2 ul li{list-style:none;text-align:center;    display: inline-flex;    align-items: center;padding-top:40px;padding-bottom:20px;    flex-direction: column;}
.tab_baord_section2 ul li:first-child{border-bottom:1px dashed #ddd;padding-bottom:40px;padding-top:20px}
.tab_baord_section2 img{max-width:100%}


@media all and (max-width:1199px){
	.main-center{    display: inline-flex;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    clear: both;
    overflow: hidden;
    text-align: left;
    padding: 0px 20px;
    flex-direction: row;
    align-content: flex-start;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;}

	.main-center section{max-width: calc(50% - 5px);margin-bottom:10px;margin-right:10px}
	.main-center section:nth-child(2n){margin-right:0px;}
	.main-center  ul .txt_cut{max-width:550px}
	.main_bottom{display:none !important;}
}


@media all and (max-width:1130px){
	.tbmain-center{display: flex;max-width:100%;flex-direction: column;flex-wrap: nowrap;align-content: space-around;justify-content: flex-start;align-items: center;}
	.tab_baord_section1{width:100%;margin:0 auto 40px;max-width:100%}
	.tab_baord_section2{width: 100%;margin:0 auto;max-width:100%;}

}

/*Responsive 370, 480, 768, 992, 1160*/
@media all and (max-width:648px){
	.tab_baord_section1{padding:30px 10px 50px}
	.tab_baord_section1 .tab_menu{width:100%}
	.tab_baord_section1 .tab_menu li {width:auto;}
	.tab_baord_section1 .tab_menu li > a {font-size:13px;font-weight:normal;letter-spacing:-1px;padding:7px 15px}


	.main-center section{max-width:100%;margin-bottom:10px;margin-right:0px}

}





.b_tit a{color:#474747}
.lat, .pic_It, .empty_li{min-height:209px}
.empty_li{line-height:209px}


/*.main-bottom{margin-bottom:20px;display:inline-block}*/
.main-bottom{margin-bottom:40px;display:inline-block}
.main_bottom {background: #fff;width:100%;margin: 0 auto;text-align:center}

#ft {margin-top:0px !important}


/* MAIN  Default  CSS */
#container_wr{width:100%;margin:0px auto !important;}
#main_container{width:100%;}


/* MAIN BANNER */
.main-visual{width:100%;position:relative}




@media all and (max-width:1920px){
	.main-visual{height:680px}
}

@media all and (max-width:1760px){
	.main-visual{height:620px}
}

@media all and (max-width:1430px){
	.main-visual{height:490px}
}

@media all and (max-width:1100px){
	.main-visual{height:380px}
}

@media all and (max-width:490px){
	.main-visual{height:260px}
}

.main-banner{position: absolute;text-align:center; width:100%; max-width:2000px;     left: calc(50% - 1000px);}
.main-top img { max-width: 100%; }

/* PAGER */
.bx-wrapper .bx-pager { position: absolute; bottom: 30px; width:100%; text-align:center; z-index: 51; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #fff; text-indent: -9999px; display: block; width: 20px; height: 20px; margin: 10px 0px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); outline: 0; -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px; transition: all .5s ease;
-webkit-transition: 0.5s all ease;
-moz-transition: 0.5s all ease;
-ms-transition: 0.5s all ease;
-o-transition: 0.5s all ease;}
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { vertical-align: bottom; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; display:inline-block; margin:0 5px;}

/* DIRECTION CONTROLS (NEXT / PREV) */
.main-banner_btn-prev {left:calc(50% - 600px);}
.main-banner_btn {background: none; border: 0; position: absolute; font-size: 40px; top: 50%; color: #fff; margin-top: -23px;z-index: 99; text-shadow:1px 1px 1px #000;}
.main-banner_btn-next {right: calc(50% - 600px);}

.mmain-banner_btn-prev {left:10px;}
.mmain-banner_btn {background: none; border: 0; position: absolute; font-size: 40px; top: 50%; color: #fff; margin-top: -23px;z-index: 99; text-shadow:1px 1px 1px #000;}
.mmain-banner_btn-next {right:10px;}

.bx-wrapper .bx-controls-direction a { position: absolute; top: 60%; margin-top: -16px;  width: 15px; height: 20px; text-indent: -9999px; z-index: 9999; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.bx-next,.bx-prev {text-indent: -9999px; display:block; position:absolute; top:0; width:100%; height:100%;}

/* BOTTOM DIRECTION DONTROLS (NEXT / PREV) */
.main-banner2{position:relative; clear:both; width: 1200px;margin: 0 auto;}
.main-banner_btn-prev2 {left:0px;}
.main-banner_btn2 {background: none; border: 0; position: absolute; font-size: 40px; top: 50%; color: #fff; margin-top: -24px;z-index: 99; text-shadow:1px 1px 1px #000;line-height:34px}
.main-banner_btn-next2 {right:0px;}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start{display: block; margin: 0 3px; width:12px; height:17px; color:#fff; overflow:hidden;}
.bx-wrapper .bx-controls-auto .bx-start:before{content:"\f04b"; font-family:FontAwesome;}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus { color:#00a7cb; }
.bx-wrapper .bx-controls-auto .bx-stop {display: block; margin: 0 3px; width:12px; height:17px; color:#fff; overflow:hidden; }
.bx-wrapper .bx-controls-auto .bx-stop:before{content:"\f04c"; font-family:FontAwesome;}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus { color:#00a7cb }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: center; width: 100%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { left: 50%; bottom: 97px; width: 37px; margin-left: -100px; z-index: 99; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }
.bx-next,.bx-prev {text-indent: -9999px; display:block; position:absolute; top:0; width:100%; height:100%;}

.bo_fx{position:absolute; bottom:10px; left:20px; display:inline-block; z-index:99;}
.btn_bo_user{margin:10px auto;width:100px}
.btn_bo_user a{padding:7px 10px;}