/*공통*/
html,body {margin:0; padding:0; width:100%; height:100%;}
body {min-width:1100px;}
.scroll {float:left; width:100%; height:auto; position:relative; padding-top:100px; }
.section h1 {width: 100%; text-align: center; text-transform: uppercase; font: normal 50px/1.6 "nanumbold"; color:#222; margin-bottom: 35px; padding-top:20px}
.section h1 p {font: normal 17px/1 "nanum"; color:#888;}
.center {width:1100px; margin:0 auto;}
.section1 {background:url(../img/main/setion_bg.png) no-repeat right bottom #fff; padding-top:130px; .padding-top:0; z-index:9}
/*.section1 .sc1 {position:relative; bottom:10px}*/
/*게시판*/
.notice_wrap {float:left; width:548px; height:278px; overflow:hidden; border:1px #ccc solid;margin-right:30px; background:#fff; position:relative}
.notice_wrap p {background:rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#20000000,endColorstr=#20000000); position:absolute; top:0; right:0; padding:2px 5px; .padding:5px; text-align:right; alpha(opacity=40); opacity: 0.4}
.notice_wrap p img{width:12px}
.tabs {float:left; width:85px;}
.tabs li{height:46px; background:#ddd; margin-bottom:1px; text-align:center; white-space:nowrap; cursor:pointer; font:normal 15px/2.8 "Nanum"; color:#444}
.tabs li.active {background:#167fc1; color:#fff;}
.tabs li.end {margin-bottom:0}
.tab_content {margin-top:24px}
.tab_content .top dd {width:420px; margin: 0 auto; overflow: hidden; white-space:nowrap; padding:7px 0;}
.tab_content .top dd .notice {float:left; width:52px; background:#6db33f; font: normal 14px/1 "nanumBold"; padding:5px 0; margin-right:10px; color:#fff}
.tab_content .top dd .notice2 {float:left; width:50px; border:1px #ccc solid; font: normal 14px/1 "nanumBold"; padding:5px 0; margin-right:10px}
.tab_content .top dd .notice_a,.tab_content .top dd .notice_a2 {float:left; width:290px; overflow:hidden; font:normal 15px/1.6 "nanum"; text-overflow:ellipsis; text-align:left}
.tab_content .top dd .date {float:right; font:normal 12px/1.8 "nanum"; color:#888}
/*배너*/
.section1 .banner {float:right; width:520px; height:280px; overflow:hidden}
.section1 .mbanner {float:left; position:relative; width:100%;display:block}
.mbanner .bn{width:100%; height:280px;}
.m_banner.small {margin:0!important;}
.m_banner.small img {width:auto; height:100%}
.m_banner.small .bx-caption {width:100%; height:38px; position:absolute; bottom:0; background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);}
.m_banner.small .bx-caption span {position:relative; top:7px; left:20px; color:#fff; font:normal 14px/1 "nanum"}
.m_banner.small .bx-controls-direction {float:right; visibility:visible; height:34px; bottom:0; right:0; text-align:right; overflow:hidden}
.m_banner.small .bx-controls-direction a{color:#fff;}
.m_banner.small .bx-prev,.m_banner.small .bx-next {float:none; padding:0; font: bolder 18px/1 "NanumBold"; position:relative; top:6px;}
.m_banner.small .bx-prev:before ,.m_banner.small .bx-next:after {border-left:1px rgba(255,255,255,0.4) solid; padding:15px 10px;alpha(opacity=80); opacity: 0.8;}
.m_banner.small .bx-controls {bottom:0}
/*section2:스토리*/
.section2 {background:url(../img/main/section2_bg.png) no-repeat center bottom #fff; z-index:1; }
.section2 h1{background:#fff; padding:40px 0 60px}
.section2 .story {/*display:table;*/ margin:50px auto 90px; height: 342px!important; overflow: hidden;}
.section2 .story .box {float:left; width:260px; height:340px; background:#fff; overflow:hidden; margin-right:10px;position:relative; margin-bottom:33px; border:1px #ddd solid}
.section2 .story .box.end {margin-right:0}
.section2 .story p.title {display: table; width:auto; margin:0 auto; color:#fff; padding:6px 20px; position:relative; top:195px; font:normal 15px/1.4 'nanum'; z-index:1; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;}
.section2 .story p.box_title_new::after {content: ""; background:url(../img/main/ico_new2.png) no-repeat; width: 30px; height: 17px; position: absolute; top: 3px; left: -13px;}
.section2 .story p.bg1 {background:#3c72c0;}
.section2 .story p.bg2 {background:#359482;}
.section2 .story p.bg3 {background:#46a0ba; width:120px!important}
.section2 .story p.bg4 {background:#167fc1;}
.section2 .story p.bg5 {background:#5d598b}
.section2 .story p.bg6 {background:#606CA2; width:120px!important}
.section2 dl {width:93%; height:95%; margin:0 auto; position:relative; top:-25px; overflow:hidden}
.section2 dt {height:170px; overflow:hidden; position:relative;}
.section2 dt img {max-width:100%; width:100%; height:auto; min-height:170px; position:relative;}
.section2 dd {width:95%; margin:0 auto; position:relative; text-align:center;}
.section2 dd .title {float:left; width:100%; white-space:nowrap; text-overflow: ellipsis; overflow:hidden; margin:60px 0 12px 0}
.section2 dd .title a {font:normal 18px/1.4 'nanum'; color:#333;}
.section2 dd .sbody {float:left; width:100%; height:40px; overflow:hidden; font:500 14px/1.4 'nanum'; color:#888;}
.section2 dd .sbody a {font:500 14px/1.4 'nanum'; color:#888;}
.section2 img {
-webkit-transform:scale(1.1); /* 크롬 */
-moz-transform:scale(1.1); /* FireFox */
-o-transform:scale(1.1); /* Opera */
transform:scale(1.1);
transition: transform .2s;
-o-transition: transform .2s;
-moz-transition: transform .2s;
-webkit-transition: transform .2s;}
.section2 img:hover {cursor:pointer;
-webkit-transform:scale(1.15); /* 크롬 */
-moz-transform:scale(1.15); /* FireFox */
-o-transform:scale(1.15); /* Opera */
transform:scale(1.15);
transition: transform .2s;
-o-transition: transform .2s;
-moz-transition: transform .2s;
-webkit-transition: transform .2s;}
.bn_apply {float:left; width:100%; margin-top:50px}
.bn_apply .apply {float:left; width:50%; height:153px; background:#fff; padding-top:10px}
.bn_apply .mail {float:left; width:50%; height:153px; background:#fff; padding-top:10px}
.bn_apply img {float:left; padding:0 30px 0 60px; position:relative; top:15px}
.bn_apply h4 {font:normal 22px/1.8 'nanum'; padding-bottom:20px; position:relative; top:15px; color:#000}
.bn_apply h4 p {font:normal 14px/1.4 'nanum'; color:#888}
.bn_apply .btn {position:relative; top:15px;}
.bn_apply .btn a {padding:5px 15px; font:normal 14px/1.2 'nanumbold'; color:#444; border:1px #aaa solid}
/*section3*/
.section3_bg {width:100%; height:470px; background:url(../img/main/section5_bg.gif) repeat; position:relative}
.section3_bg .center {height:370px; padding-top:47px;}
.section3 .ac_wrap {float:left; width:520px; height:100%; background:#fff;}
.section3 .ac_tabs li {float:left; width:260px; background:#444; color:#fff; padding:20px 0; cursor:pointer}
.section3 .ac_tabs li.active {background:#fff; color:#333}
.section3 .ac_container {width:420px; height:210px; overflow:hidden; margin:0 auto; position:relative; top:50px}
.section3 .ac_container dt {float:left; width:153px; max-height:208px; overflow:hidden; margin-right:25px; border:1px #ccc solid}
.section3 .ac_container dt img {max-width:100%; height:auto;
-webkit-transform:scale(1.04); /* 크롬 */
-moz-transform:scale(1.04); /* FireFox */
-o-transform:scale(1.04); /* Opera */
transform:scale(1.04);}
.section3 .ac_container dd {float:left; width:240px; text-align:left;}
.section3 .ac_container dd a {
font:normal 20px/24px 'nanumbold';
color:#222;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
word-wrap: break-word;
max-height: 104px;
overflow: hidden;}
.section3 .ac_container .sbody {
float: left;
width: 100%;
height: 88px;
overflow: hidden;
font: normal 15px/22px 'nanum';
color: #666;
position: relative;
top: 5px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
word-wrap: break-word;}
.section3 .bn_wrap {float:right; width:580px; height:100%; overflow:hidden}
.section3 .bn_wrap li {float:left; width:270px; height:100%; margin-left:20px; background:#fff}
.section3 .bn_wrap .bn1 {/*background:url(https://www.kbedu.or.kr/img/cham/bg02.jpg) no-repeat; background-size:100%;*/ width:270px; height:370px; overflow:hidden; cursor:pointer;color:#be3429; text-align:left}
.section3 .bn_wrap .bn1 .stitle {font:normal 17px/1.6 'square-b';}
.section3 .bn_wrap .bn1 .title {font:normal 28px/1.4 'square-b';}
.section3 .bn_wrap .bn1 .writer {font:normal 15px/1.8 'square'; color:#be3429}
.section3 .bn_wrap .bn1 .sbody {font:normal 14px/1.4 'square'; color:#be3429}
.section3 .bn_wrap .bn2 {background:url(../img/main/m_bn2_bg.gif) no-repeat}
.section3 .bn_wrap .bn2 h2 {font:bold 21px/1 'square'; margin-top:15px}
.section3 .bn_wrap .bn2 h2 span {font:normal 18px/1.4 'square'; color:#666}
.section3 .bn_wrap .bn2 dl,.section3 .bn_wrap .bn2 dl a {color:#fff}
.section3 .bn_wrap .bn2 dt {width:160px; height:200px; overflow:hidden; margin:0 auto; border:1px #ccc solid; margin-top:20px}
.section3 .bn_wrap .bn2 dt img {width:100%; height:100%}
.section3 .bn_wrap .bn2 dd {width:230px; height:85px; overflow:hidden; margin:0 auto; position:relative; top:18px}
.section3 .bn_wrap .bn2 .title a{float:left; width:100%; max-height:45px; font:normal 18px/1.3 'square'; overflow:hidden; margin-bottom:5px}
.section3 .bn_wrap .bn2 .sbody {height:25px; display:inline-block; font:normal 13px/1.8 'square'; color:#ddd; overflow:hidden}
.section3 .cham_li {float:right; width:580px; height:100%; overflow:hidden}
.section3 .cham_li li {float:left; width:270px; height:100%; margin-left:20px; background:#fff}
.section3 .cham_li li h2{width:110px; margin:16px auto; color: #fff;padding: 6px 20px; font: normal 15px/1.4 'nanum'; z-index: 1; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; background:#167fc1; text-align:center}
.section3 .cham_li dl {width:100%; height:370px; margin:0 auto; position:relative; top:0; overflow:hidden}
.section3 .cham_li dt {height:210px; overflow:hidden; position:relative;}
.section3 .cham_li dt img {max-width:100%; width:100%; height:auto; min-height:210px; position:relative;}
.section3 .cham_li dd {width:90%; margin:0 auto; position:relative; text-align:left;}
.section3 .cham_li dd .title {float:left; width:100%; white-space:nowrap; text-overflow: ellipsis; overflow:hidden; margin:0 0 12px 0}
.section3 .cham_li dd .title a {font:normal 18px/1.4 'nanumbold'; color:#333;}
.section3 .cham_li dd .sbody {float:left; width:100%; height:40px; overflow:hidden; font:500 14px/1.4 'nanum'; color:#888;}
.section3 .cham_li dd .sbody a {font:500 14px/1.4 'nanum'; color:#888;}
/*신청버튼*/
.section .qick_bn {/*background:#f2f2f2*/}
.section .qick_bn .center {text-align:left!important; display:table; margin:0 auto; width:1100px; background: url(/img/common/line_center.png) repeat-y;}
.section .qick_bn .apply {float:left; width:500px; height:150px; background:url(../img/main/ico_m_apply.png) no-repeat left 20px; margin-right:80px; margin-left:50px; position:relative; top:5px}
.section .qick_bn .mail {float:left; height:150px; background:url(../img/main/ico_m_mail.png) no-repeat left 20px; position:relative; top:5px}
.section .qick_bn h4 {font:normal 22px/1.8 'nanum'; padding-bottom:20px; position:relative; top:15px; left:140px}
.section .qick_bn h4 p {font:normal 14px/1.4 'nanum'; color:#888}
.section .qick_bn .btn {position:relative; top:15px; left:140px}
.section .qick_bn .btn a {padding:5px 15px; font:normal 14px/1.2 'nanumbold'; color:#333; border:1px #aaa solid}
.result-box {display:table; width:1100px; height:180px; overflow:hidden; margin:40px auto; border:1px #ccc solid}
.result-box dl {display:table; width:100%; height:100%; letter-spacing:-0.06em; background: url(/img/common/line_center.png) repeat-y;}
.result-box dt {display:table-cell; vertical-align:middle; width:235px; height:100%; text-align:center; background:#167fc1; color:#fff; font:normal 27px/32px 'nanum'; .float:left; .padding-top:50px}
.result-box dd {display:table-cell; vertical-align:middle; height:100%;.float:left; .padding-top:50px}
.result-box dd.result-01 {width:250px; padding-left:50px; }
.result-box dd.result-02 {padding-left:80px;}
.result-box dd .tit {color:#444; font:normal 18px/20px 'nanumbold'; float:left; width:100%; margin-bottom:15px}
.result-box dd .count {color:#167fc1; font:normal 27px/32px 'nanumbold'; margin-right:15px; letter-spacing:-0.08em}
.result-box dd b {margin-right:10px}
/*사업소개*/
.scroll.section4 {/*height:800px!important*/ /*padding-top:100px*/ padding-bottom:120px;}
.biz {float:left; width:100%; padding:50px 0 100px}
.biz_wrap {margin-top:60px; display:table; margin:0 auto}
.biz_wrap a {float: left; display:inline-block; width:210px; height:270px; margin-right:15px; border:1px #ddd solid; cursor:pointer}
.biz_wrap a:hover {border:4px #6db33f solid; width:204px; height:264px; text-decoration:none}
.biz_wrap li {}
.biz_wrap a.end{margin-right:0}
.biz_wrap h5,.biz_wrap h5 a {font:normal 16px/1.8 'nanumbold'; color:#333; padding:140px 0 10px 0}
.biz_wrap p,.biz_wrap p a {font:normal 14px/1.4 'nanum'; color:#888}
.biz1 {background:url(../img/main/ico_biz1.png) no-repeat center 40px}
.biz2 {background:url(../img/main/ico_biz2.png) no-repeat center 30px}
.biz3 {background:url(../img/main/ico_biz3.png) no-repeat center 45px}
.biz4 {background:url(../img/main/ico_biz4.png) no-repeat center 50px}
.biz5 {background:url(../img/main/ico_biz5.png) no-repeat center 30px}
/*퀵링크*/
.quick_bar {background:#f4f4f4; padding:20px!important; margin-bottom:50px; z-index:8}
.quick_bar .center {padding:0;}
.quicklink h2 {float:left; text-transform:uppercase; font:normal 22px/2.6 "nanumbold"}
/*.quicklink h2:after {content:""; background:url(../img/common/ico_arrow2.png) no-repeat; padding:20px; position:relative; top:22px;left:20px;}*/
.quicklink .bx-wrapper {float:right; max-width:852px!important; height:60px; overflow:hidden}
.quicklink .bx-viewport {height:60px!important; position:inherit!important}
.quicklink li {list-style:none; float:left; text-align:center; margin:5px 0; }
.quicklink .quickbn a {float:left; text-decoration:none; font:bold 15px/45px 'nanumbold'; color:#fff; white-space:nowrap; width:120px; height:45px;}
.quicklink .quickbn a.bg.bl {background:#0d6ab2}
.quicklink .quickbn a.bg.gr {background:#6cb345}
/*.quicklink .quickbn a:hover {width:116px; height:41px; font:500 13px/2.9 'nanumbold'; border:3px #167fc1 solid; cursor:pointer}*/
.quicklink .bx-controls {width:70px; bottom:20px!important; z-index:9999999}
.quicklink .bx-controls-direction {position:absolute; bottom:15px; left:-100px}
.quicklink .bx-controls-direction a {float:left; text-decoration:none; font:500 14px/1.4 'nanumbold'; color:#222; white-space:nowrap; width:20px; height:20px; border:1px #ccc solid; padding:5px; background:#fff}
.quicklink .bx-controls-direction a.bx-next {position:relative; left:5px}
.quick_bar_Fixed {float:left; width:100%; position:fixed; bottom:0; z-index:999999999}
/*footer*/
#footer {float:left;/*position:absolute!important;*/ bottom:90px!important; width:100%; background:#f1f1f1; z-index:1}