@charset "UTF-8";


#hd_wrap #hd_wrapper {background:#fff;}
#hd_wrap #hd_wrapper:after {background:#fff;}
#hd:after {background:#fff !important;}
#hd_wrap .hd_menu_on #hd_wrapper{background:#fff !important;}

#main_container, #container_wr{max-width:2000px !important;}

/* 메인 스타일 시작 */
.main-top{overflow:hidden;width:100%;margin-bottom: 20px;}
.main-center{display:inline-block;margin:0 auto;width:100%;display:block;max-width: 1200px;clear:both; overflow:hidden;}
.main-center2{clear:both; overflow:hidden;width:100%;margin:0 auto;max-width:1200px}
.main-gap{margin:0 auto 20px ;max-width:1200px}

.main_cbt{width:100%;display:block;background:#f5f5f5;text-align: center;max-width:1200px}
.main_cbt .section_body{width:100%;margin:60px auto;display:inline-block;max-width:1200px}

.center_bg{background:#fff;width:100%;max-width: 1200px;margin: 0 auto;}


.main-section1{float:left;display: inline-block;margin:0 auto;width:100%;text-align:left !important;max-width: 1200px;}
.main-section1 h3{padding-top:30px;}
.main-section1 > div{display:inline-block;text-align:center;margin-left:15px !important;}
.main-section1 > div:first-child{border-left:0px !important;margin-left:0px !important;}
.main-section1 .textbox__title{color:#fff}
.main-section1 .textbox{width:calc(16.666666667% - 20px);padding:30px; position: relative;border-radius:10px}
.main-section1 .textbox > a {display:block;}
.main-section1 .textbox__body{padding-top:10px;font-weight:bold;text-align:center;display:inline-block;}
.main-section1 .textbox__body h2{font-size:15px; font-weight:normal}
.main-section1 .textbox__image{padding-bottom: 30px;height:60px;line-height:60px}
.main-section1 .textbox > a:hover .textbox__image img{transform: scale(1.06); transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;}

section[class*="main-section"]{max-width:386px}
.main-section2{width:100%; border:1px solid #ddd;padding:30px;background:#fff}
.main-section3{width:100%;margin:0 20px; border:1px solid #ddd;padding:30px;background:#fff}
.main-section4{width:100%;border:1px solid #ddd;padding:30px;background:#fff}

/*.main-section4 .mbd_rbox01{border:2px solid #c8e9eb; padding:30px;background:#fff}
.main-section4 .mbd_rbox02{border:2px solid #e1e8d0; padding:30px;background:#fff}*/

.main-section4 .mbd_rbox01{border:2px solid #e1e8d0; padding:30px;background:#e0e7cd}
.main-section4 .mbd_rbox02{border:2px solid #e1e8d0; padding:30px;background:#e0e7cd}




.main_bottom {padding:40px 0;background: #fff;width:100%;text-align:center}
.main-bottom{display:inline-block;width:100%;max-width: 1200px;margin: 0 auto;}
.mb_title{width:100px;text-align:left;font-size:22px;font-weight:bold;line-height:47px}

/*#main_container{background:url("/theme/basic/img/pub/main-bottom_img.png") center bottom no-repeat;padding-bottom:440px;width:100%}*/

.center_bg2{width:100%;max-width: 1200px;margin: 0 auto 40px;}
.center_bg2 .board_body > section{display:inline-block;width:calc(33.33333333333% - 13.4px);margin-right:20px}
.center_bg2 .board_body .main-section14{margin-right:0px;background-color:#707070}

.main-section12{height:280px;border:1px solid #ddd;border-top:2px solid #f26522;padding:20px}
.main-section13{height:280px;border:1px solid #ddd;border-top:2px solid #f26522;padding:20px}
.main-section14{height:280px;}
.main-section14 .loc_btn:hover .bg-orange{background:#333 !important;transition: all .3s ease;}
.main-section14 .text-big{font-size:26px}


.mb_app_bn{    align-items: center; justify-content: flex-end;text-align:right;}


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




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


@media screen and (max-width: 540px) {

	#hd_pops_3, .hd_pops_con, .hd_pops_footer{width:100vw !important;height:auto !important;}
	.hd_pops_con img{width:100%;height:auto !important;}

}





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


/* MAIN BANNER */
.main-banner{position:absolute;text-align:center; width:100%;left:50%; transform: translate(-50%, -0%);}



/* PAGER */
.bx-wrapper .bx-pager { position: absolute; bottom: 30px; right:50px; width:100%; text-align:right; 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);}
.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; width: 1200px;margin: 0 auto;}
.main-banner_btn-prev2 {left:10px;}
.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: 10px;}

/* 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;}











/*Responsive 370, 480, 768, 992, 1160*/
@media all and (max-width:1199px){
	#hd_inside{display:none}
	#container_wr{padding:0 15px}

	#hd_wrap #hd_wrapper{background:#fff !important;}
	.main_bottom{display:none}
	.mc_qbox {flex-wrap: wrap;}
	.mc_qbox div[class*="mc_qbox_dv"]{width:33.33333%;max-width:calc(33.33333% - 1px) }
	.mc_qbox .mc_qbox_dv04{clear:both}
	.mc_qbox .mc_qbox_dv04, .mc_qbox .mc_qbox_dv05 {width:50% !important;max-width:calc(50% - 1px) !important;}

	.main-center {flex-wrap: wrap;}
	.main-center .main-section2, .main-center .main-section3{max-width:calc(50% - 10px)}
	.main-center .main-section3{margin-right:0px}
	.main-center .main-section4{max-width:100%;margin-top:20px;flex-direction: row;}
	.main-center .main-section4 .mbd_rbox01, .main-center .main-section4 .mbd_rbox02{width:50%;max-width:calc(50% - 10px) !important;}

	.main-section5, .main-section6{max-width:calc(50% - 10px)}
	.main-section5 .pic_lt ul li:last-child{display:none}
	.main-section5 .pic_lt li{width:calc(50% - 10px)}
	.main-section5 .pic_lt li img{width:100%}
}


@media all and (max-width:840px){
	/*.main-top .main-visual {height:0px !important}*/

}

/*Responsive 370, 480, 768, 992, 1160*/
@media all and (max-width:768px){
	.main-section2, .main-section4{width:100% !important;float:none;}
	.main-section3, .main-section5{width:100% !important;float:none;margin-left:0px !important;}
	.main-section5 img{width:100% !important;height: auto !important;}
}

/*Responsive 370, 480, 768, 992, 1160*/
@media all and (max-width:690px){
	.mb_app_ibox_title{width:100%;margin-bottom:10px;text-align:center;}
	.mb_app_bn{text-align:center;}
}

@media all and (max-width:570px){
	.main-section3 .mr-bnbox:first-child{padding:40px 10px}
	.main-section3 .mr-bnbox a{font-size:14px}
	.mc_qbox div[class^="mc_qbox_dv0"]{padding:30px 0}
	.main_bottom .mb_title{display:block;width:100%;font-size:14px;}
	.main_bottom .con-img{width:47%}
	.main_bottom img{max-width:100%}


	.main-center {flex-direction: column; align-items: center;}
	.main-center .main-section2, .main-center .main-section3{width:100%;max-width:100%;margin-bottom:20px}

	.main-section5, .main-section6{max-width:100% !important;margin:0 0 20px !important;}
}


/*Responsive 370, 480, 768, 992, 1160*/
@media all and (max-width:420px){
	.mc_qbox .mc-img{height:60px;line-height:60px}
	.mc_qbox img{height:60px}
}

/*Responsive 370, 480, 768, 992, 1160*/
@media all and (max-width:369px){
	.mc_qbox{flex-direction: column !important;}
	.mc_qbox div[class^="mc_qbox_dv0"]{width:100%;max-width:100%;margin-bottom:1px;margin-right:0px;}
	.mc_qbox .mc_qbox_dv04, .mc_qbox .mc_qbox_dv05{width:100% !important;max-width:100% !important;margin-bottom:1px}

	.main-center .main-section4{flex-direction:column}
	.main-center .main-section4 .mbd_rbox01, .main-center .main-section4 .mbd_rbox02{flex-direction:column;width:100%;max-width:100% !important;margin-bottom:1px}


}