@font-face {
    font-family: "Nanum Gothic";
    src: url('/fonts/NanumGothic.eot');
    src: url('/fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/NanumGothic.woff') format('woff'),
        url('/fonts/NanumGothic.ttf') format('truetype');
    url('/fonts/NanumGothic.svg#NanumGothic') format('svg') src: local(※), url('/fonts/NanumGothic.woff') format('woff');
}

/* 초기화 */
* {
    margin: 0;
    padding: 0;
    text-decoration: none;

}

body {
    font-family: 'Times New Roman', sans-serif;
    background-color: #fff;
}

/*   #f0f8fe */
li {
    list-style: none;
}

a {
    text-decoration: none;
}

img {
    border: 0; margin: 0; padding: 0;
}

/* 초기화 end */



/* 공통 */

#wrap{width:100%; min-width:1200px; margin:0 auto; position:relative; top:0; left:0;}

#header {
    width: 100%;
    margin: 0 auto;
}

/* 공통 end */



/* header */

/* header > hd_1 */
.hd_1 {
    width: 100%;
    margin: 0 auto;
    height: 40px;
    background-color: #676d9a;
}

.hd_1 > .typeA {
    width: 1080px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
}

.hd_1 .typeA .aLayout {
    display: block;
    float: left;
    width: 
}

.hd_1 .typeA .aLayout p {
    color: white;
    font-size: 12.5px;
    font-family: 'Nanum Gothic Coding';
    letter-spacing: -0.8px;
    word-spacing: -2.5px;
}


.hd_1 .typeA .bLayout {
    display: block;
    float: right;
}

.hd_1 .typeA .bLayout p {
    float: right;
    color: white;
    font-size: 12.5px;
    font-family: 'Nanum Gothic Coding';
    letter-spacing: -0.8px;
    word-spacing: -2.5px;
}

/* header > hd_2 */
.hd_2 {
    width: 100%;
    height: 90px;
}

.hd_2 > .typeA {
    width: 1080px;
    height: 80px;
    margin: 0 auto;
    padding: 5px 0px;
}

.hd_2 .typeA .aLayout {
    display: block;
    float: left; 
    margin-top: 6px;

}

.hd_2 .typeA .title_img {
    display: block;
    float: left;
    margin-top: 8px;
    margin-left: 98px; 

}


.hd_2 .typeA .bLayout {
    display: block;
    float: right;
    margin-top: 9px;
}


.hd_2 .typeA .bLayout ul li {
    float: left;
    height: 62px;
    line-height: 62px;

}


.hd_2 .typeA .bLayout ul li:nth-child(even) {
    color: #858585;
    font-size: 38px;
    font-weight: lighter;

}

.hd_2 .typeA .bLayout ul li:nth-child(odd) {
    padding: 0 10px;
    padding-bottom: 10px;
}

.hd_2 .typeA .bLayout ul li:last-child {
    padding-right: 0px;
}




/* header end */



/* content_1 */
#content_1_BG {
    width: 100%;
    background-color: #2d638c;
}

#content_1 {
    margin: 0 auto;
    ;
    width: 1020px;
    height: 500px;
}

#content_1 #test {
    width: 100%;
    height: 500px;
    background-color: white;
}

/* content_1 end */



/* content_3 */
#content_2 {
    width: 100%;
    height: 220px;
    margin: 0 auto;
    background-color: #2d638c;

}

#content_2 .box_group {
    width: 1080px;
    height: 220px;
    margin: 0 auto;
}

#content_2 .box {
    float: left;
    width: 328px;
    height: 178px;
    border: 1px solid #ccc;
    margin: 15px 0px;
    padding: 5px 10px;
    background-color: white;
}

#content_2 .box > table {
    width: 100%
}

#content_2 .box > table > tbody > tr > .left_td {
    text-align: left;
}

/*#content_2 .box > table > tbody > tr > .left_td > .input_con {margin-bottom: 10px; width: 100%; height: 90px;}*/
#content_2 .box > table > tbody > tr > .left_td > .input_con > form > .bhc_2 {
    border-left: 4px solid #2d638c;
    font-size: 24px;
    font-weight: bold;
    padding-left: 6px;
    color: #454545;
    margin-bottom: 10px;
}

#content_2 .box > table > tbody > tr > .left_td > .input_con > form > #middle_login {
    width: 190px;
    display: block;
    float: left;
}

#content_2 .box > table > tbody > tr > .left_td > .input_con > form > #middle_login > tbody > tr {
    height: 43px;
}

#content_2 .box > table > tbody > tr > .left_td > .input_con > form > #middle_login > tbody > tr > td > input {
    width: 180px;
    height: 35px;
    border: 1px solid #656565;
    padding-left: 5px;
    font-size: 16px;
}

#content_2 .box > table > tbody > tr > .left_td > .input_con > form > .login_btn {
    display: block;
    float: right;
    height: 86px;
    width: 130px;
    background-color: deepskyblue;
    color: #fff;
    text-align: center;
    line-height: 80px;
    font-size: 20px;
    font-weight: bold;
    border-radius: 6px;
    cursor: pointer;
}

#content_2 .box > table > tbody > tr > .bottom_td > .member_con {
    text-align: center;
    width: 100%;
    height: 35px;
    margin-top: 8px;
}

#content_2 .box > table > tbody > tr > .bottom_td > .member_con > div {
    width: 103px;
    height: 35px;
    line-height: 35px;
    cursor: pointer;
    display: block;
    float: left;
    margin-right: 8px;
    background-color: #293d54;
}

#content_2 .box > table > tbody > tr > .bottom_td > .member_con > div > a {
    color: #fff;
}

#content_2 .box > table > tbody > tr > .bottom_td > .member_con > .member_last {
    margin-right: 0px;
}


#content_2 .call {
    display: block;
    float: left;
    margin: 15px 0px;
    margin-left: 10px;
    background-color: #fffce0;
    border: 1px solid #ccc;
    padding: 5px 10px;
    width: 400px;
    height: 178px;
}

#content_2 .call > .call_title {  border-left: 4px solid #2d638c;
    font-size: 24px;
    font-weight: bold;
    padding-left: 6px;
    color: #454545;
    margin-bottom: 15px; }
#content_2 .call > .call_img {  display: block; float: left; height: 95px; margin: 10px 10px 0px 18px;padding-top: 10px;}
#content_2 .call > .call_num {  display: block; float: left; height: 90px; line-height: 95px;   font-size: 57px; font-weight: bold; margin: 10px 0px 0px 10px; color: #ff6565; }

#content_2 .pc_system {
    display: block;
    float: right;
    margin: 15px 0px;
    margin-left: 10px;
    background-color: #e9f6ff;
    border: 1px solid #ccc;
    padding: 5px 10px;
    width: 266px;
    height: 178px;
}

#content_2 .pc_system > .pc_title {  border-left: 4px solid #2d638c;
    font-size: 24px;
    font-weight: bold;
    padding-left: 6px;
    color: #454545;
    margin-bottom: 15px; }
#content_2 .pc_system > .pc_img  {  display: block; float: left; height: 95px; width:81px; margin: 10px 10px 0px 18px;padding-top: 10px;}
#content_2 .pc_system > .pc_txt { display: block; float: left;  width: 150px ; padding-top:30px; line-height: 25px; margin-left: 5px;}
#content_2 .pc_system > .pc_txt > a { font-size: 18px; font-weight: bold; color: #454545;}
/* content_3 end */

#content_3 {width: 100%; background-color:#eee ; padding: 15px 0px;}
#content_3 > .go_box {width: 1080px;  margin: 0 auto; 
    height: 320px; }

}
   
#content_3 .go_box > div { 
}

#content_3 .go_box > .go_box_title {
    text-align: center;
    font-size: 35px;
    font-weight: bold;
    color: #454545;
    margin-bottom: 20px;

}

#content_3 .go_box > .go_box_title > div {
    cursor: text;
}

#content_3 .go_box > .box_group { margin: 0 auto; width: 840px; }

#content_3 .go_box > .box_group > div {display: block; float: left; width: 240px; height: 240px; border-radius: 120px; margin-right: 60px; }

#content_3 .go_box > .box_group > .box_el {
    background-color: #325aa4;
}
#content_3 .go_box > .box_group > .box_md {
     background-color: #5b367f;
}
#content_3 .go_box > .box_group > .box_hi {
    margin-right: 0; background-color: #138491;
}
#content_3 .go_box > .box_group > div > .go_box_img { width: 180px ; margin: 0 auto; margin-top: 45px;}
#content_3 .go_box > .box_group > div > .go_box_img > a >img {width: 150px; margin: 0 15px;}

#content_3 .go_box > .box_group > div > .go_box_txt {
    text-align: center;
    height: 35px;
    line-height: 35px;
    margin-top: 5px;
}

#content_3 .go_box > .box_group > div > .go_box_txt > a {
    text-align: center;
    font-size: 21px;
    font-weight: bold;
    color: #fff;
}
/* content_4 */

#content_4 {
 width: 100%;
}


#content_4 > .content_4 {
 width: 1080px; margin: 0 auto;
    
}
#content_4 > .content_4 > #bottom_btn {margin-bottom: 70px;}
#content_4 > .content_4 > #bottom_btn > div { width: 320px; height: 70px; background-color: #f56d5f; text-align: center;  font-size: 30px; font-weight: bold; line-height: 68px; border-radius: 35px; margin: 0 auto;}
#content_4 > .content_4 > #bottom_btn > div > a {color: #fff;}
/* content_4 end */



/* content_5 */
#content_5 {
 width: 100%; background-color: #101a43; padding: 0px;
}


#content_5 > .content_5 {
 width: 1080px; margin: 0 auto; margin-bottom: 0px; padding: 0px;
}
#content_5 > .content_5 > img {margin: 0px; padding: 0px;}
/* content_5 end */



/*content_6*/

#content_6 {
 width: 100%; background-color: #fff478; height: 1050px;
}


#content_6 > .content_6 {
 width: 1080px; margin: 0 auto; padding-top: 50px;
}
#content_6 > .content_6 > .cont6_b {font-size: 48px; font-weight: bold; height: 100px; color: #fff; padding-top: 60px;}
#content_6 > .content_6 > .cont6_b > #cont6_b { width: 900px; height: 80px; background-color: #480f96; text-align: center; line-height: 80px; margin: 0 auto;}
#content_6 > .content_6 > .cont6_group {padding: 60px 0; height: 560px;}

#content_6 > .content_6 > .cont6_group > div {display: block; float: left; width: 350px; margin-right: 15px;}
#content_6 > .content_6 > .cont6_group > .cont6_hi {margin-right: 0px;}
#content_6 > .content_6 > .cont6_group > div > .title {width: 200px; height: 60px; border-radius: 45px; background-color: #353535; color: #fff; font-size: 30px; font-weight: bold; line-height: 60px; text-align: center; margin: 0 auto; position: relative; z-index: 999;}
#content_6 > .content_6 > .cont6_group > div > .con {width: 316px; height: 460px; background-color: #fff;  border: 1px solid #656565; position: relative; top: -25px; z-index: 997; border-radius: 12px; padding: 0px 16px; padding-top: 50px; font-size: 20px; color: #454545; line-height: 35px; box-shadow: 1px 1px 4px #656565;text-align: justify;}
/*content_6 end*/


/* footer */
#footer {
    width: 100%;
    /*height: 300px;*/
    height: 150px;
    /* background-color: #676d9a; */
}

#footer .typeA {width: 1080px; margin: 0 auto;}

#footer .typeA .ft_1 {
    width: 100%;
    height: 130px;
}

#footer .typeA .ft_1 .aLayout img {
    float: left;
    margin-top: 30px;
}

#footer .typeA .ft_1 .aLayout ul {
    float: left;
    margin-top: 47px;
    margin-left: 15px;
}

#footer .typeA .ft_1 .aLayout li:last-child {
    padding-right: 0px;
}

#footer .typeA .ft_1 .aLayout li {
    padding: 15px;
    padding-left: 20px;
    float: left;
}

#footer .typeA .ft_1 .aLayout li a {
    color: white;
    font-family: 'Nanum Gothic Coding';
    letter-spacing: -1.33px;
}

#footer .typeA .ft_1 .bLayout ul {
    float: right;
    ;
    margin-top: 47px;
    margin-left: 15px;
}

#footer .typeA .ft_1 .bLayout li:last-child {
    padding-right: 0px;
}

#footer .typeA .ft_1 .bLayout li {
    padding: 15px;
    padding-left: 20px;
    float: left;
}

#footer .typeA .ft_1 .bLayout li a {
    color: white;
    font-family: 'Nanum Gothic Coding';
    letter-spacing: -1.33px;
}

#footer .typeA .ft_2 {
    width: 100%;
    height: 140px;
}

#footer .typeA .ft_2 .box_1 {
    float: left;

    width: 30%;
    margin-top: 10px;
    margin-left: 15px;
}

#footer .typeA .ft_2 .box_2 {
    float: left;

    width: 30%;
    margin-top: 13px;
    margin-right: 65px;
    margin-left: -38px;
}

#footer .typeA .ft_2 .box_3 {
    float: left;

    margin-top: 13px;
    /*
  margin-left: 80px;
  */
}

#footer .typeA .ft_2 p {
    color: white;
    width: 350px;
    font-size: 14.555px;
    font-family: 'Nanum Gothic Coding';
    letter-spacing: -1.33px;
    line-height: 27px;
}

#footer .typeA .ft_3 p {
    margin-top: -5px;
    text-align: center;
    color: white;
    font-size: 13px;
}

/* footer end */

/*헤더*/
#header {width:100%; margin:0 auto;}
#header > .header_top {background-color:#092d5e;}
#header > .header_top > .nav {width:1080px; margin:0 auto; *zoom:1;}
#header > .header_top > .nav:after {content:""; display:block; clear:both;}
#header > .header_top > .nav > ul {float:right;}
#header > .header_top > .nav > ul > li {float:left;}
#header > .header_top > .nav > ul > li a {display:block; border-top:2px solid #092d5e; font-size:14px; color:#ffffff; line-height:26px;}
#header > .header_top > .nav > ul > .li01 {border-bottom:2px solid #fcd05b;}
#header > .header_top > .nav > ul > .li02 {border-bottom:2px solid #8dc641;}
#header > .header_top > .nav > ul > .li03 {border-bottom:2px solid #56c5e8;}
#header > .header_top > .nav > ul > .li04 {border-bottom:2px solid #3e4cb5;}
#header > .header_top > .nav > ul > .bar {margin:0 4px;}
#header > .header_top > .nav > ul > .bar span {display:block; border-top:2px solid #092d5e; border-bottom:2px solid #092d5e; font-size:12px; color:#f9f8b7; line-height:26px;}
#header > .header {width:1080px; margin:0 auto; padding:15px 0;}
#header > .header > table {width:100%; margin:0 auto;}
#header > .header > table > tbody > tr > td {}
#header > .header > table > tbody > tr > .left_td { padding-left: 36px; } /* 20170629 KBR 상단 로고 의 위치 */
#header > .header > table > tbody > tr > .center_td { padding-left: 6px; } /* 20170629 KBR 상단 검색 의 위치 */
#header > .header > table > tbody > tr > .center_td > .search_con {width:337px; margin:0 auto; padding:6px 16px 7px 18px; border-bottom:2px solid #3cb64b;}
#header > .header > table > tbody > tr > .center_td > .search_con table {width:100%; margin:0 auto;}
#header > .header > table > tbody > tr > .center_td > .search_con table > tbody > tr > td .input {width:325px; height:17px; border:0; font-size:14px;}
#header > .header > table > tbody > tr > .center_td > .search_con table > tbody > tr > td .search_btn {color:#3cb64b; font-size:20px;}
#header > .header > table > tbody > tr > .right_tds { padding-right: 50px; } /* 20170629 KBR 상단 교육부인가학점은행 평가인정기관의 위치 */

#header > #main_nav {position:relative; top:0; left:0;background-color:#092d5e;}/*배경색 수정 전 17.06.09 #2d638c*/
#header > #main_nav > .main_nav {width:1080px; margin:0 auto;}
#header > #main_nav > .main_nav > ul {}
#header > #main_nav > .main_nav > ul > li {float:left; width:135px; text-align:center;/*background-color:#5c8ab5;*/ position:relative; top:0; left:0;}/*배경색 수정 전 17.06.09 #2d638c*/
#header > #main_nav > .main_nav > ul > li > a {display:block; font-size:21px; color:#fffa67; font-weight:bold; line-height:45px;}
#header > #main_nav > .main_nav > ul > .on {background-color:#494e5a;}
#header > #main_nav > .main_nav > ul > .on a {color:#ffffff;}
#header > #main_nav > .main_nav > ul > .li01 {}
#header > #main_nav > .main_nav > ul > .li02 {}
#header > #main_nav > .main_nav > ul > .li03 {}
#header > #main_nav > .main_nav > ul > .li04 {}
#header > #main_nav > .main_nav > ul > .li05 {}
#header > #main_nav > .main_nav > ul > .li06 {}
#header > #main_nav > .main_nav > ul > .li07 {}
#header > #main_nav > .main_nav > ul > .li08 {}

#header > #main_nav > .main_nav > ul > li #sub_nav {
	width:100%; 
	position:absolute; top:45px; left:0; z-index:999; 
	padding:20px 0;
	display:none;
	background: rgba(107, 162, 203, 0.95);
	background: transparent !ie;
	zoom:1;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6494e5a, endColorstr=#e6494e5a);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6494e5a, endColorstr=#e6494e5a)";
}
#header > #main_nav > .main_nav > ul > li #sub_nav > ul {}
#header > #main_nav > .main_nav > ul > li #sub_nav > ul > li {margin-top:15px; text-align:center;}
#header > #main_nav > .main_nav > ul > li #sub_nav > ul > li:first-child {margin-top:0;}
#header > #main_nav > .main_nav > ul > li #sub_nav > ul > li a {font-size: 13px; font-weight:bold; color:#ffffff;}

/*서브 우측 퀵*/
.sub_right_quick_con {width:82px; position:absolute; top:470px; right:10px; z-index:9;}
.sub_right_quick_con > .nav {}
.sub_right_quick_con > .nav > ul {}
.sub_right_quick_con > .nav > ul > li {}
.sub_right_quick_con > .nav > ul > li a {display:block; border:1px solid #e6e6e6; background-color:#f8f8f8; text-align:center; color:#666666; line-height:18px; font-weight:bold;}
.sub_right_quick_con > .nav > ul > li .a01 {padding:15px 0;}
.sub_right_quick_con > .nav > ul > li .a02 {padding:6px 0;}
.sub_right_quick_con > .nav > ul > li a:hover {border:1px solid #515151; background-color:#515151; color:#bef674;}
.sub_right_quick_con > .btn_con {}
.sub_right_quick_con > .btn_con img {display:block;}