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

#visual .sliderbx{ z-index:10;width:100% !important; height:400px; position:relative;}
#visual #slogan{margin:0 auto; position:relative; top:50%; color:#fff; width:1200px; z-index:998; transform:translateY(-60%);}
#visual #slogan span{display:inline-block; font-size:20px; font-weight:300; line-height:1.5em;}
#visual #slogan h2{display:block; font-size:45px; font-weight:bold; line-height:1.3em;}
#visual .sliderbx li.mv02 #slogan h2{color:#222;}
#visual .sliderbx li.mv02 #slogan p{display:block; padding:9px 0 0; color:#222; font-size:16px; font-weight:500; line-height:1.5em; word-break:keep-all;}
#visual #slogan em{display:block; padding:9px 0 0; font-size:16px; font-weight:400; line-height:1.5em;}
#visual .sliderbx li{width:100% !important; height:100%; background-repeat:no-repeat; background-position:50% 50%;}
#visual .sliderbx li.mv01{background-image:url(../img/main/mvisual01.jpg)}
#visual .sliderbx li.mv02{background-image:url(../img/main/mvisual02.jpg)}
#visual .sliderbx li.mv03{background-image:url(../img/main/mvisual03.jpg)}
#visual .sliderbx li a{ display:block; width:100%; height:100%;}
#visual div.bx-pager{ position:absolute; top:50%; left:60px; z-index:101; transform:translateY(-60%);}
#visual div.bx-pager div{margin: 0 0 7px;}
#visual div.bx-pager div:last-child{margin:0;}
#visual div.bx-pager div a{ display:block; width:20px; height:2px; text-indent:-9999px; background:#fff;  opacity:0.6; box-sizing:border-box; transition:all 0.3s ease;}
#visual div.bx-pager div a.active{width:30px; opacity:1;}
#visual div.bx-controls-direction a{ display:block; width:40px; height:40px; border-bottom:3px solid #FFF; border-left:3px solid #FFF; border-radius:0 0 0 5px; text-indent:-9999px; position:absolute; top:50%; margin-top:-25px !important; z-index:9999;} /*좌우버튼동시선택*/
#visual a.bx-prev{ transform:translateY(-50%) rotate(45deg); left:30px;}
#visual a.bx-next{ transform:translateY(-50%) rotate(-135deg); right:30px;}	
#visual .bx-controls-direction{display:none;}
#visual div.bx-controls-auto{position:absolute; width:40px; top:30px; z-index:2; left:50%; margin-left:470px; }
#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/btn_play.png) no-repeat 50% 50% #4C5365;}
#visual div.bx-controls-auto a.bx-stop{background:url(../img/common/btn_stop.png) no-repeat 50% 50% #4C5365;}


.quick_bn{z-index:100; position:fixed; right:0; top:180px; padding:35px 28px; background:#027c58; border-radius:10px 0 0 10px;}
.quick_bn i{position:relative; display:block; font-size:16px; font-style:normal; line-height:1.15em; color:#fff; font-weight:300;}
.quick_bn i:first-child{padding:20px 0 0;}
.quick_bn i:first-child:before{content:''; position:absolute; top:0; width:15px; height:15px; background:url(../img/common/icon_q_join.svg)no-repeat center;}
.qucik_consult *{display:inline-block; color:#fff;}
.qucik_consult > p{position:relative; font-size:15px; font-weight:500;}
.qucik_consult > i{font-style:normal; font-size:15px; font-weight:500; margin-right:6px;}

@media (max-width:1600px) {
	#visual div.bx-pager{left:inherit; right:60px;}
	#visual div.bx-pager div a{width:8px; height:8px; border-radius:50px;}
	#visual div.bx-pager div a.active{width:8px;}
}
@media (max-width:1500px) {
	#visual #slogan{width:90%;}
}
@media (max-width:1200px) {
	#visual #slogan{width:92%;}
	#visual div.bx-pager{right:4%;}
	.quick_bn{top:100px; padding:20px;}
	.quick_bn i{font-size:15px;}
}
@media (max-width:1024px) {
	#visual,
	#visual .sliderbx{height:350px;}
	#visual #slogan h2{font-size:40px;}
	#visual #slogan{transform:translateY(-50%);}
	#visual div.bx-pager{left:inherit; right:3%; transform:translateY(-50%);}
	.quick_bn{top:90px; padding:15px;}
}
@media (max-width:768px) {
	#visual #slogan h2{font-size:35px;}
	#visual #slogan span{font-size:18px;}
	#visual,
	#visual .sliderbx{height:350px;}

	#visual .sliderbx li.mv01{background-image:url(../img/main/m_mvisual01.jpg);}
	#visual .sliderbx li.mv02{background-image:url(../img/main/m_mvisual02.jpg);}
	#visual .sliderbx li.mv03{background-image:url(../img/main/m_mvisual03.jpg);}

	.quick_bn{padding:15px 10px;}
	.quick_bn i{font-size:14px; line-height:1em;}
	.quick_bn i:first-child{padding:17px 0 0;}
	.quick_bn i:first-child:before{width:13px; height:13px;}
}
@media (max-width:600px) {
	#visual #slogan h2{font-size:30px;}
	#visual #slogan span{font-size:17px;}
	#visual .sliderbx li.mv02 #slogan p,
	#visual #slogan em{font-size:15px;}
	#visual .sliderbx li.mv01{background-position: 90% 50%;}
	#visual .sliderbx li.mv02{background-position: 70% 50%;}
}
@media (max-width:550px) {
	#visual,
	#visual .sliderbx{height:300px;}
	#visual #slogan h2{font-size:27px;}
	#visual #slogan span{font-size:16px;}
	#visual .sliderbx li.mv02 #slogan p{font-size:14px;}
	#visual #slogan em{font-size:14px;}
	#visual .sliderbx li.mv02 #slogan p{padding:5px 0 0;}
	#visual #slogan em{padding:5px 0 0;}
	.quick_bn{top:75px; border-radius:8px 0 0 8px;}
	.quick_bn i{font-size:13px; font-weight:400;}
	.quick_bn i:first-child{padding:15px 0 0;}
	.quick_bn i:first-child:before{width:11px; height:11px;}
}
@media (max-width:450px) {
	#visual #slogan h2{font-size:25px;}
	#visual .sliderbx li.mv02 #slogan p{width:80%; line-height:1.3em;}
	#visual .sliderbx li.mv02 #slogan p br{display:none;}
}
@media (max-width:400px) {
	#visual #slogan h2{font-size:23px;}
}
#content{position:relative;}
.area_quick{display:none; position:absolute; top:-75px; left:0; z-index:90; right:0; height:130px; box-sizing:border-box;}
.area_quick .inr{ background:#fff; height:100%; border-radius:5px; box-sizing:border-box; box-shadow: 0px 5px 9px 1px rgba(0, 0, 0, 0.05);}}
.area_quick:after{content: ''; display: block; clear: both;}
.quick_title{padding:24px 0; box-sizing:border-box; background:#007a56 url(../img/main/quick_bg.jpg)no-repeat center; width:195px; float:left; height:100%; border-radius:5px 0 0 5px; text-align:center; color:#fff;}
.quick_title > h2{font-size:45px; font-weight:bolder;}
.quick_title > span{display:block; padding:10px 0 0; font-size:14px; font-weight:400;}
.quick_list{padding:16px 0; float:left; width:calc(100% - 195px); width:-webkit-calc(100% - 195px); text-align:center;}
.quick_list > li{display:inline-block; width:16%; border-right:1px dashed #eee; transition: all 0.3s;}
.quick_list > li:last-child{border:none;}
.quick_list > li > a{display:block; height:100%;}
.quick_list > li span{display:block; margin:0 auto; width:75px; height:75px; background:#f9f9f9; border-radius:50%; transition: all 0.3s;}
.quick_list > li:nth-child(1) span{background:#f9f9f9 url(../img/main/icon_quick01.svg)no-repeat center; background-size:40%;}
.quick_list > li:nth-child(2) span{background:#f9f9f9 url(../img/main/icon_quick02.svg)no-repeat center; background-size:50%;}
.quick_list > li:nth-child(3) span{background:#f9f9f9 url(../img/main/icon_quick03.svg)no-repeat center; background-size:50%;}
.quick_list > li:nth-child(4) span{background:#f9f9f9 url(../img/main/icon_quick04.svg)no-repeat center; background-size:50%;}
.quick_list > li:nth-child(5) span{background:#f9f9f9 url(../img/main/icon_quick05.svg)no-repeat center; background-size:48%;}
.quick_list > li:nth-child(6) span{background:#f9f9f9 url(../img/main/icon_quick06.svg)no-repeat center; background-size:50%;}
.quick_list > li h3{display:block; padding:7px 0 0; font-size:15px; font-weight:400; color:#333;}
.quick_list > li:hover span{    transform: rotateY(360deg);-webkit-transform: rotateY(360deg); background-color:#eaf3f6;}
.quick_list > li:nth-child(2n):hover span{background-color:#fbf6d7;}

@media (max-width:1200px) {
	.quick_title{width:170px;}
	.quick_title > h2{font-size:40px;}
	.quick_list{width:calc(100% - 170px); width:-webkit-calc(100% - 170px);}
}
@media (max-width:1100px) {
	.quick_title{width:150px;}
	.quick_title > h2{font-size:38px;}
	.quick_list{width:calc(100% - 150px); width:-webkit-calc(100% - 150px);}
}
@media (max-width:1024px) {
	.area_quick{position:relative; top:0; }
	.area_quick .inr{width:100%; border-radius:0; box-shadow:none;}
	.quick_title{border-radius:0;}
}
@media (max-width:950px) {
	.area_quick{padding:30px 0 0; background:#f6f5ea; height:auto;}
	.area_quick .inr{width:94%;}
	.quick_title{padding:15px 0; width:100%; height:auto; border-radius:5px 5px 0 0;}
	.quick_title > h2{font-size:32px;} 
	.quick_title > span{padding:7px 0 0;}
	.quick_list{padding:20px; width:100%;}
	.quick_list > li{width:auto; padding:0 12px; border-right:none;}
}
@media (max-width:820px) {
	.area_quick{padding:3% 0 0;}
	.quick_list{padding:20px 10%;}
	.quick_list > li{width:33%; margin:0 0 20px;}
	.quick_list > li:nth-child(n+3){margin:0;}
}
@media (max-width:600px) {
	.quick_title{padding:10px 0;}
	.quick_title > h2{font-size:28px;}
	.quick_title > span{padding:4px 0 0}
	.quick_list{padding:20px;}
	.quick_list > li{padding:0; width:30%; margin:0 0 20px;}
}
@media (max-width:550px) {
	.area_quick .inr{width:96%;}
	.quick_title{padding:5px 0;}
	.quick_title > h2{font-size:24px;}
	.quick_title > span{padding:2px 0 0; font-size:13px;}
}
@media (max-width:450px) {
	.quick_list{padding:20px 5px}
	.quick_list > li{width:32%;}
}
@media (max-width:400px) {
	.quick_list > li{width:38%;}
}

.area_board{padding:60px 0;}
.lt .lt_title{border-bottom:none;}
#oneshot_2_7 #border{height:250px !important;}
#oneshot_2_7 .la_title{border-bottom:none;}
.area_notice{float:left; margin:0 50px 0 0; width:calc(100% - 410px); width:-webkit-calc(100% - 410px); box-sizing:border-box;}
.area_notice ul{width:100%; border:1px solid #eee;}
.area_notice ul:after{content: ''; display: block; clear: both;}
.area_notice ul > li{position:relative; float:left; width:calc((100% / 3) - 0.1px); width:-webkit-calc(100% / 3); height:250px; padding:0; border-left:1px solid #eee; box-sizing:border-box; background:#fff; letter-spacing:0; transition:all 0.3s ease;} 
.area_notice ul > li:first-child{border-left:none;}
.area_notice ul > li > a{width:100%; height:100%; z-index:1; position:relative; display:block; padding:25px; box-sizing:border-box; font-size:16px; font-weight:500; line-height:1.5em; color:#333;}
.area_notice ul > li > a h3{padding:15px 0 0; line-height:1.6em; min-height:64px; max-height: 4em;  word-break: keep-all; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.area_notice ul > li > a .strong:before{content:'NOTICE'; position:absolute; top:-13px; left:25px; padding:0 10px; font-size:13px; font-weight:bold; background:#f7971c; border-radius:20px; color:#fff; z-index:10;}
.area_notice ul > li > a p.news_text{display:block; padding:10px 0 0; font-size:15px; font-weight:400; color:#555; line-height:1.6em; min-height:50px; max-height: 6em;  word-break: keep-all; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.area_notice ul > li > a span{display:block; padding:40px 0 0; font-size:16px; font-weight:400; color:#999;}
.area_notice .lt li:before{display:none;}
.area_notice .lt li a:hover{color:#333; font-weight:600;}
.area_notice ul > li:hover{box-shadow: 0px 5px 21px 9px rgba(247, 151, 28, 0.03);}
.area_notice ul > li:before,
.area_notice ul > li:after{content:''; display:block; width:100%; height:250px; box-sizing:border-box; position:absolute;}
.area_notice ul > li:before{top:0px; left:0px; border:1px solid #eee;}
.area_notice ul > li:after{z-index:0; top:0px; left:0px; border-width:2px; border-style: solid; border-color:#f7971c; border-image-slice:1; transform:scale(1.01,1.01); transition:all 0.2s ease-out 0s; opacity:0; }
.area_notice ul > li:hover:after{transform:scale(1,1); opacity:1; }
.area_gallery{float:left; width:360px;}

@media (max-width:1200px) {
	.area_notice{margin:0 30px 0 0; width:calc(100% - 390px); width:-webkit-calc(100% - 390px);}
	.area_notice ul > li{width: calc((100% / 2) - 0.1px); width: -webkit-calc(100% / 2);}
	.area_notice ul > li:nth-child(3){display:none;}
	.area_notice ul > li > a{padding:25px;}
}
@media (max-width:1024px) {
	.area_board{padding:50px 0;}	
}
@media (max-width:950px) {
	.area_notice{width:48.5%; margin:0 3% 0 0;}	
	.area_gallery{width:48.5%;}
	.area_notice ul > li > a{padding:15px;}
	.area_notice ul > li > a h3{margin:10px 0 0;}
	.area_notice ul > li > a .strong:before{left:15px;}
}
@media (max-width:768px) {
	.area_notice ul > li{width:100%;}
	.area_notice ul > li:nth-child(2){display:none;}
	.area_board{padding:30px 0;}
}
@media (max-width:550px) {
	.area_board{padding:20px 0;}
	.area_notice{width:100%; margin:0 0 20px 0;}
	.area_notice ul > li{height:180px;}
	.area_notice ul > li:before, .area_notice ul > li:after{height:180px;}
	.area_notice ul > li > a span{padding:20px 0 0;}
	.area_notice ul > li:nth-child(2),
	.area_notice ul > li:nth-child(3){display:block; border-top:1px solid #eee; border-left:none;}
	.area_notice ul > li > a h3{margin:0; -webkit-line-clamp: 1; min-height:auto;}
	.area_gallery{width:100%;}
}
.area_bn{padding:60px; background:#f6f5ea;}
.area_bn .bn_list{text-align:center;}
.area_bn .bn_list:after{content: ''; display: block; clear: both;}
.area_bn .bn_list > li{display:inline-block; vertical-align:top; margin:0 30px 0 0; border:1px solid #eee; background:#fff; width:calc((100% / 5) - 26px); width:-webkit-calc((100% / 5) - 26px); box-sizing:border-box;}
.area_bn .bn_list > li:last-child{margin:0;}
.area_bn .bn_list > li > a{display:block; height:100%;}
.area_bn .bn_list > li > a .area_img{width:100%; height:190px; overflow:hidden;}
.area_bn .bn_list > li > a .area_img img{width:100%; height:100%; transform: scale(1.0); transition: all 0.5s cubic-bezier(0.51, 0.21, 1, 1);}
.area_bn .bn_list > li:hover > a .area_img img{transform: scale(1.05);}
.area_bn .bn_list > li > a .area_txt{text-align:left; padding:20px; box-sizing:border-box;}
.area_bn .bn_list > li > a .area_txt span{font-size:12px; font-weight:400; color:#999;}
.area_bn .bn_list > li > a .area_txt h3{display:block; padding:5px 0 0; font-size:19px; font-weight:500; color:#333; word-break:keep-all;}
.area_bn .bn_list > li > a .area_txt h3.title{padding:0; font-size:16px; font-weight:bold;}
@media (max-width:1400px) {
	.area_bn .bn_list > li > a .area_txt h3{font-size:17px;}
}

@media (max-width:1200px) {
	.area_bn .bn_list > li{float:left;}
	.area_bn .bn_list > li{margin:0 30px 30px 0;  width:calc((100% / 3) - 20px); width:-webkit-calc((100% / 3) - 20px);}
	.area_bn .bn_list > li:nth-child(3n){margin:0;}
}
@media (max-width:1024px) {
	.area_bn{padding:50px 0;}
	.area_bn .bn_list > li > a .area_img{height:200px;}
	.area_bn .bn_list > li > a .area_txt{padding:15px;}
	.area_bn .bn_list > li > a .area_txt h3{font-size:17px;}
}
@media (max-width:768px) {
	.area_bn{padding:30px 10px;}
	.area_bn .bn_list > li{margin:0 20px 20px 0;  width:calc((100% / 2) - 10px); width:-webkit-calc((100% / 2) - 10px);}
	.area_bn .bn_list > li:nth-child(3n){margin:0 20px 20px 0;}
	.area_bn .bn_list > li:nth-child(2n){margin:0;}
	.area_bn .bn_list > li:nth-child(4){margin-bottom:20px;;}
}
@media (max-width:560px) {
	.area_bn .bn_list > li{width:100%; margin:0 0 10px;}
	.area_bn .bn_list > li:nth-child(1){margin:0 0 10px;}
	.area_bn .bn_list > li > a .area_txt{padding:20px 15px;}
	.area_bn .bn_list > li > a .area_img{height:260px;}
	.area_bn .bn_list > li:nth-child(3n),
	.area_bn .bn_list > li:nth-child(2n){margin:0 0 10px;}
}
@media (max-width:550px) {
	.area_bn{padding:10px;}
}
@media (max-width:450px) {
	.area_bn .bn_list > li{width:100%; margin:0 0 10px;}
	.area_bn .bn_list > li:nth-child(1){margin:0 0 10px;}
}
@media (max-width:400px) {
	.area_bn .bn_list > li > a .area_img{height:220px;}
	.area_bn .bn_list > li > a .area_txt{padding:15px;}
}