@charset "utf-8";
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  src: url(/font/NanumGothic.eot);
  src: url(/font/NanumGothic.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumGothic.woff2) format('woff2'),
       url(/font/NanumGothic.woff) format('woff'),
       url(/font/NanumGothic.ttf) format('truetype');
}
html{height:100%;}
body {
margin:0 auto;
padding:0;
background:#dfe5eb;
font-family: 'Nanum Gothic','Gulim', Helvetica, Arial, sans-serif;
width:100%;
height:100%;
font-size:15px;
font-weight:normal;
}
img,fieldset { border:0 none;}
table{border-collapse:collapse;margin :0 auto;padding:0;}
dl,ul,ol,li{ list-style: none; }
hr{ display:none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td{ margin :0 auto; padding : 0;font-size:15px;letter-spacing:0;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;}
input,textarea,select{font-family: 'Nanum Gothic','Gulim', Helvetica, Arial, sans-serif;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;}
a{text-decoration:none;color:#000;}
a:link{text-decoration:none;color:#000;}
a:active{font-weight:normal;color:#000;}
a:hover{text-decoration:underline;}
img,input,select,textarea {font-size:100%;vertical-align:middle;}
select{margin:0;padding:0;vertical-align:middle;}
em{font-style:normal;}


table .noborder td{border:0;}
table .nopadding td{padding:0;}
.radio_margin{margin-top:-3px;margin-bottom:0;margin-right:3px;vertical-align:middle;}
.ck_margin{margin:0px 3px 3px 4px;}

.fw{font-weight:bold;}
.m_sp {letter-spacing:-1px;}
.m_sp0 {letter-spacing:0px;}
.clear{clear:both;}

.line3{position:relative;display:block;width:100%;height:3px;}
.line5{position:relative;display:block;width:100%;height:5px;}
.line10{position:relative;display:block;width:100%;height:10px;}
.line15{position:relative;display:block;width:100%;height:15px;}
.line20{position:relative;display:block;width:100%;height:20px;}
.line25{position:relative;display:block;width:100%;height:25px;}
.line30{position:relative;display:block;width:100%;height:30px;}
.line35{position:relative;display:block;width:100%;height:35px;}
.line40{position:relative;display:block;width:100%;height:40px;}
.line45{position:relative;display:block;width:100%;height:45px;}
.line50{position:relative;display:block;width:100%;height:50px;}
.line70{position:relative;display:block;width:100%;height:70px;}


#header{position:relative;width:100%;min-width:340px;height:100px;line-height:100px;text-align:center;font-size:23px;font-weight:bold;color:#fff;background:#058cd3;}
#header span.subttitle{font-size:18px;}
#contents_login{position:relative;min-height:620px;margin:0 auto;text-align:center;padding:25px 20px 20px 20px;}


.block_box{position:relative;display:block;background:#fff;padding:20px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.block_box2{position:relative;display:block;background:#fff;padding:20px;border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;}


.login_pos1{position:relative;display:block;background:url('/img/login_bg.jpg') no-repeat 50% 0;width:340px;height:252px;margin:0 auto;}
.login_pos2{position:relative;display:block;width:100%;margin:0 auto;text-align:center;}
.login_tbl{width:90%;table-layout:fixed;border:0;}
.login_tbl td{text-align:center;}

.input_textarea1{background:#fafafa;border-top:#8e8e8e 1px solid;border-left:#8e8e8e 1px solid;border-right:#d2d2d2 1px solid;border-bottom:#d2d2d2 1px solid;}
.input_type1{background:#fafafa;border-top:#8e8e8e 1px solid;border-left:#8e8e8e 1px solid;border-right:#d2d2d2 1px solid;border-bottom:#d2d2d2 1px solid;height:24px;}

.input_login{background:#f8f8f8;border:#c7c7c7 1px solid;width:100%;height:50px;font-size:18px;color:#000;text-align:center;}

.check_cursor{float:left;padding:0 20px 0 0;cursor:pointer;}
.check_cursor2{display:inline-block;cursor:pointer;}



.btn_login{display:inline-block;width:100%;height:80px;line-height:80px;text-align:center;color:#fff;font-size:40px;font-weight:bold;background:#1b5d94;border:#1b5d94 1px solid;cursor:pointer;overflow: hidden;}
/*.li_type1{padding:.45em;text-align:left;display:block;border:0;border-bottom:#a7c0dc 1px dashed;background:#eef6fa url('/img/login_arrow.png') no-repeat 100% 50%;}*/
.li_type1{padding:.45em;text-align:left;display:block;border:0;border-bottom:#a7c0dc 1px dashed;background:#eef6fa}
.li_type1 h2{font-size:15px;font-weight:700;margin:10px 25px 5px 10px;overflow:hidden;white-space:nowrap;}
.li_type1 p{font-size:13px;font-weight:400;margin:4px 25px 5px 10px;overflow:hidden;white-space:nowrap;}


input[type=checkbox]{ display:none; }
input[type=checkbox] + label{ background: url("/img/check_off.png") no-repeat; height: 40px; width: 40px; display:inline-block; text-align: left; padding: 5px 0 0 28px; cursor:pointer; }
input[type=checkbox]:checked + label{ background: url("/img/check_on.png") no-repeat; height: 40px; width: 40px; display:inline-block; text-align: left; padding: 5px 0 0 28px; cursor:pointer; }

/* 23.06.20 김서희 추가 시작 */
input[type=radio] + label{ background: url("/img/radio_off.png") no-repeat; height: 40px; width: 40px; display:inline-block; text-align: left; padding: 5px 0 0 28px; cursor:pointer; }
input[type=radio]:checked + label{ background: url("/img/radio_on.png") no-repeat; height: 40px; width: 40px; display:inline-block; text-align: left; padding: 5px 0 0 28px; cursor:pointer; }
/* 23.06.20 김서희 추가 끝 */

.album_div{position:relative;background:#fff;padding:10px 0;margin:0 0 10px 0;}
.album_div .tpos{padding:8px 16px 12px 16px;}

.album_tbl{table-layout:fixed;width:100%;}
.album_tbl td{color:#515151;font-size:15px;text-align:left;line-height:20px;}
.album_tbl .title{display:block;padding:0 0 2px 0;color:#000;font-size:15px;font-weight:bold;letter-spacing:0;}
.album_tbl .write{display:block;padding:0 0 0 0;color:#7d7d7d;font-size:13px;}
.album_tbl .a_phto{background:#f3f3f3 url('/img/pic_base2.png') no-repeat;margin:0 auto;position:relative;width:44px;height:44px;line-height:44px;overflow: hidden;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;text-align:center;float:left;}