/* common */ .hidden {overflow:hidden; position:absolute; left:-9999em; height:0; font-size:0; line-height:0;} .disNonei {display:none !important;} .disBlock {display:block !important;} .ovH {overflow:hidden; width:100%; margin-bottom:6px;} .ovH:after {clear:both; content:""; display:block;} .vm {vertical-align:middle !important;} .clearBoth {clear:both !important;} .textDeco {text-decoration:underline!important;} .textInde {text-indent:0 !important;} /*** .header *****/ #wrap .header{top:0px; width:100%; min-height:110px; background: #fff; border-bottom: 2px solid #DBDBDB;} #wrap .header .topGroup{width:100%; height:72px; background:#6B6B6B; height:35px; } #wrap .header .topGroup > div{position:relative; width:1000px; margin:0 auto;} #wrap .header .topGroup > div .mobileBtn {display:none;} #wrap .header .topGroup > div > ul {position:absolute; top:0;} #wrap .header .topGroup > div > ul li{float:left;} #wrap .header .topGroup > div > ul li a{display:block; height:35px; line-height:35px; color:#fff; text-align:center} #wrap .header .topGroup > div > ul.leftMenu{left:0;} #wrap .header .topGroup > div > ul.leftMenu li a{width:124px; border-left:1px solid #221e1e; } #wrap .header .topGroup > div > ul.leftMenu li:first-child a{width:116px; border-left:0; text-align:left } #wrap .header .topGroup > div > ul.leftMenu li a:hover{ font-weight:bold} #wrap .header .topGroup > div > ul.leftMenu li img{margin-bottom:-2px;} #wrap .header .topGroup > div > ul.leftMenu li.on a{background:#fff; color:#4d4d4d ; font-weight:bold; } #wrap .header .topGroup > div > ul.rightMenu{right:0; margin-right:0px} #wrap .header .topGroup > div > ul.rightMenu li a {padding:0 8px;font-size:11px; color:#F1F1F1;} #wrap .header .topGroup > div > ul.rightMenu li.last a{width:104px; padding:0; text-align:center} .ie7 #wrap .header .topGroup > div > ul.rightMenu li.last a {margin-left:20px;} .ie8 #wrap .header .topGroup > div > ul.rightMenu li.last a {margin-left:20px;} #wrap .header .topGroup > div > ul.rightMenu li.on a{background:#cc2633; color:#fff; font-weight:bold} #wrap .header .topGroup > div > ul.rightMenu li.logout {display:none} #wrap .header .topGroup > div > ul.rightMenu li.myMenu {display:none} #wrap .header .topGroup > div > p{position:absolute; right:0; top:0; width:62px;} #wrap .header .topGroup > div > p button {width:63px; padding-left:0; height:35px; line-height:35px; color:#F1F1F1; font-size:11px; text-align:right} /*** .header > gnb *****/ #wrap .header .gnbWrap{position:relative; overflow:hidden; width:100%; min-height:82px;} #wrap .header .gnbArea{position:relative; width:1000px; margin:0 auto;} /*** .header > gnb > 1뎁스 클릭시 상단라인 초기 상태 none*****/ .gnbBtnLine{position:absolute; z-index:5; top:80px; width:100%; height:1px; text-indent:-5000px;} .gnbBtnLine.over{background:#bebebe;} #wrap .header .gnbArea .gnbOverLine{position:absolute; top:77px; z-index:5; width:0; height:4px; background:#cc2633; text-indent:-5000px; border:0} #wrap .header .gnbArea h1{position:absolute; z-index:2; left:0; top:25px; width:177px; height:33px;} #wrap .header .gnbArea h1 a {display:block; width:171px; height:33px;} #wrap .header .gnbArea nav{display:block; position:absolute; z-index:1; top:0; width:1000px; height:82px; margin:0 auto; overflow:hidden;} .ie7 #wrap .header .gnbWrap, .ie8 #wrap .header .gnbWrap {} /*** .header > gnb > 1depth *****/ #wrap .header .gnbArea nav > ul{ position:absolute; left:300px;} #wrap .header .gnbArea nav > ul > li{float:left; margin-right:25px; position:relative;} #wrap .header .gnbArea nav > ul > li > a{white-space:nowrap; display:block; padding:32px 0 29px; font-size:15px; font-weight:bold; letter-spacing:-1px;} #wrap .header .gnbArea nav > ul > li.on > a , #wrap .header .gnbArea nav > ul > li > a:hover {background:#fff; color:#c8212f !important;} /*** .header > gnb > 2depth, 3depth *****/ #wrap .header .gnbArea nav > ul > li .innerWrap {display:none; position:absolute; top:81px; height:100%; z-index:3; overflow:hidden;} #wrap .header .gnbArea nav > ul > li .inner {position:relative; top:0; left:0; width:1000px; height:100%;} #wrap .header .gnbArea nav > ul > li.menu01 > a{left:240px;} #wrap .header .gnbArea nav > ul > li.menu02 > a{left:350px;} #wrap .header .gnbArea nav > ul > li.menu03 > a{left:460px;} #wrap .header .gnbArea nav > ul > li.menu04 > a{left:570px;} #wrap .header .gnbArea nav > ul > li.menu05 > a{left:715px;} /*** .header > 검색*****/ #wrap .header .gnbArea >.search{display:block; position:absolute; z-index:5; right:10px; top:21px; width:190px; height:36px;} #wrap .header .gnbArea >.search p{margin-right:36px; height:34px; border:1px solid #ccc; border-right:0} #wrap .header .gnbArea >.search p input{width:100%; border:0; text-indent:5px;padding: 9px 0 5px; height: 30px;} #wrap .header .gnbArea >.search input[type="button"]{position:absolute; right:0; top:0; width:36px; height:36px; text-indent:-5000px; border:0;} /*** .header > 검색> 모바일용 검색 버튼*****/ #wrap .header .gnbArea > span{display:none} #container {position: relative; overflow: hidden; width: 100%; min-width: 1000px;} #container .title_contents_bg{overflow: hidden; position: relative; height: 100px; margin-bottom: 20px; } #container .title_contents_bg .title_contents{position: relative; width: 1000px;margin: 0 auto;} #container .title_contents_bg .title_contents .subTitle{font-size: 34px; line-height: 34px; color: #21252b; padding-top: 35px; font-weight: normal; float: right;} #container .title_contents_bg .title_contents .location {height: 40px; line-height: 40px; font-size: 0.9em; position: absolute; right: 5px;} #container .title_contents_bg .title_contents .location li{float:left;} #sub_contents, #visualArea { position: relative; overflow: hidden; width: 1000px; min-height: 600px; margin: 0 auto; } /*** footer *****/ footer{top:0; width:1000px; margin:50px auto; background:#fff } footer .gnb_part_01{position:relative; z-index:2; height:40px; margin-bottom:20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;} footer .gnb_part_01 > button {display:none} footer .gnb_part_01 ul{float:left; overflow:hidden; padding:0;} footer .gnb_part_01 ul li{float:left; background:url(/images/copyright/common_foot_bar.gif) no-repeat left 55%} footer .gnb_part_01 ul li a{display:block; padding:15px 10px; font-size:12px; font-weight:bold} footer .gnb_part_01 ul li:first-child{background:none} footer .gnb_part_01 ul li:first-child a{padding-left:0} footer .gnb_part_01 ul + ul{float:right; padding:0;} footer .gnb_part_01 ul + ul li{width:45px;} footer .gnb_part_01 ul + ul li a{height:40px; padding:0; text-indent:-5000px} footer .gnb_part_02{position:relative; z-index:3; width:100%} footer .gnb_part_02 > ul{overflow:hidden; margin-bottom:15px;} footer .gnb_part_02 > ul > li{float:left; background:url(/images/copyright/common_foot_bar.gif) no-repeat left 50%} footer .gnb_part_02 > ul > li:first-child{background:none} footer .gnb_part_02 > ul > li:first-child a{padding-left:0} footer .gnb_part_02 > ul > li a{display:block; padding:5px 10px; font-size:12px; color:#666;} footer .gnb_part_02 > ul > li a strong{color:#853a2e} footer .gnb_part_02 .copyright{position:relative; color:#666} footer .gnb_part_02 .copyright address{margin-bottom:8px; font-style:normal; font-size:12px; letter-spacing:-1px;} footer .gnb_part_02 .copyright address span{letter-spacing:0px; margin-right:5px; } footer .gnb_part_02 .copyright address span.bar{font-size:10px; color: #ddd;} footer .gnb_part_02 .copyright p{font-size:12px;} span.importance {color:red; font-weight: bold;} input[type='button'].approval_1{background:#88D3FF;} input[type='button'].approval_2{background:#FF9B9B;}