@charset "utf-8";

/*=================모바일 및 기본 세팅===================*/
#part_links{ position:fixed;  right:-250px; top:0; width:250px; height:100%; border-left:#c32943 solid 3px; padding:30px 20px;  background:url("/home/build/images/main/main_visual01.jpg")  center no-repeat; background-size:cover; transition: cubic-bezier(.2,.62,.51,.9) 0.3s; z-index: 6000; }
#part_links.open{ right:0; transition: cubic-bezier(.2,.62,.51,.9) 0.6s;  }
#part_links.hide{ display:none; }
#part_links .part_open{ position:absolute; top:90px;  transform:translateX(calc(-100% - 23px)); width:40px; height:100px;  background:#222125; color:#fff; text-align: center; padding-top:25px; font-size:14px; border-top-left-radius: 3px;   border-bottom-left-radius: 3px; }
#part_links .part_open i{ margin-bottom:10px; }
#part_links h3{ color:#fff; margin-bottom:20px;  }
#part_links ul li { border-top:rgba(255,255,255,0.3) solid 1px; }
#part_links ul li:last-child{ border-bottom:rgba(255,255,255,0.3) solid 1px;}
#part_links ul li a{ position:relative; display:block; color:#fff; padding:5px 0; line-height: 30px;}
#part_links ul li a:after{ position:absolute; right:0; top:50%; transform:translateY(-50%);  display:inline-block; vertical-align: middle; content:"\f0a9"; font-family:"font awesome 5 pro"; font-weight:bold; color:#fff;  }
#part_links ul li a:hover:after{ color:#a61b32  }
#part_links ul li a:before{ display:inline-block; vertical-align: middle; content:""; width:25px; font-size:20px; font-family:"Font Awesome 5 Pro"; font-weight:bold; color:#fff; margin-right:10px; }
#part_links ul li:nth-child(1) a:before{ content:"\f85a"; } 
#part_links ul li:nth-child(2) a:before{ content:"\f495"; }
#part_links ul li:nth-child(3) a:before{ content:"\f3b3"; } 
#part_links ul li:nth-child(4) a:before{ content:"\f0fa"; } 
#part_links ul li:nth-child(5) a:before{ content:"\f82c"; } 
#part_links ul li:nth-child(6) a:before{ content:"\f53b"; } 
#part_links ul li:nth-child(7) a:before{ content:"\f0e3"; } 
#part_links ul li:nth-child(8) a:before{ content:"\f06c"; } 
#part_links ul li:nth-child(9) a:before{ content:"\f72d"; } 
#part_links ul li:nth-child(10) a:before{ content:"\f06d"; } 
#part_links ul li:nth-child(11) a:before{ content:"\f7a6"; } 
#part_links ul li:nth-child(12) a:before{ content:"\f90d"; } 
.part_link_drawer{ position:fixed; left:0; right:0; top:0; bottom:0;  background:rgba(0,0,0,0.8); visibility: hidden;  z-index: 5002}
.part_link_drawer.open{  visibility: visible;  }


.main_visual_area{ position:relative; background-color:#000 }
.visual_slide li{ float:left; width:100%; display:flex; justify-content:center;  flex-direction: column; font-family: 'Noto Serif KR', serif; height: 150px;  padding:0; background-size:cover; background-position:center; color:#fff;  text-align: center  }
.visual_slide li p{ font-size:16px; margin-bottom:10px; transition:all 0.5s ease 0.3s; }
.visual_slide li span{ display:block;font-size:25px; font-weight:bold;   transition:all 0.5s ease 0.5s;   }

.quick_links{ padding:30px 15px; background: linear-gradient(130deg, rgba(235,65,65,1) 0%, rgba(195,41,67,1) 100%);  border-radius: 3px;  overflow:hidden  }
.quick_links h3{ color:#fff; margin-bottom:20px; font-weight:300; text-align: center   }
.quick_links h3 span{ display:inline-block; font-weight:bold; margin-left:5px;   }
.quick_links ul li{ float:left; width:25%; }
.quick_links ul li a{ display:block; font-size:12px; color:#fff; text-align: center; padding:10px 0;  border-radius: 15px; line-height: 1.2; word-break: keep-all;  }
.quick_links ul li i{ display:block; width:50px; height:50px; background:#fff; margin:0 auto 8px auto; border-radius: 5px; background-image:url("/home/build/images/common/sprite_icon.png"); background-repeat:no-repeat; background-size:400px;  }
.quick_links ul li i.build01{ background-position:0 -50px;  }
.quick_links ul li i.build02{ background-position:-50px -50px;  }
.quick_links ul li i.build03{ background-position:-100px -50px;  }
.quick_links ul li i.build04{ background-position:-150px -50px;  }
.quick_links ul li i.build05{ background-position:-200px -50px;  }
.quick_links ul li i.build06{ background-position:-250px -50px;  }
.quick_links ul li i.build07{ background-position:-300px -50px;  }
.quick_links ul li i.build08{ background-position:-350px -50px;  }
.quick_links ul li i.build09{ background-position:-400px -50px;  }
.quick_links ul li i.build10{ background-position:-450px -50px;  }
.quick_links p{ font-size:12px; padding:15px 0 0 0; text-align: center; color:#fff; clear: both  }

.latest_area{ position:relative; padding:25px 15px; }
.latest_area:after{ display:block; clear: both; content:"" }
.latest_area h3{  display:inline-block; font-size:20px; font-family: 'Montserrat';  vertical-align: middle }
.latest_area h4 a{ display:inline-block; font-size:16px;  font-weight:300; color:#2a2a2a; padding:5px 10px 7px;  vertical-align: middle; margin-left:5px;  }
.latest_area h4.active  a{  font-weight:bold; color:#eb4141; border:#eb4141 solid 1px;  border-radius: 30px;   }
.latest_area h4.active + ul{ display:block; }
.latest_box { display:inline-block; min-height:370px;  }
.latest_box ul{ display:none; position:absolute; left:15px; right:15px; top:70px;  }
.latest_box ul li { margin-bottom:20px; }
.latest_box ul li:nth-child(n+4){ display:none; }
/*.latest_box ul li:last-child{ margin:0; }*/
.latest_box ul li a{ display:block; }
.latest_box .title{ width:100%; font-size:18px;  font-weight:bold; color:#000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom:10px;  }
.latest_box .text{ line-height: 1.3; font-size:14px;   }
.latest_box span{ font-size:14px; }
.latest_box .view_more{ display:none; position:absolute; right:20px; top:30px; }
.latest_area h4.active ~ .view_more{ display:inline-block; }

.notify_main{ position:relative; padding:15px; border-radius: 15px; overflow:hidden }
.notify_main h3{  display:block; font-size:20px; font-family: 'Montserrat';  vertical-align: middle; margin-bottom:20px;  }
.notify_main .caroufredsel_wrapper{ border-radius:15px; }
.notify_main_list { }
.notify_main_list li{ float:left; border-radius: 15px;   overflow:hidden }
.notify_main_list li a[target="_blank"]:after{display:none;}
.notify_main_list li img{ width:100%; max-width:100%; }
.notify_ctrl{ position:absolute; left:15px; right:15px;  bottom:15px; background:rgba(70,70,70,0.9); padding:10px 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;  }
.notify_ctrl a{ color:#fff; margin:0 3px;   }
.notify_ctrl .paging{ color:#fff; display:inline-block; margin-right:10px; }

.notify_main_pager{ display:none !important}

.banner_wrap{ margin:15px;  border-radius: 20px; overflow:hidden  }
.banner_wrap > ul > li{ position:relative }
.banner_wrap > ul > li > div{ position:relative; padding:15px;  }
.banner_wrap h4{ font-size:18px; margin-bottom:15px; line-height: 1.3 }
.banner_wrap .select_menu{ position:relative; display:inline-block; width:70%; font-size:16px;  }
.banner_wrap .select_menu span{ position:relative; display:block; padding:10px 20px 12px; background:#404040; border-radius: 30px; text-align: left; z-index: 100}
.banner_wrap .select_menu span:after{ position:absolute; right:15px; top:10px; content:"\f107"; font-family: "font awesome 5 pro"; font-size:20px;  font-weight:500; color:#fff; }
.banner_wrap .select_menu span a{ display:block; color:#fff; font-weight:500; }
.banner_wrap .select_menu ul{ display:none; position:absolute; width:100%; top:15px; border:#404040 solid 1px; background:#fff; padding:25px 15px 5px 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
.banner_wrap .select_menu ul li:last-child a{ border-bottom:0; }
.banner_wrap .select_menu ul li a{ display:block; font-size:14px; padding:10px 0; border-bottom:#eee solid 1px;  text-align: left }
.banner_wrap .btn_go{ display:inline-block; font-weight:500; border:#000 solid 1px; border-radius: 30px; color:#333; padding:10px 20px; }
.banner_wrap .banner01{ text-align:right }
.banner_wrap .banner01 .full_row{background:#ffe5cd url("/home/build/images/main/bg_bnr01.jpg") left bottom no-repeat; padding-top:30px; background-size:50%;  z-index: 6}
.banner_wrap .banner01 .half01{ text-align: left; background:#b2eedf url("/home/build/images/main/bg_bnr02.jpg") right bottom no-repeat; background-size:100% auto; padding-bottom:80px;   z-index: 5 }
.banner_wrap .banner01 .half01 h4{ display:inline-block; margin-right:20px; }
.banner_wrap .banner01 .half01 h4 br{ display:none }
.banner_wrap .banner01 .half02{ text-align: left; background:#d0edf1 url("/home/build/images/main/bg_bnr03.jpg") right bottom no-repeat; background-size:contain;  z-index: 4 }
.banner_wrap .banner02{ background:#fddbca url("/home/build/images/main/bg_bnr04.jpg") 95% bottom no-repeat; background-size:contain; padding:30px 0;  z-index: 3 }
.banner_wrap .banner03 .half01{ background:#d0edf1 url("/home/build/images/main/bg_bnr05.jpg") right bottom no-repeat; background-size:100px;  z-index: 2 }
.banner_wrap .banner03 .half02{ background:#c5e9fb url("/home/build/images/main/bg_bnr06.jpg") 95% 90% no-repeat; background-size:120px;  z-index: 1 }

.banner_wrap .banner01 div:first-child{background:#ffe5cd url("/home/build/images/main/bg_bnr001.jpg") left bottom no-repeat; z-index:6}
.banner_wrap .banner01 div.half03{background:#fbf0fd url("/home/build/images/main/bg_bnrnew.jpg") right bottom no-repeat;}
.banner_wrap .banner01 div.half03 h4{display:block;}
/*===============서브영역==============*/

/*===============서브영역 끝==============*/

/*==================
사이즈별 추가코드
==================*/

/*smartphones ( portrait )*/
@media all and (max-width:320px) {

}

/*smartphones ( landscape )*/
@media all and (min-width:321px) and (max-width:360px) {

}

/*smartphones ( landscape )*/
@media all and (min-width:361px) and (max-width:375px) {

}

/*smartphones ( landscape )*/
@media all and (min-width:376px) and (max-width:414px) {

}

/*smartphones ( landscape )*/
@media all and (min-width:415px) and (max-width:480px) {

}

/*tablet( portrait )*/
@media all and (min-width:640px) {



}
@media all and (min-width:641px) and (max-width:767px) {

}

/*=================
태블릿 기본 세팅
===================*/
@media all and (min-width:768px) {

	.quick_links ul li{ width:12.5%; }

	.latest_area{ float:left; width:60%; }


	.notify_main{ float:right; width:40%; padding-top:30px;  margin-right:0; }

	.banner_wrap{ clear:both }
	.banner_wrap > ul > li:after{ display:block; clear: both; content:""}
	.banner_wrap .banner01 .full_row{ background-size:auto }
	.banner_wrap .banner01 .half01{ float:left; width:50%; height:140px;  }
	.banner_wrap .banner01 .half02{ float:left; width:50%;  height:140px;  }
	.banner_wrap .banner02{ float:left; width:50%; height:280px;}
	.banner_wrap .banner03{ float:right; width:50%; }
	.banner_wrap .banner03 div{ height:140px; }
	.banner_wrap .select_menu{ width:200px;}
}

/*=================
데스크탑 기본 세팅
===================*/
 @media all and ( min-width:1024px){

	 .latest_area{  width:70%; }
	 .notify_main{  width:30%; }
	 .latest_area ul li{  float:left; width:31%; min-height:160px; padding-right:3%; margin-right:3%; margin-bottom:30px; border-right:#eff0f1 solid 1px;   }
	 .latest_area ul li:nth-child(3n){ margin-right:0; border-right:0;  }
	 .latest_area ul li:nth-child(n+4){ display:block; margin-bottom:0;  }
	 .latest_box .text{ margin-bottom:10px; }

	 .quick_links h3{ float:left; width:15%; text-align:left; font-size:20px; margin-bottom:0; padding-top:10px;  }
	 .quick_links h3 span{ display:block; margin:10px 0 0 0; }
	 .quick_links ul{ float:right; width:85%; }

	 .quick_banner{ padding:50px 0; }

 }

 @media all and ( min-width:1440px){

	 #part_links{ width:535px; right:-535px; border-left-width:11px; padding:45px 0 0 0   }
	 #part_links h3{ font-size:30px; font-weight:300; margin-bottom:42px; padding-left:30px;  }
	 #part_links h3 span{ font-weight:bold; margin-right:10px; }
	 #part_links .part_open{ top:260px; width:135px; height:135px; font-size:20px; padding-top:35px; transform:translateX(-146px)}
	 #part_links .part_open i{ font-size:25px; }
	 #part_links ul li a{ font-size:20px;  padding:10px 0 ;}
	 #part_links ul li a:before{ font-size:25px; margin-left:30px; margin-right:30px;  }
	 #part_links ul li:nth-child(1) a:before{ background-position:-26px -19px }
	 #part_links ul li:nth-child(2) a:before{background-position: -114px -19px;}
	 #part_links ul li:nth-child(3) a:before{background-position: -206px -19px;}
	 #part_links ul li:nth-child(4) a:before{background-position: -295px -19px;}
	 #part_links ul li:nth-child(5) a:before{background-position: -387px -19px;}
	 #part_links ul li:nth-child(6) a:before{background-position: -477px -19px;}
	 #part_links ul li:nth-child(7) a:before{background-position: -569px -19px;}
	 #part_links ul li:nth-child(8) a:before{background-position: -659px -19px;}
	 #part_links ul li:nth-child(9) a:before{background-position: -751px -19px;}
	 #part_links ul li:nth-child(10) a:before{background-position: -843px -19px;}
	 #part_links ul li:nth-child(11) a:before{background-position: -933px -19px;}
	 #part_links ul li a:after{ font-size:30px;  right:30px;  }


	 #main_visual_area{ overflow:hidden }
	 #main_visual_area .container{text-align: left  }

	 .visual_slide li{ display:block; height:400px; padding-top:150px;  text-align: left;  }
	 .visual_slide li span{ font-size:68px; }
	 .visual_slide li p{ font-size:25px; }

	 .visual_ctrl a{ font-size:65px; }

	 .visual_pager{ bottom:180px}

	 #latest_area{  position:relative; padding-top:180px;  padding-bottom:60px; }
	 #latest_area:after{ display:block; clear: both;  content:"" }

	 .quick_links{position:absolute;left:30%;right:0;width:70%;top:-80px;margin-bottom:50px;background: linear-gradient(130deg, rgba(235,65,65,1) 0%, rgba(195,41,67,1) 100%);box-shadow:rgba(0,0,0,0.2) 1px 1px 40px;padding: 20px 0 20px 20px;z-index: 100;}
	 .quick_links h3{font-size:20px;padding-left:20px;padding-top:30px;width: 20%;}
	 .quick_links h3 span{ font-size:30px; }
	 .quick_links ul{float:left;width: 78%;}
	 .quick_links ul li i{ width:78px; height:78px; margin-bottom:15px; background-size:625px;   }
		.quick_links ul li i.build01{ background-position:0 -78px; }
		.quick_links ul li i.build02{ background-position:-78px -78px; }
		.quick_links ul li i.build03{ background-position:-156px -78px; }
		.quick_links ul li i.build04{ background-position:-234px -78px; }
		.quick_links ul li i.build05{ background-position:-312px -78px; }
		.quick_links ul li i.build06{ background-position:-390px -78px; }
		.quick_links ul li i.build07{ background-position:-468px -78px; }
		.quick_links ul li i.build08{ background-position:-546px -78px; }
	 .quick_links ul li a{ font-size:14px; font-weight:500 }
	 .quick_links p{ text-align:right; }

	 .latest_area{ float:left; width:1045px; margin-bottom:30px; padding:0;     }
	 .latest_area h3{ font-size:22px; margin-left:40px; margin-right:20px;  }
	 .latest_area h4 a{ font-size:18px; padding:10px 20px; margin-left:10px;  }

	 .latest_box{ min-height:485px; }
	 .latest_box ul{ border:#eee solid 1px; border-radius: 30px; left:0; right:0; top:53px; padding:50px 0 50px 50px; min-height:434px; }

	 .latest_area .title{ font-size:20px; padding:10px 0; color:#292b30; font-weight:500; }
	 .latest_area .text{ line-height:1.8 }
	 .latest_box .view_more{ font-size:20px; font-weight:bold; top:10px;  }

	 .notify_main{ float:right; padding:0; width:330px;  margin-bottom:30px; }
	 .notify_main .caroufredsel_wrapper{ border-radius:0; }
	 .notify_main h3{ margin-top:10px; margin-bottom:25px;  }
	 .notify_main_list li{ border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
	 .notify_ctrl{ position:relative; left:0; bottom:0; right:0; padding:13px 20px;   }

	 .banner_wrap{ margin:0; overflow:visible }
	 .banner_wrap h4{ font-size:22px; margin-bottom:30px; font-weight:500;  }
	 .banner_wrap > ul > li > div{ padding:50px 40px; }
	 .banner_wrap .select_menu{ width:200px; }

	 .banner_wrap .banner01{ float:left; width:50%; }
	 .banner_wrap .banner01 div{ height:230px !important; }
	 .banner_wrap .banner01 .full_row{ border-top-left-radius:20px; }
	 .banner_wrap .banner01 .half01{ border-bottom-left-radius:20px; }
	 .banner_wrap .banner01 .full_row h4{ margin-top:40px; }
	 .banner_wrap .banner01 .half02{ background-size:auto }
	 .banner_wrap .banner02{ float:left; width:25%; height:460px; background-size:auto }
	 .banner_wrap .banner02 h4{ margin-top:150px;}
	 .banner_wrap .banner03{ float:left; width:25%; }
	 .banner_wrap .banner03 div{ height:230px !important; background-size:auto !important }
	 .banner_wrap .banner03 .half01{border-top-right-radius:20px; }
	 .banner_wrap .banner03 .half02{ border-bottom-right-radius:20px; }
	 
	 .banner_wrap .banner01 div:first-child{border-radius:20px 0 0 0}
	 .banner_wrap .banner01 .half03{border-radius:0}
 }
@media all and (min-width:1600px){
	.quick_links{ padding-right:10%; }
	.quick_links h3{ width:20%;  }
	.quick_links ul{ width:80%}
}