@charset "utf-8";
/****************************************/
/*  Name: 기업 스킨6
/*  Part: 스킨 레이아웃 및 리셋추가 스타일시트
/*  Version: 1.0
/*  Author: 강상근 (한국인터넷센터)
/****************************************/

/* //////////// 공통 영역///////////// */
/* 리셋 */
ul, ol { margin:0;padding:0;list-style:none}
address, em {font-style:normal}
.skip {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hide {display:none}dl, dt, dd {margin:0;padding:0}
.inner {width:1200px;margin:0 auto;}
/* 웹접근성용 */
#kicIndex strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#kicIndex a {z-index:9999;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#kicIndex a:focus, #kicIndex a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}
/* //////////// 헤더 영역 ///////////// */
#header {border-bottom: 1px solid #ddd;}
.util {background:#fff;width:100%;height:35px;line-height:35px}
.util ul {float:right}
.util li {float:left;padding: 0 6px 0}
.util li a {font-size:12px;color:#888;font-family:'돋움',dotum;text-decoration:none;}
.util .home { font-weight:bold; }
.head_section {margin:0 auto;height:93px;position:relative}
.head_section h1 {padding-top:5px;}
#logo {float:left;padding:20px 0 0}
/* 전체 네비 */
#gnb {float:right;padding-top: 20px;}
.top_menu01 .menu01 > a, .top_menu02 .menu02 > a, .top_menu03 .menu03 > a, .top_menu04 .menu04 > a, .top_menu05 .menu05 > a {color:#0070c0}
.list_gnb li {float:left;width:170px;text-align:center}
.list_gnb li a {display:block;padding:23px 0 0;height:40px;color:#2b2b2b;font-size:17px;font-weight:600;text-decoration:none}
.list_gnb > li:hover > a {color:#0070c0}
.list_submenu {position:absolute;top:84px;z-index:999;width:170px;display:none; padding:20px 0;}
.list_submenu li {float:none;width:100%}
.list_submenu li a {color:#555;font-weight:500;font-size:14px;text-align:center;height:40px;padding:3px 0 3px 0px}
.list_submenu li a:hover {color:#0070c0;text-decoration:none;font-weight:bold;}
.bg_gnb_sub {background:rgba(255,255,255,0.85);border-bottom:2px solid #0070c0;position:absolute;top:88px;left:0;width:100%;height:254px;z-index:300;display:none}
.bg_gnb_sub .bg_inner {width:1200px;margin:0 auto;height:200px}
.bg_gnb_sub .pic_side {width:298px;height:200px;float:left;} /* 서브메뉴 사이드 이미지 */
.bg_gnb_sub .pic_side img {width:100%;height:100%}
#gnb #gnbEmpty {width:100%;text-align:center;line-height:54px}
#gnb #gnbEmpty a {font-size:13px;text-decoration:none;display:inline;color:#0070c0}
#gnb #gnbEmpty a:hover {text-decoration:underline}

/* //////////// 메인 콘텐츠 영역///////////// */
.mainArea .inner { width:1200px; margin:0 auto; position:relative;}
.mainArea .inner .visualWrap { position:relative; width:1200px; height:550px; overflow:hidden; margin-bottom:20px;}
.mainArea .inner .visualWrap ul { height:550px;}
.visualWrap .bx-wrapper .bx-pager{
	position: absolute;
    bottom:2%;
    width: 100%;
    text-align: center;
    font-size: 0.85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    z-index: 100;
}
.visualWrap .bx-wrapper .bx-pager .bx-pager-item { display:inline-block;}
.visualWrap .bx-wrapper .bx-pager.bx-default-pager a {
	background: #777;
	text-indent: -9999px;
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;;
	border-radius:  50%;;
}
.visualWrap .bx-wrapper .bx-pager.bx-default-pager a:hover,
.visualWrap .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #0070c0;
	width: 12px;
	height: 12px;
}

.main_box { width:1200px; margin:0 auto; position:relative; margin-bottom:30px; overflow:hidden; }
.box1 { background:url(/img/box1.png) no-repeat; width:420px; height:240px; float:left; position:relative; }
.box1 .gallery { padding:80px 0 0; position:relative;}
.box2 { background:url(/img/box2.png) no-repeat; width:370px; height:240px;float:left;margin:0 20px;}
.box2 a {text-decoration:none;}
.box2 a div { padding-left:25px;}
.box2 .box2_txt { color:#fff; line-height:24px; font-size:16px; font-weight:600; letter-spacing:-1px;padding:80px 0 25px 30px;}
.box3 { background:url(/img/box3.png) no-repeat; width:370px; height:240px;float:right;}
.box3 .box3Area { padding-left:25px; padding-top:80px;}
.box3 .box3Area strong { font-size:16px; color:#fff; display:block; margin-bottom:10px; }
.box3 .box3Area h3 { font-size:30px; color:#fbef39; display:block; font-weight:800;margin-bottom:10px;}
.box3 .box3Area p { font-size:16px; color:#fff; font-weight:bold; }
.box1 .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 62%;
    outline: 0;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    z-index: 9999;
}
.box1 .bx-wrapper .bx-prev {left: 15px;  background: url(/img/arrow_btn.png) no-repeat 0 0px;}
.box1 .bx-wrapper .bx-next { right: 15px; background: url(/img/arrow_btn.png) no-repeat -26px 0;}
.box1 .gallery .more { position:absolute; right:30px; top:35px}
/* //////////// 푸터 영역///////////// */
#footer {clear:both;border-top:1px solid #dddddd;min-width:960px}
.foot_menu_wrap {border-bottom: 1px solid #dbdbdb}
.foot_menu_wrap ul {width:960px;margin:0 auto;overflow:hidden;height:34px;line-height:34px}
.foot_menu_wrap li {float:left;font-size:11px;margin:0 10px}
.foot_menu_wrap a {color:#666}
#footer .inner {padding:20px 0 30px; position:relative;}
#logoFoot img { width:140px; height:42px;}
#logoFoot {display:block;float:left;margin:0 60px 0 0;height:70px;}
#footer address {font-size:12px;color:#999; line-height:18px;}
#footer address span { margin-right:20px;}
#footer .bar {padding:0 5px;font-size:10px;color:#bcbcbc;font-family:'돋움',dotum}
.copyright {font-size:11px;padding-top:10px;color:#999;text-transform:uppercase}
#topBtn {position:fixed;bottom:150px;right:50%;margin-right:-700px}
#topBtn a {display:inline-block;text-align:center;width:50px;height:50px;line-height:50px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;background:#fff;border:1px solid #e2e2e2;font-weight:bold;text-decoration:none;color:#7d7d7d}


/* 서브 페이지 */
#subWrap { width:1200px; margin:0 auto; min-height:700px; overflow:hidden; padding-top:40px; position:relative; }
#subWrap #sideBar { width:240px; float:left;}
#subWrap #sideBar .tit_box h2 { color:#fff;height:70px;padding-left:20px; line-height:70px; font-size:18px; letter-spacing:-1px; font-weight:600; background:#0070c0;}
#subWrap #sideBar ul { border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;}
#subWrap #sideBar ul li { border-bottom:1px solid #d7d7d7;letter-spacing:-0.5px; }
#subWrap #sideBar ul li a { display:block; height:48px; line-height:48px; padding-left:20px; font-size:14px; font-weight:600; color:#333; text-decoration:none;}
#subWrap #sideBar ul li a:hover { color:#0070c0 }
#subWrap #sideBar li.on { background:url(/img/bul_sidebar.png) no-repeat 220px 20px;}
#subWrap #sideBar li.on a { font-weight:700; color:#0070c0;}

#subWrap .sub_contents { float:right; width:900px;min-height: 800px;overflow: hidden;}
#subWrap .sub_contents .sub_tit_bar { padding:10px 0 14px; position: relative;margin-bottom: 30px;}
#subWrap .sub_contents .sub_tit_bar h2 { font-size:30px; color:#333; letter-spacing:-1px;}
#subWrap .sub_contents .sub_tit_bar .heading { float:right; position:absolute; right:0; bottom: 20px; }
#subWrap .sub_contents .sub_tit_bar .heading li { display:inline-block; font-size:12px; color:#555; letter-spacing:-0.5px;}
#subWrap .sub_contents .sub_tit_bar .heading li strong { color:#00a0de;}
#subVisual { width:100%; height:250px; position:relative; background:url(/img/subvisual.png) 50% 50% no-repeat;}
#subVisual .copy { text-align:center; color:#fff; font-size:34px; font-weight:700; line-height:250px;    text-shadow: 1px 1px 5px #555; }
.heading { width:100%; background:#f4f4f4; height:44px; border-bottom:1px solid #ddd;margin-bottom:40px;}
.heading ul { width:1200px; margin:0 auto; padding-top:12px;}
.heading ul li { display:inline-block;  font-size:13px; color:#525252; }
.heading ul li strong {color:#0070c0}
#container_title, #bo_list_total, #bo_v_table { display:none}
.map_txt{overflow:hidden;margin-top:40px;}
.map_txt .bar { display:block; width:20px; height:3px; background:#2e3192;margin-bottom:7px;}
.map_txt h4{margin-bottom:15px; font-size:18px; color:#333;}
.map_txt li { line-height:24px; color:#555; }
.map_txt .mt10 { margin-top: 10px !important;}

#bo_sch { padding-top: 50px !important;}