*{border:0; padding:0; margin: 0;}
@charset "utf-8";
input{font-size:1rem; font-family:'score4','NanumGothic','Malgun Gothic','돋움',dotum,sans-serif; line-height:2;}
body, td, a, li{font-size:1rem; font-family:'score4','NanumGothic','Malgun Gothic','돋움',dotum,sans-serif; line-height:2;}
body, div, table, ul, li, dl, dt, dd, ol, p, span, address, h1, h2, h3, h4, h5, h6, img, a{padding:0; margin:0;}
.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;}
.red{color:red;}
.blue{color:blue;}
.green{color:green;}
.wh{color:#fff;}
.pdl25{padding-left:25px;}
.cl{clear:both;}
.fl{ float: left;}
.fr{ float: right;}



.wrap{ width: 100%; background: url(/register/2026_01/images/body_bg.jpg) repeat-x top ;}
.header{ width: 1200px; margin: 0 auto; position:relative;}

h1{ float:left;  height: 66px; padding-top:5px; box-sizing: border-box; }
.gnb{float:right;  }
.gnb li{float:left; list-style-type:none; padding-left:30px; vertical-align:middle; margin-top:0px; }
.gnb li a{font-size:11px;}


.lnb{ clear: both; display: flex; justify-content: center; flex: 1; }
.lnb>li{list-style-type:none; width: calc(100%/4); text-align:center; line-height:15px;    }
.lnb li a{font-size:18px; color:#fff; font-weight: bold;  display:block; padding:18px 20px 15px 20px; }
.lnb li:hover a{background-color:#494949;}
.lnb li:hover .sub{opacity: 1;visibility: visible;}
.lnb .sub{position:absolute; top:79px; 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 #eeeeee; text-align:center; }
.lnb .sub li a{font-size:14px; font-weight:bold; color:#fff;display:block; padding:7px 30px 7px 15px;}
.lnb .sub li a:hover{color:#fff;opacity: 0.8;}

#sub1{left:303px; width:159px;}
#sub2{left:462px; width:195px;}
#sub3{left:592px; width:198px;}


.guide_01{ font-size:28px; margin-bottom:15px; padding-bottom: 15px; font-weight: bold; font-family: 'NotoRegular'; color:#343c4f; border-bottom: 2px solid #343c4f;}
.guide_02{background:url('/register/2026_01/images/icon_02.jpg') no-repeat 5px 13px;  font-size:18px;  padding-left:19px; margin-bottom:15px;font-family: 'NotoRegular'; }
.guide_03{padding-left:20px;}
.guide_03 li{list-style-type:none; background:url('/register/2026_01/images/icon_03.jpg') no-repeat 0px 5px; padding-left:15px; margin-bottom:5px;  font-family: 'NotoLight';  font-size:16px; }
.guide_04 li{list-style-type:none; background:url('/register/2026_01/images/icon_04.jpg') no-repeat 0px 6px; padding-left:10px;  font-family: 'NotoLight';  font-size:16px; }




.container{position:relative; clear:both; width:1200px; margin:0 auto;}
.container .cont{background: #fff; border-radius: 20px; padding: 50px; margin: 30px 0;}



.footer{clear:both; width:100%; text-align:center;   padding:30px 0; font-size:12px; color:#fff;}
.footer a{font-size:12px; color:#fff;}

.main_img img{ width: 100%;}

/* 프로그램 테이블 */
.program{border-collapse:collapse;font-size:14px;}
.program td, .program th{border-bottom:1px solid #ddd; padding:15px; font-size:14px;}
.program th{background-color:#004956; color:#fff;}
.program td:first-child{text-align:center;}
.program td:last-child{text-align:right;}

.program span.btn{ padding: 3px 10px; border-radius: 50px; font-weight: bold; margin-right: 5px; font-size: 13px;}
.program span.bg_b{background: #E0EAFF; color:#1B3D82;}
.program span.bg_gb{background: #C9F4F1; color:#17766F;}
.program span.bg_g{background: #D9F3E5; color:#146C23;}
.program span.bg_p{background: #F5E5F8; color:#772D8F;}
.program span.bg_pr{background: #FFEAEA; color:#A42F31;}




/* 회원 로그인 화면 */
.login_box{border:2px solid #ddd; border-radius:8px; padding:160px 20px 30px 20px; width:500px; margin:0 auto; background:url('/register/2017_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/2017_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/2017_spring/images/pw_bg.gif') no-repeat 7px 7px; color:#666; width:205px; height:25px;}
.pw.on{background:none; background-color:#fff;}



/* admin 로그인 화면 */
.admin_login{background:#fff url('/register/2017_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/2017_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/2017_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/2017_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;}

.mem_box{background:#f2f8ff; border:1px solid #ccc; padding:15px; margin-bottom:20px;}
.mem_box ol{margin-left:30px;}
.mem_box li{font-weight:bold;  line-height:27px;}

.btn_down{display:block; background:#0053d0; padding:5px 10px; border-radius:5px; width:200px;float:left; margin-left:10px; text-align:center;}
.btn_down a{color:#fff;}


/* 오시는 길 */
.place_info{margin:20px;}
.place_info h2{font-size:18px; font-weight:bold; margin-bottom:15px; color:#253969;}
.place_info div ul li{list-style:none; line-height:135%;}

.place{border-collapse:collapse;}
.place td, .place th{border:1px solid #ddd; padding:5px;}
.place tbody th{background-color:#e5eeff; text-align:center;}

/* mypage */
.mypage { padding:0; margin:0; font-size: 1rem; line-height:2; font-family:'score4'; height: calc(100vh - 6rem); display: flex; gap: 0; flex-direction: column; flex-wrap: nowrap; align-items: center; justify-content: space-between;}
.myadmin { justify-content: flex-start!important; gap:2rem!important;}
.mypage_top { width: calc(100vw - 2rem); display: flex; gap:2rem; flex-direction: column; flex-wrap: nowrap; align-items: center;}
.mypage_top h1 { background:#251f4c; color:#fff; float: none; height: auto; margin-top: 0; width: 100%; text-align: center; padding: 1rem; font-size: 1.3rem; line-height: 1.2;}
.mypage_top h5 { font-size:1rem;}
.mydata01 { color:#5c4dba; border-radius:0.5rem; border: 2px solid #5c4dba; width:90%; font-weight:bold; margin:0 auto; text-align: center;}
.mydata01 p { padding: 1rem 2rem; text-align:left;}
.mydata01 strong { color:#000;}
.mydata02 { text-align: center; font-size:3rem; line-height: 1.5;}
.my_btn { width: 90%; display:flex; gap:1rem; flex-direction: column; flex-wrap: nowrap; align-items: center;}
.my_btn li { padding:0; margin:0; list-style: none; border-radius:1rem; width: 100%; background:#454067; color:#fff; text-align: center;}
.my_btn li a, .my_btn li strong { display:block; color:#fff; text-align: center; padding:1rem 0; font-weight:bold; font-size:1.1rem;}
.myevent01 {width: calc(100vw - 2rem); display: flex; gap:2rem; flex-direction: column; flex-wrap: nowrap; align-items: center; font-weight:400; padding:4rem 0;}
.myevent02 {width: calc(100vw - 4rem); display: flex; gap:2rem; flex-direction: column; flex-wrap: nowrap; align-items: center;background:#251f4c; color:#fff; padding:4rem 2rem;}
.mypage table { border: 4px double #000; max-width:95%; margin-bottom:9.3rem;}
.mypage table th { padding:0.5rem;}
.mypage table td { padding:0.2rem; line-height: 1.2;}
.mypage table td img { max-width:80px; max-height:80px;}
.my_menu { padding:1rem; margin:0 auto; border-radius:3rem; background:#5c4dba; display:flex; flex-wrap:nowrap; justify-content: center; align-items: center;}
.my_menu li { padding:0 1.5rem; margin:0; list-style:none; color:#ccc; font-weight:bold; line-height:1;}
.my_menu li:not(:first-child) { border-left:2px solid #fff;}
.my_menu li a { color:inherit; line-height: 1;}
.my_menu li.over, .my_menu li.over a { color:#fff;}
.mybarcode #qr-reader {max-width:600px; width:80vw; margin:0 auto; border-radius: 0.5rem; border:2px solid #5c4dba!important; padding:1rem!important;}
.mybarcode #qr-reader__scan_region { min-height:30vh!important;}
.mybarcode #qr-reader__dashboard_section_csr div { width:15rem; margin:0 auto; border-radius:3rem; text-align: center; background:#5c4dba;}
.mybarcode #qr-reader__dashboard_section_csr button {padding:1rem; font-size:1rem;background:#5c4dba; color:#fff; border:none;}

.m_input{width:300px; padding:15px; margin-top:5px;  font-family: 'NotoRegular'; border: 1px solid #333;}
.bt_log{width:332px; border:none; padding:15px 0; text-align:center; background-color:#5c4dba; color:#fff; margin-top:15px; font-size:20px;font-family:'NotoRegular';}

#greeting .pic{float: left; margin-right:20px; margin-bottom: 200px;}
#greeting .pic img{width: 150px; border-radius: 10px; border:1px solid #eee;}

#greeting .pic2{float: left; margin-right:20px; margin-bottom: 100px;}
#greeting .pic2 img{width: 150px; border-radius: 10px; border:1px solid #eee;}

#back-to-top { position: fixed; display:none; right: 2rem; bottom: 2rem; z-index: 999; padding: 0.9rem 0 0; width:4rem; height:3.1rem; border-radius: 4rem; transition:all .5s ease-in-out; font-size:1.2rem; line-height:1.5; text-align:center; vertical-align:middle; cursor:pointer; user-select:none; border: 1px solid #22718f; background:#fff; color:#488ec3; opacity:0.7; }
#back-to-top:hover { opacity:1;}
#back-to-top:focus { outline: 0; box-shadow:0 0 0 .25rem rgba(72,142,195,0.25)}

.dev_td2 select{border: 1px solid #ccc; padding: 10px; width: 200px; border-radius: 5px;}
.dev_td2 input{border: 1px solid #ccc; padding: 0px; width: 300px; border-radius: 5px;}

.entry_info{padding:30px; border:1px solid #ccc; overflow:hidden; font-size:18px; line-height:37px; font-family:'NotoRegular'; margin-bottom:20px;}
.entry_info img{display:block; float:left; margin-right:20px; width:90px; margin-top: 12px;}

.write_btn{color:#fff; background-color:#1d8ac3; width:170px; margin:0 auto; text-align:center; padding:15px; font-size:12px; border-radius:6px; font-weight:bold;}