@charset "utf-8";
* {letter-spacing:-0.025em;word-spacing:-0.025em;}

#skip a {position:absolute;top:-9999px;left:0;z-index:9999;display:block;width:100%;background:#333;font-size:16px;font-weight:600;color:#fff;text-align:center;}
#skip a:hover,#skip a:focus {top:0;padding:15px 0;}

#wrap {position:relative;padding-top:146px;}

#header {position:absolute;left:0;top:0;width:100%;min-width:1200px;box-sizing:border-box;z-index:500;border-top:5px solid #fff;background:#165192;height:146px;}
#header .head {padding:0 0px;background-color: #fff}
#header .head .inner {max-width:1200px;height:92px;margin:0 auto;position:relative;}
#header .head .logo {width:145px;height:42px;position:absolute;left:0;top:27px;}
#header .head .logo a {display:block;width:100%;height:100%;text-indent:-9999px;background:url(../images/logo.gif) no-repeat 0 50%;background-size:contain;}
#header .head .search {width:497px;height:44px;box-sizing:border-box;position:absolute;top:26px;left:50%;margin-left:-248.5px;padding-right:65px;}
#header .head .search input[type='text'] {display:block;width:100%;box-sizing:border-box;height:44px;border:2px solid #476b95;border-right:none;padding-left:10px;font-size:16px;color:#000;font-weight:300;}
#header .head .search input[type='text']::-webkit-input-placeholder {color:#555;}
#header .head .search input[type='text']:-moz-placeholder {color:#555;}
#header .head .search input[type='text']::-moz-placeholder {color:#555;}
#header .head .search input[type='text']:-ms-input-placeholder {color:#555;}
#header .head .search button {display:block;position:absolute;right:0;top:0;width:65px;height:44px;color:#fff;border:none;background:#3a577b;font-size:18px;}
#header .head .zoom {position:absolute;right:0;top:31px;font-size:0;}
#header .head .zoom > * {display:inline-block;vertical-align:middle;}
#header .head .zoom span {font-size:16px;color:#476b95;margin-right:10px;}
#header .head .zoom button {width:33px;height:34px;border:1px solid #ccc;background:#fff;color:#476b95;font-size:14px;}
#header .head .zoom button:hover {background:#46a4dc;color:#fff;}
#header .head .zoom span + button {margin-right:-1px;}
/*#header {box-shadow:inset 0 -1px 1px #e6e6e6;}
.sub #header {box-shadow:inset 0 -1px 1px #e6e6e6;}*/

#nav {border-top:0px solid #eaeef3;position:relative;}
#nav:before {content:"";display:none;width:100%;background-color:#304c6e;position:absolute;left:0;top:49px;height:340px;}
#nav:after {content:"";display:none;width:100%;position:absolute;right:50%;margin-right:652px;top:48px;height:310px;}
#nav .inner {max-width:1200px;margin:0 auto;position:relative;padding-right:65px;box-sizing:border-box;z-index:10;}
#nav .inner:before {content:"";display:none;width:144px;height:210px;background:url(../images/nav_bg.png) no-repeat;position:absolute;right:100%;top:85px;margin-right:42px;}
.menu {position:absolute;right:0;top: 92px;width:65px;height:49px;color:#fff;background: #165192;font-size:24px;border:none;}
.menu span:before {content:"메뉴 열기";}
#nav .gnb {display:table;table-layout:fixed;width:100%;}
#nav .gnb > li {display:table-cell;position:relative;}
#nav .gnb > li > a {display:block;height:48px;line-height:49px;font-size:19px;color:#fff;}
#nav .gnb > li > ul {position:absolute;left:0;top:100%;width:100%;box-sizing:border-box;padding:25px 20px 0 0;height:310px;display:none;}
#nav .gnb > li > ul > li ~ li {margin-top:4px;}
#nav .gnb > li > ul > li > a {display:block;font-size:17px;color:#fff;line-height:1.5em;letter-spacing:-0.05em;padding:4px;}
#nav .gnb > li > ul > li > a[target="_blank"]:after { vertical-align: middle; width: 12px; height: 12px; display: inline-block; margin-left: 8px; margin-top: -2px; padding-right: 0; background: url("../images/icon_gnb_link.png") no-repeat right center/12px auto; content: ''; }
#nav .gnb > li > ul > li > .nav_sub {color:#ffffd7;font-size:14px;line-height:0.7em;}
#nav .gnb > li > ul > li > .nav_sub:before{content:' · ';}
#nav .gnb > li > ul > li > .nav_tit {margin-bottom:-4px}
#nav .gnb > li:nth-child(1){width:158px;}
#nav .gnb > li:nth-child(2){width:142px;}
#nav .gnb > li:nth-child(3){width:167px;}
#nav .gnb > li:nth-child(4){width:212px;}
#nav .gnb > li:nth-child(5){width:142px;}
#nav .gnb > li:nth-child(6){width:192px;}
#nav .gnb > li:nth-child(7){width:122px;}
#nav .gnb > li > a:focus,
#nav .gnb > li:hover > a {color:#ffffd7;}
#nav .gnb > li.active > a {color:#003964;}

#nav .gnb > li > ul > li > a:focus,
#nav .gnb > li > ul > li:hover > a,
#nav .gnb > li > ul > li.active > a {color:#222;background:#fff;}

.menu-on #nav {overflow:visible;height:auto;}
.menu-on #nav:before,
.menu-on #nav:after,
.menu-on #nav .inner:before {display:block;}
.menu-on .menu i:before {content:"\e937";}
.menu-on .menu span:before {content:"메뉴 닫기";}
.menu-on #nav .gnb > li > ul {display:block;}


#footer {background:#333;padding:10px 0px 0px;min-width:1200px;}
#footer .inner {width:1200px;margin:0 auto;}
#footer .top {position:relative;border-bottom:1px solid #d9d9d9;}
#footer .top .fnb {font-size:0;}
#footer .top .fnb li {display:inline-block;vertical-align:top;}
#footer .top .fnb li ~ li {margin-left:25px;}
#footer .top .fnb li a {display:block;height:63px;line-height:63px;font-size:16px;color:#d5d5d5;letter-spacing:-0.05em;}
#footer .top .fnb li:nth-child(2) a {color:#fff8b0;}
#footer .top .fnb li a:hover {color:#46a4dc;}
#footer .top .sns {position:absolute;right:0;top:50%;margin-top:-14.5px;font-size:0;white-space:nowrap;}
#footer .top .sns li {display:inline-block;vertical-align:top;}
#footer .top .sns li ~ li {margin-left:4px;}
#footer .top .sns li a {display:block;text-indent:-9999px;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;width:29px;height:29px;}
#footer .top .sns .face a {background-image:url(../images/foot-face.png);}
#footer .top .sns .blog a {background-image:url(../images/foot-blog.png);}
#footer .top .sns .tube a {background-image:url(../images/foot-youtube.png);}
#footer .bot {padding:30px 300px 30px 200px;position:relative;}
#footer .bot h2 {width:147px;height:46px;background:url(../images/foot-logo.png) no-repeat 50% 50%;background-size:contain;position:absolute;left:0;top:50%;margin-top:-23px;text-indent:-9999px;overflow:hidden;}
#footer .bot .info {font-size:15px;line-height:1.5em;color:#d5d5d5;}
#footer .bot .site {position:absolute;right:0;top:50%;margin-top:-22px;width:238px;height:44px;}
#footer .bot .site > a {display:block;background:#e0e0e0;position:relative;padding:0 20px;font-size:15px;color:#222;height:44px;line-height:44px;}
#footer .bot .site > a i {display:block;position:absolute;right:20px;top:50%;margin-top:-0.5em;line-height:1em;font-size:20px;}
#footer .bot .site > a:hover {background-color:#ccc;color:#222;}
#footer .bot .site ul {display:none;position:absolute;left:0;bottom:100%;width:100%;box-sizing:border-box;background:#fff;border:1px solid #ddd;padding:10px 0;max-height:250px;overflow:auto;}
#footer .bot .site ul li a {display:block;padding:3px 20px;font-size:14px;}
#footer .bot .site ul li a:hover {color:#fff;background-color:#46a4dc;}
#footer .bot .site.active > a i:before {content:"\f106";}
#footer .bot .site.active > a:hover{color:#222;}
#footer .bot .site.active ul {display:block;}

.sub #footer {border-top:1px solid #e6e6e6;}

#MainContent {height:520px;}
/*
#MainContent .danger {position:absolute;left:0;bottom:0;width:100%;z-index:100;}
#MainContent .danger .inner {max-width:1200px;margin:0 auto;box-sizing:border-box;padding-left:210px;position:relative;background:rgba(237,244,250,0.9);}
#MainContent .danger h3 {position:absolute;left:0;top:0;width:210px;height:40px;line-height:40px;text-align:center;background:#4d8cde;color:#fff;font-size:18px;}
#MainContent .danger ul {text-align:center;font-size:0;height:40px;}
#MainContent .danger ul:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
#MainContent .danger ul li {display:inline-block;vertical-align:middle;}
#MainContent .danger ul li ~ li {margin-left:50px;}
#MainContent .danger ul li:before {content:"";display:inline-block;width:15px;height:15px;border-radius:50%;margin-right:3px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;margin-right:6px;}
#MainContent .danger ul .type1:before {background:#2e507c;}
#MainContent .danger ul .type2:before {background:#fcc33c;}
#MainContent .danger ul .type3:before {background:#c82613;}
#MainContent .danger ul .type4:before {background:#292929;}
#MainContent .danger ul .type5:before {background-image:url(../images/ico-type5.png);}
#MainContent .danger ul .type6:before {background-image:url(../images/ico-type6.png);}
#MainContent .danger ul li span {display:inline-block;font-size:18px;color:#222;letter-spacing:-0.05em;}
*/

#board {padding:55px 0px;}
#board > .inner {width:1200px;margin:0 auto;box-sizing:border-box;position:relative;padding-right:304px;}
#board > .inner:after {content:'';display:block;clear:both;}
#board .box {float:left;box-sizing:border-box;}
#board .box1 {width:39.6%;padding:55px 50px 0 0;position:relative;}
#board .box2 {width:60.4%;padding:55px 50px 0 0;position:relative;}
#board .box3 {position:absolute;right:0;top:0;width:304px;}

#board .box .tit {}
#board .box .tit h3 {position:absolute;left:0;top:0;font-size:24px;color:#222;font-weight:600;letter-spacing:-0.05em;display:inline-block;}
#board .box .tit h3 a {display:block;color:#3f3f3f;font-weight: 600;}
#board .box .more {position:absolute;right:50px;font-size:20px;color:#000;top:1px;}
#board .box .top .subject {display:block;position:relative;}
#board .box .top .subject img {display:block;position:absolute;left:0;top:50%;margin-top:-11.5px;width:35px;border: 1px solid #eaeaea;}
#board .box .top .subject span {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:24px;color:#000;}
#board .box .top .subject img + span {padding-left:45px;}
.ctg_title_1{color:#c90d0d; font-weight: 600;}
.ctg_title_2{color:#2e6eb3; font-weight: 600;}
.ctg_title_3{color:#cf360c; font-weight: 600;}
#board .box .top .img {margin-top:10px;}
#board .box .top .sum {font-size:18px;line-height:1.6em;height:3.2em;overflow:hidden;margin-top:15px;color:#444;}
#board .box .list dl {position:relative;padding-right:69px;}
#board .box .list dl ~ dl {margin-top:12px;}
#board .box .list dl dt a {display:block;}
#board .box .list dl dt a span {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#444;}
#board .box .list dl dt a img {display:block;position:absolute;left:0;top:50%;margin-top:-8px;border:1px solid #eaeaea; width:24px;}
#board .box .list dl dt a img + span {padding-left:36px;}
/* #board .box .list dl dd {position:absolute;right:0;top:4px;font-size:13px;color:#40a2e8;font-style:italic;} */
#board .box .list dl dd {position:absolute;right:0;top:4px;font-size:13px;color:#000080;font-style:italic;}

#board .box1 .list {margin-top:15px;}
#board .box2 .list {margin-top:17px;padding-top:25px;border-top:1px solid #ddd;}
#board .box2 .tit {height:auto;}
#board .box2 .con .top,
#board .box2 .con .more,
#board .box2 .con .list {display:none;}
#board .box2 .con + .con .tit h3 {left:129px;margin-left:8px;padding-left:18px;}
#board .box2 .con + .con .tit h3:before {content:"";position:absolute;left:5px;top:3px;width:1px;height:20px;background:#ddd;transform:rotate(25deg);}
#board .box2 .con.active .top,
#board .box2 .con.active .more,
#board .box2 .con.active .list {display:block;}
#board .box2 .con.active .tit h3 a {font-weight: 600;}

#board .box3 .ban {position:relative;}
#board .box3 .ban .btn {position:absolute;right:0;bottom:-5px;white-space:nowrap;}
#board .box3 .ban .btn button {border:none;background:none;font-size:22px;}
#board .box3 .slick-dots {font-size:0;margin-top:0px;}
#board .box3 .slick-dots li {display:inline-block;vertical-align:top;margin-right:8px;}
#board .box3 .slick-dots li button {box-sizing:border-box;width:16px;height:16px;border-radius:8px;background:#b7b7b7;border:none;text-indent:-9999px;}
#board .box3 .slick-dots .slick-active button {background:#00aeef;width:34px;}

#element {background:url(../images/element-bg3.jpg) no-repeat 50% 0;background-size:cover;padding-top:35px;min-width:1200px;box-sizing:border-box;height:450px;}
#element .inner {width:1200px;margin:0 auto;position:relative;}
#element h2 {text-align:center;font-size:34px;font-weight:normal;margin-bottom:50px;}
#element h2 span {color:#fff;}
#element h2 em {color:#fff8b0;}
#element .wrap {position:relative;padding-right:355px;}
#element .tit {position:relative;}
#element .tit h3 {font-size:21px;line-height:36px;color:#333;display:inline-block;font-weight:normal;}
#element .tit .more {display:block;color:#bad8ea;font-size:20px;position:absolute;right:0;top:7px;}
#element .mov {float:left;box-sizing:border-box;padding-right:33px;width:50%;}
#element .mov .tit h3 {position:relative;padding-left:38px;background:url('http://0404.go.kr/images/media/bg/bg_videotitle2.png') no-repeat;width:195px;box-sizing:border-box;}
#element .mov .con a {display:block;padding-top:56.4%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;position:relative;}
#element .mov .con a > span {display:block;position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box;background:rgba(0,0,0,0.5);padding:0 100px 0 20px;}
#element .mov .con a > span strong {color:#fff;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:normal;height:42px;line-height:42px;}
#element .mov .con .mov_hover {display:none;}
#element .mov .con:hover .mov_hover {display:block;position:absolute;top:0;pointer-events:none;}
#element .mov .con a > span span {position:absolute;right:20px;top:0;height:42px;line-height:42px;font-size:13px;color:#c5eeff;}

#element .mov .slick-dots {font-size:0;margin-top:10px;text-align:right;}
#element .mov .slick-dots li {display:inline-block;vertical-align:top;}
#element .mov .slick-dots li ~ li {margin-left:8px;}
#element .mov .slick-dots li button {box-sizing:border-box;width:16px;height:16px;border-radius:8px;background:#fff;border:none;text-indent:-9999px;}
#element .mov .slick-dots .slick-active button {background:#fff8b0;width:32px;}

#element .book {position:absolute;right:0;top:0;width:355px;}
#element .book .area {position:relative;padding:26px 46px 0 46px;}
#element .book .area .con {position:relative;padding-left:128px;padding-bottom:20px;box-sizing:border-box;}
#element .book .area .con .img {position:absolute;left:0;top:0;width:108px;}
#element .book .area .con .img a {display:block;background-repeat:no-repeat;padding-top:147%;background-position:50% 50%;background-size:cover;box-shadow:2px 2px 3px rgba(0,0,0,0.15);text-indent:-9999px;}
#element .book .area .con .info {padding-top:14px;}
#element .book .area .con .info .subject a {display:block;overflow:hidden;color:#fff;line-height:1.3em;height:3.8em;font-size:16px;word-break: break-all;}
#element .book .area .con .info .date {margin-top:16px;color:#fff;font-size:15px;}
#element .book .area .con .info .date > * {display:inline-block;vertical-align:middle;}
#element .book .area .con .info .date i {margin-right:3px;}
#element .book .area .con .info .btn {margin-top:27px;}
#element .book .area .con .info .btn a {display:block;background:#fff;text-align:center;font-size:16px;height:37px;line-height:37px;color:#585757;}
#element .book .area .con .info .btn a span {display:inline-block;}
#element .book .area .con .info .btn a i {color:#f2a2a2;display:inline-block;margin-left:5px;}
#element .book .slick-arrow {
	position:absolute;
	top:60px;
	width:32px;
	height:32px;
	display:block;
	text-align:left;
	color:#fff;
	box-sizing:border-box;
	font-size:0;
	border:1px solid #588491;
	background:transparent;
	border-radius:50%;
	text-indent:-9999px;
	overflow:visible;
	line-height:0;
	transition:0.3s;
	z-index:100;
}
#element .book .slick-arrow:after {font-family:axicon;display:block;position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;text-indent:0;line-height:28px;text-align:center;font-size:18px;}
#element .book .slick-arrow.slick-prev {left:-45px;}
#element .book .slick-arrow.slick-next {right:-45px;}
#element .book .slick-arrow.slick-prev:after {content:"\f104";}
#element .book .slick-arrow.slick-next:after {content:"\f105";}
#element .book .tit h3{color:#fff;padding-left:42px;}
#board img,
#element img {max-width:100%;}

.lnb_menu li .nv_sub{
	color: #0d47d1 !important;
	margin-left: 10px;
	background:url('') !important;
}
.lnb_menu li.selected .nv_sub,
.lnb_menu li .nv_sub:hover{
	background-color: #106fdf !important;
	color:#fff !important;
	font-weight:500;
}


/*2022추가*/
	.btn_search_open{display: none;}
	@media all and (max-width:1200px){
	#nav .gnb > li > a {line-height: 25px;}
	#element .book .area .con .img {width:30%;}
	#element .book .area .con {padding: 0px 0px 0px 40%;box-sizing:border-box;}
	#element .book .area .con .info{padding:0}
	#element .box{width:35%;}
	#element .book{width:35%;padding: 0 30px;box-sizing: border-box;}
	#element .book .area .con .info .btn{margin-top:10px;}
	#header{min-width:0}
	html{-webkit-text-size-adjust:auto;}
	.axi-search:before{color:#3a577b;font-size:30px;}
	.btn_search_open{display:block;position:absolute;right:65px;top: 0px;width: 66px;height: 55px;background:#fff;border:1px solid #dddddd;padding-top: 2px;}
	.container{width:1200px;}
	#element{min-width:0;}
	#footer .inner{width:100%;}
	#element .inner{width:100%;}
	.menu {position:absolute;right: 0;top:0px;width:65px;height:55px;color:#fff;background:#3d8cde;font-size:34px;border:none;}
	.menu-on #nav .gnb >li > a{font-weight:700;font-size:20px;}
	.menu-on #nav .gnb li a{display:block;}
	.menu-on #nav .gnb li{padding-left:10px;}
	#board > .inner {width:100%;}
	#footer{min-width:0;}
	#board .box3 {width:200px;}
	#board > .inner{padding-right:200px;}
	#board .box .tit h3 a{padding-left:30px;}
	#header .head .inner{height:55px;width: 100%;border-bottom: 1px solid;}	
	#header .head .logo a {height: 80%;}
	#header .head .logo{top:10px;left:20px;}
	#header .head .mobile_search :before {color:#3a577b;}
	#header .head .mobile_search {display:block;width: 100%;top: 56px;left: 248px;border:15px solid #3a577b;height: 80px;}
	#header .head .mobile_search button{height:50px;background:#fff;}
	#header .head .mobile_search input[type='text']{height:50px;border:0}
	#header .head .search :before {color:#3a577b;}
	#header .head .search {width:100%;top:60px;left:248px;border:15px solid #3a577b;height:80px;}
	#header .head .search button{height:50px;background:#fff;}
	#header .head .search input[type='text']{height:50px;border:0}
	#header .head .zoom{display:none;}
	#header {/*min-width:100%;*/}
	#header {height:7px;width: 100%;border-top:0;}
	#header {padding-top:0}
	#nav .gnb > li > ul {padding:0;}
	#nav .gnb li a {display:none;}
	#nav .gnb{padding-top:20px;}
	#nav .inner {padding-right:25px;}
	#nav:before {top:0px;height:380px;}
	#topsearchform{display:none;}
	#wrap {position:relative;padding-top:0px;}
	#board .box3 .slick-dots li button{width:12px;height:12px;}
	#board .box .more{right:30px}

	#footer {padding: 10px 30px 0px;}
	#element .wrap {padding: 0px 30px;}

	#board .box1 {width:40%;padding:55px 30px 0 30px;position:relative;}
	#board .box2 {width:55%;padding:55px 2% 0 0;position:relative;}
	#board .box3 {width:250px;padding:0px 30px 0px 30px;position:absolute;right:0;top:0;}
	#element .book .area .con {min-height:250px;}

}



@media all and (max-width:890px){
	body.main div.map_area{min-width:100%!important}
	.menu-on #nav .gnb > li > .active {display:block;}
	.menu-on #nav .gnb > li{border: 1px solid #99C7FF;}
	.menu-on #nav .gnb >li> a{background:#4d8cde;color:#fff;height: 40px;font-size: 18px;line-height: 45px;}
	.menu-on #nav .gnb li a{padding-left:20px;}
	.menu-on #nav .gnb li{padding-left:0;}
	.menu-on #nav{position: fixed;left: 0;top: 55px;width: 100%;height: calc(100% - 55px);z-index: 1000;background: #fff;overflow: auto;box-shadow: inset 0 1px 1px rgba(0,0,0,0.15);}
	#board .box .list dl dt a span{color:#000;}
	#board .box .more{right:30px;top:30px;}
	#board .box .tit h3 {position:relative;padding-bottom:20px;}
	#board .box .top .sum{color:#000;}
	#board .box:first-child .more {top:17px;}
	#board > .inner .box:first-child{padding-top: 15px;}
	#board > .inner .box{width:100%;margin:0 auto;padding: 35px 30px 0 30px;padding-bottom:0;}
	#board > .inner .box1{padding-bottom:50px;}
	#board > .inner .box2{background:#f5f5f5;padding-bottom:50px;}
	#board > .inner .box3{position:relative;}
	#board > .inner {padding-right:0}
	#board > .inner{width: 100%!important;}
	#board img, #element img {max-width:99%;width: 100%;margin: 0 auto;}
	#board{padding-top:0px;}
	#element .book .tit h3{padding-left:0;}
	#element .book{position:relative;}
	#element .box:last-child{padding-bottom:30px;width:100%;clear:both;box-sizing: border-box;}
	#element .box{padding: 40px 30px 0 0px;}
	#element .inner{width:100%;}
	#element .mov .tit h3{width:100%;}
	#element .mov{width:100%;}
	#element .wrap{padding-right:0;}
	#element h2 {margin-bottom:10px;width:100%:}
	#element h2 span{word-break:break-all}
	#element{height:100%;}
	#element{min-width: 100%}
	#footer .bot .site{display:none;}
	#footer .bot {padding: 30px 14px 30px 30px;}
	#footer .bot h2{display:none;}
	#footer .fnb li:nth-child(3),
	#footer .fnb li:nth-child(4),
	#footer .fnb li:nth-child(6),
	#footer .fnb li:nth-child(7){display:none;}
	#footer .inner{width:100%;}
	#footer .top .fnb {padding-left:30px;}
	#footer .top .fnb li ~ li {padding-left:0;margin-left:0;}
	#footer .top .fnb li a{height:33px;line-height:33px;padding-right:10px;}
	#footer .top .fnb li:last-child{display:none;}
	#footer .top .sns li a{width:35px;height:35px;}
	#footer .top .sns{position:relative;padding:20px 20px 20px 0px;text-align:right;margin-top:0;}
	#footer{min-width:100%;padding:10px 0 0px;}	
	#header {position: fixed;}
	#header {min-width:100%}
	#MainContent {height: 565px;padding: 15px;padding-top: 70px;box-sizing: border-box;background: #fff;}
	#nav .gnb > li > ul {padding:0;}
	#nav .gnb > li > ul {position:relative;}
	#nav .gnb > li > ul > li > .nav_sub:first-child:hover{color:#304c6e;}
	#nav .gnb > li > ul > li > .nav_sub:first-child{color:#ffffd7;border-top:0px;padding:10px 0px 10px 20px ;font-size:17px;}
	#nav .gnb > li > ul > li > .nav_tit {margin-bottom:0px;}
	#nav .gnb > li > ul > li > .nav_tit{}
	#nav .gnb > li > ul > li > a{color:#fff;border-top:1px solid #8492a3;}
	#nav .gnb > li > ul > li ~ li {margin-top:0px;}
	#nav .gnb > li > ul{height:100%;}
	#nav .gnb > li:nth-child(1){width:100%;}
	#nav .gnb > li:nth-child(2){width:100%;}
	#nav .gnb > li:nth-child(3){width:100%;}
	#nav .gnb > li:nth-child(4){width:100%;}
	#nav .gnb > li:nth-child(5){width:100%;}
	#nav .gnb > li:nth-child(6){width:100%;}
	#nav .gnb > li:nth-child(7){width:100%;}
	#nav .gnb > li{display:block;}
	#nav .gnb li a {color:#fff;}
	#nav .gnb{background:#304c6e;}   
	#nav .gnb{padding-top:0px;}
	#nav .inner {padding-right:0px;}
	#nav:before {background:none;}
	#nav:before {top:0px;height:100%;}

	#nav .gnb > li > ul > li.active > a {color:#222 !important;background:#fff;}
	#nav .gnb > li > ul > li > a:focus {color:#222 !important;background:#fff;}
	
	#element .box:last-child{height:100%;padding-bottom:40px;}
	#element .book .area {height:40vw;}
	#element .book .area .con {height:410px!important;}
	


	

}
/*popup focus*/
#board .img{padding:2px;box-sizing: border-box;}