@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; }
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; }

/* Å°Ä÷¯ #e06f2b */

/*--------------------------------------------------- Çص弼Æà ----------------------------------------------------------------------------*/


/* header */
.header_wrap { border-top:8px solid #e06f2b; }
.header_wrap #header { 
-ms-display:flex; -ms-justify-content:space-between; -ms-align-items:center;
display:flex; justify-content:space-between; align-items:center;
padding:20px 0; 
}
/* //header */

/* nav */
.nav_wrap { background:#e06f2b; }
.nav_wrap  #nav { 
-ms-display:flex; -ms-justify-content:space-between; -ms-align-items:center;
display:flex; justify-content:space-between; align-items:center;
}

/*---------------------------------------- outer ---------------------------------------------*/

.nav_wrap .outer {
-ms-display:flex; -ms-align-items:center;
display:flex; align-items:center;
}
.nav_wrap .outer > li { position:relative; }
.nav_wrap .outer > li > a { 
display:block; padding:15px 35px 12px; font-size:18px; color:#fff; border-bottom:3px solid transparent; position:relative; 
transition-duration:0.3s; transition-property:border; text-transform:uppercase;
}

.nav_wrap .outer > li > a:before { content:''; position:absolute; right:0; top:17px; width:1px; height:16px; background:#fff; }
.nav_wrap .outer > li:last-child > a:before { display:none; }

/*---------------------------------------- //outer ---------------------------------------------*/

/* nav_text */
.nav_wrap .nav_text { color:#fff; font-size:16px; }
.nav_wrap .nav_text > div { position:relative; padding-right:10px; display:inline-block; }
.nav_wrap .nav_text > div:last-child { padding-right:0; }
.nav_wrap .nav_text > div:after { content:'/'; position:absolute; right:0; top:50%; transform:translateY(-50%); }
.nav_wrap .nav_text > div:last-child:after { display:none; }
.nav_wrap .nav_text a { color:inherit; font-size:inherit; }


/*---------------------------------------- inner ---------------------------------------------*/
.nav_wrap .inner { 
position:absolute; left:50%; top:100%; transform:translateX(-50%); z-index:1; width:150px;
background:#e06f2b; padding:10px 0; display:none; transition:.4s; box-shadow:inset 0 0 5px rgba(0,0,0,0.1);
}
.nav_wrap .inner > li { text-align:center; }
.nav_wrap .inner > li > a { display:block; color:#fff; transition-duration:0.3s; transition-property:background; padding:15px 20px; font-size:15px; }

/*---------------------------------------- //inner ---------------------------------------------*/



/* ½ºÅ©·Ñ½Ã °íÁ¤ */
.nav_wrap.fixed { position:fixed; z-index:1000; width:100%; top:0; }

/* hover */
.nav_wrap .outer > li:hover > a { border-bottom:3px solid #fff; }
.nav_wrap .outer > li:hover .inner { display:block; } /* outer li hover .inner */
.nav_wrap .inner > li > a:hover { background:rgba(255,255,255,0.15); }


/* ÆäÀÌÁö ¹× °Ô½ÃÆÇ À̵¿Çϸé ÇØ´ç ¸Þ´º ½ºÅ¸ÀÏ */
.nav_wrap .outer > li > a.on { border-bottom:3px solid #fff; }


/* //nav */


@media(max-width:1200px) {
.nav_wrap .outer > li > a { padding:15px 20px; font-size:15px; }
}

@media(max-width:991px) {
/* header */
.header_wrap #header { padding:10px 0; }
.header_wrap .top_text { display:none; } /* ·Î°í ¿· ¹®±¸(pc) */

/* ¸ð¹ÙÀÏ ¿­±â ¹öÆ° */
.header_wrap .open_btn { font-size:25px; cursor:pointer; color:#000;}
/* //header */


/* nav */
.nav_wrap { 
background-color:#e06f2b; box-shadow:inset 4px 4px 10px rgba(0, 0, 0, 0.1); width: 20em; height: 100%; 
position: fixed; right:0; top: 0; z-index:9999; margin-right:-20em; transition-duration:0.3s; transition-property:margin-right;
}

/* ½ºÅ©·Ñ½Ã °íÁ¤ */
.nav_wrap.fixed { width:20em; }

.nav_wrap .container { width:100%; }
.nav_wrap  #nav {
width: 20em; height: 100%; left: 0; overflow-x: hidden; overflow-y: auto; position: absolute; top: 0; display:block; 
}

/* ¸ð¹ÙÀϴݱâ¹öÆ° */
.close_btn { width:50px; height:50px; margin-right:auto; margin-left:0; cursor:pointer; box-shadow:4px 4px 6px rgba(0, 0, 0, 0.1); }
.close_btn > i { display:block; color:#fff; text-align:center; line-height:50px; font-size:30px; }

/*---------------------------------------- outer ---------------------------------------------*/
.nav_wrap .outer { flex-wrap:wrap; margin-top:20px; }
.nav_wrap .outer > li { width:100%; }
.nav_wrap .outer > li:first-child { display:none; }
.nav_wrap .outer > li > a { 
padding:12px 20px; border-bottom:1px solid rgba(255,255,255,.4); font-size:15px; font-weight:500; color:rgba(255,255,255,.8); pointer-events:none;
}
.nav_wrap .outer > li:nth-child(4) > a { pointer-events:auto; }
.nav_wrap .outer > li > a:before { display:none; } /* pc¿¡¼­ ¸Þ´º ¿· ÀÛÀº ¹Ù */
/*---------------------------------------- //outer ---------------------------------------------*/

/* nav_text */
.nav_wrap .nav_text { margin-top:30px; font-size:18px; font-weight:500; }
.nav_wrap .nav_text > div { display:block; padding-right:0; padding-left:15px; line-height:1.8; background:rgba(255,255,255,.1); }
.nav_wrap .nav_text > div:after { display:none; }
.nav_wrap .nav_text a { color:inherit; font-size:inherit; }

/*---------------------------------------- inner ---------------------------------------------*/
.nav_wrap .inner { 
position:static; transform:translateX(0); width:100%; padding:0; margin-left:30px; border-left:1px solid rgba(255,255,255,0.4); box-shadow:none;
}
.nav_wrap .inner > li { text-align:left; }
.nav_wrap .inner > li:last-child { border-bottom:none; }
.nav_wrap .inner > li > a { padding:10px 0 10px 15px; font-size: 14px; position:relative; }
.nav_wrap .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 */
.nav_wrap .outer > li:hover > a { border-bottom:1px solid rgba(255,255,255,.4); }
.nav_wrap .outer > li:hover .inner { display:none; } /* ¸ð¹ÙÀÏÀ϶§ inner ³ª¿À°Ô ÇÏ´Â ÈĹö È¿°ú X */


/* ¸ð¹ÙÀϸ޴º¹Ú½º º¸ÀÌ°Ô Çϴ Ŭ·¡½º */
.nav_wrap.inactive { margin-right:0; } 

/* ¸ð¹ÙÀÏ¿¡¼­ outer li Ŭ¸¯ÇßÀ»¶§ inner ³ª¿À´Â È¿°ú */
.nav_wrap .outer > li.on > a { border-bottom:1px solid transparent; }
.nav_wrap .outer > li.on .inner { display:block; }

/* ÆäÀÌÁö ¹× °Ô½ÃÆÇ À̵¿Çϸé ÇØ´ç ¸Þ´º ½ºÅ¸ÀÏ */
.nav_wrap .outer > li > a.on { color:rgba(255,255,255,1); border-bottom:1px solid rgba(255,255,255,.4); }

/* //nav */
}

@media(max-width:768px) {
	.header_wrap #header { padding:10px 20px; }
}


/*--------------------------------------------------- Çص弼Æà ³¡ ----------------------------------------------------------------------------*/














/*--------------------------------------------------- À妽º¼¼Æà ----------------------------------------------------------------------------*/

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

@media (min-width: 768px) {
	.container1400 { width: 750px; }
}
@media (min-width: 992px) {
	.container1400 { width: 970px; }
}
@media (min-width: 1200px) {
	.container1400 { width: 1170px; }
}
@media (min-width: 1400px) {
	.container1400 { width: 1370px; }
}






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



/* index °øÅë */
.index .box .title_box { text-align:center; }
.index .box .title_box .title_img { margin-bottom:15px; font-size:30px; color:#333;
}
.index .box .title_box .title_img > * { display:inline-block; vertical-align:middle; }
.index .box .title_box .title_text { font-size:16px; color:#333; line-height:1.4; }



/* box1 */
.index .box1 { padding:90px 0; }

.index .box1 .contents_box { margin-top:40px; }


/* box2 */
.index .box2 { padding:60px 0; background:url(img/box2_bg.jpg) no-repeat center center/cover; background-attachment:fixed; }

.index .box2 .text_box { text-align:center; color:#fff; text-transform:uppercase; }
.index .box2 .text_box > .text1 { font-size:35px; font-weight:700; margin-bottom:20px; }
.index .box2 .text_box > .text2 { font-size:25px; line-height:1.4; margin-bottom:25px; }
.index .box2 .text_box > .text3 { font-size:16px; font-weight:300; line-height:1.4; }

@media (max-width:768px) {
	.index .box2 .text_box > .text3 > br { display:none; }
	.index .box2 .text_box > .text2 a { color:inherit; }
}

/* box3 */
.index .box3 { padding:80px 0; }

.index .box3 .contents_box { -ms-display:flex; display:flex; }
.index .box3 .contents_box > .contents { flex:1; margin:0 7.5px; }
.index .box3 .board_title { 
-ms-display:flex; -ms-justify-content:space-between; -ms-align-items:flex-end;
display:flex; justify-content:space-between; align-items:flex-end;
padding-bottom:8px; border-bottom:1px solid #959595;
}
.index .box3 .board_title > div a { display:block; font-weight:700; }
.index .box3 .board_title > .title > a { font-size:18px; color:#1b1b1b; }
.index .box3 .board_title > .more > a { font-size:13px; color:#959595; animation:moreani1 1s linear infinite;  }
@keyframes moreani1 {
	0%{ transform:scale(1); }
	50%{ transform:scale(1.15); }
	100%{ transform:scale(1); }
}
@media (max-width:630px) {
	.index .box3 { padding:50px 0; }
	.index .box3 .contents_box { flex-wrap:wrap; }
	.index .box3 .contents_box > .contents { flex:100%; margin:15px 0; }
}


.box3_img_991 {text-align:center;}

@media (min-width:631px) and (max-width:991px) {
.box3_img_991 {display:none;}
}


/* box4 */
.index .box4 { padding:90px 0; background:#f7f7f7; }

.index .box4 .contents_box { margin-top:40px; }

/*--------------------------------------------------- À妽º¼¼Æà ³¡ ----------------------------------------------------------------------------*/







/*--------------------------------------------------- ǪÅͼ¼Æà ----------------------------------------------------------------------------*/

/* footer_box*/
.footer_box { background:#666; }


.f_logo { margin-right:80px; }


.f_top { -ms-display:flex; display:flex; -ms-align-items:center; align-items:center; }
.f_text_box { padding:50px 0; }
.f_text1 { font-size:13px; font-weight:400; color:#fff; line-height:1.8; }
.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:#fff; }
.f_text1 > span:nth-child(3):before { display:none; }
.f_text1 > span:nth-child(7):before { display:none; }
.f_text1 > span:nth-child(9):before { display:none; }
.f_text1 > span:last-child:before { display:none; }
.f_text1 > span a { color:#fff; }


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


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



@media (max-width:991px) {
	.f_top { flex-wrap:wrap; padding:40px 0; }
	.f_logo { margin-right:0; }

	.f_text_box { width:100%; padding:0; }

	.f_text1 { margin:25px 0; }
	.f_text1 > span { display:block; margin-right:0; }
	.f_text1 > span:before { display:none; }
}
@media (max-width:450px) {
	.footer_box { text-align:center; }

	.f_top { justify-content: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; }
}

/*--------------------------------------------------- ǪÅͼ¼Æà ³¡ ----------------------------------------------------------------------------*/









/*--------------------------------------------------- ¼­ºêÆäÀÌÁö¼¼Æà ----------------------------------------------------------------------------*/

/* ¼­ºêÆäÀÌÁö Æеù */
.tmt_sub_frame { padding:30px 0 50px; }

/*--------------------------------------------------- ¼­ºêÆäÀÌÁö¼¼Æà ³¡ ----------------------------------------------------------------------------*/



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