@charset "UTF-8";

/***********************************
*  MAIN
************************************/
/* MAIN - 레이아웃 ****************************************************************************/

#main_container{position:relative; background-color: #f2f4f7;}
.main_container_inner{width: 1200px;margin: 0 auto;padding: 10px 0 5px;}
.main_content_wrap{width:100%;}
.main_cont{height: 100%;box-sizing: border-box;}
.main_content{float: left;width: 58.3%;}
.main_box_content {float: right; width: 41.7%;}
.main_banner_wrap{width: 100%;height: 180px;margin-top: 8px;}


/* main_cont - visual ****************************************************************************/
.main_visual_wrap{width: 100%;height: 486px;padding: 44px 60px;background: url(../images/no_img.jpg) no-repeat top right; background-size: cover;}
.main_visual_wrap p{margin-bottom: 10px;line-height: 26px;color: #807b77;font-size: 16px;}
.main_visual_wrap p.on{margin-top: 0;}
.main_visual_wrap strong{line-height: 46px;color: #293024;font-size: 34px; font-weight: 600;}
.main_visual_wrap span {display: none}

/* main_cont - main_about_wrap ****************************************************************************/
.main_about_wrap{width:100%; height: 194px;background-color: #fff;}
.main_about_wrap .tab_wrap{position: relative;}
.main_about_wrap .tab_lst{border-bottom: 2px solid #404852;}
.main_about_wrap .tab_lst li{float: left;width: 112px;height: 42px;line-height: 40px;text-align: center;font-size: 17px;}
.main_about_wrap .tab_lst li h2{display: block;width: 100%;height: 100%; font-size:17px; font-weight: 800; color:#fff; background-color: #404852;border: 1px solid #404852;}
.main_about_wrap .tab_lst + .ico_plus{position: absolute;top: 14px;right: 6px;width: 12px;height: 12px;text-indent: -9999px;background: url(../images/spr_global_icon.png) no-repeat -578px -39px;}
.main_about_wrap .main_about_cont{float: left;width: 50%;height: 100%;padding: 20px;}
.main_about_wrap .directions_wrap{position: relative;width: 50%;height: 100%;padding-left: 40px;background: url(../images/bg_directions.png) repeat 0 0;}
.main_about_wrap .directions_wrap a{display: block;width: 100%;height: 100%;border: 1px solid transparent;}
.main_about_wrap .directions_wrap a:after{position: absolute;top: 50px;right: 32px;width: 92px;height: 92px;background: url(../images/spr_global_icon.png) no-repeat -498px -80px;content: " ";z-index: 10;}
.main_about_wrap .directions_wrap a .ico_directions_pin{display: block;position: absolute;bottom: 64px;right: 80px;width: 27px;height: 40px;background: url(../images/spr_global_icon.png) no-repeat -450px -86px;z-index:11;}
.main_about_wrap .directions_wrap a:hover .ico_directions_pin{animation: pin .8s 0ms ease-in infinite;}
@keyframes pin {
  0% {
    bottom: 64px;
  }
  50% {
    bottom: 70px;
  }
}
.main_about_wrap .directions_wrap h2{margin-top: 36px; color: #4b4b4b;font-size: 20px;}
.main_about_wrap .directions_wrap .tel{color: #6cb60c;font-size: 22px;font-weight: 800;letter-spacing: 1px;}
.main_about_wrap .directions_wrap p{color: #777;}

.main_lst_style *{font-family: "돋움", "Dotum" !important;}
.main_lst_style{width:100%; margin-top: 20px;}
.main_lst_style li{position:relative; display: block; padding: 4px 0; width:100%; }
.main_lst_style li > a{display:inline-block; width:100%; padding-right:55px; color: #6a6a6a; font-size: 12px;}
.main_lst_style li:hover > a{color: #6cb60c;}
.main_lst_style li time{position: absolute; bottom:4px; right:0;font-family: "돋움", "Dotum"; font-size: 12px; color:#999;}
.main_lst_style .ico_new a:after{display: inline-block;width: 15px;height: 14px;margin-left: 6px;vertical-align: middle;background: url(../images/spr_global_icon.png) no-repeat -575px -10px;content: " ";}


/* main_cont - box_content ****************************************************************************/
.main_box_content ul {width:100%;}
.main_box_content ul li{position: relative;float: left; display:table; width:50%; height: 216px; border-left:1px solid #fff; border-top:1px solid #fff;}
.main_box_content ul li:nth-child(2):after{position: absolute;top: -3px;right: 8px;width: 35px;height: 36px;background: url(../images/spr_global_icon.png) no-repeat -10px -93px;content:" ";}
.main_box_content ul > li > a {display: table-cell;width:100%; height:100%; text-align: center;vertical-align: middle;}
.main_box_content ul > li > .btnboxwrap {display: table-cell;width:100%; height:100%; text-align: center;vertical-align: middle; background-color: #45bcb9;}
.main_box_content ul li:nth-child(1){border-top: 0;background-color: #f5bb1a;}
.main_box_content ul li:nth-child(2){border-top: 0;background-color: #89bc48;}
.main_box_content ul li:nth-child(3){background-color: #7b8fe3;}
.main_box_content ul li:nth-child(4){background-color: #45bcb9;}
.main_box_content ul li:nth-child(5){background: url(../images/bg_main_box.png) no-repeat 0 0 ;-webkit-background-size: cover; background-size: cover;}
.main_box_content ul li:nth-child(6){background-color: #52a3d6;}
.main_box_content ul li:nth-child(5) a,
.main_box_content ul li:nth-child(6) a{height: 246px;vertical-align:top;padding-top:20px;}
.main_box_content ul li a h2{color: #fff;font-size: 24px;}
.main_box_content ul li a p{color: #fff;font-size: 14px;}
.main_box_content ul li:nth-child(6) a p{display: inline-block;line-height: 24px;text-align: left;font-size: 15px;}
.main_box_content ul li:nth-child(6) a p span{padding-left: 50px;color: #fff;}
.main_box_content ul li:nth-child(6) a h2{margin-bottom: 20px;}
.main_box_content ul li .ico_main_box{display: block;height: 68px;margin: 16px auto;background: url(../images/spr_global_icon.png) no-repeat 0 0;}
.main_box_content ul li:nth-child(1) .ico_main_box{width: 52px;background-position: -10px -8px;}
.main_box_content ul li:nth-child(2) .ico_main_box{width: 62px;background-position: -119px -6px;}
.main_box_content ul li:nth-child(3) .ico_main_box{width: 60px;background-position: -235px -6px;}
.main_box_content ul li:nth-child(4) .ico_main_box{width: 48px;background-position: -355px -13px;}
.main_box_content ul li:nth-child(5) .ico_main_box{width: 63px;background-position: -462px -8px;}

.main_box_content li > a:before {position: absolute;top: 50%;left: 50%;width: 80px;height: 80px;margin: -46px 0 0 -40px;border-radius: 100%;transform: scale(0);-ms-transform: scale(0);-webkit-transform: scale(0);content: " ";}
.main_box_content li:nth-child(1) a:before{background-color: #d7a417;}
.main_box_content li:nth-child(2) a:before{background-color: #78a53f;}
.main_box_content li:nth-child(3) a:before{background-color: #6c7ec7;}
.main_box_content li:nth-child(4) > a:before{display: none;}
.main_box_content li:nth-child(5) a:before{background: rgba(0, 0, 0, 0.6);}/*background-color: #97865a;*/
.main_box_content li > a:hover:before {transform: scale(1);transition: all 265ms ease-in;}
.main_box_content li > a:hover .ico_main_box {transform: scale(0.7);-ms-transform: scale(0.7);-webkit-transform: scale(0.7);-webkit-text-fill-color: transparent;transition: all 265ms ease-in;}
.main_box_content_m {display: none;}

.btnboxwrap_m {display: table; width:100%; height: auto; padding:5px 10px 10px 10px;}
.btnboxwrap {background:#45bcb9;}
.btnboxwrap > .btnbox {padding: 15px 30px 0 30px;}
.btnboxwrap > .btnbox > a {z-index:1; display: block; position:relative !important; margin-bottom:7px; padding: 0 24px 0 15px; height: 34px; background:#138b86; color: #fff; font-size:14px; line-height: 34px; text-align: left;} 
.btnboxwrap > .btnbox > a:hover {background:#0c6c68;}
.btnboxwrap > .btnbox > a:before {display: block; position:absolute; right:11px; top:12px; width:0; height:0; border-style: solid; border-width: 4.5px 0 4.5px 5px; border-color: transparent transparent transparent #fff; content: '';}
.btnboxwrap > .btnbox > a:after {display: block; position:absolute; right:13px; top:12px; width:0; height:0; border-style: solid; border-width: 4.5px 0 4.5px 5px; border-color: transparent transparent transparent #138b86; content: '';}
.btnboxwrap > .btnbox > a:hover:after {border-color: transparent transparent transparent #0c6c68;}
.btnboxwrap h2{color: #fff;font-size: 24px; background: transparent; text-align: center; border: 0;}


/***********************************
*  SWIPER CUSTOMIZING
************************************/
.main_banner_wrap .swiper-container{float: left;width:  58.3%;height: 100%;}
.main_banner_wrap .swiper-container + .swiper-container{width: 41.7%;}
.swiper-slide{width: 50%;background-color: #fff;}
.main_banner_wrap .swiper-button-prev,
.main_banner_wrap .swiper-button-next{width: 24px;height: 40px;}
.main_banner_wrap .swiper-button-prev:hover,
.main_banner_wrap .swiper-button-next:hover{background: rgba(0,0,0,0.7);}
.main_banner_wrap .swiper-button-prev span{left: 8px;}
.main_banner_wrap .swiper-button-next span{right: 7px;}



/***********************************
*  MAIN BANNER
************************************/
.main_banner_wrap{z-index:0; position: relative;}

.main_banner_wrap .swiper-slide {cursor: pointer; background-size: 100% 100% !important;}

.main_banner_1{width: 100%;height: 100%;background: url(../images/no_img.jpg) no-repeat 0 0; background-size: cover;}
.main_banner_2{width: 100%;height: 100%;background: url(../images/no_img.jpg) no-repeat 0 0; background-size: cover;}
.main_banner_3{width: 100%;height: 100%;background: url(../images/no_img.jpg) no-repeat 0 0; background-size: cover;}

/* .main_banner_1 p{margin-bottom: 8px;}
.main_banner_1 strong{color: #231e1e;}
.main_banner_1 strong span{color: #2f47b6;}
.main_banner_2 p,
.main_banner_3 p{margin-top: 20px;}
.main_banner_2 strong{color: #656363;}
.main_banner_2 strong span{color: #592416;}
.main_banner_3 strong{color: #1aaaa6;}
.main_banner_3 strong span{color: #159faf;} */


@media all and (max-width:1200px){
	.main_container_inner {width: 100%; padding: 10px 10px 44px 10px;}
	.main_about_wrap .main_about_cont {width:55%}
	.main_about_wrap .directions_wrap {width:45%; padding-left: 25px;}
}

@media all and (max-width:1199px){
	.main_about_wrap .main_about_cont {width:57%; padding: 25px 10px;}
	.main_about_wrap .directions_wrap {width:43%; padding-left:10px;}
	.main_about_wrap .directions_wrap h2 {margin-top: 15px;}
	.main_about_wrap .directions_wrap a:after {right:10px;}
	.main_about_wrap .directions_wrap a .ico_directions_pin {right:57px;}
	.main_about_wrap .directions_wrap p {width:50%;}
	.main_about_wrap .directions_wrap p br {display: none;}
	.main_about_wrap .directions_wrap .tel {font-size: 18px;}
	.main_banner_wrap .swiper-slide > div {padding: 30px 15px 30px 28px;}
	.main_banner_wrap .swiper-slide p {font-size: 12px;}
	.main_banner_wrap .swiper-slide strong {font-size: 19px;}
	.btnboxwrap > .btnbox {padding: 15px 15px 0 15px;}
	.btnboxwrap h2 {font-size: 22px;}

}

@media all and (max-width:1023px){
	.main_container_inner {padding: 0; margin-bottom: 40px;}
	.main_content {float: none; width:100%;}
	.main_box_content {float: none; width:100%;}
	.main_box_content ul li {width: calc(100% / 3); height: 226px !important;}
	.main_box_content ul li a { height: 100% !important;}
	.main_about_wrap .directions_wrap {padding-left: 30px;}
	
	.main_banner_wrap {width:100%;}
	.main_banner_wrap .swiper-container {width:50%;}
	.main_banner_wrap .swiper-container + .swiper-container {width:50%;}
	
	
	.btnboxwrap h2 {font-size: 24px;}
}

@media all and (max-width:768px){
	.main_container_inner {margin-top: 52px;}
	.main #snb {width:45px; height: 45px !important; overflow: visible !important;}
	.main #snb.active {width:100%  !important; height: 100% !important; background:#fff;}
	.btnboxwrap > .btnbox {padding: 15px 30px 0 30px;}

}

@media all and (max-width:767px){
	.main_content_wrap {position: relative; padding-bottom: 20px; background: #e5e5e5;}
	.main_cont {height:244px;}
	.main_visual_wrap {position:relative; height: 100%; background: url(../images/no_img.jpg) no-repeat 0 0; background-size: 100% 100%;}
	.main_visual_wrap h1 {position: absolute; left:0; bottom:0; padding: 8px 18px; width: 100%; height: 56px; background: rgba(48,55,86,0.9);}
	.main_visual_wrap strong {font-size: 23px; color: #fff; line-height: 1;}
	.main_visual_wrap p {display: none;}
	.main_visual_wrap br {display: none;}
	.main_visual_wrap span { display: block; font-size: 12px; color: #fff; font-weight: 300;}
	.main_about_wrap {position: absolute; left:0; bottom:-170px;}
	.main_about_wrap .main_about_cont {width:100%; padding:0 10px 10px 10px; border-top: 1px solid #d2d0d0;}
	.main_about_wrap .directions_wrap {display: none;}
	.main_about_wrap .tab_lst + .ico_plus {margin-top:-5px; width:26px; height: 26px; border: 1px solid #d3d2d2; border-radius: 50%; background: url(../images/spr_main_icon_m.png) no-repeat 7px -333px; background-size: 60px auto; }
	.main_about_wrap .tab_lst li h2 { border: 0; font-size:16px; color:#333333; background: transparent; text-align: left;}
	.main_box_content{display: none;}
	.main_lst_style {margin-top: 10px;}
	.main_lst_style li a {padding-right: 0;}
	.main_lst_style li time {display: none;}
	
	.main_box_content_m {display: block; width:100%;}
	.box_content_list_m {width: 100%; margin-bottom: 5px; padding: 0 10px; border-top:1px solid #d2d0d0; border-bottom:1px solid #d2d0d0; background: #fff;}
	.box_content_list_m li {position:relative; width:33.3333%; float:left; height: 102px; }
	.box_content_list_m li h2 {border:0; width:100%; height:100%; background: transparent; line-height: 1;}
	.box_content_list_m li h2 a {display: block; padding-top:77px; width:100%; height:100%; font-size:12px; color:#444; text-align: center; }
	.box_content_list_m li h2 a:after {position:absolute; top:9px; left: calc(50% - 30px); width:60px; height:60px; background: url(../images/spr_main_icon_m.png) no-repeat 0 0; background-size: 60px auto; content:''; }
	.box_content_list_m li:nth-child(2) h2 a:after {background-position: 0 -60px;}
	.box_content_list_m li:nth-child(3) h2 a:after {background-position: 0 -120px;}
	.box_content_list_m li:nth-child(4) h2 a:after {background-position: 0 -180px;}
	.box_content_m {width:100%; padding: 17px 20px; border-top:1px solid #d2d0d0; background: #fff;}
	.box_content_m h2 {position:relative; margin-bottom:12px; border:0; font-size:19px; line-height: 1;}
	.box_content_m h2:after {position:absolute; top:-1px; left: 130px; width:25px; height:21px; background: url(../images/spr_main_icon_m.png) no-repeat 0 -240px; background-size: 60px auto; content:''; }
	.box_content_m dl {display: block; width:100%;}
	.box_content_m dl:after {display:block;clear:both;content:'';}
	.box_content_m dl dt {clear:left; float: left; display:block; margin-right:12px; margin-top:5px;  width:58px; height:18px; text-align: center; background: #c6c6c6; font-size: 12px; color: #fff; line-height: 18px; border-radius: 3px;}
	.box_content_m dl dd {display:block;  float: left; margin-top:5px; width: calc(100% - 70px); font-size: 15px; color: #52535a; line-height: 18px; }
	.box_content_info_m {width:100%; padding: 9px 28px;  border-bottom:1px solid #d2d0d0;  background: #7c8cd0;}
	.box_content_info_m ul {width:100%;}
	.box_content_info_m ul li {position:relative; float: left; padding-left:49px; width:50%;}
	.box_content_info_m ul li h2 {border: 0; background: transparent; margin-bottom:0; line-height: 1;}
	.box_content_info_m ul li a {font-size: 15px; color: #e9ebf3; line-height: 36px;}
	.box_content_info_m ul li a:after {position:absolute; top:0; left:0; width:36px; height:36px; background: url(../images/spr_main_icon_m.png) no-repeat 0 -261px; background-size: 60px auto; content:''; }
	.box_content_info_m ul li span {font-size: 15px; font-weight:600; color: #e9ebf3; line-height: 36px;}
	.box_content_info_m ul li span:after {position:absolute; top:0; left:0; width:36px; height:36px; background: url(../images/spr_main_icon_m.png) no-repeat 0 -296px; background-size: 60px auto; content:''; }

	.main_banner_wrap {height: 130px; margin-top: -409px; border-top:1px solid #d2d0d0; border-bottom:1px solid #d2d0d0;}
	.main_banner_wrap .swiper-slide > div {padding: 30px;}
	.btnboxwrap h2 {font-size: 19px; text-align: left; padding-left: 20px;}
	.btnboxwrap > .btnbox {padding: 0 20px 13px 20px;}
	
	.main_banner_wrap .swiper-container {width:100%; height: 187px;}
	.main_banner_wrap .swiper-container + .swiper-container {width:100%; height: 187px; margin-top: 4px;}
}

@media all and (max-width:359px){

	.box_content_m dl dd {font-size: 13px;}

}