@charset "utf-8";

/* 초기화 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time {font-size:12px; font-family: 'Gulim', '굴림', 'Malgun Gothic', '맑은 고딕', 'Tahoma'; margin:0; padding:0; border:0; vertical-align:baseline; word-break:break-all;} 
body,input,textarea,select,button { font-size:100%; color:#2b2b2b; font-weight:normal; line-height:20px; word-break:break-all;}
table,th {font-size:12px; font-weight:normal; word-break:break-all;}
img,fieldset {margin: 0; padding: 0; border:0;}
legend, caption {display:none;}
ul,ol,li,dl,dt,dd {list-style:none;}
img {vertical-align:middle;}
input{border:#dedede 1px solid; height:30px; line-height:30px; padding:0 10px; display:inline-block; overflow:visible;}
input, select, img {vertical-align:middle;}
input[type='button'] {cursor:pointer; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{display: block;}
a {text-decoration:none; color:#666;}
a:hover {text-decoration:none; color:#3563c0;}

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


/* 기본 레이아웃[틀]  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* header */
#header{width:100%; height:55px; margin:0 auto;border-bottom:3px solid #05adae; background-color:#f5f5f5;}
.header{width:900px; margin:0 auto; position:relative; }
.header h1{font-size:20px; font-weight:500; color:#2e2f31; font-family:Malgun Gothic !important; letter-spacing:-0.7px; padding-top:18px;}
.header h1 img{margin-top:-9px;}
.logout{position:absolute; top:15px; right:0;}

/* copyright */
#copyright{width:100%; height:60px; position:relative; bottom:0; background-color:#cccccc; color:#797979; margin-top:35px;}
.copyright{width:900px; margin:0 auto; text-align:center; padding-top:22px;}
.copyright li{ font-family:Myriad Pro;}


/* main */
.contents{width:900px; margin:0 auto;}
.main{margin:60px 40px 70px;}
.main .title{font-size:16px; letter-spacing:-0.7px; font-weight:normal; margin-bottom:20px;} 
.main ul{overflow:hidden;}
.main li{float:left;}
.txt_main{color:#086fb9; font-weight:600; font-size:13px;}
.font_mg{font-family:Malgun Gothic !important;}

.m_btn01{background:url(../images/btn01.jpg) no-repeat center top; width:400px; height:230px; margin-right:20px; margin-bottom:20px; color:#45484d;}
.m_btn01 ul{padding:114px 0 0 32px;}
.m_btn01 ul h3{font-size:20px; letter-spacing:-2px; margin-bottom:7px; font-family:Malgun Gothic !important;}
.m_btn01 ul li{font-size:18px; font-weight:600; clear:both; line-height:150%; letter-spacing:-0.5px; font-family:Malgun Gothic !important;}

.m_btn02{background:url(../images/btn02.jpg) no-repeat center top; width:400px; height:230px; margin-bottom:20px; color:#45484d;}
.m_btn02 ul{padding:122px 0 0 32px;}
.m_btn02 ul h3{font-size:20px; letter-spacing:-2px; margin-bottom:7px; font-family:Malgun Gothic !important;}
.m_btn02 ul li{font-size:18px; font-weight:600; clear:both; line-height:150%; letter-spacing:-0.5px; font-family:Malgun Gothic !important;}

.m_btn03{background:url(../images/btn03.jpg) no-repeat center top; width:400px; height:230px; margin-right:20px; margin-bottom:15px; color:#45484d;}
.m_btn03 ul{padding:122px 0 0 32px;}
.m_btn03 ul h3{font-size:20px; letter-spacing:-2px; margin-bottom:7px; font-family:Malgun Gothic !important;}
.m_btn03 ul li{font-size:18px; font-weight:600; clear:both; line-height:150%; letter-spacing:-0.5px; font-family:Malgun Gothic !important;}

.m_btn04{background:url(../images/btn04.jpg) no-repeat center top; width:400px; height:230px; margin-bottom:15px; color:#45484d;}
.m_btn04 ul{padding:122px 0 0 32px;}
.m_btn04 ul h3{font-size:20px; letter-spacing:-2px; margin-bottom:7px; font-family:Malgun Gothic !important;}
.m_btn04 ul li{font-size:18px; font-weight:600; clear:both; line-height:150%; letter-spacing:-0.5px; font-family:Malgun Gothic !important;}


/* login */
.login{margin:70px 40px 100px; text-align:center} 
.login_box{ position:relative; overflow:hidden; width:585px; padding:0px 20px 15px 20px; font-family:Malgun Gothic !important; margin-left:75px;}
.login_box label{font-size:1.1rem; font-size:17px; color:#333333; font-weight:600; text-align:center; padding-right:10px; float:left; margin:6px 0 20px 0; }
.login_box input{width:310px; height:36px; font-size:1.0rem; font-size:16px; color:#444; margin-bottom:8px; margin-right:125px; float:right; }
.login_box .login-button {position:absolute; right:20px; display:block; width:110px; height:84px; border:0 none; }
.txt_login{font-family:Malgun Gothic !important; font-size:14px; margin-bottom:45px;}
.txt_login img{margin-bottom:2px;}
.txt_box{background:#eff6fc; padding:20px 25px; line-height:170%; text-align:left; letter-spacing:-0.2px;}
.txt_box span{color:#d0243a; font-weight:600;}
.radio_box{margin:20px 20px 0px 95px;}
.radio_box > p{margin-top:7px !important;}
h5{font-size:1.1rem; font-size:17px; color:#333333; font-weight:600; text-align:center; padding-right:10px; float:left; margin:6px 32px 10px 0; font-family:Malgun Gothic !important;}


/* lecture */
.lecture{margin:25px 0; position:relative;}
h4{background:url(../images/icon_tit.gif) no-repeat left 11px; padding:6px 0 0 12px; color:#444444; font-size:15px; font-family:Malgun Gothic !important; position:relative;}

.tab_title{overflow:hidden; margin-bottom:6px;}
.radio {float:left; margin:4px 15px 0 0;}
.radio label{font-weight:600; background:none !important; padding-right:2px !important; margin-right:10px;}
.radio input{margin:0 !important; width:auto !important;}
input[type="radio"] { opacity:0; position: absolute;}
input[type="radio"] + label > span { position: relative; border-radius: 12px; width: 18px; height: 18px; background-color: #FFFFFF; border: 1px solid #bcbcbc; margin:0 2px 2px 0; display: inline-block; vertical-align: middle;}
input[type="radio"]:checked + label > span span { display: inline-block; width: 10px; height: 10px; position: absolute; left: 4px; top: 4px; border-radius: 8px; border: none; background: #145ed9;}
.select {float:left;}
select{padding-left:3px; background: #fff; border: 1px solid #ccc; display: inline-block; cursor: pointer; vertical-align:top; height:27px; margin-right:5px; }
.btn_right{padding-bottom:5px; position:absolute; top:0; right:0;}
.btn_right span{color:#2676d5; font-weight:600;}

.table_height{position: relative; overflow-y:auto;}

	/* search Table */
	.table01{border:0; margin-bottom:10px;}
	.table01 th{height:28px; padding:2px 0 0 15px; background:#50c5c6; color:#ffffff; font-weight:600; text-align:left;}
	.table01 td{height:28px; padding:2px 10px 0px; background:#e9e9e9; border-right:15px solid #ffffff;}
	.table01 td.bg{background:none;}
	.table01 td:last-child {border-right:none;} 
	.table01 .td_line{background:none; height:8px; padding:0;}

	/* table */
	.table{background-color:#ffffff; border-top:1px solid #155293;}
	.table.line_n{border-top:none;}
	.table tr.line_g{background-color:#fafafa;}		
	.table tr:hover{color:#444444;background:#e9f0f6;}
	.table tr th:last-child {border-right:1px solid #e0e1e3;}
	.table tr td:last-child {border-right:1px solid #e0e1e3;}
	.table th{background-color:#fafafa; height:34px; color:#404040; font-weight:600; border-bottom:1px solid #e0e1e3; border-left:1px solid #e0e1e3; text-align:center; padding-left:0; }
	.table td{height:26px; border-left:1px solid #e0e1e3; border-bottom:1px solid #e0e0e0; text-align:center; padding:2px 2px 2px 2px; color:#5b5b5b; line-height:145%;}
	.table tfoot{ background:#f3f3f3 !important;}
	.table tfoot td{font-weight:600; color:#3563b1 !important; }
	.line_point{background-color:#efefef;}	
	.line_none{border-right:none !important; height:12px !important;  }
	.class{height:40px !important; font-weight:600; padding-top:5px !important;}
	
	.table02 td{border-left:1px solid #e0e1e3; border-bottom:1px solid #e0e0e0; text-align:center; padding:2px 2px 2px 2px; color:#5b5b5b; line-height:145%; word-break:break-all;}

	/* table_sum */
	.table_sum{background-color:#f3f3f3; border-top:2px solid #e0e1e3; border-bottom:1px solid #e0e1e3;}
	.table_sum th{color:#05adae; font-weight:600; border-right:1px solid #e0e1e3; border-left:1px solid #e0e1e3; text-align:center; padding:5px; }
	.table_sum th span{color:#3563c0;}


/* button */
.btn_login {display:inline-block; width:110px; height:53px; padding-top:31px; color:#fff; letter-spacing:-1px; text-align:center; background:#2676d5; font-size:18px; font-weight:600; font-family:Malgun Gothic !important;}
.btn_login:hover {background:#004181; color:#b1eaf1; }
.btn {display:inline-block; height:18px; padding-top:7px; color:#ffffff !important; line-height:14px; font-weight:600; letter-spacing:-0.7px; text-align:center; border:1px solid #2676d5; background:#2676d5; }
.btn:hover {color:#2676d5 !important; background:#ffffff;} 

.btn01 {display:inline-block; height:23px; padding-top:8px; color:#ffffff !important; line-height:14px; font-size:14px; font-weight:600; letter-spacing:-0.7px; text-align:center; border:1px solid #2676d5; background:#2676d5; font-family:Malgun Gothic !important;}
.btn01:hover {color:#2676d5 !important; background:#ffffff;} 
.btn02 {display:inline-block; height:18px; padding-top:7px; color:#ffffff !important; line-height:13px; font-size:13px; font-weight:600; letter-spacing:-0.7px; text-align:center; border:1px solid #757575; background:#757575;}
.btn02:hover {color:#757575 !important; background:#ffffff;} 
.btn03 {display:inline-block; height:23px; padding-top:8px; color:#ffffff !important; line-height:13px; font-size:13px; font-weight:600; letter-spacing:-0.7px; text-align:center; border:1px solid #FF6347; background:#FF6347;}
.btn03:hover {color:#FF6347 !important; background:#ffffff;} 

.btn_ok {display:inline-block; height:16px; width:45px; padding-top:3px; color:#ffffff !important; line-height:14px; font-weight:600; letter-spacing:-0.7px; text-align:center; border:1px solid #f68b1f; margin:1px 0 !important; background:#f68b1f;}
.btn_ok:hover {color:#f68b1f !important; background:#ffffff;}
.btn_del {display:inline-block; height:16px; width:45px; padding-top:3px; color:#ffffff !important; line-height:14px; font-weight:600; letter-spacing:-0.7px; text-align:center; border:1px solid #8d93a9; margin:1px 0 !important; background:#8d93a9;}
.btn_del:hover {color:#8d93a9 !important; background:#ffffff;}



/* popup */
.modal {opacity:0; visibility:hidden; position:fixed; top:0; right:0; bottom:0; left:0; text-align:left; background:rgba(0,0,0, .6); transition:opacity .25s ease;}
.modal_bg {position:absolute; top:0; right:0; bottom:0; left:0; cursor:pointer;}
.modal-state {display:none;}
.modal-state:checked + .modal {opacity:1; visibility:visible;}
.modal-state:checked + .modal .modal__inner {top:0;}
.modal_inner {transition:top .25s ease; position:absolute; top:-8%; right:0; bottom:0; left:0; margin:auto; overflow:auto; background:#fff; border-radius:5px;}
.modal_close {position:absolute; right:1em; top:15px; width:20px; height:1.1em; cursor:pointer;}
.modal_close:after,
.modal_close:before {content:''; position:absolute; width:2px; height:1.5em; background:#494949; display:block; transform:rotate(45deg); left:50%; margin:-3px 0 0 -1px; top:0; font-size:13px;}
.modal_close:hover:after,
.modal_close:hover:before {background:#aaa;}
.modal_close:before {transform:rotate(-45deg);}
@media screen and (max-width:768px) {.modal_inner {width:90%; height:90%; box-sizing:border-box;}}


/* popup 내용 */
.pop_tit{width:100%; background:#f5f5f5; border-bottom:3px solid #05adae;}
h2{ color:#06a0a1; font-weight:600; font-size:17px; padding:11px 15px; font-family:Malgun Gothic !important; letter-spacing:-0.3px; }
.pop_con{margin:20px 20px;}
.pop_con dl{margin-bottom:5px; }
.pop_con dl dt{width:110px; height:19px; text-align:center; padding:6px; font-weight:600; color:#ffffff; background:#50c5c6; display:inline-block; margin-top:2px;}
.pop_con dl dd{display:inline-block;}
.pop_con dl input{width:150px; height:29px; padding:2px 7px 0 15px; background:#e9e9e9; border:none; margin-bottom: 1px;}
.result{background:#edf8fc; padding:13px; font-size:16px; font-weight:600;}
.result span{color:#3563c0;}

.btn_left{padding-bottom:5px; position:absolute; top:7px; left:190px; color:#2676d5; font-weight:600;}
	
/* margin */
.mt5{margin-top:5px;}
.mtb10{margin:10px 0;}
.mtb15{margin:15px 0;}
.mtb10_15{margin:10px 0 15px}
.mtb20_10{margin:20px 0 10px}
.mtb20_15{margin:20px 0 15px}
.ml10{margin-left:10px;}
.ml40{margin-left:40px;}
.mr10{margin-right:10px;}
.mr27{margin-right:27px;}
.mb6{margin-bottom:6px;}
.mb25{margin-bottom:25px;}		


/* text-align  */
.txt_l{text-align:left !important;}
.txt_c{text-align:center !important;}
.txt_r{text-align:right !important;}

.txt_red{color:#d0243a;}
.txt_bold{font-weight:600;}

/* error */
.error{position:relative; width:550px; height:410px; text-align:center; margin:70px auto; background:url(../images/error_bg.jpg) no-repeat center bottom}
.error h2{height:86px; font-weight:700; font-size:2.2rem; font-size:35px; line-height:2.7rem; line-height:43px; letter-spacing:-1px; color:#003a74; text-align:left; }
.error h2 img{margin-right:15px; }
.error p{font-weight:600; font-size:22px; line-height:48px; letter-spacing:-1px; color:#333333; margin-top:60px; position:absolute; left:133px; }

/* json */
#jsonReq {position: fixed; z-index: 15; width: 100%; height: 100%; left: 0px; top: 0px; display: none;}
#jsonReq img {display: block; margin-top: 350px; margin-left:auto; margin-right: auto;}