@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&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; }
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; }

@keyframes opacity1 {
	0%{ opacity:0; }
	100%{ opacity:1; }
}


/* header */
.wrap{margin-top: 100px;}
.header_wrap { 
background:#fff; box-shadow:0 5px 10px rgba(0,0,0,.3);
position:fixed; left:0; right:0; top:0; width:100%; z-index:2000;
}


#header { display:flex; justify-content:space-between; align-items:center; height:100px;  }


/* logo */
.logo_box .logo a { display:block; background-image:url(img/logo.png); background-repeat:no-repeat; background-position:center center; background-size:cover; width:243px; height:47px; }


/* btn */
.h_btn_box { display:flex; flex-direction:row-reverse; align-items:center; height:100px;  }
.h_btn { background-color:transparent; background-image:none; border:1px solid transparent; outline:none; font-size:30px; }

/* menu */
.menu_box { width:100%; }
#h_menu { display:flex; justify-content:center; align-items:center; }
#h_menu.collapse { display:flex; }

/* outer */
#h_menu .outer { display:flex; z-index:4; }
#h_menu .outer > li { position:relative;  } 
#h_menu .outer > li > a { 
display:block; height:100px; line-height:100px; font-size:18px; color:#000; font-weight:400; text-align:center; position:relative; padding:0 50px;
text-transform:uppercase; transition:color 0.4s; }
#h_menu .outer > li > a.on { color:#707070; } /* outer li ÇØ´çµÇ´Â ÆäÀÌÁö °¬À» ¶§ onŬ·¡½ºÃß°¡ */



/* inner */
#h_menu .outer > li > .inner { position:absolute; right:0; top:80%; z-index:1; border-top:5px solid #707070; width:150px; background:#fff; padding:10px 0; transition:.4s; opacity:0; height:0; display:none; }
#h_menu .outer > li:hover > .inner { opacity:1; top:100%; height:auto; display:block; } /* outer li hover .inner */
#h_menu .outer > li > .inner > li > a  { display:block; transition:.4s; padding:15px 30px; font-size:15px; font-weight:400; text-align:left;  }
#h_menu .outer > li > .inner > li > a:hover { color:#ff0000; background:rgba(2,21,55,.1); } 






@media (max-width:1400px) {
	#h_menu .outer > li > a { padding:0 30px; } /* outer */
}

@media (max-width:1200px) {
	#h_menu .outer > li > a { font-size:15px; padding:0 15px; } /* outer */
}



@media (max-width:991px) {
	/* header */
	#header { display:block; margin:0; height:auto; }
	.header_wrap #header { height:auto; } /* scrollÇßÀ»¶§ ÇØ´õºÎºÐ È¿°ú */


	/* logo */
	.logo_box { display:flex; justify-content:space-between; padding:0 15px; align-items:center; }
	.logo { margin:0; }
	.logo_box .logo a { background-image:url(img/logo.png); }
	

	/* menu */
	.menu_box { border-top:1px solid #f2f2f2; }
	#h_menu { display:flex; flex-wrap:wrap; position:relative; }
	
	#h_menu.collapse { display:none; }
	#h_menu.collapse.in { display:flex; flex-wrap:wrap; }
	

	/* menu outer */
	#h_menu .outer { height:auto; margin-right:0; width:100%; flex-wrap:wrap; }
	#h_menu .outer > li { margin:0; height:auto; width:100%; border-bottom:1px solid #f2f2f2; }
	#h_menu .outer > li:first-child { display:none; }
	#h_menu .outer > li > a { 
	color:#000; height:auto; line-height:1; padding:15px 0; border-radius:5px; font-size:18px; font-weight:400;
	pointer-events: none; /*À̺¥Æ®¸¦ ¸·À½*/ cursor: default; /*¸¶¿ì½º Ä¿¼­¸¦ Æ÷ÀÎÆ®¿¡¼­ µðÆúÆ®·Î º¯°æ*/ 
	}
	
	/* ¸ð¹ÙÀÏ + ¹öÆ° ½ºÅ¸ÀÏ */
	#h_menu .outer > li > a:before { 
	content: '';
	position: absolute;
	width:13px;
	height:1px;
	background:#999;
	transform: scaleX(1);
	-webkit-transition: transform 0.4s;
    -moz-transition: transform 0.4s;
    -ms-transition: transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s;
	transform-origin:center;
	bottom:23.5px;
	left:auto;
	right:46.5px;
	}
	#h_menu .outer > li.active > a:before {
	transform-origin:center;
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
	}
	#h_menu .outer > li > a:after { 
	content: '';
	position: absolute;
    top:17.5px;
    right:52.5px;
    width: 1px;
    height: 13px;
	background:#999;
    -webkit-transition: transform 0.4s, opacity 0.4s;
    -moz-transition: transform 0.4s, opacity 0.4s;
    -ms-transition: transform 0.4s, opacity 0.4s;
    -o-transition: transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
	}
	#h_menu .outer > li.active > a:after { 
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
	}
	/* ¸ð¹ÙÀÏ + ¹öÆ° ½ºÅ¸ÀÏ ³¡*/
    




	
	/* menu inner */
	#h_menu .outer > li > .inner {
	position:static; top:0; width:100%; border-left:none; border-top:none;
	margin:0; padding:0; background:#f2f2f2;  opacity:0; height:0; display:block; transform:scaleY(0); visibility: hidden;
	transform-origin: 0 0; z-index:-1; transition: .2s ease-in; 
	}
	
	#h_menu .outer > li:hover > .inner { display:block; opacity:0; height:0; top:0; transform:scaleY(0); visibility: hidden; transform-origin: 0 0; } /* outer li hover Çϸé innerº¸ÀÌ´Â È¿°ú( hover È¿°ú¸·À½ ) */
	#h_menu .outer > li > .inner.active { /* outer li Ŭ¸¯ Çϸé inner È¿°ú */
	display:block; opacity:1; top:0; height:auto; transform:scaleY(1); visibility:visible; z-index:1; padding:5px 20px 5px; border-bottom:1px solid #d9d9d9;
	}

	#h_menu .outer > li > .inner > li { text-align:center; opacity:0; border-top:1px solid #fff; border-bottom:1px solid #d9d9d9; }
	#h_menu .outer > li > .inner > li:first-child { border-top:none; }
	#h_menu .outer > li > .inner > li:last-child { border-bottom:none; }
	#h_menu .outer > li > .inner > li > a { color:#000; padding:12px 0; text-align:center; }
	#h_menu .outer > li > .inner > li > a:hover { background:transparent; color:#021537; } /* inner li a hover È¿°ú */
	#h_menu .outer > li > .inner.active > li { opacity:1; } /* outer li Ŭ¸¯ Çϸé inner È¿°ú */

	
}












/* 1600»çÀÌÁî */
.container1600 { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

@media (min-width: 768px) {
	.container1600 { width: 100%; }
}
@media (min-width: 992px) {
	.container1600 { width: 970px; }
}
@media (min-width: 1200px) {
	.container1600 { width: 1170px; }
}
@media (min-width: 1600px) {
	.container1600 { width: 1570px; }
}




/* .wrap { padding-top: 100px; } */




/* °Ô½ÃÆÇ ¹× °Ô½ÃÆÇÇìµå µî ±âŸ ¹öÆ°µé ±âº»Ä÷¯ º¯°æ */
.btn.btn-color {border: 1px solid #707070; background-color: #707070;}
.btn.active.btn-color, .btn.btn-color:hover, .btn.btn-color:focus, .btn.btn-color:active {background-color: #707070;}
.border-color, i.border-color, img.border-color {border-color: #707070;}


.test_index { height:1200px; background:#fff; }






/* index */

/* box2 */
.index .box2 { padding:140px 0; background:#fff; }

.index .box2 .text_box { text-align:center; text-transform:uppercase; }
.index .box2 .text_box > .text1 { font-family: 'Poppins', sans-serif; font-weight:700; font-size:50px; line-height:1.2; margin-bottom:5px; }
.index .box2 .text_box > .text1 > span:nth-child(1) { color:#434343; }
.index .box2 .text_box > .text1 > span:nth-child(2) { color:#000; }
.index .box2 .text_box > .text1 > span:nth-child(3) { color:#838181; }
.index .box2 .text_box > .text2 { font-weight:500; font-size:20px; margin-bottom:20px; color:#000; }
.index .box2 .text_box > .text3 { font-size:18px; margin-bottom:25px; color:#626262; line-height:1.4; }



/* more °øÅë */
.index .box2 .more_box > div { display:inline-block; width:180px; border:1px solid #707070; overflow:hidden; margin:0 5px; }
.index .box2 .more_box > div > a { display:block; height:50px; position:relative; }
.index .box2 .more_box > div > a:before { content:''; position:absolute; left:0; top:0; width:0; height:100%; z-index:0; transition:.5s; }
.index .box2 .more_box > div > a:hover:before { width:100%; }
.index .box2 .more_box > div > a > span { 
position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; text-align:center; font-size:15px; font-weight:500; z-index:10; transition:.5s;
}

/* more1 */
.index .box2 .more_box > .more1 > a {  background:#707070; }
.index .box2 .more_box > .more1 > a:before {  background:#fff; }
.index .box2 .more_box > .more1 > a > span { color:#fff; }
.index .box2 .more_box > .more1 > a:hover > span { color:#707070; }

/* more2 */
.index .box2 .more_box > .more2 > a { background:#fff; }
.index .box2 .more_box > .more2 > a:before {background:#707070; }
.index .box2 .more_box > .more2 > a > span { color:#707070; }
.index .box2 .more_box > .more2 > a:hover > span { color:#fff; }


@media(max-width:768px) {
	.index .box2 { padding:80px 0; }
}

@media(max-width:480px) {
	.index .box2 .text_box > .text1 { font-size:35px; }
	.index .box2 .text_box > .text2 { font-size:18px; }
	.index .box2 .text_box > .text3 { font-size:16px; }
	.index .box2 .text_box > .text3 > br { display:none; }

	.index .box2 .more_box > div { display:block; margin:0 auto; }
	.index .box2 .more_box > .more2 { margin-top:10px; }
}
/* box2 */




/* À妽º À§Á¬¼³Á¤ À§Ä¡ */
#style-switcher .widget-setup { top: 100px !important; }




/* //index */









/* footer_box*/
.footer_box { background:#1b1b1b; padding:20px 0 30px; }

footer { -ms-display:flex; display:flex; -ms-align-items:center; align-items:center; justify-content:center; }
.f_text_box { width:100%; }

/* sns_box */
.sns_box { margin-top:20px; }
.sns_box > ul { -ms-display:flex; display:flex; justify-content:center; }
.sns_box > ul > li { padding:0 12px; }
.sns_box > ul > li > a { display:block; color:#fff; font-size:25px; }


.f_info { -ms-display:flex; display:flex; justify-content:center; border-bottom:1px solid #626262; padding-bottom:20px;  }
.f_info1 { position:relative; }
.f_info1:before { content:''; position:absolute; right:7px; top:50%; transform:translateY(-50%); width:1px; height:13px; background:#5b5b5b; }
.f_info > div:last-child:before { display:none; }
.f_info1 > a { display:block; color:#fff; font-size:13px; font-weight:500; line-height:1.6; margin-right:15px;  }


.f_text1 { font-size:13px; font-weight:400; color:#a0a0a0; line-height:1.8; margin-top:30px; text-align:center; }
.f_text1 > span { margin-right:10px; position:relative; }
.f_text1 > span:before { content:''; position:absolute; right:-7px; top:50%; transform:translateY(-50%); width:1px; height:13px; background:#a0a0a0; margin-right: 3px;}
.f_text1 > span:nth-child(3):before { display:none; }
.f_text1 > span.last:before { display:none; }

.f_text1 > span:last-child:before { display:none; }
.f_text1 > span a { color:#a0a0a0; }


.copy { color:#a0a0a0; font-size:13px; font-weight:400; line-height:1.8; text-align:center; }
.copy > a { color:#a0a0a0; }
.admin { color:#a0a0a0; text-align:center; margin-top:10px; }
.admin a { color:#a0a0a0;  }

@media (max-width:991px) {
	footer { display:block; text-align:center; }
	.f_logo { margin-right:0; margin-bottom:40px; }
}
@media (max-width:768px) {
	.footer_box { text-align:center; }
	.f_text1 > span:nth-child(1) { display:block; }
	.f_text1 > span:nth-child(1):before { display:none; }
	.f_text1 > span:nth-child(4) { display:block; }
	.f_text1 > span:nth-child(4):before { display:none; }
}
@media (max-width:450px) {
	.footer_box { text-align:center; }

	.f_info { flex-wrap:wrap; }
	.f_info1 { width:50%; }
	.f_info > div:nth-child(1) { order:1; }
	.f_info > div:nth-child(2) { order:4; }
	.f_info > div:nth-child(3) { order:3; }
	.f_info > div:nth-child(4) { order:2; }
	.f_info1:before { right:0; }
	.f_info > div:nth-child(2n):before { display:none; }
	.f_info1 > a { margin-right:0; }

	.f_text1 > span > span { display:block; }
	.f_text1 > span:nth-child(4) { margin-top:10px; }

	.copy { margin-top:10px; }
}













/* ¼­ºêÆäÀÌÁö Æеù */
.tmt_sub_frame { padding:30px 0 50px; }
.tmt_sub_frame .dropdown-menu { min-width:auto; width:100%; }