@charset "utf-8"; 

/* Main-visual */
/*
.main-visual .ls-wp-container {max-width:1050px; height:731px; margin:0 auto;}
.main-visual .ls-wp-container.ls-v5 .ls-bottom-slidebuttons, .main-visual .ls-wp-container.ls-v5 .ls-nav-start, .main-visual .ls-wp-container.ls-v5 .ls-nav-stop, .ls-v5 .ls-nav-sides {top: -120px;}
*/

.ls-v5 .ls-bottom-slidebuttons, .ls-v5 .ls-nav-start, .ls-v5 .ls-nav-stop, .ls-v5 .ls-nav-sides {
    top: -120px !important;
}

@media screen and (max-width:1280px){	
	/* Main-visual */
	/*.main-visual .ls-wp-container {max-width:1280px;} */
}

@media screen and (max-width:1024px){
	/* Main-visual */
	/*.main-visual .ls-wp-container {max-width:1024px;} */
}

@media all and (max-width:1023px){
	/* Main-visual */
	/*
	.main-visual .ls-wp-container {max-width:1023px;} 
	.main-visual .ls-wp-container .ls-slide .ls-l {left:25%;}
	*/
}

@media screen and (max-width:979px){
	/* Main-visual */
	/*.main-visual .ls-wp-container {max-width:979px;} */
}

@media screen and (max-width:752px){
	/* Main-visual */
	/*.main-visual .ls-wp-container {max-width:752px;} */
	.ls-v5 .ls-bottom-slidebuttons, .ls-v5 .ls-nav-start, .ls-v5 .ls-nav-stop, .ls-v5 .ls-nav-sides {
    top: -30px !important;
}
}

@media screen and (max-width:360px){
	/* Main-visual */
	/*.main-visual .ls-wp-container {max-width:320px;z} */
	.main-visual .ls-wp-container .ls-slide .ls-l {width:700%}
}

@media screen and (max-width:320px){
	/* Main-visual */
	/*.main-visual .ls-wp-container {max-width:320px;z} */
}

/* quick_menu */
.quick_menu {position:relative; overflow:hidden; display:block; max-width:1050px; /*height:52px;*/ padding:0; margin:30px auto 30px auto; /*background-color:#fff;*/ z-index:100;}
.quick_menu .quick_area {width:100%;}
.quick_menu .quick_area h4 {display:none;}
.quick_menu .icon_area {float:left; width:100%;}
.quick_menu .icon_area ul {display:flex; gap:10px;}
.quick_menu .icon_area ul li {flex:1; font-size:16px; text-align:center;}
.quick_menu .icon_area ul li:last-child {margin-right:0%;}
.quick_menu .icon_area ul li:hover {color:#fff;}
.quick_menu .icon_area ul li:visited {text-decoration:none;}
.quick_menu .icon_area ul li a {display:inline-block; color:#fff; width:100%;padding-top:105px; height:35px;}
.quick_menu .icon_area ul li a.qm01 {background:#2babe0 url('../img/main/quick_m01.png') no-repeat 50% 50%; }
.quick_menu .icon_area ul li a.qm02 {background:#9acf48 url('../img/main/quick_m02.png') no-repeat 50% 50%;}
.quick_menu .icon_area ul li a.qm03 {background:#f4a41a url('../img/main/quick_m03.png') no-repeat 50% 50%;}
.quick_menu .icon_area ul li a.qm04 {background:#f3702b url('../img/main/quick_m04.png') no-repeat 50% 50%;}
.quick_menu .icon_area ul li a.qm05 {background:#f32b89 url('../img/main/quick_m05.png') no-repeat 50% 50%;}
.quick_menu .icon_area ul li a.qm06 {background:#b2b1b5 url('../img/main/quick_m06.png') no-repeat 50% 50%;}
.quick_menu .icon_area ul li a.qm07 {background:#830e91 url('../img/main/quick_m07.png') no-repeat 50% 50%;}
.quick_menu .icon_area ul li a:hover {text-decoration:none;}

@media screen and (max-width:1280px){
	.quick_menu .quick_area {width:97%; margin:0 auto;}
}

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

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

@media screen and (max-width:1008px){
	.quick_menu .icon_area ul {flex-wrap:wrap;}
	.quick_menu .icon_area ul li {flex:0 0 calc(33.33% - 10px);}
	.quick_menu .icon_area ul li {font-size:15px;}
}

@media screen and (max-width:950px){
	.quick_menu .icon_area ul li {font-size:13px;}
	
}

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

	.quick_menu {margin:15px auto 15px auto; }
	.quick_menu .quick_area {max-width:680px;}
	.quick_menu h4 {display:none !important;}
	.quick_menu ul {width:94% !important; margin:0 auto !important; }
	.quick_menu .icon_area ul li {flex:1 1 calc(50% - 5px);}
	.quick_menu .icon_area ul li:hover {color:#fff;}
	.quick_menu .icon_area ul li:visited {text-decoration:none;}
}


@media screen and (max-width:480px){
	.quick_menu {max-width:480px;}
	.quick_menu .icon_area ul li {font-size:11px;}
}

@media screen and (max-width:360px){
	.quick_menu {max-width:360px;}
}


/* content */
#wrap #container .m-content {position:relative; margin:3px 0 0; overflow:hidden;}

/* business */
.busContents {position:relative; background:#efefef; max-width:100%; margin:0 auto;}
.bus_area {position:relative; max-width:1050px; margin:0 auto; overflow:hidden;}
.bus_area:after	{content:""; display:block; clear:both;}

.bus_area ul {position:relative; width:100%;}
.bus_area ul li.ba-bg1 {float:left !important; width:36% !important; max-width:380px; overflow:hidden; margin-right:0 !important; background-color:#fcfcfc;}
.bus_area ul li.ba-bg2 {float:left !important; width:36% !important; max-width:380px; overflow:hidden; margin-right:0 !important; background-color:#5ebde5;}
.bus_area ul li.ba-bg3 {float:right !important; width:28% !important; max-width:290px; overflow:hidden; margin-right:0 !important; background-color:#efefef;}
.bus_area ul li .bs_title {position:relative; display:block;  width:auto; height:35px; line-height:35px; color:#333333; text-align:left; font-size:17px; font-family:"Nanum-bold"; padding:30px 30px 0 30px;}
.bus_area ul li.ba-bg2 .bs_title {color:#fff;}

.bus_area ul li .bs_title .moreBtn {position:absolute; top:30px; right:30px;}
.bus_area ul li .newArea {position:relative; min-height:158px; padding-bottom:15px; max-height:240px;}
.bus_area ul li .newArea:after {content:"";display:block;clear:both}
.bus_area ul li .newArea ul {margin:5px 0 0 0;}
.bus_area ul li .newArea li {position:relative; display:block; width:85%; height:28px; min-height:28px; margin:0px 0 0 30px;text-align:left; }
.bus_area ul li .newArea li:last-child {border-bottom:none;}
.bus_area ul li .newArea li .tit a {display:block; color:#666666 !important; font-size:14px; font-family:"Nanum-regular"; line-height:1.7em; height:1.7em; overflow:hidden; background:url('../img/main/news_icon01.png') no-repeat 0 50%; padding-left:8px;}
.bus_area ul li .newArea li .date {color:#999999; line-height:1.7em; position:absolute; right:0px; top:0px; font-size:13px;}
.bus_area ul li.ba-bg2 .newArea li .tit a {display:block; color:#fff !important; font-size:14px; font-family:"Nanum-regular"; line-height:1.7em; height:1.7em; overflow:hidden; background:url('../img/main/news_icon02.png') no-repeat 0 50%; padding-left:8px;}
.bus_area ul li.ba-bg2 .newArea li .date {color:#d1f0fd; line-height:1.7em; position:absolute; right:0px; top:0px; font-size:13px;}

.bus_area ul li.ba-bg3 .banner_zone {position:relative; height:150px; left:30px; width:255px;}
.bus_area ul li.ba-bg3 .banner_zone .mbanner_control {float:right; width:auto; margin-top:-25px; }
.bus_area ul li.ba-bg3 .banner_zone .mbanner_control li {float:left; padding:0; margin:0 2px;}
.bus_area ul li.ba-bg3 .banner_zone .mbanner_img {position:absolute; top:5px; overflow:hidden; width:255px; height:140px;}
.bus_area ul li.ba-bg3 .banner_zone .mbanner_img li {float:left;}
.bus_area ul li.ba-bg3 .banner_zone .mbanner_img li img { width:255px; height:140px;}


@media screen and (max-width:1280px){
	.busContents {max-width:1280px;}
	.bus_area ul {position:relative; width:100% !important; margin:0 auto !important;}
	.bus_area ul li.ba-bg1 {float:left !important; width:36% !important; max-width:380px; overflow:hidden; margin-right:0 !important; background-color:#fcfcfc;}
	.bus_area ul li.ba-bg2 {float:left !important; width:36% !important; max-width:380px; overflow:hidden; margin-right:0 !important; background-color:#5ebde5;}
	.bus_area ul li.ba-bg3 {float:right !important; width:28% !important; max-width:290px; overflow:hidden; margin-right:0 !important; background-color:#efefef;}
	
	.bus_area ul li .newArea ul {margin:20px 0 0 0 !important;}
	.bus_area ul li .newArea li {width:84% !important;}
	.bus_area ul li.ba-bg3 .banner_zone .mbanner_control {position:relative; top:-30px; right:0px; width:35px !important; height:20px; z-index:10000; }


}

@media screen and (max-width:1024px){
	.busContents {max-width:1024px;}
}

@media screen and (max-width:1023px){
	.busContents {max-width:1023px;}
}

@media screen and (max-width:1008px){
	.busContents {max-width:1008px;}
	.bus_area {width:96%; background-color:#efefef; margin:0 auto;}
	.bus_area ul li.ba-bg1 {float:left !important; width:50% !important; max-width:470px; overflow:hidden; margin-right:0 !important; background-color:#fcfcfc;}
	.bus_area ul li.ba-bg2 {float:left !important; width:50% !important; max-width:470px; overflow:hidden; margin-right:0 !important; background-color:#5ebde5;}
	.bus_area ul li.ba-bg3 {display:none;}
}

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

@media screen and (max-width:680px){
	.busContents {max-width:680px;}
	.bus_area {width:100%; }
	.bus_area ul {width:94% !important; margin:0 auto !important;}
	.bus_area ul li {width:100% !important; max-width:680px; height:auto !important; overflow:hidden; margin-right:0 !important;}
	.bus_area ul li .bs_title {font-size:15px !important;}
	.bus_area ul li .newArea li .date {display:none;}
}

@media screen and (max-width:480px){
	.busContents {max-width:480px; }
	.bus_area ul {position:relative; width:100% !important; margin:0 auto !important;}
	.bus_area ul li .newArea {position:relative; min-height:138px; padding-bottom:15px;  margin-top:-10px;}
	.bus_area ul li .bs_title .moreBtn {position:absolute; top:20px; right:30px;}
	.bus_area ul li .bs_title {position:relative; display:block;  width:auto; height:20px; line-height:20px; color:#333333; text-align:left; font-size:17px; font-family:"Nanum-bold"; padding:20px 30px 0 30px;}

	.bus_area ul li.ba-bg1 {width:100% !important; overflow:hidden; margin-right:0 !important; background-color:#efefef;}
	.bus_area ul li.ba-bg2 {width:100% !important; overflow:hidden; margin-right:0 !important; background-color:#5ebde5;}
	.bus_area ul li.ba-bg3 {position:relative; width:100% !important; overflow:hidden; margin-right:0 !important; background-color:#ffffff; display:block; max-width:480px; padding-bottom:30px; }

	.bus_area ul li.ba-bg3 .banner_zone {position:relative; width:94%; margin-top:-10px;}
	.bus_area ul li.ba-bg3 .banner_zone .mbanner_img {position:relative; top:0px; overflow:hidden; }
	.bus_area ul li.ba-bg3 .banner_zone .mbanner_img li img { width:94%; }

	.bus_area ul li.ba-bg3 .banner_zone .mbanner_control {position:relative; top:-15px; right:0px; width:75px !important; height:20px; z-index:10000; }
	.bus_area ul li.ba-bg3 .banner_zone .mbanner_control .prev_bn {position:absolute; top:0px; left:0px; }
	.bus_area ul li.ba-bg3 .banner_zone .mbanner_control .pause_bn {position:absolute; top:0px; left:20px; }
	.bus_area ul li.ba-bg3 .banner_zone .mbanner_control .next_bn {position:absolute; top:0px; left:40px; }


}

@media screen and (max-width:360px){
	.busContents {max-width:360px;}
	.bus_area ul li { min-height:160px;}
}

@media screen and (max-width:320px){
	.bus_area ul li { min-height:140px;}
}