@charset "utf-8";

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}


input::placeholder {color:#ccc;}
input::-webkit-input-placeholder {color:#ccc;}
input:-ms-input-placeholder {color:#ccc;}
 
textarea::placeholder {color:#ccc;}
textarea::-webkit-input-placeholder {color:#ccc;}
textarea:-ms-input-placeholder {color:#ccc;}


.ptable td{ padding: 5px 5px; font-size: 15px;}
.bluetd{ background-color:#BDE7F4;}
.tableimg { width: 982px; }
.tableimg img{ width: 982px; height: auto}

/* 레이아웃 크기 지정 */
/*
#csrsap {min-width:1200px;}
#csrsap .inner { position:relative; width:1200px; margin:0 auto; }
*/

#csrsap_hd {}
#csrsap_hd .csrsap_logo { text-align:center; }

#csrsap_hd .csrsap_gnb { text-align:center; margin:30px 0 0; }
#csrsap_hd .csrsap_gnb ul { display:inline-block; }
#csrsap_hd .csrsap_gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#csrsap_hd .csrsap_gnb li { float:left; width:400px; margin-left:40px; }
#csrsap_hd .csrsap_gnb li a { display:block; height:65px; line-height:65px; text-align:center; font-size:26px; font-family:arial; font-weight:700; background:#21409a; color:#fff; border-radius:20px; }
#csrsap_hd .csrsap_gnb li:first-child { margin-left:0px; }
#csrsap_hd .csrsap_gnb li a.active { background:#e17914; }

#csrsap .csrsap_wrap { position:relative; width:1200px; margin:30px auto; }
#csrsap .csrsap_wrap:after {display:block;visibility:hidden;clear:both;content:""}

#csrsap .csrsap_subgnb { border-top:1px;  border-bottom:1px; margin-bottom:30px; }
#csrsap .csrsap_subgnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#csrsap .csrsap_subgnb li { float:left; width:400px; }
#csrsap .csrsap_subgnb li a { display:block; height:58px; line-height:58px; text-align:center; font-size:22px; font-family:arial; font-weight:700; background:#21409a; color:#fff; border-left:1px solid #fff; }
#csrsap .csrsap_subgnb li a.active { background:#e17914; }

#csrsap .csrsap_write_info { margin-bottom:30px; font-size:14px; line-height:22px; }

/* 쓰기 테이블 */
#csrsap_confirm table { border:0; }
#csrsap_confirm .tbl_frm01 th { width:180px; color:#064b8c; font-size:14px; }
#csrsap_confirm .frm_input { width:100%; }

/* 추가 내용 부분 */
ul.sub_cont{ width:1200px; margin:0px auto; }
ul.sub_cont li.sub_txt { padding-top:23px; }

.dot_1{ padding-left:10px; background:url('../img/dot2.gif') no-repeat; background-position:0 10px }
.dot_2{ padding-left:10px; background:url('../img/dot_3.gif') no-repeat; background-position:0 7px }

.txt_1{font-size:14px; font-family:Tahoma, Geneva, sans-serif;}
.txt_2{font-size:11px; color:#838383; }
.txt_3{font-size:13px; color:#444444; font-family:Tahoma, Geneva, sans-serif;}
.txt_7{font-size:13px; font-family:Tahoma, Geneva, sans-serif; color:#555;}
.txt_8{font-size:12px; font-family:Tahoma, Geneva, sans-serif; color:#156911;}
.txt_9{font-size:13px; font-family:Tahoma, Geneva, sans-serif; color:#184c9a;}
.sub_title_01{font-size:18px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; color:#393939; }
.sub_title_02{font-size:15px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; color:#555; }
.sub_title_03{font-size:15px; font-family:Tahoma, Geneva, sans-serif; background:url(/_images/dot_1.gif) no-repeat; background-position:0 2px; padding-left:20px; font-weight:bold; color:#054b8c; }
.sub_title_04{font-size:15px; font-family:Tahoma, Geneva, sans-serif; border:1px solid #c8c8c8; background:#efefef; padding:5px 10px; margin:10px 0 6px 25px; font-weight:bold; color:#555;  width:900px;}
.sub_title_05{font-size:15px; font-family:Tahoma, Geneva, sans-serif; border:1px solid #c8c8c8; background:#efefef; padding:5px 10px; margin:10px 0 6px 25px; font-weight:bold; color:#054b8c; width:900px;}
.txt_red{color:#FF0000; font-size:13px;}
.txt_red_2{color:#FF0000; font-size:11px;}
.txt_red_3{color:#FF0000; font-size:14px; font-family:Tahoma, Geneva, sans-serif; }
.txt_5{font-size:12px; font-family:Tahoma, Geneva, sans-serif;}
.txt_6{font-size:16px; font-family:Tahoma, Geneva, sans-serif;}
.txt_7{font-size:16px; color:#555; padding-bottom:10px; font-weight:600; font-family:Tahoma, Geneva, sans-serif;}
.txt_blue_1{color:#3672c6; font-family:Tahoma, Geneva, sans-serif; font-size:14px; margin-bottom:7px;}
.txt_blue_2{color:#3391b9; font-family:Tahoma, Geneva, sans-serif; font-size:14px; margin-bottom:7px;}


.sub_title_1{font-size:16px; font-family:Tahoma, Geneva, sans-serif; margin-top:25px; margin-bottom:10px;}


.eposter_info { text-align:right; font-size:22px; font-weight:700; margin-bottom:30px; color:#20465d; }

#eposter_req_frm { }
#eposter_req_frm h3 { font-size:25px; font-weight:800; margin-bottom:20px; }
#eposter_req_frm .at_info { padding:10px; background:#f0f0f0; border:1px solid #e9e9e9; margin-bottom:20px; line-height:22px; }

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:2px solid #036eb8;border-bottom:1px solid #ececec} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}


.eposter_category  { margin:30px 0; }
.eposter_category ul:after {display:block;visibility:hidden;clear:both;content:""}
.eposter_category li { float:left; width:25%; margin-bottom:0px; padding:5px; }
.eposter_category li a { position:relative; display:block; text-align:center; word-break: keep-all; height:75px; background:#20465d; color:#fff; border:1px solid #ccc; border-radius:10px; padding:12px 20px; font-size:18px; line-height:22px; }
.eposter_category li a.active { background:#f0f0f0;color:#000; }

.eposter_category li:nth-child(1) a,
.eposter_category li:nth-child(2) a,
.eposter_category li:nth-child(6) a,
.eposter_category li:nth-child(7) a,
.eposter_category li:nth-child(8) a { padding-top:25px; }

.eposter_category .ep_num_range { display:block; position:absolute; width:100%; left:0; bottom:10px; text-align:center;  color:#c8c837; font-weight:bold; }
.eposter_category li a.active .ep_num_range { color:#ffff00; }

/* 미디어쿼리 시작 */
@media all and (max-width:1200px) {
	.eposter_category li a { font-size:14px; line-height:20px; }
}

/* thead 한 줄 테이블 */
.tbl_head01 {}
.tbl_head01 table {clear:both;width:100%;border-collapse:collapse;border-spacing:0}
.tbl_head01 thead th {background:#20465d;color:#fff;border:1px solid #60718b;text-align:center;padding:15px 5px;font-size:14px}
.tbl_head01 thead th a{color:#fff}
.tbl_head01 thead input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 thead a {color:#383838;text-decoration:underline}
.tbl_head01 tbody th{border:1px solid #d6dce7;padding:5px;text-align:center}
.tbl_head01 tbody td{border:1px solid #d6dce7;padding:5px;text-align:center; font-size:15px; line-height:1.5; word-break:keep-all; }
.tbl_head01 tbody tr:nth-child(even){background:#eff3f9}
.tbl_head01 tbody td .frm_input{width:100%;}
.tbl_head01 tbody td select{width:100%}
.tbl_head01 table .tbl_input{height:27px;line-height:25px;border:1px solid #d5d5d5;width:100%}
.tbl_head01 table select {height: 27px;line-height: 25px;width: 100%;}
.tbl_head01 tbody td a { font-size:12px; }
.tbl_head01 tbody td a.btn_view { display:inline-block; min-width:80px; padding:10px 10px; border-radius:10px; background:#20465d;color:#fff; text-align:center; }
.tbl_head01 tbody td a.btn_view.btn_download { background:#d3267c; }

/* 공통 */
.td_addr {text-align:left !important}
.td_alignc {text-align:center}
.td_addr_line {line-height:2em}
.td_addr_line .frm_input{margin:2px 0}
.td_amount {width:70px;text-align:center}
.td_auth {width:100px;text-align:center}
.td_auth_mbnick {width:200px}
.td_boolean {width:50px;text-align:center}
.td_category {width:120px;text-align:center}
.td_categorysmall {width:60px;text-align:center}
.td_categorymid {width:100px;text-align:center}
.td_categorybig {width:200px;text-align:center}
.td_mng {width:100px;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.td_mngsmall {width:60px;text-align:center;}

.txt_left {text-align:left !important}


/* 폼 테이블 */
.tbl_eposter_frm {margin:0 0 30px}
.tbl_eposter_frm table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_eposter_frm th {width:160px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left; font-weight:bold; }
.tbl_eposter_frm td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;min-height:35px;text-align:left;background:transparent}
.wr_content textarea,.tbl_eposter_frm textarea,.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}

.tbl_eposter_frm td.td_sub_title { width:160px; background:#f0f0f0 !important; }
.tbl_eposter_frm td.td_add_sub_title { width:100px !important; }
.tbl_eposter_frm td.td_add_sub_title2 { width:100px; background:#f0f0f0 !important; }
.tbl_eposter_frm td span { font-size:16px; }

.tbl_eposter_frm textarea {padding:2px 2px 3px}
.frm_input {height:40px}

.full_input {width:100% !important;}
.full_input02 {width:98% !important;}
.half_input {width:49.5%}
.twopart_input {width:385px;margin-right:10px}
.tbl_eposter_frm textarea, .write_div textarea {width:99%;height:150px}
.tbl_eposter_frm a {text-decoration:none}
.tbl_eposter_frm .frm_file {display:block;margin-bottom:5px}
.tbl_eposter_frm .frm_info {display:block;padding:5px 0 0;line-height:1.4em; color:red; }
.tbl_eposter_frm .frm_tinfo {display:block;padding:0 0 5px;line-height:1.4em; color:red; }

.tbl_eposter_frm .frm_phone { width:100px; }
.tbl_eposter_frm .at_small { font-size:12px; font-weight:normal; }

.at_required { display:inline-block; color:red; font-size:12px; font-weight:bold; margin-right:5px; }

.tbl_eposter_frm .at_row_ul { padding:10px 0;}
.tbl_eposter_frm .at_row_ul li { margin-top:5px; }
.tbl_eposter_frm .at_row_ul li:frist-child { margin-top:0px; }
.tbl_eposter_frm .at_row_ul li strong{ display:inline-block; width:100px; }

/*
.ap_mou_list { height:150px; overflow-y:auto; border:1px solid #ccc; padding:10px; }
.ap_mou_list:after {display:block;visibility:hidden;clear:both;content:""}
.ap_mou_list li { float:left; width:50%; font-size:14px; line-height:22px; }
*/
.ap_mou_list { border:1px solid #ccc; padding:10px; }
.ap_mou_list:after {display:block;visibility:hidden;clear:both;content:""}
.ap_mou_list li { float:left; width:50%; font-size:14px; line-height:25px; }

.txt_true {color:#e8180c}
.txt_false {color:#ccc}
.txt_cred { color:red; }
.txt_cblue { color:blue; }


/* 세부 테이블 */
#coact_tbody { border:0; }
#coact_tbody td { border:0; padding:10px 0; }
#coact_tbody table td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;min-height:35px;background:transparent}

.btn_coact { display:inline-block; padding:2px 0px; margin-top:5px; cursor:pointer; font-size:14px !important; color:#fff; border-radius:10px; width:50px; text-align:center; }
.btn_coact.btn_coact_add { background:#2185d0; }
.btn_coact.btn_coact_del { background:#ca1010; }
.btn_coact.btn_coact_ud { background:#ccc; width:80px; padding:5px 0; margin:10px 0; }

/* 로그인 */
.eposter_confirm_info { font-size:22px; font-weight: 700; padding-bottom: 40px; color: #FF7600; text-align:center; }

.tbl_eposter_login {}
.tbl_eposter_login table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_eposter_login th { background:#666666; text-align:center; color:#fff; border:1px solid #e9e9e9; }

/* 버튼 */
a.at_btn,.at_btn {line-height:45px;height:45px;padding:0 20px;text-align:center;font-weight:bold;border:0;font-size:18px;
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

a.at_btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.at_btn01:focus, a.at_btn01:hover {text-decoration:none}
button.at_btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.at_btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.at_btn02:focus, .at_btn02:hover {text-decoration:none}
button.at_btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}
a.at_btn03 {display:inline-block;padding:7px15px;border:1px solid #e21b7d;background:#e21b7d;color:#fff;text-decoration:none;vertical-align:middle}
a.at_btn03:focus, .at_btn03:hover {text-decoration:none}
button.at_btn03 {display:inline-block;margin:0;padding:7px15px;border:1px solid #e21b7d;background:#e21b7d;color:#fff;text-decoration:none}

.btn_confirm {text-align:center } /* 서식단계 진행 */

.btn_submit {border:0;background:#3a8afd;color:#fff;cursor:pointer;border-radius:3px}
.btn_submit:hover {background:#2375eb}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa}
a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

a.btn_logout { display:inline-block; background:#969696;color:#fff;cursor:pointer;border-radius:3px}
a.btn_logout:hover {background:#969696}


/* 페이지 내 검색 */
.local_sch{ position:relative; }
.local_sch:after ,.local_sch div:after{display:block;visibility:hidden;clear:both;content:""}
.local_sch .btn_sch{width:30px;height:30px;border:0;padding:0;float:left;background:url(../img/sch_btn.png) no-repeat 50% 50%;border:1px solid #dcdcdc;border-left:0;text-indent:-999px;overflow:hidden}
.local_sch .btn_sch2{width:35px;height:35px;border:0;padding:0;background:url(../img/sch_btn.png) no-repeat 50% 50% #eee;border:1px solid #dcdcdc;text-indent:-999px;overflow:hidden}

.local_sch .sch_input{height:30px;border:1px solid #dcdcdc;border-right:0;;padding:0 5px;float:left;}
.local_sch select{height:30px;margin-right:3px;border:1px solid #dcdcdc}
.local_sch01{margin: 10px 0;}
.local_sch02{}
.local_sch01 .frm_input{ width:100%; height:50px;border:1px solid #dcdcdc;padding:0 15px;}
.local_sch01 .btn_submit{ position:absolute; top:0;right:0; width:50px;height:50px;border:0;padding:0;background:url(/img/sch_btn.png) no-repeat 50% 50% #eee;border:1px solid #dcdcdc;text-indent:-999px;overflow:hidden}
.local_sch03{;padding:5px 15px;background:#e9ebf9;margin:10px 0}
.local_sch div{margin:5px 0;}
.local_sch03 strong{display:inline-block;width:70px;}
.local_sch03  label{margin-right:5px;display:inline-block}
.local_sch03 button{height:30px;padding:0 5px;border:0;background:#9eacc6;color:#fff;}
.local_sch03 .btn_submit{height:30px;padding:0 5px;border:0;;color:#fff;}
.local_sch03 .frm_input{height:30px;border:1px solid #dcdcdc;padding:0 5px;}
/* 페이지 내 실행 */
.local_cmd {min-width:960px}

.local_cmd01 {margin:0 0 10px;padding:0 }
.local_cmd01 .cmd_tit {font-weight:bold}
.local_cmd01 .btn_submit {padding:3px 5px;border:1px solid #ff3061;color:#fff;font-size:0.95em;vertical-align:middle}

/* 기타 */
.btn_pre_certificate { text-align:center; }
.btn_pre_certificate a { display:inline-block; line-height:45px;height:45px;padding:0 20px;text-align:center;font-weight:bold;border:0;font-size:18px; background:#20465d;color:#fff;cursor:pointer;border-radius:3px }


/* 유튜브 팝업 */
.video_req .td_video { position:relative; padding-bottom: 56.25%; }
.video_req iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

.cursorp { cursor:pointer; }
.reveal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99998;
}
.video-wrapper {
	width: 100%;
	z-index: 99999;
}
.video-wrapper_div2 {
	width: 768px;
	margin: 100px auto;
}
.video-wrapper_div {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
}
.video-wrapper iframe {
	border: 0px;
	box-shadow: 30px 30px 50px rgba(0, 0, 0, 0.2);
	z-index: 99999;
}
.reveal .video-popup-closer {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 99998;
}
/* 유튜브 팝업 */



/* 동영상 영역 768px 이하 100% */
@media all and (max-width: 768px) {

	.video-wrapper_div2 {
		width: 100%;
		margin-top: 30px;
	}

}
/* 동영상 영역 768px 이하 100% */