@charset "utf-8";
.wrap {position:relative; overflow:hidden; max-width:90%; margin:0 auto;}
.wrap>div {float:left;}
.gnb ul {overflow:hidden;}
.gnb ul li{float:left; height:80px; text-align:center;}
.gnb ul li a {display:block; padding-top:30px;}
.gnb ul li.login a {background:url(../img/login.gif) no-repeat center top;}
.gnb ul li.logout a {background:url(../img/logout.gif) no-repeat center top;}
.gnb ul li.join a {background:url(../img/join.gif) no-repeat center top;}
.gnb ul li.mypage a {background:url(../img/mypage.gif) no-repeat center top;}
.gnb a {position:relative; display:block; margin-bottom:5px;}
.gnb a span{position:absolute; right:0; top:3px; display:inline-block; padding:2px 10px; color:#fff; border-radius:40px; font-size:13px; font-weight:500; background:#1b27ba; }

.visual {padding:3.5%; border-right:2px solid #fff; border-bottom:2px solid #fff; background:#f5f5f5 url('../img/sub_visual.gif') no-repeat right bottom;}
.visual_txt1 {font-size:23px;}
.visual_txt2 {margin-top:20px; font-size:32px; font-weight:500;}

.footer {padding:85px 0; text-align:center; color:#666; font-size:13px; letter-spacing:.5px; background:#f5f5f5;}

/*web*/
@media all and (min-width:1267px){
	.logo {width:20%; padding:40px 0 0 40px;}
	.gnb {float:right !important; width:20%; height:260px; padding:0 3%; }
	.gnb ul{margin:40px 0 20px;}
	.gnb ul li{width:50%;}
	.gnb p a {margin-top:20px;}
	.visual {width:60%; height:260px;}
}

@media screen and (max-width:1266px){
	.wrap {padding-top:90px;}
	.logo {position:absolute; left:10px; top:20px; width:120px;}
	.gnb ul {position:absolute; right:10px; top:20px;}
	.gnb ul li {margin:0 10px;}
	.gnb ul li a {font-size:14px;}
	.gnb p {display:none;}
	.visual {width:100%; height:200px; text-align:center;}
	.wrap {padding-bottom:200px;}
	.visual {display:none;}
}

/*tablet*/
@media screen and (max-width:900px){
	.wrap {padding-top:75px;}
	.gnb ul li a {display:block; line-height:25px; padding-top:0; padding-left:32px}
	.gnb ul li.login a, .gnb ul li.logout a, .gnb ul li.join a, .gnb ul li.mypage a {background-position:left top;}
	.box {width:50%; height:300px;}
}