/* 상단 영역 */
.gnb{position:absolute;right:242px; top:45px;}
.gnb li{float:left; padding-left:19px; background:url("/images/common/bar.gif") no-repeat 8px 3px;}
.gnb li:first-child{background:none;}
.gnb li a{color:#999;}
.gnb:after{content:"";display:block; clear:both;}
.search{background:url("/images/common/search_bg.gif") no-repeat left top; padding-left:1px;position:absolute;right:0; top:40px;}
.search input{border:none;background-color:#f0f0f0;width:106px;height:21px;padding-left:8px;}
.search img{padding-left:1px;}

/* 1단계 메뉴  */
@media all and (min-width: 1481px) {
.tMenu_wrab {position:absolute;width:1400px;top:50px; left:50%; margin-left:-700px; height:55px; z-index:4; border:0px solid #F00; z-index:100;}
.tMenu_wrab .tMenu {position:absolute;width:1070px;top:0px; left:340px; height:55px;  overflow:hidden;z-index:4; border:1px solid #868686;box-shadow:0px 0px 10px #b2b2b2; z-index:100; }
.tMenu.on {background:#fff url(/renew/img/comm/nav_bg.jpg) no-repeat 99% 380px;border-bottom:1px solid #e7e7e7;height:500px !important;}
.tMenu > ul{position:relative;width:980px;margin:0 auto;padding:20px 0px 0px 30px; padding-left: 30px; height:55px;border:0px solid #F00;}
.tMenu > ul:after{content:"";display:block; clear:both; border:0px solid #F00; width:950px;height:55px;}
}
.tMenu > ul > li{float:left;}
.tMenu > ul > li .noto-font {font-size:18px;font-family:'NanumSquareRound', '나눔스퀘어라운드';}
.tMenu > ul > li:first-child{padding-left:0px;}
.tMenu > ul > li.s1 {width:155px;}
.tMenu > ul > li.s1 > ul {left: 30px; width:120px;}
.tMenu > ul > li.s2 {width:185px;}
.tMenu > ul > li.s2 > ul {left:185px; width:120px}
.tMenu > ul > li.s3 {width:185px;}
.tMenu > ul > li.s3 > ul {left:365px; width:150px}
.tMenu > ul > li.s4 {width:215px;}
.tMenu > ul > li.s4 > ul {left:560px; width:140px}
.tMenu > ul > li.s5 {width:155px;}
.tMenu > ul > li.s5 > ul {left:775px; width:120px}
.tMenu > ul > li > a{font-size:16px; color:#555; font-weight:bold;font-family:'NanumSquareRound', '나눔스퀘어라운드';}
.tMenu > ul > li > a:hover, .sMenu > ul > li > a.on{color:#fd9836;}
.tMenu > ul > li > ul {margin-top:31px;display:;position:absolute;top:30px;left:0;z-index:99999;background:#fff;}
.tMenu > ul > li > ul > li {margin-bottom:6px;}
.tMenu > ul > li > ul > li > a {font-size:14px;color:#666;font-family:'NanumSquareRound', '나눔스퀘어라운드';}
.tMenu > ul > li > ul > li > a.on,.tMenu > ul > li > ul > li > a:hover {color:#f16524;text-decoration:none;}


.tMenu > ul > li > ul li {position:absolute;}
.tMenu > ul > li > ul li.step1 {left:0px; top:0px}
.tMenu > ul > li > ul li.step2 {left:0px; top:28px}
.tMenu > ul > li > ul li.step3 {left:0px; top:56px}
.tMenu > ul > li > ul li.step4 {left:0px; top:84px}
.tMenu > ul > li > ul li.step5 {left:0px; top:112px}
.tMenu > ul > li > ul li.step6 {left:0px; top:140px}
.tMenu > ul > li > ul li.step7 {left:0px; top:168px}
.tMenu > ul > li > ul li.step8 {left:0px; top:196px}
.tMenu > ul > li > ul li.step9 {left:0px; top:224px}
.tMenu > ul > li > ul li.step10 {left:0px; top:252px}
.tMenu > ul > li > ul li.step11 {left:0px; top:280px}
.tMenu > ul > li > ul li.step12 {left:0px; top:308px}
.tMenu > ul > li > ul li.step13 {left:0px; top:336px}
.tMenu > ul > li > ul li.step14 {left:0px; top:364px}


@media all and (min-width: 1024px) and (max-width: 1480px) {
	.tMenu_wrab {position:absolute;width:100%;top:50px;left:0%; height:55px; z-index:4; border:0px solid #F00; z-index:100;}
	.tMenu_wrab .tMenu {position:absolute;width:75%;top:0px; right:1%; height:55px;float:right;  overflow:hidden;z-index:4; border:1px solid #868686;box-shadow:0px 0px 10px #b2b2b2; z-index:100;}
	.tMenu.on {background:#fff url(/img/comm/smenu_bg.gif) repeat-x 150px 55px;border-bottom:1px solid #e7e7e7;}
	.tMenu > ul{position:relative;width:100%;margin:0 auto;padding:20px 0px 0px 30px; padding-left: 30px; height:55px;border:0px solid #F00;}
	.tMenu > ul:after{content:"";display:block; clear:both; border:0px solid #F00; width:950px;height:55px;}
	.tMenu > ul > li > ul {padding-left: 30px;}
	.tMenu > ul > li.s1 {width:16%;text-align:center;}
	.tMenu > ul > li.s1 > ul {left:5%;}
	.tMenu > ul > li.s2 {width:17%;text-align:center;}
	.tMenu > ul > li.s2 > ul {left:22%;}
	.tMenu > ul > li.s3 {width:17%;text-align:center;}
	.tMenu > ul > li.s3 > ul {left:39%;}
	.tMenu > ul > li.s4 {width:26%;text-align:center;}
	.tMenu > ul > li.s4 > ul {left:55%;}
	.tMenu > ul > li.s5 {width:16%;text-align:center;}
	.tMenu > ul > li.s5 > ul {left:80%;}
	.tMenu > ul > li.s6 {width:7%;}
}

@media all and (min-width: 800px) and (max-width: 1023px) {
	.tMenu_wrab {position:absolute;width:95%;top:120px;left:2%; height:55px; z-index:4; border:0px solid #F00; z-index:100;}
	.tMenu_wrab .tMenu {position:relative;width:100%;margin:0 auto; height:55px;  overflow:hidden;z-index:4; border:1px solid #868686;box-shadow:0px 0px 10px #b2b2b2; z-index:100;}
	.tMenu.on {background:#fff url(/img/comm/smenu_bg.gif) repeat-x 150px 55px;border-bottom:1px solid #e7e7e7;}
	.tMenu > ul{position:relative;width:100%; margin:0 auto;padding:20px 0px 0px 10px; height:55px;border:0px solid #F00;}
	.tMenu > ul:after{content:"";display:block; clear:both; border:0px solid #F00; width:950px;height:55px;}
	.tMenu > ul > li > ul {padding-left: 0px;}
	.tMenu > ul > li.s1 {width:120px;}
	.tMenu > ul > li.s1 > ul {left:0px;}
	.tMenu > ul > li.s2 {width:120px;}
	.tMenu > ul > li.s2 > ul {left:120px;}
	.tMenu > ul > li.s3 {width:120px;}
	.tMenu > ul > li.s3 > ul {left:240px;}
	.tMenu > ul > li.s4 {width:180px;}
	.tMenu > ul > li.s4 > ul {left:380px;}
	.tMenu > ul > li.s5 {width:120px;}
	.tMenu > ul > li.s5 > ul {left:540px;}
	.tMenu > ul > li.s6 {width:50px;}
}
@media all and (min-width: 480px) and (max-width: 799px) {
	.tMenu {display: none;}
}
@media all and (max-width: 480px) {
	.tMenu {display: none;}
}