/* --------------------------------------------------------------------------- wowweb_pc css ----------------------------------------------------------------------------------- */
@media screen and (min-width:1280px) {

#wrap {float: left; width: 100%; min-width: 1200px; background: #fff;}
#header {float: left; width: 100%; min-width: 1200px;}
#contents {float: left; width: 100%; min-width: 1200px;}
#footer {float: left; width: 100%; min-width: 1200px;}

/* headertop mobile top */
.headertop {display: none;}

/* topcon_common */
.gnbcontent_box {position: absolute; width: 100%; height: 80px; z-index: 20;}
.logoarea {position: absolute; top: 0; left: 1%; width: 220px; height: 46px; margin-top: 14px; z-index: 3;}

/* gnb_effect */
.gnball_box {float: left; width: 100%; height: 80px; border-bottom: 1px solid rgba(255,255,255,0.2); box-sizing: border-box;}
#gnbmenu {width: 100%; position: relative; height: 80px;}
.main_menu {margin: 0 auto; width: 750px;}
.main_menu > li {float: left; width: 150px; height: 80px; line-height: 80px; text-align: center;}
.main_menu > li a {display: inline-block; width: 100%; font-family: "Noto Sans KR", sans-serif; font-size: 16px; color: #fff; font-weight: 500;}
.main_menu > li a:hover {color: #cc0001;}
.main_menu > li a span {display: none; position: absolute; top: 40px; width: 20px; height: 3px; background: #248fdd; left: 50%; margin-left: -10px;}

/* gnb_submenu */
#menu_dept {position: absolute; z-index: 999; width: 100%; left: 0; top: 80px; background-color: rgba(0,0,0,0.8);}
#menu_dept .menutitle_img {float: left;}
#menu_dept .menu_dept_ul {margin: 0 auto; width: 750px;}
#menu_dept .menu_dept_ul li {float: left; width: 150px;}
#menu_dept .menu_open {float:left; width: 150px; height: 240px; text-align: center; padding-top: 20px; border-left: 1px solid #515151; box-sizing: border-box;}
#menu_5 {border-right: 1px solid #515151;}
#menu_dept .close_img {position: absolute; right: 20px; top: 190px;}
#menu_dept .close_img a {display: block; width: 50px; height: 28px; font-size: 12px; color: #b4b3b3; font-weight: 500; line-height: 26px; text-align: center; border: 1px solid #b4b3b3; box-sizing: border-box;}
#menu_dept .close_img a:hover {color: #fff; border: 1px solid #fff;}
.sub_menu li a {display: inline-block; width: 150px; height: 30px; font-family: "Noto Sans KR", sans-serif; font-size: 14px; color: #b4b3b3; font-weight: 400; line-height: 30px; margin-bottom: 5px; transition: all 0.5s ease;}
.sub_menu li a:hover {color: #fff; background-color: #cc0001;}

/* topbtn_area */
.topbtn_area {position: absolute; right: 1%; z-index: 3;}
.btnall {float: right;}
.btnall li {float: left; margin-top: 18px;}
.btnall li:nth-child(1) a {display: block; width: 75px; height: 35px; font-family: "Noto Sans KR", sans-serif; font-size: 12px; color: #fff; font-weight: 500; line-height: 35px; text-align: center; margin-right: 10px; background: rgba(0,0,0,0.25); border: 1px solid #fff; box-sizing: border-box; transition: all 0.5s ease;}
.btnall li:nth-child(1) a:hover {color: #fff; background-color: #000;}
.btnall li:nth-child(2) a {display: block; width: 65px; height: 35px; font-family: "Noto Sans KR", sans-serif; font-size: 12px; color: #fff; font-weight: 500; line-height: 35px; text-align: center; background: rgba(0,0,0,0.25); border: 1px solid #fff; box-sizing: border-box; transition: all 0.5s ease;}
.btnall li:nth-child(2) a:hover {color: #fff; background-color: #000;}

/* footer_common */
.footer_infobox {margin: 0 auto; width: 1200px;}
.bottombox {float: left; width: 100%; margin-top: 40px; margin-bottom: 50px; min-width: 1200px;}
.bottombox_sub {padding-top: 40px; margin-top: 0; border-top: 1px solid #e3e4e5;}
.address_info_area {float: left; width: 600px;}
.foot_logo {float: left; width: 220px; margin-bottom: 20px;}

.address_info {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif; font-size: 13px; color: #8c8c8c; font-weight: 400; line-height: 20px; letter-spacing: 0.5px;}
.address_info li {display: inline;}
.address_info li:nth-child(7) {display: none;}
.address_info li:nth-child(14) {display: none;}
.foot_line {width: 1px; margin: -1px 5px 0;}
.textbold {color: #252525; font-weight: 400;}

.copyrightbox {float: left; width: 100%; margin-top: 5px;}
.copyright {font-size: 13px; color: #9a9999; font-weight: 400; line-height: 14px;}

.usermember_area {float: right; width: 600px; margin-bottom: 20px;}
.userguide_area {float: right;}
.userguide_area li {float: left; margin-right: 9px;}
.userguide_area li:last-child {margin-right: 0;}
.userguide_area li:nth-child(1) a {display: block; width: 145px; height: 45px; font-size: 15px; color: #717273; font-weight: 400; line-height: 45px; padding-left: 22px; background: #e2e6ea url(../img/wowweb/images/footlink_more_1.png) no-repeat 115px center; box-sizing: border-box; transition: all 0.3s ease;}
.userguide_area li:nth-child(1) a:hover {color: #fff; background-color: #b4b5b6;}
.userguide_area li:nth-child(2) a {display: block; width: 200px; height: 45px; font-size: 15px; color: #717273; font-weight: 400; line-height: 45px; padding-left: 22px; background: #e2e6ea url(../img/wowweb/images/footlink_more_1.png) no-repeat 170px center; box-sizing: border-box; transition: all 0.3s ease;}
.userguide_area li:nth-child(2) a:hover {color: #fff; background-color: #b4b5b6;}
.userguide_area li:nth-child(3) a {display: block; width: 180px; height: 45px; font-size: 15px; color: #fff; font-weight: 400; line-height: 45px; padding-left: 22px; background: #b4bbc1 url(../img/wowweb/images/footlink_more_2.png) no-repeat 150px center; box-sizing: border-box; transition: all 0.3s ease;}
.userguide_area li:nth-child(3) a:hover {color: #fff; background-color: #2c559e;}

.foot_sns_area {float: right; margin-top: 20px;}
.foot_sns_area li {display: inline; margin-right: 8px;}
.foot_sns_area li:last-child {margin-right: 0;}

/* gototop */
.gototop {position: fixed; bottom: 20px; right: 20px; z-index: 999; opacity: 0; visibility: hidden; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.gototop.active {opacity: 0.8; visibility: visible;}
.gototop a {width: 60px; height: 60px; display: table; background: #000; color: #fff; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}
.gototop a:hover {background: #cc0001;}
.gototop a i {height: 60px; display: table-cell; vertical-align: middle;}
[class^="icon-"], [class*=" icon-"] 
{font-family: "Noto Sans KR", sans-serif !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

}