@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:29px;  height: 29px; line-height:29px;}
.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: 29px; height: 29px; line-height: 29px; color:#6d57f1;}
.pagination ul li a img {max-width:100%; vertical-align:middle; margin-top: -2px;}
.pagination ul li a.board_button:hover {background-color:transparent;}

/* 검색창 */
.search {text-align:center; position:relative;}
.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 #keyword {width:200px; border:none; border-bottom:1px solid #ccc; background-color:#fff; padding:0 40px 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 {position:absolute; right:0; bottom:0px; background:url(../images/btn_search.png) center center no-repeat; background-size:20px; 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;}
.search .btn_search img {vertical-align:middle; margin-bottom:3px;}

/* 글쓰기 */
.writing {text-align:center; position:relative;}
.writing #writing_writing {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;}
.writing #writing_writing #writing_button {width:200px; border:none; background-color:#fff; padding:0 10px 0 10px; font-size:20px; display:inline-block; height:40px; line-height:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#writing_button:hover{
    cursor: pointer;
  }
  #writing_button:focus{
    outline: none;
  }
/* 게시판 읽기페이지 */
.board_wrap_title {border-top:2px solid #ccc; border-bottom:1px solid #ccc; word-break:break-all;}
.board_read {border-bottom:1px solid #ccc;}
.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; line-height: 58px; height:60px; 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:20px; min-height: 380px; font-size:16px; border-bottom:1px solid #ddd; color:#333; word-break:break-all;}
.board_read .readcontent.reply {min-height:287px;}
.board_read .readcontent img {max-width:100%;}
.board_read .btnwrap {margin:30px auto 60px auto; text-align:center;}
.board_read .btnwrap a {display:inline-block; background:#1bafc3; font-size:15px; color:#fff; padding:9px 37px;}
.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;}

.layer-wrap1 {display: none; position: fixed; 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;}

/*
.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 #ccc;}
.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 #ccc; text-align:center; color:#333; background-color:#e8e8e8; font-size:18px; border-right:1px solid #ccc;}
.table_list table td {padding:15px; border-bottom:1px solid #ccc; text-align:center; color:#555; font-size:16px; height:60px; border-right:1px solid #ccc;}
.table_list table th:last-child, .table_list table td:last-child {border-right:none;}
.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 table td.title2 {word-break:break-all;}
.table_list .mgl_5 {width:17px;}

#pr .table_list table .no{width:10%;}
#pr .table_list table .name{width:10%;}
#pr .table_list table .date{width:10%;}
#pr .table_list table {width:100%; border-spacing:0px; border:0; border-collapse:collapse; border-top:2px solid #222;}
#pr .table_list table .notice {background-color: #0b5e88; color: #fff;}
#pr .table_list table tr:hover {background:#f7f7f7;}
#pr .table_list table tr:hover .num01 {color:#1bafc3;}
#pr .table_list table tr:hover .num02 {color:#333;}
#pr .table_list table .notice td {color: #fff;}
#pr .table_list table .notice td.title a {color:#fff;}
#pr .table_list table .notice td.title a:hover {color: #fff; font-weight: normal;}
#pr .table_list table td {padding:13px; border-bottom:1px solid #ddd; text-align:center; color:#333; font-size:16px;}
#pr .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;}
#pr .table_list table td.name .answer_no {border:1px solid #555; display:inline-block; padding:2px 7px;}
#pr .table_list table td.name .answer_ok {border:1px solid #1bafc3; color:#1bafc3; display:inline-block; padding:2px 7px;}

.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 #ccc;}
.accordion ul li {}
.accordion ul li .Question {float:left; color:#333; 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 .acc {background:#e8e8e8;}
.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:25px; word-break:break-all;}
.accordion ul li .Atxt {padding-left:10px; font-size:14px; color:#777; line-height:200%; overflow-x:auto; word-break:break-all;}
.accordion ul li .Atxt img {max-width:100%;}
.accordion ul li h4 {padding-top:6px; color:#333; 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 #ccc; transition:background 0.3s ease-in-out;}
.accordion ul li .acc_cont {display:none; padding:20px; border-bottom:1px solid #ccc;}

input.mem2[type=checkbox]:not(old){position: absolute; padding:0;  border: 0 none;  background: #fff; cursor: pointer; display:none;}
input.mem2[type=checkbox]:not(old) + label{position: relative; display: inline-block; padding-left: 25px; background: #fff url("/img/layout/checkbox_off.png") top 1px left 0px no-repeat; font-size:14px; cursor: pointer; vertical-align: top; cursor: pointer; z-index:4}
input.mem2[type=checkbox]:checked + label , input.mem2[type=checkbox]:active + label {background: #fff url('/img/layout/checkbox_on.png') top 1px left 0px  no-repeat;}

input.mem3[type=radio]:not(old){position: absolute; padding:0;  border: 0 none;  background: #fff; cursor: pointer; display:none;}
input.mem3[type=radio]:not(old) + label{display:inline-block; line-height:1em; color:#8876f3; border:1px solid #8876f3; padding:14px 25px 12px 25px; border-radius:30px; margin-right:10px;}
input.mem3[type=radio]:checked + label , input.mem3[type=radio]:active + label {background:#8876f3; color:#fff;}

input.mem4[type=checkbox]:not(old){position: absolute; padding:0;  border: 0 none;  background: #fff; cursor: pointer; display:none;}
input.mem4[type=checkbox]:not(old) + label{position: relative; display: inline-block; padding-left: 40px; background: #fff url("/img/layout/checkbox_off2.png") top 2px left 0px no-repeat; font-size:20px; cursor: pointer; vertical-align: top; cursor: pointer; z-index:4}
input.mem4[type=checkbox]:checked + label , input.mem4[type=checkbox]:active + label {background: #fff url('/img/layout/checkbox_on2.png') top 2px left 0px  no-repeat;}

input.mem5[type=checkbox]:not(old){position: absolute; padding:0;  border: 0 none;  background: #fff; cursor: pointer; display:none;}
input.mem5[type=checkbox]:not(old) + label{position: relative; display: inline-block; padding-left: 40px; background: #fff url("/img/layout/checkbox_off.png") top 2px left 0px no-repeat; font-size:16px; cursor: pointer; vertical-align: top; cursor: pointer; z-index:4}
input.mem5[type=checkbox]:checked + label , input.mem5[type=checkbox]:active + label {background: #fff url('/img/layout/checkbox_on3.png') top 2px left 0px  no-repeat; color:#6d57f1; font-weight:bold;}

input.mem6[type=checkbox]:not(old){position: absolute; padding:0;  border: 0 none;  background: #fff; cursor: pointer; display:none;}
input.mem6[type=checkbox]:not(old) + label{position: relative; display: inline-block; padding-left: 25px; background: #fff url("/img/layout/checkbox_off.png") top 2px left 0px no-repeat; font-size:16px; cursor: pointer; vertical-align: top; cursor: pointer; z-index:4; vertical-align:middle;}
input.mem6[type=checkbox]:checked + label , input.mem6[type=checkbox]:active + label {background: #fff url('/img/layout/checkbox_on3.png') top 2px left 0px  no-repeat; color:#6d57f1; font-weight:bold;}

/*qna*/
#customer pre {word-break:keep-all; background:#fff; color:#999; padding:15px; height:165px; 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 input[type=radio] {display:none;}
#customer input[type=radio]:not(old) + label.radio_button {background:#fff url(/img/09/sub9_radio.png)0 0 no-repeat; display:inline-block; width:21px; height:21px; position:relative; top:-1px; right: 5px; cursor:pointer;}
#customer input[type=radio]:checked + label.radio_button, #customer input[type=radio]:active + label.radio_button {background:#fff url(/img/09/sub9_radio_on.png)0 0 no-repeat; display:inline-block; width:21px; height:21px; position:relative; top:-1px; right: 5px; cursor:pointer;}
#customer label.radio_contents {margin-right:20px; cursor:pointer; font-size:18px;}

#customer table {border-top:2px solid #333; width:100%; border-collapse:collapse; margin-bottom:30px;}
#customer table tr {}
#customer table tr:last-child {border-bottom:1px solid #333;}
#customer table th {padding:10px; font-size:16px; font-weight: bold; color: #333; position: relative; text-align:center;}
#customer table td {padding:10px;}
#customer table th, #customer table td {min-height:80px; border-bottom:none;}
#customer table td input, #customer table td textarea, #customer table td select {border: 1px solid #ddd; font-size:16px;}

#customer table td input{outline:none;}
#customer table td input:focus{border:1px solid #1bafc3;}
#customer table td select {background-color:#fff;}
#customer table td .customer_input1 {width:100%; /* height:40px; */ /* padding:0 0 0 10px; */}
#customer table td .customer_input2 {width:480px; /* height:40px; */ /* padding:0 0 0 10px; */}
#customer table td .customer_input3 {width:138px;/* height:40px; */ /* padding:0 0 0 10px; */}
#customer table td .customer_input4 {width:165px; /* height:40px; */ /* padding:0 0 0 10px; */}
#customer table td .customer_input5 {width:229px;/* height:40px; */ /* padding:0 0 0 10px; */ }
#customer table td .customer_input6 {width:610px; /* height:40px; */ /* padding:0 0 0 10px; */}
#customer table td .file_button {margin-left:-40px; color:transparent; background:url(/img/layout/btn_search.png) center center no-repeat; background-size:20px; width:20px; display:inline-block; cursor:pointer;}
#customer table td select {/* padding:0 10px; */ outline:none;}
#customer table td select:focus {border:1px solid #1bafc3;}
#customer table td textarea {width:100%; height:250px; padding:10px; outline:none;}
#customer table td textarea:focus {border:1px solid #1bafc3;}
#customer table td.phone span {vertical-align: top; line-height: 38px;}
#customer table td.mail span {vertical-align: top; line-height: 38px;}
#customer table td.file .uploadBtn {display: inline-block; height: 40px; line-height: 40px; text-align: center; padding: 0 15px; font-size: 14px; background-color: #999; color: #fff;}
#customer table td.file label{padding:11px 40px; background:#999; color:#fff; cursor:pointer;}

.button_wrap {text-align:center; margin-top: 30px;}
.button_wrap .button_reset {float:none !important; border: 1px solid #666; color: #666; background:#fff; cursor: pointer; font-size:16px; margin:0 10px; line-height:1em; padding:14px 28px 11px 28px; border-radius:36px; transition:background 0.3s, color 0.3s ease-in-out;}
.button_wrap .button_submit {float:none !important; border: 1px solid #8876f3; color: #8876f3; background:#fff; cursor: pointer; font-size:16px; margin:0 10px; line-height:1em; padding:14px 28px 11px 28px; border-radius:36px; transition:background 0.3s, color 0.3s ease-in-out;}
.button_wrap .button_reset:hover {background:#666; color:#fff;}
.button_wrap .button_submit:hover {background:#8876f3; color:#fff;}

.button {display:inline-block; line-height:1em; padding:14px 25px 11px 25px; border-radius:30px; font-size:16px; transition:background 0.3s, color 0.3s ease-in-out; background:#fff;}
.button.button_color1 {color:#006991; border:1px solid #006991; text-align: center;}
.button.button_color1:hover, .button.button_color1.active {background:#006991; color:#fff;}

.button.button_color2 {color:#666; border:1px solid #666;}
.button.button_color2:hover, .button.button_color2.active {background:#666; color:#fff;}

.button.button_disabled {color:#ccc; border:1px solid #ccc; cursor:default;}
.button.button_disabled:hover {}

input.search_date {border:1px solid #6d57f1; padding:10px; font-size:16px;}
.search_select2 {background:#fff url(/img/layout/search_select_arrow.png) right 10px center no-repeat; width:100px; padding:10px; font-size:16px;}

.review_table {width:100%; border-top:2px solid #ccc; border-bottom:2px solid #ccc;}
.review_table tr td {height:60px; padding:10px; border-bottom:1px solid #ccc; font-size:18px;}
.review_table tr:last-child td {border-bottom:none;}
.review_table tr td:nth-child(3) {border-left:1px solid #ccc;}
.review_table tr td input, .review_table tr td textarea {padding:10px; width:100%;}
.review_table tr td textarea {height:300px;}
.review_table tr td input.customer_input2 {width:480px; /* height:40px; */ /* padding:0 0 0 10px; */}
.review_table tr td input.customer_input3 {width:138px;/* height:40px; */ /* padding:0 0 0 10px; */}
.review_table tr td.qna_td img {max-width:100%;}
/*조회하기*/
.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: #0b5e88; color: #fff;}
.button_wrap .button_submit3 {width: 100%; color: #fff;}
.button_wrap .button_submit4 {width: 30%; color:#fff;}
.button_wrap2 .button_submit {width: 30%; background-color: #0b5e88; color: #fff;}


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


.login_button {width:100%; padding:20px; border-radius:30px; line-height:1em; color:#fff; font-size:18px; font-weight:bold; background:#7b67f2;}
.kakao_login {width:100%; padding:20px; border-radius:30px; line-height:1em; color:#381e1f !important; font-size:18px; font-weight:bold; background:#ffe600;}
.naver_login {width:100%; padding:20px; border-radius:30px; line-height:1em; color:#fff !important; font-size:18px; font-weight:bold; background:#03cf5d;}
.facebook_login {width:100%; padding:20px; border-radius:30px; line-height:1em; color:#fff !important; font-size:18px; font-weight:bold; background:#445d99;}

.social_login {position:relative; display:inline-block; text-align:center;}
.social_login img {position:absolute; top:50%; left:40px; transform:translateY(-50%);}

.w_380.mgr_20:nth-child(3n) {margin-right:0 !important;}
.w_380.mgr_20:nth-child(3n+1) {clear:both;}

.info_table {border-top:2px solid #ccc; border-bottom:2px solid #ccc; width:100%;}
.info_table tr td {border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:30px; font-size:18px; word-break:break-all;}
.info_table tr td:last-child {border-right:none;}
.info_table tr:last-child td {border-bottom:none;}

@media(max-width:767px)
{
	.board_read .readcontent {font-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;}

	.table_list table th {font-size:16px; padding:10px 0; height:40px;}
	.table_list table td {padding:5px; font-size:14px;}
	.table_list table .no{width:40px;}
	.table_list table .title{width:auto;}
	.table_list table .name {width:16%;}
	.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:80px;}
	.search #searchform #keyword {width:150px;}


	#customer label.radio_contents {font-size:12px; margin-right:8px;}
	#customer table th {padding:5px 0; font-size:12px;}
	#customer table td .customer_input2 {width:100%;}
	#customer table td .customer_input4 {width:458px;}

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

	#customer table td .customer_input3 {width:27%;}
	#customer table td .customer_input4 {width:100%;}
	#customer table td .customer_input5 {width:29%;}
	#customer table td .customer_input6 {width:100%; margin-left:0; margin-top:10px; max-width:100%;}
	#customer table td.phone span {line-height:1.5em;}
	#customer table td.file {position:relative;}
	#customer table td.file label {margin-left:0; display:inline-block; position:absolute; right:10px; padding:9px;}
	#customer table td input, #customer table td textarea, #customer table td select {font-size:12px;}

	#customer table td textarea {padding:5px;}

	.button_wrap > button {width:80px; height:40px; font-size:14px !important;}
	.button_wrap > a {width:120px; height:40px; line-height:40px; font-size:14px; }
	.button_wrap .button_reset {padding:11px 20px;}
	.button_wrap .button_submit {padding:11px 20px;}

	.button {padding:11px 20px 10px 20px;}

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

	.button_wrap .button_submit {font-size:14px;}
	#customer table td.phone span {vertical-align:middle;}

	.container .container {padding:0;}

	.table_list table td {height:45px;}

	.info_table tr td {padding:10px; font-size:14px;}

	input.mem3[type=radio]:not(old) + label {padding:14px 10px 12px 10px;}
	input.mem6[type=checkbox]:not(old) + label {font-size:14px; background-position:top left;}

	.review_table tr td {font-size:14px;}
	.review_table tr td input.customer_input2 {width:100%;}
	.review_table tr td input.customer_input3 {width:27%;}
}

@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;}
}