@charset "utf-8";

/* 해상도별 */
@media all and (min-width:768px){
	body.one-page{padding-top:70px;}
	.container {width:95%;}
	#gnb{display:table;position:relative;top:0;list-style:none;width:100%;height:100%;margin:0;padding:0;zoom:1;overflow:visible;}
	#gnb:after {display:block;clear:both;content:"";}
	#gnb.opacity{opacity:1;}
	#gnb.one-page{position:relative;top:0;}
	#gnb li {display:table-cell;height:100%;text-align:center;vertical-align:middle;overflow:hidden;}
	#gnb li:hover {background:#f7f7f7;}
	#gnb li a {display:block;padding:0 10px;font-family:'Nanum Gothic',NanumGothic,'나눔고딕',Dotum;font-weight:600;font-size:14px;line-height:78px;background:none;color:#000;border:none;vertical-align:middle;z-index:2;overflow:hidden;}
	#gnb li a:active, #gnb li a:hover, #gnb li a:focus, #gnb li a.hover {color:#06c;background:#f7f7f7;}
	.menu-button{display:none;}
	#m_vis {display:table;position:relative;width:100%;height:100%;}
	#m_copy {padding-bottom:150px;font-size:1.8em;}
	#m_prod {position:absolute;left:0;bottom:0;width:100%;height:50%;}
	#m_prod ul {display:table;list-style:none;width:100%;height:100%;margin:0;padding:0;}
	#m_prod li {width:25%;height:100%;max-height:200px;}
	#m_prod li a {font-size:.85em;}
	#ft_info {font-size:.85em;}
}
@media all and (max-width:768px) {
	.container {width:95%;}
	#wrap_hd {top:40px;}
	#gnb.one-page {position:fixed;top:119px;right:0;width:100%;}
	.menu-button.one-page {top:55px;}
	#m_vis {display:table;position:relative;width:100%;height:100%;}
	#m_copy {padding-bottom:150px;font-size:1.8em;}
	#m_prod {position:absolute;left:0;bottom:0;width:100%;height:50%;}
	#m_prod ul {display:table;list-style:none;width:100%;height:100%;margin:0;padding:0;}
	#m_prod li {width:25%;height:100%;max-height:200px;}
	#m_prod li a {font-size:.85em;}
	#wrap_s {position:relative;width:100%;background:#fff;}
	#s_vis {height:120px;text-align:center;background:#256588;}
	#pg_tit {font-size:2em;}
	#pg_tit i {font-size:1em;}
	.prod_ov {font-size:1em;}
	.prod_ov li {margin:10px 0;}
	.fl_L{float:none;}
	.fl_R{float:none;margin-top:30px;text-align:center;}
	.fl_R img {margin:10px 5px;}
	#ft_info {font-size:.85em;}
}
@media all and (min-width:992px) {
	.container {width:95%;}
	#gnb li a {padding:0 15px;font-size:18px;}
	#m_copy{padding-bottom:200px;font-size:3.5em;}
	#m_prod li {height:100%;}
	#m_prod li a {font-size:1.3em;}
	.fl_R img {margin:0 10px;}
	#ft_info {font-size:1em;}
}
@media all and (min-width:1200px) {
	.container {width:1170px;}
	#gnb li a {padding:0 20px;font-size:20px;}
	#m_copy{padding-bottom:250px;font-size:4.2em;}
	#m_prod li {height:100%;}
	#m_prod li a {font-size:1.8em;}
	.fl_L{float:left;}
	.fl_R{float:right;margin-top:0;}
	.fl_R img {margin-left:20px;}
	#ft_info {font-size:1em;}
}

/* 구버전 익스 */
.oldie body.one-page {padding-top:70px;}
.oldie #hd_util {float:right;}
.oldie #hd_util ul li {float:left;padding:7px 0 0 10px;}
.oldie #gnb {display:block;position:relative;top:0;list-style:none;width:100%;height:100%;margin:0;padding:0;zoom:1;overflow:visible;}
.oldie #gnb:after {display:block;clear:both;content:"";}
.oldie #gnb.opacity{opacity:1;}
.oldie #gnb.one-page{position:relative;top:0;}
.oldie #gnb li {display:table-cell;height:100%;text-align:center;vertical-align:middle;overflow:hidden;}
.oldie #gnb li:hover {background:#f7f7f7;}
.oldie #gnb li a {display:block;padding:0 20px;font-family:'Nanum Gothic',NanumGothic,'나눔고딕',Dotum;font-weight:600;font-size:1em;line-height:78px;background:none;color:#000;border:none;vertical-align:middle;z-index:2;overflow:hidden;}
.oldie #gnb li a:active, .oldie #gnb li a:hover, .oldie #gnb li a:focus, .oldie #gnb li a.hover {color:#06c;background:#f7f7f7;}
.oldie .menu-button {display:none;}
.oldie #m_vis {display:block;position:relative;width:100%;height:100%;}
.oldie #m_copy {display:inline-block;width:100%;height:50%;padding-top:200px;font-weight:normal;font-size:4em;font-family:'Jura';line-height:1em;color:#fff;text-align:center;vertical-align:middle;}