@charset "utf-8";

@import url(/groups/common/css/webfont/font.css);
.pattern { position: fixed; top: 0; width: 100%; height: 100%; background: url('/groups/common/images/dot.png') fixed}

/* HEADER */
#classMainMenu {position:relative; top:0px; left:50%;     transform: translateX(-50%);}

.gnb ul li:hover .snavi, .gnb ul li:focus .snavi {display:block}
.gnb ul li .snavi {display:none; position:absolute;top:71px;left:-25px; width:180px; z-index:200;background:url('/groups/common/images/arr_nav.gif') no-repeat center top}
.gnb ul li .snavi li {width:100%;padding:0;border-top:1px solid #1f1f1f; background:#000}
.gnb ul li .snavi li:first-child {margin-top:9px}
.gnb ul li .snavi li a {display:block;padding:7px 5px; background-image:none; line-height:160%; font-size:13px; color:#fff !important}
.gnb ul li .snavi li:hover, .gnb ul li .snavi li:focus {background:#014099}

/* icon-menu */
.icon-menu {position:absolute;top:15px; right:10px;z-index:100; }
.icon-menu a {display:block;width:45px; height:45px;text-indent:-9999px;border:1px solid #000;background:url('/groups/common/images/gnb_icon-menu.png') no-repeat 50% 50%}
.icon-menu2 {position:absolute;top:32px; right:112px}
.icon-menu2 span {color:#4472c4;margin-left:10px}

/* MENU GNB */
#menu-gnb {position:fixed;top:0;right:-206px;z-index:120;width:177px;min-height:100%;background: #054784}
#menu-gnb .logo {display:block;width:177px;height:150px; text-indent:-9999px;background: url('/groups/common/images/tab_logo.png') no-repeat}
#menu-gnb ul.smenu {max-height:650px; overflow-y:scroll; -ms-overflow-style:none}
#menu-gnb ul.smenu::-webkit-scrollbar {display:none!important}
#menu-gnb ul.smenu > li {border-bottom: 1px solid #00376d;border-top: 1px solid #275b8d}
#menu-gnb ul.smenu > li > a {display: block;margin: 0 16px;line-height: 35px;color: #fff;font-size: 1.1em;font-weight:600;}
#menu-gnb ul.smenu > li.on, #menu-gnb ul.smenu > li:hover, #menu-gnb ul.smenu > li:focus {background: url('/groups/common/images/gnb_open.png') no-repeat 94% 12px}
#menu-gnb ul.smenu > li:hover > a , #menu-gnb ul.smenu > li:focus > a {text-decoration:none}
#menu-gnb ul.d2 {display:none; background: #03325e; padding: 10px 0}
#menu-gnb ul.d2 > li > a {display: block;line-height: 24px;margin: 0 20px;color: #fff;font-size: 1em;}
#menu-gnb ul.d2 > li > a:hover, #menu-gnb ul.d2 > li > a:focus {color: #fff200;text-decoration:none}
#menu-gnb .close { position:absolute; top:50%;left:-29px;display:block; margin-top:-36px;width:29px;height:71px; text-indent:-9999px;background: url('/groups/common/images/tab_btn_close.png') no-repeat}

.content.curriculum1 {background:none;}
/* btn_top */
.btn_top {position:fixed;bottom:100px;left:50%;width:1200px;margin-left:560px;z-index:110}
.btn_top a {display:block;width:40px;height:40px;text-indent:-9999px;background:url('/groups/common/images/btn_gotop.gif') no-repeat}





@media screen and (max-width:1300px){
		header, footer{width:100%;margin:0 auto}
	.gnb, footer .inner {width:100%; margin:0 auto}
	
	.gnb ul.classSub {position: absolute; top: 68px; left:0px; width:100%; margin-left:0px;background: #014099;}
	#classMainMenu {position:absolute; width:100%;}
	.gnb ul.classSub li a {color:#fff;}
	.icon-menu a {display:block;width:45px; height:45px;text-indent:-9999px;border:1px solid #000;background:url('/groups/common/images/gnb_icon-menu.png') no-repeat 50% 50%}
	.gnb ul li .snavi {display:none; position:absolute;     top: 71px;left:0px; width:auto; min-width:113px; z-index:200;background:url('/groups/common/images/arr_nav.gif') no-repeat center top}
	
	footer ul, footer .copyright, footer address {margin-left:10px}
	footer .flogo {position: absolute; top:10px; right:10px !important}
	section, .bg_wh {width:93%; margin:0 auto}
	.content {width:90% !important;margin:0 auto}
	.contents_sub {width:90% !important;margin:0 auto}
	.icon-menu2 {right:60px}
	section, .bg_wh {width:93%; min-width:100% !important; margin:85px auto 0 auto}
}

@media screen and (max-width:800px) {
	#classMainMenu {position:absolute; width:800px; text-align:left; top:0px; left:0px; background:#014099;}
	#classMainMenu li a {color:#fff;}
	
	.gnb ul.classSub {width:100%; text-align:left;}
	.gnb ul.classSub li a {color:#fff;}
	.icon-menu a {display:block;width:45px; height:45px;text-indent:-9999px;border:1px solid #000;background:url('/groups/common/images/gnb_icon-menu.png') no-repeat 50% 50%}
	.gnb ul li .snavi {display:none; position:absolute; top:35px;left:0px; width:auto; min-width:113px; z-index:200;background:url('/groups/common/images/arr_nav.gif') no-repeat center top}
}
@media screen and (max-width:667px){
.gnb ul.classSub {display:none !important}	
.gnb ul li .snavi {display:none !important}
	}

/* Media Query */
@media all and (min-width:1051px) and (max-width:1280px) {
	header, footer{width:100%;margin:0 auto}
	.gnb, footer .inner {width:100%; margin:0 auto}
	.icon-menu {position:absolute;top:15px; right:2%}
	section, .bg_wh {width:100%;margin:0 auto}
}

/* Media Query */
@media all and (min-width:1281px)  {
	header, footer{width:100%;margin:0 auto}
	.gnb, footer .inner {width:100%; margin:0 auto}
	.icon-menu {position:absolute;top:15px; right:0%}
	section, .bg_wh {width:1300px;min-width:1024px;margin: 80px auto 0 auto;}
}

@media screen and (max-width:500px) {
	#classMainMenu {position:absolute; width:800px; text-align:left; top:0px; left:0px; background:#014099;}
	
	.gnb ul.classSub {width:100%; text-align:left;}
}