@charset "utf-8";
.inner{position:relative;width:1280px; margin:0 auto; box-sizing:border-box}
#container{width:100%;overflow:hidden;animation:fadein .5s;}

.slick-nav a{font-size:0;z-index:20}
.slick-nav a{background:url('/img/ir.png') no-repeat}
.slick-nav a.slick-play{display:none;}

/* header */
#header{overflow:visible; position:fixed; top:0; left:0; width:100%; height:100px;z-index:148;box-sizing:border-box;transition:all .5s ease-in-out;border-bottom:1px solid #ededed;}
/* #header.main_header{border-bottom:1px solid transparent;} */
#header.main_header .logo_box .symbol{background:url('/mudeung/img/logo_mudeung.png') no-repeat 0 center;}

#header .logo_box {height:100px;position:absolute;top:0;left:50px;z-index:90;display:inline-block;}
#header .logo_box a{height:100%;display:inline-flex;align-items: center;}
#header .logo_box .symbol{height:54px;width:197px;display:inline-flex;align-items: center;}

#header .gnb_r{position:absolute;top:44px;right:50px;z-index:90;}
#header .gnb_r > li{position:relative;display:inline-block;height:28px;}
#header .gnb_r > li:hover {text-shadow: 0px -1px 3px rgba(255, 255, 255, 0.5), 0px -4px 13px rgba(255, 255, 255, 0.3), 0px 4px 4px rgba(255, 255, 255, 0.5);font-weight:500;}
#header .gnb_r > li + li {margin-left: 25px;}
#header .gnb_r > li::after {content: '';display: block;width: 1px;height: 16px;background: rgba(0, 0, 0, .2);position: absolute;top: 0;left: -14px;}
#header .gnb_r > li:first-child::after {display: none;}
#header .gnb_r > li .site_map {display: inline-flex;align-items: center;}
#header .gnb_r .site_map .sitemap_ico{margin-left:12px;text-align:right;}
#header .gnb_r .site_map .sitemap_ico span{display:block;width:24px;height:2px;margin:0 0 4px;background:#444;transition:all .3s ease}
#header .gnb_r .site_map .sitemap_ico span:nth-child(2){width:18px;margin-left:6px;}
#header .gnb_r .site_map .sitemap_ico span:last-child{margin-bottom:0;}


#header.fixed {top: 0px;width: 100% !important;z-index: 500;box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.1);animation: fadein .5s;background: rgba(255, 255, 255, .98) !important;}

/* pc_menu */
#gnb {position: relative;}
#gnb .gnb_dep1 {display: flex;justify-content: center;}
#gnb .gnb_dep1 > li {width: 200px;}
#gnb .gnb_dep1 > li > a {font-weight: 500;}
#gnb .inner > ul > li > a {position: relative;display: block;font-size: 1.5rem;padding: 16px;margin-top: 20px;height: 80px;box-sizing: border-box;text-align: center;}
#gnb .gnb_dep2 {position: relative;background: #fff;height: 0;text-align: left;overflow: hidden;z-index: 140;}
#gnb .inner > ul > li:nth-child(odd) .gnb_dep2 {border-left: 1px solid #eee;border-right: 1px solid #eee;}
#gnb .inner > ul > li:last-child .gnb_dep2 {border-right: 1px solid #eee;}
#gnb .gnb_dep2 li {padding: 0px 8px 18px;color: #344054;word-break: break-all;text-align: center;}
#gnb .gnb_dep2 li:first-child {margin-top: 24px;}
#gnb .gnb_dep2 li a {position: relative;}
#gnb .gnb_dep2 li a:before {content: '';position: absolute;left: 0;bottom: -4px;display: block;width: 0;height: 1px;opacity: 0;background: #e18d2a;transition: all .3s ease-in-out;}
#gnb .gnb_dep2 li a:hover:before, #gnb .gnb_dep2 li a:focus:before {width: 100%;opacity: 1;}
#gnb .gnb_dep2 li a:hover, #gnb .gnb_dep2 li a:focus {color: #E8390D;;font-weight: 500;}
#gnb .tmnBg {position: absolute;top: 100px;left: 0;width: 100%;height: 0;background: #fff;z-index: 100;}
#gnb .inner > ul > li:hover > a, #gnb .inner > ul > li:focus > a {color: #E8390D;}
#gnb .inner > ul > li > a:before {content: '';position: absolute;left: 0%;bottom: 0px;display: block;width: 100%;height: 0px;opacity: .5;background: #e18d2a;transition: all .3s ease-in-out;}
#gnb .inner > ul > li:hover > a:before, #gnb .inner > ul > li:focus > a:before {bottom: 0px;width: 100%;height: 4px;opacity: 1;}

/* mobile_menu */
#header #mMenu{display:none;position:absolute;top:25px;right:50px;width:65px;height:65px;padding-top:15px;box-sizing:border-box;}
#header #mMenu span{display:block;width:30px;height:3px;margin:0 auto 6px;background:#444;}
#header #mMenu span:last-child{margin-bottom:0;}
#mGnb{display:none;position:fixed;top:0;right:-80%;width:80%;height:100%;overflow-y:scroll;background:#fff;box-shadow:-4px -1px 2px rgba(0,0,0,0.1);z-index:160;}
#mGnb .mgnb_top{background:#393c42;color:#fff}
#mGnb .mgnb_top .t_abox{padding:10px 20px;font-size:.875em;border-bottom:1px solid #333}
#mGnb .mgnb_top .t_abox a{position:relative;padding-right:10px;margin-right:10px}
#mGnb .mgnb_top .t_abox a:before{content:'';position:absolute;right:0;top:2px;width:1px;height:10px;background:#ddd;}
#mGnb .mgnb_top .t_abox a:last-child:before{display:none}
#mGnb .mgnb_top .t_box{position:relative;padding:20px}
#mGnb .mgnb_top .t_box p{font-size:1.25em;font-weight:500;line-height:1.5}
#mGnb .mgnb_top .t_box a{position:absolute;right:20px;bottom:20px;border:1px solid #ddd;padding:4px 10px;font-size:.8em;opacity:.8}
#mGnb .mgnb_top .m_btnbox{background:rgba(0,0,0,.5);}
#mGnb .mgnb_top .m_btnbox li{width:50%;text-align:center;}
#mGnb .mgnb_top .m_btnbox li a{display:block;padding:16px 20px}
#mGnb .mgnb_top .m_btnbox li:last-child a{background:rgba(0,0,0,.5);}
#mGnb .mDepth1{box-sizing:border-box;}
#mGnb .mDepth1 > li > a{position:relative;display:block;padding:15px 20px;font-size:16px;font-weight:bold;border-bottom:1px solid #ddd;}
#mGnb .mDepth1 > li > a:before{content:'';display:block;position:absolute;right:5%;top:50%;width:17px;height:9px;margin-top:-4px;background:url('/img/mgnb_arrow1.png') no-repeat 0 0;opacity:.7}
#mGnb .mDepth1 > li > a.active:before{transform:rotate(-180deg)}
#mGnb .mDepth2{display:none;}
#mGnb .mDepth1 > li:last-child .mDepth2{margin-bottom:0;}
#mGnb .mDepth2 > li > a{display:block;padding:15px 20px;padding-right:20px;border-bottom:1px solid #e5e5e5;font-size:15px;color:#333;background:url('/img/mgnb_arrow3.png') no-repeat 90% 50%}
#mGnb .mDepth2 > li > a.plus{background:url('/img/mgnb_arrow2.png') no-repeat 95% 50%}
#mGnb .mDepth2 > li > a.plus.active{background:url('/img/mgnb_arrow2-1.png') no-repeat 95% 50% #465065;color:#fff}
#mGnb .mDepth3{display:none;overflow:hidden;}
#mGnb .mDepth3 li{
	float:left;width:100%;
    -webkit-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    -webkit-transform: translateY(120%);
    -ms-transform: translateY(120%);
    transform: translateY(120%);
    -webkit-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    transition-delay: 300ms;
	opacity:0;
}
#mGnb .mDepth3 li.active{
	-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateX(0);
    opacity:1;
}

#mGnb .mDepth3 li.active:nth-child(2){
	-webkit-transition-delay: 400ms;
    -ms-transition-delay: 400ms;
    transition-delay: 400ms;
}

#mGnb .mDepth3 li.active:nth-child(3){
	-webkit-transition-delay: 600ms;
    -ms-transition-delay: 600ms;
    transition-delay: 600ms;
}

#mGnb .mDepth3 li.active:nth-child(4){
	-webkit-transition-delay: 800ms;
    -ms-transition-delay: 800ms;
    transition-delay: 800ms;
}
#mGnb .mDepth3 li a{display:block;margin-bottom:1px;padding:15px 20px;padding-right:18%;font-size:13px;background:url('/img/mgnb_arrow4.png') no-repeat 95% 50% #ececec}
#mGnb .mGnbClose{display:inline-block;position:absolute;top:0px;right:0px;width:40px;height:40px;font-size:0;background:rgba(0,0,0,0.6);text-align:center;padding-top:6px;border-radius:0 0 0 10px}
#mGnb .mn_close {position: relative;display: inline-block;width: 28px;height: 28px;overflow: hidden;opacity:.8}
#mGnb .mn_close:hover:before,#mGnb .mn_close:hover:after{background: #0000c8;}
#mGnb .mn_close:before,#mGnb .mn_close:after{content:'';position:absolute;height:2px;width:100%;top:50%; left:0; margin-top:-1px;background:#fff;border-radius:4px}
#mGnb .mn_close:before{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#mGnb .mn_close:after{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#dimed{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:149;}

/* goe_edu sticker*/
.sitcker_edu{top:-16px;left:-20px;background:#ead9c6;padding:10px 20px 10px 90px;font-size:0.750em;border-radius:20px;box-shadow:4px 4px 12px 0 rgba(0,0,0,0.1);margin-bottom:36px}
.sitcker_edu .ico.deco{position:absolute;left:0;top:50%;margin-top:-40px;width:80px;height:80px;border-radius:50%;background-position:-894px -199px;box-shadow:4px 4px 12px 0 rgba(0,0,0,0.1);margin-bottom:36px}

/*sub layout*/
#svisualLayout{width:100%;height:280px;color:#fff;text-align:center;margin-top:100px;}
#svisualLayout .svisualBg{position:absolute;width:100%;height:280px;top:0;left:0;overflow:hidden;z-index:-1;}
#svisualLayout .svisualBg:after{content:'';position:absolute; top:0; left:0;display:block; width:100%; height:280px;  animation:animate_background 7s ease;}
#svisualLayout .svisualBg.svisualBg_01:after{background:url('/img/sub/subvisual_01.jpg') no-repeat center top #000; }
#svisualLayout .svisualBg.svisualBg_02:after{background:url('/img/sub/subvisual_02.jpg') no-repeat center top #000; }	
#svisualLayout .svisualBg.svisualBg_03:after{background:url('/img/sub/subvisual_03.jpg') no-repeat center top #000; }	
#svisualLayout .svisualBg.svisualBg_04:after{background:url('/img/sub/subvisual_04.jpg') no-repeat center top #000; }	
#svisualLayout .svisualBg.svisualBg_05:after{background:url('/img/sub/subvisual_05.jpg') no-repeat center top #000; }	
#svisualLayout .svisualBg.svisualBg_06:after{background:url('/img/sub/subvisual_06.jpg') no-repeat center top #000; }	
#svisualLayout .svisualBg.svisualBg_07:after{background:url('/img/sub/subvisual_07.jpg') no-repeat center top #000; }	
#svisualLayout .titleWrap h2{padding:70px 0 30px;font-size:2.125em}
#svisualLayout .breadcrumb{display:inline-block;opacity:.8}
#svisualLayout .breadcrumb li{position:relative;padding-right:14px;margin-right:8px;font-size:0.938em}
#svisualLayout .breadcrumb li:last-child{padding-right:0}
#svisualLayout .breadcrumb li:after{content:'';position:absolute;right:0;top:2px;display:inline-block;width:14px;height:14px;background:url('/img/ir.png') no-repeat -35px -37px}
#svisualLayout .breadcrumb li:last-child:after{display:none}

#snb{position:relative;margin-top:-70px;height:70px;background:rgba(0,0,0,0.8);;color:#fff;box-shadow:0px 10px 10px 6px rgba(0,0,0,0.2);}
#snb:before{content:'';width:50%;height:100%;position:absolute;right:-50%;display:inline-block;background:rgba(0,0,0,0.8);}
#snb a{display:block;position:relative;}
#snb .snb_list > li{position:relative;}
#snb .snb_list .snb_dep1,#snb .snb_list .snb_dep2{width:200px;border-right:1px solid #222;}
#snb .snb_list li a{position:relative;padding:10px 20px;padding-right:60px;width:200px;height:70px;display:table-cell;vertical-align:middle}
#snb .snb_list li.snb_dep1 > a:after,#snb .snb_list li.snb_dep2 > a:after{content:'';position:absolute;right:26px;top:50%;margin-top:-7px;;display:inline-block;width:14px;height:14px;background:url('/img/ir.png') no-repeat -39px -37px;transform:rotate(90deg);opacity:.8}
#snb .snb_list li.snb_dep0 {width:70px;height:70px;text-align:center;border-right:1px solid #222;}
#snb .snb_list li.snb_dep0 a{padding:20px;}
#snb .snb_list li.snb_dep0 a:before{content:"";display:inline-block;width:24px;height:24px;background:url('/img/ir.png') no-repeat -1px -30px}
#snb .snb_list .snb_dep_s2{display:none;position:absolute;top:70px;background:#fff;width:100%;border:1px solid #2e2e2e;padding:10px;border-top:0;z-index:145;box-shadow:0px 10px 10px 6px rgba(0,0,0,0.2);}
#snb .snb_list ul.snb_dep_s2 > li{float:none;padding:6px 10px;margin-bottom:2px;border:0 !important;font-size:.938em}
#snb .snb_list ul.snb_dep_s2 > li a{width:100%;word-break:normal;padding:0px !important;color:#2e2e2e;line-height:1 !important;height:auto !important} 
#snb .snb_list ul.snb_dep_s2 > li:last-child{border-bottom:none;}
#snb .snb_list ul.snb_dep_s2 > li a.active{color:#d13d31;}
#snb .snb_list ul.snb_dep_s2 > li a:hover,#snb .snb_list ul.snb_dep_s2 > li a:focus{color:#d13d31;}
#snb .sns_box > li > a{position:relative;padding:22px;width:70px;height:70px;border: solid #222;border-width:0 1px;margin-left:-1px}
#snb .sns_box > li > a:before{content:"";display:inline-block;width:24px;height:24px;background:url('/img/ir.png') no-repeat -337px -6px}
#snb .sns_box > li:last-child > a:before{background-position:-370px -6px}
#snb .sns_box .sns_wrap{display:none;}
#snb .sns_box .sns_wrap a{text-align:center;}

/* 3,4차메뉴 */
.snb_dep3_wrap{border:1px solid #ddd;padding:0 20px;box-shadow:0px 3px 10px 3px rgba(0,0,0,0.1);z-index:50;background:#fff}
.snb_dep3{display:inline-block;}
.snb_dep3 li{display:inline-block;}
.snb_dep3 li a{position:relative;display:block;padding:22px 26px 22px 14px;font-size:0.938em;color:#777}
.snb_dep3 li a.on,.snb_dep3 li a:hover{color:#34586e;font-weight:500}
.snb_dep3 li a.on:before,.snb_dep3 li a:hover:before{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:4px;background:#34586e}
.snb_dep3 li a:after{content:'';position:absolute;right:4px;top:50%;margin-top:-9px;;display:inline-block;width:18px;height:18px;background:url('/img/ir.png') no-repeat -177px -23px #bbb;border-radius:50%;opacity:.5;background-size:700px}
.snb_dep3 li a.on:after,.snb_dep3 li a:hover:after{background-color:#34586e;opacity:1}

.snb_dep4{margin:50px auto}
.snb_dep4 li{display:table;text-align:center;vertical-align:middle;height:auto;margin-left:-1px;margin-top:-1px;}
.snb_dep4 li a{position:relative;display:table-cell;padding:0 20px;height:56px;vertical-align:middle;border:1px solid #ddd;color:#777;}
.snb_dep4 li a.on,.snb_dep4 li a:hover{color:#fff;font-weight:500;background:#34586e}

.snb_dep4_st02{margin:50px auto}
.snb_dep4_st02 li{display:table;text-align:center;vertical-align:middle;height:auto;margin-left:-1px;margin-top:-1px;}
.snb_dep4_st02 li a{position:relative;display:table-cell;padding:0 20px;height:60px;vertical-align:middle;border:1px solid #ccc;color:#777;}
.snb_dep4_st02 li a.on,.snb_dep4_st02 li a:hover{color:#34586e;font-weight:500;background:#fff;border-bottom:0;border-top:4px solid #34586e;}

.snb_dep4.col1 {display:none}
.col2 li{width:50%}
.col3 li{width:33.3%}
.col4 li{width:25%}
.col5 li{width:20%}
.col6 li{width:20%}
.col7 li{width:14.3%}
.col12 li{width:7.7%}

.sub_title{position:relative;text-align:center;margin:60px 20px 50px;padding-bottom:20px;font-size:2.425em;font-weight:500;}
.sub_title:after{content:"";position:absolute;bottom:0;left:50%;margin-left:-17px;display:inline-block;text-align:center;width:34px;height:4px;background:url('/img/ir.png') no-repeat -2px -200px}

/* footer */
#footer{background:#2a2a2b;}
.f_top {display: flex;justify-content: space-between;padding:60px 0;}
#footer .f_copy {display:flex;}
#footer .f_logo img {vertical-align:middle;opacity:.5;}
#footer .inner .f_top .copy {margin-top: 5px;line-height: 1.5rem;color: #8B95A1;padding-left:20px;}
#footer .foot_r .related_site > a{display:block;position:relative;border:1px solid #91949b;padding:16px 20px;color:#91949b;width:100%;border-radius:8px;}
#footer .foot_r .related_site > a:hover{border:1px solid #888;opacity:1;}
#footer .foot_r .related_site a:hover,.foot_r .related_site a:focus,.foot_r .ft_l li:hover,.foot_r .ft_l li a:focus{opacity:1;}
#footer .foot_r .related_site a span{margin-left:24px;width:24px;height:24px;}
#footer .foot_r .related_site.cur a span{transform:rotate(-180deg)}
#footer .foot_r .related_site ul{display:none;position:absolute;bottom:65px;right:0;width:220px;max-height:150px;overflow-x:hidden;overflow-y:auto;padding:13px 12px;background: #fff;border:1px solid #ddd;z-index:5;border-radius:8px;}
#footer .foot_r .related_site ul > li {width:100%;border:0 !important}
#footer .foot_r .related_site ul > li a{width:100%;word-break:normal;padding:5px;color:#333;font-size:15px}
#footer .f_bottom {padding: 24px 8px;border-top: 1px solid rgba(255, 255, 255, .1);font-size: .875rem;color: #8B95A1;}

#footer .ico_a {margin: 0 2px;display: inline-flex;justify-content: center;align-items: center;}

/* #footer img{margin-right:30px; vertical-align:middle;opacity:.5}
#footer p{margin-top:10px}
#footer p.copy{font-size:.9em;} */
#footer .adm_login{background:#111112;}

/*login*/
.login_wraper{position:relative;}
.login_wraper:before{content:'';position:absolute;left:50%;top:-50px;display:block;width:397px;height:402px;background:url('/img/bg_sec2_01.png') no-repeat 0 0;z-index:-1}
.login_form .login_wrap{display:inline-block;padding:50px 40px 60px;max-width:470px;border:1px solid #ddd;margin:10px 0 100px;background:#fff}
.dp_table{height:42px}
.dp_table > p{display:table-cell;vertical-align:middle;height:40px}
.dp_table > p.field1{width:20%;min-width:70px;font-size:0.875em;text-align:right;padding-right:12px}
.dp_table > p.field2{width:80%;border:1px solid #ddd;}
.dp_table > p.field2 input{border:0}
.form_l{width:70%}
.btn_login{width:30%;height:85px;border:0;margin-left:-1px}

@media (max-width: 1440px){
	#gnb{display:none}
	#header #mMenu{display:block}
	.gnb_r_wp {display:none;}
}


@media (max-width: 1280px){
	body{font-size:14px}
	.inner{width:100%;}	
	#gnb{display:none}
	#header #mMenu{display:block}
	#header .t_unit > .inner > .fl,.logo_area h1{padding-left:10px}	
	/* #footer{padding:50px 10px} */
	/* #footer .f_logo{width:20%} */
	#footer .text_box{width:75%}
}

@media (max-width: 1024px){
	.snb_dep4_st02 li{width:14.2%}
	.snb_dep4_st02 li a{height:50px;padding:0 8px}
	.snb_dep4_st02 li a.on,.snb_dep4_st02 li a:hover{background:#34586e;color:#fff;border:1px solid #34586e;}	
	.main_visual .slick-slide .text_box{padding:5rem 4rem 3rem !important;}
}

@media (max-width: 680px){
	/* #header #mMenu{padding-top:42px;} */
	#header .t_unit .fr{display:none}

	.logo_area h1{top:0px}
	.btn{padding:.3rem 1.5rem}
	.btn_l{line-height:3rem;font-size:1.3em !important}

	.snb_dep4_st02 li{width:20%}
	.snb_dep4_st02 li a{height: 36px;font-size: 11px;}
	.geo_park2 .sec01 ul{margin:0;}
}

@media (max-width: 480px){
	body{font-size:13px}
	#header{height:100px}
	#footer {text-align:center}
	#footer .f_logo{width:40%;float:inherit}
	#footer .text_box{width:100%}	
	.logo_area h1{top:5px}
	#header .logo_box {left:5px;}
	#header #mMenu {right:0;}
}

@media (max-width: 320px){

	#footer {padding:25px 10px;}
	#footer img {margin-right:0}
}