@charset "utf-8";

.content h4{ font-size:22px; font-weight:500; color:#111; padding:10px 0; letter-spacing:-0.05em; margin:25px 0 15px 0;}
.content h5{ font-size:20px; font-weight:500; color:#ed6d2a; padding:10px 0; margin:15px 0;}
.content h6{ font-size:18px; font-weight:500; color:#4a4a4a; padding:10px 0 10px 24px; position:relative}
.content h6:before{ display:block; content:""; border:#5f9b15 solid 6px; border-radius:20px;  width:5px; height:5px; position:absolute; left:0; top:10px;  }
.content p{ font-size:16px; color:#686868; line-height:150%}


/*리스트타입*/
.list_basic > li{ position:relative; color:#686868; line-height:150%; font-size:16px;  padding-left:15px;  }
.list_basic > li.no_bullet{ padding-left:0px; background:none !important; margin-top:5px; }
.list_basic > li.no_bullet:after{ display:none;}
.list_basic > li:after{ position:absolute; display:block; content:""; left:0; top:12px;}
.lt01 > li{ color:#fff; }
.lt01 > li:after{  width:8px; height:2px; background:#fff;}
.lt02 > li:after{  width:10px; height:2px; background:#b6b6b6;}
.lt03 > li:after{  width:6px; height:6px; background:#3a9ca7; left:3px; top:9px; border-radius:10px;}
.lt04 > li:after{  width:6px; height:6px; background:#000; left:3px; top:10px; border-radius:10px;}

.ol_basic > li{ position:relative; padding-left:40px; color:#686868; padding-top:5px; min-height:30px; margin-bottom:5px;}
.ol_basic > li:after{ display:block; content:"1"; width:30px; height:30px; color:#fff; background:#000; position:absolute; left:0; top:0; border-radius:30px;}
.ol_basic > li:after{ text-align:center; line-height:30px; font-size:17px;}
.ol_basic > li:nth-child(1):after{  content:"1";}
.ol_basic > li:nth-child(2):after{  content:"2";}
.ol_basic > li:nth-child(3):after{  content:"3";}
.ol_basic > li:nth-child(4):after{  content:"4";}
.ol_basic > li:nth-child(5):after{  content:"5";}
.ol_basic > li:nth-child(6):after{  content:"6";}
.ol_basic > li:nth-child(7):after{  content:"7";}
.ol_basic > li:nth-child(8):after{  content:"8";}
.ol_basic > li:nth-child(9):after{  content:"9";}
.ol_basic > li:nth-child(10):after{  content:"10";}
.ol_basic > li:nth-child(11):after{  content:"11";}
.ol_basic > li:nth-child(12):after{  content:"12";}
.ol_basic > li:nth-child(13):after{  content:"13";}
.ol_basic > li:nth-child(14):after{  content:"14";}
.ol_basic > li:nth-child(15):after{  content:"15";}

.ot01 > li:after{ background:#83ad12}
.ot02 > li:after{ background:#d62020}
.ot03 > li:after{ background:#5183de}
.ot04 > li:after{ background:#858585}

.tc01{ color:#000 !important}
.tc02{ color:#25724c !important}
.tc03{ color:#fe3c3c !important}
.tc04{ color:#2b86ec !important}

/*상태표시*/
.state{ font-size:11px; padding:4px 14px 6px;}
.state_fin{ border:#393939 solid 1px; background:#444; color:#fff }
.state_ing{ border:#1552b8 solid 1px; background:#3788f6; color:#fff }
.state_be{ border:#dcb666 solid 1px; background:#ffd800; color:#575757 }


.btn_small{ margin: 3px 0 3px 15px; padding:2px 25px 0px 8px; background-repeat:no-repeat; background-position:90% center; background-size:20%; font-size:11px }
.btn_small:hover{ background-repeat:no-repeat; background-position:90% center; background-size:20%; }




/*기본테이블*/
.basic_table { width:100%; border-collapse:collapse; border-top:2px solid #ed6d2a;}
.basic_table:after { display:block; visibility:hidden; clear:both; content:"" }
.basic_table thead tr th,.basic_table thead tr td {padding:15px 10px; border-bottom:#ccc solid 1px;  border-right: #ccc solid 1px;}
.basic_table tbody tr th,.basic_table tbody tr td {padding:15px 10px; border-bottom:#ccc solid 1px; border-right: #ccc solid 1px; border-left: #ccc solid 1px;}
.basic_table tr th:last-child,.basic_table tr td:last-child{ border-right:0 !important}
.basic_table tr th:first-child,.basic_table tr td:first-child{ border-left:0 !important}
.basic_table th { font-size:14px; color:#686868; background-color:#f9f9f9; vertical-align:middle;   }
.basic_table td { font-size:14px; color:#676767;  line-height:150%; text-align:center;  vertical-align:middle}
.basic_table td a{ text-decoration:none; color:#454545}
.basic_table td.red{ color:#F00}
.basic_table .no_border { border-right-style: none; }
.basic_table .td_center { text-align:center }
.basic_table .td_right { text-align:right }
.basic_table .td_left { text-align:left }
.border_none{ border-right:none;}
@media all and(max-width:640px){
.basic_table th { font-size:16px;  background-color:#f9f9f9; vertical-align:middle }
.basic_table td { font-size:14px;  line-height:150%; text-align:center;  vertical-align:middle}
}

.tbl_st01 th{ background:#397bdf; color:#fff}
.basic_table.tbl_st01 thead tr th,.basic_table.tbl_st01 thead tr td {padding:10px; border-bottom:#4f4f4f solid 1px;  border-right: #4f4f4f solid 1px;}
.basic_table.tbl_st01 tbody tr th,.basic_table.tbl_st01 tbody tr td {padding:10px; border-bottom:#4f4f4f solid 1px; border-right: #4f4f4f solid 1px; border-left: #4f4f4f solid 1px;}


.img_box_wrap{ }
.img_box_wrap:after{ display:block; content:""; clear:both }
.img_wrap{ text-align:center}
.img_wrap img{ max-width:100%; }
.img_wrap .exp_img{ display:block; padding:10px 0; }
.img_box_wrap .con_title{ display:block; font-size:20px; color:#686868; line-height:140%;}
@media screen and (min-width:640px){
.img_wrap{ float:left; margin-right:25px; text-align:left  }
}


/*로그인*/
#login_wrap{ text-align: center; padding:130px 50px }
#login_wrap img{ width:90%; margin:0 auto; max-width:230px; margin-bottom:40px; }
#login_wrap input{ margin-bottom:15px; }
#login_wrap label{ font-size:1em }
#login_wrap .btn_login{ background:#3a9ca7; width:100%; height:40px; border:0; color:#fff; font-weight:bold; border-radius: 10px; margin-top:20px; }
#login_wrap .login_btn_set{ padding:15px 0; }
#login_wrap .login_btn_set a{ font-size:0.85em; display:inline-block; padding:0 10px; }
#login_wrap .copy{ font-size:0.6em; line-height:1.3; margin-top:50px; color:#b1b1b1 }
/*이용권*/

#content_area .tab {
	display: flex;
	justify-content: space-around;
	flex-flow: row;
	width: 100%;
}
#content_area .tab div{float:left; width:calc((100% - 1px) / 2); line-height:62px; text-align:center; background:#ededed; color:#a8a8a8; 
border-right:1px solid #dedede; border-bottom:2px solid #ededed; font-size:18px; font-weight:600;  cursor:pointer;   height: fit-content;}
#content_area .tab div:last-child{border-right:0;}
#content_area .tab div.on{color:#3a9ca7; background:#fff; border-bottom:1px solid #3a9ca7 }

.states{ float:right; padding:5px 10px; border:#3a9ca7 solid 1px; border-radius: 30px; font-size:0.75em; color:#3a9ca7; font-weight: bold}