@charset "utf-8";




/*인사말*/

.about_01_wrap {}
.about_01_wrap .photo img  {vertical-align:middle; border-radius:30px; overflow:hidden; width:100%;}
.about_01_wrap .title {text-align:center; font-size:45px; font-weight:bold; font-family: 'Cafe24SsurroundAir'; letter-spacing:-2px;  border-top:1px #ededed solid;  border-bottom:1px #ededed solid;  padding:50px 0px; margin-top:50px;}
.about_01_wrap .title .t1{color:#4c879f;}
.about_01_wrap .title .t2{color:#417a40;}
.about_01_wrap .text {margin-top:60px;  font-size:17px;}


/*조직도*/
.about_03_top {position:relative; padding-top:20px;}
.about_03_top .icon {position:absolute; left:0px; top:20%;;}
.about_03_top .text {margin-left:400px;}
.about_03_top .text dl dt {font-size:30px; font-weight:bold; color:#749637;}
.about_03_top .text dl dd {font-size:16px; margin-top:15px; line-height:18px; }
.about_03_top .text ul {margin-top:30px; background:#f8f8f8; padding:30px; border-radius:15px;}
.about_03_top .text ul li {font-size:14px; margin:4px 0px;}
.about_03_top .text ul li span {display:inline-block; width:20px; line-height:20px; heighT:20px; border-radius:20px;  text-align:center;  background:#749637; color:#fff; margin-right:4px;}



/*캐릭터*/
.about_06 ul{overflow:hidden; padding-left:1px; padding-bottom:1px;}
.about_06 ul li{float:left; width:50%; }
.about_06 ul li.etc{background:#f2f2f2;}
.about_06 ul li .box {border:1px #ddd solid; text-align:center; margin-left:-1px; margin-bottom:-1px;}
.about_06 ul li .box .icon{height:250px; line-height:250px;}
.about_06 ul li .box .icon img{vertical-align:middle;}
.about_06 ul li .box .text {text-align:center; padding:20px 0px; border-top:1px #ddd solid;}
.about_06 ul li.etc .text {background:#fff;}
.about_06 ul li .box .text .title{font-size:20px; color:#000; }
.about_06 ul li .box .text .btn {margin-top:10px; text-align:center;}
.about_06 ul li .box .text .btn a{display:inline-block; border-radius:30px; line-height:30px; background:#eb6100; color:#fff; padding:0 20px;}


/*교육신청 리스트*/

.common_education_select_wrap {overflow:hidden; }
.common_education_select_wrap .s_left{float:left;}
.common_education_select_wrap .s_right{float:right;}
.common_education_select_wrap select {line-height:30px; height:30px; border:1px #ddd solid; font-size:13px; padding:0 10px; vertical-align:top;}


.common_education_list_help_page {font-size:13px; color:#777; line-height:30px;  position:relative; top:5px}
.common_education_list_help_page span {font-weight:bold; color:#eb6100;}




.common_education_list_wrap {border-top:2px #444 solid; margin-top:20px;}
.common_education_list_wrap ul li {border-bottom:1px #ededed solid; padding:20px;position:relative;}
.common_education_list_wrap ul li .subject { color:#000; font-size:20px; font-weight:bold;}
.common_education_list_wrap ul li .subject .ing {display:inline-block; margin-right:20px; background:#eb6100; color:#fff; font-size:13px; font-weight:normal; width:65px; text-align:center;}
.common_education_list_wrap ul li .subject .end {background:#ddd; color:#fff; }
.common_education_list_wrap ul li .subject .team_name {display:inline-block; font-weight:normal; font-size:13px; color:#777; margin-left:10px;}

.common_education_list_wrap ul li .subject .type {display:inline-block; font-weight:normal; font-size:13px; color:#eb6100; margin-left:10px;}

.common_education_list_wrap ul li .info {margin-top:10px; margin-left:0px;}
.common_education_list_wrap ul li .info .col {display:inline-block; margin-right:20px; font-size:14px;}
.common_education_list_wrap ul li .info .col .t1 {margin-right:5px; color:#000;}
.common_education_list_wrap ul li .info .col .t2 {margin-right:5px; color:#888;}
.common_education_list_wrap ul li .info .col .t2 .count{font-weight:bold; color:#eb6100;}

.common_education_list_wrap ul li .exam_start{position:absolute; right:20px; top:13px;}
.common_education_list_wrap ul li .exam_start a{display:inline-block; padding:10px 20px;  background:#6a496e; color:#fff; text-align:center;}
.common_education_list_wrap ul li .exam_start a .fonti{font-size:18px;}


.common_education_list_wrap ul li .view_license {position:absolute; right:10px; top:10px; }
.common_education_list_wrap ul li .view_license a{display:inline-block; width:80px; height:80px; line-height:80px; border-radius:80px; background:#444; color:#fff; text-align:Center;}


/*코드모달*/
.group_code_box {width:400px; background:#fff; padding:30px; border-radius:20px; display:none;}
.group_code_box .title {font-size:30px; color:#000; }
.group_code_box .title_info {margin-top:5px; font-size:13px; color:#666; }

.group_code_box .code {margin-top:15px; }
.group_code_box .code input[type="text"]{line-height:40px; text-align:center; background:#f8f8f8; border:1px #ddd solid;; color:#333; font-size:13px; width:100%;}
.group_code_box .code .help {text-align:center; font-size:12px; color:#777;}
.group_code_box .btns {margin-top:15px; text-align:center;}
.group_code_box .btns a {display:inline-block; line-height:33px; background:#eb6100; color:#fff; padding:0 20px;}
.group_code_box .btns a.close {background:#ddd; color:#333;}



/*상세*/

.common_education_view_wrap {}
.common_education_view_wrap .subject { color:#000; font-size:20px; font-weight:bold; padding:20px; border-top:2px #444 solid; border-bottom:1px #ddd solid; background:#f8f8f8;}
.common_education_view_wrap .subject .ing {display:inline-block; margin-right:20px; background:#eb6100; color:#fff; font-size:13px; font-weight:normal; width:65px; text-align:center;}
.common_education_view_wrap .subject .end {background:#ddd; color:#fff; }

.common_education_view_table { border-top:2px #444 solid; margin-top:20px; }
.common_education_view_table ul {display:table; width:100%; border-bottom:1px #ddd solid;table-layout:fixed;}
.common_education_view_table ul li {display:table-cell; vertical-align:middle;  padding:10px}
.common_education_view_table ul li.name {width:15%; background:#f8f8f8; border-right:1px #ddd solid; font-weight:bold;}
.common_education_view_table ul li.name.last {border-left:1px #ddd solid;}


.common_education_detail_view {margin-top:20px; padding:10px 10px 30px; border-bottom:1px #ddd solid;}

.common_education_btn {text-align:center; margin-top:40px; }
.common_education_btn a{display:inline-block; background:#eb6100; color:#fff; line-height:40px; padding:0 30px;}
.common_education_btn a.can{background:#ddd; color:#333;}




/*문제*/
.quiz_list_wrap ul li {padding:30px 0px; border-bottom:1px #ddd solid;}
.quiz_list_wrap ul li dl dt {font-size:22px; color:#000;}
.quiz_list_wrap ul li dl dt.question_box {margin:15px 0px; border:1px #ddd solid; padding:20px; font-size:18px; color:#666; }
.quiz_list_wrap ul li dl dt.question_box img  {max-width:300px; vertical-align:middle;}
.quiz_list_wrap ul li dl dd {margin:5px 0px;font-size:16px; color:#000;}
.quiz_list_wrap ul li dl dd input[type="radio"]{vertical-align:middle; margin-right:6px; display:inline-block; margin-top:-2px;}
.quiz_list_wrap ul li dl dd label {vertical-align:middle;}




/*자격증 보기*/
.detail_license_min {width:380px; margin:0 auto; background:#fff url(../images/sub/detail_license_logo_etc.png) 80% 40px no-repeat;; border-radius:20px; padding:30px; display:none;}
.detail_license_min.license_color_green {border-left:10px #58ae57 solid; }
.detail_license_min.license_color_red {border-left:10px #e1634c solid; }
.detail_license_min.license_color_blue {border-left:10px #386eae solid; }
.detail_license_min .title {font-size:22px; color:#000; font-weight:bold; text-align:center;}
.detail_license_min .col_box {padding:30px 0px 0px; display:table; width:100%; table-layout:fixed;   }
.detail_license_min .col_box .col{display:table-cell; vertical-align:top;}
.detail_license_min .col_box .col.photo {width:90px; }
.detail_license_min .col_box .col.photo img {width:100%; height:110px; vertical-align:top;}
.detail_license_min .col_box .col.text {padding-left:20px;}
.detail_license_min .col_box .col.text ul li{line-height:20px; height:20px; position:relative; padding-left:60px;}
.detail_license_min .col_box .col.text ul li strong{position:absolute; left:0px; top:0px; }
.detail_license_min .col_box .col.text ul li span {display:inline-block; margin-left:10px;}
.detail_license_min .jic {text-align:center; margin-top:20px; }
.detail_license_min .close {position:absolute; right:40px; top:-40px; background:#444; color:#fff; padding:5px 10px;}


.detail_license_min_etc {width:250px; margin:0 auto; background:#fff url(../images/sub/detail_license_logo_etc.png) 80% 40px no-repeat;; border-radius:20px; padding:30px 0px; display:none;}

.detail_license_min_etc.license_color_green {border-left:10px #58ae57 solid; }
.detail_license_min_etc.license_color_red {border-left:10px #e1634c solid; }
.detail_license_min_etc.license_color_blue {border-left:10px #386eae solid; }


.detail_license_min_etc .title {font-size:18px; color:#000; font-weight:bold; text-align:center;}
.detail_license_min_etc .col_box {padding:30px 0px 0px; display:table; width:100%; table-layout:fixed;   }
.detail_license_min_etc .col_box .col{display:block;}
.detail_license_min_etc .col_box .col.photo {text-align:center;}
.detail_license_min_etc .col_box .col.photo img {width:120px; vertical-align:top; border-radius:10px;}
.detail_license_min_etc .col_box .col.text {margin-top:20px; font-size:20px; text-align:center; color:#000; font-weight:bold;}
.detail_license_min_etc .jic {text-align:center; margin-top:20px; }
.detail_license_min_etc .jic img  {max-width:100%;}
.detail_license_min_etc .close {position:absolute; right:40px; top:-40px; background:#444; color:#fff; padding:5px 10px;}





.my_tester_result_box {width:400px; margin:60px auto 0px; background:#fff; border-radius:20px; padding:50px; border:2px #ddd solid; text-align:center;}
.my_tester_result_box h3 {font-size:30px; color:#000;}
.my_tester_result_box .result_count  {margin-top:20px; background:#f8f8f8; border:1px #ddd solid;border-radius:5px; padding:10px 0px; font-size:16px;}
.my_tester_result_box .result_count .total {color:#000; font-weight:bold;}
.my_tester_result_box .result_count .t1 {color:#359624; font-weight:bold;}
.my_tester_result_box .result_count .t2 {color:#ff7061; font-weight:bold;}
.my_tester_result_box .result_text {margin-top:20px; font-size:20px;}
.my_tester_result_box .result_text strong {color:#eb6100;}
.my_tester_result_box_link {text-align:center; margin-top:30px;}
.my_tester_result_box_link a{display:inline-block;}



.complete_detail {margin:0 auto; width:600px; padding:30px; background:#fff; display:none;}

.complete_detail table {width:100%; border-spacing:0; padding:0px;border:0px;  }
.complete_detail table .complete_bg01 {background:url(../images/sub/complete_bg01.png) left top no-repeat; width:65px; height:65px;}
.complete_detail table .complete_bg02 {background:url(../images/sub/complete_bg02.png) left bottom no-repeat; width:65px; height:65px;}
.complete_detail table .complete_bg03 {background:url(../images/sub/complete_bg03.png) left bottom no-repeat; width:65px; height:65px;}
.complete_detail table .complete_bg04 {background:url(../images/sub/complete_bg04.png) left bottom no-repeat; width:65px; height:65px;}

.complete_detail table .complete_top {background:url(../images/sub/complete_top.png) left top repeat-x;}
.complete_detail table .complete_left {background:url(../images/sub/complete_left.png) left top repeat-y;}
.complete_detail table .complete_right {background:url(../images/sub/complete_right.png) right top repeat-y;}
.complete_detail table .complete_bottom {background:url(../images/sub/complete_bottom.png) left bottom repeat-x;}
.complete_detail table .info_box {}

.complete_detail table .info_box .title {font-size:22px; color:#000; font-weight:bold; text-align:center; padding:30px 0px; letter-spacing:-2px;}
.complete_detail table .info_box ul {margin-top:60px; font-size:20px}
.complete_detail table .info_box ul li{line-height:40px; height:40px; position:relative; padding-left:120px; color:#000;}
.complete_detail table .info_box ul li strong{position:absolute; left:0px; top:0px; font-weight:normal; }
.complete_detail table .info_box ul li span {display:inline-block; margin-left:10px;}
.complete_detail table .info_box .help_text {margin-top:50px; font-size:16px;}
.complete_detail table .info_box .date {margin-top:60px; font-size:16px; text-align:center; color:#000;}
.complete_detail table .info_box .jic1 {margin-top:30px; font-size:16px; text-align:center; color:#000; position:relative; z-index:1;}
.complete_detail table .info_box .jic2 {margin-top:10px; font-size:27px; font-weight:bold; text-align:center; color:#000; position:relative; z-index:0; letter-spacing:-1px;}
.complete_detail table .info_box .jic2 .t1 {position:relative;z-index:1;}
.complete_detail table .info_box .jic2 .jic {position:absolute; right:30px; top:-30px;  z-index:0;}

.complete_detail .close {position:absolute; right:40px; top:-40px; background:#444; color:#fff; padding:5px 10px;}
.complete_detail .img_save {position:absolute; right:90px; top:-40px; background:#ff5f10; color:#fff; padding:5px 10px;}


/*오시는길*/
.company_map {position:relative; overflow:hidden; background:#4d4d4d; padding:0 0 0 40px; height:130px;}
.company_map dl {float:left; margin:25px 0;}
.company_map dt {font-size:18px; font-weight:bold; color:#fff; margin:0 0 10px;}
.company_map dd {font-size:14px; color:#fff;line-height:20px;}
.company_map .telnum {font-size:28px; font-weight:bold; margin:20px 0 0; padding-bottom:15px;}
.company_map dl+ dl {padding-left:40px; margin-left:40px; border-left:1px solid rgba(255,255,255,0.5);}

.company_map .btn_box {position:absolute; right:0; top:0; text-align:center; height:100%; overflow:hidden;}
.company_map .btn_box li {float:left; background:#282828;}
.company_map .btn_box li:hover {background:#000;}
.company_map .btn_box span {display:block;}
.company_map .btn_box .btn_txt {font-size:15px; color:#fff;}
.company_map .btn_box .btn {display:inline-block; padding-top:30px; width:200px; height:100px; margin-right:0;}




/*후원안내*/
.about_09 {border:10px #ddd solid; padding:30px; background:url(../images/contents/about/about_09_top_bg.png) 90% 50% no-repeat;}
.about_09 dl {margin-right:400px;}
.about_09 dl dt{font-size:22px; color:#000; line-height:30px; margin-bottom:40px;}
.about_09 dl dt .t1 {color:#dd3131}
.about_09 dl dt .t2 {color:#387fa7}
.about_09 dl dd{font-size:16px; color:#888; border-bottom:1px #ddd dashed; padding-bottom:25px;}





#daum_map {width:100%; height:350px; margin-top:45px;}


table.cStyle_location {border-top:2px solid #666; width:100%;  font-size:18px; border-spacing:0;}
table.cStyle_location th { color:#333; background:#f8f8f8; padding:18px; border-bottom:1px solid #ddd; text-align:left; font-weight:normal; width:200px;}
table.cStyle_location td {color:#333; padding:18px; letter-spacing:0; border-bottom:1px solid #ddd; text-align:left}



.agree_box {padding:30px; }
.agree_s_box { margin-top:20px;} 
.agree_s_box .box{border:1px #ddd solid; padding:10px; overflow:hidden; height:100px; overflow-y:auto; margin-top:20px; font-size:11px; color:#888;} 






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



.about_01_wrap .photo img  {border-radius:15px; width:100%;}
.about_01_wrap .title { font-size:35px; line-height:35px;}



/*조직도*/
.about_03_top {position:relative; padding-top:0px;}
.about_03_top .icon {position:relative; left:0px; top:0%; text-align:center;;}
.about_03_top .text {margin-left:0px;}


/*캐릭터*/
.about_06 ul li{float:none; width:auto; }



.my_tester_result_box {width:98%; margin:30px auto 0px; border-radius:10px; padding:20px;}
.my_tester_result_box h3 {font-size:25px; }




/*퀴즈*/

.quiz_list_wrap ul li dl dt.question_box { padding:10px; font-size:14px; line-height:18px;}




/*후원안내*/

.about_09 {padding:20px;padding-bottom:260px; background-position:center 99%;}
.about_09 dl {margin-right:0px;}


.complete_detail {width:auto; padding:15px; }

.complete_detail table td {vertical-align:top;}
.complete_detail table .info_box .title {font-size:16px;padding:10px 0px;}
.complete_detail table .info_box ul {margin-top:60px; font-size:14px}
.complete_detail table .info_box ul li{line-height:20px; height:auto; padding-left:65px; vertical-align:top;}
.complete_detail table .info_box ul li strong{position:absolute; left:0px; top:0px; font-weight:normal; }
.complete_detail table .info_box ul li span {display:inline-block; margin-left:0px;vertical-align:top; letter-spacing:-1px;}
.complete_detail table .info_box .help_text {margin-top:20px; font-size:13px; line-height:20px;}
.complete_detail table .info_box .date {margin-top:30px; font-size:14px;}
.complete_detail table .info_box .jic1 {margin-top:15px; font-size:11px; letter-spacing:-1px;}
.complete_detail table .info_box .jic2 {margin-top:5px; font-size:18px;}
.complete_detail table .info_box .jic2 .jic {position:absolute; right:0px; top:-10px;  z-index:0;}
.complete_detail table .info_box .jic2 .jic img {width:40px;}

}