@charset "utf-8";

.board_tit {width:100%; float:left;}
.board_tit img {width:100%}

.login_box {padding:20px 10px 50px 10px; width:100%; float:left}
.login_input li{margin:0 0 10px 0; width:100%; font-size:16px; float:left}
.login {width:100%;float:left; background:#fff; border:solid 1px #dedede; font-size:16px ;height:50px; padding:0 0 0 5px }
.login_check {float:left; width:100%; text-align:center;padding:10px 0 30px 0}
.login_check li {display:inline-block; font-size:14px;margin:0 10px 0 10px}
.login_check li a {color:#5d5d5d}
.sns_login li{margin:0 0 5px 0; width:100%}


.join_box {padding:30px 10px 50px 10px; width:100%; float:left}

.join_input {width:100%; border:none; height:30px; }
.join_td1 {font-size:16px; font-weight:600; color:#000;border-bottom:solid 1px #dedede; padding:10px 0 10px 0; line-height:30px}
.join_td2 {font-size:16px; border-bottom:solid 1px #dedede; line-height:30px;padding:10px 0 10px 0;}
.join_text {width:100%; padding:30px 0 30px 0; float:left; border-bottom:solid 1px #dedede}
.join_text ul li {width:100%;float:left; padding:0 0 10px 0}
.join_text_left {float:left;font-size:16px; }
.join_text_right {float:right}
.join_text_right a {color:#d4d4d4}



/* layaut */
.board_visual_wrap {width:100%;position:relative;  float:left;}
.board_visual_wrap img {width:100%}

.board_contents_wrap {width:100%;}
.board_contents {margin: 0 5vw;}

/* page style */
.paging_wrap {width:100%; text-align:center}

.paging_wrap a {width:30px; height:30px; display:block; color:#000; font-size:16px; color:#aeaeae; background:#fff; text-align:center; line-height:30px; margin:0; padding:0}
.paging_wrap a:hover {color:#000}
.paging_wrap a.w_select {background:#000; color:#fff}
.paging_wrap a img {vertical-align:top; }


/* list style */
table.board_list {width:100%; border-top:solid 1px #000}
table.board_list tr th {font-size:3.25vw; color:#2f2f2f; padding:10px 0 10px 0; border-bottom:solid 1px #d0d0d0;}
table.board_list tr td {font-size:3.25vw; color:#2f2f2f; padding:10px 0 10px 0;  border-bottom:solid 1px #dedede; text-align:center; vertical-align:middle}
table.board_list tr td.tit {}
table.board_list tr td.subject {text-align:left; padding:0 0 0 10px}
table.board_list tr td .date {color:#aeaeae} 
table.board_list tr td .ing { display: inline-block;line-height: 42px;color: #aeaeae;}
table.board_list tr td .end { display: inline-block;line-height: 42px;color: #f79534;}

/* write_table basic 게시판 쓰기 */
.write_table {  width:100%; }
.write_table tr th {width:20%; padding: 10px 0 10px 0; border-bottom:solid 1px #dedede; font-size:3.75vw; text-align:left;vertical-align:middle}
.write_table tr td {padding:10px 0 10px 0; border-bottom:solid 1px #dedede; font-size:3.75vw; font-weight:normal; text-align:left; vertical-align:middle}



/* view_table basic 게시판 보기 */
.view_table {border-top:solid 1px #000; width:100%; }
.view_table tr th {border-bottom:solid 1px #dedede; font-size:3.75vw; text-align:left; padding: 20px; font-weight:300;vertical-align:middle}
.view_tit {font-size:5vw; font-weight:500; padding:0 0 10px 0; display:inline-block; letter-spacing:-1px}
.view_table tr td {border-bottom:solid 1px #dedede; font-size:16px; font-weight:normal; padding:10px 0 10px 0; text-align:left}

.view_table2 {border-top:solid 1px #111; width:100%; }
.view_table2 tr td {width:100%; padding:10px; border-bottom:solid 1px #dedede;vertical-align:middle}
.view_font_1 {color:#d0d0d0; font-size:14px}
.view_font_2 {color:#2f2f2f; font-size:30px; font-weight:600; padding:0 0 10px 0}
.view_font_3 {font-size:16px; }
.view_font_4 span {color:#aeaeae}

.view_font_5 {font-size: 5vw;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.67;letter-spacing: normal;text-align: left;color: #000; padding:0 0 10px 0}
.txt_partition {color: #d0d0d0; margin: 0 3vw;}


.view_table img, .view_table2 img { max-width:100%; }		

/* search style */
.board_search_wrap {width:100%; padding:20px 10px 0; text-align:center; margin-bottom: 30px;}
.board_search_wrap ul{display: flex;}
.board_search_wrap ul li {padding:0 5px 0 5px; }
.board_search_select {width:100%; height:40px; background:url(/images/board/sub_menu_arrow.jpg) no-repeat center right #fff; font-size:15px;border:none; margin:0 0 10px 0;  border-bottom:solid 2px #000; padding:0 0 0 10px; border-radius:0; -webkit-appearance:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.board_search {width:100%; border-bottom:solid 2px #000; padding:0 0 0 0; height:40px; line-height:40px; display:inline-block}
.board_search_input {width:calc(100% - 30px); }



/* btn style */
.btn_line {display: flex;justify-content: space-between;}
.btn_right {width:100%; padding:50px 0 50px 0; text-align:right}
.btn_center {width:100%; padding:50px 0 50px 0; text-align:center}
.btn_left {width: 100%;display: flex;padding: 45px 0;align-items: center;column-gap: 30px;}


.btn_001 {width:150px; height:40px; color:#fff; background:#000; line-height:40px; text-align:center; font-weight:600; font-size:16px; display:inline-block; border-style:solid; border-color:#000; border-width:1px;}
/*.btn_001 {width:150px; height:40px; color:#fff; background:#000; line-height:40px; text-align:center; font-weight:600; font-size:16px; display:inline-block}*/
.btn_001:hover {background:#000}
.btn_002 {width:150px; height:40px; color:#999999; background:#ffffff; line-height:40px; text-align:center; font-weight:600; font-size:16px; display:inline-block; border-style:solid; border-color:#999999; border-width:1px; } 
/*.btn_002 {width:150px; height:40px; color:#fff; background:#939393; line-height:40px; text-align:center; font-weight:600; font-size:16px; display:inline-block}*/
.btn_002:hover {background:#808080}

/* form */

.input_001 {width:290px; height:36px; background:#fff; font-size:15px; border:solid 1px #dedede; padding:0 0 0 10px}
.input_002 {width:100%; height:40px; background:#fff; border:solid 1px #dedede; font-size:16px; padding:0 0 0 10px}
.input_003 {width:100%; height:100px; background:#fff; border:solid 1px #dedede; font-size:16px; padding:0 0 0 10px}
.input_004 {width:100%; height:36px; background:#fff; border:solid 1px #dedede; font-size:16px; padding:0 0 0 10px}
.input_005 {width:100%; height:175px; background:#fff; border:solid 1px #dedede; font-size:16px; padding:0 0 0 10px}
.input_006 {width:100%; height:40px; background:#fff; border:solid 1px #dedede; font-size:16px; padding:0 0 0 10px}
.input_007 {width:100%; height:36px; background:#fff; font-size:3.75vw; }

input:-webkit-autofill {
   -webkit-box-shadow: 0 0 0 1000px white inset;
}

input.input_007::placeholder {
  color: #aeaeae; 
}
.input_007.input_selectbox{color: #aeaeae; margin-left: -5px;}
select.input_007 option {color:#000;}
select.input_007 option[value=""][disabled] { display: none; }
select.input_007 option.like_placehold {color: #aeaeae;}

.txtBox {border: solid 1px #d0d0d0;padding: 15px;}
.txtBox p{color: #aeaeae;}

.submitBox{padding-top:4.5vw ;}
.submitBox label{font-size: 3.75vw;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 0.8;letter-spacing: -0.75px;text-align: left;color: #000;padding-left: 2.25vw;}
/* comment */
.comment_wrap {width:100%; float:left; background:#fff;margin:25px 0; }
.comment_tit {width:100%; float:left; position:relative; padding:0 0 10px 0; font-size:16px; font-weight:600; position:relative;}
.comment_tit span {color:#909090; font-weight:100; margin:0 0 0 10px}
.comment_tit ul {position:absolute !important; right:0; top:-5px}
.comment_tit ul li {float:left; padding:0px !important; margin:0 -3px }
.comment_btn {width:60px; height:30px; line-height:30px; display:inline-block; font-size:14px; background:#fff; border:solid 1px #dedede; color:#fff; text-align:center}
.comment_con {width:100%; float:left;font-size:16px; line-height:1.5; padding: 10px 10px 25px; border: 1px solid #d0d0d0;}
.comment_con_left {width:100%; float:left; }
.comment_textarea {width:100%; height:90px; background:#fff; border:solid 1px #dedede}
.comment_con_right {width:100%; float:left;}
.comment_con_right span {width:100%; height:100%; display:inline-block; line-height:40px; background:#000333; color:#fff; text-align:center}





/* model */
.model_text {width:100%; padding:10px; font-size:16px; color:#aeaeae !important; text-align:center !important; float:left;}
.model_file {width:100%;text-align:center;float:left;}
.model_file ul li {float:left; padding:0 10px 0 10px; width:33.33333%; line-height:1}
.model_file_img {width:100%;float:left;}
.model_file_img img {width:100%; }
.model_file_input {width:100%; float:left;background:#e1e1e1}
.model_file_input input {border:none !important; outline:none;background:none }
.model_file_text {line-height:70px; font-size:16px;padding:0 0 10px 0;display:block}


/* review */
.board_review_visual {width:100%; float:left; padding:0 10px 0 10px; background:url(/images/board/review_bg.jpg) center top no-repeat; background-size:100% auto }
.review_nav {width:100%; float:left;padding:0 0 30px 0}
.review_nav ul {width:100%;float:left; border-top:solid 1px #aeaeae; }
.review_nav ul li {border-right:solid 1px #aeaeae; float:left; width:33.3333%}
.review_nav ul li:nth-child(1), .review_nav ul li:nth-child(2), .review_nav ul li:nth-child(5) {border-left:solid 1px #aeaeae}
.review_nav span.review_nav_on {width:100%; height:35px; background:#f9b949; color:#fff; font-size:16px; line-height:35px; text-align:center; display:inline-block;border-bottom:solid 1px #aeaeae;}
.review_nav span.review_nav_off {width:100%; height:35px; background:#fff; color:#aeaeae; font-size:16px; line-height:35px; text-align:center; display:inline-block;border-bottom:solid 1px #aeaeae;}
.review_list {width:100%; float:left;margin:0 0 50px 0}
.review_list li {width:50%; padding:0 10px 0 10px; margin:0 -1px 30px -1px; border-bottom:solid 1px #000; display:inline-block}
.review_list li .review_list_img {width:100%; float:left}
.review_list li .review_list_img img {width:100%}
.review_list li .review_list_info {width:100%; height:100px;float:left;padding:10px}
.review_list li .review_list_info .info_1 {width:100%; padding:0  0 10px 0; width:100%; font-size:18px}
.review_list li .review_list_info .info_2 {width:100%; font-size:18px;word-break:keep-all }




/* Layers
--------------------------------------------------*/
.slidetext {width:100%; height:40px; line-height:40px; text-align:center; background:#e0e0e0; color:#818181; font-size:16px; position:absolute !important;left:0 !important; bottom:0 !important;  z-index:99 }



.after_list {width:100%; padding:50px 0 0 0; float:left;}
.after_list ul li {width:50%; padding:0 10px 30px 10px; float:left; margin:0 -1px 0 -1px}
.after_list ul li .after_list_img {position:relative; width:100%;  }
.after_list ul li .after_list_img > img {width:100%; height:100%;}
.after_list ul li .after_list_login {position:absolute; left:3px; top:3px; width:100%;}
.after_list ul li .after_list_login img {width:100%; cursor:pointer; }

.after_list_hover {position:absolute; left:0; top:0; width:100%; height:100%;border:solid 3px #9cc0d6; display:none; z-index:999}
.after_list ul li:hover .after_list_hover {display:block}



.password_wrap {width:100%; }
.password_wrap img {width:100%}
.password_wrap ul li {margin:0 0 10px 0}
.password_btn {width:100%; text-align:center}
.password_btn ul li {float:left; padding:0 5px 0 0; width:50%; margin-left:0 -1px 0 -1px}
.password_btn ul li:last-child {padding:0  0 0 5px;}
.password_btn_1 {width:100%; height:40px; line-height:40px;  text-align:center; display:inline-block; color:#999999; background:#fff; border:solid 1px #dedede; font-size:16px}
.password_btn_2 {width:100%; height:40px; line-height:40px; text-align:center; display:inline-block; color:#fff; background:#000333; font-size:16px}



.board_tit {width:100%}
.board_tit img {width:100%}



.board_news_list {width:100%; float:left; margin:0 0 50px 0}
.board_news_list li {width:100%; float:left; padding:10px 0 10px 0; border-bottom:solid 1px #dedede}
.board_news_tit{width:100%}
.board_news_tit tr td {padding:0 10px 0 0; vertical-align:middle}
.board_news_tit tr td img {width:100%}
.board_news_title {width:100%; float:left; font-size:25px; padding:0 0 20px 0; letter-spacing:-1px;}
.board_news_date {width:100%; float:left;font-size:16px; color:#aeaeae}



.board_new_after_table {width:100%}  
.board_new_after_table tr td {padding:0 10px 0 0; vertical-align:middle}
.board_new_after_table tr td img {width:100% !important}
.board_new_after_title {font-size:20px; font-weight:600; margin:10px 0 10px 0}
.board_new_after_date { font-size:16px; color:#aeaeae}
.board_new_after_list li {margin:0 0 10px 0}


.review_contents{margin: 0 5vw 50px;}
.board_review_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 50px 0;
    justify-content: space-evenly;
    row-gap: 7.5vw;
    column-gap: 5vw;
}

.board_review_list li {
    /*width: 43.75vw;*/
    width: calc(85vw / 2);
    /*height: 470px;*/
    overflow: hidden;
    white-space: nowrap;
    margin-right: auto;
}
.board_news_img_wrap {
    height: 30vw;
    overflow: hidden;
    border-radius: 2.5vw;
}
.board_review_tit {
	width: 100%;
	padding-top: 5.5vw;
}
.board_news_title {
 font-size: 3.75vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.07;
  letter-spacing: -0.3px; 
  text-align: left;
  color: #000;
  padding-bottom: 2.75vw;
}
.board_news_date {
  font-size: 3.5vw;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.07;
  letter-spacing: normal;
  text-align: left;
  color: #aeaeae;
}
span.notice_mark {
	color: #fff;
    font-size: 12px;
    border-radius: 15px;
    background-color: #f79433;
    padding: 3px 5px;
    margin: 0 5px 0 0;
    position: relative;
    line-height: 1.07;
}


/* page style */
.paging_wrap {width:100%; text-align:center}

.paging_wrap a {width:30px; height:30px; display:block; font-size:3.25vw; color:#aeaeae; background:#fff; text-align:center; line-height:30px; margin:0; padding:0}
.paging_wrap a:hover {color:#000}
.paging_wrap a img {vertical-align:top; position:relative;}
 
 
.paging_wrap a.w_select {background: unset; color: #111; position: relative;}
.paging_wrap a.w_select::after {content: '';position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 20px;height: 1px;background-color: #111;}

.pw_chk_message { }
.pw_chk_message #alert-success{color:#2eaae0;display:none;}
.pw_chk_message #alert-danger{display: inline-block;color: rgb(217, 39, 66);font-weight: bold;display:none;}