@charset "utf-8";



#logintxt { height:120px; padding:50px 0 30px; background:url('../images/sub/bg_toptxt.gif') 120px 20px no-repeat ;}
#logintxt p.txt1 { line-height:22px; font-size:24px; padding:10px 0 0 380px; margin-bottom:20px; color:#065cac !important;}
#logintxt p.txt2 { line-height:22px; font-size:15px; padding-left:380px;}

#loginWrap { width:100%; margin:20px 0 25px; overflow:hidden; }
.login_field { float:left; width:340px; height:195px; padding:30px 67px; border:3px solid #ddd; overflow:hidden;}
	.member { border-color:#1aa6e0; margin-right:20px; }
	.nomember {border-color:#567cc9; }
.login_field h3 { text-align:center; font-size:25px; margin-bottom:30px; }
.login_field div { width:241px; height:90px; float:left; margin-bottom:10px; }

/* 로그인 form */
#inputId { display:block; float:left; margin-bottom:10px; width: 230px; height:36px; line-height:36px; padding-left:8px; border:1px solid #ddd; }
#inputPw { display:block; float:left; width: 230px; height:36px; line-height:36px; padding-left:8px; border:1px solid #ddd; }
.btnLogin { float:right; width:90px; height:90px; border:1px solid #0a7fb0; cursor:pointer; background:url('../images/sub/bg_btnLogin.gif'); font-size:13px; line-height:120px; font-size:14px; font-weight:bold; color:#fff; font-family:"나눔바른고딕"; }
.btnMember { overflow:hidden; /* float:left; */ width:100%; text-align:center; }
.btnMember li { float:left; margin-left:7px; }
.btnMember li.fChild { margin-left:0; }



.nomember ul li { width:165px; height:139px; float:left; }
.nomember ul li + li { margin-left:10px; }
.nomember ul li a { display:block; text-align:center; margin-top:100px; padding:8px 15px; background: url('/design/login/images/sub/bg_nomemberBtn.gif'); color:#fff; border:1px solid #335daf; }
.nomember ul li.mobile { background:url('/design/login/images/sub/bg_mobile.gif') no-repeat 50% 0; }
.nomember ul li.ipin { background:url('/design/login/images/sub/bg_ipin.gif') no-repeat 50% 0; }

/* 이용가능 사이트안내 */
.able_site { }
	.able { background:url('/design/login/images/sub/bg_able.gif') no-repeat 0 7px; padding-left:35px; line-height:35px; font-size:24px; font-weight:600; }
	.able span { margin-left:10px; font-size:14px; font-weight:normal; line-height:45px; }
.btnAblesite { overflow:hidden; }
.btnAblesite li { margin-left:9px; }
.btnAblesite li.fChild { margin-left:0; }
.btnAblesite li a {  font-size:16px; padding:15px 29px; }
.btnAblesite li a:hover { background:#005aa2; color:#fff; }



/* 회원로그인 상태 */
.memberLoginState { border-top:1px solid #ddd; border-bottom:1px solid #ddd; height:65px !important; padding:14px 0 11px; text-align:center; }
.btnloginState { margin:14px 0 0 25px; }
.btnloginState li { float:left; margin-right:5px; }
.btnloginState li a { color:#6e6e6e; }

/* 비회원로그인 상태 */
.nonmemberLoginState { width:100% !important; height:110px !important; padding:14px 0 11px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; }
.nonmemberLoginState p { overflow:hidden; text-align:center; padding-left:15px;  }
.nonmemberLoginState span.txt { float:left; display:block; line-height:40px; margin-right:5px; }
.nonmemberLoginState .nonmemberLogin { border-bottom:1px solid #647aa9; padding-bottom:10px; }
.nonmemberLoginState p.noTxt { font-size:11px; color:#6e6e6e; margin-top:30px; }

.nonmemberLoginState .list { float:left !important; width:100%; height:65px; padding:7px 0; }
.nonmemberLoginState ul.list li { width:310px; height:20px; float:left; text-align:left; margin:0; padding:0 10px 0 20px; background:url('/design/login/images/sub/bl_graydot.gif') no-repeat 10px center;  }
.nonmemberLoginState ul.list li a { display:inline; text-align:left; background:none !important; border:none; font-size:12px; color:#6e6e6e !important; padding:0; margin:0; }
.nonmemberLoginState ul.list li a:hover { font-weight:600; }
.nonmemberLoginState ul.list li span { float:right; font-size:12px; color:#6e6e6e !important; padding:0; margin:0; }

/* 회원가입 */

/************************************/
/* 공통 */
h4 { background:url('/design/login/images/sub/bl_h4.gif') no-repeat left center; font-size:18px; font-weight:600; padding-left:25px; margin:30px 0 15px; }
.sub_con { position:relative; clear:both; margin:0 0 8px 20px; overflow:hidden; }
.sub_con p { line-height:24px; font-size:15px; }

.btnWrap { text-align:center; margin:40px 0; display:block; }
.btnWrapS { text-align:center; margin:10px 0; display:block; }
.btn_radi_gray a, .btn_radi_gray { padding:8px 12px; color:#333; background:#ddd; border:1px solid #ddd; border-radius:3px; }

.btn_radi_grayW, .btn_radi_grayW a { display:inline-block; height:auto; padding:13px 70px; color:#333; background:#ddd; border:1px solid #ddd; border-radius:3px; }
.btn_radi_blueW, .btn_radi_blueW a { display:inline-block; height:auto; padding:13px 70px; color:#fff; background:#005aa2; border:1px solid #005aa2; border-radius:3px; }
.btn_radi_white, .btn_radi_white a { display:inline-block; padding:10px 15px; font-size:13px; font-weight:600; text-decoration:none; color:#333; border:1px solid #ddd; border-radius:3px;}
.btn_radi_whiteB { display:inline-block; padding:13px 30px; font-size:15px; font-weight:600; text-decoration:none; color:#333; border:1px solid #ddd; border-radius:3px;}
.btn_radi_whiteS a { display:block; padding:10px 17px; border:1px solid #ddd; border-radius:3px; color:#333 !important; font-size:12px; font-weight:600; text-decoration:none; }
.btn_radi_whiteB:hover { background:#015ca3; border:1px solid #015ca3; color:#fff; }
.btn_radi_blue, .btn_radi_blue a { display:inline-block; padding:10px 15px; font-size:13px; font-weight:600; background:#005aa2; text-decoration:none; color:#fff; border:1px solid #005aa2; border-radius:3px;}

.content { width:100%; height:auto; }

h3.tle { background:url('/design/login/images/sub/bg_tle.gif') no-repeat center top; padding:34px 0 0 92px; height:79px; border-bottom:1px solid #ddd; font-size:28px; }


/* 회원가입 - 1. 약관동의 */
.box_agree { width:900px; }
.box_agree { margin-top:15px; width:100%; border-top:2px solid #ddd; border-bottom:2px solid #ddd; padding:20px 0; }
.ctn_agreement { height:400px; overflow-y:scroll; }
.ctn_agreement p { font-size:14px; color:#4a4a4a; line-height:22px; padding:0 10px; font-size:14px; }
.ctn_agreement ul { padding:0 10px; }
.box_agree h5 { margin:15px 0; font-weight:600; }
.box_agree li { font-size:14px; }
.box_agree .dep01 li { margin-bottom:20px; }
.box_agree .dep00 li { padding:5px 0 0 10px; margin-bottom:0; color:#4a4a4a; font-size:13px; }
.box_agree .dep02 li { padding:5px 0 0 10px; margin-bottom:0; color:#4a4a4a; font-size:13px;  }
.box_agree .dep03 li { padding:5px 0 0 10px; margin-bottom:0; color:#4a4a4a; font-size:13px; }
/*.box_red { background:#c41709; padding:10px 20px; border:1px solid #c41709; border-radius:3px; }*/
.box_red { background:url('/design/login/images/sub/bg_nomemberBtn.gif') repeat; padding:10px 20px; border:1px solid #98afde; border-radius:3px; }
.box_red p { color:#fff; }

/* 회원가입 - 1. 약관동의 > 회원유형 선택 */
.join01 { background:url('/design/login/images/sub/bg_agree_01.gif') no-repeat center top !important; }
.kind { border:2px solid #ddd; padding:30px 0; overflow:hidden; }
.kind li { padding-top:33px; height:164px; float:left; width:324px; border-right:1px solid #ddd; text-align:center; font-size:25px; }
.kind li.lChild { border-right:none; }
.kind span { font-size:16px; }
.kind a { width:100px; font-size:14px; display:block; text-align:center; padding:8px 15px; background: url('/design/login/images/sub/bg_nomemberBtn.gif'); color:#fff; border:1px solid #335daf; }
.btnKind { text-align:center; width:100%; padding-top:30px; }
.btnKind a { margin:0 auto; }

/* 회원가입 - 2. 본인인증 */
.join02 { background:url('/design/login/images/sub/bg_agree_02.gif') no-repeat center top !important; }
.agree_02 h3 { background:url('/design/login/images/sub/bg_agree_02.gif') no-repeat center top; width:888px; padding:34px 0 0 92px; height:79px; border-bottom:1px solid #ddd; font-size:28px; }
.agree_02 h3 span { font-size:14px; color:#6e6e6e; word-break:break-all; display:block; }
.certify {  width:940px; margin:50px auto 20px; overflow:hidden; text-align:center; }
.certify ul li { width:450px; float:left; border:3px solid #ddd; text-align:center; }
.certify ul li + li { margin-left:20px; }
.certify ul li a { text-align:center; color:#fff; background:#335daf; margin-top:15px; }

.certify ul li.mobile { background:url('/design/login/images/sub/bg_certify_mobile.jpg') no-repeat center top; border-top-color:#335daf; }
.certify ul li.ipin { background:url('/design/login/images/sub/bg_certify_ipin.jpg') no-repeat center top; border-top-color:#335daf; }
.certify ul li .btn { padding:60px 0 0 230px; width:150px; color:#335daf; margin-bottom:50px; }
.certify ul li.mobile a, .certify ul li.ipin a { display:inline-block; padding:8px 15px; background: url('/design/login/images/sub/bg_nomemberBtn.gif'); color:#fff; border:1px solid #335daf; }

span.mobile { background:url('/design/login/images/sub/bg_mobile.gif') no-repeat 50% 20px; display:block; text-align:center; padding:20px 60px; border:2px solid #ddd; }
span.ipin { background:url('/design/login/images/sub/bg_ipin.gif') no-repeat 50% 20px; display:block; text-align:center; padding:20px 60px; border:2px solid #ddd; }
span.mobile a, span.ipin a { display:inline-block; padding:8px 15px; margin-top:100px; background: url('/design/login/images/sub/bg_nomemberBtn.gif'); color:#fff; border:1px solid #335daf; }

.certify ul li div { overflow:hidden; }
.certify ul li div p { font-size:15px; padding:30px; border-bottom:1px solid #ddd; }
.certify ul li div > div { font-size:16px; display:block; border:0; margin:0; line-height:24px; text-align:center; }
.certify ul li div > div span.txt1 { display:block; font-weight:bold; font-size:15px; padding:10px 0; width:250px; color:#fff; background:#737373; float:left; }
.certify ul li div > div span.txt2 { display:block; padding:10px 0;  font-size:15px; width:200px; background:none; float:left; }

/* 회원가입 - 3. 회원정보입력 */
.join03 { background:url('/design/login/images/sub/bg_agree_03.gif') no-repeat center top !important; }

/* 회원가입 - 4. 회원가입완료 */
.join04 { background:url('/design/login/images/sub/bg_agree_04.gif') no-repeat center top !important; }
p.completeTle { font-size:36px; margin-bottom:30px; background:url('/design/login/images/sub/bg_joinComplete.jpg') no-repeat center top; padding-top:150px; }


/*목록형 - 완료 */
/*.board_list{margin-bottom:30px;margin-top:0;}*/
.board_list {width:100%;  border-spacing:0;border-top:2px solid #145297;}
.board_list caption{position:absolute;visibility:hidden;height:0;line-height:0;font-size:0;}
.board_list th{padding:10px 0; background:#fafafa;border-bottom:1px solid #757c86;font-size:14px; font-weight:normal; color:#111}
.board_list th a{color:#111}
.board_list th a:hover{ text-decoration:underline;}
.board_list td{padding:15px 20px;border-bottom:1px solid #757c86; font-size:14px; word-wrap:normal;}
.board-list table tbody tr:hover td,.board-list tbody tr:focus td {background:#f4f8fc;border-bottom:1px solid #dde2e8;}
.board_list .num{width:8%;}
.board_list .title{width:40%;}
.board_list .writer{width:27%;}
.board_list .date{width:13%;}
.board_list .hits{width:8%;}
.board_list .file{width:5%;}
.board_list td.notice{padding:10px 0;border-bottom:1px solid #dde2e8;background:#f1f4f7;}
.board_list td.title{text-align:left;padding-left:5px;letter-spacing:0;}
.board_list td.title .ico_sc{display:inline-block;margin-right:5px;padding:2px 5px;color:#fff;font:normal 11px "Malgun Gothic","Dotum","Arial","verdana","Helvetica";text-align:center;border-radius:5px;}
.board_list td.title .ico_sc.cbg1{border:1px solid #96660b;background:#af7e20;}
.board_list td.title .ico_sc.cbg2{border:1px solid #194d74;background:#4d7ca0;}
.board_list td.title .ico_sc.cbg3{border:1px solid #983558;background:#aa4d6e;}
.board_list td.title .ico_sc.cbg4{border:1px solid #525252;background:#464646;}

.TB_inner { border-spacing:0; border-left:1px solid #ddd; }
.TB_inner th, .TB_inner td { border-right:1px solid #ddd; text-align:center; }
.TB_inner th{padding:10px 0; background:#145297; border-bottom:1px solid #ddd; font-size:14px; font-weight:normal; color:#fff }
.TB_inner th a {color:#fff }
.TB_inner th a:hover{ text-decoration:underline;}
.TB_inner td {padding:15px 20px;border-bottom:1px solid #ddd; font-size:13px; word-wrap:normal;}




.search_field { float:left; padding:30px; border:3px solid #ddd; overflow:hidden;}
.search_field h3 { text-align:center; font-size:25px; margin-bottom:30px; }
.search_field div { width:241px; height:90px; float:left; margin-bottom:10px; }

.search_field_nomember { float:left; border:3px solid #ddd; overflow:hidden; width:170px;}


/* 본인인증 팝업 */
#popupAuth {width:100%;}
#popupAuth h1 {width:100%; min-height:60px; padding:20px 30px; font-weight:bold; font-size:24px; color:#fff; line-height:1.7; letter-spacing:0.03em; background:url('/design/login/images/sub/bg_nomemberBtn.gif') repeat 0 0; border-bottom:1px solid #335daf; box-sizing:border-box; }
#popupAuth h1 span {font-size:15px; letter-spacing:-0.02em;}
.popupAuthCon {width:92%; margin:0 auto; padding-top:25px;}
.popupAuthCon dl {position:relative; float:left; width:48.5%; margin:0 0 0 3%; overflow:hidden;}
.popupAuthCon dl:first-child {margin-left:0;}
.popupAuthCon dt {margin:0 0 16px; padding:5px 0 0 21px; font-size:16px; font-weight:600; letter-spacing:-0.02em; background:url('/design/login/images/sub/bl_h4.gif') no-repeat left 6px; overflow:hidden;}
.popupAuthCon dd { min-height:150px; margin:0; padding:20px; font-size:13px; line-height:1.7; border:3px solid #ccc; border-top-color:#335daf; background:#eeeeee;}
.popupAuthCon dd .con_2 {margin-top:5px;}
.popupAuthCon dd .btn {position:absolute; top:1px; right:0; text-align:right;}
.popupAuthCon dd .btn a {display:inline-block; padding:2px 7px; font-size:12px; color:#fff; letter-spacing:-0.02em; background:url('/design/login/images/sub/bg_nomemberBtn.gif'); border:1px solid #335daf;}
.popupAuthCon dd .btn a:focus-visible {outline:none; border:2px dashed #ff0000 !important;}
@media all and (max-width:480px){
	.popupAuthCon dl {width:100%; margin:0 0 20px; }
	.popupAuthCon dd { min-height:auto; }
}

/*로그인 팝업*/
#loginform {text-align:center; padding:40px 30px;}
#loginform img {max-width:100%;}
#loginform .form {border:1px solid #ccc; border-radius:10px; margin:40px 0 0; padding:30px; }
#loginform .form ul { position:relative; overflow:hidden;}
#loginform .form ul::before {content:''; position:absolute; left:0; top:50%; width:100%; height:1px; background:#ddd; }
#loginform .form ul.on::before { background:#00a3a8; }
#loginform .form li {position:relative; overflow:hidden; border:1px solid #ddd; border-radius:8px 8px 0 0; }
#loginform .form li:nth-of-type(1) { border-bottom:0; }
#loginform .form li:nth-of-type(2) { border-radius:0 0 8px 8px; border-top:0; }
#loginform .form li.on {border:1px solid #00a3a8;}
#loginform .form li.on:nth-of-type(1) { border-bottom:0; }
#loginform .form li.on:nth-of-type(2) { border-radius:0 0 8px 8px; border-top:0; }
#loginform .form li::before {content:''; position:absolute; left:20px; top:15px; width:30px; height:30px; background:url('/design/login/images/sub/login_popup_icon.png') no-repeat 0 0/200% auto; }
#loginform .form li:nth-of-type(2)::before {background-position:100% 0;}
#loginform .form li.on:nth-of-type(1)::before {background-position:0 100%;}
#loginform .form li.on:nth-of-type(2)::before {background-position:100% 100%;}
#loginform .form li input { font-size:18px; float:right; border:0; line-height:60px; height:60px; width:calc(100% - 70px); background:transparent; }
#loginform .form li input:focus {outline:0;}
#loginform .form li input::placeholder {color:#5b5b5b;}
#loginform .form a {display:block; background:#2f7274; color:#fff; font-weight:600; font-size:23px; letter-spacing:0; padding:15px; border-radius:10px; margin:20px 0 0; border:1px solid #027b7f; }
@media all and (max-width:480px){
	#loginform {padding:30px 20px; }
	#loginform .form {padding:20px;}
}