@charset "utf-8";

.pass_section { }
.pass_section .container { margin-top: 0; }
.pass_section .list_more a { display: block; padding: 10px 0 11px; text-align: center; font-size: .875rem; font-weight: bold; color: #78849e; background-color:#fff; }
.pass_section .list_more a span { padding-right:12px; background:url('https://img.eduwill.net/resources/brand/dev/images/pass/icon_plus.png') right 7px no-repeat; background-size:8px 8px; }

.pass_title { margin:0 auto; }
.pass_title img { width:100%; }

.pass_search { position:relative; padding:15px 20px 15px 20px; background-color: #f4f4f6; }
.pass_search input { padding-left:27px; padding-right:45px; width:100%; margin:0; border-radius:50px;}
.pass_search a { position:absolute; display:block; top:16px; right:7%; width:40px; height:38px; background:url('https://img.eduwill.net/resources/brand/dev/images/book/btn_search.png') 50% 50% no-repeat; background-size:15px;}

.pass_group { border-bottom: 1px solid #eaeaf4; }
.pass_control { position:relative; height:20px; line-height:20px; text-align:center; color:#333; font-size:14px; padding:0 20px 15px 20px; background-color: #f4f4f6; }
.pass_control a { position:relative; display:inline-block; height:20px; line-height:20px; padding:0 0 0 15px; margin:0 0 0 15px; }
.pass_control a.a_tab1 { padding:0 0 0 5px; margin:0 0 0 0; }
.pass_control a:before { content:''; position:absolute; top:4px; left:0; width:1px; height:12px; background:#cacdd6; }
.pass_control a.a_tab1:before { display:none; }
.pass_control a.active span { display:inline-block; font-weight:bold; padding:0 0 0 15px; background:url('https://img.eduwill.net/resources/brand/dev/images/pass/icon_check.png') left 50% no-repeat; background-size:13px 11px; }
.pass_control .pass_total { display:block; position:absolute; left:20px; top:0; height:20px; line-height:20px; color:#777; font-size:13px; }

.pass_list { background:#fff !important; }
.pass_list li a { position: relative; display: block; padding:16px 40px 16px 20px; border-bottom:1px solid #eaeaf4; }
.pass_list li a:before { content: ''; display: block; position: absolute; top: 50%; right:20px; width: 8px; height: 8px; margin-top: -4px; border-top:1px solid #a4aeb2; border-right:1px solid #a4aeb2; }
.pass_list li a:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.pass_list .list_more a span:after { display:none; }

.pass_section .pass_head dt { line-height:22px; color:#333; font-size:16px; font-weight:bold; }
.pass_section .pass_head dt span { display: block; margin-bottom: 8px; line-height: 1; }
.pass_section .pass_head dt span em { display: inline-block; height: 18px; padding: 0 6px; text-align: center; line-height: 18px; font-size: .6875rem; color:#fff; }
.pass_section .pass_head dt .pass_icon01 em { background-color: #e00086; }
.pass_section .pass_head dt .pass_icon02 em { background-color: #0069a6; }
.pass_section .pass_head dd { line-height:22px; color:#777; font-size:13px; margin:16px 0 0 0; }
.pass_section .pass_head dd.pass_extra { margin:4px 0 0 0; }
.pass_section .pass_head dd span.pass_first { position:relative; display:inline-block; height:16px; line-height:16px; padding:0 10px 0 0; margin:0 3px 0 0; }
.pass_section .pass_head dd span.pass_first:before { content:''; position:absolute; top:3px; right:0; width:1px; height:10px; background:#cacdd6; }

.pass_detail { }
.pass_detail .pass_head { padding:24px 20px 24px 20px; border-bottom:1px solid #eaeaf4; background:#fff; }
.pass_detail .pass_head dt { line-height:26px; font-size:22px; }
.pass_body { line-height:24px; color:#333; font-size:15px; padding:24px 20px 24px 20px; margin-top: 8px; margin-bottom:50px; border-bottom: 1px solid #eaeaf4; background:#fff; }

/* section_button */
.pass_section .grid .col { float: left; -webkit-box-sizing: border-box; box-sizing: border-box; }
.pass_section .section_button { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1300; border-top:1px solid #eaeaf4; border-bottom-width: 0; background:#fff; }
.pass_section .section_button .col { width:40%; height: 50px; border-right:none; }
.pass_section .section_button .button { position:relative; display:block; height:100%; padding:14px 0; text-align: center; line-height:20px; color:#333; font-size:14px; font-weight:bold; -webkit-box-sizing: border-box; box-sizing: border-box; }
.pass_section .section_button .button span {  display:inline-block; line-height:20px; color:#333; font-size:14px; }
.pass_section .section_button .pass_list .button { text-align:left; padding:14px 0 14px 10%; }
.pass_section .section_button .pass_before { width:30%; height: 50px;}
.pass_section .section_button .pass_before span { padding:0 0 0 18px; background:url('https://img.eduwill.net/resources/brand/dev/images/pass/icon_before.png') left 50% no-repeat; background-size:12px 8px; }
.pass_section .section_button .pass_before .button:before { content:''; position:absolute; top:20px; right:0; width:1px; height:10px; background:#cacdd6; }
.pass_section .section_button .pass_next { width:30%; height: 50px; }
.pass_section .section_button .pass_next span { padding:0 0 0 18px; background:url('https://img.eduwill.net/resources/brand/dev/images/pass/icon_next.png') left 50% no-repeat; background-size:12px 8px; }

.pass_empty { text-align:center; color:#333; font-size:14px; line-height:20px; padding:100px 0 100px 0; background:#fff; }


/*220208추가(문구,작성버튼)*/
.pass_section .pass_notice p{color: #999;font-size: 0.8rem;letter-spacing: -1.6px;word-break: keep-all;padding: 15px;}
.pass_section .pass_action{	text-align:center;}
.pass_section .pass_action a{display: inline-block; font-size: 0.9375rem; font-weight: 800; background: #FFC20E;width: 90%; padding: 10px;border-radius: 5px;margin-bottom: 20px;}

/*220208추가(합격수기등록)*/
.pass_section .pass_write {width:92%;margin: 20px auto 0;}
.pass_section .pass_write .board-table table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	border-top: 1px solid #313131;
  }
  .pass_section .pass_write .board-table table thead th {
	padding: 0.5625rem 0;
	font-size: 0.75rem;
	text-align: center;
	vertical-align: middle;
	color: #222;
	font-weight: 500;
	line-height: 1;
	border-bottom: 1px solid #313131;
  }
  
  @media screen and (min-width: 720px) {
	.pass_section .pass_write .board-table table thead th {
	  padding: 18px 0;
	}
  }
  
  @media screen and (min-width: 720px) {
	.pass_section .pass_write .board-table table thead th {
	  font-size: 24px;
	}
  }
  
  @media screen and (min-width: 1100px) {
	.pass_section .pass_write .board-table table thead th {
	  font-size: 18px;
	}
  }
  
  .pass_section .pass_write .board-table table tbody tr.notice td {
	font-weight: 500;
	background: #f8f8f8;
  }
  
  .pass_section .pass_write .board-table table tbody tr.notice td a {
	font-weight: 500;
  }
  
  .pass_section .pass_write .board-table table tbody td {
	padding: 0.5rem 0;
	font-size: 0.75rem;
	text-align: center;
	border-bottom: 1px solid #e9e9e9;
  }
  
  @media screen and (min-width: 720px) {
	.pass_section .pass_write .board-table table tbody td {
	  padding: 16px 0;
	}
  }
  
  @media screen and (min-width: 720px) {
	.pass_section .pass_write .board-table table tbody td {
	  font-size: 24px;
	}
  }
  
  @media screen and (min-width: 1100px) {
	.pass_section .pass_write .board-table table tbody td {
	  font-size: 15px;
	}
  }
  
  .pass_section .pass_write .board-table table tbody td.subject {
	padding-left: 0.875rem;
	text-align: left;
  }
  
  @media screen and (min-width: 720px) {
	.pass_section .pass_write .board-table table tbody td.subject {
	  padding-left: 28px;
	}
  }
  
  @media screen and (min-width: 1100px) {
	.pass_section .pass_write .board-table table tbody td.subject {
	  padding-left: 10px;
	}
  }
  
  .pass_section .pass_write .board-table table tbody td.subject a {
	display: inline-block;
	width: 90%;
	font-weight: 300;
  }
  
  .pass_section .pass_write .board-table table tbody td .radio input {
	width: 12px;
	height: 12px;
	vertical-align: middle;
  }
  
  @media screen and (min-width: 1100px) {
	.pass_section .pass_write .board-table table tbody td .radio input {
	  width: 20px;
	  height: 20px;
	}
  }
  
  .pass_section .pass_write .board-table table tbody td .radio label {
	display: inline-block;
	margin-left: 0.15625rem;
	font-size: 0.75rem;
	line-height: 1.4;
	vertical-align: middle;
  }
  
  @media screen and (min-width: 720px) {
	.pass_section .pass_write .board-table table tbody td .radio label {
	  margin-left: 5px;
	}
  }
  
  @media screen and (min-width: 720px) {
	.pass_section .pass_write .board-table table tbody td .radio label {
	  font-size: 24px;
	}
  }
  
  @media screen and (min-width: 1100px) {
	.pass_section .pass_write .board-table table tbody td .radio label {
	  font-size: 15px;
	  line-height: 20px;
	}
  }
  
  .pass_section .pass_write .board-table table tbody td.pdn {
	padding: 0;
  }
  
  .pass_section .pass_write .board-table table.viewrite tbody th {
	padding: 0.5rem 0;
	font-size: 0.75rem;
	text-align: center;
	vertical-align: middle;
	color: #222;
	font-weight: 700;
	line-height: 1;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
  }
  
  @media screen and (min-width: 720px) {
	.pass_section .pass_write .board-table table.viewrite tbody th {
	  padding: 16px 0;
	}
  }
  
  @media screen and (min-width: 720px) {
	.pass_section .pass_write .board-table table.viewrite tbody th {
	  font-size: 24px;
	}
  }
  
  @media screen and (min-width: 1100px) {
	.pass_section .pass_write .board-table table.viewrite tbody th {
	  font-size: 15px;
	}
  }
  
  .pass_section .pass_write .board-table table.viewrite tbody th.vat {
	padding-top: 0.5rem;
	vertical-align: top;
  }
  
  @media screen and (min-width: 720px) {
	.pass_section .pass_write .board-table table.viewrite tbody th.vat {
	  padding-top: 16px;
	}
  }
  
  @media screen and (min-width: 1100px) {
	.pass_section .pass_write .board-table table.viewrite tbody th.vat {
	  padding-top: 15px;
	}
  }
  
  .pass_section .pass_write .board-table table.viewrite tbody td {
	padding-left: 0.875rem;
	font-size: 0.875rem;
	text-align: left;
	line-height: 1.5;
	color: #666;
  }
  
  @media screen and (min-width: 720px) {
	.pass_section .pass_write .board-table table.viewrite tbody td {
	  padding-left: 28px;
	}
  }
  
  @media screen and (min-width: 720px) {
	.pass_section .pass_write .board-table table.viewrite tbody td {
	  font-size: 28px;
	}
  }
  
  @media screen and (min-width: 1100px) {
	.pass_section .pass_write .board-table table.viewrite tbody td {
	  padding-left: 15px;
	  font-size: 14px;
	}
  }
  
  .pass_section .pass_write .board-table table.viewrite tbody td p {
	word-break: keep-all;
  }
  
  .pass_section .pass_write .board-table table.viewrite tbody td span {
	line-height: 1.875rem;
  }
  
  @media screen and (min-width: 720px) {
	.pass_section .pass_write .board-table table.viewrite tbody td span {
	  line-height: 60px;
	}
  }
  
  .pass_section .pass_write .board-table table.viewrite tbody td span.ico-best {
	width: auto;
	padding: 5px 10px;
	line-height: 1;
	font-size: 0.75rem;
  }
  
  @media screen and (min-width: 720px) {
	.pass_section .pass_write .board-table table.viewrite tbody td span.ico-best {
	  font-size: 24px;
	}
  }
  
  @media screen and (min-width: 1100px) {
	.pass_section .pass_write .board-table table.viewrite tbody td span {
	  line-height: 40px;
	}
	.pass_section .pass_write .board-table table.viewrite tbody td span.ico-best {
	  padding: 0;
	  height: 25px;
	  line-height: 25px;
	  margin-left: 5px;
	  font-size: 15px;
	}
  }
  
  .pass_section .pass_write .board-table table.viewrite tbody td .formText {
	padding: 0.1875rem 0.46875rem;
	height: 1.875rem;
	font-size: 0.875rem;
	width: 100%;
	border: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
  }
  
  @media screen and (min-width: 720px) {
	.pass_section .pass_write .board-table table.viewrite tbody td .formText {
	  padding: 6px 15px;
	}
  }
  
  @media screen and (min-width: 720px) {
	.pass_section .pass_write .board-table table.viewrite tbody td .formText {
	  height: 60px;
	}
  }
  
  @media screen and (min-width: 720px) {
	.pass_section .pass_write .board-table table.viewrite tbody td .formText {
	  font-size: 28px;
	}
  }
  
  @media screen and (min-width: 1100px) {
	.pass_section .pass_write .board-table table.viewrite tbody td .formText {
	  padding: 6px 15px;
	  width: 100%;
	  height: 40px;
	  font-size: 14px;
	}
  }
  
  .pass_section .pass_write .board-table table.viewrite tbody td select {
	width: auto;
	min-width: 175px;
	padding: 5px 10px;
	height: 40px;
	font-size: 14px;
	border: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
  }
  
  .pass_section .pass_write .board-table table.viewrite tbody td textarea {
	padding: 10px;
	width: 100%;
	height: 400px;
	font-size: 14px;
	border: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
  }
  
  .pass_section .pass_write .board-table table.viewrite tbody td.pdn {
	padding: 0;
  }
  
.pass_section .pass_write .board-table .marketing {
	padding: 1.5625rem 0;
	text-align: center;
	background: #f8f8f8;
  }
  
  @media screen and (min-width: 720px) {
	.pass_section .pass_write .board-table .marketing {
	  padding: 50px 0;
	}
  }
  
  .pass_section .pass_write .board-table .marketing dl dt {
	margin-bottom: 0.46875rem;
	font-size: 1rem;
	color: #222;
	font-weight: 700;
  }
  
  @media screen and (min-width: 720px) {
	.pass_section .pass_write .board-table .marketing dl dt {
	  margin-bottom: 15px;
	}
  }
  
  @media screen and (min-width: 720px) {
	.pass_section .pass_write .board-table .marketing dl dt {
	  font-size: 32px;
	}
  }
  
  @media screen and (min-width: 1100px) {
	.pass_section .pass_write .board-table .marketing dl dt {
	  font-size: 20px;
	}
  }
  
  .pass_section .pass_write .board-table .marketing dl dd {
	padding: 0 1.5625rem;
	font-size: 0.8125rem;
	word-break: keep-all;
  }
  
  @media screen and (min-width: 720px) {
	.pass_section .pass_write .board-table .marketing dl dd {
	  padding: 0 50px;
	}
  }
  
  @media screen and (min-width: 720px) {
	.pass_section .pass_write .board-table .marketing dl dd {
	  font-size: 26px;
	}
  }
  
  @media screen and (min-width: 1100px) {
	.pass_section .pass_write .board-table .marketing dl dd {
	  padding: 0;
	  font-size: 16px;
	}
  }
  
  .pass_section .pass_write .board-table .marketing dl dd .agree_check {
	margin-top: 0.3125rem;
	font-weight: 500;
  }
  
  @media screen and (min-width: 720px) {
	.pass_section .pass_write .board-table .marketing dl dd .agree_check {
	  margin-top: 10px;
	}
  }
  
  .pass_section .pass_write .board-table .marketing dl dd .agree_check input {
	width: 15px;
	height: 15px;
	vertical-align: middle;
  }
  
  @media screen and (min-width: 1100px) {
	.pass_section .pass_write .board-table .marketing dl dd .agree_check input {
	  width: 22px;
	  height: 22px;
	}
  }
  
  .pass_section .pass_write .board-table .marketing dl dd .agree_check label {
	display: inline-block;
	margin: 0 0.46875rem 0 0.15625rem;
	font-size: 0.8125rem;
	vertical-align: middle;
	line-height: 1;
	font-weight: 400;
	color: #666;
  }
  
  @media screen and (min-width: 720px) {
	.pass_section .pass_write .board-table .marketing dl dd .agree_check label {
	  margin: 0 15px 0 5px;
	}
  }
  
  @media screen and (min-width: 720px) {
	.pass_section .pass_write .board-table .marketing dl dd .agree_check label {
	  font-size: 26px;
	}
  }
  
  @media screen and (min-width: 1100px) {
	.pass_section .pass_write .board-table .marketing dl dd .agree_check label {
	  font-size: 16px;
	}
  }
  .pass_section .pass_write .board-table .board-button{	text-align: center;
    margin: 20px 0;}
  .pass_section .pass_write .board-table .board-button .button {
    position: relative;
    display: inline-block;
    margin: 0 0.125rem;
    padding: 0 1.5625rem;
    border-radius: 0.3125rem;
    font-size: 0.9375rem;
    height: 2.5rem;
    line-height: 2.5rem;
    color: #fff;
    font-weight: 900;
    letter-spacing: -1px;
    background: #FFC20E;

}
.pass_section .pass_write .board-table .button.cancle{
    background: #bcbcbc;
}

/*220413 수정,목록버튼추가*/
.board-button {
	text-align: center;
    box-sizing: border-box;
}
.board-button a{
	display: inline-block; font-size: 0.9375rem; font-weight: 800; background: #FFC20E;color:#fff;width: 24%; padding: 10px;border-radius: 5px;margin-bottom:20px;
}
.board-button a span{color:#fff}
.board-button a.list{background: #888;
}

/* OP-107328 편입정보 상단 이미지 추가 */
.pass-wrap{margin: 16px 0;text-align:center;}
.pass-wrap .pass-top{display:inline-block;padding:0 16px;}
 @media screen and (min-width: 720px) {
	 .pass-wrap .pass-top{padding:0;}
 }