@charset "utf-8";
@import url('reset.css');

body {outline:0; color:#444; overflow-x:hidden; font-weight:400; font-size:18px; word-break: keep-all;}
h1, h2, h3, h4, h5, h6 {font-size: 24px; font-weight: 500;}
a {color:inherit;}
img{max-width: 100%;}
*{line-height: 1.3; letter-spacing: -0.5px; margin: 0; padding);}


/* 공통 */
#wrap{width: 100%;}
#mcontainer{display: none;}	
#mobile-menu-view{display: none;}


/* 상단메뉴 */
.dept02_top_wrap{background-color:#27409a; width:100%; height: 100px; position: fixed; display: flex; align-items: center; z-index: 99; top:0; left:0; box-shadow: 1px 3px 6px rgb(0 0 0 / 8%);}
.dept02_top{width:1370px; margin:0 auto; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center;}
.dept02_top h1.logo{display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center;}
.dept02_top h1.logo a{font-size: 0;}
.dept02_top h1.logo > p{padding:0 0 0 20px; font-size: 26px; font-weight: 600; color:#fff;}

.headermenurow:hover .tabcontent_wrap{opacity: 1; top:100px; transition-duration: 0.5s; min-height: 350px;}
.headermenurow .tabcontent_wrap{
	opacity:0;
	top:-1000px;
	
	display: block;
	width: 100vw;
	position: fixed;
	background-color: #fff;
	border-bottom:1px solid #ddd;
	left:0;
	display: flex;
	padding:25px 160px 50px;
	
	background-image: url(../images/common/bg_box.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 500px;
}
.headermenurow .tabcontent_wrap > div{width: calc(100% / 4); border-right: 1px solid #ddd;}
.headermenurow .tabcontent_wrap > div:last-child{border-right: none;}
.menu{padding:0 10px;}
.menu > li{text-align: center; margin:0 0 10px 0;}
.menu > li:first-child{font-weight: 700; font-size: 22px; margin-bottom: 15px;}
.menu > li a{display: block; width: 100%; padding: 7.5px 0; transition-duration: 0.25s;}
.menu > li a:hover{ font-weight:600; transition-duration: 0.25s;}

.sub{background-color: #f9f9f9;}

.row.headermenurow{width: calc(100%);}
.row.headermenurow > ul{display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-around; width: fit-content; width: 100%;}
.row.headermenurow > ul li{display:block; width: calc(100% / 4);}
.row.headermenurow > ul li a{display: block; width: 100%; height: 100px; line-height: 100px; text-align: center; font-weight: 800; font-size: 20px; color:#000;}
.row.headermenurow > ul:hover div{display: block; opacity: 1;}

.row.headermenurow > ul > li{position: relative; display: block; width: fit-content; min-width:200px; cursor: pointer;}
.row.headermenurow > ul > li:last-child{margin:0;}
.row.headermenurow > ul > li > a{color:#fff; font-size: 20px; font-weight: 600; display: block; width: 100%; height: 100px; line-height: 100px; text-align: center;}
.row.headermenurow > ul > li > a:hover{font-weight: 800;}
.row.headermenurow > ul > li:hover > div{transition-duration: 0.5s; opacity: 1; display: block;}
.row.headermenurow > ul > li > div{display: none; width: 100vw; position: fixed; width: 100vw; top:100px; left:0; z-index: 1; margin-left:calc(-50vw + 50%); transition-duration: 0.5s; opacity: 0;}

.sub_menu_form{display: flex; width: 100%; margin:0 auto; background-color: #fff; box-shadow: 0px 5px 5px 0px #00000005;}


/* 상단우측 */
.menu_right{
	width: 250px;
	height: 100px;
	line-height: 100px;
	background-color:#fff;
	padding:0 100px 0 25px;
	position:relative;
	border-bottom: 1px solid #ddd;
	
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;  
}
#loginBtn:hover em{transition-duration: 0.25s; color: #27409a; font-weight: 800;}
#loginBtn > ul{display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
#loginBtn > ul > li{display: inline-block; height: fit-content; line-height: 1; padding:5px 0;}
#loginBtn > ul > li a{font-size: 16px;}
#loginBtn > ul > li a:hover{font-weight: 600;}

.menu_right em{font-size: 15px; font-weight: 600; padding:0 0 0 5px;}
.menu_right .menu_btn{display: block; content: ''; width: 25px; height: 25px; cursor: pointer; transition-duration: 0.25s;}
.menu_right .menu_btn:hover:not(.menu_btn.on){transform: rotate(90deg);}
.menu_right .menu_btn ul{position: relative; width: 25px; height: 25px;}
.menu_right .menu_btn ul li{width: 10px; height: 10px; border:2px solid #000; position: absolute;}
.menu_right .menu_btn ul li:nth-of-type(1){top:0; left:0;}
.menu_right .menu_btn ul li:nth-of-type(2){top:0; right:0; background-color: #000;}
.menu_right .menu_btn:hover ul li:nth-of-type(2){background-color: #27409a; border:2px solid #27409a;}
.menu_right .menu_btn ul li:nth-of-type(3){bottom:0; left:0;}
.menu_right .menu_btn ul li:nth-of-type(4){bottom:0;right:0;}


/* 사이트맵 */
.dept_sitemap{position: fixed; width: 100vw; height: 100vh; background-color: #fff; display: block; left:0; top:-200%; transition-duration: 0.25s;}
.dept_sitemap > ul{display: block; position: absolute; max-width:100%; top:50%; left: 50%; transform:translate(-50%, -50%);}
.dept_sitemap > ul > li{
	text-align: center;
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    width: 100%;
	padding: 5px 0;
	margin: 5px 0;
	border-bottom: 1px solid #ddd;
}
.dept_sitemap > ul > li:last-child{border-bottom: none;}
.dept_sitemap > ul > li > a{
	display: block;
	width: 100%;
	pointer-events: none;
	cursor: default;
	font-size: 22px;
	font-weight: 700;
	padding:10px 25px;
}
.dept_sitemap > ul li a{text-align: left; width: 20%;}
.dept_sitemap > ul > li > div{display: block; width: calc(100% - 20%);}
.dept_sitemap .sub_menu_form{display: flex; box-shadow: unset;}
.dept_sitemap .sub_menu_form .depth_sub2{width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.dept_sitemap > a{display: block; width: fit-content; font-size: 24px; font-weight: 800; color:#000; margin:25px 0 0 25px;}
.dept_sitemap > a > img{display: block;	width: auto; margin-bottom: 15px;}

.dept_sitemap .depth_sub2 li{margin:0 20px 10px 0;}
.dept_sitemap .depth_sub2 li a:hover{font-weight: 700; color:#27409a;}
.dept_sitemap .depth_sub2 li ul{display: flex;}
.dept_sitema .depth_sub2 > li{display: flex; flex-direction: column;}
.dept_sitemap .depth_sub2 li ul{margin-top:10px;}
.dept_sitemap .depth_sub2 li ul li a{color:#000;}
.dept_sitemap .depth_sub2 li ul li a b{display: none;}
.dept_sitemap.depth_sub2 li:last-child{margin-right: 0;}

.dept_sitemap.on{top:0; transition-duration: 0.25s;}
.menu_right .menu_btn.on ul:hover{transform: rotate(90deg); transition-duration: 0.25s;}
.dept_sitemap .sub_menu_form .depth_sub2{background: none;}


/* 메인 */
.dept_wrap{width: 100%; height: 100%;}
.dept_contents{padding:115px 0 90px; width: 1620px; margin:0 auto;}

.dept_sec1{width: 1340px; margin:0 auto; position: relative;}
.dept_sec1_title{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.dept_sec1_title h4{font-size: 24px; font-weight: 600;}
.dept_sec1_title a{position: relative; font-size: 16px; letter-spacing: -1px; font-weight: 600;}
.dept_sec1_title a::before, .dept_sec1_title a::after{display: block; content: ''; position: absolute; background-color: #000; transition-duration: 0.25s;}
.dept_sec1_title a::before{width: 42.5px; height: 1px; bottom:-15px;}
.dept_sec1_title a::after{width: 15px; height: 1px; bottom:-11px; right:-2px; transform: rotate(25deg);}
.dept_sec1_title a:hover{font-weight: 700;}
.dept_sec1_title a:hover::before, .dept_sec1_title a:hover::after{right:-5px; background-color: #27409a; transition-duration: 0.25s;}

.dept_not_list{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; width: 100%; margin:45px 0 80px;}
.dept_not_list li{border-bottom: 1px solid #ddd; width: 45%;}
.dept_not_list li:nth-of-type(1), .dept_not_list li:nth-of-type(2) {border-top:2px solid #bbb;}
.dept_not_list li a{color:#000; display: block; width:100%; padding:15px 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.dept_not_list li a:hover{color:#27409a; font-weight: 600; background-color: #f5f5f5; transition-duration: 0.25s;}
.dept_not_list li.not_list_new a{
   	background-image: url(../images/common/icon_new.png);
	background-repeat: no-repeat;
	background-position: left 10px center;
	background-size: 20px;
	padding-left:40px;
}

.main_visul{
	display:flex;
	width: 100%;
	height:800px;
	content: '';
	margin:0;
	padding:0;
	position:relative;
	overflow: hidden;
	opacity:1;
	
	animation-name: key2;
	animation-duration:1s;
 	animation-timing-function:ease-in-out;
 	animation-iteration-count : 1;
	
	background-image: url('../images/main/plan_main.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center center;  
}
@-webkit-keyframes key2 {
  from {
    background-position:left 1920px center;
    opacity:0;
  }
  to {
    background-position:center center;
    opacity:1;
  }
}

.main_visul .main_visul_left{
	padding: 0 0 0 100px;
	text-align:left;
	display: flex;
    flex-direction: column;
    
	position: absolute;
	left:0;
	top:47.5%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}

.main_visul .main_visul_left p,
.main_visul .main_visul_left span,
.main_visul .main_visul_left h6{
	text-align:left;
	color:#000;
	font-weight: 600;
	text-shadow: unset;
	font-size: 30px;
}
.main_visul .main_visul_left span{
	font-weight: 300;
	font-size: 18px;
}
.main_visul .main_visul_left h6{
	margin:25px 0 0 0;
	padding:0 0 10px 0;
	font-size: 50px;
	font-weight: 800;
	position: relative;
}
.main_visul .main_visul_left h6::before{
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: #27409a;
	position: absolute;
	display: block;
	content: '';
	bottom:0;
	left:0;
	opacity: 0.5;
}
.main_visul .main_visul_left h6::before{
	animation: mainTitle 1.5s infinite;
    animation-direction: alternate;	
}
@keyframes mainTitle {
	from {
		left:-10px;
		opacity: 0.5;
	}
	to {
		left:50px;
		opacity: 0.1;
	}
}


/* 서브공통 */
.sub_visul_wrap{width: 100%; display: flex; flex-direction: column-reverse; padding:75px 0 0 0;}
.sub_visul_side{
	width: 100%;
    height: 10vh;
    background-color: #27409a;
    background-image: url(../images/main/dept_nemeX.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 300px;
    
    animation-name: key5;
    animation-duration: 2.5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
@-webkit-keyframes key5 {
  from {
    background-position: bottom right;
  }
  to {
    background-position: top right;
  }
}
.sub_visul{
	width: 100%;
	height:25vh;
	content: '';
	margin:0;
	padding:0;
	position:relative;
	overflow: hidden;
	opacity:1;
	
	animation-name: key2;
	animation-duration:1s;
 	animation-timing-function:ease-in-out;
 	animation-iteration-count : 1;
	
	background-image: url(../images/sub/dept_sub.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center center;  
}
@-webkit-keyframes key2 {
  from {
    background-position:left 1920px center;
    opacity:0;
  }
  to {
    background-position:center center;
    opacity:1;
  }
}
.submenupan{position: relative; display: block; width: 100%; margin: 0; padding:0; background-color: #fff; border-bottom: 1px solid #ddd;}
.submenulayer{position: relative; display: block; width: 100%;}
.submenuTitle{display: none;}
#subTopMenu{display: flex; flex-direction: row; justify-content: center; align-items: center; width: 1620px; margin: 0 auto;}
.submenu1list{border:none; border-right:1px solid #ddd; border-top:none; border-bottom: none;}
.submenu1list:first-child{border-left: 1px solid #ddd;}
.submenu1list, .submenu1list.active{width: fit-content; min-width:200px; margin:0; padding:0;}
.submenu1list.active, .submenu1list:hover{border: none; transition-duration: 0.25s;}
.submenu1list.active a,
.submenu1list:hover a{
	width: fit-content;
	min-width:200px;
	font-weight: 600;
	background: unset;
	background-color: #27409a;
	color:#fff;
	border: none;
	transition-duration: 0.25s;
}
.submenu1list a{display: block; width: fit-content; min-width:200px; text-align: center; padding:15px;}
.contentHeader{display: none;}
#subwrapper{background-color: #f9f9f9;}





.dept_body *{font-size: 20px; font-weight: 300; color:#111; letter-spacing: -0.5px; word-break:keep-all;}
.dept_body h1, .dept_body h2, .dept_body h3, .dept_body h4, .dept_body h5, .dept_body h6{font-weight: 700; color:#000; letter-spacing: -2px;}
.dept_body b{font-weight: 600;}

.contentpan{background-color: #fff; background-image: url(../images/common/bg_box.png);	background-repeat: no-repeat; background-position: right bottom; background-size: 500px;}
#contents{width: 1400px; margin:40px auto 0; padding:75px 0 150px;}

.dept_title{display: block; width: 100%; text-align: center; margin:0 auto 75px; position: relative; font-size: 42px;}
.dept_title:before {display: block; content: ''; position: absolute; width: 75px; height: 4px; background-color: #27409a; bottom:-20px; left:50%; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0);}

.dept_title:before,
.sub_content04 .sec1 li b:before,
.sub_content05 .sec1 li b:before{
	animation: move11 1.5s infinite;
    animation-direction: alternate;	
}
@keyframes move11 {
	to {
        width: 0;
    }
}

.dept_body .dept_sub_width{display: flex; flex-direction: row; align-items: center;}
.dept_body table{width: 100%;}
.dept_body table tr:first-child{border-top: 2px solid #999; transition-duration: 0.25s;}
.dept_body table tr th, .dept_body table tr td{padding: 7px 10px;line-height: 32px;text-align: center;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;vertical-align: middle;}
.dept_body table:not(table.not_tbl) tr th:last-child, .dept_body table:not(table.not_tbl) tr td:last-child{border-right: none;}
.dept_body table tr th{background-color: #f5f5f5; font-weight: 400;}
.dept_body table th:hover, .dept_body table td:hover{background-color: #f5f5f5;}


.color_box1, .color_box2, .color_box3, .color_box4, .color_box4{padding:2.5px 0; border-radius: 5px; width: 50px; font-size: 14px; font-weight: 700; vertical-align: middle;}
.color_box1{background-color: #fff; border:1px solid red; color: red;}
.color_box2{background-color: #fff; border:1px solid green; color: green;}
.color_box3{background-color: #fff; border:1px solid orange; color: orange;}
.color_box4{background-color: #fff; border:1px solid gray; color: gray;}

.main_side{display: flex;}
.main_visul_side{
	width: 340px;
	height: 700px;
	background-color: #27409a;
	background-image: url('../images/main/dept_neme.png');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: auto;
	
	animation-name: key3;
	animation-duration:1.5s;
 	animation-timing-function:ease-in-out;
 	animation-iteration-count : infinite;
    animation-direction: alternate;
}
@-webkit-keyframes key3 {
  from {
    background-position: bottom 10px right;
  }
  to {
    background-position: bottom right;
  }
}
.main_visul{
	width: calc(100% - 340px);
	background-color: #fff;
}

footer.row{
	background-color: #152e52
}
footer.row .container{
	width: 1620px;
	margin: 0 auto;
	padding:60px 0 80px;
}
.footer_info{
	display: flex;
	width: 100%;
	border-bottom: 1px solid #fff;
	padding: 0 0 27.5px 0;
}
.footer_info li{
	margin-right: 25px;
}
.footer_info li:last-child{
	margin-right: 0;
}

.footer_info li a{
	color:#fff;
	font-weight: 300;
	font-size: 16px;
	display: block;
}
.footer_info li a:hover{
	font-weight: 500;
}

.copyright{
	padding:27.5px 0 0 0;
}
.copyright p span{
	color:#fff;
	font-weight: 300;
	font-size: 16px;
}
.copyright p:last-child {
	color:#fff;
	font-weight: 300;
	font-size: 16px;
}

.fix_mov{
	position: fixed;
	bottom:75px;
	right: 90px;
	width: 50px;
	height: 50px;
	line-height: 60px;
	background-color: #c6c7ca;
	border-radius: 100%;
	text-align: center;
	box-shadow: 1px 3px 6px rgb(0 0 0 / 8%);
}
.fix_mov a{
	font-size: 14px;
	font-weight: 300;
	position: relative;
	color:#000;
	display: flex;
    justify-content: center;
    align-items: center;
	width: 100%;
	height: 100%;
	padding:10px 0 0 0;
}
.fix_mov a::before,
.fix_mov a::after {
	display: block;
	content: '';
	position: absolute;
	top:13px;
	width: 8px;
	height: 1px;
	background-color: #000;
}
.fix_mov a::before{
	transform: rotate(45deg);
	left:23px;
}
.fix_mov a::after {
	transform: rotate(-45deg);
	left:17px;
}
.fix_mov a:hover::before,
.fix_mov a:hover::after {
	top:10px;
	transition-duration: 0.25s;
}


.innersearchpan *{float: unset !important;}
.innersearchpan,
.combolayer,
.innersearchpan .smcstylegroup{
	width:100% !important;
	display: flex;
	align-items: center;
    justify-content: center;
}
.contentpan{background-image: unset;}
.comboCate_st, .smcstylegroup input, .btn-flat.btn{
	margin:0 2.5px;
	padding:0 15px !important;
	height: 40px !important;
	line-height: 40px !important
}



/* 기획처 */
/* 001001 */
.sub_content01 .sec1 img{
	display: block;
	width: 100%;
	max-width: 50%;
}
.sub_content01 .sec1 p{
	padding:0 25px;
}
.sub_content01 .sec1 p b{
	color: #253d8f;
}

.sub_content01 .sec2{
	margin:75px 0 35px;
}
.sub_content01 .sec2 h4{
	width: 100%;
	text-align: center;
	font-size: 26px;
}

.sub_content01 .sec3 li{
	width: calc(100% / 7);
	margin-right: 10px;
	height: 100px;
	border-radius: 20px;
	text-align: center;
	display: flex;
    justify-content: center;
    align-items: center;
	border:1px solid #ddd;
	
	background-color: #253d8f;
}
.sub_content01 .sec3 li:nth-of-type(2){background-color: #24418b;}
.sub_content01 .sec3 li:nth-of-type(3){background-color: #28478b;}
.sub_content01 .sec3 li:nth-of-type(4){background-color: #2a4e8b;}
.sub_content01 .sec3 li:nth-of-type(5){background-color: #2f5891;}
.sub_content01 .sec3 li:nth-of-type(6){background-color: #34649b;}
.sub_content01 .sec3 li:last-child{
	margin-right: 0;
	background-color: #3a6ea1;
}
.sub_content01 .sec3 li p{
	text-align: center;
	color:#fff;
}

/* 001002 */
.sub_content02 .sec1{position: relative; width: 100%; height: 300px; border-radius: 20px; overflow: hidden;}
.sub_content02 .sec1 img{
	position: absolute;
	top:50%;
	left:50%;
	display: block;
	width: 100%;
	height: auto;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
}

.sub_content02 .sec2{
	margin:75px 0 35px;
}
.sub_content02 .sec2 h4{
	width: 100%;
	text-align: center;
	font-size: 26px;
}

.sub_content02 .sec3{
	align-items: flex-start;
    flex-wrap: wrap;
}
.sub_content02 .sec3 ul{
	width: calc(100% / 4 - 15px);
	margin: 0 20px 0 0;
	padding:20px 20px;
	background-color: #fff;
	border-radius: 20px;
	border:1px solid #ddd; 
}
.sub_content02 .sec3 ul:last-child{
	margin-right: 0;
}
.sub_content02 .sec3 ul li b{
	display: block;
	font-size: 24px;
	margin: 25px auto 15px;
	color:#253d8f;
}

/* 001003 */
.sub_content03 .sec1{position: relative; width: 100%; height: 300px; border-radius: 20px; overflow: hidden;}
.sub_content03 .sec1 img{
	position: absolute;
	top:50%;
	left:50%;
	display: block;
	width: 100%;
	height: auto;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
}
.sub_content03 .sec2 table{
	margin: 75px 0 0 0;
}
.sub_content03 .sec2 table td.left_align{
	font-weight: 500;
}



/* 001004 */
.sub_content04 h4,
.sub_content05 h4{
	text-align: center;
	margin:75px auto 35px;
}
.sub_content04 h6,
.sub_content05 h6{
	font-size: 30px;
	text-align: center;
	margin:35px auto 20px;
}
.sub_content04 table b,
.sub_content04 table span,
.sub_content05 table b,
.sub_content05 table span{
	font-weight:400;
	display: block;
	width: 100%;
}

.sub_content04 .sec1 ul{
	align-items: flex-start;
}
.sub_content04 .sec1 li{
	width: calc(100% / 5 - 20px);
	margin: 0 25px 0 0;
	background-color: #fff;
	border-radius: 20px;
	border:1px solid #ddd;
	padding: 35px 20px;
	color:#fff;
	background-color: #253d8f;
}
.sub_content04 .sec1 li:nth-of-type(2){background-color: #24418b;}
.sub_content04 .sec1 li:nth-of-type(3){background-color: #28478b;}
.sub_content04 .sec1 li:nth-of-type(4){background-color: #2a4e8b;}
.sub_content04 .sec1 li:nth-of-type(5){background-color: #2f5891;}
.sub_content04 .sec1 li b{
	color:#fff;
	display: block;
	width: 100%;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

.sub_content04 .sec3 ul:nth-of-type(1) li{
	width: calc(100% - 25px);
	margin-right: 50px;
	text-align: center;
	color:#fff;
	padding:50px 25px;
	border-radius:20px;
	background-color: #253d8f;
}
.sub_content04 .sec3 ul:nth-of-type(1) li:last-child{
	margin-right: 0;
	background-color: #2f5891;
}
.sub_content04 .sec3 ul:nth-of-type(1) li b{
	display: block;
	width: 100%;
	font-size: 24px;
	font-weight: 500;
	color:#fff;
}

.sub_content04 .sec3 ul:nth-of-type(2){
	margin:0 0 50px 0;
	justify-content: center;
}
.sub_content04 .sec3 ul:nth-of-type(2) li{
	background-color: #fff;
	border:1px solid #ddd;
	border-radius: 20px;
	text-align: center;
	padding:20px 40px;
	margin:0 20px 0 0;
}
.sub_content04 .sec3 ul:nth-of-type(2) li:last-child{
	margin: 0;
}
.sub_content04 .sec3 ul:nth-of-type(2) li b{
	display: block;
	width: 100%;
}

.sub_content04 .sec5 .colod_box1, .sub_content04 .sec5 .colod_box2, .sub_content04 .sub_content04 .sec5 .colod_box3, .sub_content04 .sec5 .colod_box4{display: inline-block;}
.sec5 ul{
    justify-content: center;
}
.sub_content04 .sec5 ul li{
	text-align: center;
	margin-right: 10px;
	border:1px solid #ddd;
	border-radius: 20px;
	padding:25px 10px;
	
	display: flex;
    flex-direction: column;
    align-items: center;
}
.sub_content04 .sec5 ul li:last-child{
	margin-right: 0;
}
.sub_content04 .sec5 ul li b{
	display: block;
	width: 100%;
}

.sub_content04 .sec5 ul:nth-of-type(1){
	margin:50px auto 25px;
}
.sub_content04 .sec5 ul:nth-of-type(1) span{
	display: block;
	margin:15px auto;
}

.sub_content04 .sec5 ul:nth-of-type(2){
    justify-content: center;
    align-items: flex-start;
}
.sub_content04 .sec5 ul:nth-of-type(2) li{
	width: calc(100% / 7);
	background-color: #fff;
}
.sub_content04 .sec5 ul:nth-of-type(2) li div{
	display: flex;
}
.sub_content04 .sec5 ul:nth-of-type(2) li b{
	margin:10px 0 0 0;
	font-weight: 500;
	font-size: 22px;
}
.sub_content04 .sec5 ul:nth-of-type(2) span{
	display: inline-block;
	margin:0 5px 0 0;
}
.sub_content04 .sec5 ul:nth-of-type(2) span:nth-of-type(2){
	margin:0;
}


/* 001005 */
.sub_content05 .sec1 ul{
	align-items: flex-start;
}
.sub_content05 .sec1 li{
	width: calc(100% / 3 - 20px);
	margin: 0 30px 0 0;
	background-color: #fff;
	border-radius: 20px;
	border:1px solid #ddd;
	padding: 35px 20px;
	color:#fff;
	background-color: #253d8f;
}
.sub_content05 .sec1 li:nth-of-type(2){background-color: #28478b;}
.sub_content05 .sec1 li:nth-of-type(3){background-color: #2f5891;}
.sub_content05 .sec1 li b{
	color:#fff;
	display: block;
	width: 100%;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

.sub_content04 .sec1 li b, .sub_content05 .sec1 li b{position:relative;}
.sub_content04 .sec1 li b:before, .sub_content05 .sec1 li b:before{
	display: block;
	content: '';
	position: absolute;
	width: 50px;
	height: 2px;
	background-color: #fff;
	bottom:0px;
	left:0;
}

.sub_content05 .sec2 table tr:nth-of-type(1) th:last-child,
 .sub_content05 .sec2 table tr:nth-of-type(2) td:last-child{
 	border-right: none;
 }
.sub_content05 .sec2 table{
	margin: 50px 0 0 0;
}

.sub_content05 .sec3 ul,
.sub_content05 .sec4 ul,
.sub_content05 .sec5 ul,
.sub_content05 .sec6 ul{
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 0 25px 0;    
}
.sub_content05 .sec3 ul li,
.sub_content05 .sec4 ul li,
.sub_content05 .sec5 ul li{
	width: calc(100% / 4 - 20px);
	border-radius: 20px;
	border:1px solid #ddd;
	padding:25px 15px;	
}
.sub_content05 .sec6 ul li{
	width: calc(100% / 3 - 20px);
	border-radius: 20px;
	border:1px solid #ddd;
	padding:25px 15px;
	text-align: center;
}
.sub_content05 .sec3 ul li b,
.sub_content05 .sec4 ul li b,
.sub_content05 .sec5 ul li b,
.sub_content05 .sec6 ul li b{
	display: block;
	color: #27409a;
}
.sub_content05 .sec3 table th,
.sub_content05 .sec4 table th{
	width: 20%;
}
.sub_content05 .sec6 table tr th,
.sub_content05 .sec6 table tr td{
	width: calc(100% / 9);
}
.sub_content05 .sec6 table td.tbl_bg{
	background-color: #f5f5f5;
}
.sub_content05 .sec6 table td.tbl_bg b{
	color:#000;
}

/* 001006 */
.sub_content06{
	
}
.sub_content06 ul, .sub_content06 li{width: 100%;}
.sub_content06 ul{
	background-color: #f9f9f9;
	border-radius: 20px;
	padding:50px 10px;
}
.sub_content06 li h6{margin:25px 0 10px;}
.sub_content06 li p{margin: 5px 0;}
.sub_content06 ul *{
	/* text-align: center; */
	text-align: left;
    margin-left: 20px;
    margin-right: 20px;
}  

/* 001007 */
.sub_content07 h3{margin:50px 0 35px;}
.sub_content07 h6{margin:25px 0 10px;}

























/* 키프레임 */
.dept_show{position: relative; padding-top:10px;}
.dept_show::before{
	animation: dept1 1.5s infinite;
}
@keyframes dept1 {
	to {
		left:50px;
		opacity: 0;
	}
}

.dept_line{position: relative; padding-bottom: 10px;}
.dept_line::before{
	animation: dept2 1.5s infinite;
}
@keyframes dept2 {
	from {
		width:0;
		opacity: 0;
	}
	to {
		width: 50px;
		opacity: 1;
	}
}
.dept_shake{
	animation: dept3 1.5s infinite;
    animation-direction: alternate;	
}
@keyframes dept3 {
	from {
        transform:rotate(1deg);
    }
	to {
        transform:rotate(-1deg);
    }
}



#contents{
	animation: fade 1.5s 1;
}
@keyframes fade {
	from {
        opacity:0;
    }
	to {
        opacity:1;
    }
}






/* 반응형 공통 */
@media screen and (max-width: 1599px){
	.row.headermenurow > ul{}
	.row.headermenurow > ul > li{min-width: fit-content;}
	.dept_wrap{padding:50px 2.5% 0;}
	.dept_contents{width: 100%;}
	.dept_contents > div{width: 100%;}
	.menu_right{padding-right: 50px;}
	
	#subTopMenu{width: 100%;}
	#contents{width: 100%; padding:50px 2.5% 150px;}
}

@media screen and (max-width: 1199px){
	#contents{overflow-x:scroll }
	.mobile_top_wrap .mobile_top{box-shadow: 1px 3px 6px rgb(0 0 0 / 8%);}
	
	.main_visul{height: 75vh;}
	.main_visul_side{height: 25vh; background-image: url(../images/main/dept_nemeX.png);}
	
	.dept_contents > div{width: 100%;}
	.dept_not_list{flex-direction: column;}
	.dept_not_list li{width: 100%;}
	.dept_not_list li:nth-of-type(2){border-top:none;}
	.main_side > div{}
	.main_visul .main_visul_left{width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); left:50%; top:50%; transform:translate(-50%, -50%); padding:0 5%; justify-content: center; align-items: center;}
	.main_visul .main_visul_left *{text-align: center !important; color:#fff !important;}
	#mobile-menu-view.on{display: block;}
	.dept_sec2 ul li:nth-of-type(1) a::before, .dept_sec2 ul li:nth-of-type(2) a::before, .dept_sec2 ul li:nth-of-type(3) a::before, .dept_sec2 ul li:nth-of-type(4) a::before, .dept_sec2 ul li:nth-of-type(5) a::before, .dept_sec2 ul li:nth-of-type(6) a::before{background-size: 25%;}
	
	#contents{padding:25px 2.5% 50px;}
}

@media screen and (max-width: 767px){
	.dept_body .dept_sub_width{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}	
	.dept_shake,
	.sub_content01 .sec3 li,
	.sub_content04 .sec1 li,
	.sub_content05 .sec1 li,
	.sub_content05 .sec3 ul li,
	.sub_content05 .sec4 ul li,
	.sub_content05 .sec5 ul li,
	.sub_content05 .sec6 ul li{
		animation: usnet;	
	}
	.innersearchpan{
		padding:20px 10px;
		margin:0 0 25px 0;
	}
	.innersearchpan .smcstylegroup{
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    flex-direction: column;
	}
	.smcstyleselect2, .comboCate_st, .smcstylegroup input, .btn-flat.btn{width: 100%;}
	.searchcombo3, .innersearchpan .smcstylegroup{margin:0;}
	.smcstyleselect2{margin:0 0 20px 0;}
	
}
@media screen and (max-width: 499x){
	
}
	
	
	
/* 반응형 기획처 */
@media screen and (max-width: 1199px){
	.sub_content02 .sec3 ul,
	.sub_content04 .sec1 li{
		width: 100%;
		margin:10px 0;
	}
	.color_box1, .color_box2, .color_box3, .color_box4, .color_box4{
		width: 40px;
	}
}

@media screen and (max-width: 767px){
	.sub_content01 .sec1 img{
		display: block;
		width: 100%;
		max-width: 100%;
		margin: 0 0 25px 0;
	}
	.sub_content01 .sec3{
        flex-direction: row;
    	align-items: center;
    	flex-wrap: wrap;
	}
	.sub_content01 .sec3 li{
		width:calc(100% / 2 - 10px);
		margin:0; 
	}
	
	.sub_content03 .sec1{
		height: 150px;
	}
	.sub_content03 .sec1 img{
		width: auto;
	}
	.sub_content03 .sec2 table{
		margin-top:25px;
	}
	.sub_content04 .sec3 ul:nth-of-type(1) li,
	.sub_content04 .sec3 ul:nth-of-type(2) li,
	.sub_content04 .sec5 ul li,
	.sub_content05 li{
		width:100% !important;
		margin:10px 0 !important;
	}
	.sub_content04 .sec5 ul:nth-of-type(1){
	    display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	}
	.sub_content04 .sec5 ul:nth-of-type(1) li{
		width: calc(100% / 2 - 20px) !important;
		padding:0 10px;
		height: 175px;
		margin:10px !important;
		display: flex;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	}
	
}

@media screen and (max-width: 499x){
	
}





/* 0127 수정 */
@media screen and (max-width: 1199px){
	footer.row .container{width: 100%;}
	.fix_mov{right:5%; bottom:5%;}
}
@media screen and (max-width: 767px){
	.dept_body *{font-size: 16px;}
	.dept_title{font-size: 30px; font-weight: 600;}
	
	.mobile_top_wrap .mobile_top .mobile_title a{font-size: 16px;}
	.mobile_top_wrap .mobile_top .mobile_title a img{width: 100px; margin-right: 10px;}
	
	.main_visul{height: 50vh;}
	.main_visul_side{height: 10vh; background-size: 50%;}
	.main_visul .main_visul_left p br,
	.main_visul .main_visul_left span{display: none;}
	.main_visul .main_visul_left p{font-size: 24px;}
	.main_visul .main_visul_left h6{font-size: 40px;}
	
	.sub_visul_side{height: 5vh; background-size: 100px;}
	
	.modal-body > ul > li > a,
	.modal-body > ul > li ul li a{font-size: 16px;}
	
	footer.row{margin-top:50px;}
}


/* 서브메뉴 1차메뉴 타이틀 */
.submenulayer{height: 50px; line-height: 50px;}
.submenulayer{display:flex; justify-content: center; align-items: center; width: 1620px; margin:0 auto;}
.stitle01.submenuTitle{display: block; height: 100%; background: none; width: fit-content; background-color: unset; padding: 0 50px 0 40px; position: relative;}
.stitle01.submenuTitle::before, .stitle01.submenuTitle::after{display: block; content: ''; width: 10px; height: 2px; background-color: #27409a; position: absolute; right:10px;}
.stitle01.submenuTitle::before{transform:rotate(45deg); top:20px;}
.stitle01.submenuTitle::after{transform:rotate(-45deg); bottom:20px;}
.submenuTitleText{position: relative; color:#000; top:unset; font-size: 18px; width: fit-content; line-height:50px; font-weight: 500;}
#subTopMenu{width: fit-content; margin:0;}

.stitle01.submenuTitle::before, .stitle01.submenuTitle::after{animation: subTitle 1s infinite;}
@-webkit-keyframes subTitle {
  from {
		right:15px;
		opacity: 0.5;
	}
  to {
		right: 10px;
		opacity: 1;
	}
}