@import url(basic.css); /* 메인 및 서브 레이아웃 */

/* 상단영역 */
#header_wap {position:relative; z-index:2; width:100%;}
#header_wap .header {margin-top:13px;}
#header_wap .header .fr_log {float:right; margin-top:13px;}
#header_wap .header_top {margin:0 auto; width:1120px; height:51px;}
#header_wap .header .header_menu {height:47px; border-bottom:3px solid #006fe5; border-top:1px solid #dddddd;}
#header_wap .header .header_menu ul {width:1120px; margin:0 auto;}
#header_wap .header .header_menu ul li {float:left;}

/* 콘텐츠영역 */
#center_wap {position:relative; margin:0 auto 0 ; width:100%;}
#center_wap .center {margin:0 auto; width:1120px;}
#center_wap .center #left_wap {float:left; width:200px;}
#center_wap .center #left_wap .left01 {width:195px; height:46px; line-height:46px; border-top:1px solid #2072ae; border-left:1px solid #2072ae; background:#0075c6; font-size:15px; font-weight:bold; color:#ffffff; margin:57px 20px 5px 0;}
#center_wap .center #left_wap .left01 a {color:#ffffff; text-decoration:none; display:block; padding:0 0 0 10px;}
#center_wap .center #left_wap .left01 a:hover {color:#ffff00; text-decoration:none;}
#center_wap .center #left_wap .left01 a:active {color:#ffff00; text-decoration:none;}
#center_wap .center #left_wap .left01 a:focus {color:#ffff00; text-decoration:none;}

#center_wap .center #left_wap .left02 {width:195px; height:46px; line-height:46px; border-top:1px solid #ce7139; border-left:1px solid #ce7139; background:#ff7f00; font-size:15px; font-weight:bold; color:#ffffff; margin:10px 20px 0 0;}
#center_wap .center #left_wap .left02 a {color:#ffffff; text-decoration:none; display:block; padding:0 0 0 10px;}
#center_wap .center #left_wap .left02 a:hover {color:#ffff00; text-decoration:none;}
#center_wap .center #left_wap .left02 a:active {color:#ffff00; text-decoration:none;}
#center_wap .center #left_wap .left02 a:focus {color:#ffff00; text-decoration:none;}
#center_wap .center #content_wap {float:right; margin:0px 0px 0px 0px; width:880px; border-left:1px solid #dddddd; padding:0 0 30px 25px;}
#center_wap .center #content_wap .con_title {height:50px; margin:57px 0 0 0;}
#center_wap .center #content_wap .con_title .con_s01 {float:left; font-size:25px; color:#000000; font-weight:bold;}
#center_wap .center #content_wap .con_title .con_s02 {float:left; font-size:25px; color:#000000; font-weight:bold;}
#center_wap .center #content_wap .con_title .con_s03 {float:left; font-size:25px; color:#000000; font-weight:bold;}
#center_wap .center_area {margin:0 auto; width:1120px;}
#center_wap .center_area #left_wap {width:200px; margin-left:-10px; float:left;}
#center_wap .center_area #left_wap .left01 {width:195px; height:46px; line-height:46px; border-top:1px solid #2072ae; border-left:1px solid #2072ae; background:#0075c6; font-size:15px; font-weight:bold; color:#ffffff; margin:57px 20px 5px 0;}
#center_wap .center_area #left_wap .left01 a {color:#ffffff; text-decoration:none; display:block; padding:0 0 0 10px;}
#center_wap .center_area #left_wap .left01 a:hover {color:#ffff00; text-decoration:underline; background-color: #666; border:1px solid #666;}
#center_wap .center_area #left_wap .left01 a:active {color:#ffff00; text-decoration:none;}
#center_wap .center_area #left_wap .left01 a:focus {color:#ffff00; text-decoration:none;}

#center_wap .center_area #left_wap .left02 {width:195px; height:46px; line-height:46px; font-size:15px; font-weight:bold; color:#ffffff; margin:10px 20px 0 0;}
#center_wap .center_area #left_wap .left02 a {color:#ffffff;text-decoration:none;display:block;padding:0 0 0 10px;background-color: #e05f07; border:1px solid #e05f07;}
#center_wap .center_area #left_wap .left02 a:hover {color:#ffff00; text-decoration:underline; background-color: #666; border:1px solid #666;}
#center_wap .center_area #left_wap .left02 a:active {color:#ffff00; text-decoration:none;}
#center_wap .center_area #left_wap .left02 a:focus {color:#ffff00; text-decoration:none;}

#center_wap .center_area #left_idleWap {width:200px; margin-left:-10px; float:left;}
#center_wap .center_area #left_idleWap .left01 {width:195px; height:46px; line-height:46px; border-top:1px solid #2072ae; border-left:1px solid #2072ae; background:#0075c6; font-size:15px; font-weight:bold; color:#ffffff; margin:57px 20px 5px 0;}
#center_wap .center_area #left_idleWap .left01 a {color:#ffffff; text-decoration:none; display:block; padding:0 0 0 10px;}
#center_wap .center_area #left_idleWap .left01 a:hover {color:#ffff00; text-decoration:underline; background-color: #666; border:1px solid #666;}
#center_wap .center_area #left_idleWap .left01 a:active {color:#ffff00; text-decoration:none;}
#center_wap .center_area #left_idleWap .left01 a:focus {color:#ffff00; text-decoration:none;}

#center_wap .center_area #left_idleWap .left02 {width:195px; height:46px; line-height:46px; font-size:15px; font-weight:bold; color:#ffffff; margin:10px 20px 0 0;}
#center_wap .center_area #left_idleWap .left02 a {color:#ffffff;text-decoration:none;display:block;padding:0 0 0 10px;background-color: #e05f07; border:1px solid #e05f07;}
#center_wap .center_area #left_idleWap .left02 a:hover {color:#ffff00; text-decoration:underline; background-color: #666; border:1px solid #666;}
#center_wap .center_area #left_idleWap .left02 a:active {color:#ffff00; text-decoration:none;}
#center_wap .center_area #left_idleWap .left02 a:focus {color:#ffff00; text-decoration:none;}
#center_wap .center_area #content_wap {float:right; margin:0px 0px 0px 0px; width:880px; border-left:1px solid #dddddd; padding:0 0 30px 25px;}
#center_wap .center_area #content_wap .con_title {height:50px; margin:57px 0 0 0;}
#center_wap .center_area #content_wap .con_title .con_s01 {float:left; font-size:25px; color:#000000; font-weight:bold;}
#center_wap .center_area #content_wap .con_title .con_s02 {float:left; font-size:25px; color:#000000; font-weight:bold;}
#center_wap .center_area #content_wap .con_title .con_s03 {float:left; font-size:25px; color:#000000; font-weight:bold;}
#center_wap .bottom {margin:10px 0; border-top:1px solid #dddddd; }
#center_wap .bottom .text li {padding-left:15px; vertical-align: middle; line-height:20px; background:url("/images/icon/hgs01.gif")5px 7px no-repeat;}
#center_wap .bottom .text span {font-weight:bold;}
#center_wap .bottom02 {margin:10px 0; border-top:0px solid #dddddd; }
#center_wap .bottom02 .text02 li {padding-left:15px; vertical-align: middle; line-height:20px; background:url("/images/icon/hgs01.gif")5px 7px no-repeat;}
#center_wap .bottom02 .text02 span {font-weight:bold;}

/*테이블*/
.join_table {width:100%; border:1px solid #dddddd;}
.join_table th,
.join_table .ps {color:#db0000; vertical-algin: middle;}
.join_table .tt {padding-left:20px; margin-bottom:15px; color:#db0000; vertical-align: middle; line-height:18px; background:url("../images/icon/t_icon.gif")1px 3px no-repeat;}
.join_table td {padding:5px; height: 18px; vertical-align: middle;}
.join_table td img {vertical-align: middle;}
.join_table tbody input {vertical-align: middle; line-height:18px; padding-right:5px;}
.join_table tbody th {border:1px solid #ddd; color:#4e4e4e; background:#fafafa; text-align:right; padding-right:10px;}
.join_table tbody td {border-bottom:1px solid #ddd; line-height:18px; padding-left:10px;}
.join_table tbody td ul li {padding-left:10px; line-height:18px;}

/*신고테이블*/
.sg_table {width:100%; border:1px solid #dddddd; line-height:18px; text-align:center;}
.sg_table .left {text-align:left;}
.sg_table th,
.sg_table td {padding:5px; height:18px; vertical-align: middle;}
.sg_table tbody input {vertical-align: middle; padding-right:5px;}
.sg_table tbody th {border:1px solid #ddd; color:#4e4e4e; background:#fafafa; padding-right:10px;}
.sg_table tbody td {border:1px solid #ddd;}

/*등록정보테이블*/
.dj_table {width:1120px; border:1px solid #dddddd; text-align:center;}
.dj_table th,
.dj_table .ps {color:#db0000; vertical-align: middle;}
.dj_table .tt {padding-left:20px; margin-bottom:15px; color:#db0000; vertical-align: middle; line-height:18px; background:url("../images/icon/t_icon.gif")1px 3px no-repeat;}
.dj_table td {padding:10px; vertical-align:middle;}
.dj_table td img {vertical-align:middle;}
.dj_table tbody input {vertical-align: middle; line-height:18px; padding-right:5px;}
.dj_table tbody th {border:1px solid #ddd; color:#4e4e4e; background:#fafafa; padding:10px;}
.dj_table tbody td {border:1px solid #ddd; line-height:18px; padding-left:10px;}
.dj_table tbody td ul li {padding-left:10px; line-height:18px;}

/*소재지테이블*/
.sj_table {width:1040px; border:1px solid #c0d0e4; text-align:center;}
.sj_table th,
.sj_table td {padding:5px; height: 18px; vertical-align: middle;}
.sj_table tbody th {border:1px solid #c0d0e4; background:#f6f7fc; padding:10px;}
.sj_table tbody td {border:1px solid #c0d0e4; line-height:20px; padding-left:10px;}

/*테이블안이미지*/
.map_img {float:left;}
.map_img img {margin:10px 0 0 0; border:1px solid #c0d0e4;}

/*판정테이블*/
.pj_table {float:right; width:430px; border:1px solid #e4c0c5; margin:10px 5px 10px 15px;}
.pj_table th,
.pj_table td {padding:5px; vertical-align: middle;}
.pj_table tbody th {border:1px solid #e4c0c5; background:#fcf7f6; text-align:right; padding:11px;}
.pj_table tbody td {border:1px solid #e4c0c5; text-align:left; padding-left:10px;}

/*약관동의 단계별*/
.step {text-align:center;}
.step .stxt {color:#fff; font-weight:bold; font-size:13px; background:#3b5998;}
.step ul li {float:left; width:198px; border:1px solid #ddd; padding:8px 10px 8px 10px; background:#efefef;}

/*알림테이블*/
.al_table {width:100%; border:1px solid #ddd; margin-top:10px;}
.al_table th {border:1px solid #ddd; text-align:left; color:#ffffff; background:#9097a6; padding:6px 11px 6px 11px;}
.al_table td {border:1px solid #ddd; padding:10px;}
.al_table td span {color:#ff0000;}

.al_table02 {width:100%; border-top:4px solid #006cb8; margin-top:10px; background-color:#eaf4ff;}
.al_table02 th {border:1px solid #a7d2ff; text-align:left; color:#ffffff; background:#9097a6; padding:11px;}
.al_table02 td {border:1px solid #a7d2ff; padding:10px;}
.al_table02 td span {color:#ff0000;}

.al_div {width:100%; border:1px solid #ddd; margin-top:10px;}
.al_div li { border:1px solid #ddd; padding:10px; }
.al_div .info {color:#ffc0c0;}
.al_div span {color:#ff0000;}
.al_title { border:1px solid #ddd; text-align:left; color:#ffffff; background:#5d6472; padding:6px 11px 6px 11px; }

/*개인정보안내*/
.gain {margin-top:20px; text-align:center;}
.gain .gr {background:#e8e8e8; padding:4px 8px 3px 8px;} 
.gain .txt {padding:9px 20px 9px 20px; text-align:left; line-height:18px;}
.gain ul {border:1px solid #ddd;}
.gain ul li {border-bottom:1px solid #e8e8e8;}
.gain ul li h2 {padding:7px 15px 7px 15px; background:#e8e8e8;}
.gain ul li .text_con {height:200px; overflow:auto; text-align:left; line-height:17px; padding:10px 10px 10px 10px;}
.gain ul li input {margin:5px; vertical-align:middle;}
.text_box {height:100px; overflow:auto; text-align:left; line-height:17px; padding:10px 10px 10px 10px; margin:0 10px 10px 0; border:1px solid #dddddd;}
