body{font-style:normal;font-family:'NanumBarunGothicRegular';font-weight:400;background-color:#000}
header{z-index:100}
.etc_chk_box{display:inline-block;position:relative;background-image:url("/oz/wplanet_new/images/login/chk_ico.png");background-position:0 0;background-repeat:no-repeat;font-size:0}
.etc_chk_box.on{background-position:0 -20px}
.etc_chk_box.margin12 > label{font-size:15px;font-weight:400}
.etc_chk_box > label{display:inline-block;vertical-align:middle;margin:0;margin-left:5px;color:#333;font-size:14px;font-weight:700}
.etc_chk_box > input[type="checkbox"]{display:inline-block;vertical-align:middle;width:20px;height:20px;margin:0;padding:0;opacity:0;filter:alpha(opacity=0);z-index:10}
.margin12{margin:12px 0}

@media screen and (max-width:1280px) {
	body{font-style:normal;font-family:'NanumBarunGothicRegular' !important;font-weight:400}
}

/* navigation start */
.main-nav{background-color:transparent;-webkit-transition:background-color 0.5s;trasition:background-color 0.5s}
.main-nav.navbar-fixed-top{background-color:#333}
.main-nav .container{position:relative;max-width:none;width:1280px;margin:0 auto;padding:0}
.main-nav .container:after{display:block;clear:both;content:""}
.main-nav .container .navbar-header{position:absolute;top:0;left:0;z-index:10;float:none}
.main-nav .container .navbar-brand{display:block;height:100%;margin-left:15px;padding:10px 0 11px}
.main-nav .container .navbar-right li{padding:0}
.main-nav .container .navbar-right li a{font-family:'NanumBarunGothicRegular';padding:20px}
.main-nav .container > .navbar-header{margin:0}
.navbar-collapse{font-size:0;text-align:center}
.navbar-collapse.collapse{height:60px !important;padding:0}
.navbar-collapse .navbar-right{display:block;float:none !important;width:100%;font-size:0;text-align:center}
.navbar-collapse .navbar-right > li{display:inline-block;float:none;vertical-align:middle;padding:0}
.menu-wiviz li.menu-divid{margin-right:0 !important}
.login_menu{position:absolute;top:0;right:0;height:60px;padding:0;margin:0}
.login_menu:after{display:block;clear:both;content:""}
.login_menu > li{float:left;height:60px;padding:0;margin:0}
.login_menu > li > a{display:block;height:60px;padding:20px;font-size:13px;line-height:20px;font-weight:700}

.topmenunew{background-color:#2d2d2d;margin-top:60px}
.topmenunew > ul{margin-bottom:0;padding:0;font-size:0;text-align:center}
.topmenunew > ul > li{display:inline-block;width:auto;height:auto;padding:0;vertical-align:middle;background-image:none}
.topmenunew > ul > li:hover{background:none}
.topmenunew > ul > li > a{display:block;padding:10px 20px;text-align:center}
.topmenunew > ul > li > a > p{margin:0;color:#fff;font-size:12px;font-weight:700}
.topmenunew > ul > li > a:hover > p{color:#f34b4b}
.topmenunew > ul > li > a > span{display:block;width:46px;height:46px;margin:0 auto;text-indent:-20000px;background-repeat:no-repeat;background-position:0 0}
.topmenunew > ul > li > a:hover > span{background-position:0 -46px}
.topmenunew > ul > li.topmenuc1 > a > span{background-image:url('../images/topmenuc1_ico.png')}
.topmenunew > ul > li.topmenuc2 > a > span{background-image:url('../images/topmenuc2_ico.png')}
.topmenunew > ul > li.topmenuc3 > a > span{background-image:url('../images/topmenuc3_ico.png')}
.topmenunew > ul > li.topmenuc4 > a > span{background-image:url('../images/topmenuc4_ico.png')}
.topmenunew > ul > li.topmenuc5 > a > span{background-image:url('../images/topmenuc5_ico.png')}
.topmenunew > ul > li.topmenuc6 > a > span{background-image:url('../images/topmenuc6_ico.png')}
.topmenunew > ul > li.topmenuc7 > a > span{background-image:url('../images/topmenuc7_ico.png')}
.topmenunew > ul > li.ozs_topmenuc1 > a > span{background-image:url('../images/topmenuc8_ico.png')}
.topmenunew > ul > li.ozs_topmenuc2 > a > span{background-image:url('../images/topmenuc9_ico.png')}
.topmenunew > ul > li.ozs_topmenuc3 > a > span{background-image:url('../images/topmenuc10_ico.png')}
.topmenunew > ul > li.ozs_topmenuc4 > a > span{background-image:url('../images/topmenuc11_ico.png')}
.topmenunew > ul > li.ozs_topmenuc5 > a > span{background-image:url('../images/topmenuc12_ico.png')}
.topmenunew > ul > li.ozs_topmenuc6 > a > span{background-image:url('../images/topmenuc13_ico.png')}
.topmenunew > ul > li.ozs_topmenuc7 > a > span{background-image:url('../images/topmenuc14_ico.png')}

@media screen and (max-width:1280px) {
	.main-nav .container{width:100%}
}
/* navigation end */

/* Footer start */
#footer{background-color:#1b1b1f;padding:35px 0}
.footer-logo{margin-bottom:15px}
.foot_inner{position:relative;width:1280px;margin:0 auto}
.foot_top{padding-top:5px}
.foot_top address{margin:0;color:#8f8f8f;font-size:13px;line-height:100%}
.foot_top address > span{display:inline-block;margin-left:10px}
.foot_contact_list{margin-bottom:30px;padding:0}
.foot_contact_list > li{margin:0;list-style:none}
.foot_contact_txt{margin:0;padding-top:10px;color:#8f8f8f;font-size:13px;line-height:100%}
.foot_contact_txt > a{display:inline-block;color:#8f8f8f;font-size:13px;line-height:100%}
.foot_contact_txt > a:hover{color:#8f8f8f;font-size:13px;line-height:100%}
.foot_contact_txt  > span{display:inline-block;margin-left:10px}
.foot_bottom{position:relative;width:100%;border-top:1px solid rgba(51, 51, 51, 0.5)}
.foot_bottom:after{display:block;clear:both;content:""}
.foot_bottom .licensee_num{float:left;margin:0;margin-top:20px;color:#8f8f8f;font-size:14px}
.foot_bottom .licensee_num > span{display:inline-block;position:relative;margin-left:20px;color:inherit;font-size:inherit;line-height:inherit}
.foot_bottom .licensee_num > span:before{display:block;content:"";position:absolute;top:1px;left:-11px;width:1px;height:12px;background-color:#8f8f8f}
.foot_bottom .licensee_num > span.main:before{top:6px}
.foot_bottom .copy{float:right;margin:0;margin-top:20px;color:#8f8f8f;font-size:14px}
.fnb{padding:0;margin:0;padding-bottom:10px}
.fnb:after{display:block;clear:both;content:""}
.fnb > li{list-style:none;float:left}
.fnb > li > a{padding:0;color:#8f8f8f;font-size:14px;font-weight:700}
.fnb > li > a:hover{color:#8f8f8f}
.fnb > li{margin-left:20px}
.fnb > li:first-child{margin-left:0}


@media screen and (max-width:1280px) {
	.foot_inner{width:100%;padding:0 20px}
}
/* Footer end */