/* 서브 */
#sub_visual{width:100%; min-width:320px; height:360px; text-align:center; background:#e8e9eb; transition: 0.5s all ease;}
#sub_visual .backgroundimg{position:relative; width:100%; text-align:center; height:100%; z-index:0; }
#sub_visual .visual_area {width:100%; max-width:2560px; height:100%; margin:0 auto; }


#sub_wrapper{width:100%; min-width:320px; margin:0 auto; }
#sub_wrapper:after{ content:""; display:block; clear:both;}
#sub_menu{ z-index:1; position:relative; display:block; width:100%; height:auto;  margin:-60px auto 0; background:rgba(0,0,0,.25); backdrop-filter: blur(5px); }
#sub_menu .sub_tab{width:100%; max-width:1400px; text-align:left; margin:0 auto; }
.sub_location{ width:100%; max-width:1400px; height:60px; font-size: 0; margin:0 auto; overflow:hidden;}
.sub_location ul{display:flex; justify-content: center; width:100%; }
.sub_location ul li{display:flex; align-items: center; text-align:center; min-width:150px; height:60px; border-right: 1px solid rgba(255,255,255,.2); overflow:hidden;  }
.sub_location ul li:first-child {border-left: 1px solid rgba(255,255,255,.2);}
.sub_location ul li a{display:flex; justify-content: center; align-items: center; font-size:1.1em; width:100%; height:100%; line-height:1.4; padding:0 15px; color: #fff; transition: 0.5s all 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; }


.sub_location ul li  {font-size:14px; color:#333; line-height:1.6em; font-family: 'Noto Sans KR', sans-serif; font-weight:400; letter-spacing:-0.02em;}
.sub_location ul li a:hover{color: #fff; background:#8f6133; box-sizing:border-box;}
.sub_location ul li a.on{color: #000; background:#fff;}


#sub_tit { position:absolute; width:100%; min-width:320px; max-width:1400px; margin:0px auto; top:200px; left:50%; margin-left:-700px; border:0px solid #1f4592; }
#sub_tit .path {z-index:2; display:none !important; position:absolute; top:170px; right:0;  }
#sub_tit .path li { float: left; text-align:center; font-size:0.9em; padding: 0 8px 0 12px; margin:0; color: #999; background: url('../image/ico_path.gif') no-repeat left center; }
#sub_tit .path li a span.ic-home {padding: 0;cursor: pointer;}
#sub_tit .path li a span.ic-home i { background: url('../image/icon_home.png')no-repeat left center; display:inline-block; width:11px; height:11px;}
#sub_tit .path li:first-child { background:none;}
#sub_tit .path li:last-child { color:#fff; font-weight:500;}
#sub_tit .title{ padding-bottom:10px; font-size:2.9em; color:#fff; font-weight:500; text-align:center; text-transform:uppercase; font-family: 'TheJamsil4Medium', sans-serif; } /*대문자로*/
#sub_tit .normal_txt{display:none; margin:0px 0; font-size:1.2em; color:#fff; text-transform:uppercase; text-align:center; line-height:1.6; word-break: keep-all; font-family: 'Noto Sans KR', sans-serif;}
#sub_tit .normal_txt .color1{color:#1f4592;}


.scontents{width:100%; max-width:1400px; height:100%;  margin:0px auto; padding:30px 0 50px 0; background:none; }
.scontents:after{ content:""; display:block; clear:both;}
.scontents .bg_vline { display: none !important; width:1px; height:30px; /*background: url('../image/bg_vline.gif') no-repeat center;*/ margin:0px auto; }
.scontents h3.title {  font-size: 2.5em;  text-align: center; margin-top:0px;}
.scontents .eng {  display:block; text-align:center; font-size: 2.5em;  font-weight:500;  margin:0px 0;}
.scontents .eng em { color: #1f4592; font-style: normal;}
.scontents .stitle { font-size:1.2em; line-height:1.5; text-align:center; color:#333; margin:10px 0 30px 0; }
.scontents .stitle:after{display:block; width:100%; border-bottom:1px solid #ddd; height:30px; background-color:#1f4592;}





/* 반응형 1400px 사이즈 이하*/
@media all and (max-width:1400px){

	#lnb {margin-right:170px;}
	#lnb .lnb_wrap > ul > li > a{padding:0 30px}
	
	#busi_wrap { padding:60px 4%; }

	#m_bnr { padding:50px 4%;}
	#about_wrap { padding:60px 4%; }

	

	#pro_wrap {padding:60px 0; padding-top:0;}
	#pro_tab .pro_list{max-width:96%;}

	#comm_wrap { padding:60px 4%; margin-top:0; }

	#footer .inner {padding:40px 4%}
	#footer .copy_left li p {width:65%;}


	#sub_tit{left:0; margin-left:0;}

}


/* 반응형 중간기기 1240px 사이즈 이하*/
@media all and (max-width:1240px){
	.scontents{width:96%;}
	.wrap_box{width:98%;}

	#backtotop{display:none !important;}	

}


/* 반응형 중간기기 1100px 사이즈 이하*/
@media all and (max-width:1100px){

	#mobile_header{display:block; min-width:320px; }
	#header_wrap, #gnb_wrap, #gnb_area {display:none;}

	.lview{display:none;}
	.sview{display:block;}


	#container {margin-top:0px;}		


	#main_visual .swiper-slide{width:100%; height:auto;}
	#main_visual .swiper-slide div.backgroundimg{height:auto; }
	#main_visual .sliderkit-text div.lviewa{font-size:3em;}
	#main_visual .sliderkit-text div.sviewa{font-size:1.25em;}	
	#main_visual .pagination .pagination-in .swiper-pagination {bottom:10%;}
	#main_visual .link_bnr {flex-direction: column; position:relative; height:auto; border-radius:0;}
	#main_visual .link_bnr h4.link_bnr_tit {width:100%; text-align:center;}
	#main_visual .link_bnr h4.link_bnr_tit a {justify-content: center; padding:20px 15px; }
	#main_visual .link_bnr ul {width:100%; flex-wrap: wrap; background:#fff;}
	#main_visual .link_bnr ul li {width:50%; border-bottom:1px solid #eee;}
	#main_visual .link_bnr ul li:before {background:#eee;}
	#main_visual .link_bnr ul li a {padding:0 15px; height:80px; font-size:1.15em; color:#222; }
	#main_visual .link_bnr ul li:hover {background:#eee;}
	#main_visual .link_bnr ul li:hover:after {display:none;}
	#main_visual .link_bnr ul li:hover {width:50%;}
	
	#busi_wrap .con_title h3 { font-size:2.5em;}


	#about_wrap{padding:80px 4%; margin:0;}
	#about_wrap:before {width:100%; border-radius:0; }
	#about_wrap .con_title h3 { font-size:2.5em;}


	#pro_wrap .con_title h3 { font-size:2.5em;}
	#pro_area {width:100%; padding:0 4%;}
	#pro_tab .pro_list{max-width:100%;}
	#pro_tab .pro_list > ul > li{ float:left; width:49%; margin:0; margin-bottom:50px;}
	#pro_tab .pro_list > ul > li:nth-child(even){ float:right; }	


	#comm_wrap .con_title h3 { font-size:2.5em;}
	#comm_wrap .notice_area ul.simple_lat li{float:left !important; width:49%; height:240px; margin-right:0; margin-bottom:2%;}
	#comm_wrap .notice_area ul.simple_lat li:nth-child(even) {float:right !important; margin-right:0;}
	#comm_wrap .notice_area ul.simple_lat li a { display:inline-block; max-width:90%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
	
	
	#backtotop{right:15px;}	


	#sub_visual{height:300px; margin-top:0px;}


	#sub_tit { left:0; margin-left:0; top:160px}
	#sub_tit .path { display:none; }
	#sub_tit .title{ font-size:2em; }
	#sub_tit .normal_txt{font-size:1.2em;  color:#fff;  text-transform:uppercase; text-align:center; line-height:1.6; word-break: keep-all; text-shadow: 0px 1px 4px #333; font-family: 'Noto Sans KR', sans-serif;}
	#sub_tit .normal_txt .color1{color:#1f4592;}

	.scontents h3.title { text-align: center;}
	.scontents .eng {  text-align: center;}
	.scontents .stitle { text-align:center; }
}


/* 반응형 중간기기 992사이즈 이하 */
@media screen and (max-width: 992px) {		

	#m_bnr .con_box ul li .txts strong{font-size:1.3em;}

	#about_wrap .con_left {width:100%; text-align:center;}
	#about_wrap .con_left .counter_box {width:100%; margin:40px auto;}
	#about_wrap .con_right {width:100%; height:auto; }
	#about_wrap .con_right img {width:100%;}
	#about_wrap .con_right .imgs01 {position:static; left:unset; top:unset; transform: unset; float:left; }
	#about_wrap .con_right .imgs02 {position:static; right:unset; top:unset; transform: unset; float:right; margin-top:50px; }
	#about_wrap:hover .con_right .imgs01 {margin-top:50px;}
	#about_wrap .con_right img {filter: grayscale(0);}


	#footer .copy_left{width:100%; margin-top:30px;}
	#footer .copy_right{width:100%; text-align:center;}
	#footer .copy_cs { width:100%; }


	#sub_menu{margin-top:0; background:#fff;  }
	.sub_location{height:auto;overflow:hidden;}
	.sub_location ul {flex-wrap: wrap;}
	.sub_location ul li{width:33.333333%; border-right: 1px solid #ddd;}
	.sub_location ul li:first-child {border-left:0;}
	.sub_location ul li a{color: #222; border-bottom:1px solid #ddd; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
	.sub_location ul li a:hover{color: #222; background:#f5f5f5;}
	.sub_location ul li a.on{color: #fff; background:#8f6133;}
	.sub_location ul li:nth-child(3n){border-right:0px;}

	#sub_tit { top:190px}

}


/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {			

	.mview{display:block;}
	
	#main_visual .swiper-slide .backgroundimg .mobile_only{display:block;}
	#main_visual .swiper-slide .backgroundimg .pc_only{display:none;}
	.swiper-button-next, .swiper-button-prev{display:none !important;}
	#main_visual .sliderkit-text div.lviewa{font-size:2.5em;}
	#main_visual .sliderkit-text div.sviewa{font-size:1.1em;}	
	
	#busi_wrap .con_title h3 {font-size:2.25em;}
	#busi_wrap .con_title p { font-size:1.15em;}

	#m_bnr{overflow:auto;}
	#m_bnr .con_box{min-width:768px;}

	#about_wrap .con_title {text-align:center;}
	#about_wrap .con_title h3 {font-size:2.25em;}
	#about_wrap .con_title p { font-size:1.15em;}
	#about_wrap .con_right .imgs02 {margin-top:20px; }
	#about_wrap:hover .con_right .imgs01 {margin-top:20px;}	

	#pro_wrap .con_title h3 {font-size:2.25em;}
	#pro_wrap .con_title p { font-size:1.15em;}
	#pro_tab .tab {margin:20px 0;}
	#pro_tab .tab li{float:left; width:49%; margin:0; margin-bottom:2%;  }
	#pro_tab .tab li:nth-child(even){float:right; margin-right:0;}	
	#pro_tab .tab li a {text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
	#pro_tab .pro_list > ul > li > a > p{height:45px; font-size:1.3em; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
	
	#comm_wrap {background-position:75% 50%;}
	#comm_wrap .con_title h3 {font-size:2.25em;}
	#comm_wrap .notice_area a.btn_more{width:40px; height:40px;}	
	#comm_wrap .notice_area ul.simple_lat li{ width:100%; height:auto; padding:20px 25px; margin-bottom:4%;}
	#comm_wrap .notice_area ul.simple_lat li:last-child {margin-bottom:0;}	
	#comm_wrap .notice_area ul.simple_lat li .txt,
	#comm_wrap .notice_area ul.simple_lat li span.date{display:none;}

	#copy_bnr ul {flex-direction: column; height:auto;}
	#copy_bnr ul li { width:100%; }
	#copy_bnr ul li:hover {width:100%;}


	.scontents{padding:50px 0 50px 0;}
	.scontents .stitle { margin-bottom:20px; }	
	

	.visual_area {background-position:center top; background-size:cover !important;}

}



/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {	

	body,td,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section,input,textarea,select,button{font-size:13px;}


	#about_wrap .con_left .counter_box ul li .icon i{ width:50px; height:50px; line-height:50px; }

	#footer .copyright {letter-spacing:1px;}

	#sub_visual{height:180px; }
	#sub_visual .visual_area { background-position:center top; background-size:cover !important;}

	
	#sub_tit {top:100px; background:none; margin:30px auto;}
	#sub_tit .title{  font-size:2em;  } 
	#sub_tit .normal_txt{font-size:1em;}
	.scontents .eng { font-size: 2em; }
	.scontents .stitle { font-size:1em;  }

	
	.sub_location ul li{width:50%; height:40px;}
	.sub_location ul li:nth-child(3n){border-right:1px solid #ddd;}
	.sub_location ul li:nth-child(2n){border-right:0px solid #ddd;}
	

	.q-menu{ display:none;}	

}


/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	


	
}


#mainMenu > li:last-child > a {
  color: #000000 !important;
}