@charset "utf-8";
/*
	max css var.1
	date : 2018-07-30
	name : design team koh won ji
*/

.board_list, .board_view {width:740px; padding-top:50px; margin:0 auto;}
/* paging */
.paging {text-align:center; margin-top:80px;}
.paging a {display:inline-block; color:#6f7b84; border:1px solid #d7d7d7; width:80px; height:80px; text-align:center; line-height:80px;}
.paging a.num_on{font-weight:600; color:#fff; background:#222; border:1px solid #222;}
/* reple */
.reple {display:inline-block; background:#f4b53e; color:#fff; width:40px; height:40px; line-height:40px; border-radius:100%; font-weight:600; font-size:24px; text-align:center;}
.ing_state { display:inline-block; padding:5px 20px; color:#fff; text-align:center; margin-bottom:20px;}
.con_state1 {background:#5e6a73;}
.con_state2 {background:#007bc9;}
.recruit_state1 {background:#5e6a73;}
.recruit_state2 {background:#007bc9;}

/* basic list */
.m_bo_lst { margin-top:20px; }
.m_bo_lst li { border:1px solid #d7d7d7; min-height:210px; box-sizing:border-box; padding:40px; margin-bottom:20px; position:relative; box-shadow:0 5px 0 0 #f1f1f1; }
.m_bo_lst li .important { background:#ecb111; color:#fff; display:inline-block; padding:5px 20px; margin-bottom:20px; }
.m_bo_lst li a { display:block; width:100%; height:100%; color:#1f1f31; font-size:30px; }
.m_bo_lst li .date { display:block; color:#6f7b84; font-size:27px; margin-top:20px; }
.m_bo_lst li .reple {  }
.m_bo_lst li img { vertical-align:middle; }

/* gallery list */
.bo_gallery_list {overflow:hidden;}
.bo_gallery_list .b_column {float:left; width:48%; min-height:400px; margin-bottom:20px; border:1px solid #d7d7d7; box-sizing:border-box; position:relative;}
.bo_gallery_list .b_column .pic { width:100%; height:200px; overflow:hidden; }
.bo_gallery_list .b_column .pic img { width:100%;}
.bo_gallery_list .colmr{ margin-right:2%;}
.bo_gallery_list .text_box{padding:20px 30px 30px;}
.bo_gallery_list .text_box ul {text-align:right; width:100%; height:auto; position:absolute; bottom:30px; right:30px;}
.bo_gallery_list .text_box li {display:inline-block; padding-left:10px;}
.bo_gallery_list .text_box .tit a {display:block; margin-bottom:10px; color:#1f1f31;}
.bo_gallery_list .text_box .date { color:#666; }
.bo_gallery_list .text_box .hit { color:#666; }
.bo_gallery_list .text_box .reple { color:#666; }
.bo_gallery_list img { vertical-align:middle; }

/* news lst */
.bo_news_list {border-top:1px solid #000;}
.bo_news_list .b_column {border-bottom:1px solid #d7d7d7; padding:25px 0; display:flex;}
.bo_news_list .b_column .pic {width:300px; height:200px; border:1px solid #d7d7d7; overflow:hidden; text-align:center;}
.bo_news_list .b_column .pic img {}
.bo_news_list .b_column dl {width:1000px; box-sizing:border-box; padding-top:20px; padding-left:40px; position:relative;}
.bo_news_list .b_column dt * {font-size:24px;}
.bo_news_list .b_column dd {padding-top:20px; line-height:130%;}
.bo_news_list .b_column .date_hit {font-size:14px; color:#666; position:absolute; bottom:20px; left:40px;}

/* news lst type2 */
.bo_news_list2 {border-top:1px solid #000;}
.bo_news_list2 .b_column {border-bottom:1px solid #d7d7d7; padding:25px 0;}
.bo_news_list2 .b_column .pic {width:100%; height:300px; border:1px solid #d7d7d7; overflow:hidden; text-align:center; box-sizing:border-box;}
.bo_news_list2 .b_column .pic img {width:100%;}
.bo_news_list2 .b_column dl {width:1000px; box-sizing:border-box; padding-top:20px; padding-left:40px; position:relative;}
.bo_news_list2 .b_column dt * {font-size:24px;}
.bo_news_list2 .b_column dd {padding-top:20px; line-height:130%;}
.bo_news_list2 .b_column .date_hit {font-size:14px; color:#666; position:absolute; bottom:20px; left:40px;}

/* basic view */
.board_view * img { max-width:100%; }
.bo_v_top {width:100%; height:auto;}
.bo_v_top h4 {font-size:38px; font-weight:300; color:#1f1f31; line-height:130%; text-align:center;}
.bo_v_top ul {box-sizing:border-box; width:100%; display:inline-flex; justify-content:center; align-items:center; border:1px solid #d7d7d7; border-left:none; border-right:none; padding:15px 25px; margin:50px 0;}
.bo_v_top ul li {padding:0 20px;}
.bo_v_top ul li img {vertical-align:middle;}
.bo_v_top ul li.file_area {display:flex; align-items:center;}
.bo_v_top ul li.file_area .fileViewArea {padding-left:15px;}
.bo_v_top .bt_save {display:inline-block; width:60px; height:40px; background:#424b51; color:#fff; border:0;}
.bo_v_cont {padding-bottom:100px; border-bottom:1px solid #d7d7d7;}
.bo_v_cont * {color:inherit; line-height:160%;}
.bo_v_cont div {}
.bo_v_cont iframe { width:740px; }
.bo_v_btm {margin-bottom:40px;}
.bo_v_btm .file_area, .bo_v_btm .lnk_area {display:flex; align-items:center; width:100%; height:auto; padding:20px; box-sizing:border-box;}
.bo_v_btm .file_area {border-bottom:1px solid #d7d7d7;}
.bo_v_btm p {display:block; width:136px; padding:10px 0; box-sizing:border-box; color:#fff; background:#0f1f2a; text-align:center;}
.bo_v_btm img {vertical-align:middle;}
.bo_v_btm ul {padding-left:20px;}
.bo_v_btm li {margin-bottom:5px;}
.bo_v_btm a {color:#797979;}
.bo_v_btm a:hover {text-decoration:underline; color:#0f1f2a;}
.bo_v_btm .lnk_area {border-bottom:1px solid #d7d7d7;}

/* contact view */
.contact_view {padding:50px 40px 0; text-align:center;}
.contact_view ul { margin-bottom:0; }
.contact_view .view_box.adm_area {border-top:1px solid #000;}
.contact_view .view_box {border-bottom:1px solid #d7d7d7; padding:30px 0; text-align:left;}
.contact_view .view_box h5 {font-size:36px; font-weight:400; color:#1f1f31;}
.contact_view .view_box ul {border:none; padding:0; margin:20px 0 0 0; display:block;}
.contact_view .view_box li {padding:15px 30px; margin:5px 0; background:#f5f5f5; border-radius:50px;}
.contact_view .view_box li strong {display:inline-block; width:120px; color:#1f1f31;}
.contact_view .view_contents *, .contact_view .view_contents {color:#6f7b84; line-height:160%;}
.contact_view .view_contents {margin-top:20px;}

/* comment */
.bo_comment {border-top:1px solid #000; border-bottom:1px solid #d7d7d7; text-align:left; }
.bo_comment .comment_tit a {display:inline-block;  padding:20px 40px 20px 20px; background:url('/skin/board/basic/images/comment_icon_op.png') no-repeat 95% 50%;}
.bo_comment .comment_tit a.open { background:url('/skin/board/basic/images/comment_icon_cl.png') no-repeat 95% 50%;}
.bo_comment .comment_num {display:inline-block; background:#f4b53e; color:#fff; width:40px; height:40px; line-height:40px; border-radius:100%; font-weight:600; font-size:24px; text-align:center;}
/* comment form */
.comment_form {margin-bottom:20px;}
.comment_form .frm_comment_user {border:1px solid #d7d7d7; padding:20px;}
.comment_form .frm_comment_user p {display:inline-block;}
.comment_form .frm_comment_user p input {border:1px solid #d7d7d7; padding:10px; font-size:27px; -webkit-appearance: none; -webkit-border-radius: 0;}
.comment_form .frm_comment_user .view_name input { width:100px; }
.comment_form .frm_comment_user .view_pass input { width:300px; }
.comment_form .frm_comment_write {width:100%; height:150px; display:flex; border:1px solid #d7d7d7; border-top:none; box-sizing:border-box; overflow:hidden;}
.comment_form .frm_comment_write textarea {width:75%; min-height:150px; border:0; box-sizing:border-box; padding:20px; line-height:130%; font-size:27px;}
.comment_form .frm_comment_write p {width:25%; height:150px; text-align:center; line-height:100%;;}
.comment_form .frm_comment_write p a {display:block; width:100%; height:100%; box-sizing:border-box; padding:65px 0; background:#32373b; color:#fff;}
/* comment list */
.comment_list {}
.comment_list .comment_1 {position:relative; border-top:1px solid #e9e9e9; padding:20px 0 0 0;}
.comment_list .comment_2 {position:relative; border-top:1px solid #e9e9e9; padding:20px 0 0 40px; background:url('/skin/board/basic/images/comment_icon.png') no-repeat 20px 10px;}
.comment_list .comment_3 {position:relative; border-top:1px solid #e9e9e9; padding:20px 0 0 60px; background:url('/skin/board/basic/images/comment_icon.png') no-repeat 40px 10px;}
.comment_list .comment_4 {position:relative; border-top:1px solid #e9e9e9; padding:20px 0 0 80px; background:url('/skin/board/basic/images/comment_icon.png') no-repeat 60px 10px;}
.comment_list .comment_5 {position:relative; border-top:1px solid #e9e9e9; padding:20px 0 0 100px; background:url('/skin/board/basic/images/comment_icon.png') no-repeat 80px 10px;}
.comment_list .comment_6 {position:relative; border-top:1px solid #e9e9e9; padding:20px 0 0 120px; background:url('/skin/board/basic/images/comment_icon.png') no-repeat 100px 10px;}
.comment_list .comment_7 {position:relative; border-top:1px solid #e9e9e9; padding:20px 0 0 140px; background:url('/skin/board/basic/images/comment_icon.png') no-repeat 120px 10px;}

.comment_row {position:relative;}
.comment_row p {display:flex; align-items:center;}
.comment_row p i {display:block; width:32px; height:32px; border-radius:100%; background:#f4b53e; text-align:center; box-sizing:border-box; padding-top:5px;}
.comment_row p .cmt_tit {display:block; color:#7b7b7b; padding-left:10px;}
.comment_row p .cmt_date {color:#b8b8b8; padding-left:10px;}

.comment_row .cmt_bt {position:absolute; right:20px; top:20px;}
.comment_row .cmt_bt a {display:inline-block; padding:7px 20px; border:1px solid #d7d7d7; color:#7b7b7b;}
.comment_row .cmt_txt {padding:20px 32px; line-height:140%;}

/* write */
.board_write {padding:50px 0 100px;}
.board_write * {font-size:16px;}
.b_tb_wr {width:100%; border-top:1px solid #000;}
.b_tb_wr th, .b_tb_wr td {padding:20px 15px; text-align:left; border-bottom: 1px solid #d7d7d7; }
.b_tb_wr th {}
.b_tb_wr td { background:#fff url('/skin/board/basic/images/th_line.png') no-repeat left 50%;}
.b_tb_wr td:first-child { background-image:none; }
.b_tb_wr tr:last-child th {border-bottom:1px solid #d7d7d7; }
.b_tb_wr tr:last-child td {border-bottom:1px solid #d7d7d7; }
.b_tb_wr input[type="text"] {border:1px solid #d7d7d7; box-sizing:border-box; padding:13px;}
.b_tb_wr input[type="file"] {display:block; box-sizing:border-box; padding:13px;}
.b_tb_wr th.wr_subject {text-align:center; padding:15px 0;  border-bottom:1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; background:#fbfbfb;}
.b_tb_wr .cont_texta {border:1px solid #ccc; }

.bo_guide_wrap {padding:0 0 50px; border-bottom:1px solid #d7d7d7;}
.bo_guide_wrap * {line-height:140%;}
.bo_guide_wrap h3 {font-size:36px; font-weight:400; color:#1f1f31;}
.bo_guide_wrap h3 span {font-size:15px;}
.bo_guide_wrap p {padding:15px 0 0;}
.bo_guide_wrap ul {margin-top:10px;}
.bo_guide_wrap li {margin:5px 0; color:#6f7b84;}
.bo_guide_wrap .box {margin-top:40px;}

/* contact write */
.contact_write {padding:0 40px 100px;}
.contact_write h3 { font-size:36px; color:#1f1f31; font-weight:normal;}
.contact_write h3 span { font-size:24px; font-weight:inherit;}
.contact_write .label_sp {display:block; width:auto; color:#1f1f31; }
.contact_write .agreeBox {border-bottom:1px solid #d7d7d7; padding:50px 0;}
.contact_write .agree_cont {width:100%; height:auto; margin:20px 0;}
.contact_write .agree_cont * {font-size:20px; line-height:130%;}
.contact_write .agree_cont th, .contact_write .agree_cont td {border-bottom:1px solid #d7d7d7; padding:15px; text-align:center;}
.contact_write .agree_cont thead th {border-top:1px solid #000;}
.contact_write .agree_cont td {color:#6f7b84; border-left:1px solid #d7d7d7;}
.contact_write .agree_ok p {margin-bottom:10px;}
.contact_write .write_box {padding:50px 0; border-bottom:1px solid #d7d7d7;}
.contact_write .write_box p {margin-top:20px;}
.contact_write .write_box ul {margin-top:20px; display:flex; flex-direction:column;}
.contact_write .write_box li {display:flex; flex-direction:column; width:100%; margin:20px 0;}
.contact_write .write_box li input[type="text"],
.contact_write .write_box li input[type="password"] {width:100%; margin-top:10px;}
.contact_write .write_box li .m_radio_box { display:flex; flex-wrap:wrap; line-height:100%; margin-top:10px;}
.contact_write .write_box li .max_radio {flex:1; margin-right:20px;}
.contact_write .write_box li .max_radio input[type="radio"] { width:30px; height:30px; vertical-align:middle; }
.contact_write .inquiry_info ul {margin-top:40px;}
.contact_write .inquiry_info li {width:100%; margin:10px 0;}
.contact_write .inquiry_info li input[type="text"] {width:100%;}
.contact_write .inquiry_info li input[type="file"] {box-sizing:border-box; padding:13px;}
.contact_write .inquiry_info li .max_select { margin-top:10px; }
.contact_write .inquiry_info li textarea { width:100%; box-sizing:border-box; padding:13px; height:200px; font-size:27px; border:1px solid #d7d7d7; margin-top:10px; -webkit-appearance: none; -webkit-border-radius: 0;}
.contact_write .inquiry_info li .file_explan {display:flex; flex-direction:column; width:100%; margin-top:10px;}

.contact_write .adm_memo {padding:50px 0; display:flex; flex-wrap:wrap; align-items:center;}
.contact_write .adm_memo textarea {border:1px solid #d7d7d7; box-sizing:border-box; padding:13px; width:85%; height:100px;}

/* board button */
.b_button_group {width:100%; margin:30px auto 0;}
.b_button_group ul { width:100%; height:auto; display:flex; justify-content:center; }
.b_button_group li {flex:1; margin:0 1%;}
.b_button_group li button, .b_button_group li a {display:block; width:100%; height:92px; font-size:27px; box-sizing:border-box; border:1px solid #222; color:#fff; background-color:#222;}
.b_button_group .bt_bo_write {background:#222; color:#fff;}
.b_button_group .bt_bo_write:hover {background:#166fb8; color:#fff;}

.b_button_group li.prev a { font-size:0; background:url("../image/common/ico_prev.png") center no-repeat; }
.b_button_group li.next a { font-size:0; background:url("../image/common/ico_next.png") center no-repeat; }

/* faq */
.qna_lst dl {margin-top:30px;}
.qna_lst dt {margin-bottom:13px;}
.qna_lst dt a {display:block; background:url("../images/common/ico_faq_open_on.gif") top right no-repeat; border:1px solid #e2e2e2; width:100%; height:100%; box-sizing:border-box; padding:18px 0; box-shadow:0 5px 0 0 #f1f1f1;}
.qna_lst dt strong {font-weight:normal; display:block; width:580px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:6px 0 0 0; }
.qna_lst dd {padding:18px 0; margin-bottom:20px; display:block; overflow:hidden; background:#efefef;}
.qna_lst .txt{float:left; padding:5px 0 0 10px; width:92%;}
.qna_lst .ico_question{float:left; width:60px; height:auto; display:block; font-weight:700; padding-top:4px; text-align:center; color:#000;}
.qna_lst .ico_answer{float:left; width:60px; height:auto; display:block; font-weight:700; padding-top:4px; text-align:center; color:#000;}

.qna_lst dt a.current {background:url("../images/common/ico_faq_close_on.gif") top right no-repeat #106cb6; border:1px solid #106cb6; box-shadow:none;}
.qna_lst dt a.current strong {color:#fff; text-overflow:clip; white-space:normal;}
.qna_lst dt a.current .ico_question {color:#fff;}
.qna_lst dt a.current .ico_question:after {background:#c2c7ca;}
.qna_lst .max_qna_answer {float:left; width:100%; box-sizing:border-box; padding:0 18px; color:#6f7b84; line-height:140%;}
.qna_lst .bo_no_data {width:100%; height:auto; border:1px solid #000; border-left:none; border-right:none; padding:100px 0; text-align:center; color:#000;}