@charset "utf-8";

html, body { width:100%; height:100%; }

.content { width:100%; height:100%; }
.s_content { width:100%; height:100%; padding:70px 20px 0 270px; }
.inner { width:95%; //max-width:1000px; margin:0 auto; }
.inner_c { position:absolute; top:50%; left:50%; width:90%; -webkit-transform:translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

.login { width:100%; height:100%; 
background: #DFE9EB; /* For browsers that do not support gradients */
 }
.login .inner { position:absolute; top:50%; left:50%; width:90%; max-width:450px; padding:40px 30px; border-radius:10px; border:2px solid #455E63; background:rgba(255,255,255,0.1);
/*-webkit-box-shadow:3px 3px 10px rgba(0,0,0,0.5); -o-box-shadow:3px 3px 10px rgba(0,0,0,0.5); -moz-box-shadow:3px 3px 10px rgba(0,0,0,0.5); -ms-box-shadow:3px 3px 10px rgba(0,0,0,0.5); box-shadow:3px 3px 10px rgba(0,0,0,0.5); */
-webkit-transform:translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.login .t_img_part { display:block; text-align:center; margin-bottom:40px; font-size:28px; font-weight:700; color:#2E464A; }
.login .t_img_part img { max-width:80px; margin-top:10px; }
.login {  }
.login form { //width:90%; }
.login .lg_wrap {  }
.login .lg_wrap input { height:40px; border:2px solid #455E62; border-radius:5px; padding:0 10px; font-size:17px; margin-bottom:10px; font-family:'Tahome','Arial','NanumSq'; line-height:1; }
.login .lg_wrap input::-webkit-input-placeholder { font-size:14px; }
.login .lg_wrap input::-moz-placeholder { font-size:14px; }
.login .lg_wrap input::-ms-input-placeholder { font-size:14px; }
.login .lg_wrap input:-moz-placeholder { font-size:14px; }
.login .lg_wrap input::placeholder { font-size:14px; }
.login .btn { font-size:0; width:100%;}
.login .btn .btn_login { width:100%; height:50px; color:#fff; background:#455E63; line-height:50px; font-size:16px; border:0; font-weight:700; }
.login .btn .btn_login2 { width:50%; height:50px; color:#fff; background:#244383; line-height:50px; font-size:16px; border:0; font-weight:700; }
.login .btn .btn_login2:first-child { border-right:1px solid rgba(255,255,255,0.3); }
.login {  }
.login {  }

@media (min-width:1024px) {
.m_menu { display:none; }
.btn_go_back { display:none; }

.top { position:fixed; left:0; top:0; height:100%; background:#0C5463; width:250px; z-index:100; }
.top .top_tit { font-size:18px; font-weight:700; color:#fff; line-height:50px; }
.tit3 { height:52px; line-height:52px; background:#A9C6CC; text-align:center; }
.tit3 span { color:rgba(255,255,255,0.95); font-size:20px; padding-left:35px; }
.tit3 span.icon1 { background:url(../img/icon_tit_01.png) left center no-repeat; }
.tit3 span.icon2 { background:url(../img/icon_tit_02.png) left center no-repeat; }
.tit3 span.icon3 { background:url(../img/icon_tit_03.png) left center no-repeat; }
.tit3 span.icon4 { background:url(../img/icon_tit_04.png) left center no-repeat; }
.gnb ul { text-align:left; }
.gnb ul li { border-bottom:1px solid rgba(255,255,255,0.1); padding:0 15px; }
.gnb ul li:hover, .gnb ul li.on { background:#4a5364; }
.gnb ul li a { display:block; padding:15px 10px; padding-left:15px; color:#fff; background:url(../img/bullet_03.png) left center no-repeat; }

.t_b_head { position:fixed; top:0; right:0; width:100%; height:52px; line-height:52px; background:#DFE9EB; color:#fff; padding-left:250px; z-index:-1; }
.tit4 { position:relative; display:inline-block; padding-left:10px; margin-bottom:20px; }
.tit4 span { font-size:18px; }
.tit4:before { position:absolute; left:0; top:50%; margin-top:-2.5px; width:5px; height:5px; content:''; background:#47a5e0; }
.t_b_head .user { position:absolute; right:115px; top:0; display:inline-block; height:100%; font-size:14px; padding:0 30px; background:#7C959A; color:#fff; }
.t_b_head .btn_logout { position:absolute; right:0; top:0; height:100%; width:115px; font-size:14px; background:#455E63; color:#fff; text-align:center; }
.t_b_head img { vertical-align:middle; }

.sys01 {  }
.sys01_regi  {  }

.srch_part { background:#f5f5f5; padding:10px; text-align:center; margin-bottom:5px; font-size:0; }
.srch_part form, .srch_part fieldset { font-size:0; }
.srch_part input, .srch_part button { height:35px; vertical-align:middle; }
.srch_part .inp_srch { width:60%; padding:0 10px; border-right:0; line-height:1; }
.srch_part button {  }

.br1 { display:none; }

}



.tit5 { font-size:18px; font-weight:700; padding:10px 0; }

.t_btn { padding:0 0 10px 0; text-align:right; }
.t_btn button {  }
.btn_regi1 { display:inline-block; font-size:14px; padding:7px 20px; background:#555; color:#fff; text-align:center; text-decoration:none; letter-spacing:-1px; font-weight:bold; white-space:nowrap; }
.btn_srch1 { display:inline-block; font-size:14px; padding:9px 20px; background:#4bbed0; color:#fff; text-align:center; text-decoration:none; letter-spacing:-1px; font-weight:bold; white-space:nowrap; }
.btn_modify1 { display:inline-block; font-size:12px; padding:5px 10px; background:#ff865c; color:#fff; text-align:center; text-decoration:none; letter-spacing:-1px; font-weight:bold; white-space:nowrap; }
.btn_view { display:inline-block; font-size:12px; padding:5px 10px; background:#52b6e3; color:#fff; text-align:center; text-decoration:none; letter-spacing:-1px; font-weight:bold; white-space:nowrap; }
.date { color:#777; }
button img { vertical-align:middle; }

.inp_box {  }
.inp_box table {  }
.inp_box table th { //background:#4bbed0; }
.inp_box table th label { //color:#fff; font-weight:700;  }
.inp_box table td input, .inp_box table td select { height:38px; padding:0 10px; font-size:15px; }
.pline { padding-left:10px; background:url(../img/bullet_02.png) left top no-repeat; line-height:1.5; letter-spacing:0; }

.sys02 {  }

.pop11 {  }
.pop11 h3 { background:#5570b5; color:#fff; font-size:16px; padding:14px 0; }
.pop11 .con_box { padding:30px; }
.pop11 .con_box label { display:block; font-size:16px; margin-bottom:15px; }
.pop11 .con_box label span { font-size:inherit; }
.pop11 .con_box th, .pop11 .con_box td {  }
.pop11 .con_box th {  }
.pop11 .con_box td {  }
.pop11 .con_box input { width:100%; height:35px; font-size:17px; padding:0 10px; line-height:1; }
.pop11 .btn_area { padding-bottom:30px; }

.s_content td a { color:#2674e0; }

.bran01 {  }
.bran01 .br {  }
.bran01 {  }

.btn_pm { width:38px; height:38px; line-height:36px; font-size:18px; font-family:'Tahoma','Nanum'; font-weight:700; color:#fff; vertical-align:middle; }
.btn_plus { background:#52b6e3; }
.btn_minus { background:#ff865c; }
.btn_pn { padding:10px 20px; font-size:15px; font-family:'Tahoma','Nanum'; font-weight:700; color:#fff; vertical-align:middle; }
.btn_prv { background:#52b6e3; }
.btn_nxt { background:#ff865c; }

.tit6 { position:absolute; top:-15px; left:15px; }
.tit6 span { display:inline-block; padding:8px 15px; background:#47a5e0; border-radius:50px; color:#fff; }
.tit7 { position:absolute; top:-15px; left:15px; }
.tit7 span { display:inline-block; padding:8px 15px; background:#4ccad9; border-radius:50px; color:#fff; }

.qa_area { //padding:10px 0 0 0; text-align:center; }
.qa_area .qa_wrap { //display:inline-block; }
.qa_area .qa_wrap > div { position:relative; text-align:left; margin:40px 0; border:1px solid #47a5e0; padding:30px; }
.qa_area .qa_ques {  }
.qa_area .qa_ans {  }
.qa_area {  }
.qa_area {  }
.pline2 { position:relative; //padding:15px 10px; margin:6px 0; border:1px solid #ddd; }
.pline2 input[type="radio"] { position:absolute; left:12px; top:50%; margin-top:-7px; vertical-align:middle; }
.pline2 input[type="radio"] + label { display:block; padding:15px 10px 15px 40px; background:#fafafa; letter-spacing:0; }
.pline2 input[type="radio"]:checked + label { background:#4ccad9; color:#fff; }

.pline2 input[type="checkbox"] { position:absolute; left:12px; top:50%; margin-top:-7px; vertical-align:middle; }
.pline2 input[type="checkbox"] + label { display:block; padding:15px 10px 15px 40px; background:#fafafa; letter-spacing:0; }
.pline2 input[type="checkbox"]:checked + label { background:#4ccad9; color:#fff; }

.a_comment { text-align:center; }
.a_comment .comm_wrap { position:relative; margin:50px 0; text-align:left; border:1px solid #47a5e0; padding:45px 30px; }
.a_comment .comm_wrap p { line-height:1.5; }
.a_comment {  }
.a_comment {  }

.log_selec .inner { border:0; background:0; padding: 0; }
.log_wrap1 { font-size:0; }
.log_wrap1 .go_btn1 { width:49%; margin:0 0.5%; padding:30px; border:1px solid rgba(255,255,255,0.5); background:rgba(255,255,255,0.1); }
.log_wrap1 .go_btn1 * { color:#fff; text-align:center; }
.log_wrap1 .go_btn1 em { display:block; font-size:22px; font-weight:700; margin-bottom:15px; padding-top:150px; }
.log_wrap1 .go_btn1 span { display:block; line-height:1.4; }
.log_wrap1 .go_exam em { background:url(../img/login_img2.png) top center no-repeat; }
.log_wrap1 .go_result em { background:url(../img/login_img3.png) top center no-repeat; }
.log_wrap1 .go_login em { background:url(../img/login_img1.png) top center no-repeat; }











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

.top { width:220px; }
.s_content { padding:70px 20px 0 240px; }
.tit3 span { font-size:19px; }

}




@media (max-width:1023px) {

.m_menu { display:inline-block; }
.btn_go_back { display:inline-block; }

.s_content { width:100%; height:calc(100% - 52px); padding:20px 0 0 0; }

.top { position:relative; height:50px; background:#5478c0; text-align:center; }
.top .top_tit { font-size:18px; font-weight:700; color:#fff; line-height:50px; }
.top .m_menu { position:absolute; top:12px; right:15px; width:24px; height:24px; background:url(../img/btn_menu1.png) center center no-repeat; }
.top .m_menu a {  }

.gnb { position:fixed; top:0; right:-350px; width:100%; max-width:300px; height:100%; background:#fff; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; z-index:100; }
.gnb ul { text-align:left; }
.gnb ul li { border-bottom:1px solid #eee; padding:0 10px; }
.gnb ul li a { display:block; padding:12px 10px; padding-left:15px; background:url(../img/bullet_03.png) left center no-repeat; }
.gnb .a_close { position:absolute; right:15px; top:15px; display:inline-block; width:20px; height:20px; background:url(../img/btn_close_wh.png) center center no-repeat; }
.tit3 { background:#47a5e0; height:50px; line-height:50px; color:#fff; font-size:17px; font-weight:700; border-bottom:1px solid #ddd; }
.dark { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:99; }
.top .btn_go_back { position:absolute; top:12px; left:15px; width:24px; height:24px; background:url(../img/btn_back1.png) center center no-repeat; }
.gnb_show { right:0; }
//.tit4 { position:relative; display:inline-block; padding-left:10px; margin-bottom:20px; }
//.tit4 span { font-size:18px; }
//.tit4:before { position:absolute; left:0; top:50%; margin-top:-2.5px; width:5px; height:5px; content:''; background:#47a5e0; }
.t_b_head { width:100%; font-size:0; }
.t_b_head .user, .t_b_head .btn_logout { display:inline-block; width:50%; height:36px; line-height:36px; //padding:10px 0; font-size:13px; text-align:center; vertical-align:middle; }
.t_b_head .user { background:#47b8e0; //background:rgba(0,0,0,0.05); color:#fff; }
.t_b_head .btn_logout { background:#4ccad9; //background:rgba(0,0,0,0.1); color:#fff; }
.t_b_head img { vertical-align:middle; }


.tbl_rsp { width:100%; overflow-x:scroll; }
.tbl_rsp table { min-width:450px; }
.stu02 .tbl_rsp table { min-width:520px; }
.bran01 .tbl_rsp table { min-width:480px; }
.tit4 { position:absolute; top:15px; left:50%; transform:translate(-50%, 0); }
.tit4 span { font-size:19px; color:#fff; font-weight:700; }

.srch_part { background:#f5f5f5; padding:10px; margin-bottom:5px; text-align:center; font-size:0; }
.srch_part form, .srch_part fieldset { font-size:0; }
.srch_part input, .srch_part button { height:35px; vertical-align:middle; }
.srch_part .inp_srch { width:70%; padding:0 10px; border-right:0; line-height:1; }
.srch_part button {  }


}





@media (max-width:767px) {
.srch_part .inp_srch { width:calc(100% - 84px); padding:0 10px; }
.login .t_img_part { margin-bottom:30px; }
}




@media (max-width:479px) {
.tit4 span { font-size:17px; }
.pop11 .con_box { padding:20px; }
.qa_area .qa_wrap > div { padding:20px; }
.a_comment .comm_wrap { padding:25px 20px; }
.log_wrap1 .go_btn1 em { background-size:90px; padding-top:110px; font-size:19px; }
.log_wrap1 .go_btn1 span { font-size:13px; }
}




@media (max-width:395px) {
//.log_wrap1 .go_btn1 { width:100%; }
.log_wrap1 .go_btn1 { padding:20px 12px; }
}




@media (max-width:359px) {

.br1 { //display:block; }

.pop11 .con_box { padding:20px 15px; }
.pop11 .con_box th, .pop11 .con_box td { display:block; width:100%; }

.log_wrap1 .go_btn1 { padding:18px 10px; }
.log_wrap1 .go_btn1 em { background-size:75px; padding-top:95px; }

}








									.pop-layer .pop-container {
									  padding: 20px 25px;
									}

									.pop-layer p.ctxt {
									  color: #666;
									  line-height: 25px;
									}

									.pop-layer .btn-r {
									  width: 100%;
									  margin: 10px 0 20px;
									  padding-top: 10px;
									  border-top: 1px solid #DDD;
									  text-align: right;
									}

									.pop-layer {
									  display: none;
									  position: absolute;
									  top: 50%;
									  left: 50%;
									  width: 500px;
									  height: auto;
									  background-color: #fff;
									  border: 5px solid #3571B5;
									  z-index: 10;
									}

									.dim-layer {
									  display: none;
									  position: fixed;
									  _position: absolute;
									  top: 0;
									  left: 0;
									  width: 100%;
									  height: 100%;
									  z-index: 100;
									}

									.dim-layer .dimBg {
									  position: absolute;
									  top: 0;
									  left: 0;
									  width: 100%;
									  height: 100%;
									  background: #000;
									  opacity: .5;
									  filter: alpha(opacity=50);
									}

									.dim-layer .pop-layer {
									  display: block;
									}

									a.btn-layerClose {
									  display: inline-block;
									  height: 25px;
									  padding: 0 14px 0;
									  border: 1px solid #304a8a;
									  background-color: #3f5a9d;
									  font-size: 13px;
									  color: #fff;
									  line-height: 25px;
									}

									a.btn-layerClose:hover {
									  border: 1px solid #091940;
									  background-color: #1f326a;
									  color: #fff;
									}


									a.btn-layerSend {
									  display: inline-block;
									  height: 25px;
									  padding: 0 14px 0;
									  border: 1px solid #304a8a;
									  background-color: #3f5a9d;
									  font-size: 13px;
									  color: #fff;
									  line-height: 25px;
									}

									a.btn-layerSend:hover {
									  border: 1px solid #091940;
									  background-color: #1f326a;
									  color: #fff;
									}

									button.btn-layerSend {
									  display: inline-block;
									  height: 25px;
									  padding: 0 14px 0;
									  border: 1px solid #304a8a;
									  background-color: #3f5a9d;
									  font-size: 13px;
									  color: #fff;
									  line-height: 25px;
									}

									button.btn-layerSend:hover {
									  border: 1px solid #091940;
									  background-color: #1f326a;
									  color: #fff;
									}



									button.btn-layerClose {
									  display: inline-block;
									  height: 25px;
									  padding: 0 14px 0;
									  border: 1px solid #304a8a;
									  background-color: #3f5a9d;
									  font-size: 13px;
									  color: #fff;
									  line-height: 25px;
									}

									button.btn-layerClose:hover {
									  border: 1px solid #091940;
									  background-color: #1f326a;
									  color: #fff;
									}

									#formTable {
										font-size:12px;
									}

									.formTable_input {
										font-size:12px;
									}