@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');

.clear:after { 
    content:""; 
    display:block; 
    clear:both;
}
* { margin:0; padding:0; outline:none; }
body {
line-height:1; font-size:14px; font-weight:400; color:#000; font-family: 'Noto Sans KR', sans-serif; word-wrap: break-word; word-break: keep-all;
overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 { margin:0; font-family: 'Noto Sans KR', sans-serif; line-height:1;  }
ul, ol { list-style:none; margin:0; }
a { outline:0; text-decoration:none; }
a:focus { outline:none; }
img { border:none; outline:none; max-width: 100%; }

p { margin:0; padding:0; word-wrap: break-word; word-break: keep-all;  }

/* html 폰트 사이즈 */

@media (max-width:1400px) {
	html { font-size: 9px; }
}
@media (max-width:1200px) { 
	html { font-size: 8.5px; }
}
@media (max-width:991px) { 
	html { font-size: 8px; }
}
@media (max-width:767px) { 
	html { font-size: 7.5px; }
}
@media (max-width:480px) {
	html { font-size: 6.5px; }
}



/*
mainColor
#30317f

*/

/* container */
.containerV1 { width: 1400px; margin: 0 auto; max-width: 100%; }
@media (max-width:1430px) {
	.containerV1 { padding: 0 15px; }
}

/*--------------------------------------------------- 해드세팅 ----------------------------------------------------------------------------*/
.header_wrap { 
position:fixed; right:0; top:0; width:100%; z-index:2000; transition:0.2s; background: #fff; border-bottom: 2px solid #30317f;
}

#header { 
-ms-display:flex; -ms-justify-content:space-between; -ms-align-items:center;
display:flex; justify-content:space-between; align-items:center;

}

.logo a { 
display: block; width: 24rem; height: 4.7rem; transition:0.2s;
background-image: url(img/logo.png); background-repeat: no-repeat; background-position: 0 0; background-size:100%;
}


/* menu */
/*---------------------------------------- outer ---------------------------------------------*/
#h_menu .outer { -ms-display:flex; display:flex; }
#h_menu .outer > li { position:relative; margin-right: 7.5rem; } 
#h_menu .outer > .siteMapBefore { margin-right: 6rem; } /* 사이트맵 버튼 전 li */
#h_menu .outer > li:last-child { margin-right: 0; }
#h_menu .outer > li > a {
display:block; font-size:18px; text-align:center; transition:0.3s; color: #313131; height: 9.8rem; line-height: 9.8rem; font-weight: bold;
}
/*---------------------------------------- //outer ---------------------------------------------*/


/*---------------------------------------- inner ---------------------------------------------*/
#h_menu .outer > li > .inner {
position:absolute; right:0; top:100%; z-index:1; border-top:5px solid #30317f;
width:20rem; background:#fff; padding:10px 0; display:none; box-shadow:0 5px 5px rgba(0,0,0,0.2);
}
#h_menu .outer > li > .inner > li > a  { display:block; transition:all 0.3s; padding:15px 20px; font-size:15px; text-align:right;  }
/*---------------------------------------- //inner ---------------------------------------------*/



/* hover */
#h_menu .outer > li:hover > a { color:#30317f; }
#h_menu .outer > li:hover > .inner { display:block; } 
#h_menu .outer > li > .inner > li > a:hover { color:#fff; background:rgba(48,49,127,.8); } 


/* 스크롤 했을 때 해드 효과 */
.header_wrap.scroll { border-bottom: 1px solid #30317f; }
.header_wrap.scroll #header { height: 7.8rem;  }
.header_wrap.scroll .logo a { background-size:90%; }
.header_wrap.scroll #h_menu .outer > li > a { height: 7.8rem; line-height: 7.8rem; }


/* 페이지 및 게시판 이동하면 해당 메뉴 스타일 */
#h_menu .outer > li > a.on { color:#30317f; font-weight: 700; } 





@media (max-width:1400px) {
	#h_menu .outer > li { position:relative; margin-right: 5rem; } 
	#h_menu .outer > li:last-child { margin-right: 0; }
	#h_menu .outer > li > a { font-size: 16px; }
}



@media (max-width:991px) {
	.header_wrap { transition:none; }

	#header { height: 9.412rem; }

	.logo a { transition:none; }
	
	/* 모바일 열기 버튼 */
	.header_wrap .open_btn { font-size:25px; cursor:pointer; color:#000;}


	/* menu */
	.menu_box { 
	background-color:#30317f; width: 20em; height: 100%; 
	position: fixed; right:0; top: 0; z-index:9999; margin-right:-20em; transition:margin-right 0.3s;
	}
	#h_menu {
	width: 20em; height: 100%; overflow-x: hidden; overflow-y:auto; position: absolute;  top:0; 
	}

	/* 모바일닫기버튼 */
	.close_btn { width:50px; height:50px; margin-right:auto; margin-left:0; cursor:pointer; }
	.close_btn > i { display:block; color:#fff; text-align:center; line-height:50px; font-size:30px; }
	
	

	/*---------------------------------------- outer ---------------------------------------------*/
	#h_menu .outer { flex-wrap:wrap; padding:30px 0; border-top:1px solid rgba(255,255,255,.1); }
	#h_menu .outer > li { width:100%; margin-right: 0; }
	#h_menu .outer > .siteMapBefore { margin-right: 0; }
	#h_menu .outer > li > a {
	padding:12px 20px; font-weight:500; color:rgba(255,255,255,0.7); text-align:left; height:auto; line-height:1; border-bottom:1px solid rgba(255,255,255,.4);
	font-size: 16px; pointer-events:none;
	}
	#h_menu .outer > .innerNone > a { pointer-events:none; } /* inner메뉴가 없는 li */
	/*---------------------------------------- //outer ---------------------------------------------*/

	/*---------------------------------------- inner ---------------------------------------------*/
	#h_menu .outer > li > .inner { 
	position:static; width:100%; padding:0; margin-left:30px; border-left:1px solid rgba(255,255,255,0.4); background:none; border-top:none; border-bottom: none;
	box-shadow:none;
	}
	#h_menu .outer > li > .inner > li:last-child > a { border-bottom:none; }
	#h_menu .outer > li > .inner > li > a { padding:10px 0 10px 15px; font-size: 14px; position:relative; text-align:left; color:#fff; }
	#h_menu .outer > li > .inner > li > a:before { 
	content:''; position:absolute; left:-3px; top:50%; transform:translateY(-50%); width:6px; height:6px; border-radius:50%; background:#fff; 
	}
	/*---------------------------------------- //inner ---------------------------------------------*/
	

	/* hover */
	#h_menu .outer > li:hover > a { color:#fff; }
	#h_menu .outer > li:hover .inner { display:none; } /* 모바일일때 inner 나오게 하는 후버 효과 X */
	#h_menu .outer > li > .inner > li > a:hover { color:#fff; background:none; } 


	/* 모바일메뉴박스 보이게 하는 클래스 */
	.menu_box.inactive { margin-right:0; } 

	/* 모바일에서 outer li 클릭했을때 inner 나오는 효과 */
	#h_menu .outer > li.on > a { border-bottom:1px solid transparent; }
	#h_menu .outer > li.on .inner { display:block; }

	/* 스크롤 했을 때 해드 효과 */
	.header_wrap.scroll #header { height: 7.294rem; }
	.header_wrap.scroll #h_menu .outer > li > a { height: auto; line-height: 1; }

	/* 페이지 및 게시판 이동하면 해당 메뉴 스타일 */
	#h_menu .outer > li > a.on,
	.header_wrap.scroll #h_menu .outer > li > a.on { color:#fff; } 
}
/*--------------------------------------------------- 해드세팅 끝 ----------------------------------------------------------------------------*/



/*--------------------------------------------------- 인덱스세팅 ----------------------------------------------------------------------------*/

section.index{
	width: 100%;
	height: auto;
}
section.index > div{width: 100%; padding: 0 10px;}
section.index > div:nth-child(5){padding: 0 0px;}
section.index > div > div{width: 73.569%; margin: 0 auto;}

/* sec1 ------------------------------------*/

.sec1_contents_container{display: flex; flex-direction: column; align-items: center; padding-top: 120px; padding-bottom: 127px;}
.sec1_contents_container h1{color:#f9a51b; font-size: 6rem; font-weight: 900;}

/* 부트스트랩  sec1-menu*/
.nav-tabs{border-bottom: none;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
	background-color: none;
	border-bottom-color: none;
	border-style: none;
}
.nav>li>a:hover, .nav>li>a:focus{background: none;}

.nav-tabs>li.active>a > span{color:#000}
.nav-tabs>li.active>a:focus > span{color: #000;}
.nav-tabs>li.active>a:focus > img{border: 5px solid #30317f;}
.nav-tabs>li.active>a > img{border: 5px solid #30317f;}
.nav-tabs>li.active>a > #sec_click_01{border: 5px solid #30317f; background: url(img/sec1_click_icon1.png) no-repeat; background-size: cover; background-position: cover;}
.nav-tabs>li.active>a > #sec_click_02{border: 5px solid #30317f; background: url(img/sec1_click_icon2.png) no-repeat; background-size: cover; background-position: cover;}
.nav-tabs>li.active>a > #sec_click_03{border: 5px solid #30317f; background: url(img/sec1_click_icon3.png) no-repeat; background-size: cover; background-position: cover;}
.nav-tabs>li.active>a > #sec_click_04{border: 5px solid #30317f; background: url(img/sec1_click_icon4.png) no-repeat; background-size: cover; background-position: cover;}
.nav-tabs>li.active>a > #sec_click_05{border: 5px solid #30317f; background: url(img/sec1_click_icon5.png) no-repeat; background-size: cover; background-position: cover;}
.nav-tabs>li.active>a > #sec_click_06{border: 5px solid #30317f; background: url(img/sec1_click_icon6.png) no-repeat; background-size: cover; background-position: cover;}

.nav-tabs{display:flex; width: 100%; justify-content: space-between; margin-top: 45px; flex-wrap: wrap;}
.nav-tabs> li{float: none; width:calc(100% / 6);}
.nav-tabs > li > a{border: none; width: 100%; height: 100%; margin-right: 0; border-radius: none; display: flex; flex-direction: column; align-items: center;}

.nav-tabs > li > a > span{font-size: 1.6rem; color: #aaa; font-weight: bold; text-align: center;}
.nav-tabs > li > a > img{max-width: 100%; height: auto; margin-bottom: 25px;  border: 5px solid #fff; box-sizing: border-box;
border-radius: 51%;}
.nav-tabs > li > a > .sec1_click_img{width: 150px; height: 150px; margin-bottom: 25px; border: 5px solid #fff; box-sizing: border-box;
border-radius: 51%;}
.nav-tabs > li > a > #sec_click_01{ background: url(img/sec1_click_gray01.png) no-repeat; background-size:cover;}
.nav-tabs > li > a > #sec_click_02{ background: url(img/sec1_click_gray02.png) no-repeat; background-size:cover;}
.nav-tabs > li > a > #sec_click_03{ background: url(img/sec1_click_gray03.png) no-repeat; background-size:cover;}
.nav-tabs > li > a > #sec_click_04{ background: url(img/sec1_click_gray04.png) no-repeat; background-size:cover;}
.nav-tabs > li > a > #sec_click_05{ background: url(img/sec1_click_gray05.png) no-repeat; background-size:cover;}
.nav-tabs > li > a > #sec_click_06{ background: url(img/sec1_click_gray06.png) no-repeat; background-size:cover;}

.tab-content{width: 100%;}

.tab-content >.active{display:flex; padding-top: 75px;}

.tab-content >.active .sec1_click_view_img_box{width: 50%; height: 48.1vh; border-radius: 30px;
background-size: cover; background-position: center; box-shadow: 7px 8px 13px 1px grey;}

.tab-content >.active #sec_view_click01{background: url(img/sec1_click_img1.jpg) no-repeat;}
.tab-content >.active #sec_view_click02{background: url(img/sec1_click_img2.jpg) no-repeat;}
.tab-content >.active #sec_view_click03{background: url(img/sec1_click_img3.jpg) no-repeat;}
.tab-content >.active #sec_view_click04{background: url(img/sec1_click_img4.jpg) no-repeat;}
.tab-content >.active #sec_view_click05{background: url(img/sec1_click_img5.jpg) no-repeat;}
.tab-content >.active #sec_view_click06{background: url(img/sec1_click_img6.jpg) no-repeat;}

.tab-content >.active .sec1_click_view_text_box{width: 50%; padding-left: 50px;}

.tab-content >.active .sec1_click_view_text_box h2{color: #30317f; font-size: 7rem; font-weight: 900; margin-bottom: 45px; margin-top: 6rem;}
.tab-content >.active .sec1_click_view_text_box p{color: #333; font-size: max(13px, 1.8rem); line-height: 30px;}

/* sec1_반응형 */

@media all and (max-width: 1230px) {
	.nav-tabs{flew-wrap: wrap;}
	.nav-tabs> li {width: calc(100% / 3);}
	.tab-content >.active{flex-direction: column;}
	.tab-content >.active .sec1_click_view_img_box {width: 100%;}
	.tab-content >.active .sec1_click_view_text_box{width: 100%; padding-left: 0px; display: flex; flex-direction: column; align-items: center;}
	.sec1_click_view_text_box h2 {text-align: center;}
	.sec1_click_view_text_box h2 > br {display: none;}

	.tab-content >.active .sec1_click_view_text_box p {text-align: center;}
}
@media all and (max-width: 1023px) {
	.sec1_contents_container{padding-top: 30px; padding-top: 50px;}
}

@media all and (max-width: 991px) {
	.tab-content >.active .sec1_click_view_img_box{height: 40vh;}
	.tab-content >.active {padding-top: 55px;}
}
@media all and (max-width: 768px) {
	.nav-tabs > li > a > .sec1_click_img{width: 120px; height: 120px;}
}

@media all and (max-width: 650px) {
	.tab-content >.active .sec1_click_view_img_box{padding: 40%; height: auto;}
	.tab-content >.active .sec1_click_view_text_box p br {display: none;}

	.tab-content >.active .sec1_click_view_text_box a {margin-top: 30px;}
	.sec1_contents_container h1 {text-align: center;}
	.nav-tabs > li > a > .sec1_click_img{width: 100px; height: 100px;}
}
@media all and (max-width: 480px) {
.nav-tabs > li > a > .sec1_click_img{width: 80px; height: 80px;}
}
@media all and (max-width: 430px) {
	/* .tab-content >.active .sec1_click_view_img_box{height: 25vh;} */
	.tab-content >.active {padding-top: 25px;}
	.nav-tabs>li.active>a > img {border: 4px solid #30317f;}
	.nav-tabs > li > a > img {max-width: 130%;}
	.tab-content >.active .sec1_click_view_text_box h2 {font-size: 8rem;}
	.nav-tabs > li > a > .sec1_click_img{width: 70px; height: 70px;}
}

/* sec2------------------------------------- */

.sec2_contents_wrap{background: linear-gradient(#30317f  300px, #fff  50px );}
.sec2_contents_container{padding-bottom: 118px; display:flex; padding-top: 80px; justify-content: space-between; } 
.sec2_contents_text_box{}
.sec2_contents_text_box_top{padding-top: 40px; margin-bottom: 70px;}
.sec2_contents_text_box_top p:nth-child(1){font-size: 3rem; color: #fff; font-weight: 900; margin-bottom: 15px;}
.sec2_contents_text_box_top h1{color: #f9a51b; font-size: 6rem; margin-bottom: 17px; font-weight: 900;}
.sec2_contents_text_box_top p:nth-child(3){color: #fff; font-size: 2.5rem;}
.sec2_contents_text_box_bottom{}
.sec2_contents_text_box_bottom p{font-size: max(13px, 1.8rem); color: #333; line-height: 30px;}
.sec2_contents_text_box_bottom p:nth-child(1){margin-bottom: 40px; }
.sec2_contents_text_box_bottom p > span{font-weight: bold;}
a.sec_contents_button{display: block; color: #fff; font-size: max(12px, 1.6rem); width: 200px; height: 50px; line-height: 48px; background: #f9a51b; text-align: center; border: 2px solid #f9a51b;
border-radius: 3px; margin-top: 70px; transition: all 0.2s;}
a.sec_contents_button:hover{background: #fff; color: #f9a51b;}
.sec2_contents_view_box{width: 42.879%; overflow: hidden; border-radius: 4%;
background: url(img/sec2_img.jpg) no-repeat; background-size: cover; background-position: center; box-shadow: 7px 8px 23px -10px #000;
}

/* sec2_버튼 반응 */

@media all and (max-width: 1230px) {
	a.sec_contents_button {width: 420px;}
}
@media all and (max-width: 1023px) {
	a.sec_contents_button:hover {background: #f9a51b; color: #fff;}
}
@media all and (max-width: 650px) {
	a.sec_contents_button {width: 100%;}
}

/* sec2_반응형 */
@media all and (max-width: 1500px) {
	section.index > div:nth-child(2) > div{width: 80%;}
}
@media all and (max-width: 1230px) {
	.sec2_contents_wrap{background: #30317f;}
	section.index > div:nth-child(2) > div{flex-wrap: wrap-reverse; justify-content: center;}
	.sec2_contents_text_box{text-align: center; }
	.sec2_contents_text_box_bottom{display: flex; flex-direction: column; align-items: center;}
	.sec2_contents_text_box_bottom p{color: #fff;}
	.sec2_contents_text_box_bottom p:nth-child(1){margin-bottom: 0;}
	.sec2_contents_text_box_bottom a{margin-top: 30px;}
	.sec2_contents_view_box{padding: 25%; width: 90%;}
	.sec2_contents_text_box_top{margin-bottom: 50px;}
}

@media all and (max-width: 680px) {
	.sec2_contents_view_box{padding: 40%;}
}

@media all and (max-width: 550px) {
	.sec2_contents_text_box_bottom p br {display: none;}
}
@media all and (max-width: 530px) {
	.sec2_contents_text_box_top h1{font-size: 5rem;}
}
@media all and (max-width: 430px) {
	.sec2_contents_text_box_top {margin-bottom: 20px;}
	.sec2_contents_text_box_top p:nth-child(3){line-height: 23px;}

}

/* sec3-------------------------------- */

.sec3_contents_wrap{background: url(img/sec3_bg.jpg) no-repeat;}
section.index > div:nth-child(3) > div{width: 100%;}
.sec3_contents_container{display: flex; flex-direction: column; align-items: center;padding-bottom: 35px;}
.sec3_contents_text_box{display: flex; flex-direction: column; align-items: center; margin-top: 100px; margin-bottom: 40px; text-align: center;}
.sec3_contents_text_box h1{color: #30317f; font-size: 6rem; font-weight: 900; margin-bottom: 25px;}
.sec3_contents_text_box p{font-size: 18px; color: #000; line-height: 25px;}
.sec3_contents_text_box p:nth-child(2){margin-bottom: 10px;}
.sec3_contents_text_box p span{font-weight: bold;}
.sec3_contents_container > a.sec_contents_button{margin-top: 80px;}

/* form */
.sec3_contents_mail_form{width: 740px;}

/* sec3_반응형 */
@media all and (max-width: 800px) {
	.sec3_contents_container{padding-bottom: 50px;}
	.sec3_contents_mail_form{width: 96%;}
	.sec3_contents_text_box{margin-top: 50px;}
}

/* sec4---------------------- */

.sec4_contents_wrap{}
.sec4_contents_container{display: flex; flex-direction: column; align-items: center; padding-top: 118px; padding-bottom: 120px;}
.sec4_contents_text_box{display: flex; flex-direction: column; align-items: center; margin-bottom: 60px;}
.sec4_contents_text_box h1{color: #f9a51b; font-size: 6rem; font-weight: 900; text-align: center;}
.sec4_contents_text_box p{color: #999; font-size: max(13px, 1.8rem); margin-top: 30px;}

/* sec4_반응형 */
@media all and (max-width: 680px) {
	.sec4_contents_text_box p{font-size: 12px;}
}
@media all and (max-width: 480px) {
	.sec4_contents_container{padding-top: 60px;}
}


/* sec5--------------------- */

.sec5_contents_wrap{}
section.index > div > div.sec5_contents_container{width: 100%; display: flex;}
.sec5_contents_container > div{width: 50%;}
.sec5_contents_click_view_box{display: flex; flex-direction: column;}
.sec5_contents_click_view_box > div{display: flex; justify-content: flex-end; width: 100%; padding-left: 15px; padding-top: 35px; padding-bottom: 35px;}
.sec5_contents_click_view_item{position: relative; overflow: hidden;}
.sec5_contents_click_view_item:nth-child(1){background: #23246a;}
.sec5_contents_click_view_item:nth-child(2){background: #1e1f4d;}
.sec5_contents_click_view_item:nth-child(2) .sec5_contents_click_view_text_box{margin-right: 50px;}
.sec5_contents_click_view_item::before{background: #fff; opacity: 10%;  position: absolute; content: ""; width: 590px; height: 590px; border-radius: 50%; right: -92%; top: 22%; transition: all 0.5s;}
.sec5_contents_click_view_item:hover:before{right: -32%; transform: transrateX(32%;)}
.sec5_contents_click_view_text_box{display: flex; flex-direction: column; position: relative;}
.sec5_contents_click_view_text_box h1{color: #fff; font-weight: bold; font-size: 5rem;}
.sec5_contents_click_view_text_box h4{color: #fff; font-weight: 400; font-size: 2rem; margin-top: 18px; margin-bottom: 14px;}
.sec5_contents_click_view_text_box p{color: #fff; font-size: 1.5rem; line-height: 21px;}
.sec5_contents_click_view_layer{margin-left: 70px; margin-right: 50px; position: relative;}
.sec5_contents_click_view_layer a{display: flex; flex-direction: column; align-items: center; }
.sec5_contents_click_view_layer a img{width: 110px;}
.sec5_contents_click_view_layer a span{font-size: 1.4rem; color: #fff; display: block; width: 85%; margin-top: 15px;}
.sec5_contents_click_view_layer a span i{coloor:#fff; position: relative; left: 0;  transition: all 0.3s;}

/* sec5_mapbox */

.sec5_contents_map_box{background: #30317f; padding-left: 50px; display:flex; justify-content: flex-start;}
.sec5_contents_map_con{width: 77.65%; padding-top: 40px;}
.sec5_contents_click_view_text_box{display:flex; flex-direction: column;}
.sec5_contents_map_span_box{width: 640px;display:flex; justify-content: space-between; padding-top: 15px; padding-bottom: 15px;}
.sec5_contents_map_span_box span{color: #fff; font-size: 1.8rem;}
.sec5_contents_map_span_box a{color: #fff; font-size: 14px;}
.sec5_contents_map_span_box a > i {position: relative; transition: all 0.3s; left: 0;}

.sec5_contents_map_view{width:100%;}
.sec5_contents_map_view > div{width: 640px;}
/* width: 91%; */


/* i클래스 hover */
.sec5_contents_map_span_box a:hover > i{left: 5px;}	
.sec5_contents_click_view_layer a:hover> span i{left: 3px;}

/* sec5 반응형 */

@media all and (max-width: 1440px) {
	.sec5_contents_map_con{width: 95%;}
	.sec5_contents_map_span_box{width: 100%;}
	.sec5_contents_map_view > div{width: 100%;}
}

@media all and (max-width: 1280px) {
	section.index > div > div.sec5_contents_container{flex-direction: column;}
	.sec5_contents_container > div{width: 100%;}
	.sec5_contents_click_view_box > div{justify-content: space-around; padding-left: 50px;}
	.sec5_contents_map_box{padding-left: 0; justify-content: center;}
	.sec5_contents_map_con{padding-bottom: 50px; width: 90%;}
}

@media all and (max-width: 1023px) {
	.sec5_contents_map_span_box a:hover > i{left: 0px;}	
	.sec5_contents_click_view_layer a:hover> span i{left: 0px;}
	.sec5_contents_click_view_item::before{right: -25%; top: 9%; transform: translateX(0px)}
	.sec5_contents_click_view_item:hover:before{right: -25%; top: 9%;}
}
@media all and (max-width: 860px) {
	.sec5_contents_click_view_item::before{right: -32%; top: 9%; transform: translateX(0px)}
	.sec5_contents_click_view_item:hover:before{right: -32%; top: 9%;}
}

@media all and (max-width: 748px) {
	.sec5_contents_click_view_item::before{right: -42%; top: 9%; transform: translateX(-2%)}
	.sec5_contents_click_view_item:hover:before{right: -42%; top: 9%;}
}

@media all and (max-width: 800px) {
	.sec5_contents_click_view_layer a span{text-align: center; font-size: 12px;}
}

@media all and (max-width: 680px) {
	.sec5_contents_click_view_item::before{right: -58%; top: 9%; transform: translateX(-2%)}
	.sec5_contents_click_view_item:hover:before{right: -58%; top: 9%;}
}

@media all and (max-width: 630px) {
	.sec5_contents_click_view_box > div{padding-left: 15px; padding-right: 15px; justify-content: space-between;}
	.sec5_contents_click_view_item:nth-child(2) .sec5_contents_click_view_text_box{margin-right: 0px;}
	.sec5_contents_click_view_layer{margin-left: 0; margin-right: 0;}
	
}

@media all and (max-width: 500px) {
	.sec5_contents_click_view_text_box{width: 60%;}
	.sec5_contents_click_view_text_box h1{font-size: 4rem;}
	.sec5_contents_click_view_text_box p{font-size: 12px;}
	.sec5_contents_map_span_box a{font-size: 12px;}
	.sec5_contents_map_span_box span{font-size: 12px;}
	.sec5_contents_map_con .sec5_contents_click_view_text_box{width: 100%;}
	.sec5_contents_click_view_item::before{right: -78%; top: 9%; transform: translateX(-2%)}
	.sec5_contents_click_view_item:hover:before{right: -78%; top: 9%;}
}
@media all and (max-width: 480px) {
	.sec5_contents_click_view_item::before{right: -98%; top: 9%; transform: translateX(-2%)}
	.sec5_contents_click_view_item:hover:before{right: -98%; top: 9%;}
}

@media all and (max-width: 380px) {
	.sec5_contents_click_view_item::before{right: -120%; top: 9%; transform: translateX(-2%)}
	.sec5_contents_click_view_item:hover:before{right: -120%; top: 9%;}
}

/*--------------------------------------------------- 인덱스세팅 끝 ----------------------------------------------------------------------------*/



/*--------------------------------------------------- 푸터세팅 ----------------------------------------------------------------------------*/
/* footer_box*/
footer {background: #f6f6f6; }

footer > .contents_box { padding: 30px 0; }
footer .contents {
-ms-display:flex; -ms-flex-wrap:wrap; -ms-align-items:center;
display:flex; flex-wrap:wrap; align-items:center;
}
footer .contents > li { font-weight: 300;}
footer .contents > li:nth-child(1), footer .contents > li:nth-child(3){ width: 25%;}

footer .item2 > div { line-height: 1.6; font-size: 13px; color: #777; }
footer .item2 > div a { color: inherit;}
footer .item2 > .text > span { position: relative; margin-right:10px; font-weight: inherit;  }
footer .item2 > .text > span:after { content:'|'; position:absolute; right:-8px; top:50%; transform:translateY(-55%); }
footer .item2 > .text > span:last-child:after { display: none; }
footer .item2 > .copy { text-transform: uppercase; font-weight: inherit; }


/* 카탈로그 다운로드 */
footer .item3 > .downLoad { width: 25rem; background: none; text-align: center; border: 2px solid #7d7d7d; float: right;}
footer .item3 >.downLoad a { display: block; height: 5rem; line-height: 5rem; color: #7d7d7d; font-size: 13px; font-weight: 500; }
footer .item3 >.downLoad a i { font-size: 2rem; margin-right: 10px; vertical-align: middle; }


footer > .info_box { padding:10px 0; background: #d2d2d2;}


footer > .info_box .info { 
-ms-display:flex; -ms-justify-content:center; -ms-flex-wrap:wrap; 
display:flex; justify-content:center; flex-wrap:wrap; 
text-align: center;
}
footer .info > .item { position:relative; }
footer .info > .item:before { content:''; position:absolute; right:7px; top:50%; transform:translateY(-50%); width:1px; height:13px; background:#434343; }
footer .info > .item:last-child:before { display:none; }
footer .info > .item > a { display:block; color:#434343; font-size:13px; font-weight:500; line-height:1.8; margin-right:15px;  }

@media (max-width:1200px) {
footer .contents > li:nth-child(1) { width: auto; margin-right: 40px; }
}

@media (max-width:991px) {
footer .contents > li:nth-child(1) { width: 100%; margin-right: 0; margin-bottom: 20px; }
}

@media (max-width:932px) {
footer .item3 > .downLoad {float: none; margin: 20px 0;}
}

@media (max-width:768px) {
footer .contents {flex-direction: column; align-items: baseline;}
/* footer .contents > li:nth-child(1) {display: flex; justify-content: center;} */
footer .item2 > .text > span { display:block; margin-right:0;}
footer .item2 > .text > span:after { display:none; }

footer .item2 { margin-top: 20px; }
}
@media (max-width:480px) {
	footer{padding-bottom: 19.8%;}
	.at-go {display: none;}
}

@media (max-width:450px) {
footer > .info_box .info {  }
footer .info > .item { width:50%; }
footer .info > .item:nth-child(1) { order:1; }
footer .info > .item:nth-child(2) { order:4; }
footer .info > .item:nth-child(3) { order:3; }
footer .info > .item:nth-child(4) { order:2; }
footer .info > .item:before { right: 0; }
footer .info > .item:nth-child(2n):before { display:none; }
footer .info > .item > a { margin-right: 0; }
footer{padding-bottom: 20.3%;}
}

@media (max-width:380px) {
	footer{padding-bottom: 22.4%;}
}
/*--------------------------------------------------- 푸터세팅 끝 ----------------------------------------------------------------------------*/

/* 해드 높이값 만큼 띄워주기 , 반응형 체크 , 서브페이지일시 체크 (해드가 fixed이기 때문,안 띄워주면 타이틀이미지 해드 높이값 만큼 짤림) */
.wrap { padding-top: 10rem; }
@media (max-width:991px) {
	.wrap { padding-top: 9.412rem; }
}



/* 서브페이지 패딩 */
.tmt_sub_frame { padding:30px 0 50px; min-height: 80vh; }



/* 게시판 및 게시판헤드 등 기타 버튼들 기본컬러 변경 */
.btn.btn-color {border: 1px solid #141566; background-color: #30317f;}
.btn.active.btn-color, .btn.btn-color:hover, .btn.btn-color:focus, .btn.btn-color:active {background-color: #141566;}
.border-color, i.border-color, img.border-color {border-color: #141566;}


/* 모바일 사이즈에서도 위 위젯설정 버튼 보이게 */
@media (max-width:767px) {
	#style-switcher { display: block !important; }
}