@charset "utf-8";

/* Skip Navigation */
#skipNav{ float:left;}
#skipNav a:link{ width:109px; height:30px; display:block; text-indent:-50000px; background:url("/images/english/common/skip.gif") no-repeat 0 0;}

#header {
	height: 98px;/*전체헤더높이+20px*/
	position: absolute;
	left: 0;
	top: -1px;
	width: 100%;
	z-index: 2000;
}
#header .temp {height:98px;/*전체헤더높이*/}
.headerWrap {z-index:100; height:98px; background: url('/images/english/main/menu_bg.gif') repeat-x 0 55px;}
.headerWrap .inner {position:relative; margin:0 auto; width:960px; }
.headerWrap .inner h1 span {width:82px; height:19px; margin-left:5px;}


#mGnb {display:none;position:absolute;right:-66px;top:0; background: url('/images/english/common/gnb_button.gif') no-repeat;}
#menu {position:absolute; left:0; top:0px; width:190px; height:100%;}
#floatLink .showQuick {display:none;}
#toTop { display:none; position:fixed; z-index:9999999; right:10px; bottom:10px; width:40px; height:40px; font-size:0; text-indent:-1000px; text-align:center; color:#fff; background:url('/images/english/common/toTop.png') center center no-repeat #777; opacity:0.8; border-radius:20px; }
#toTop:hover, #toTop:focus, #toTop.hover { background-color:#CD8F47; }

/* 유틸 */
.headerWrap .util {position:absolute; top:0; right:0px; overflow:hidden;}
.headerWrap .util li {float:left; margin:0 0 0 1px;}


/* header */
.headerWrap h1 {position:absolute; left:0; top:18px;}
#gnb {position:absolute; left:0px; top:55px;}/*메뉴위치*/
#gnb:after {display:block; content:""; clear:both;}
#gnb > li {position:relative; text-align:center; float:left; background: url('/images/english/main/menu_line.gif') no-repeat 0 50%; font-weight:bold;}
#gnb > li:first-child {margin:0; background:none;}
#gnb > li > h2 > a {color:#fff; font-weight:bold; font-size:15px; font-family:'맑은 고딕',Malgun Gothic; display:block; padding:10px 39px 9px;}
#gnb > li.first > h2 > a{padding:10px 40px 9px 30px; }
#gnb > li > h2 > a:hover,#gnb > li > h2 > a:focus,#gnb > li > h2 > a:active,#gnb > li > h2 > a.on {color:#fff; background:#0d80d8}
#gnb > li > h2.on a,#gnb > li > h2 a:hover, #gnb > li > h2 a:focus,#gnb > li > h2 a:active {color:#fff;} /* mouseover */
#gnb > li > h2 img{ margin:-3px 0 0;}
#gnb > li > h2 img.over{ display:none;}
#gnb > li > h2 a:hover img.over{ display:inline;}
#gnb > li > h2 a:hover img{ display:none;}

/* 하위메뉴 bg height:120px;-- 높이값 */
#gnb > li > div {display:none; width:100%; height:250px; padding:8px 0 0;.padding:8px 0; position:absolute;.position:static; margin-top:4px; margin-left:0; .margin-left:-75px; border-left:1px solid #d2d2d3; background:#fff; border:1px solid #efefef;}
#gnb > li > div > ul > li {float:none; padding:0; background:none; font-size:12px;  text-align:center; font-family:'맑은 고딕',Malgun Gothic;}
#gnb > li > div > ul > li:first-child {margin-top:0;}
#gnb > li > div > ul > li > a {display:block; color:#555;letter-spacing:-1px;padding:7px 0;.padding:6px 0 4px;.line-height:1;}
#gnb > li > div > ul > li > a:hover,#gnb > li > .ulWrap > ul > li > a:focus,#gnb > li > .ulWrap > ul > li > a:active {color:#fff; background:#ec8f4d;}
#gnb > li.over > div{background-color:#fafafa;}
#gnb > li > div > ul > li > ul{display:none; padding:15px 0 15px 20px; border-bottom:1px solid #d9d9d9; background: #fff; box-shadow:1px 5px 7px #f2f2f2 inset;}
#gnb > li > div > ul > li > ul li{margin-top:5px;}
#gnb > li > div > ul > li > ul li:first-child{margin-top:0px;}
#gnb > li > div > ul > li > ul li a {display:block; color:#666; font-weight:bold; padding:0 0 0 10px; font-size:13px;}
#gnb > li > div > ul > li > ul li a:hover, #gnb > li > div > ul > li > ul li a:focus, #gnb > li > div > ul > li > ul li a:active{color:#e60000;}
#gnb a {-webkit-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out }
	
	/* main */
	.main_wrap{ position:relative; margin:0 auto; margin-top:90px; width:100%; float:left;}
	.main_wrap .main{ position:relative; width:960px; margin:0 auto;}
	.btn_institute{ position: absolute; bottom:20px; right:30px;}
	.btn_institute a{ background:#cfebdf; border:1px solid #a5c5b8; display:block; padding:10px 20px 12px; color:#3c847a;}
	.btn_institute a:hover{ font-weight:bold; letter-spacing:-0.4px;}
	
	/* footer */
	#footer {position:relative; width:960px; margin:0 auto; text-align:left; background:#f3f3f3; height:20px;}


@media screen and (max-width :960px) {
#header {height:0px;/*전체헤더높이+20px*/ background:none; position:absolute; left:0; top:0; width:100%; z-index:2000;}
#header .temp {height:0px;/*전체헤더높이*/ background:none;}
.headerWrap {z-index:100; height:0px;}

    .headerWrap .inner {position:fixed; width:100%; margin:0 auto; padding-bottom:20px; background:#fff;}
    /* header*/
    #mGnb {display:block;}
    .headerWrap h1 {position:static; padding-top:18px; margin:0 auto; width:198px; height:28px;}
    .gnb_wrap {position:fixed; left:-250px; top:0; width:250px; height:100%; border-right: 1px solid #d9d9d9;}
    .gnb_wrap .gnbIn {position:relative; height:100%;}
    .gnb_wrap nav {position:relative; width:auto; height:100%; background:#37363c; overflow:auto;}

    #gnb {position:static;}
    #gnb > li {position:static; margin:0; padding:0; background:none; text-align:left; float:none; width:auto; border-bottom:1px solid #4b4a50;}
    #gnb > li > h2 > a {display:block; color:#fff; font-size:15px; height:46px; line-height:46px; padding-left:20px;}
    #gnb > li > h2 > a:hover, #gnb > li > h2 > a:focus,#gnb > li > h2 > a:active {color:#90bfe9;}
    #gnb > li > div {width:auto;border:none;position:static;margin:0;padding:0;border:none;height:auto;}
    #gnb > li > div > ul > li {text-align:left;margin:0;width:auto;}
	/*하위메뉴*/
    #gnb > li > div > ul > li > a {display:block;height:39px;font-size:0.95em;padding:0 0 0 20px;line-height:39px;color:#333;background:#fff;border-bottom:1px solid #d9d9d9;}
    #gnb > li > div > ul > li > a:hover,
    #gnb > li > div > ul > li > a:focus,
    #gnb > li > div > ul > li > a:active{background:#fff url(/images/english/common/bg_gnb_arr.gif) no-repeat 93% 50%;color:#e86045;}
    #gnb > li > .ulWrap > ul > li.inSub > a {display:block;height:39px;font-size:0.95em;padding:0 0 0 20px;line-height:39px;color:#333;background:#fff;border-bottom:1px solid #d9d9d9}/*2차 하위메뉴*/
    #gnb > li > .ulWrap > ul > li.inSub > a:hover,
    #gnb > li > .ulWrap > ul > li.inSub > a:focus,
    #gnb > li > .ulWrap > ul > li.inSub > a:active{background:#fff url(/images/english/common/bg_gnb_arr.gif) no-repeat 93% 50%;color:#e86045;}	
    #gnb a {-webkit-transition: none; transition: none;}

	/* main */
	.main_wrap{ height:auto; margin-top:50px;}
	.main_wrap .main{ width:100%;}
	
	/* footer */
	#footer {width:100%;}

}

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

}

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

/* 유틸 */
.headerWrap .util { display:none;}

}

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

	/* footer */
	#footer { display:none}

}