@charset "utf-8";

@import "nanumsquare.css";
@import "newsub.css";

/** reset **/

*{padding:0; margin:0;}
body{min-width:1200px; vertical-align:baseline; }



/** skip **/
#skip{position:fixed; width:100%; z-index: 99999;}
#skip a{z-index:100000; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}
#skip a:focus, #skip a:active{width:100%; height:50px; background:#21272e; color:#fff; font-size:13px; font-weight:bold; text-align:center; text-decoration:none; line-height:50px;}

#wrap{min-width:1200px; width:100%; height:100%; }



/** 기존 코딩 fixed **/
.siteTabArea {padding-top: 3px; border-bottom: 1px solid #000000; background: #545454; font-family: '맑은고딕',Malgun Gothic,dotum,'돋움',gulim,'굴림',sans-serif; letter-spacing:-1px;}
.siteTabArea .siteTabArea-in {width: 1200px; margin: 0 auto;}
.siteTabArea .siteTab {overflow: hidden; text-align:center; font-size: 15px; margin-bottom: -1px;}
.siteTabArea .siteTab li {float: left; margin-left: -35px; height: 45px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.siteTabArea .siteTab li a {color: #ffffff; font-weight: bold; display:block;}
.siteTabArea .siteTab li a:hover {font-size:15px; !important;}
.siteTabArea .siteTab li.active {position: relative; z-index: 10 !important ;}
.siteTabArea .siteTab li.active a {color: #040404;}
.siteTabArea .siteTab li.active a span {padding:13px 0 12px;}
.siteTabArea .siteTab li span {display:block; padding:15px 0 10px;}
.siteTabArea .siteTab li.tab01 {width: 185px; margin-left: 0; position: relative; z-index: 3;}
.siteTabArea .siteTab li.tab01 span {background:url(/images/pa2018/site_tab_01.png) left -1px no-repeat;}
.siteTabArea .siteTab li.tab01.active span {background:url(/images/pa2018/site_tab_01_on.png) left top no-repeat;}
.siteTabArea .siteTab li.tab02 {width: 186px; position: relative; z-index: 2;}
.siteTabArea .siteTab li.tab02 span {background:url(/images/pa2018/site_tab_02.png) left -1px no-repeat;}
.siteTabArea .siteTab li.tab02.active span {background:url(/images/pa2018/site_tab_02_on.png) left top no-repeat;}
.siteTabArea .siteTab li.tab03 {width: 207px;  position: relative; z-index: 1;}
.siteTabArea .siteTab li.tab03 span {background:url(/images/pa2018/site_tab_03.png) left -1px no-repeat;}
.siteTabArea .siteTab li.tab03.active span {background:url(/images/pa2018/site_tab_03_on.png) left top no-repeat;}

