#wrap{width:100%; position:relative;}

/* 메뉴 시작 */
.header{border-bottom:1px solid #d6d6d6; padding-bottom:4px;}
.gnb_wrap{height:45px;border-bottom:1px solid #d6d6d6;}
.gnb{width:1400px; margin:0 auto;}
.gnb ul{float:right; list-style:none; margin-top:-5px;}
.gnb li{margin:10px; float:left;}
.gnb li a{font-size:12px;}
.gnb li:nth-child(1) a{color:#36F;}
.navbar {
	clear:both;
	display: flex;
	align-items: center;
	padding: 0px 20px;
	width: 1400px;
	margin: 0 auto;
}
.navbar_logo {
	font-size: 24px;
	color: #fff;
	margin-right:150px;
}
.navbar_logo i {
	color: #d49466;
}
.navbar_menu {
	display: flex;
	list-style: none;
	padding-left: 0;
	position: relative;
	z-index: 99999;
}
.navbar_menu>li {
	padding: 30px 36px;
	box-sizing: border-box;
}
.navbar_menu>li>a {
	font-size: 25px;
}
.navbar_menu>li a:hover {
	color: #2e5190;
}
.navbar_menu li:hover .sub {
	opacity: 0.95;
	visibility: visible;
}
.navbar_menu .sub {
	position: absolute;
	top: 83px;
	opacity: 0;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	visibility: hidden;
	background-color: #1d1d1d;
}
.navbar_menu .sub li {
	list-style-type: none;
	border-bottom: 1px solid #5d5d5d;
	text-align: center;
}
.navbar_menu .sub li a {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	font-weight: bold;
	display: block;
	padding: 10px 0px 7px 0px;
}
.navbar_menu .sub li a:hover {
	color: #ffff00;
}
#sub1{left:-22px; width:200px;}
#sub2{left:143px; width:200px;}
#sub3{left:340px; width:200px;}
#sub4{left:545px; width:200px;}
#sub5{right:-20px; width:200px;}

.navbar_icons {
	display:none;
	list-style:none;
}
.navbar_icons li {
	padding: 8px 12px;
}
.navbar_toggleBtn {
	display: none;
	position: absolute;
	right: 32px;
	font-size: 24px;
	color: #d49466;
	;
}
.sub_bg{height:135px; background:url(/images/sub_bg.jpg) repeat-x top;}
.container{clear:both; width:1300px; margin: 0px auto; position:relative; margin-top:-135px;}
.left{width:250px; float:left;}
.left p{width:250px; height:177px;  background:url(/images/left_img.jpg) no-repeat top; color:#fff; line-height:177px; text-align:center; font-size:28px; font-weight:bold; font-family:'Score5'; text-shadow: 1px 1px 2px #484848;}
.left ul{height:auto; border:1px solid #ddd;}
.left ul li{list-style:none;}
.left ul li a{display:block;  padding:15px 20px 0px 20px; font-size:15px; height:40px;background-color:#fff; border-bottom:1px solid #ddd; font-weight:bold; font-family:'Score5';}
.left ul li a.line2{display:block;  padding:20px 20px 10px 20px; font-size:15px; height:60px; background-color:#fff; border-bottom:1px solid #ddd;}
.left ul li:last-child a{border-bottom:none;}
.left ul li a:hover{color:#414141; }
.left ul li.over a{ background-color:#fff; color:#3f4396; font-weight:bold;}
.left ul li.over a:after {
    content: "\f0da";
    font-family: "FontAwesome";
    font-weight: 900;
    float:right;
}
.left ul li.over:hover{color:#000}

.contents{padding:20px 20px 50px 20px; background-color:#fff; margin-bottom:10px; min-height:630px; box-sizing:border-box; width:1030px; float:right;}
.title{font-size:40px; text-align:center; padding:55px 0; color:#4d1c7a; font-weight: bold;}


@media screen and (min-width: 768px) {
.pcOnly {}
.mbOnly {display: none !important;}
}
/*  Mobile : ~ width:975px  */
@media screen and (max-width: 768px) {
.mbOnly {}
.pcOnly {display: none !important;}
.under img{width:100%;}
}

@media screen and (max-width: 768px) {

.gnb_wrap{display:none;}
.gnb li a{font-size:.6rem !important;;}
.navbar {
	flex-direction: column;
	align-items: flex-start;
	padding: 10px 0 0 0;
	width: 100%;
}
.navbar_logo {
	
	margin:10px;
}
.navbar img{width:90%;}
.navbar_menu {
	display: none;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
.navbar_menu>li {
	width: 100%;
	border-top: 1px solid #ccc;
	background-color: #33C;
	padding: 0;
}
.navbar_menu>li>a {
	font-size: 1rem;
	color: #fff;
	padding: 15px 30px;
	text-align: left;
	display: block;
}
.navbar_menu li:hover .sub {
	opacity: 1;
	visibility: visible;
}
.navbar_menu>li .sub {
	width: 100%;
	padding: 0;
	margin: 0;
	position: static;
	opacity: 1;
	transition: none;
	visibility: visible;
	background-color: #fff;
}
.navbar_menu>li .sub li:last-child {
	border-bottom: 0 none;
}
.navbar_menu>li .sub li {
	border: 0 none;
	list-style: none;
	background-color: #fff;
	width: 100%;
	border-bottom: 1px solid #ddd;
	padding: 0 35px;
}
.navbar_menu>li .sub li a {
	color: #333;
	text-align: left;
font-size:.8rem;
}
.navbar_menu .sub li a:hover {
	color: #333;
}
#sub1 {
	left: -25px;
	width: 100%;
}
#sub2 {
	left: 0;
	width: 100%;
}
#sub3 {
	left: 0;
	width: 100%;
}
#sub4 {
	left: 0;
	width: 100%;
}
#sub5 {
	right: 0;
	width: 100%;
}
#sub6 {
	right: 0;
	width: 100%;
}
.navbar_icons {
	display: none;
	justify-content: center;
	width: 100%;
	border-top:1px solid #ccc;
}
.navbar_toggleBtn {
	display: block;
	top: 30px;
	right:15px;
}
.navbar_menu.active, .navbar_icons.active {
	display: flex;
}
.navbar .navbar_logo{
	order:1;
}
.navbar .navbar_menu{
	order:3;
}
.navbar .navbar_icons{
	order:2;
}

/* 햄버거 버튼 */

.hamburger{
	position:absolute;
	top: 30px;
	right:15px;}
.hamburger .line {
	width: 25px;
	height: 4px;
	background-color: #333;
	display: block;
	margin: 3px auto;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.hamburger:hover {
	cursor: pointer;
}


/* ONE */

#hamburger-1.is-active .line:nth-child(2) {
	opacity: 0;
}

#hamburger-1.is-active .line:nth-child(1) {
	-webkit-transform: translateY(7px) rotate(45deg);
	-ms-transform: translateY(7px) rotate(45deg);
	-o-transform: translateY(7px) rotate(45deg);
	transform: translateY(7px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3) {
	-webkit-transform: translateY(-7px) rotate(-45deg);
	-ms-transform: translateY(-7px) rotate(-45deg);
	-o-transform: translateY(-7px) rotate(-45deg);
	transform: translateY(-7px) rotate(-45deg);
}
	
}
/* 메뉴 끝 */


/* 메인 컨텐츠 */
.main_container{width:1400px; margin:0 auto;}

.main_cont{display:flex; justify-content:space-between; width:100%;}
.main_cont_left{width:730px;}

.main_cont_left .notice{position:relative; width:100%; height:253px; border:1px solid #cccccc; box-sizing:border-box; margin-top:10px;}


.noti_tit{color:#000;font-size:24px; font-weight:bold; padding:25px 0 10px 25px; color:#1467ac;}
.noti_tit span{font-size:14px; color:#799ec7;}
.notice ul{margin:0 15px 25px 10px; list-style:none; padding:15px;}
.notice ul li a{display:inline-block;text-overflow:ellipsis; white-space: nowrap; overflow: hidden;width:600px; font-size:15px;}
.notice ul li span{float:right; font-size:14px; letter-spacing:-1px;}
.notice ul li:last-child{margin-bottom:0;}
/*.notice ul li:before{content:'-'; margin-right:5px;}*/
.notice .more a{position:absolute; top:20px; right:25px; font-size:27px; font-weight:bold; color:#1467ac;}

.main_cont_right{width:660px; display:flex; justify-content:space-between; flex-wrap:wrap;}
.quick{width:325px; height:253px; box-sizing:border-box; padding:30px; color:#fff; position:relative; margin-bottom:10px;cursor:pointer;}
.quick dt{font-size:30px; font-weight:bold;}
.quick dt span{font-size:14px; font-style:italic; opacity:.6; text-transform: uppercase; }
.quick .txt{font-size:15px; line-height:20px; opacity:.9; margin-top:10px; letter-spacing:-0.8px;}
.quick .icon{position:absolute; top:110px; right:20px;border-radius:50%; padding:25px;}

.main_cont_right dl:nth-child(1){background-color:#004d8d;}
.main_cont_right dl:nth-child(2){background-color:#7ec345;}
.main_cont_right dl:nth-child(3){background-color:#029884;}
.main_cont_right dl:nth-child(4){background-color:#f68826;}
.main_cont_right dl:nth-child(5){background-color:#fdc22a;}
.main_cont_right dl:nth-child(6){background-color:#747474;}

.main_cont_right dl:nth-child(1) .icon{background-color:#3172a7;}
.main_cont_right dl:nth-child(2) .icon{background-color:#a9de7d;}
.main_cont_right dl:nth-child(3) .icon{background-color:#57c5b6;}
.main_cont_right dl:nth-child(4) .icon{background-color:#ffb069;}
.main_cont_right dl:nth-child(5) .icon{background-color:#ffe081;}
.main_cont_right dl:nth-child(6) .icon{background-color:#868686;}

.banner_big{display:flex; justify-content:space-between; width:1000px; margin:0px auto;}
.banner_big div{border:1px solid #ddd;width:300px; height:120px; padding:10px 0; text-align:center;}
.banner_big_tit{display:none;}

.banner_s{width:1400px; margin:30px 0; }
.banner_s ul{display:flex; justify-content:space-between; list-style:none;} 
.banner_s ul li{width:250px; height:70px; border:1px solid #ddd; text-align:center; line-height:70px;padding:10px 0;}

.banner1{display:flex; justify-content:space-around; margin-bottom:20px;}
.banner1 li{ list-style:none; border :1px solid #ddd;}
.banner_tit{font-size: 20px; font-weight:bold; border-top: 5px solid #ddd;padding-top: 10px; width:130px; text-align:center;}

.footer{clear:both; border-top:1px solid #ccc; margin-top:20px;}
.footer .copy_txt{width:1400px; margin:0 auto; text-align:center; color:#333; font-size:13px; line-height:20px; padding:40px 0; opacity:.8;}



@media screen and (max-width: 768px) {
	
.main_container{width:100%;}

.main_img img{width:100%;}
.main_cont{flex-direction:column;}
.main_cont_left{width:100%; margin-bottom:10px;}

.main_cont_left .notice{height:230px;}

.noti_tit{font-size:1.5rem;}
.noti_tit span{font-size:.8rem;}
.notice ul li a{width:80%; font-size:.9rem; line-height:22px;}
.notice ul li span{float:right; font-size:.8rem; letter-spacing:-1px;}

.main_cont_right{width:100%;}
.quick{width:49%; height:180px; padding:10px;}
.quick dt{font-size:1.2rem;}
.quick dt span{font-size:.6rem; letter-spacing:-0.8px;}
.quick .txt{font-size:.7rem;}
.quick .icon{position:absolute; bottom:10%; right:8%;border-radius:50%; padding:15px; width:30px; height:30px;}
.quick .icon img{width:100%;}

.banner1{width:90%; margin:0 auto; flex-wrap:wrap}
.banner1 img {width:100%;}
.banner1 li{margin-bottom:5px; width:49%;}
.banner_tit{font-size:1.5rem; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; padding: 10px 0; width:100%; margin-bottom:10px;}

.banner_big{flex-direction:column; width:90%; margin:0px auto;}
.banner_big_tit{display:block; font-size:1.5rem; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; padding: 10px 0; width:100%; margin-bottom:10px; text-align:center; font-weight:bold; margin-top:10px;}
.banner_big div{border:1px solid #ddd;width:100%; height:auto; margin-bottom:5px;}

.banner-area{width:90%; margin:0 auto;}

.footer {
	clear: both; 
	flex-direction: column-reverse;
	padding:10px;
}
.footer{margin-top:0;}
.footer .copy_txt{width:100%; font-size:.7rem; line-height:1rem; padding:10px 0;}
.footer a{color:#fff; font-size:.7rem;}

}


/* 메인 컨텐츠 끝 */



.all_menu_wrap {display:none; position:absolute; top:0; left:0;width:100%; height:100%; background:rgba(0,0,0,0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#90000000); zoom: 1; z-index:99999;}
.all_menu_list {max-width:1200px; margin:0 auto; } 
.all_menu_list .fa-times-circle{color:#fff; }
.all_menu_list h2 {font-size:25px; color:#68caff; text-align:center; font-weight:500; margin:65px 0 40px;}
.all_menu_list > li {float:left; width:183px; text-align:center; margin-right:20px; list-style:none}
.all_menu_list > li:nth-child(7){margin-right:0px;}
.all_menu_list > li.left_first {margin-left:0;}
.all_menu_list > li  h3 { font-size:18px; color:#fff; font-weight:500; padding-bottom:15px;  margin-bottom:15px; border-bottom:1px solid #68caff;}

.all_depth2 > li{margin-bottom:20px; list-style:none;}
.all_depth2 li a{color:#eee; font-size:15px;  font-weight:300;}
.all_depth3{border:1px solid #828282; background-color:#2b2b2b; padding:3px 0 6px 0; width:80%; margin:7px auto 0 auto;}
.all_depth3 li{line-height:20px !important; list-style:none;}
.all_depth3 li a{font-size:13px;}

.close_btn_wrap { margin-top:100px;}
.close_btn_wrap a {display:block; width:180px; line-height:50px; border:1px solid #fff; color:#fff; text-align:center; border-radius:30px; font-size:16px;  margin:0 auto; background:rgba(255,255,255,0.1);}
.close_btn_wrap a > img {vertical-align:middle; margin-right:5px;}



/* 서브 메뉴 */
.location {width:1400px; margin: 0 auto; position:relative; display: block;content: '';clear: both}
.location_wrap {height: 60px; width: 100%; background: #fff; z-index: 3; position:relative; border-bottom:1px solid #ddd; z-index:1;}
.location_wrap:before {content: ''; height: 60px; border-bottom: #e6e6e6 1px solid;}
.home{width: 40px; height: 40px; padding:20px 0 0 20px ; display: inline-block; float:left; border-left: #e6e6e6 1px solid; border-right: #e6e6e6 1px solid; }
.fa-home{color:#3f4396;}
.sub-icon {float: right;}
.location_tit {float:left; position:relative; height: 60px;width: 265px; background:#3f4396; }
.location_tit a {font-size:18px; display: block; padding:15px; color:#fff;}
.location_tit > a{border-right: 1px solid #ddd;}

.location_list {background:#fff; width: 266px; position: absolute; left: -1px; display: none;}
.location_list li {border:1px solid #ddd; border-top:none; list-style:none}

.location_list li a:link, .location_list li a:visited, .location_list li a:active, .location_list li a:hover{color:#3c4d8e;}
.location_inner {float:left; height: 60px; padding: 17px 22px 5px 22px;}
.location_inner li {float:left; margin-right:30px; list-style:none}
.location_inner li:last-child{margin-right:0px;}
.location_inner li a {font-weight:300; color:#333; font-size:16px; display:block;}
.location_inner li.on a, .location_inner li a:hover {font-weight:600; color:#3f4396;}

.navi{display:none;}



@media screen and (max-width: 768px) {
.location {
	width: 100%;
	margin: 0 auto;
	position: relative;
	display: block;
	content: '';
	clear: both;
}
.location_wrap {
	height: 50px;
}

.home {
	width: 33px;
	height: 40px;
	padding: 10px 0 0 15px;
	display: inline-block;
	float: left;
	border-left: #e6e6e6 1px solid;
	border-right: #e6e6e6 1px solid;
}
.fa-home {
	color: #004593;
}
.navi{font-size:14px; font-family:'NotoLight'; display:block; width:100%; line-height:48px;}
.navi span{padding-left:20px;}
.navi a{color:#333;}

.container {
	width: 100%;
}
.contents {
	padding:1rem;
	min-height: 200px;
}
.title { 
	font-size: 1.4em;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
}
}