@charset "utf-8";

#content{ line-height:1.8em !important; letter-spacing:-0.01em; }

.sub_guide{ margin-bottom:50px;}

/*회사소개 > 인사말---------------------------------*/
.sub0101{ position:relative; background:url(/images/home/contents/sub01_img01.jpg) left 40px no-repeat; padding-left:400px;}
/*
.sub0101 .name{position:absolute; left:0; top:520px; background:#171d33; color:#fff; text-align:center; width:350px; padding:25px 0; font-weight:600; font-size:16px;}
.sub0101 .name > strong{ font-size:18px;}
.sub0101 .name > strong span{ font-size:22px;}
*/
.sub0101 ul{}
.sub0101 ul li{ margin-bottom:20px;}
.sub0101 ul .tit{ font-size:30px; word-break:keep-all; font-weight:600; line-height:1.5em;}
.sub0101 ul .tit > strong{ color:#ff5300;}
.sub0101 ul .name{font-size:16px; text-align:right;}
.sub0101 ul .name > strong{ font-size:18px;}
.sub0101 ul .name > strong span{ font-size:22px;}

@media all and (max-width :1023px) {
.sub0101{ background-size:250px; padding-left:280px;}
/*
.sub0101 .name{top:370px; width:250px; padding:20px 0; font-size:15px;}
.sub0101 .name > strong{ font-size:16px; display:block;}
.sub0101 .name > strong span{ font-size:18px;}
*/
.sub0101 ul li{ margin-bottom:20px;}
.sub0101 ul .tit{ font-size:26px;}
.sub0101 ul .name > strong span{ display:block; text-align:right;}
}

@media all and (max-width :640px) {
.sub0101{ background:url(/images/home/contents/sub01_img01.jpg) center -40px no-repeat; background-size:250px; padding-left:00px; padding-top:360px;}
/*
.sub0101 .name{top:300px; padding:10px 0; width:250px; left:50%; transform:translateX(-50%);}
*/
.sub0101 ul .tit{ font-size:24px; text-align:center;}
}


/*회사소개 > 경영이념---------------------------------*/
.sub0102{ position:relative; min-height:450px;}
.sub0102 *{line-height:1.5em;}
.sub0102 .text_guide{ margin-bottom:50px; padding-top:30px; word-break:keep-all; }
.sub0102 .text_guide strong{ display:block; font-size:30px; margin-bottom:20px; color:#1337ab;}
.sub0102 .text_guide p{font-size:18px;}
.sub0102 .text_guide p > span{ display:block;}
.sub0102 .img_guide{ position:absolute; top:0; right:0; z-index:-1;}
.sub0102 dl{width:45%;}
.sub0102 dl dt{ font-weight:600; font-size:18px;}
.sub0102 dl dd{ margin-bottom:30px; word-break:keep-all;}

@media all and (max-width :1023px) {
.sub0102{ background-size:400px;}
.sub0102 .text_guide{padding-top:00px;}
.sub0102 .img_guide img{ width:400px;}
}

@media all and (max-width :640px) {
.sub0102 .text_guide{margin-bottom:20px;}
.sub0102 .text_guide strong{font-size:22px; letter-spacing:-0.03em;}
.sub0102 .text_guide p{font-size:16px;}
.sub0102 .text_guide p > span{ display: inline;}
.sub0102 .img_guide{ position:relative; text-align:center; margin-bottom:30px;}
.sub0102 .img_guide img{ width:auto; max-width:100%;}
.sub0102 dl{width:100%;}
}


/*회사소개 > 회사연혁---------------------------------*/
.sub0103_02{ background:url(/images/home/contents/sub01_img03_03.png) center top repeat-y;}
.sub0103_02 > div{ box-sizing:border-box;}
.sub0103_02 .his_tit{ text-align:center; background:url(/images/home/contents/sub01_img03_01.png) center top no-repeat; padding:125px 0 90px 0;}
.sub0103_02 .his_tit > strong{ font-size:32px; text-shadow:2px 0 0 #000;}

.sub0103_02 .his_txt{ padding-bottom:50px; background:#fff; text-align:center;}
.sub0103_02 .his_txt > div{ }
.sub0103_02 .his_txt strong{ display:block; font-size:50px; margin-bottom:20px; color:#1337ab;}
.sub0103_02 .his_txt p{font-size:18px;}
.sub0103_02 .his_txt p > span{ display:block;}

.sub0103_02 .his_left, .sub0103_02 .his_right{ margin-bottom:50px;}
.sub0103_02 .his_left > strong, .sub0103_02 .his_right > strong{ display:block; font-size:40px; letter-spacing:-0.1em; text-shadow:2px 0 0 #000; margin-bottom:20px;}
.sub0103_02 .his_left{width:calc(50% + 10px); text-align:right;}
.sub0103_02 .his_left > strong{ background:url(/images/home/contents/sub01_img03_02.png) right 2px no-repeat; padding-right:40px;}
.sub0103_02 .his_left > ul{ margin-right:40px;}
.sub0103_02 .his_right{margin-left:calc(50% - 10px);}
.sub0103_02 .his_right > strong{ background:url(/images/home/contents/sub01_img03_02.png) left 2px no-repeat; padding-left:40px;}
.sub0103_02 .his_right > ul{ margin-left:40px;}

@media all and (max-width :767px) {
.sub0103_02 .his_txt > div{block; background:url(/images/home/contents/sub01_img06_01.png) center top no-repeat; background-size:80px; padding-left:0px; padding-top:70px; text-align:center;}
.sub0103_02 .his_txt strong{font-size:22px; margin-bottom:10px;}
.sub0103_02 .his_txt p{font-size:15px; line-height:1.5em;}


}


@media all and (max-width :640px) {
.sub0103_02{ background:url(/images/home/contents/sub01_img03_03.png) -15px top repeat-y;}
.sub0103_02 .his_tit{ background-color:#fff;}

.sub0103_02 .his_txt strong{font-size:20px;}

.sub0103_02 .his_left, .sub0103_02 .his_right{ margin-bottom:30px;}
.sub0103_02 .his_left > strong, .sub0103_02 .his_right > strong{font-size:30px;margin-bottom:10px; text-shadow:1px 0 0 #000;}
.sub0103_02 .his_left > ul, .sub0103_02 .his_right > ul{ font-size:14px;}
.sub0103_02 .his_left{width:100%; text-align:left;}
.sub0103_02 .his_left > strong{ background:url(/images/home/contents/sub01_img03_02.png) left 0px no-repeat; padding-right:0px; padding-left:30px;}
.sub0103_02 .his_left > ul{ margin-right:00px;margin-left:30px;}
.sub0103_02 .his_right{margin-left:0;}
.sub0103_02 .his_right > strong{ background:url(/images/home/contents/sub01_img03_02.png) left 0px no-repeat; padding-left:30px;}
.sub0103_02 .his_right > ul{ margin-left:30px;}
}


/*회사소개 > 조직도---------------------------------*/
.sub0103_03{position:relative; text-align:center; background:url(/images/home/contents/sub01_img03_06.gif) center top no-repeat;}
.sub0103_03 > div{ margin-bottom:100px;}
.sub0103_03 .step01 > strong{ display:inline-block; border-radius:5px; border:1px solid #2919bf; background:#fff url(/images/home/contents/sub01_img03_04.png) -170px center no-repeat; width:220px; font-size:20px; padding:20px 1% 20px 25px; box-sizing:border-box; }
/*.sub0103_03 .step01 > strong > span{display:inline-block; width:50%; margin-right:3%; color:#fff; font-size:16px; text-align:center;}*/
.sub0103_03 .step02 ul li{display:inline-block; border-radius:5px; margin:0 7%; font-weight:600; border:1px solid #005ee1; background:#fff url(/images/home/contents/sub01_img03_05.png) -170px center no-repeat; width:205px; font-size:18px; padding:15px 1% 15px 25px; box-sizing:border-box;}
/*.sub0103_03 .step02 ul li > span{display:inline-block; width:50%; margin-right:5%; color:#fff; font-size:15px; text-align:center;}*/

.sub0103_03 .step02_2{ position:absolute; right:0; top:80px;}
.sub0103_03 .step02_2 ul li{border-radius:5px; font-weight:600; border:1px solid #00cfe1; margin-bottom:10px; background:#fff url(/images/home/contents/sub01_img03_07.png) -170px center no-repeat; width:140px; font-size:18px; padding:15px 1% 15px 25px; box-sizing:border-box;}

.sub0103_03 .step03{ font-size:0; margin-bottom:0px;}
.sub0103_03 .step03 dl{ display:inline-block; width:18%; padding:0 5px; box-sizing:border-box; vertical-align:top;}
.sub0103_03 .step03 dl dt{ background:#32346d; color:#fff; padding:10px 1%; font-size:17px;}
.sub0103_03 .step03 dl dd{ background:#d9dce9;padding:15px 5%; font-size:15px; min-height:230px;}
.sub0103_03 .step03 dl dd li{ background:#fff; margin:5px 0; padding:5px 0; border:1px solid #ccc;}
.sub0103_03 .step03 dl dd li.jang{ padding:0px 0; border:1px solid #32346d; text-align:left;}
.sub0103_03 .step03 dl dd li.jang > span{display:inline-block; width:55%; background:#32346d; color:#fff; padding:5px 0; text-align:center; margin-right:5%;}

@media all and (max-width :1023px) {
.sub0103_03{background:url(/images/home/contents/sub01_img03_08.gif) center top no-repeat;}
.sub0103_03 > div{ margin-bottom:30px;}
.sub0103_03 .step02 ul li{margin:0 3%; width:180px;}
.sub0103_03 .step02_2{top:00px; position:relative;text-align:right;margin-bottom:50px;}
.sub0103_03 .step02_2 ul{ display:inline-block;}
.sub0103_03 .step02_2 ul li{text-align:center;}
.sub0103_03 .step03 dl{ width:20%;}
.sub0103_03 .step03 dl dd li{ font-size:14px;}
.sub0103_03 .step03 dl dd li > span{ font-size:13px;}
.sub0103_03 .step03 dl dd li.jang > span{ font-size:13px; margin-right:2%;}
}

@media all and (max-width :767px) {
.sub0103_03 .step02 ul li{margin:0 0.5%; width:48%;}

.sub0103_03 .step03 dl{ width:33.33%; margin-bottom:10px;}
}

@media all and (max-width :480px) {
.sub0103_03 .step03 dl{ width:50%;}
}





/*회사소개 > 윤리경영---------------------------------*/
.sub0104{}
.sub0104 ul{width:80%; margin:0 auto;}
.sub0104 ul li{ background:url(/images/home/contents/sub01_img04_03.jpg) center repeat-y; background-size:100%; padding:10px 10%; word-break:keep-all; }
.sub0104 ul li.tit{background:url(/images/home/contents/sub01_img04_01.jpg) center top no-repeat; background-size:100%; padding:100px 10% 50px 10%; font-size:30px;text-align:center;}
.sub0104 ul li.bottom{background:url(/images/home/contents/sub01_img04_02.jpg) center bottom no-repeat; background-size:100%; padding:50px 10% 100px 10%;text-align:right;}
.sub0104 ul li.bottom > strong{ font-size:18px;}

@media all and (max-width :767px) {
.sub0104 ul{width:100%;}
.sub0104 ul li{padding:10px 10%; font-size:15px;}
.sub0104 ul li.tit{padding:50px 10% 20px 10%; font-size:26px;}
.sub0104 ul li.bottom{padding:20px 10% 50px 10%;}
.sub0104 ul li.bottom > strong{ font-size:16px;}
}


/*회사소개 > ci---------------------------------*/
.sub0106{}
.sub0106 .ci_text{  text-align:center; font-size:20px; margin-bottom:30px;}
.sub0106 .ci_info{ font-size:0; margin-bottom:40px;}
.sub0106 .ci_info li{ display:inline-block; font-size:15px; vertical-align:middle; box-sizing:border-box;}
.sub0106 .ci_info > li:nth-of-type(1){ width:40%; background:url(/images/home/inc/bg04.gif) left top; border-radius:15px; border:1px solid #ccc; text-align:center; padding:30px 0;}
.sub0106 .ci_info > li:nth-of-type(2){ width:60%; padding-left:5%;}
.sub0106 .ci_info strong{ font-size:30px; color:#1337ab; display:block; margin-bottom:10px;}
.sub0106 .ci_info p{ font-size:18px; margin-bottom:30px; word-break:keep-all;}

.sub0106 .ci_info li li{ width:45%; margin-bottom:5px;}
.sub0106 .ci_info li li > span{ display:inline-block; width:50px; margin-right:10px; }
.sub0106 .ci_info li li:nth-of-type(1) > span{ background:#0070c0;}
.sub0106 .ci_info li li:nth-of-type(2) > span{ background:#00b050;}
.sub0106 .ci_info li li:nth-of-type(3) > span{ background:#ff0000;}
.sub0106 .ci_info li li:nth-of-type(4) > span{ background:#000;}

.sub0106 dl{ text-align:center;font-size:0;}
.sub0106 dl *{ box-sizing:border-box; vertical-align:top;}
.sub0106 dl dt{ position:relative; width:20%;text-align:center; font-size:18px;display:inline-block; margin-bottom:20px;}
.sub0106 dl dt span{ position:absolute; display:block; width:120%; left:0; top:10px; border:2px solid #ccc; border-radius:50px; background:#fff; padding:10px 0;}
.sub0106 dl dd{width:80%;display:inline-block; border:1px solid #ccc; border-radius:15px; margin-bottom:20px; padding:25px 5%;}


@media all and (max-width :767px) {
.sub0106 .ci_info li{ margin-bottom:30px;}
.sub0106 .ci_info > li:nth-of-type(1){ width:100%;}
.sub0106 .ci_info > li:nth-of-type(2){ width:100%; padding-left:0%;}
.sub0106 .ci_info strong{ text-align:center;}
.sub0106 .ci_info p{text-align:center;}
.sub0106 dl dd img{ width:100%;}
}

@media all and (max-width :640px) {
.sub0106 dl dt{ display:block; width:100%;}
.sub0106 dl dt span{width:50%; top:0;}
.sub0106 dl dd{display:block; width:100%; margin-top:-15px;}
}

@media all and (max-width :480px) {
.sub0106 .ci_text{font-size:16px; letter-spacing:-0.03em;}
.sub0106 .ci_info p{font-size:16px;}
.sub0106 .ci_info li li > span{width:30px;}
}

/*회사소개 > 찾아오시는길---------------------------------*/
.sub0105{ text-align:center;}
.sub0105 .add_guide{ background:url(/images/home/contents/sub01_img05.png) center top no-repeat; padding:100px 0 0 0; box-sizing:border-box; margin-bottom:20px;}
.sub0105 .add_guide span{ display:inline-block; border:1px solid #330060; border-radius:5px; background:#330060; color:#fff; font-size:13px; padding:0 7px; line-height:1.6em; margin:0 5px;}
.sub0105 .map_guide{ border:3px solid #ccc; height:450px; box-sizing:border-box;}

@media all and (max-width :480px) {
.sub0105 .add_guide{ background-size:50px; padding:70px 0 0 0;}
.sub0105 .map_guide{ height:350px;}
}







/*사업/정보 > 사업현황---------------------------------*/
.sub03_guide{}
.sub03_guide .host{ text-align:right; margin-bottom:10px; margin-top:-20px;}
.sub03_guide .host > span{ display:inline-block; border:1px solid #ccc; background:#f5f5f5; padding:0 15px; border-radius:20px; }
.sub03_guide .box_tit{ text-align:center; margin-bottom:20px;}
.sub03_guide .box_tit strong{ display:inline-block; border:1px solid #d6d7d8; background:#fff; padding:10px 30px; border-radius:30px; font-size:18px;}


@media all and (max-width :640px) {
.sub03_guide .host{ text-align:center; margin-top:00px;}
.sub03_guide .host > span{ font-size:13px; margin:1px 0;}
.sub03_guide .box_tit strong{padding:10px 15px; font-size:17px;}
}





/*사업/정보 > 사업현황 > 교육·컨설팅---------------------------------*/
.sub03_guide .step_guide{ font-size:0; margin-bottom:20px;}
.sub03_guide .step_guide > li{ display:inline-block; width:33.3333%; padding:0 15px; box-sizing:border-box; vertical-align:top;}
.sub03_guide .step_guide li > div{ border:2px solid #e5e5e5; border-radius:10px; text-align:center; padding:20px; padding-top:30px;}
.sub03_guide .step_guide li > div > strong{position:relative; display:block; font-size:20px; color:#614e3c; height:200px; background-position:center 73px; background-repeat:no-repeat;}
.sub03_guide .step_guide li > div > strong:before{ position:absolute; z-index:-1; display:block; content:''; background-color:#e5e5e5; width:140px; height:140px; top:40px; left:50%; transform:translateX(-50%); border-radius:70px;}
.sub03_guide .step_guide li > div:hover > strong{ color:#009d9b;}
.sub03_guide .step_guide li > div:hover > strong:before{background-color:#afd1c5;}
.sub03_guide .step_guide li > div > .bg01{ background-image:url(/images/home/contents/sub03_icon01.png); }
.sub03_guide .step_guide li > div > .bg02{ background-image:url(/images/home/contents/sub03_icon02.png); }
.sub03_guide .step_guide li > div > .bg03{ background-image:url(/images/home/contents/sub03_icon03.png); }
.sub03_guide .step_guide li > div > ul{ text-align:left; font-size:14px; min-height:150px;}

@media all and (max-width :1023px) {
.sub03_guide .step_guide > li{padding:0 5px;}
.sub03_guide .step_guide li > div > strong{font-size:18px; color:#614e3c; height:180px; background-position:center 63px;}
.sub03_guide .step_guide li > div > strong:before{width:120px; height:120px; top:40px;}
.sub03_guide .step_guide li > div > ul{font-size:13px; min-height:170px;}
}

@media all and (max-width :640px) {
.sub03_guide .step_guide > li{padding:0 20px; width:100%; margin-bottom:5px;}
.sub03_guide .step_guide li > div > ul{min-height:auto;}
}



/*사업/정보 > 사업현황 > 연구용역사업---------------------------------*/
.sub03_guide .sub030201{ font-size:0;}
.sub03_guide .sub030201 li{display:inline-block; text-align:center; font-size:16px; width:19%; padding:15px 1%; margin:0 0.5%; border:2px solid #0044FF; border-radius:10px; font-weight:600; box-sizing:border-box; vertical-align:top;}

.sub03_guide .sub030206{ margin-bottom:10px; font-size:0;}
.sub03_guide .sub030206 dl{ display:inline-block; width:25%; padding:0 2%; box-sizing:border-box; font-size:16px; vertical-align:top; text-align:center;}
.sub03_guide .sub030206 dl:first-child{ width:40%;}
.sub03_guide .sub030206 dl:last-child{ padding:0 2% 0 5%; width:28%; background:url(/images/home/contents/sub03_icon04.png) left center no-repeat;}
.sub03_guide .sub030206 dl dt{ background:#223681; padding:10px 0; font-size:18px; color:#fff; text-shadow:1px 0 0 #fff; border-radius:0 10px 0 0;}
.sub03_guide .sub030206 dl dd{ position:relative; border:1px solid #223681; border-radius:0 0 0 10px; padding-bottom:10px; min-height:235px;}
.sub03_guide .sub030206 dl dd img{ width:100%;}
.sub03_guide .sub030206 dl dd span{ position:absolute; bottom:3px; left:50%; transform:translateX(-50%); text-align:center; width:80%; display:block; font-size:13px;}
.sub03_guide .sub030206 dl dd ul{ margin:20px 10% 0 10%;}
.sub03_guide .sub030206 dl dd ul li{ background:#e5e5e5; padding:10px 0; border-radius:30px; margin-bottom:10px;}
.sub03_guide .sub030206 dl:last-child dt{ background:#f0510d;}
.sub03_guide .sub030206 dl:last-child dd{ border:1px solid #f0510d; border-radius:0 0 0 10px;}

@media all and (max-width :1023px) {
.sub03_guide .sub030206 dl{width:28%;}
.sub03_guide .sub030206 dl:last-child{ padding:0 2% 0 6%; width:31%;}
.sub03_guide .sub030206 dl dd{ min-height:200px;}
}

@media all and (max-width :767px) {
.sub03_guide .sub030201 li{width:49%; margin:3px 0.5%;}
}

@media all and (max-width :650px) {
.sub03_guide .sub030206 dl{width:45%;}
.sub03_guide .sub030206 dl:first-child{width:100%; padding:0 5%; margin-bottom:10px;}
.sub03_guide .sub030206 dl:last-child{ padding:0 2% 0 12%; width:55%;}
.sub03_guide .sub030206 dl dt{ font-size:16px; padding:5px 0;}
.sub03_guide .sub030206 dl dd{ min-height:auto;}
.sub03_guide .sub030206 dl dd ul{ margin:10px 5% 0 5%;}
.sub03_guide .sub030206 dl dd ul li{padding:5px 0;margin-bottom:5px; font-size:14px;}
}


@media all and (max-width :480px) {
.sub03_guide .sub030206 dl:first-child{padding:0 2%;}

}


/* 이용안내 ---------------------------------*/
.info_guide{}
.info_guide .info_tit{ background:none !important; text-align:center; padding-left:0 !important; margin-bottom:30px !important; font-size:22px !important; padding-top:50px;}
.info_guide h5{ margin-left:0 !important; font-size:16px !important;}
.info_guide h6{ margin-left:0 !important;}
.info_guide ul{ margin-left:10px; margin-bottom:30px;}
.info_guide ul ul{ margin-bottom:5px;}
.info_guide dl{margin-left:10px; margin-bottom:30px;}
.info_guide dl dt{ background:url(/images/home/inc/icon_li05.gif) left 10px no-repeat; padding-left:10px;}
.info_guide dl dd{ padding-left:10px;}
.info_guide .ctext01, .info_guide .ctext02{ margin-left:10px;}
.info_guide2 ul li{background:url(/images/home/inc/icon_li05.gif) left 10px no-repeat; padding-left:10px;}




/* 사이트맵 ---------------------------------*/

.sitemap_wrap ul{ font-size:0; width:100%; display:table;}
.sitemap_wrap ul li{ line-height:30px; display:inline-block; vertical-align:top; font-size:18px; font-weight:600; text-align:center;;}
.sitemap_wrap ul li a{ width:90%; margin-bottom:10px; background:#0070d8 url("/images/home/inc/bg03.png") right center no-repeat; color:#fff; display:inline-block; padding:15px 5%; border-radius:10px 10px 0 0;}

.sitemap_wrap ul li ul li { width:100%; margin:0; line-height:22px; margin-bottom:5px;font-size:15px;  background:url("/images/home/inc/icon_li03.gif") 20px 13px no-repeat;border-bottom:1px solid #ddd; padding:0; text-align:left;}
.sitemap_wrap ul li ul li a{ width:75%; border-bottom:0; margin-bottom:0; color:#000; padding:8px 10% 8px 37px; background:none;}

.sitemap_wrap ul li ul li ul{  background:#f3f3f3; padding:10px 0 20px 0;}
.sitemap_wrap ul li ul li ul li { width:100%; margin:0;  border:0; padding-top:10px;font-size:14px; font-weight:400; line-height:18px;background: url("/images/home/inc/icon_li02.gif") 20px 18px no-repeat;}
.sitemap_wrap ul li ul li ul li a{ width:83%; border-bottom:0;margin-bottom:0; padding:0; padding-left:30px;}

.sitemap_w06 li{width:14.6%; margin:0 1% 50px 1%;}
.sitemap_w05 li{width:18%; margin:0 1% 50px 1%;}
.sitemap_w04 li{width:23%; margin:0 1% 50px 1%;}
.sitemap_w03 li{width:30%; margin:0 1.5% 50px 1.5%;}

@media all and (max-width :1023px) {
.sitemap_w06 li{width:30%; margin:0 1.5% 50px 1.5%;}
.sitemap_w05 li{width:30%; margin:0 1.5% 50px 1.5%;}
.sitemap_w04 li{width:30%; margin:0 1.5% 50px 1.5%;}
.sitemap_w03 li{width:30%; margin:0 1.5% 50px 1.5%;}
}

@media all and (max-width :480px) {
.sitemap_w06 li{width:90%; margin:0 5% 50px 5%;}
.sitemap_w05 li{width:90%; margin:0 5% 50px 5%;}
.sitemap_w04 li{width:90%; margin:0 5% 50px 5%;}
.sitemap_w03 li{width:90%; margin:0 5% 50px 5%;}
}