@charset "utf-8";

/*서브상단이미지*/
.sub-Wrap { clear:both; width:100%; min-width:1200px; position:relative;}/*padding-top:130px;*/
.sub-Wrap div.subVisual.sub1 { background:url(/img/2018/sub_top_01.png) repeat-x; height:220px; margin:0 auto; background-size:cover; }
.sub-Wrap div.subVisual.sub2 { background:url(/img/2018/sub_top_02.png) repeat-x; height:220px; margin:0 auto; background-size:cover; }
.sub-Wrap div.subVisual.sub3 { background:url(/img/2018/sub_top_03.png) repeat-x; height:220px; margin:0 auto; background-size:cover; }
.sub-Wrap div.subVisual.sub4 { background:url(/img/2018/sub_top_04.png) repeat-x; height:220px; margin:0 auto; background-size:cover; }
.sub-Wrap div.subVisual.sub5 { background:url(/img/2018/sub_top_05.png) repeat-x; height:220px; margin:0 auto; background-size:cover; }
.sub-Wrap div.subVisual.sub6 {margin-top:10px; height:335px; margin:0 auto; background:#96cfe3; }
.sub-Wrap div.subVisual { width:100%; height:220px;}
.sub-Wrap div.subVisual p { width:1200px;margin:0 auto;}

/*서브메뉴 */
.sub_wrap{width:100%; height:100%; margin:0 auto;background:#f2f2f2;height:55px;position:relative;}
.sub_wrap_menu{width:1200px;margin:0 auto; ;}
.sub_wrap .sub_menu {height:55px;border-left:1px solid #dbdbdb;}
.sub_wrap .sub_menu li {float:left; display:inline-block; width:16.6%;}
.sub_wrap .sub_menu a{color:#878787; font-size:16px; width:100%; text-align:center;line-height:55px;display:block;height:55px;background:#fff;border-bottom:1px solid #dcdcde;border-right:1px solid #dcdcde;box-sizing:border-box;border-left:0;transition:all .3s;}
.sub_wrap .sub_menu a:hover{background:#4688e0;color:#fff; font-size:16px;}
.sub_wrap .sub_menu a.on{background:#4688e0;color:#fff;font-size:16px;}
/*.sub_wrap .sub_menu a:nth-child(4){border-right:0;}
.sub_wrap .sub_menu a:first-child{border-left:0}*/

.sub_wrap .sub_menu2 {height:55px;border-left:1px solid #dbdbdb;}
.sub_wrap .sub_menu2 li {float:left; display:inline-block; width:25%;}
.sub_wrap .sub_menu2 a{letter-spacing:-1px;color:#878787; font-size:16px; width:100%; text-align:center;line-height:55px;display:block;height:55px;background:#fff;border-bottom:1px solid #dcdcde;border-right:1px solid #dcdcde;box-sizing:border-box;border-left:0;transition:all .3s;}
.sub_wrap .sub_menu2 a:hover{letter-spacing:-1px;background:#4688e0;color:#fff; font-size:16px;}
.sub_wrap .sub_menu2 a.on{letter-spacing:-1px; background:#4688e0;color:#fff;font-size:16px;}

.sub_wrap .sub_menu3 {height:55px;border-left:1px solid #dbdbdb;}
.sub_wrap .sub_menu3 li {float:left; display:inline-block; width:33.30%;}
.sub_wrap .sub_menu3 a{color:#878787; font-size:16px; width:100%; text-align:center;line-height:55px;display:block;height:55px;background:#fff;border-bottom:1px solid #dcdcde;border-right:1px solid #dcdcde;box-sizing:border-box;border-left:0;transition:all .3s;}
.sub_wrap .sub_menu3 a:hover{background:#4688e0;color:#fff; font-size:16px;}
.sub_wrap .sub_menu3 a.on{background:#4688e0;color:#fff;font-size:16px;}

.sub_wrap .sub_menu4 {height:55px;border-left:1px solid #dbdbdb;}
.sub_wrap .sub_menu4 li {float:left; display:inline-block; width:25%;}
.sub_wrap .sub_menu4 a{color:#878787; font-size:16px; width:100%; text-align:center;line-height:55px;display:block;height:55px;background:#fff;border-bottom:1px solid #dcdcde;border-right:1px solid #dcdcde;box-sizing:border-box;border-left:0;transition:all .3s;}
.sub_wrap .sub_menu4 a:hover{background:#4688e0;color:#fff; font-size:16px;}
.sub_wrap .sub_menu4 a.on{background:#4688e0;color:#fff;font-size:16px;}

/*서브페이지 내용*/
.subpage_cont .wrap_cont{width:1200px; margin:0 auto; min-height:500px; margin-bottom:50px; letter-spacing:-0.5px;}
.subpage_cont .sub_title{text-align:center;}
.subpage_cont .sub_title h2{font-size:36px;font-weight:bold;margin:50px 0 10px;}
.subpage_cont .sub_title p{height:20px;font-size:16px;line-height:20px !important;color:#5d5d5d;margin-bottom:50px;padding-bottom:50px; border-bottom:1px solid #dcdcde;}
.subpage_cont .cont{width:1200px;margin:0 auto;position:relative; margin-bottom:50px;}

.h3 {font-size:28px; font-weight:600; color:#006de8;}
.h4 {font-size:22px; text-indent:27px; font-weight:600; color:#333; background:url('../img/2018/bu02.png') 0 9px no-repeat;}
.h5 {font-size:18px; text-indent:25px; font-weight:500; color:#333; background:url('../img/2018/bu_h4.png') 0 5px no-repeat;}


.cn {text-align:center;}
caption{overflow:hidden;top:0px;left:0px;width:1px;height:1px;}


/* 봉사활동작성방법 */
.cut-off p {font-size:18px; font-weight:500; margin-bottom:10px;}
.cut-off b {font-size:18px;}



/* SW교육신청서 */
.clean-top {background:#dceff8; padding:25px; width:100%; border-top:2px solid #1c3b7b; position:relative; box-sizing:border-box;}
.clean-top:after { display:block; height:0; clear:both; float:none; content:""; }
.clean-top img {float:left;}
.clean-top .tit-wrap {float:left; text-align:left; margin-left:30px;}
.tit-wrap .tit {font-size:30px; color:#0066e5;}
.tit-wrap .txt {font-size:15px;}
.tit-wrap .btn {border:1px solid #48525e; padding:7px 30px; display:inline-block; margin-top:15px; color:#333; font-weight:600;}

.clean-input {border-top:1px solid #dcdcdc; border-bottom:1px solid #989898; background:#eeeeee; text-align:center; padding:50px 0;}
.clean-input:after { display:block; height:0; clear:both; float:none; content:""; }
.clean-input dt,dd { display:block; width:100%; font-weight:normal;}
.clean-input dt {font-size:24px; color:#555; margin-bottom:5px;}
.clean-input dd { margin-bottom:20px;}
.clean-input input {padding:10px;}
.clean-input .btn {width:32%; height:50px; line-height:50px; font-size:16px; background:#1c3b7b; display:inline-block; margin-top:10px; color:#fff; font-weight:600;}


/* 신청하기 라디오버튼 */
.answer {margin-left:25px; margin-bottom:20px;}
.answer label {margin-right:30px;}


/*유해SW정보차단 신청하기 01*/
.app {margin-top:50px;}
.app:after { display:block; height:0; clear:both; float:none; content:""; }
.app ul {width:785px; margin:0 auto; display:block;}
.app li {background:#f1f3f6; padding-top:50px; width:380px; height:330px; margin-right:20px; float:left; text-align:center; border:1px solid #e2e2e2; border-radius:15px;}
.app li:last-child {margin-right:0px;}
.app li img {height:105px;}
.app p {font-size:26px; color:#333; font-weight:500; margin-top:25px; margin-bottom:10px;}
.app a {margin:0 auto; display:block; width:208px; padding:20px 0; color:#fff; text-align:center; background:#48525e; font-size:16px;}

/*유해SW정보차단 동의하기 02*/
.app_agree{margin-top:40px; width:100%;}
.app_agree h3{ font-size:20px; color:#4c4c4c;font-weight:bold;  text-align:left; }
.app_agree_form{width:95%; height:300px; padding:25px; overflow-y:scroll; text-overflow:ellipsis; overflow-x:hidden; table-layout:fixed; border:#b7b7b7 solid 1px; text-align:left;  margin:0 auto;}
.app_agree_form p{ margin-bottom:10px;color:#595959}
.app_agree_form .bo{font-weight:bold;}
.app_agree_form .bi{margin-bottom:20px;}
.app_agree .all_ck_box{margin-bottom:40px;margin-top:10px;text-align:center;}
.app_agree .all_ck_box label{font-size:16px;margin-left:8px;color:#888;}

/*유형선택 03*/
.app_type {margin-top:80px;position:relative; margin:0 auto; text-align:center;}
.app_type .txt {font-size:20px;color:#4c4c4c;font-weight:bold; text-align:left; padding-bottom:10px;}
.app_type li{width:50%; margin:0 auto;}
.app_type li.li1{background:url(/img/2018/h01.png) #5ea3dd no-repeat 75px center;}
.app_type li.li2{background:url(/img/2018/h02.png) #62b5c7 no-repeat 75px center;}
.app_type li a{display:block;padding:10px 40px 25px 120px;box-sizing:border-box;color:#fff;}
.app_type li a h3{font-size:19px;line-height:20px;font-weight:600;margin-bottom:.2em;}
.app_type li a p{font-size:14px;line-height:12px;letter-spacing:-0.04em;}
.app_type li a p *{line-height:1;}

/*유형선택 04*/
.blue {font-size:20px;color:#0477ff;font-weight:bold; }
.app_type01 {margin-top:80px;position:relative; margin:0 auto; text-align:center;}
.app_type01 .txt {font-size:20px;color:#4c4c4c;font-weight:bold; text-align:left; padding-bottom:10px;border-bottom:2px solid #000;}
.app_type01 .blue {font-size:20px;color:#0477ff;font-weight:bold; }
.app_type01 .foum {border-collapse: collapse;width:100%;border:1px solid #ddd;border-width:1px;letter-spacing:0;border-top:2px solid #000;}
.app_type01 .foum tr{text-align: center;}
.app_type01 .foum th {height:50px;color:#000;font-weight:bold;border:1px solid #ddd;border-width:1px;font-size:16px;}
.app_type01 .foum td{color:#000;border:1px solid #ddd;border-width:1px;text-align:left; padding-left:15px;font-size:16px; padding:10px;}
/*.app_type01 .foum td a{color:#767676;}*/
.app_type01 .foum td.subject{text-align: left; font-weight:bold;} /* 제목 */
.app_type01 .foum tbody tr.main_news{background-color:#f7f7f7} /* 메인뉴스 */
.app_type01 .txt_f {font-size:14px;color:#fff;font-weight:bold;  text-align:center; background:#ff0042; padding:7px;}

.app_type02 {margin-top:80px;position:relative; margin:0 auto; text-align:center;}
.app_type02 .txt {font-size:20px;color:#4c4c4c;font-weight:bold;  text-align:center; padding-bottom:10px;}

/*기존 유지*/
.sub_con_wrap{width:1200px;margin:0 auto; }
.left_menu_wrap{float:left;width:200px;}

.sub_tit{padding-left:7px}
.sub_tit_eng{font-size:12px;color:#cacaca;font-weight:bold;padding-left:3px}
.sub_tit_kor{font-size:24px;color:#1c1c1c;font-weight:bold;padding-top:5px;}

/*.sub_tit{padding-top:35px;background-color:#3ea3dc;}
.sub_tit_eng{font-size:12px;color:#c7ebff;font-weight:bold;padding-left:3px; text-align:center;}
.sub_tit_kor{font-size:24px;color:#fff;font-weight:bold;padding-top:5px; margin-bottom:5px; text-align:center;}*/

.left_menu{font-size:14px; padding-top:10px; color:#1c1c1c;}
.left_menu ul li{width:170px; height:30px;padding:0 0 0 10px; }
.left_menu ul .on{font-weight:bold; background: url(../img/menu_on.gif)no-repeat;}
.left_menu a{font-size:14px; margin-top:20px; color:#1c1c1c;}

.left_quick{padding-top:20px; padding-bottom:50px;}
.left_quick ul li{padding-top:5px}


.sub_con{width:900px;height:600px;float:left;border-left:1px solid #cdcdcd; padding:0 0 0 40px;}
.sub_con1{width:900px;float:left;border-left:1px solid #cdcdcd;  padding:0 0 0 40px;}
.sub_con2{width:900px;height:480px;float:left;border-left:1px solid #cdcdcd; padding:0 0 0 40px;}
.sub_con3{width:900px;height:700px;float:left;border-left:1px solid #cdcdcd; padding:0 0 0 40px;}
.sub_con4{width:900px;height:900px;float:left;border-left:1px solid #cdcdcd; padding:0 0 0 40px;}

.sub_title_wrap{}
.sub_title{font-size:30px;color:#000;font-weight:bold; }

.sub_title_wrap h3{font-size:30px;color:#000;font-weight:bold;}
.sub_title h3{font-size:30px;color:#000;font-weight:bold; }

.sitemap{padding-top:11px;font-size:11px;color:#9c9c9c;float:right}

.sitemap01{background:url('/img/sub/icon_dot.gif')0px 12px no-repeat; padding-left:15px; padding-top:5px;font-size:13px;color:#9c9c9c;float:right; text-align:right;}
.sitemap01 strong{font-size:13px;color:#9c9c9c;}

.sub_contets{margin:50px 0 100px 0;clear:both}

.tit_txt{display:block;font-size:28px;margin-bottom:15px}
.sub_txt{color:#595959}

/* 로그인, 아이디, 패스워드찾기 */
.mem_bor{padding:35px 0 30px;background:#f7f7f7;border:1px solid #e7e7e7;margin-top:30px}
.mem_bor dl{position:relative;margin:0 auto;width:440px;}
.mem_bor dl:after{display:block;clear:both;content:''}
.mem_bor dl dt{float:left;margin:0 10px 7px 0; width:120px;height:17px;text-align:right;}
.mem_bor dl dd{float:left;margin-bottom:7px;width:310px;height:25px;}
.mem_bor dl dd .login_txt{padding:4px;font-size:12px;color:#757575;border:1px solid #cfcfcf;}
.mem_bor dl dd.btn{position:absolute;top:0;right:-15px;width:auto}
.mem_bor dl dd.btn2{position:absolute;top:15px;right:-25px;width:auto}

.member_infor{margin-top:25px}
.member_infor:after{display:block;clear:both;content:''}
.member_infor dl{float:left;width:330px;}
.member_infor .ri{float:left;width:440px;}
.member_infor dl dt{margin-bottom:5px;color:#4c4c4c;}
.member_infor dl dd{margin-bottom:15px;color:#747474}

.mem_dot li{padding-left:10px;line-height:24px;color:#747474;background:url(../image/sub07/mem_dot.gif) no-repeat 0 9px}

.tit01{ font-size:13px; background:url(/img/common/icon_arrow.gif) no-repeat; padding:0 0 10px 15px;color:#4c4c4c; font-weight:bold}
.eng_tit01{font-size:24px; display:block; padding-bottom:10px}
.eng_tit01 strong{font-weight:bold; color:#006699}

/*아이디비밀번호찾기*/
.idpw{width:100%; height:190px; margin-bottom:30px; margin:0 auto; }
.idpw_form{width:40%; height:200px; padding:15px; float:left;border:1px solid #d7d7d7;background-color:#f7f7f7;}
idpw_form table th{color:#3d3d3d}
.ma01{margin-left:6px;}
.idpw table{ margin-top:30px;}
.idpw table th{ height:30px;}

/* 약관동의 */
.agree{margin-top:30px}
.agree h3{ font-size:20px; background:url(../img/sub/icon_arrow.gif) no-repeat 2px; padding:0 0 0 18px;color:#4c4c4c;}
.agree_form{width:95%; height:150px; padding:15px; overflow-y:scroll; text-overflow:ellipsis; overflow-x:hidden; table-layout:fixed; border:#b7b7b7 solid 1px; text-align:left; }
.agree_form1{width:95%; height:230px; padding:15px; overflow-y:scroll; text-overflow:ellipsis; overflow-x:hidden; table-layout:fixed; border:#b7b7b7 solid 1px; text-align:left; }
.agree_form p{ margin-bottom:20px;color:#595959}
.btn_list{margin-top:20px;text-align:center}

/* 회원정보입력 */
.join_form{border-top:#868686 solid 2px; width:95%; margin:0 auto;}
.join_form table thead{ }
.join_form table tbody th{ background:#f1f1f1; text-align:center;  padding:6px; border-bottom:#d7d7d7 solid 1px; font-weight:bold;color:#515151}
.join_form table tbody td{ padding: 8px 8px 8px 15px; border-bottom:#d7d7d7 solid 1px; text-align:left;}
.join_form .join_padding{ padding-right:20px;}
.join_form .join_padding2{ padding-right:10px;}
.join_form .join_padding3{ margin-bottom:5px;}
.btn_style{cursor:pointer; padding:0; border:0; vertical-align:bottom; background:#FFFFFF;}

.join_comple{width:870px; margin-top:50px;height:300px}
.join_comple_txt{float:left;padding-left:200px}
.join_comple_txt1{float:left;padding-left:130px}
.join_comple_tit{font-size:30px;font-weight:bold;padding-top:50px;}
.sub_txt2{color:#595959;padding-top:20px}
.join_comple_tit strong{color:#006699}
.join_btn{padding-top:20px}


/* 저작권 유관기관 안내 */

.sub_ins{margin:0 auto;}
.sub_ins:after { display:block; height:0; clear:both; float:none; content:""; }
.sub_ins ul li{width:350px;float:left; padding-bottom:20px; margin-left:35px;}

.sub_ins1{margin:0 auto;}
.sub_ins1:after { display:block; height:0; clear:both; float:none; content:""; }
.sub_ins1 ul li{width:350px;float:left; padding-bottom:20px; margin-left:35px;}
.sub_ins1 ul li div{width:300px; float:left; padding-bottom:20px; margin-left:35px; border:1px #d6d6d6 solid; color:#fff; font-size:18px; padding-top:20px; padding-left:15px;}
.sub_ins1 ul li p {padding-top:15px;color:#fff; font-weight:bold; font-size:14px;}
.sub_ins1 ul li .txt{padding-top:15px;color:#000; font-size:14px;}


/* 저작권 유관기관 안내 */

.sub_ins2{margin:0 auto;}
.sub_ins2:after { display:block; height:0; clear:both; float:none; content:""; }
.sub_ins2 ul li{width:350px;float:left; padding-bottom:20px; margin-left:35px;}

.sub_ins2_1{margin:0 auto;}
.sub_ins2_1:after { display:block; height:0; clear:both; float:none; content:""; }
.sub_ins2_1 ul li{width:45%;float:left; padding-bottom:20px; margin-right:20px; margin-left:20px;}
.sub_ins2_1 ul li div{width:100%; float:left; padding-bottom:20px; border:1px #d6d6d6 solid; color:#fff; font-size:26px; padding-top:20px; padding-left:20px;}
.sub_ins2_1 ul li p {padding-top:15px;color:#fff; font-size:18px;}
.sub_ins2_1 ul li .txt{padding-top:15px;color:#000; font-size:16px;}


/*약도*/
.tit_text03{font-size:16px;font-weight:800;}

/*.room{width:716px; overflow:hidden; margin-bottom:15px; border:1px #7f7f7f solid;}*/
.room{width:710px; text-align:center; overflow:hidden; margin-bottom:15px; border:1px #7f7f7f solid;}
.room_map{width:340px; float:left; margin:15px 0 15px 52px;}
.room_pic{width:274px; float:left; margin-top:5px;}
.room_pic h3{font-size:14px; background:url(../images/lecture/icon_arrow.gif) no-repeat; padding:0 0 10px 15px;}
.room_pic p{padding-top:15px; padding-bottom:15px;}
.line{ width:746px; height:43px; background:url(../images/intro/line.gif);}

/*인사말*/
.sub01_01_txt01{font-size:30px;color:#2934f0;font-weight:800;line-height:38px;text-align:center}
.sub01_01_txt02{font-size:18px;color:#0a0a0a;margin-top:20px;line-height:28px;text-align:center}



/* 테이블 스타일 (조직도)*/

.con_table {border-collapse: collapse;width:100%;border:1px solid #ddd;border-width:1px 1px 1px 1px; }
.con_table tr { text-align: center;}
.con_table thead th {height:40px;color:#222222;border:0;font-size:13px;border:1px solid #ddd;border-width:0 1px 1px 0;background-color:#f2f2f2}
.con_table td{padding:15px;height:25px;color:#444444;line-height:20px;border:1px solid #ddd;border-width:0 1px 1px 0;font-size:13px;}
.con_table td a{color:#444444;text-decoration:none}
.con_table tbody td.title{text-align: left; white-space: normal;} /* 제목 */


/* 사이트맵 */

.sitemap_wrap {width:1100px;margin:0 auto;}
.sitemap_wrap .sitemap_list{float:left;padding-right:30px}
.sitemap_tit{font-weight:800;font-size:18px;background-color:#daecfd;border-radius:5px;width:200px;height:25px;text-align:center;padding:10px;color:#3274b1}
.sitemap_tit a{color:#3274b1;display:block}
.sitemap_menu{width:200px; padding-left:10px;}
.sitemap_menu li{font-size:14px;line-height:35px;border-bottom:1px solid #dddddd;padding-left:17px; padding-top:10px; background: url(/img/sub/dot02.gif) no-repeat 5px 25px; }
.sitemap_menu li a{color:#000;display:block}

/* 센터보기*/
.sub01_01_icon_wrap{height:600px;}
.sub01_01_icon_wrap ul li{float:left; padding-left:12px; padding-bottom:20px;}
.sub01_01_con{text-align:center;width:380px;}

/* 블릿 */
.list_bu01 {margin-top:10px;}
.list_bu01 li {display:block; background:url(../img/2018/bu01.png) 5px no-repeat; text-indent:20px;}
.list_bu01 .txt{color:#2934f0;}
/* 버튼 */
.btn01 {display:inline-block; }
.btn01 a {display:block; padding:10px 30px; background:#48525e; color:#fff; text-align:center;}
.board-view-btns {display:inline-block;margin:15px 0;text-align:center;color:#fff; z-index:99; width:100%;}
.board-view-btns a, .board-view-btns button, .board-view-btns input {color:#fff;display:inline-block; background:#48525e; text-align:center; padding:10px 40px;}

/*탭*/
.TabMenu{width:100%; margin-bottom:30px; font-size:0; line-height:0; position: relative; z-index:4; overflow:hidden;}
.TabMenu .TabM{ position: relative; box-sizing:border-box;}
.TabMenu .TabM>li{width:24.7%; max-width:318px; margin-left:2px; display:inline-block; vertical-align: top;}
.TabMenu .TabM>li>a{background-color: #e4e5ec; border:1px solid #cacaca; font-weight: 600; font-size:18px; line-height:45px; color: #333; text-align: center; box-sizing:border-box; white-space: nowrap; display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;}
.TabMenu .TabM>li>a.active,
.TabMenu .TabM>li>a:hover{background-color: #dc3e6d; border:1px solid #dc3e6d; color: #fff;}



.Btxt1 {background-color: #ff8400; color: #fff; font-size:16px; padding:5px; border-radius: 10px; padding-left:10px; padding-right:10px; width:180px; }
.Btxt1 a{background-color: #ff8400; color: #fff; font-size:16px; padding:5px; border-radius: 10px; padding-left:10px; padding-right:10px; width:180px; }