@charset "utf-8";
/* CSS Document */

body, div, span, ul, ol, li, dl, dt, dd, p, a, strong, table, tr, th, td, input, img, select, h1, h2, h3, h4, h5 { margin:0; padding:0; list-style:none; font-family:"굴림", Gulim,'맑은 고딕', 'Malgun Gothic', "돋움", Dotum, Arial, 'Apple Gothic', sans-serif;letter-spacing:0; word-wrap:break-word; border:none}
body { width:100%; height:auto; background:#fff; color:#282828; font-size:14px;line-height:24px;letter-spacing:-1px;-webkit-text-size-adjust:none;}
.vsb { visibility:visible !important}
.uvsb { position:absolute; left:-1000%; top:0; width:1px; heght:1px; font-size:0; line-height:0; overflow:hidden}
a { text-decoration:none; color:#282828}
h1 { font-size:22px; text-align:center; line-height:40px; padding-top:30px}
h2 { font-size:18px; text-align:center; line-height:40px; color:#002a57; padding-bottom:2px; margin-bottom:12px; border-bottom:2px solid #64a29a}
h2 span {background:url(../images/bl01.gif) no-repeat 5px; padding-left:28px; letter-spacing:-1px}
.hgt60 { height:60px !important}
.wid150 { width:140px !important}
.wid180 { width:170px !important}
.hgt01 { height:56px !important}

#introWrap { width:1024px; height:766px; margin:20px auto 0; background:#f7f7f7; line-height:1.5em}

/* TOP */
#header { width:1024px; height:85px; position:relative; background:#FFF}
#header .kor { position:absolute; top:15px; left:15px}
#header .eng { position:absolute; top:25px; right:15px} 

/* 롤링이미지 */
#picBox { z-index:100}

/*
#picBox li { display:none}
#picBox li.on { display:block !important}
*/
/* 롤링 위치 버튼 */
/* 롤링버튼 추가시 ul width +26px right -13px, .btnCtr right -13px, 삭제시 ul width -26px right +13px, .btnCtr right +13px  */
#btnBox { width:1024px; position:absolute; top:430px; z-index:200}
#btnBox ul { width:130px; margin:auto; padding-right:23px; position:absolute; right:437px}
#btnBox ul:after {content:""; display:block; clear:both}
#btnBox li { float:left; width:20px; height:20px; margin: 0 3px}
/*
#btnBox li.pic { background:url(../images/picOff.png) no-repeat}
#btnBox li.on { background:url(../images/picOn.png) no-repeat !important}
*/
#btnBox li a { width:20px; height:20px; display:block;background:url(../images/picOff.png) no-repeat}
#btnBox li a.active, #btnBox li a:hover {
	background:url(../images/picOn.png) no-repeat;
}
#btnBox li a.active:after {background:url(../images/picOn.png) no-repeat;}
.btnCtr { position:absolute; right:437px}

#conBox {}
.vkBox { width:725px; float:left; z-index:10; margin-top:-15px; padding-top:15px}
.vkBox ul, .ktoBox ul { margin-left:40px; padding-top:11px}
.vkBox li { float:left; background:url(../images/bl02.gif) no-repeat 0 8px; width:120px; height:33px}
.vkBox li a, .ktoBox a { padding-left:10px; display:block}
.ktoBox { width:299px; background:#d8e1eb; float:left; z-index:10; margin-top:-15px; padding-top:15px; padding-bottom:15px}
.ktoBox li { background:url(../images/bl02.gif) no-repeat 0px 8px; width:180px; height:29px}

#footer { clear:both; color:#FFF; background:#597492; font-size:12px; line-height:18px; position:relative; height:100px}
#footer img { position:absolute; top:20px; left:30px}
#footer a { color:#FFF !important}
#footer ul { position:absolute; top:20px; left:160px; width:600px}
#footer li { float:left; padding:0 10px; border-left:1px solid #CCC; line-height:11px}
#footer li.fst { padding:0 10px 0 0!important; border-left:none !important}
#footer li strong { color:#FFFD7A}
#footer address { position:absolute; top:50px; left:160px; font-style:normal; font-size:11px}

.bx-viewport{height: 100px;}