/* header */
#header{height:auto;}
.top-login {width: 100%; height:40px; margin: 0 auto; border-bottom: 1px solid #ddd;}
.top-login .left {position: absolute; left: 0; top:55px; z-index:99999;}
.top-login .right {position: absolute; right: 0; margin-top: 12px;}
.top-login button {font-size: 12px; background: none; border-radius: 0; color: #666; font-weight: 400; height: 35px;}
.top-login .right a {padding: 0 20px; border-right: 1px solid #ddd; color:#888;}
.top-login .right a:hover {color:#000;}
.top-login .right a:last-child {border-right: 0}
.top-logo h3 {font-family: 'Nanum Myeongjo'; font-size:24px;}
.logo-menu ul li {float:left; width:90%;}
.logo-menu ul li:first-child{10%;}
.top-logo-m {display:none;}
.menu-icon img {width:28px}
@media all and (max-width:834px){
	#header{height:80px;}
	.top-logo-m {display:block; position:absolute; top:25px; left:25px; font-family: 'Nanum Myeongjo';}
	.top-logo {display:none;}
}

/*foot*/
.foot-privit {width:100%; position: relative; padding: 28px 0; text-align:center; background:#444;}
.foot-privit a {font-size:14px; color: #ddd; margin:0 15px;}
.foot-privit a.privit {font-weight:700; color:#fff;}
.foot-bottom {width:100%; padding:34px 0; background:#fff; font-size:14px; text-align:center; line-height:2.2;}
@media all and (max-width:834px){
	.foot-privit a {font-size:13px; margin:0 5px;}
	.foot-bottom {font-size:13px;}
}
@media only screen and (max-width :320px){
	.foot-privit a {margin:0 2px;}
}

/* 2���޴� */
.towdepth {width: 100%; max-width: 1100px; margin: 30px auto;}
.submenu_list {}
.submenu_list a {position: relative; padding: 15px 30px; color: #fff; font-size: 18px; background: #9acc6d; margin: 0 10px; border: 1px solid #76b141; border-radius: 10px; font-weight: 700;}
.submenu_list a.focus, .submenu_list a:hover {background-color: rgba(0, 0, 0, 0); outline: none;color: #000; font-weight: 800;}

/* 3���޴� */
.depth3_list {text-align: left; margin-bottom: 30px; display: inline-block; width: 100%;}
.depth3_list a {color: #666; display: block; width: 33.33333333%; float: left; font-weight: 700;}
.btn-depth3 {font-size: 13px;padding: 10px 20px; border: 1px solid #ddd; background: #ffffff; margin-left: -1px;}
.btn-depth3.focus, .depth3_list a:hover {outline: none; border-bottom: 3px solid #ca1414; background: #fff; color: #000; line-height: 11px;}
.sub_img {display: none;}

/* ����ϸ޴� */
.sidenav {height:100%; width:0; position:fixed; z-index:99999999; top:0; right:-1px; background-color:#fff; overflow-x:hidden; transition:0.2s; padding-top:60px; border-right:1px solid #333;}
.sidenav a {padding: 15px 0 5px 20px;text-decoration: none;font-size: 15px;color:#666; display: block;transition: 0.3s;}
.sidenav a:last-child {padding: 15px 0 15px 20px;}
.sidenav a:hover {color: #000d65;} 
.sidenav > button {width:100%; text-align:left; background:#fff; color:#444; font-size:17px; border-bottom:1px solid #ddd; padding:35px 30px 35px 20px; line-height:3px; position:relative;}
.sidenav > button:hover {color: #000d65;}
.sidenav .search_word {width:214px; border:1px solid #ddd;}
.sidenav .closebtn { position: absolute; top:0; right: 8px;}
.dropdown-btn > img {position: absolute; right: 5px; top:25px;}
#chk_mobile {display:none;}
@media all and (max-width:834px){
	.top-login {display:none;}
	#gnb_area {display:none;}
	.toggle {width:100%; height:100%;}
	.menu-icon {position:absolute; right:15px; top:12px; padding:10px; font-size: 23px; cursor: pointer;}
}
.dropdown-container {display:none; background-color:#eee;}
.m-login {display: block; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom:0;}
.m-login > button {width: 50%; border: 0; border-radius: 0; color: #333; background: #fff; padding: 17px;}
.m-login > div {padding: 10px; background: #af0d23; color: #fff; width: 100%;}
button.myclass-btn {width: 100%; padding: 20px; background: #01a5e6; color: #fff; margin-top: 30px; text-align: center;}
button.myclass-btn > img {width: 25px; height: 25px;}

/* ���������� */
#sub-container {position: relative; width: 100%; height: 100%;}
.topvisual {position:relative;}
.topvisual a {display:block; color:#444;}
.topvisual h2 {display:none;}
.topvisual ul {position:absolute; margin-top:-50px; width:100%; background:#eee; display:table; table-layout:fixed;}
.topvisual ul li {display:table-cell; height:50px; width:1%; text-align:center; background:#fff; font-size:15px; vertical-align:middle; border-right:1px solid #ddd; border-bottom:1px solid #ddd; line-height:50px;}
.topvisual ul li:hover a {background:#4552b0; color:#fff; height:50px;}
.topvisual ul li.active a {background:#333; color:#fff; font-weight:700; height:50px;}
.topvisual ul li:uth-child(4) {border-right:0;}
.sub-title {width:100%; margin: 20px 0 20px; position:relative;}
.sub-title .subject {border-bottom:1px solid #ddd; padding-bottom:20px; font-size: 28px;}
.sub-title ul {position:absolute; right:0; bottom:20px;}
.sub-title ul li {float:left; margin-left:10px;}
.sub_bg {background:url('/files/images/sub_bg2.jpg')no-repeat center 22%; background-size:cover;}
.sub_img {max-width:1100px; font-size:40px; font-weight:700; color:#fff; display:block; font-family:'Nanum Myeongjo', serif; margin:0 auto; padding:80px 10px;}

@media all and (max-width:480px){
	.topvisual ul li {width:50%;}
	.topvisual ul li:nth-child(3) {border-left:1px solid #ddd;}
	.sub_img {font-size:34px;}
	.sub-title ul li {display:none;}
	.sub_img {width:98%;}
	.sub_bg {background-size:auto;}
}

/* �޴�*/
#gnb_area {position:relative;  margin: 0 auto;  padding:0; width:100%; right:0px; top:0px; height:70px; background:#fff; border-bottom:1px solid #ddd;}
.gnbDiv {position:relative; margin:0 auto; text-align:center; height:70px; width:100%; margin:0; overflow:hidden; left:0; z-index:9999;}
.gnbDiv .gnbWrap{position:relative;  height: auto; margin: 0 auto; overflow: hidden;  z-index: 9999;}
.gnbDiv .gnbWrap .gnb{position:relative; margin:0 auto; width:100%; max-width:1100px; z-index:9999;  height:70px; padding-left:240px;}
.gnbDiv .gnbWrap .gnb .oneDep{height:70px; padding:0px 0 20px 0;}
.gnbDiv .gnbWrap .gnb ul{overflow:hidden; width:100%; max-width:1100px; height: auto; margin:0; padding:0;}
.gnbDiv .gnbWrap .gnb ul li{float:left; width:12.5%; text-align:center;}


.gnbDiv .gnbWrap .gnb ul li a.oneDep {display:block; position:relative; font-size:16px; line-height:70px; height:70px; color:#444; letter-spacing:-1px; font-weight:bold;}
.gnbDiv .gnbWrap .gnb ul li.on a.oneDep{color:#5f6dcb; text-decoration:none;}


.gnbDiv .gnbWrap .twoDep{width:100%; display:block; position:relative; visibility: visible; background:#fff; border-bottom:2px solid #353d4a;}
.gnbDiv .gnbWrap li.on .twoDep{ background:#eee;}
.gnbDiv .gnbWrap li.on .twoDep a.off:hover{color:#000d65; vertical-align:top; text-decoration:none;}
.gnbDiv .gnbWrap li .twoDep a.on{color:#a77547; vertical-align:top; border:1px solid #ddd;}
.gnbDiv .gnbWrap li .twoDep a{color:#666; font-size:13px; line-height:18px; padding:10px 0 5px 0; letter-spacing:-1pt;}
.disB{display:block;}

.twoDbg{position:absolute; display:none; background:#fff; border-top:1px solid #ddd; top:100px; left:0; height:100px; width:100%; z-index:999; border-bottom:2px solid #21489c;}
.gnbDiv .gnbWrap li.on .guideBg{position:absolute; top:100px; left:0; display:block;}
.guideBg{display:none; position:relative;}


/* sub-welcome */
.cw-text {padding:50px; background:#fff; top:20%; margin:0 20px; position:relative; top:-50px;}
.cw-h3 {font-size:24px; padding-bottom:20px; border-bottom:1px solid #ddd; margin-bottom:10px; color:#183b78;}
.cw-p {font-size:15px; padding-top:20px; line-height:1.8;}
.cw-img-out {position:relative; overflow:hidden; height:0; padding-bottom:25%;}
.cw-img-in {width:100%; height:100%; position:absolute; background:url("/files/images/welcome_bg.jpg") no-repeat center; background-size:100%;}

/* sub-info */
.padding60 {padding:60px 0;}
.padding60-b {padding-bottom:60px;}
.ci-ui-out > li {float:left; width:82%;}
.ci-ui-out > li:first-child {width:18%; font-size:22px; padding:10px 20px; font-weight:bold; color:#444;}
.ci-img-out {position:relative; height:0; overflow:hidden; padding-bottom:20%;}
.ci-line {display:block; width:40px; padding:4px; background:#0583b5;; margin-top:15px;}
.ci-img-in {position:absolute; width:100%; height:100%; background:url("/files/images/info_bg.jpg") no-repeat center;}
.ci-ui-in {padding:20px 20px 0 20px; font-size:20px;}
.ci-span {display:block; padding:3px 0;}
.ci-text {padding:60px 0; text-align:center; font-size:20px; border:1px solid #ddd;}
.ci-h4 {font-size:17px; font-weight:bold; padding:30px 0 20px; color:#444;}
.ci-p {font-size:17px; text-align:center; padding:30px 0; border:1px solid #ddd;}
.ci-p3 {border-top:none;}
.ci-ui-in2 > li:nth-child(2) .ci-p {border-left:0;}
.ci-ui-in2 > li {float:left; width:50%;}
.ci-ui-in3 {display:table; width:100%;}
.ci-ui-in3:first-child li {border-bottom:0;}
.ci-ui-in3 > li {display:table-cell; font-size:15px; text-align:center; border:1px solid #ddd; height:150px; vertical-align:middle; width:50%; padding:0 30px;}
.ci-ui-in3 > li:first-child {border-right:0;}
.ci-p2 {padding:60px 0;}
.ci-text3 {padding:0; border:none;}
.cg-img-in {padding:40px 0;}
.cg-img {width:100%; height:100%;}
.ci-ui {padding:2px 0;}
.ci-ui li {float:left;}
.ci-li-title {width:15%; color:#444;}
.ci-li-text {width:85%;}
#daumRoughmapContainer1587102945823 {width:100%;}


@media all and (min-width:835px){
	.min834 {display:block;}
	.max834 {display:none;}
	.max480 {display:none;}
}

@media all and (max-width:834px){
	.min834 {display:none;}
	.max834 {display:block;}
	.max480 {display:none;}
	.ci-ui-in2 > li {width:100%;}
	.ci-ui-in2 > li:nth-child(2) .ci-p {border-left:1px solid #ddd; border-top:none;}
	.ci-ui-in3 > li {padding:0 20px;}
	.ci-ui-in2-m > li {width:50%;}
	.ci-ui-in2-m > li:nth-child(2) .ci-p {border-left:none; border-top:1px solid #ddd;}
	.cw-text {top:-10px;}

}

@media all and (max-width:480px) {
	.max834 {display:none;}
	.max480 {display:block;}
	.cw-text {padding:35px 30px;}
	.ci-ui-out > li:first-child {width:100%;}
	.ci-ui-out > li {width:100%; text-align:center;}
	.ci-ui-in > li {text-align:left;}
	.ci-line {display:none;}
	.padding60 {padding:30px 0;}
	.padding60-b {padding-bottom:30px;}
	.ci-text {padding:30px 0;}
	.ci-h4 {padding:30px 0 10px 10px; text-align:left;}
	.ci-ui-in3 > li {display:block; height:auto; padding:30px 10px; width:100%;}
	.ci-ui-in3 > li:first-child {border-right:1px solid #ddd; border-bottom:none;}
	.ci-p {padding:30px 10px;}
	.ci-p2 {padding:30px 0;}
	.ci-text3 {padding:0;}
	.ci-li-title {width:30%;}
	.ci-li-text {width:70%;}
	.ci-span2 {display:block; padding-bottom:2px;}
	.ci-img-out {padding-bottom:50%;}
	.cw-img-out {padding-bottom:35%;}
}