@charset "utf-8";

.btn-primary {background-color:#00B0EE;}

.base-list-1 {margin-bottom:30px;}
.base-list-1 .list-inline {margin:0px;}
.base-list-1 .btn-list-mg {margin-top:20px; margin-bottom:20px;}
.base-list-1 table {margin-bottom:0px!important;}
.base-list-1 table input[type=checkbox], input[type=radio] {margin:-3px 0 0;}
.base-list-1 .table>thead {border-top:3px solid #000; border-bottom:1px solid #000;}
.base-list-1 .table>thead>tr>th {position:relative; border:none; padding-top:16px; padding-bottom:16px; font-size:16px; font-weight:500;}
.base-list-1#sizedown .table>thead>tr>th {font-size:10px;}
.base-list-1#sizedown .table>thead>tr>th:nth-of-type(1) {width:35px;}
.base-list-1#sizedown .table>thead>tr>th:nth-of-type(7) {width:100px;}
.base-list-1 .table>thead>tr>th:after {content:""; display:block; position:absolute; top:50%; right:0; width:1px; height:12px; margin-top:-5px; background:#000; opacity:0.8}
.base-list-1 .table>thead>tr>th:last-child:after {display:none;}
.base-list-1 .table>thead>tr>th a {color:#000;}
.base-list-1 .table>tbody>tr>td {padding-top:25px; padding-bottom:25px; font-size:16px;}
.base-list-1#sizedown .table>tbody>tr>td {font-size:10px;}
.base-list-1 .td_subject {padding:25px 35px;}
.base-list-1 .caBox {font-size:13px; margin-right:5px;}
.base-list-1 .caBox span {padding-left:5px; padding-right:5px;}
.pagination>li {display:block; float:left;}
.pagination>li:last-child>a, .pagination>li:last-child>span, .pagination>li:first-child>a, .pagination>li:first-child>span {border-radius:0px!important;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color:#00B0EE!important; border-color:#00B0EE!important; color:#fff!important;}
.pagination>li>a, .pagination>li>span {color:#00B0EE!important;}

.ww40 {width:40px;}
.ww80 {width:80px;}
.ww100 {width:100px;}
.ww140 {width:140px;}

.base-view-1 #bo_v_title {font-size:30px; line-height:1.6;}
.base-view-1 .bo_v_title_Wrap {margin-bottom:40px;}
.base-view-1 .bo_v_title_Wrap .list-inline li {font-size:20px;}
.base-view-1 .contentWrap {width:100%; overflow:hidden; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding-top:25px; padding-bottom:25px;}
.base-view-1 #bo_v_con img {max-width:100%;}

a.btn, .btn {border:1px solid #ccc; font-weight:400;}
/* .btn_bo_user li>a.btn, .btn_bo_user li>.btn {padding:6px 12px;} */

.kor {word-wrap: break-word; word-break: keep-all;}/* 한글 줄바꿈 */
a {color:#333;}
a:focus, a:hover, a:link, a:visited, a:active {font-size:1em; color:#555; text-decoration:none;}
a.link-inverse {color:#fff;}
a.link-inverse:focus, a.link-inverse:hover {color:#ddd;}
a.link-btn:link, a.link-btn:visited {color:#fff;}

.responsive-line {max-width:100%; /* Customise it accordingly */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#bo_v_title {padding:10px 0;}

/* Extra Small */
@media(max-width:767px){

.base-list-1 .table>thead>tr>th {font-size:14px;}
.base-list-1 .table>tbody>tr>td {font-size:14px; padding-top:16px; padding-bottom:16px;}
.base-list-1 .caBox {font-size:11px; margin-right:0px;}
.base-list-1 .caBox span {padding-left:5px; padding-right:5px;}
.base-list-1 .td_subject {padding:25px 15px;}
.base-view-1 #bo_v_title {font-size:18px;}
.base-view-1 .bo_v_title_Wrap {margin-bottom:15px;}
.base-view-1 .bo_v_title_Wrap .list-inline li {font-size:14px;}
.ww80 {width:80px;}
.ww100 {width:100px;}
.ww140 {width:100px;}

}

/* 여백 */
.zero-padding { padding:0px; }
.list-inline > li.zero-padding { padding: 0 0px; } /* 버튼 그룹 패딩 제거 */

/* 폭 */
.w30 { width:30px; }
.w60 { width:60px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w120 { width:120px; }

/* 테이블 */
.checkbox-middle { vertical-align:middle; } /* 게시판 타이틀 체크박스 */
.bottom-1b { border-bottom:1px solid #ddd; } /* 테이블 하단 라인 */
.table tr:nth-of-type(1) th, .table tr:nth-of-type(1) td { border-top:none !important; } /* 테이블 첫줄 제거 */

/* 보정 - 삭제 예정 */
legend { display:none }
a.btn02 {
    display: inline-block;
    padding: 7px;
    border: 1px solid #3b3c3f;
    background: #4b545e;
    color: #fff;
    text-decoration: none;
    vertical-align: middle;
}

.view_file_download img {vertical-align:inherit;}





/*
------------------------------------------------------------------------------------------------------------------------
폼메일 쓰기 스타일
------------------------------------------------------------------------------------------------------------------------
*/

#formmail-write { position:relative; border-top:3px solid #0092E5; padding-top:60px;}
#formmail-write .check-list {display:block; padding:20px; color:red; border:1px solid red; margin-bottom:50px;}

.form-body #form-wrap input[type=text]:focus,.form-body #form-wrap input[type=password]:focus, .form-body #form-wrap select:focus {outline:none; border:0!important;}

.form-body #form-wrap .row:nth-child(3) h6 {margin-bottom:0px;}
.form-body #form-wrap h6 {font-size:20px; color:#0092E5;}
.form-body #form-wrap:first-child h6 {margin-bottom:30px;}
.form-body #form-wrap .radios-ghost {margin-bottom:100px;}
.form-body #form-wrap .input-wrap {margin-bottom:70px; overflow:hidden;}
.form-body #form-wrap .input-wrap .required {background-image:none!important;}
.form-body #form-wrap .input-wrap .form-control {border-radius:0px; box-shadow:none; height:89px; font-size:20px; padding:0px;}
.form-body #form-wrap .input-wrap input, .form-body input[type=password] {border:0px; border-bottom:1px solid #ddd!important;}
.form-body #form-wrap .input-wrap input::placeholder {color:#000;}
.form-body #form-wrap .input-wrap label {position: absolute;}
.form-body #form-wrap textarea {min-height:300px; border:1px solid #ddd!important;}
.form-body #form-wrap .form-control {border-radius:0px; box-shadow:none; height:89px; font-size:16px; padding:20px 30px; }

.form-body .radios-ghost label {margin:0px; margin-right:6px; margin-bottom:10px;}
.form-body .radios-ghost input[type=radio] {position: relative; visibility: hidden; display: inline-block; padding: 20px;}
.form-body .radios-ghost input[type=radio] + label {padding: 15px 40px; border: solid 1px #c0c0c0; color: #b0b0b0; display: inline-block; cursor: pointer; transition: all 0.15s linear; -webkit-transition: all 0.15s linear;}
.form-body .radios-ghost input[type=radio] + label:hover {color: #333; background: #eee;}
.form-body .radios-ghost input[type=radio]:checked + label {background-color:#606060; border-color:#C0C0C0; color:#fff;}
.form-body .radios-ghost input[type=checkbox], .form-body .radios-ghost input[type=radio] {margin-left:-16px;}

.form-body .captcha > div {padding:15px; border:1px solid #ddd; margin-top:50px;}
.form-body .captcha #captcha {display:block;}
.form-body .captcha #captcha legend {display:none;}
.form-body #captcha.m_captcha #captcha_key {height:40px;}

.form-body .checkbox p {display:inline-block; padding-left:25px; font-size:20px; color:#b0b0b0;}
.form-body .checkbox p a {color:#b0b0b0; transition:all 0.5s;}
.form-body .checkbox p a:hover {text-decoration:underline!important; color:#222;}
.form-body .checkbox label, .form-body .radio label {display:inline;}
.form-body .checkbox, .form-body .radio {margin-top:50px; margin-bottom:100px;}
.form-body .checkbox input[type=checkbox], 
.form-body .checkbox-inline input[type=checkbox], 
.form-body .radio input[type=radio], 
.form-body .radio-inline input[type=radio] {width:30px; height:30px;}

.form-footer button {border:0; border-radius:0; height:60px; font-size:16px; font-weight:500; background-color:#0092E5;}
.form-footer button:active {outline:0;}
.form-footer button:focus {outline:none!important; box-shadow:none;}
.form-footer button:active {outline:none!important; box-shadow:none;}

.privacy-policy .p-wrap .p-content {margin-bottom:30px; color:#888;}
.privacy-policy .p-wrap .p-content h3 {margin-bottom:15px; color:#222;}
.privacy-policy .p-wrap .p-content p {word-break:keep-all;}
.privacy-policy .p-wrap > p {color:#888; font-size:14px;}

.applyBtn {margin-top: 50px; margin-bottom: 50px;}

#captcha label {text-indent: -9999px;}

@media screen and (max-width:767px) {
 #formmail-write {border-top:none; padding-top:0px;}
 .form-body #form-wrap h6 {font-size:15px;}
 .form-body #form-wrap:first-child h6 {margin-bottom:20px;}
 .form-body #form-wrap .radios-ghost {margin-bottom:40px;}
 .form-body #form-wrap .input-wrap {margin-bottom:0px;}
 .form-body #form-wrap .row .col-sm-6:last-child .input-wrap {margin-bottom:30px;}
 .form-body #form-wrap .input-wrap .form-control {height:60px; font-size:13px;}
 .form-body #form-wrap textarea {min-height:200px;}
 .form-body #form-wrap .form-control {font-size:13px; padding:10px 10px; }
 .form-body .radios-ghost label {font-size:13px; margin-right:0; margin-bottom:0;}
 .form-body .radios-ghost input[type=radio] + label {padding:10px 10px;}
 .form-body .radios-ghost input[type=radio]:checked + label {background-color:#606060; border-color:#606060; color:#fff;}
 .form-body .radios-ghost input[type=checkbox], .form-body .radios-ghost input[type=radio] {margin-left:-20px;}
 .form-body .captcha > div {padding:15px; margin-top:30px;}
 .form-body .checkbox p {padding-left:10px; font-size:15px;}
 .form-body .checkbox, .form-body .radio {margin-top:30px; margin-bottom:30px;}
 .form-body .checkbox input[type=checkbox], 
 .form-body .checkbox-inline input[type=checkbox], 
 .form-body .radio input[type=radio], 
 .form-body .radio-inline input[type=radio] {width:23px; height:23px;}
 .form-footer button {height:60px; font-size:15px; font-weight:500;}

 .privacy-policy .p-wrap .p-content {margin-bottom:15px;}
 .privacy-policy .p-wrap .p-content ul li {font-size:13px;}
 .privacy-policy .p-wrap .p-content h3 {margin-bottom:15px; font-size:13px;}
 .privacy-policy .p-wrap .p-content p {line-height:1.4; font-size:13px;}
 .privacy-policy .p-wrap > p {font-size:13px;}
}

/* 회원가입 약관 */
.register {margin:0 auto}
.register:after {display:block;visibility:hidden;clear:both;content:""}
.register .btn_confirm .btn_submit,
.register .btn_confirm .btn_close {float:left;height:50px !important;width:49.5%;font-weight:bold;font-size:1.083em}
.register .btn_confirm {text-align:left}
.register .btn_confirm .btn_submit {margin-left:1%}

#fregister p {position:relative;text-align:center;color:#fff;height:50px;line-height:50px;font-size:1.1em;background:#f2838f;margin:0 0 10px;border-radius:5px;font-weight:bold}
#fregister p:before {content:"";position:absolute;top:0;left:0;width:5px;height:50px;border-radius:5px 0 0 5px;background:#da4453}
#fregister p i {font-size:1.2em;vertical-align:middle}
#fregister section {margin:10px auto 15px;border:1px solid #dde7e9;position:relative;border-radius:3px}
#fregister_chkall {position:relative;text-align:center;background:#f5f7fa;line-height:50px;border:1px solid #e5e9f0;border-radius:3px;margin-bottom:15px}
#fregister h2 {text-align:left;padding:20px;border-bottom:1px solid #dde7e9;font-size:1.2em}
#fregister textarea {display:block;padding:20px;width:100%;height:150px;background:#fff;border:0;line-height:1.6em}
#fregister_private {position:relative}
#fregister_private div {padding:20px;background:#fff}
#fregister_private table {width:100%;border-collapse:collapse}
#fregister_private table caption {position:absolute;font-size:0;line-height:0;overflow:hidden}
#fregister_private table th {background:#f7f7f9;width:33.33%;color:#000;padding:10px;border:1px solid #d8dbdf}
#fregister_private table td {border:1px solid #e7e9ec;padding:10px;border-top:0}

.fregister_agree {position:absolute;top:0;right:0}
.fregister_agree input[type="checkbox"] + label {color:#676e70}
.fregister_agree input[type="checkbox"] + label:hover {color:#2172f8}
.fregister_agree input[type="checkbox"] + label span {position:absolute;top:20px;right:15px;width:17px;height:17px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.fregister_agree input[type="checkbox"]:checked + label {color:#000}
.fregister_agree input[type="checkbox"]:checked + label span {background:url('./img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
.fregister_agree.chk_all input[type="checkbox"] + label span {top:18px}

/* 회원가입 입력 */
#register_form {background:#fff;margin-bottom:20px}
#register_form h2 {padding:20px;border-bottom:1px solid #dde7e9}
.register_form_inner {background:#f7f7f7;border:1px solid #dde7e9;border-radius:3px}
.register_form_inner ul {padding:20px}
.register_form_inner label {display:block;margin-bottom:10px;line-height:24px}
.register_form_inner label.inline {display:inline}

#fregisterform #msg_certify {margin:5px 0 0;padding:5px;border:1px solid #dbecff;background:#eaf4ff;text-align:center}
#fregisterform .frm_address {margin:5px 0 0}
#fregisterform #mb_addr3 {display:inline-block;margin:5px 0 0;vertical-align:middle}
#fregisterform #mb_addr_jibeon {display:block;margin:5px 0 0}
#fregisterform .btn_confirm {text-align:center}
#fregisterform .form_01 div {margin:0 0 20px}
#fregisterform .captcha {display:block;margin:5px 0 0}
#fregisterform .reg_mb_img_file img {max-width:100%;height:auto}
#reg_mb_icon, #reg_mb_img {float:right}

/* 회원가입 완료 */
#reg_result {padding:40px 30px;text-align:center;background:#edf3fc;border:1px solid #d6e2f4;border-radius:5px}
#reg_result h2 {font-size:2em;margin:0 0 20px}
#reg_result h2 strong {color:#ed6478}
#reg_result #result_email {margin:20px 0;padding:10px 50px;border-top:1px solid #e9e9e9;border-bottom:1px solid #dde4e9;background:#fff;line-height:2em}
#reg_result #result_email span {display:inline-block;width:150px}
#reg_result #result_email strong {color:#e8180c;font-size:1.2em}
#reg_result p {line-height:1.8em}
#reg_result .result_txt {text-align:left}
#reg_result .btn_confirm {margin:50px 0}
#reg_result i {font-size:3em}
#reg_result .reg_result_p {font-size:1.25em;margin:0 0 10px;color:#3684fa}
input.selec_chk {display: none;}

@media screen and (max-width: 460px) {

.form-body .captcha #captcha {text-align:center;}
.form-body #captcha.m_captcha audio {width:50%; margin:0 auto;}
.form-body #captcha.m_captcha #captcha_img {width:50%; margin:0 auto; margin-top:15px; margin-bottom:10px;}
.form-body #captcha.m_captcha #captcha_info {font-size:12px;}

}