@charset "utf-8";

/* 공통 */
html,body { width: 100%; height: auto;}
#sub_wrap { position:relative; width: 100%; height:auto;}

/* 컨텐츠 전체 */
#contents_wrap { max-width:1270px; width: 100%; margin:0 auto; }
img {max-width: 100%;}

/* 상단이미지 */
#sub_img {position: relative; height:262px; background:#dadada; overflow: hidden;}
#sub_img div.img { font-size:0; }
#sub_img div.sub_top_txt {position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); text-align: center;}
#sub_img div.sub_top_txt p {margin-bottom: 20px; color:#fff; font-size: 16px; text-shadow: 1px 1px 2px #555;font-family:'Nanum Square';}
#sub_img div.sub_top_txt h2 {margin-bottom: 10px; font-family:'Nanum Square-e'; color:#fff; font-size: 38px; letter-spacing: 2px; text-shadow: 1px 1px 4px #333;}
#sub_img div.sub_top_tit {display: none; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); font-family:'Nanum Square-b'; color:#fff; font-size: 30px; letter-spacing: 1.5px; text-shadow: 1px 1px 2px #999;}
#sub_img .sub_img_bg1 { background:#dde2e4 }
#sub_img .sub_img_bg2 { background:#ebe7de }
#sub_img .sub_img_bg3 { background:#ebe7de }
#sub_img .sub_img_bg4 { background:#ebe7de }
#sub_img .sub_img_bg5 { background:#9fa2a7 }
#sub_img .sub_img_bg6 { background:#6d85a7 linear-gradient(to right, #6d85a7 0%, #6d85a7 25%, #2d4d88 50%, #2d4d88 100%) }
#sub_img .sub_img_bg7 { background:#f0ece9 linear-gradient(to right, #f0ece9 0%, #f0ece9 25%, #e6e3e0 50%, #e6e3e0 100%) }
#sub_img .sub_img_bg8 { background:#f0ece9 linear-gradient(to right, #f0ece9 0%, #f0ece9 25%, #e6e3e0 50%, #e6e3e0 100%) }

#sub_img .sub_img_bg1 .img { background:url('../images/common/kbiz_sub_top_01.jpg') no-repeat center top; }
#sub_img .sub_img_bg2 .img { background:url('../images/common/kbiz_sub_top_01.jpg') no-repeat center top; }
#sub_img .sub_img_bg3 .img { background:url('../images/common/kbiz_sub_top_04.jpg') no-repeat center top; }
#sub_img .sub_img_bg4 .img { background:url('../images/common/kbiz_sub_top_04.jpg') no-repeat center top; }
#sub_img .sub_img_bg5 .img { background:url('../images/common/kbiz_sub_top_02.jpg') no-repeat center top; }
#sub_img .sub_img_bg6 .img { background:url('../images/common/kbiz_sub_top_02.jpg') no-repeat center top; }
#sub_img .sub_img_bg7 .img { background:url('../images/common/kbiz_sub_top_01.jpg') no-repeat center top; }
#sub_img .sub_img_bg8 .img { background:url('../images/common/kbiz_sub_top_01.jpg') no-repeat center top; }

@media all and (max-width:1940px) { 

#sub_img { height:220px; }
#sub_img div.img  { height:220px; }
#sub_img .sub_img_bg1 .img,
#sub_img .sub_img_bg2 .img,
#sub_img .sub_img_bg3 .img,
#sub_img .sub_img_bg4 .img,
#sub_img .sub_img_bg5 .img,
#sub_img .sub_img_bg6 .img,
#sub_img .sub_img_bg7 .img,
#sub_img .sub_img_bg8 .img { background-position:center -10px;}
}

/* 좌측메뉴 */
#contents_wrap .contents_left { float:left; width:220px; margin:60px 50px 0 0;}
#contents_wrap .contents_left .left_top { margin-bottom:7px; background:#237cc1 url('../images/left/left_tit_bg.png') no-repeat; }
#contents_wrap .contents_left .left_top h2 { display:block; width:100%; height:167px; padding-top:100px; text-align:center; 
font-size:28px; font-family:'Nanum Square-e'; color:#fff;  }
#contents_wrap .contents_left .title1 { background:url('../images/left/left_img_01.png') no-repeat center 45px; }
#contents_wrap .contents_left .title2 { background:url('../images/left/left_img_02.png') no-repeat center 45px; }
#contents_wrap .contents_left .title3 { background:url('../images/left/left_img_03.png') no-repeat center 38px; }
#contents_wrap .contents_left .title4 { background:url('../images/left/left_img_04.png') no-repeat center 38px; }
#contents_wrap .contents_left .title5 { background:url('../images/left/left_img_05.png') no-repeat center 38px; }
#contents_wrap .contents_left .title6 { background:url('../images/left/left_img_06.png') no-repeat center 48px; }
#contents_wrap .contents_left .title7 { background:url('../images/left/left_img_07.png') no-repeat center 35px; }

#contents_wrap .contents_left ul { border-top:1px solid #e2e2e2; }
#contents_wrap .contents_left .left_menu { display:block; height:43px; line-height:43px; border-bottom:1px solid #e2e2e2; 
text-indent:20px; font-weight:bold; font-size:14px; color:#575757; }
#contents_wrap .contents_left a.left_menu:focus,
#contents_wrap .contents_left a.left_menu:hover { background:#eff2f8; color:#575757; }
#contents_wrap .contents_left a.left_menu_on,
#contents_wrap .contents_left a.left_menu_on:hover { border:none; background:#0d5db6 url('../images/left/left_menu_bg.gif') no-repeat; color:#fff; }


/* 좌측베너 */
#contents_wrap .contents_left .left_banner { margin-top:40px; width:100%; border-left:1px solid #e2e2e2; }
#contents_wrap .contents_left .left_banner ul { overflow:hidden; }
#contents_wrap .contents_left .left_banner li { float:left; width:50%; }
#contents_wrap .contents_left .left_banner li a { display:block; width:100%; height:82px; padding-top:53px; text-align:center;
border-right:1px solid #e2e2e2;  border-bottom:1px solid #e2e2e2; font-size:13px; color:#474d52; }
#contents_wrap .contents_left .left_banner li a:hover { color:#3c6fb8; }
#contents_wrap .contents_left .left_banner li a.lb1 { background:url('../images/left/left_ban_01_01.jpg') no-repeat center 14px; background-size: 87px;}
#contents_wrap .contents_left .left_banner li a.lb2 { background:url('../images/left/left_ban_02.png') no-repeat center 15px; }
#contents_wrap .contents_left .left_banner li a.lb3 { background:url('../images/left/left_ban_03.png') no-repeat center 13px; }
#contents_wrap .contents_left .left_banner li a.lb4 { background:url('../images/left/left_ban_04.png') no-repeat center 16px; }

/* 오른쪽 컨텐츠 영역 */
#contents_wrap .contents_body { width:calc(100% - 270px); float:left; margin-top:65px; position:relative; }

/* 컨텐츠 타이틀 */
#contents_wrap .contents_body .con_title { width:100%; height:43px; border-bottom:1px solid #dadada; }
#contents_wrap .contents_body .con_title h3 { float:left; font-family:'Nanum Square-b'; font-weight:bold; font-size:36px; color:#000; }
#contents_wrap .contents_body .con_title .location { float:right; line-height:1.4 }
#contents_wrap .contents_body .con_title .location ul li { display:inline-block; padding-top:8px; color:#8b8b8b; font-size:13px; text-align:right; }
#contents_wrap .contents_body .con_title .location ul li.home { padding-left:18px; background:url('../images/common/bullet_home.gif') no-repeat 0 13px; }
#contents_wrap .contents_body .con_title .location ul li span { color:#ff4200; font-size:13px; }

/* 컨텐츠 타이틀2 */
#contents_wrap .contents_body .con_title2 { height:43px; border-bottom:1px solid #dadada; }
#contents_wrap .contents_body .con_title2 h3 { float:left; font-family:'Nanum Square-b'; font-weight:bold; font-size:36px; color:#000; }
#contents_wrap .contents_body .con_title2 .location { float:right; line-height:1.4 }
#contents_wrap .contents_body .con_title2 .location ul li { display:inline-block; padding-top:8px; color:#8b8b8b; font-size:13px; text-align:right; }
#contents_wrap .contents_body .con_title2 .location ul li.home { padding-left:18px; background:url('../images/common/bullet_home.gif') no-repeat 0 13px; }
#contents_wrap .contents_body .con_title2 .location ul li span { color:#ff4200; font-size:13px; }

/* 컨텐츠 타이틀3 */
#contents_wrap .contents_body .con_title3 { width:100%; height:80px; position:relative; background:url('../images/common/dot_line.gif') repeat-x left bottom }
#contents_wrap .contents_body .con_title3 h3 { padding-top:10px; text-align:center; font-family:'Nanum Square-b'; font-weight:bold; font-size:36px; color:#000; }
#contents_wrap .contents_body .con_title3 .location { position:absolute; right:0; top:0; line-height:1.4 }
#contents_wrap .contents_body .con_title3 .location ul li { display:inline-block; padding-top:8px; color:#8b8b8b; font-size:13px; text-align:right; }
#contents_wrap .contents_body .con_title3 .location ul li.home { padding-left:18px; background:url('../images/common/bullet_home.gif') no-repeat 0 13px; }
#contents_wrap .contents_body .con_title3 .location ul li span { color:#ff4200; font-size:13px; }

/* 실제 컨텐츠 영역 */
#contents_wrap .contents_body .con_area { min-height:800px; padding:40px 0 100px 0; }

/* 탭버튼1 */
.tab_box1 {margin:0 0 30px;height:45px;background:url('../images/common/tab_box_bg1.gif') repeat-x left bottom}
.tab_box1 .tabbtn {float:left; display:block; width:33.3%; padding:10px 0; border:1px solid #d8d8d8; border-left:none; border-bottom:none; background:#fafafa;
font-size:15px; font-weight:bold; text-align:center; color:#727272; overflow:hidden}
.tab_box1 .tabbtn:first-child { width:33.4%; border-left:1px solid #d8d8d8;}
.tab_box1 .tabbtn_on:first-child {border-left:2px solid #007abc;}
.tab_box1 .tabbtn_on {height:45px; border:2px solid #007abc; border-bottom:none; background:#fff; color:#237cc1}
.tab_last {clear:both;}
.tab_box1.w1 .tabbtn {width:50%; }
.tab_box1.w2 .tabbtn {width:25%; }
.tab_box1.w3 .tabbtn {width:15%; }

@media (max-width: 680px) {
	.tab_box1 .tabbtn {font-size: 13px;}
}
@media (max-width: 609px) {
	.tab_box1 .tabbtn:nth-child(3) {padding: 0; -ms-word-break: keep-all; word-break: keep-all;}
	.tab_box1 .tabbtn.noneW1 {padding: 10px 0;}
}
@media (max-width: 391px) {
	.tab_box1.w1 .tabbtn:nth-child(2) {padding: 0; -ms-word-break: keep-all; word-break: keep-all;}
}

/* 탭버튼2 */
.tab_box2 {overflow:hidden; margin:30px 0 10px;}
.tab_box2 .tabbtn {float:left; display:block; width:30%; margin:0 5px 5px 0; height:40px; line-height:38px; border:1px solid #d8d8d8;  
 font-weight:bold; text-align:center; color:#727272; overflow:hidden}
.tab_box2 .tabbtn_on {height:40px; border:1px solid #007abc; background:#007abc; color:#fff; }
.tab_box2.w1 .tabbtn {width:49%; margin-right: 2%;}
.tab_box2.w1 .tabbtn:nth-child(2) {margin-right: 0;}
.tab_box2.w2 .tabbtn {width:25%; }
@media (max-width: 680px) {
	.tab_box2 .tabbtn {font-size: 13px;}
}
@media (max-width: 340px) {
	.tab_box2 .tabbtn {font-size: 12px;}
}


/* 탭버튼3 */
.tab_box3 {margin:0 0 30px; height:50px; }
.tab_box3 .tabbtn {float:left; display:block; width:50%; height:50px; line-height:50px; border:1px solid #d8d8d8; border-left:none; background:#eff2f8;
font-size:15px; font-weight:bold; text-align:center; color:#727272; overflow:hidden}
.tab_box3 .tabbtn:first-child { border-left:1px solid #d8d8d8; border-right:none; }
.tab_box3 .tabbtn_on {background:#57586b; border:1px solid #57586b; color:#fff}




@media (max-width: 1280px) {
	#contents_wrap {padding: 0 50px;}
	#contents_wrap .contents_body .con_title h3 {font-size: 30px;}
}

@media (max-width: 1024px) {
	#sub_img div.sub_top_tit {display: block;}
	#sub_img div.sub_top_txt {display: none;}
	/* 좌측메뉴 */
	#contents_wrap .contents_left { float:left; width:100%; margin:20px 0 0;}
	#contents_wrap .contents_left .left_top { background:#237cc1 url('../images/left/left_tit_bg.png') no-repeat center; }
	#contents_wrap .contents_left .left_top h2 { display:none; }
	#contents_wrap .contents_left .title1 { background: none; }
	#contents_wrap .contents_left .title2 { background: none; }
	#contents_wrap .contents_left .title3 { background: none; }
	#contents_wrap .contents_left .title4 { background: none; }
	#contents_wrap .contents_left .title5 { background: none; }
	#contents_wrap .contents_left .title6 { background: none; }
	#contents_wrap .contents_left .title7 { background: none; }

	#contents_wrap.bbsBoard .contents_left {display: none;}
	
	#contents_wrap .contents_left ul.type1 {display: none;}
	#contents_wrap .contents_left ul { border-top:none; text-align: center; }
	#contents_wrap .contents_left ul li { display:inline-block; width: 20%; float: left; }
	#contents_wrap .contents_left ul.type3 li {width: 33.333%;}
	#contents_wrap .contents_left ul.type4 li {width: 25%;}
	#contents_wrap .contents_left .left_menu {  height:43px; line-height:43px; border:1px solid #e2e2e2; border-right: none; 
	text-indent:0px; font-weight:bold; font-size:14px; color:#575757; text-align: center;}
	#contents_wrap .contents_left li:last-child .left_menu {border-right: 1px solid #e2e2e2;}
	#contents_wrap .contents_left a.left_menu:focus,
	#contents_wrap .contents_left a.left_menu:hover { background:#eff2f8; color:#575757; }
	#contents_wrap .contents_left a.left_menu_on,
	#contents_wrap .contents_left a.left_menu_on:hover { border:none; background:#0d5db6 url('../images/left/left_menu_bg.gif') no-repeat right center; color:#fff; }


	/* 좌측베너 */
	#contents_wrap .contents_left .left_banner {display: none;}

	/* 오른쪽 컨텐츠 영역 */
	#contents_wrap .contents_body { width:100%; float:left; margin-top:65px; position:relative; }

	#contents_wrap .contents_body .con_title h3 {font-size: 28px;}
	
}

@media (max-width: 980px) {
	#sub_wrap {padding-top: 60px;}
	#contents_wrap .contents_body .con_area {min-height: auto;}
}


@media (max-width: 768px) { 
	#contents_wrap {padding: 0 30px;}
	#contents_wrap .contents_left ul li {width: 33.333%;}
	#contents_wrap .contents_left ul.type5 li:nth-child(3) {border-right: 1px solid #e2e2e2;}
	#contents_wrap .contents_left ul.type5 li:nth-child(4) {width: 50%;}
	#contents_wrap .contents_left ul.type5 li:last-child {width: 50%;}
	#contents_wrap .contents_left ul.type5 li:nth-child(4) .left_menu { border-top: none;}
	#contents_wrap .contents_left ul.type5 li:last-child .left_menu { border-top: none;}

	#contents_wrap .contents_body .con_area {padding: 20px 0 60px 0;}
	
}
@media (max-width: 640px) {
	#contents_wrap .contents_left ul.type4 li {width: 50%;}
	#contents_wrap .contents_left ul.type4 li:nth-child(2) a {border-right: 1px solid #e2e2e2;}
	#contents_wrap .contents_left ul.type4 li:nth-child(3) a,
	#contents_wrap .contents_left ul.type4 li:last-child a {border-top: none;}
}

@media (max-width: 540px) { 
	#contents_wrap {padding: 0 20px;}
	#sub_img {height: 190px;}
	#sub_img div.img {height: 190px;}

	#contents_wrap .contents_body {margin-top: 40px;}
	#contents_wrap .contents_body .con_title h3 {font-size: 24px;}
	#contents_wrap .contents_body .con_title .location {display: none;}
}

@media (max-width: 480px) { 
	#contents_wrap .contents_body {margin-top: 20px;}
	#contents_wrap.bbsBoard .contents_body {margin-top: 40px;}
	#contents_wrap {padding: 0 10px;}
	#contents_wrap .contents_body .con_title h3 {font-size: 22px;}
	
}

@media (max-width: 380px) { 
	#contents_wrap .contents_left ul li {width: 50%;}
	#contents_wrap .contents_left ul.type5 li:nth-child(2n) {border-right: 1px solid #e2e2e2;}
	#contents_wrap .contents_left ul.type5 li:nth-child(3) {border-right: none}
	#contents_wrap .contents_left ul.type5 li:nth-child(3) .left_menu { border-top: none;}
	#contents_wrap .contents_body .con_title h3 {font-size: 20px;}
	
}