@charset "utf-8";

/* :: board top s :: */
.bo_top {margin-bottom: 30px;}
.bo_top:after {display: block; content: ""; clear: both;}
.bo_sch_wrap {float: right; width: 530px;}
.bo_sch_wrap:after {display: block; content: ""; clear: both;}
.bo_sch_wrap select {float: left; width: 125px;}
.bo_sch_wrap input[type="text"] {float: left; width: 300px; margin-left: 5px;}
.bo_sch_wrap .sch_btn {width: 95px; height: 45px; background: #333; color: #fff; font-size: 17px; font-weight: 500; line-height: 45px; text-align: center;}
/* :: board top e :: */
.sub-contents {margin-top: 30px;}

/* :: width s :: */
.col_sm {width: 20%;}
.col_md {width: 30%;}
.col_lg {width: 50%;}
.col_xl {width: 80%;}
.col_full {width: 100%;}

/* :: width e :: */


/* :: button s :: */
.btn_wrap {margin-top: 60px; text-align: center; position: relative;}
.btn_wrap:after {display: block; content: ""; clear: both;}
.bo_btn {display: inline-block; width: 230px; height: 60px; margin: 0 1px; color: #555; font-size: 17px; line-height: 58px; text-align: center; border: 1px solid #ddd; vertical-align: top;}
.bo_btn.btn_list {background: #333 url(./images/board/bo_ico_list.gif) no-repeat center; font-size: 0; border-color: #333;}
.bo_btn.btn_black {background: #333; color: #fff; border-color: #333;}

/* :: button e :: */


/* :: pageing s :: */
.pg_wrap {margin-top: 60px; text-align: center;}
.pg_wrap strong,
.pg_wrap a {display: inline-block; margin: 0 10px; color: #555; font-family: 'Montserrat', sans-serif; font-size: 18px; line-height: 1.4; vertical-align: middle;}
.pg_wrap strong {color: #000; font-weight: 700;}
.pg_wrap .pg_page.pg_start,
.pg_wrap .pg_page.pg_end,
.pg_wrap .pg_page.pg_prev,
.pg_wrap .pg_page.pg_next {display: inline-block; height: 13px; background-repeat: no-repeat; background-position: center; font-size: 0; line-height: 0; vertical-align: middle;}
.pg_wrap .pg_page.pg_start,
.pg_wrap .pg_page.pg_end {width: 15px; background-image: url(./images/board/pg_ico_arrow2.png);}
.pg_wrap .pg_page.pg_prev,
.pg_wrap .pg_page.pg_next {width: 8px; background-image: url(./images/board/pg_ico_arrow1.png);}
.pg_wrap .pg_page.pg_prev,
.pg_wrap .pg_page.pg_start {transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}

/* :: pageing e :: */


/* :: captcha s :: */
.captcha_info:after {display: block; content: ""; clear: both;}
.captcha_info audio {float: left; width: 70%;}
.captcha_info img {float: right; height: 54px;}
.captcha_fr {margin: 15px 0 10px;}
.captcha_fr:after {display: block; content: ""; clear: both;}
.captcha_fr input[type="text"] {float: left; width: 80%;}
.captcha_fr .bo_btn {float: right; width: calc(20% - 10px); height: 45px; background: #888; margin: 0; color: #fff; font-size: 15px; line-height: 43px; border-color: #888;}
.captcha_desc {display: block; color: #666; font-size: 14px;}

/* :: captcha e :: */


/* :: board list s :: */
.bo_list_wrap {border-top: 2px solid #333;}
.bo_list_wrap li {position: relative; border-bottom: 1px solid #ddd;}
.bo_list_wrap li:after {display: block; content: ""; width: 31px; height: 17px; background: url(./images/main/notice_indicator.png) no-repeat center; position: absolute; right: 15px; top: 50%; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out;}
.bo_list_wrap li > a {display: table; width: 100%; height: 100%; padding: 30px 60px 30px 0; table-layout: fixed;}
.bo_list_wrap li > a:hover {background: #f5f5f5;}
.bo_list_wrap li > a > div {display: table-cell; vertical-align: middle;}
.bo_list_wrap .col_info {width: 14%; font-family: 'Montserrat', sans-serif; line-height: 1.2; text-align: center;}
.bo_list_wrap .col_info > strong {display: block; font-size: 50px; font-weight: 700;}
.bo_list_wrap .col_info > span {display: block; color: #666; font-size: 15px;}
.bo_list_wrap .col_cont {width: 86%; padding: 0 30px; line-height: 1.4;}
.bo_list_wrap .col_cont > strong {display: block; font-size: 22px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.bo_list_wrap .col_cont > p {display: block; margin-top: 10px; color: #666; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.bo_list_wrap li.nopost {width: 100%; padding: 200px 0; color: #666; font-size: 17px; text-align: center;}
.bo_list_wrap li.nopost:after {display: none;}

/* :: basic list e :: */


/* :: basic view s :: */
.bo_view_wrap {padding-bottom: 20px; border-top: 2px solid #333; border-bottom: 1px solid #ddd;}
.bo_view_top {padding: 30px 0; border-bottom: 1px solid #ddd;}
.bo_view_top > strong {display: block; font-size: 36px; font-weight: 300; letter-spacing: -0.050em; line-height: 1.4; text-align: center;}
.bo_view_top .info_list {width: 100%; margin-top: 10px; text-align: center;}
.bo_view_top .info_list > li {display: inline-block; position: relative; padding-right: 25px; margin: 0 -1px; color: #666; font-size: 15px;}
.bo_view_top .info_list > li:after {display: block; content: ""; width: 1px; height: 10px; background: #ccc; position: absolute; right: 12px; top: 50%; margin-top: -5px;}
.bo_view_top .info_list > li:last-child {padding-right: 0;}
.bo_view_top .info_list > li:last-child:after {display: none;}
.bo_view_cont {padding: 60px 30px 40px; color: #555;}
.bo_view_cont img {max-width: 100%;}
.bo_view_file a {display: block; background: #f6f6f6; padding: 15px 25px; line-height: 1.4;}
.bo_view_file a > span {display: block; background: url(./images/board/bo_ico_down.gif) no-repeat left center; padding-left: 28px; font-size: 14px;}
.bo_view_url {margin-top: 20px; text-align: right;}
.bo_view_url a {display: inline-block; width: 100%; font-size: 14px; letter-spacing: -0.02em; overflow: hidden;}
.bo_view_url a > span {background: url(./images/board/bo_ico_link.gif) no-repeat left center; padding-left: 20px; text-decoration: underline;}
.bo_view_wrap + .btn_wrap {position: relative;}
.bo_view_wrap + .btn_wrap .bo_btn {width: 60px;}
.bo_view_wrap + .btn_wrap .bo_btn.btn_prev,
.bo_view_wrap + .btn_wrap .bo_btn.btn_next {position: absolute; top: 0; width: 130px;}
.bo_view_wrap + .btn_wrap .bo_btn.btn_prev {left: 0;}
.bo_view_wrap + .btn_wrap .bo_btn.btn_next {right: 0;}
.bo_view_wrap .video_wrap {width: 100%; padding-top: 56.25%; position: relative; overflow: hidden;}
.bo_view_wrap .video_wrap iframe {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;}

/* :: basic view e :: */


/* :: basic write s :: */
.bo_write {border-top: 2px solid #333;}
.bo_write_box {display: table; width: 100%; table-layout: fixed; padding: 10px 0; border-bottom: 1px solid #ddd;}
.bo_write_box > * {display: table-cell; vertical-align: middle;}
.bo_write_box input[type=checkbox]:not(:last-child) + label, .bo_write_box input[type=radio]:not(:last-child) + label {margin-right: 10px;}
.bo_write_box script {width: 0; text-indent: -9999px;}
.bo_write_box label,
.bo_write_box .wr_tit, .bo_write_box .label {width: 200px; font-weight: 500; text-align: center;}
.bo_write_box label > strong {color: #ff0000; font-weight: 700;}
.bo_write_box input[type="text"],
.bo_write_box input[type="password"],
.bo_write_box select {border-color: #ddd;}
.bo_write .multi_box > li {display: inline-block; padding: 5px 0; margin-right: 40px;}
.bo_write .multi_box > li:last-child {margin-right: 0;}
.bo_write .multi_box > li > label {width: auto; font-weight: 300; text-align: left;}
.bo_write .cke_sc {display: none;}
.bo_write #ca_name option:last-child {display: none;}

/* :: basic write e :: */


/* :: board list ver2 s :: */
.bo_list2 {border-top: 2px solid #333;}
.bo_list2 table {width: 100%;}
.bo_list2 table th,
.bo_list2 table td {padding: 10px 20px; font-size: 17px; text-align: center; border-bottom: 1px solid #ddd;}
.bo_list2 table th {background: #ececec;}
.bo_list2 table td img {vertical-align: middle;}
/* :: board list ver2 e :: */


/* :: gallery list s :: */
.bo_gall:after {display: block; content: ""; clear: both;}
.bo_gall > li {float: left; width: calc((100% - 120px) / 4); margin-top: 40px; margin-right: 40px;}
.bo_gall > li:nth-child(4n) {margin-right: 0;}
.bo_gall > li:nth-child(-n+4) {margin-top: 0;}
.bo_gall .thumbnail {position: relative; background: #f0f0f0; padding-top: 66.6666%; overflow: hidden;}
.bo_gall .thumbnail > p {position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: translate(50%, 50%); -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%);}
.bo_gall .thumbnail > p > img {position: absolute; top: 0; left: 0; width: 100%; height: auto; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);}
.bo_gall li strong,
.bo_gall li span {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.bo_gall li strong {margin-top: 15px; font-size: 17px;}
.bo_gall li span {color: #666; font-family: 'Montserrat', sans-serif; font-size: 15px;}
.bo_gall li.nopost {width: 100%; padding: 200px 0; margin: 0; color: #666; font-size: 17px; text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}

/* :: gallery list e :: */


/* :: login s :: */
.mb_login {display: table; width: 100%; height: 100vh; background: #f5f5f5; table-layout: fixed; text-align: center;}
.mb_login_con {display: table-cell; vertical-align: middle;}
.mb_login h1 {/* font-size: 40px; */ font-weight: 700; margin-bottom: 20px;}
.mb_login_fs {max-width: 460px; margin: 0 auto;}
.mb_login_fs input[type="text"],
.mb_login_fs input[type="password"] {display: block; width: 100%; height: 48px; margin-top: 10px;}
.mb_login_fs .btn_submit {display: block; width: 100%; height: 56px; background: #d71920; margin: 15px 0; color: #fff;}
.mb_login_etc {border-top: 1px solid #ddd; margin-top: 40px; padding-top: 30px;}
.mb_login_etc a {display: inline-block; padding: 0 10px; color: #888; font-size: 16px; position: relative;}
.mb_login_etc a:after {display: block; content: ""; width: 1px; height: 14px; background: #000; opacity: 0.2; position: absolute; right: -3px; top: 50%; margin-top: -7px;}
.mb_login_etc a:last-child:after {display: none;}
/* :: login e :: */


/* :: find member s :: */
.mb_find {max-width: 500px; margin: 0 auto;}
.mb_find_top {font-size: 17px; text-align: center; margin-bottom: 30px;}
.mb_find_con input[type="text"] {width: 100%; height: 55px; margin-bottom: 10px; line-height: 43px; border-color: #999;}
.mb_find_captcha {margin-top: 20px;}
.mb_find .btn_wrap {margin-top: 40px; text-align: left;}
.mb_find .btn_wrap .bo_btn {float: left; width: calc((100% - 10px) / 2); margin: 0 10px 0 0; height: 55px; line-height: 53px;}
.mb_find .btn_wrap .bo_btn:last-child {margin-right: 0;}
.mb_find .btn_wrap .bo_btn.btn_submit {background: #004f99; color: #fff; border-color: #004f99;}
.mb_find .btn_wrap .bo_btn.btn_close {border-color: #ccc;}

/* :: find member e :: */


/* :: join s :: */
.mb_join {max-width: 900px; margin: 0 auto;}
.mb_join_tit {font-size: 30px;}
.mb_join_txt {font-size: 20px;}
.mb_join_step {margin-bottom: 70px;}
.mb_join_step:after {display: block; content: ""; clear: both;}
.mb_join_step > li {float: left; position: relative; margin-right: 30px;}
.mb_join_step > li:before {display: inline-block; width: 40px; height: 40px; color: #aaa; font-family: 'Montserrat', sans-serif; font-size: 20px; line-height: 38px; text-align: center; border: 1px solid #ccc; border-radius: 100%; vertical-align: top;}
.mb_join_step > li:nth-child(1):before {content: "1";}
.mb_join_step > li:nth-child(2):before {content: "2";}
.mb_join_step > li:nth-child(3):before {content: "3";}
.mb_join_step > li > span {display: none; margin-left: 10px; font-size: 22px; line-height: 40px;}
.mb_join_step > li:after {display: inline-block; content: ""; width: 50px; height: 1px; background: #ddd; margin: 20px 0 19px 20px; vertical-align: top;}
.mb_join_step > li:last-child {margin-right: 0;}
.mb_join_step > li:last-child:after {display: none;}
.mb_join_step > li.active:before {background: #333; color: #fff; border-color: #333;}
.mb_join_step > li.active > span {display: inline-block;}
.mb_join .agree_box {padding: 20px 0; margin-top: 30px; border-top: 1px solid #333; border-bottom: 1px solid #ddd;}
.mb_join .agree_box textarea {width: 100%; height: 8.5em; padding: 0; color: #555; font-size: 17px; font-weight: 300; line-height: 1.7; border: none;}
.mb_join .agree_chk_box {margin-top: 10px; text-align: right;}
.mb_join .agree_chk_box > * {display: inline-block; vertical-align: middle;}
.mb_join .agree_chk_box label {margin-left: 5px; font-size: 15px;}
.mb_join #fregister_private {margin-top: 70px;}
.mb_join #fregister_private .agree_box {padding: 0; border: none;}
.mb_join .agree_box .tbl_basic {border-top-width: 1px;}
.mb_join .agree_box .tbl_basic table th,
.mb_join .agree_box .tbl_basic table td {font-size: 15px;}
.mb_join .agree_box .tbl_basic table td {font-weight: 300;}
.mb_join .bo_btn {border-color: #aaa;}
.mb_join .bo_btn.btn_blue {background: #004f99; color: #fff; border-color: #004f99;}
.mb_join_fr:after {display: block; content: ""; clear: both;}
.mb_join_fr .join_col {float: left; width: calc((100% - 40px) / 2); margin-top: 20px; margin-right: 40px;}
.mb_join_fr .join_col:nth-child(-n+2) {margin-top: 0;}
.mb_join_fr .join_col:nth-child(2n) {margin-right: 0;}
.mb_join_fr .join_col > label {display: block; margin-bottom: 6px; color: #333; font-weight: 500;}
.mb_join_fr .join_col > label > strong {color: #ff0000;}
.mb_join_fr .join_col input[type="text"],
.mb_join_fr .join_col input[type="password"] {width: 100%; border-color: #999;}
.mb_join_fr .multi_box {height: 45px; line-height: 45px;}
.mb_join_fr .multi_box.radio_box label {margin-right: 30px;}
.mb_join_fr .multi_box.radio_box label:last-child {margin-right: 0;}
.mb_join_fr .multi_box.radio_box label,
.mb_join_fr .multi_box.radio_box input {vertical-align: middle;}
.mb_join_fr .multi_box.zipc_box input[type="text"] {display: inline-block; width: 75%; vertical-align: top;}
.mb_join_fr .multi_box.zipc_box .bo_btn {width: 24%; height: 45px; background: #888; margin: 0; color: #fff; font-size: 15px; line-height: 43px; border-color: #888;}
.mb_join_fr .join_col.addr {width: 100%; margin-top: 10px; margin-right: 0; overflow: hidden;}
.mb_join_fr .join_col.addr input[type="text"] {float: left; width: calc((100% - 40px) / 2); margin-right: 40px;}
.mb_join_fr .join_col.addr #reg_mb_addr2 {margin-right: 0;}
.mb_join_fr .join_col.captcha {margin-right: 0;}
.mb_join_fr .join_col.captcha .captcha_info audio {width: 60%;}
.mb_join_fr .join_col.captcha .captcha_fr input[type="text"] {display: inline-block; width: 75%; vertical-align: top;}
.mb_join_fr .join_col.captcha .captcha_fr .bo_btn {width: 24%; border-color: #888;}
.mb_join_re .result_top_txt {font-size: 36px; text-align: center; letter-spacing: -0.050em; line-height: 1.3;}
.mb_join_re .result_top_txt strong {font-weight: 700;}
.mb_join_re .result_bg {height: 300px; background: url(./images/board/mb_join_bg.jpg) no-repeat center; background-size: auto 100%; margin-top: 40px;}
.mb_join_re .result_user {max-width: 900px; padding: 30px 60px; margin: 50px auto 0; text-align: center; border: 8px solid #eee;}
.mb_join_re .result_user .user_email {background: #f9f9f9; padding: 15px; margin: 20px 0;}
.mb_join_re .result_user .user_email > li {display: inline-block; margin: 0 20px;}
.mb_join_re .result_user .user_email > li > strong {margin-right: 5px; font-weight: 500;}
.mb_join_re .result_info {padding: 25px 30px; margin-top: 70px; border: 1px solid #ddd;}
.mb_join_re .result_info > li {position: relative; padding-left: 15px; color: #555; font-size: 15px;}
.mb_join_re .result_info > li:before {display: block; content: ""; width: 4px; height: 4px; background: #888; position: absolute; left: 0; top: 10px; border-radius: 100%;}
.mb_join_re .result_info > li ~ li {margin-top: 5px;}
/* :: join e :: */


/* :: member confirm s :: */
.mb_confirm_top {font-size: 30px; text-align: center;}
.mb_confirm_top > p {display: block; margin-top: 10px; font-size: 20px; line-height: 1.4;}
.mb_confirm_con {max-width: 500px; margin: 50px auto 0;}
.mb_confirm_con input[type="text"],
.mb_confirm_con input[type="password"] {width: 100%; height: 55px; margin-bottom: 10px; line-height: 43px; border-color: #999;}
.mb_confirm_con input[type="text"] {background: #f5f5f5; color: #333; font-weight: 500;}
.mb_confirm_con .bo_btn {width: 100%; height: 55px; background: #004f99; margin-top: 20px; color: #fff; line-height: 55px; border-color: #004f99;}



/* :: skin_faq s :: */
.bo_cate + .bo_top > .bo_list_tit {padding: 40px 0; font-size: 30px; text-align: center;}
.bo_faq {border-top: 2px solid #333;}
.bo_faq .faq_box {margin-top: 15px;}
.bo_faq .faq_box:nth-child(1) {margin-top: 0;}
.bo_faq .faq_btn {display: block; position: relative; width: 100%; padding: 25px 60px 25px 30px; color: #000; font-size: 18px; text-align: left; border-bottom: 1px solid #ddd;}
.bo_faq .faq_btn:after {display: block; content: ""; width: 22px; height: 12px; background: url(./images/board/qna_ico_open.png) no-repeat center; position: absolute; right: 30px; top: 50%; margin-top: -6px;}
.bo_faq .faq_box.active .faq_btn {background: #11459d; color: #fff;}
.bo_faq .faq_box.active .faq_btn:after {background-image: url(./images/board/qna_ico_close.png);}
.bo_faq .faq_box.active .faq_label {background: #8dc31b;}
.bo_faq .faq_con {display: none; background: #fff; padding: 30px; border-bottom: 1px solid #ddd;}
.bo_faq .faq_box.nopost {width: 100%; padding: 200px 0; margin: 0; color: #666; font-size: 17px; text-align: center; border-bottom: 1px solid #ddd;}
.bo_faq .faq_con .adm_btnbox {display: block; text-align: right;}
.bo_faq .faq_con .bo_btn {width: 100px; height: 30px; padding: 0 15px; margin-top: 20px; background: #888; color: #fff; font-size: 15px; line-height: 28px; border-color: #888;}

/* :: skin_faq e :: */


/* :: board category s :: */
.bo_cate {margin-bottom: 60px;}
.bo_cate > ul {display: table; width: 100%; table-layout: fixed;}
.bo_cate > ul > li {display: table-cell; vertical-align: middle;}
.bo_cate > ul > li > a {display: block; height: 50px; background: #3c3224; color: #fff; line-height: 50px; text-align: center; border: 1px solid #fff; border-right: none;}
.bo_cate > ul > li > a.active,
.bo_cate > ul > li > #bo_cate_on {background: #94661f;}

/* :: board category e :: */


/* :: inquiry s :: */
.bo_inquiry .policy {margin-bottom: 60px; color: #666; font-size: 16px;}
.bo_inquiry .policy_box {padding: 40px; border: 1px solid #ddd;}
.bo_inquiry .policy_box > p {height: 11em; overflow-y: scroll;}
.bo_inquiry .policy_chk {margin-top: 20px;}
.sub-contents {padding-bottom: 50px;}


/* :: form s :: */
.check_box {display: inline-block; position: relative;}
.check_box input {position: absolute; left: 0; top: 0; opacity: .01; width: 25px; height: 24px;}
.check_box input + label .check_ico {display: inline-block; width: 25px; height: 24px; font-size: 0; line-height: 0; text-indent: -9999px; vertical-align: middle; background: url(./images/board/check_ico.png) no-repeat left top;}
.check_box input + label .check_txt {margin-left: 5px;}
.check_box input:checked + label .check_ico {background-position: left bottom;}
.check_box input:checked + label .check_txt {color: #d71921;}
/* :: form e :: */
.bo_write_box.subject {position: relative; padding-right: 135px;}
.helpers {margin-top: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.helpers a {float: left; display: block; text-align: center; width: 60px; color: #fff; background: #000; font-size: 15px; font-weight: 500;}
.helpers a:not(:last-child) {margin-right: 5px;}
.help {display: block; margin-top: 5px; font-size: 16px;}
#bo_v_img {text-align: center;}
.file_del {font-size: 15px; font-weight: 300;}
.bo_list {position: relative;}
#chkall {position: absolute; left: 0; top: -50px; width: 20px; height: 20px; border: 1px solid #ddd;}
.bo_list input[type=checkbox] {position: absolute; left: 0; top: 50%; width: 20px; height: 20px; border: 1px solid #ddd; transform: translateY(-50%);}
.adm-btns {position: absolute; right: 0; top: 0;}
.adm-btns li {float: left;}
.adm-btns li:not(:last-child) {margin-right: 5px;}
.adm-btns button {border: 1px solid #ddd; height: 60px; line-height: 60px; text-align: center; padding: 0 15px; color: #555; font-size: 17px;}
.no-show {background: #bd0000; color: #fff; padding: 5px 0; width: 60px;text-align: center; position: absolute; right: 0; top: 15px; font-size: 16px; border-radius: 5px;}
.list-today > .media {border: 1px solid #ddd; padding: 10px;}
.date-box p {text-align: center; font-size: 18px;}
.date-box {width: 90px; flex: 0 90px; margin-right: 15px; position: relative;}
.month-wrap {text-align: center; font-size: 32px; position: relative; padding: 10px 0; border-bottom: 1px solid #ddd;}
.month-wrap .btn-prev {position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 40px; height: 40px;}
.month-wrap .btn-next {position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 40px; height: 40px;}
.list-head {border-top: 2px solid #000; border-bottom: 1px solid #ddd; padding: 10px 0;}
.list-head span {width: calc(100% / 7); text-align: center; flex: 1 calc(100% / 7);}
.saturday {color: #3498db;}
.sunday {color: #e91b22;}
.bg-today {background: #f1f1f1;}
.bg-today .icon {position: relative; top: 5px;}
.list-item > div {width: calc(100% / 7); flex: 0 calc(100% / 7); border-bottom: 1px solid #ddd; min-height: 140px; padding: 10px;}
.list-item span {font-size: 20px;}
.label + div input {margin: 0 10px; width: 160px;}
.clf:after {content: ''; display: block; clear: both;}
.flex-wrap {display: flex; flex-wrap: wrap; justify-content: start;}
.flex-wrap.flex-center {align-items: center; justify-content: center;}

@media all and (max-width:1023px) {
    .bo_sch_wrap {width: 100%;}
    .bo_sch_wrap input[type="text"] {width: calc(100% - 230px);}
    .btn_wrap {margin-top: 50px;}
    .pg_wrap {margin-top: 50px;}
    .bo_view_top > strong {font-size: 30px;}
    .bo_view_cont {padding: 50px 30px 30px;}
    .bo_view_url a {width: auto;}
    .bo_gall > li {width: calc((100% - 40px) / 2); margin-top: 40px;}
    .bo_gall > li:nth-child(2n) {margin-right: 0;}
    .bo_gall > li:nth-child(3),
    .bo_gall > li:nth-child(4) {margin-top: 40px;}
    .mb_find_top {font-size: 15px; text-align: left; margin-bottom: 20px;}
    .mb_find_con input[type="text"] {height: 45px; line-height: 33px;}
    .mb_find .btn_wrap .bo_btn {height: 45px; line-height: 43px;}
    .mb_join_tit {font-size: 24px;}
    .mb_join_txt {font-size: 17px;}
    .mb_join_step {margin-bottom: 55px;}
    .mb_join #fregister_private {margin-top: 55px;}
    .mb_join_fr .join_col {width: calc((100% - 20px) / 2); margin-right: 20px;}
    .mb_join_fr .join_col.addr input[type="text"] {width: calc((100% - 20px) / 2); margin-right: 20px;}
    .mb_join_re .result_top_txt {font-size: 28px;}
    .mb_join_re .result_bg {height: 234px; margin-top: 30px;}
    .mb_join_re .result_user {margin-top: 40px;}
    .mb_join_re .result_info {margin-top: 55px;}
    .mb_confirm_top {font-size: 24px;}
    .mb_confirm_top > p {font-size: 17px;}
    .mb_confirm_con {margin-top: 40px;}
    .bo_cate + .bo_top > .bo_list_tit {padding: 30px 0; font-size: 24px;}
    .bo_faq {margin-top: 50px;}
    .bo_faq .faq_btn {padding: 15px 50px 15px 15px;}
    .bo_faq .faq_btn:after {right: 25px;}
    .bo_faq .faq_con {padding: 25px;}
    .bo_cate {margin-bottom: 50px;}
    .bo_inquiry .policy_box {padding: 30px;}
    .bo_inquiry .policy_box > p {height: 9.6em;}
    .list-item > div {width: 100%; flex: 1 100%; min-height: 80px;}
    .label + div label {display: block;}
}
@media all and (max-width: 767px) {
    .bo_top {margin-bottom: 20px;}
    .bo_sch_wrap select {float: none; width: 100%; margin-bottom: 5px;}
    .bo_sch_wrap input[type="text"] {width: calc(100% - 70px); margin-left: 0;}
    .bo_sch_wrap .sch_btn {width: 70px; height: 45px; font-size: 15px; line-height: 45px;}
    .col_sm,
    .col_md,
    .col_lg,
    .col_xl,
    .col_full {width: 100% !important;}
    .btn_wrap {margin-top: 40px;}
    .bo_btn {width: 100%; height: 40px; margin: 0; font-size: 15px; line-height: 38px;}
    .pg_wrap {margin-top: 40px;}
    .captcha_info audio {width: 100%;}
    .captcha_info img {float: none;}
    .captcha_fr {margin-top: 0;}
    .captcha_fr input[type="text"] {width: 60%;}
    .captcha_fr .bo_btn {width: calc(40% - 10px); height: 40px; line-height: 38px;}
    .captcha_info audio {width: 100%;}
    .captcha_info img {float: none;}
    .captcha_fr {margin-top: 0;}
    .captcha_fr input[type="text"] {width: 60%;}
    .captcha_fr .bo_btn {width: calc(40% - 10px); height: 40px; line-height: 38px;}
    .bo_list_wrap li:after {width: 18px; height: 11px; background-size: auto 100%;}
    .bo_list_wrap li > a {padding: 20px 40px 20px 15px;}
    .bo_list_wrap li > a > div {display: block;}
    .bo_list_wrap .col_info {width: 100%; text-align: left;}
    .bo_list_wrap .col_info > strong {display: none;}
    .bo_list_wrap .col_info > span {display: block; font-size: 14px; margin-bottom: 5px;}
    .bo_list_wrap .col_cont {width: 100%; padding: 0;}
    .bo_list_wrap .col_cont > strong {font-size: 17px;}
    .bo_list_wrap .col_cont > p {display: none;}
    .bo_list_wrap li.nopost {padding: 100px 0; font-size: 15px;}
    .bo_view_top {padding: 20px 0;}
    .bo_view_top > strong {font-size: 20px;}
    .bo_view_top .info_list > li {font-size: 14px;}
    .bo_view_cont {padding: 40px 0 20px; font-size: 15px;}
    .bo_view_wrap + .btn_wrap .bo_btn {width: 40px;}
    .bo_view_wrap + .btn_wrap .btn_black {background-size: 14px auto;}
    .bo_view_wrap + .btn_wrap .bo_btn.btn_prev,
    .bo_view_wrap + .btn_wrap .bo_btn.btn_next {display: none;}
    .bo_view_cont img {width: 100% !important; height: auto !important;}
    .bo_write_box > * {display: block; vertical-align: top;}
    .bo_write_box label,
    .bo_write_box .wr_tit {width: 100%; margin-bottom: 5px; font-size: 15px; text-align: left;}
    .bo_write .multi_box > li {padding: 0;}
    .bo_write + .btn_wrap > .bo_btn {width: 40%;}
    .bo_list2 {overflow-x: auto;}
    .bo_list2 table {width: 800px;}
    .bo_list2 table th,
    .bo_list2 table td {font-size: 15px;}
    .bo_gall > li {width: calc((100% - 20px) / 2); margin-top: 20px; margin-right: 20px;}
    .bo_gall > li:nth-child(3),
    .bo_gall > li:nth-child(4) {margin-top: 25px;}
    .bo_gall li strong {margin-top: 10px; font-size: 15px;}
    .bo_gall li span {font-size: 13px;}
    .bo_gall li.nopost {padding: 100px 0; font-size: 15px;}
    .mb_join_tit {font-size: 20px;}
    .mb_join_txt {font-size: 15px;}
    .mb_join_step {margin-bottom: 40px;}
    .mb_join_step > li {margin-right: 20px;}
    .mb_join_step > li:before {width: 30px; height: 30px; font-size: 17px; line-height: 28px;}
    .mb_join_step > li > span {font-size: 17px; line-height: 30px;}
    .mb_join_step > li:after {width: 30px; margin: 15px 0 14px 10px;}
    .mb_join .agree_box {padding: 15px 0; margin-top: 20px;}
    .mb_join .agree_box textarea {height: 7.5em; font-size: 15px; line-height: 1.5;}
    .mb_join #fregister_private {margin-top: 40px;}
    .mb_join .btn_wrap .bo_btn {width: 40%;}
    .mb_join_fr .join_col {float: none; width: 100%; margin-top: 15px; margin-right: 0;}
    .mb_join_fr .join_col:nth-child(2) {margin-top: 15px;}
    .mb_join_fr .join_col > label {font-size: 15px;}
    .mb_join_fr .multi_box {height: 40px; line-height: 40px;}
    .mb_join_fr .multi_box.radio_box label {margin-right: 20px; font-size: 15px;}
    .mb_join_fr .multi_box.zipc_box input[type="text"] {width: 70%;}
    .mb_join_fr .multi_box.zipc_box .bo_btn {width: 28.50%; height: 40px; line-height: 38px;}
    .mb_join_fr .join_col.addr input[type="text"] {width: 100%; margin-right: 0;}
    .mb_join_fr .join_col.addr #reg_mb_addr2 {margin-top: 10px;}
    .mb_join_fr .join_col.captcha .captcha_info audio {width: 50%;}
    .mb_join_fr .join_col.captcha .captcha_fr {margin-top: 10px;}
    .mb_join_fr .join_col.captcha .captcha_fr input[type="text"] {width: 70%;}
    .mb_join_fr .join_col.captcha .captcha_fr .bo_btn {width: 29%; border-color: #888;}
    .mb_join_re .result_top_txt {font-size: 22px;}
    .mb_join_re .result_bg {height: 172px; margin-top: 20px;}
    .mb_join_re .result_user {padding: 20px; margin-top: 30px; font-size: 15px; text-align: left; border-width: 5px;}
    .mb_join_re .result_user .user_email > li {margin: 0;}
    .mb_join_re .result_info {padding: 20px; margin-top: 40px;}
    .mb_join_re .result_info > li {padding-left: 13px; font-size: 14px;}
    .mb_join_re .result_info > li:before {top: 9px;}
    .mb_confirm_top {font-size: 20px;}
    .mb_confirm_top > p {font-size: 15px;}
    .mb_confirm_con {margin-top: 30px;}
    .mb_confirm_con input[type="text"],
    .mb_confirm_con input[type="password"] {height: 45px; line-height: 33px;}
    .mb_confirm_con .bo_btn {height: 45px; line-height: 45px;}
    .bo_cate + .bo_top > .bo_list_tit {padding: 25px 0; font-size: 18px;}
    .bo_faq {margin-top: 40px;}
    .bo_faq .faq_btn {padding: 10px 60px 10px 20px; font-size: 16px;}
    .bo_faq .faq_btn:after {width: 18px; height: 10px; background-size: 100% auto; right: 20px; margin-top: -5px;}
    .bo_faq .faq_tit {display: block;}
    .bo_faq .faq_con {padding: 20px; font-size: 15px !important;}
    .bo_faq .faq_box.nopost {padding: 100px 0; font-size: 15px;}
    .bo_cate {margin-bottom: 30px;}
    .bo_cate > ul > li {display: inline-block; width: calc((100% - 1px) / 2); vertical-align: top;}
    .bo_cate > ul > li > a {height: 40px; line-height: 40px; border-bottom: none;}
    .bo_inquiry .policy_box {padding: 20px;}
    .bo_inquiry .policy_box > p {height: 8em; font-size: 15px;}
    .check_box input + label .check_txt {font-size: 15px;}
    .bo_write_box.subject {padding-right: 0;}
    .helpers {margin-top: 5px; position: relative; right: auto; top: auto; transform: none;}
    .helpers a {float: left; display: block; text-align: center; width: 60px; color: #fff; background: #000; font-size: 15px; font-weight: 500;}
    .helpers a:not(:last-child) {margin-right: 5px;}
    .media-body {font-size: 16px;}   
}
@media (min-width: 1200px) {
    .sub-contents {width: 1200px; margin: 0 auto;}
}