@charset "utf-8";
body, td, a, ol, ul, p, div, li{font-size:16px; font-family:'NotoLight','NanumGothic','Malgun Gothic','돋움',dotum,sans-serif; line-height:28px;word-break: keep-all; word-wrap: break-word;}
body, div, table, ul, li, dl, dt, dd, ol, p, span, address, h1, h2, h3, h4, h5, h6, img, a{padding:0; margin:0; font-family:'NotoLight','NanumGothic','Malgun Gothic','돋움',dotum,sans-serif;}
strong{ font-family:'NotoRegular','NanumGothic','Malgun Gothic','돋움',dotum,sans-serif; }
ol{margin-left:35px;}
.skip{position:absolute; left:-999px; font-size:1px; width:0; height:0; line-height:0; overflow:hidden; visibility:hidden;}
a:link, a:visited, a:active, a:hover{color:#333333; text-decoration:none;}
img, form{border:none;}
a img, p img, li img{vertical-align:top;}
img, select, input, button{vertical-align:middle;}

/*다른페이지에 반영된-관리자 등 -> top에  따로 넣어둠*/
/*body{background:url('/register/2026_spring/images/body_bg.jpg') no-repeat top;}*/
.none{background:none !important; padding:0 !important; margin:0 !important; border:0 !important;}
.red{color:red;}
.blue{color:blue;}
.green{color:green;}
.wh{color:#fff;}
.pdl25{padding-left:25px;}


.tba{text-align:center; font-size:350px; line-height:50px; padding:50px 0; color:#aaa;}
.tba span{display:block; font-size:3.5rem; margin-top:2rem; font-weight:bold;}




.wrap{width:1000px; margin:0 auto;}
.h1_logo{float:left;}

.tube{float:right; width:407px; overflow:hidden;}
.YT_log{float:left; border:none; background-color:#277bb1; color:#fff; font-size:17px; padding:5px 35px; margin:35px 0 0 50px;}
.edu_time{float:right; border:1px solid #333; line-height:21px; padding:10px 20px; margin-top:13px;}

.gnb{float:right; margin:30px 0;}
.gnb li{float:left; list-style-type:none; margin:10px 0 0 30px; }
.gnb li a{font-size:12px; color:#000; font-weight:bold;}




.lnb{clear:both;position:relative; display:flex; justify-content:space-between; }
.lnb>li{ list-style-type:none;  text-align:center;  border-right:1px solid #ddd; width:16.6%; }
.lnb>li:nth-child(1) {border-left:1px solid #ddd;}

.lnb li>a{font-size:18px; font:bold; color:#fff; display:block; padding:15px 5px 14px 5px; line-height:50px; }
.lnb li:nth-child(5) a{line-height:25px;  letter-spacing:-1px;}

.lnb li:hover a{background-color:#253782; color:#fff;}
.lnb li:hover .sub{opacity: 1;visibility: visible;}
.lnb .sub{position:absolute; top:78px; z-index:999; 
   opacity: 0;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   visibility: hidden;
}


.lnb .sub li{list-style-type:none;  border-top:1px solid #ddd; text-align:center; }
.lnb .sub li a{font-size:14px; font-weight:bold; color:#fff;display:block; padding:7px 10px 7px 10px; line-height:35px;}
.lnb .sub li a:hover{color:#ffff00;}


#sub1{left:1px; width:200px;}
#sub2{left:334px; width:200px;}
#sub3{left:500px; width:200px;}
#sub4{left:405px; width:200px;}
#sub5{left:607px; width:200px;}




.btn_webex{display:block; background:#f72e59; padding:5px 10px; border-radius:5px; width:250px; text-align:center; margin-top:-10px;}
.btn_webex a{color:#fff; text-decoration:none; font-size:14px; font-weight:bold;}

/* .main_container{overflow:hidden;}
.impo{background:url('/register/2026_spring/images/impo.gif') no-repeat; width:298px; height:170px; float:left; padding:100px 0 0 200px;}
.impo li{color:#fff; font-size:16px; margin-bottom:15px;}
.container{position:relative; clear:both;}
.contents{padding-bottom:50px;}
.title{padding:50px 0px; font-size:32px;color:#444;  font-family:'NotoRegular';}
.sub_mune{position:absolute; top:7px; left:0;}
.sub_mune li{float:left; list-style-type:none; margin-right:20px; font-weight:bold;}
.sub_mune li a{font-size:13px; color:#fff;}
.main_container{overflow:hidden; padding:80px 0 50px 0;}
.information{width:328px; height:214px; background-color:#f0f0f0; float:left; margin-right:40px; padding:30px 10px 30px 30px;}
.information ul{margin:20px 0 0 0px;}
.information ul li{list-style:none; margin-bottom:10px;  font-size:14px; color:#444;}
.information ul li strong{color:#9e2b1e;}
.quick{width:272px; float:left;}
.spon{float:right;}
.spon li{list-style:none;}*/

.footer{clear:both; width:100%; text-align:center; background-color:#363636; color:#000; padding:30px 0; font-size:12px;}
.footer a{ font-size:12px;} 

/* 안내페이지 공통 
.write_btn{padding:20px 0;}
.write_btn p{color:#fff; background-color:#6794b4; width:210px; margin:0 auto; text-align:center; padding:15px; font-size:18px; border-radius:6px; font-weight:bold; font-family:'NotoRegular','NanumGothic','Malgun Gothic','돋움',dotum,sans-serif;}
.btn_wrap{overflow:hidden; width:590px; margin:0 auto;}
.write_btn2{padding:0px 0; float:left;}
.write_btn2 p{color:#fff; background-color:#1d8ac3; width:260px; margin:0 auto; text-align:center; padding:15px; font-size:16px; border-radius:6px; font-weight:bold;}
.write_btn3{padding:0px 0; float:right;}
.write_btn3 p{color:#fff; background-color:#069; width:260px; margin:0 auto; text-align:center; padding:15px; font-size:14px; border-radius:6px; font-weight:bold;}*/

/*공통 버튼*/
.basic_btn{display:flex; justify-content:center; flex-wrap:wrap; }
.basic_btn li{ list-style:none; width:33%; border-radius:10px; text-align:center; padding: 15px; margin: 20px 10px;}
.basic_btn li a{ color:#fff; display:block; font-weight: bold;}
.basic_btn li a:hover{color:#FF0;}

.basic_btn li:nth-child(1) { background:#2965a1;} 
.basic_btn li:nth-child(2) { background:#29a19d;}
.basic_btn li:nth-child(3) { background:#8129a1;}
.basic_btn li:nth-child(4) { background:#df5a5a;}


/* 안내페이지 공통 */
.guide_01{font-size:20px;  font-family:'NotoRegular';margin-bottom:15px; color:#226faf;}
.guide_02{background:url('/register/2026_spring/images/icon_02.jpg') no-repeat 0px 8px; font-weight:bold; padding-left:20px; margin-bottom:7px; margin-left:10px;}
.guide_03{padding-left:20px;}
.guide_03 li{list-style-type:none; background:url('/register/2026_spring/images/icon_03.jpg') no-repeat 0px 6px; padding-left:15px; margin-bottom:5px;}
.guide_04 li{list-style-type:none; background:url('/register/2026_spring/images/icon_04.jpg') no-repeat 0px 6px; padding-left:10px;}

.m_input{width:300px; padding:15px; margin-top:5px;}
.bt_log{width:332px; border:none; padding:15px 0; text-align:center; background-color:#226faf; color:#fff; margin-top:15px; font-size:20px;font-family:'NanumSquare';}
.bt_log2{ background:url('/register/2026_spring/images/icon_onair.png') no-repeat 30px 10px; width:360px; border:none; padding:15px 0 15px 55px; text-align:center; background-color:#333; color:#fff; margin-top:-22px; font-size:20px;font-family:'NanumSquare'; border-radius:5px; float:right; margin-bottom:20px;}
.bt_log2 a{color:#ffde00; font-weight:bold;font-family:'NotoLight';font-size:16px; }
.bt_log3{width:332px; border:none; padding:15px 0; text-align:center; background-color:#8897d8; color:#fff; margin-top:15px; font-size:20px;font-family:'NanumSquare'; margin:0 auto;}
.bt_log3 a{color:#fff; font-weight:bold;font-size:16px; }

/* 프로그램 테이블 */
.program{border-collapse:collapse;}
.program td, .program th{border-bottom:1px solid #ddd; padding:10px;}
.program td{}
.program thead th{background:#3c4da1; color:#fff}
.program tbody th{background:#e6f3f8;  }
.program tbody td:first-child{ text-align: center;} 
.program tbody td:last-child{ text-align: right;} 

.program .name{text-align:right;}
.program .point{color:#ff6600; font-weight:bold;}
/* 사전등록비 테이블 */
.entry_fee{border-collapse:collapse;}
.entry_fee td, .entry_fee th{border:1px solid #ddd; padding:5px;}
.entry_fee td{text-align:center;}
.entry_fee thead th{background-color:#eee;}
.entry_fee tbody th{background-color:#e5eeff; text-align:center;}
/* 회원 로그인 화면 */
.login_box{border:2px solid #ddd; border-radius:8px; padding:160px 40px 30px 40px; width:420px; margin:0 auto; background:url('/register/2026_spring/images/login_bg.jpg') no-repeat 30px 30px;}
.login_box fieldset{border:none;}
.input_idpw{float:left; margin-right:20px; margin-left:30px;}
.input_id{margin-bottom:2px;}
.id{border:1px solid #dcdcdc; background:#fff url('/register/2026_spring/images/id_bg.gif') no-repeat 7px 7px; color:#666; width:205px; height:25px;}
.id.on{background:none; background-color:#fff;}
.pw{border:1px solid #dcdcdc; background:#fff url('/register/2026_spring/images/pw_bg.gif') no-repeat 7px 7px; color:#666; width:205px; height:25px;}
.pw.on{background:none; background-color:#fff;}
/* 등록 및 접수 폼 */
.write_form{border-collapse:collapse; border-top:2px solid #1d8ac3; border-bottom:2px solid #1d8ac3; }
.write_form thead th, .write_form tbody th, .write_form tbody td{padding:10px; border-bottom:1px solid #ddd;}
.write_form thead th{background-color:#fafafa; color:#444; margin:5px 0;}
.write_form tbody th{font-weight:normal; text-align:left;}
.write_form tbody td{line-height:24px;}
.write_form tbody .star{color:red; font-weight:bold;}
.write_form tbody td .in_radio{border:none;}
.write_form tbody td input{border:none; border:1px solid #999; vertical-align:middle; padding:2px;}
.write_form tbody select{font-size:12px; font-family:'돋움',dotum,sans-serif; padding:2px 3px;}
.write_form tbody textarea{margin-top:5px;}
.write_form tbody .section{background-color:#fafafa; font-weight:bold; text-align:center;}
.write_form tbody .btn{background-color:#444; border:1px solid #cbcbcb; padding:3px 7px; border-radius:5px;}
.write_form tbody .btn a{color:#fff; font-size:11px;}
.btn2{text-align:center; margin-top:30px;}
.btn2 span{background-color:#1d8ac3; border:1px solid #cbcbcb; padding:5px 15px; border-radius:5px; margin:0 2px;}
.btn2 a{color:#fff; font-size:13px; font-weight:bold;}
.btn2 a:hover{color:#fffc00;}
.nonmember{color:#fff; background-color:#b6c238; width:120px; margin:0 auto; text-align:center; padding:4px; font-size:12px; border-radius:6px; font-weight:bold;}
/* admin 로그인 화면 */
.admin_login{background:#fff url('/register/2026_spring/images/admin_login_bg.jpg') no-repeat center 200px; width:423px; height:471px; margin:0 auto;}
.admin_login fieldset{border:none; padding:365px 0 0 20px;}
.admin_idpw{float:left; margin-right:20px; margin-left:30px;}
.admin_id{margin-bottom:10px;}
.input_login{margin-top:6px;}
.id{border:1px solid #dcdcdc; background:#fff url('/register/2026_spring/images/id_bg.gif') no-repeat 7px 7px; color:#666; width:205px; height:25px;}
.id.on{background:none; background-color:#fff;}
.pw{border:1px solid #dcdcdc; background:#fff url('/register/2026_spring/images/pw_bg.gif') no-repeat 7px 7px; color:#666; width:205px; height:25px;}
.pw.on{background:none; background-color:#fff;}
.login_box{border:2px solid #ddd; border-radius:8px; padding:160px 40px 30px 40px; width:420px; margin:0 auto; background:url('/register/2026_spring/images/login_bg.jpg') no-repeat 30px 30px;}
.login_box fieldset{border:none;}
.input_idpw{float:left; margin-right:20px; margin-left:30px;}
.input_id{margin-bottom:2px;}

.pro_tab{overflow:hidden; margin-bottom:30px;}
.pro_tab li{width:440px; padding:10px 0; text-align:center; background-color:#9b9b9b; color:#fff; float:left; margin-right:10px; list-style:none; font-size:16px; }
.pro_tab li:hover{background-color:#E9CCA1;}
.pro_tab li.over{background-color:#da7374; color:#fff;}

/* 출결 테이블 */
.oline{border-collapse:collapse; width:100%; margin-top:20px;}
.oline td, .oline th{border:1px solid #ddd; padding:6px; font-family:'NotoRegular';}
.oline td{text-align:center;}
.oline th{background:#90b7d7; color:#fff}
.oline .all{background:#3B77AF;}
.oline .session{background:#CB919D;}

.info{margin-top:0px; font-size:20px;}
.info span{ font-size:16px;}
.video{clear:both; overflow:hidden; margin-bottom:20px;}

.vod_btn{display:block; background-color:#eb706c; color:#fff !important; text-align:center;border:none; width:80px; margin:0 auto; padding:3px 0; font-size:16px; border-radius:5px;}
.vod_btn1{display:block; background-color:#6868FF; color:#fff !important; text-align:center;border:none; width:100%; padding:3px 0; font-size:16px;}
.vod_btn2{display:block; background-color:#9a9a9a; color:#fff !important; text-align:center; border:none;width:100%; padding:3px 0; font-size:16px;}
.app_btn{display:block; background-color:#42a0c6; color:#fff !important; text-align:center; border:none; width:100%; padding:3px 0; font-size:16px;}
.app_btn2{display:block; background-color:#42a0c6; color:#fff !important; text-align:center; border:none; width:20%; padding:7px; font-size:16px;}
.app_close{position: absolute; right:0; top:0; border:none; background-color:#000; color:#fff; font-size:14px; padding:6px 15px;}
.btn_out{background-color:#333; color:#fff !important; font-size:12px; font-family:'Dotum'; padding:4px 7px 2px 7px;}

/*인트로*/
.impo{float:left; width:380px; background:#f4f4f4;padding:40px 50px 45px 50px; margin-left:0px; margin-right:0px; }
.impo ul{list-style:none; margin-top:25px;}
.impo ul li{background:url('../images/icon_list.jpg') 4px 11px no-repeat; padding-left:20px; font-size:16px; font-weight:600; margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #ccc;}
.impo ul li .impo_a{text-decoration:none;  padding-left:5px; font-size:17px; font-weight:600;}
.impo p{font-size:30px; font-weight:bold; color:#000; font-family:"Myriad Pro"; margin-top:0px;}

.quick{width:430px; float:right;}
.quick li{float:left;list-style:none; width:161px; text-align:center; padding:25px 23px 20px 23px; margin-bottom:5px; margin-left:5px; border-radius:5px;}
.quick li a{display:block; color:#fff; font-size:16px; font-weight:600;}
.quick li:nth-child(1){background:#61bba0;}
.quick li:nth-child(2){background:#39b590;}
.quick li:nth-child(3){background:#2ea581;}
.quick li:nth-child(4){background:#009166;}
.quick li:nth-child(5){background:#494c76;}
.quick li:nth-child(6){background:#493e6e;}

.quick li span{display:block; margin:10px 0;}

/*메인*/


.tube{float:right; width:1000px; margin:0 auto; border:1px solid #ddd; overflow:hidden;  box-sizing:border-box;}
.tube img{float:left; display:block;}
.YT_log{float:left; border:none; background-color:#F34C55; color:#fff; font-family:'NotoRegular'; font-size:17px; padding:28px 60px; margin:15px 0 0 150px;}
.edu_time{float:right; background:#eee; line-height:21px; padding:10px 20px; margin-top:13px;}

/*.container{position:relative; clear:both; border-left:1px solid #ddd; border-right:1px solid #ddd; width:1000px; margin:0 auto;}*/ /*overflow:hidden; 달력 스크립트 레이어가 뒤로 숨어 버리는 현상 */
/*.contents{padding:30px;} */
.main_img{ overflow:hidden;   margin:0 auto;}
.container{position:relative; clear:both; background:#fff; padding-top:5px;}
.contents{padding:30px 0px 20px 0px; width:100%; margin:0 auto; min-height:280px;}

.title{position:relative;10px;color:#4b4344; /*border-bottom:1px solid #ddd;*/ padding:30px 30px 10px 0px; font-weight:bold; font-family:'NanumSquare','NanumGothic','Malgun Gothic','돋움'; font-size:30px;}


.write_btn{padding:20px 0;}
.write_btn p{background-color:#1d8ac3; width:250px; margin:0 auto; text-align:center; padding:15px; font-size:16px; border-radius:6px; font-weight:bold;}
.write_btn a{color:#fff;}

.btn_wrap{display:flex; justify-content:space-between;}
.btn_wrap p{width:350px; margin:0 auto; text-align:center; padding:15px; font-size:16px; border-radius:6px; font-weight:bold;}
.btn_wrap p a{color:#ffffff; padding: 20px;}
.btn_wrap span{color:#f6ff00;}

.btn_wrap p:nth-child(1){background-color:#1d8ac3;}
.btn_wrap p:nth-child(2){background-color:#48bb82;}
.btn_wrap p:nth-child(3){background-color:#C8638D;}


.footer{clear:both; width:100%; text-align:center; background-color:#ddd; padding:30px 0;}
.tab{overflow:hidden;border-bottom:1px solid #ddd; margin-bottom:30px;}
.tab li{float:left; list-style-type:none; margin-right:15px;} */



/*웨비나 안내*/
.way{overflow:hidden;}
.way li{float:left; list-style-type:none; margin-right:20px;}
.way li .way_box{width:141px; height:50px;background:#1f4e79; display:block; text-align:center; color:#fff; padding:40px 0;}
.way li:nth-child(2) .way_box{background:#2e75b6;}
.way li:nth-child(3) .way_box{background:#9dc3e6;}
.way li:nth-child(4) .way_box{background:#4472c4;}
.way li:nth-child(5) .way_box{background:#8faadc;}

.btn_out{background-color:#333; color:#fff !important; font-size:12px; font-family:'Dotum'; padding:4px 7px 2px 7px;}

.air_tab{overflow:hidden; margin-bottom:20px; margin-top:20px;}
.air_tab li{list-style:none;  }
.air_tab li a{display:block; float:left; width:13%; margin-right:1%; background-color:#bdd8ab; color:#000; text-align:center; padding:15px 0; border-radius:10px; font-family:'Score4';}
.air_tab li.over a{background-color:#3fab51; color:#fff;}
.air_tab li:nth-child(2) a{width:16%;}
.air_tab li:nth-child(7) a{margin-right:0;}

.btn_down{display:block; background:#f72e59; padding:5px 10px; border-radius:5px; width:250px; text-align:center; margin-top:-10px;}
.btn_down a{color:#fff; text-decoration:none; font-size:14px; font-weight:bold;}

.btn_down2{display:block; background:#2445ef; padding:5px 10px; border-radius:5px; width:180px; text-align:center; margin-top:-10px;}
.btn_down2 a{color:#fff; text-decoration:none; font-size:14px; font-weight:bold;}


.btn_onair{font-size:16px; width:100%; background:red; border:0; border-radius:5px; padding:5px 46px; margin:0 auto;}
.btn_onair a{color:#fff;}

