@charset "utf-8";

/* 페이징 */
.pagination {text-align:center; display:block;}
.pagination ul {text-align:center; display:inline-block;}
.pagination ul li {display:block; float: left; vertical-align:middle; margin: 0 2px;}
.pagination ul li a {text-align:center; display:inline-block; color:#333; vertical-align:middle; width:32px;  height: 30px; line-height:30px;}
.pagination ul li a.btn_prev {background:url(/img/board/bg_prev.png) center no-repeat; text-indent: -9999px; width: 29px; height: 29px;  margin: 0 5px 0 0;}
.pagination ul li a.btn_next {background:url(/img/board/bg_next.png) center no-repeat; text-indent: -9999px; width: 29px; height: 29px;  margin: 0 0 0 5px;}
.pagination ul li a.current {font-weight:bold; width: 32px; height: 30px; line-height: 30px; color:#ff530d;}
.pagination ul li a img {max-width:100%; vertical-align:middle;}
.pagination ul li a.board_button:hover {background-color:transparent;}

/* 검색창 */
.search {text-align:center;}
.search #searchform #search_select {width:130px; border:1px solid #ddd; background-color:#fff; padding:5px 14px; margin:0px; font-size:14px; height:40px; display:inline-block;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.search #searchform #search_select:focus {outline:solid; outline-width:1px;}
.search #searchform #keyword {width:250px; border:1px solid #ddd; background-color:#fff; padding:0 10px; font-size:14px; display:inline-block; height:40px; line-height:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.search .btn_search {background:#7d010b url(/img/board/btn_search.png) center center no-repeat; background-size:18px; margin:0; width:40px; display:inline-block; line-height:40px; height:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; z-index:10; color:transparent; font-size:14px;}
.search .btn_search img {vertical-align:middle; margin-bottom:3px;}

/* 게시판 읽기페이지 */
.board_read .notice_box {display:inline-block; padding:2px 14px; border:1px solid #1bafc3; font-size:14px; color:#1bafc3; font-weight:normal; vertical-align:middle; line-height:1.5em; margin-right:10px;}
.board_read ul {margin-bottom:0;}
.board_read > ul > li {padding: 0 15px; border-bottom:1px solid #ddd;}
.board_read ul li ul li {float:left; font-size:12px;}
.board_read ul h4.title {font-size:16px; color:#222; letter-spacing: -1px; line-height: 58px; font-weight:bold; float:left; text-align:left; vertical-align:middle;}
.board_read ul li.file img {margin:0 5px 0 0;}
.board_read ul li.file a {display:inline-block; padding:5px 10px; margin-right:10px; border:1px solid #1bafc3; color:#1bafc3; line-height:normal;}
.board_read .readcontent {background-color: #fff; padding:30px 20px; min-height: 300px; border-bottom:1px solid #ddd; color:#333; word-break:break-all;}
.board_read .readcontent.reply {min-height:200px;}
.board_read .readcontent img {max-width:100%;}
.board_read .readcontent table {table-layout:fixed; max-width:100%;}
.board_read .readcontent iframe {width:100%; height:720px;}
.board_read .btnwrap {margin:30px auto 150px auto; text-align:center;}
.board_read .btnwrap a {display:inline-block; border:1px solid #333; color:#333; width:130px; height:40px; line-height:40px;}
.board_wrap_title {word-break:break-all; background:#f5f5f5;}
.board_wrap_cont {word-break:break-all;}
.board_list .btnwrap {margin:60px auto 0 auto; text-align:center;}
.board_list .btnwrap a {display:inline-block; border:1px solid #333; color:#333; width:110px; height:45px; line-height:45px;}

.read_list_button {display:inline-block; padding:8px 40px; border:2px solid #7d010b; color:#7d010b !important; transition:all 0.3s ease-in-out;}
.read_list_button:hover {color:#fff !important; background:#7d010b;}
.board_read .file img {width:17px;}
.board_view img {max-width:100%;}
.article_list {border-top:1px solid #ddd;}
.article_list ul li {border-bottom:1px solid #ddd;}
.article_list ul li.last {border-bottom:1px solid #ddd;}
.article_list ul li div {padding:15px 20px; float:left;}
.article_list ul li .type {text-align:center; width:20%; background:#fff;}
.article_list ul li .type01 {background: url(../../img/program/top.png) no-repeat; background-position: left 25% center;}
.article_list ul li .type02 {background: url(../../img/program/bottom.png) no-repeat; background-position: left 25% center;}
.article_list ul li .title {width:80%; color:#555;}

/*수상인증 popup*/

.layer-wrap1 {display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; text-align: center; z-index: 1001;}
.layer-wrap1::before {content: ""; display: inline-block; height:100%; vertical-align: middle; margin-right: -.25em;}

/*
.layer-wrap1 {display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-align: center; background-color: rgba(0, 0, 0, 0.7); z-index: 1001;}
.layer-wrap1::before {content: ""; display: inline-block; height:100%; vertical-align: middle; margin-right: -.25em;}
*/
.pop-layer {display: inline-block; vertical-align: middle; height: auto; background-color: #fff; border: 0px; border-radius: 0; position: relative;}
.pop-layer_title {width:100%; height: 55px; font-size:18px; color:#fff; text-align:left; font-weight:bold;}
.pop-layer_title h4 {display: inline-block; float: left; padding: 15px 0 15px 15px;}
.pop-layer_close a {background: #0b5e88; display: inline-block; width: 50px; height: 50px; margin-top: -50px; float: right; text-align: center; padding: 7px 0 0 0;}
.pop-conts {width: 550px; border-top: 1px solid #ddd; padding: 10px 0;}
.pop-conts img {width:100%; max-width:550px; max-height:660px;}

/* 테이블형 게시판 */
.table_list table {width:100%; border-spacing:0px; border:0; border-collapse:collapse; border-top:2px solid #222;}
.table_list table .notice {background-color: #0b5e88; color: #fff;}
.table_list table .notice td {color: #fff;}
.table_list table .notice td.title a {color:#fff;}
.table_list table .notice td.title a:hover {color: #fff; font-weight: normal;}
.table_list table th {padding:15px 0; border-bottom:1px solid #ddd; text-align:center; color:#222; font-size:14px;}
.table_list table td {padding:15px 0; border-bottom:1px solid #ddd; text-align:center; color:#555; font-size:16px; height:60px;}
.table_list table td.title p {font-size:16px; font-weight:normal;}
.table_list table td.title {padding-left:15px; text-align:left;}
.table_list table td.title a {color:#555;}
.table_list table td.title a:hover {color: #222; font-weight: bold;}
.table_list .mgl_5 {width:17px;}

/*테이블*/
#inquiry .table_list table .no{width:10%;}
#inquiry .table_list table .name{width:10%;}
#inquiry .table_list table .date{width:15%;}
#inquiry .table_list table .hit {width:15%;}
#inquiry .table_list table thead tr td {background:#f5f5f5; font-weight:bold;}
#inquiry .table_list table {width:100%; border-spacing:0px; border:0; border-collapse:collapse; border-top:1px solid #222;}
#inquiry .table_list table .notice {background-color: #0b5e88; color: #fff;}
#inquiry .table_list table .notice td {color: #fff;}
#inquiry .table_list table .notice td.title a {color:#fff;}
#inquiry .table_list table .notice td.title a:hover {color: #fff; font-weight: normal;}
#inquiry .table_list table td {padding:10px; border-bottom:1px solid #ddd; text-align:center; color:#333; font-size:16px;}
#inquiry .table_list table .notice_box{display:inline-block; padding:2px 14px; border:1px solid #1bafc3; font-size:14px; color:#1bafc3; font-weight:normal; vertical-align:text-top;}
#inquiry .table_list table td.name .answer_no {border:1px solid #555; display:inline-block; padding:2px 7px;}
#inquiry .table_list table td.name .answer_ok {border:1px solid #1bafc3; color:#1bafc3; display:inline-block; padding:2px 7px;}

.send_button input {display:inline-block; border:2px solid #333; color:#333 !important; transition:background 0.3s, color 0.3s ease-in-out; background:#fff; width:133px; height:48px; padding:0 !important;}
.send_button input:hover {color:#fff !important; background:#333;}

.bg_nolist {background:url(/img/board/nolist_bg.png) center center no-repeat;}
/*박스형 게시판*/
.box_list .overlay {position: absolute; top: 0; left: 0; opacity: 0; width: 100%; display: table; height: 100%; transition: .5s ease; background-color: rgba(0,0,0,0.8);}
.box_list ul li:hover .overlay {opacity: 1;}
.box_list .text {font-size: 24px; color: #fff; font-weight: bold; text-align: center; display: table-cell; vertical-align: middle;}

.box_list2 .arrow_img {position: absolute; right: 30px; top: 20px; display: none;}
.box_list2 ul li a:hover .arrow_img {display: block;}
.box_list2 ul li .border:hover {background-color: #0facb6; color: #fff;}
.box_list2 ul li .border:hover .title {color: #fff !important;}

/* FAQ */
.accordion {border-top:2px solid #333;}
.accordion ul li {}
.accordion ul li .Question {float:left; color:#ccc; font-size:18px; font-weight:bold;}
.accordion ul li .Question .active_off {display:inline;}
.accordion ul li .Question .active_on {display:none}
.accordion ul li .active .Question {color:#c60039;}
.accordion ul li .active .Question .active_off {display:none;}
.accordion ul li .active .Question .active_on {display:inline;}
.accordion ul li .Answer {float:left; color:#333; font-size:18px; font-weight:bold;}
.accordion ul li .Qtxt {padding-left:45px;}
.accordion ul li .Atxt {padding-left:18px; font-size:14px; color:#777; line-height:200%; overflow-x:auto;}
.accordion ul li h4 {padding-top:6px; color:#666; font-size:14px;}
.accordion ul li .acc.active h4 {color:#333;}
.accordion ul li .Category {display:inline;}
.accordion ul li .acc {padding:12px 20px; cursor:pointer; border-bottom:1px solid #ddd;}
.accordion ul li .acc_cont {display:none; padding:20px; background:#f2f5f8; border-bottom:1px solid #ddd;}
.accordion ul li .acc {background:url(/img/board/arrow_down.png) right 20px center no-repeat;}
.accordion ul li .acc.active {background:url(/img/board/arrow_up_on.png) right 20px center no-repeat;}

/*qna*/
#customer select {font-size:16px;}
#customer pre {word-break:keep-all; color:#333; padding:15px; height:250px; overflow-y:auto; border:1px solid #ddd;}
#customer .agree {text-align:right;}
#customer .agree label {margin:0;}
#customer .agree input[type=checkbox] {display:none;}
#customer .agree input[type=checkbox]:not(old) + label.check_box {background:#fff url(/img/09/check_off.png)0 0 no-repeat; background-size:100%; display:inline-block; width:15px; height:17px; position:relative; top:6px; right: 5px; cursor:pointer;}
#customer .agree input[type=checkbox]:checked + label.check_box, #customer .agree input[type=checkbox]:active + label.check_box {background:#fff url(/img/09/check_on.png)0 0 no-repeat; background-size:100%; display:inline-block; width:15px; height:17px; position:relative; top:6px; right: 5px; cursor:pointer;}
#customer .agree label.check_contents {display:inline-block; font-weight:normal; cursor:pointer;}
#customer .ui-datepicker-trigger {margin-left:-40px;}
#customer .ui-datepicker-trigger img {display:block; width:40px;}
#customer label.radio_contents {margin-right:20px; cursor:pointer; font-size:18px;}

#customer input, #customer  select{background-color:#f5f5f5; border:none;}

#customer select {background-color:#fff;}
#customer .customer_input1 {width:100%; height:50px; padding:10px;}
#customer .customer_input2 {width:120px; height:35px; padding:0 0 0 10px;}
#customer .customer_input3 {width:100%;height:50px; padding:0 0 0 10px;}
#customer .customer_input4 {width:75px; height:35px; padding:0 0 0 10px;}
#customer .customer_input5 {width:200px;height:35px; padding:0 0 0 10px;}
#customer #address2, #customer #address3 {width:313px;}
#customer .customer_input6 {width:610px; height:35px; padding:0 0 0 10px;}
#customer select {padding:0 10px; outline:none;}
#customer textarea {width:100%; height:160px; padding:10px; background:#f5f5f5;}
/* #customer textarea:focus {border:1px solid #df3c57;} */
#customer label {font-size:16px; font-weight:normal; vertical-align: middle;}
#customer .phone span {vertical-align: top; line-height: 38px;}
#customer .mail span {vertical-align: top; line-height: 38px;}
#customer .file .uploadBtn {display: inline-block; height: 40px; line-height: 40px; text-align: center; padding: 0 15px; font-size: 14px; background-color: #333; color: #fff;}
#customer .file label{padding:11px 40px; background:#999; color:#fff; cursor:pointer;}
#customer input:focus, #customer select:focus, #customer textarea:focus {border:2px solid #ff530d; outline:none;}

.button_wrap {text-align:center;}
.button_wrap > button {width: 110px; height: 45px;}
.button_wrap > a {width: 120px; height: 40px; line-height:40px; display: inline-block;}
.button_wrap .button_reset {background-color: #fff; border: 1px solid #7d010b !important; color: #7d010b !important; cursor: pointer; font-size:18px; margin-right:5px;}
.button_wrap .button_submit {background-color: #7d010b; border: 1px solid #7d010b !important; color: #fff !important; cursor: pointer; font-size:18px;}

/*조회하기*/
.form_wrap table th {font-size: 16px; color: #222; font-weight: normal;}
.form_wrap table td {padding: 10px 0 10px 20px;}
.form_wrap table td input {border: 1px solid #ddd; height: 40px; padding-left: 15px;}
.form_wrap table td select {border: 1px solid #ddd; height: 40px; padding-left: 15px;}
.form_wrap table td .qna_input3 {width: 280px;}
.form_wrap table td .qna_input4 {width: 280px;}
.form_wrap2 table tr td {padding: 10px 0;}

.button_wrap .button_submit2 {width: 100%; background-color: #e99691; color: #fff !important; border:1px solid #e99691;}
.button_wrap .button_submit3 {width: 100%; color: #fff;}
.button_wrap .button_submit4 {width: 30%; color:#fff;}
.button_wrap2 .button_submit {width: 30%; background-color: #e99691; color: #fff;}


.bot_notice a {display:inline-block; background:#1bafc3; padding:10px 20px; color:#fff;}

.bna_button {display:inline-block; padding:12px 28px; line-height:1em; font-size:16px;}
.bna_button.state1 {background:#e99691; color:#fff;}
.bna_button.state2 {background:#666; color:#fff;}

#apply .apply_button {display:inline-block; padding:5px 0; width:100%; max-width:120px; color:#fff; background:#e99691;}

.owl-nav .owl-prev {position:absolute; bottom:50%; left:-120px; transform:translateY(50%); background:url(../../img/01_signature/sub1_6_prev.png) center center no-repeat !important; width:39px !important; height:77px !important; text-indent:-9999px;}
.owl-nav .owl-next {position:absolute; bottom:50%; right:-120px; transform:translateY(50%); background:url(../../img/01_signature/sub1_6_next.png) center center no-repeat !important; width:39px !important; height:77px !important; text-indent:-9999px;}
.owl-nav .owl-prev, .owl-nav .owl-next {outline:none;}

.height_1_1 {height:340px !important;}
.height_1_2 {height:590px !important;}
.slick-slide img.dpn {display:none !important;}
.m_h_486 {max-height:436px; min-height:340px;}

.w_33p-20.mgr_20:nth-child(3n) {margin-right:0;}
.w_33p-30.mgr_30:nth-child(3n) {margin-right:0;}

.img_wrap .hover_effect {position:absolute; top:0; left:0; width:100%; height:100%; display:table; background:rgba(0,0,0,0.5); opacity:0; transition:opacity 0.3s ease-in-out;}
.img_wrap:hover .hover_effect {opacity:1;}


@media(max-width:767px)
{
	#hire .table_list table .date {width:27%;}

	.owl-nav .owl-prev {position: absolute; bottom: 55%; left: -32px; width: 40px !important; height: 30px !important;}
	.owl-nav .owl-next {position: absolute; bottom: 55%; right: -32px; width: 40px !important; height: 30px !important;}

	.select {background-size:14px;}
	/*페이지네이션*/
	.pagination ul li a.current {width: 25px; height: 25px; line-height: 25px;}
	.pagination ul li a {width:25px; height:25px; line-height:25px;}
	.pagination ul li a img {max-width:100%; vertical-align:middle; height:25px;}
	.pagination ul li {margin:0;}
	/*상담*/
	#inquiry .table_list table td {padding: 10px; font-size: 14px; width: 100%; height: 100%;}
	#inquiry .table_list table .no{width:40px; display: none;}
	#inquiry .table_list table .date{width: 100%; border-bottom: 1px solid #ddd; padding: 10px;}
	#inquiry .table_list table .date .bna_button {display:inline-block; padding:10px 15px; font-size:12px;}
	#inquiry .table_list table .title2 .mfs12 .mgr_5 {margin-right:3px !important;}
	#inquiry .table_list table .title{width:auto;}
	#inquiry .table_list table .name {width:16%;}
	#inquiry .table_list table h4 {font-size:14px;}

	.article_list ul li .type01 {background:none;}
	.article_list ul li .type02 {background:none;}
	.search #searchform #search_select {width:85px; font-size:12px; height:40px;}
	.search #searchform #keyword {width:149px; height:40px; font-size:12px;}
	.search .btn_search {height:40px; line-height:40px; width:40px;}
	.table_list .fs18 {font-size:14px !Important;}

	.read_list_button {padding:6px 24px;}

	#customer select {font-size:14px;}
	#customer label.radio_contents {font-size:12px; margin-right:8px;}
	#customer {padding:5px 0; font-size:12px;}
	#customer .customer_input2 {width:calc(33.3333333% - 6.7px);}
	#customer .customer_input4 {width:458px;}

	#customer {padding:5px 0; font-size:12px; text-align:center;}
	#customer .customer_input3 {width:13%; padding:0 5px; font-size:12px;}
	#customer {text-align:left;}
	#customer pre {font-size:14px;}


	#customer .customer_input1 {padding:0 0 0 5px;}
	#customer .customer_input2 {padding:0 0 0 5px;}
	#customer .customer_input2_2 {width:100px;}
	#customer .customer_input3 {width:100%;}
	#customer .customer_input4 {width:calc(33.3333333% - 6.7px);}
	#customer .customer_input5 {width:calc(50% - 8.5px) !important;}
	#customer .customer_input6 {width:100%; margin-left:0; margin-top:10px; max-width:100%;}
	#customer .phone span {line-height:1.5em;}
	#customer .file {position:relative;}
	#customer .file input {padding:0;}
	#customer .file label {margin-left:0; display:inline-block; position:absolute; right:10px; padding:9px;}
	#customer input, #customer table td textarea, #customer table td select {font-size:12px;}
	#customer label {font-weight:normal; vertical-align: middle;}
	#customer textarea {padding:5px;}

	.button_wrap > button {width:120px; height:40px; font-size:14px !important;}
	.button_wrap > a {width:120px; height:40px; line-height:40px; font-size:14px;}
	.button_wrap .button_submit {float:none; font-size:14px;}
	.button_wrap.button_wrap_center .button_submit {float:none; font-size:14px;}
	.button_wrap.button_wrap_right .button_submit {float:none; font-size:14px; float:right;}

	.accordion ul li .Atxt img {max-width:100%;}


	#customer table td.phone span {vertical-align:middle;}
	#customer .agree {text-align:left;}
	#customer table colgroup col:nth-child(1) {width:20% !important;}
	#customer table colgroup col:nth-child(2) {width:80% !important;}
	#customer table td .mdpb {margin-top:5px;}

	.container .container {padding:0;}

	.table_list table td {height:45px;}

	.board_list .btnwrap { margin: 30px auto 0 auto; text-align: center;}
	.board_list .btnwrap a {width:100px; height:40px; line-height:40px;}

	.board_read .readcontent {padding: 10px 10px 0 10px; min-height: 200px;}
	.board_read .readcontent iframe {width:100%; height:220px;}
	.board_read .readcontent.reply {min-height:200px; padding:0;}
	.board_read .readcontent.reply > div {padding:20px;}

	.plastic_img_before .ab a img, .plastic_img_after .ab a img {width:33px;}
	.owl-item .w_340 {width:255px; float:none !important;}
	.height_1_1 {height:auto !important;}
	.height_1_2 {height:auto !important;}
	.slick-slide img.dpn.mdpb {display:block !important;}
	.m_h_486 {max-height:none; min-height:auto;}
	.height_1_1 {height:auto !important;}

	.w_33p-30.mgr_30 {margin-right:0;}
}

@media(max-width:320px)
{
	#customer .agree {font-size:11px;}
	#customer table td {padding:7px;}
	#customer table th {font-size:14px;}
	#customer table td .customer_input3 {font-size:14px; width:30.3%;}
	#customer table td .customer_input4 {width:120px;}
	#customer table td .customer_input5 {width:46.2% !important;}
	#customer table td .customer_input6 {width:100%; margin-left:0; margin-top:10px; max-width:100%;}
	#customer table td.file label{font-size:14px; padding:12px;}


	#customer .agree label.check_contents {display:inline;}
}


@media{max-width:767px}
{

}