@charset "utf-8";

/* board */
.board_box{padding-top:30px;}
.board_box.pd_n{padding-top:0;}
.board_box .i_tg{text-align:right; font-size:14px; padding:10px 0; color:#f00;}
.board_box select{float:left; margin-right: 5px; width: 108px; height: 50px; cursor: pointer; border: 1px solid #eee; border-radius: 3px; padding:0 15px; background:url(../img/layout/select_icon2.png) no-repeat right 15px center;}
.board_box .w190{width:190px;}
.board_box .w100p{width:100%;}
.board_box input{float: left; margin-right: 5px; width:205px; height: 50px; border: 1px solid #eee; border-radius: 3px; padding:0 15px;}
.board_box .a_btn{float:left; width: 80px; height: 50px;line-height: 50px; background: #444; border-radius: 3px; text-align: center; color: #fff; display: block;}
.board_box .a_viewbtn{ float: left; width: 80px; height: 45px; line-height: 45px; background: #444; border-radius: 3px; text-align: center; color: #fff; display: block;}
.board_box .a_viewbtn2{ float: left; width: 65px;  height: 35px;  line-height: 35px; background: #5b5e5e; border-radius: 3px; text-align: center;  color: #fff;  display: block; font-size: 15px;}
.board_box .delete{background:#e32e11;}
.board_box .revise, .board_box .confirm, .board_box .writebtn{background:#00a29a;}
.board_box .complainbtn{width: 105px;  background: #00a29a;}

.board_search{margin-bottom:30px;}
.board_search:after{content:''; display:block; clear:both;}
.board_search .searchbox:after{content:''; display:block; clear:both;}
.board_search .searchbox.ty01{float:right;}

.board_table{border-top:2px solid #444;}
.board_table table{width:100%;}
.board_table table th{background: #f4f6f9; padding: 20px 15px; font-weight: 600;}
.board_table table td{border-bottom: 1px solid #e2e5ea; padding: 15px; text-align: center; word-wrap: normal; word-break: break-all; line-height: 1.2;}
.board_table table td a{transition: all .3s;}
.board_table table td select, .board_table table td input{height:40px;}
.board_table table td textarea{width:100%; height: 300px; resize: none; border:1px solid #eee;}
.board_table table .file_icon img{width:20px;}
.board_table table .title_t{text-align: left;}
.board_table table.view th{border-bottom: 1px solid #e2e5ea;}
.board_table table.view td{text-align: left;}
.board_table table.view td.content img{max-width:100%;}
.board_table table.view td.file a{color:#555; font-size:15px;}
.board_table table.view td.file img{width:20px;}
.board_table table.write  th{border-bottom: 1px solid #e2e5ea;}
.board_table table.write  td{text-align:left; overflow:hidden;}
.board_table table.write .phone{float:none; width:100px; margin-right:0;}
.board_table table.write .fileadd span{ display: inline-block; vertical-align: middle;}
.board_table table.write .tb_btn{float:left; display: block; height:40px; line-height:40px; background: #444; border-radius: 3px; text-align: center; color: #fff; font-size:15px;}
.board_table table.write .a_address{width:80px; height:40px; background:#5e5e5e;}
.board_table table.write input[type=radio]{ float:none; border:0; margin: 0 0.5em 0 0; padding:0; width: 19px; height: 19px; vertical-align: sub; cursor: pointer; background: url(../img/sub/checkbox.svg) no-repeat -22px center;}
.board_table table.write input[type=radio]:checked { background-position: -2px center;}
.board_table table.write input[type=radio]:focus {outline: 1px solid #222;}



.board_table table.write input[type=file]{float: none; margin-right: 5px; width:300px; height:40px; border: 1px solid #eee; border-radius: 3px; padding:0 15px;}
.board_table table td #vc_body_content{line-height:1.4;}
.board_table table td #vc_body_content table td{width:100% !important;}
.board_table table td #vc_body_content .uploaded_img{text-align:center;}

/* 칭찬합시다 글쓰기 개인정보수집부분*/
.agree_box{ width: 100%; font-size:15px;}
.agree_box .agree_cont{  border: 1px solid #eee;  padding: 25px; }
.agree_box .agree_cont ul{margin:10px;}
.agree_box .agree_cont ul li + li{margin-top:5px;}
.agree_box .agree_cont ul li div{text-indent: -9px; padding-left: 0px; line-height: 1.3;}
.agree_box .agree_cont ul li .udbar{ text-decoration: underline;  font-weight: 500;}
.agree_box .agree_ck{width: 100%; border: 1px solid #eee; border-top:0; background: #f8f8f8; padding: 10px; text-align:center; }
.agree_box .agree_ck input[type=checkbox]{ float:none; border:0; margin: 0 0.5em 0 0; padding:0; width: 19px; height: 19px; vertical-align: sub; cursor: pointer; background: url(../img/sub/checkbox.svg) no-repeat -22px center;}
.agree_box .agree_ck input[type=checkbox]:checked { background-position: -2px center;}
.agree_box .agree_ck input[type=checkbox]:focus{outline: 1px solid #222; }

.board_btn{display: flex; align-items: center;justify-content: flex-end; margin-top: 35px; gap: 5px;}
.board_btn_ct{display: flex; align-items: center;justify-content: center; margin-top: 35px;}

.board_photo{border-top:2px solid #444;}
.board_photo ul{padding:25px 0;}
.board_photo ul:after{content:''; display:block; clear:both;}
.board_photo ul li{float: left; width: calc(100% / 4 - 20px); margin-bottom:35px;}
.board_photo ul li:not(:nth-child(4n+1)){margin-left:26px;}
.board_photo ul li .img_frame{display:block;}
/* .board_photo ul li .img_frame .frame_inner{position: relative; height: 0; padding-bottom: 80%; overflow: hidden;}
.board_photo ul li .img_frame .frame_inner img{position: absolute; top: 0; height: 100%; left: 50%; transform: translateX(-50%); transition: all .3s;} */
.board_photo ul li .img_frame .frame_inner{position: relative; height: 0; padding-bottom: 80%; overflow: hidden; border-radius: 5px;}
.board_photo ul li .img_frame .frame_inner img{position: absolute; width: 100%; height: 100%; transition: all .3s;} 
/* .board_photo ul li .img_frame .frame_inner img{position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center top; transition: all .3s;}  */
.board_photo ul li .frame_txtbox{padding-top:20px;}
.board_photo ul li .frame_txtbox .tit{overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;}
.board_photo ul li .frame_txtbox .date{color: #747474; padding-top: 20px;}

.board_thumbnail{border-top:2px solid #444;}
.board_thumbnail ul{padding:25px 0;}
.board_thumbnail ul li + li{margin-top:30px;}
.board_thumbnail ul li .img_frame{display: flex; flex-wrap: wrap;}
.board_thumbnail ul li .img_frame .frame_inner{width: 210px; height: 175px; position: relative; overflow: hidden;}
/* .board_thumbnail ul li .img_frame .frame_inner img{ position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center top; transition: all .3s;} */
.board_thumbnail ul li .img_frame .frame_inner img{ position: absolute; width: 100%; height: 100%; object-position: center top; transition: all .3s;}
.board_thumbnail ul li .frame_txtbox{width:calc(100% - 210px);padding: 10px 25px;}
.board_thumbnail ul li .frame_txtbox .tit{font-weight: 500; font-size: 18px; margin-bottom: 25px;}
.board_thumbnail ul li .frame_txtbox .txt{color: #aaa;}
.board_thumbnail ul li .frame_txtbox .txt p{line-height:1.2;}
.board_thumbnail ul li .frame_txtbox .txt p + p{margin-top:5px;}

.board_paging{display: flex; align-items: center; justify-content: center; margin-top: 75px;}
.board_paging ul:after {content:"";display:block;clear:both;}
.board_paging ul li {float:left;}
.board_paging ul li a {display:block;min-width:36px;height:36px;line-height:36px;border-radius:3px;font-size:15px;white-space:nowrap;padding:0 5px;text-align:center;-webkit-transition:background .3s;-o-transition:background .3s;transition:background .3s;}
.board_paging ul li a.on {color:#03758a;}
.board_paging ul li.leftP {padding-right:20px;}
.board_paging ul li.rightP {padding-left:20px;}
.board_paging ul li.arr_p a {border:1px solid #eee;}
.board_paging ul li a.arr_left01 {background:url(../img/default/arr_left01.png) no-repeat center center;background-size:11px auto;}
.board_paging ul li a.arr_left02 {margin-left:5px;margin-right:15px;background:url(../img/default/arr_left02.png) no-repeat center center;background-size:5px auto;}
.board_paging ul li a.arr_right01 {margin-left:15px;background:url(../img/default/arr_right01.png) no-repeat center center;background-size:5px auto;}
.board_paging ul li a.arr_right02 {margin-left:5px;background:url(../img/default/arr_right02.png) no-repeat center center;background-size:11px auto;}

.board_txtbox{position:relative; padding: 40px 50px;  margin: 25px 0;  border: 4px solid #0a8c94;}
.board_txtbox.mg_n{margin-top:0;}
.board_txtbox:after{ content: 'GIJANG'; display: block;  font-size: 70px; font-family: 'GmarketSans'; font-weight: 700; color: rgba(238,238,238,0.5); position: absolute; bottom: 10px;  right: 10px;  z-index: -1; }
.board_txtbox .em_txt{ border-bottom: 1px dashed #ddd;  padding-bottom: 20px; margin-bottom: 20px;  font-size: 17px;}
.board_txtbox .em_txt p:first-child{font-weight: 500; color: #0a8c94;}
.board_txtbox .em_txt p + p{margin-top:10px;}
.board_txtbox > ul{}
.board_txtbox > ul li{text-indent: -7px; padding-left: 8px; line-height:1.2;}
.board_txtbox > ul li + li{padding-top:10px;}
.board_txtbox > ul li span{color:#0a8c94;}
.board_txtbox.part{}
.board_txtbox.part .t_tit_pt{margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px dashed #ddd;}
.board_txtbox.part .t_tit_pt h5{font-family: 'GmarketSans'; font-size: 20px; color: #0a8c94; margin-bottom:15px;}
.board_txtbox.part .t_tit_pt > ul{}
.board_txtbox.part .t_tit_pt > ul li{line-height:1.2;}
.board_txtbox.part .t_tit_pt > ul li + li{margin-top:5px;}
.board_txtbox.part .t_tit_pt > .indent li{text-indent: -6px;  padding-left: 6px;  line-height: 1.3;}
.board_txtbox.part .t_tit_pt .s_ptxt{color: #999; font-size: 15px; margin-top: 10px;    line-height: 1.2;}
.board_txtbox.part .m_step_pt{width: 100%; margin-top: 20px; background: #f4f5f6; padding: 30px}
.board_txtbox.part .m_step_pt .stepbox + .stepbox{margin-top:30px;}
.board_txtbox.part .m_step_pt .stepbox .tit{color: #0a8c94; font-size: 17px; margin-bottom: 20px;}
.board_txtbox.part .m_step_pt .stepbox .cont > div{display: flex; align-items: center; gap: 10px;}
.board_txtbox.part .m_step_pt .stepbox .cont > div + div{margin-top:15px;}
.board_txtbox.part .m_step_pt .stepbox .cont > div .num{width: 22px; height: 22px; background: #555; font-family: 'GmarketSans'; font-size: 12px; font-weight: 500; color: #fff; border-radius: 50%; justify-content: center; display: flex; align-items: center;}
.board_txtbox.part .m_step_pt .stepbox .dmy_txt{}
.board_txtbox.part .m_step_pt .stepbox .dmy_txt .top_t > li{position: relative; padding: 0 0 5px 12px; line-height: 1.2;}
.board_txtbox.part .m_step_pt .stepbox .dmy_txt .top_t > li:before{content: ''; display: block; width: 5px; height: 5px; background: #3bb3a0; position: absolute; top: 8px;left: 0;}
.board_txtbox.part .m_step_pt .stepbox .dmy_txt .top_t > li .indent{margin:5px 0;}
.board_txtbox.part .m_step_pt .stepbox .dmy_txt .top_t > li .indent li{text-indent: -6px;  padding-left: 6px;  line-height: 1.3;}
.board_txtbox.part .m_step_pt .stepbox .dmy_txt .top_t_s{ width: 100%; border: 1px solid #e0e2e5; background: #fbfbfb; padding: 20px; font-size: 15px; margin-top:5px}
.board_txtbox.part .m_step_pt .stepbox .dmy_txt .top_t_s > ul li{text-indent: -7px; padding-left: 8px; line-height: 1.2; color:#666;}
.board_txtbox.part .m_step_pt .stepbox .dmy_txt .top_t_s > ul li + li{margin-top:5px;}
.board_txtbox.part .b_btn_pt{display: flex; align-items: center; justify-content: center; margin-top: 45px}
.board_txtbox.part .b_btn_pt .a_receipt{position: relative; display: block; width: 140px; padding: 10px; background: #777f82; border-radius: 30px; color: #fff;text-align: center; font-size: 15px;}
.board_txtbox.part .m_step_pt .stepbox .cont .flex_w{flex-wrap: wrap;}
.board_txtbox.part .m_step_pt .stepbox .cont .flex_w .s_ptxt{width: 100%; color: #999;  font-size: 15px;  line-height: 1.2; padding-left: 30px;}

.board_txtbox .stxt{margin-top: 15px;  font-size: 14px;  color: #777;}

/* 241210_소식지 추가 */
.pl_tabwrap{margin-bottom:25px;}
.board_photo.pl_board ul.pl_list li{width:calc(100% / 4 - 27px);}
.board_photo.pl_board ul.pl_list li:not(:nth-child(4n+1)){margin-left:36px;}
.board_photo.pl_board ul.pl_list li .frame_inner{position:relative; width:100%; height:0; padding-bottom:138.5%; overflow:hidden; border:1px solid #eee;}
.board_photo.pl_board ul.pl_list li .frame_inner img{position:absolute; width:100%; height:100%;}
.board_photo.pl_board ul.pl_list li .pdf_box{width:100%; text-align:center; margin-top:16px;}
.board_photo.pl_board ul.pl_list li .pdf_box .pl-tit{font-size:16px; margin:20px 0 25px 0;}
.board_photo.pl_board ul.pl_list li .pdf_box .pdf_btn{width:100%; max-width:125px; height:45px; border-radius:5px; border:1px solid #eee; text-align:center; padding:10px; transition:all .3s;}
.board_photo.pl_board ul.pl_list li .pdf_box .pdf_btn:hover,
.board_photo.pl_board ul.pl_list li .pdf_box .pdf_btn:focus{background-color:#00a29a; border:1px solid #00a29a;}
.board_photo.pl_board ul.pl_list li .pdf_box .pdf_btn span{font-size:14px; position:relative; padding-left:20px;}
.board_photo.pl_board ul.pl_list li .pdf_box .pdf_btn span::before{display:block; content:""; width:15px; height:16px; background:url('../img/default/file-pdf-black.svg') no-repeat center center; background-size:15px 16px; position:absolute; top:2px; left:0;}
.board_photo.pl_board ul.pl_list li .pdf_box .pdf_btn:hover span,
.board_photo.pl_board ul.pl_list li .pdf_box .pdf_btn:focus span{color:#fff;}
.board_photo.pl_board ul.pl_list li .pdf_box .pdf_btn:hover span::before,
.board_photo.pl_board ul.pl_list li .pdf_box .pdf_btn:focus span::before{background:url('../img/default/file-pdf-white.svg') no-repeat center center; background-size:15px 16px;}


  @media screen and (min-width:1200px){
      
    .sub_layout select:focus, .sub_layout input[type="text"]:focus, .sub_layout input[type="password"]:focus {border-color: #000 !important;}
    .sub_layout input[type="file"]:focus {border-color: #000 !important;}
	.board_table table .title_t a:hover,
    .board_table table .title_t a:focus{color: #00a29a;}
    .board_photo ul li .img_frame:hover img,
    .board_photo ul li .img_frame:focus img{transform: scale(1.3);}
    .board_thumbnail ul li .img_frame:hover img,
    .board_thumbnail ul li .img_frame:focus img{transform: scale(1.3);}
  
  
  }

  @media screen and (max-width:1200px){
      
    .board_table table td{font-size:15px;}
    .board_photo ul li{width:calc(100% / 3 - 18px);}
    .board_photo ul li:not(:nth-child(4n+1)){margin-left: 0;}
    .board_photo ul li:not(:nth-child(3n+1)){margin-left: 26px;}

	.board_photo.pl_board ul.pl_list li{width:calc(100% / 3 - 23px);}
	.board_photo.pl_board ul.pl_list li:not(:nth-child(4n+1)){margin-left:0;}
	.board_photo.pl_board ul.pl_list li:not(:nth-child(3n+1)){margin-left:34px;}


  }

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

    

  }
  
  @media screen and (max-width:768px){
    
    .board_search .searchbox.ty01, .board_search .searchbox.ty02 {float:none;}
    .board_box select{width:100%; height:40px; margin:2px 0;}
    .board_box .w190{width:100%; height:40px;}
    .board_box input{width:100%; height:40px; margin:2px 0;}
    .board_box .a_btn{width:100%; height:40px; line-height:40px; margin:2px 0;}
    .board_box .mb_n{display:none;}   
    .board_photo ul li {width: calc(100% / 2 - 13px);}
    .board_photo ul li:not(:nth-child(3n+1)){margin-left:0;}
    .board_photo ul li:not(:nth-child(2n+1)){margin-left:26px;}
    .board_thumbnail ul li .img_frame .frame_inner{width: 170px; height: 135px;}
    .board_thumbnail ul li .frame_txtbox .tit{font-size:16px;}
    .board_thumbnail ul li .frame_txtbox{width:calc(100% - 170px); padding:0 25px;}
    .board_txtbox{padding: 30px; font-size:15px;}
    .board_txtbox:after{font-size:55px;}
    .board_table table.write input[type=file]{width:100%;}

	.board_table table.view{table-layout:fixed;}
	.board_table table td #vc_body{width:100%; overflow-x:auto;}

	.board_photo.pl_board ul.pl_list li{width:calc(100% / 2 - 17px);}
	.board_photo.pl_board ul.pl_list li:not(:nth-child(3n+1)){margin-left:0;}
	.board_photo.pl_board ul.pl_list li:not(:nth-child(2n+1)){margin-left:34px;}

  }

  @media screen and (max-width:640px){
  
	.board_txtbox.part .m_step_pt .stepbox .cont > div{align-items: flex-start;}
	.board_txtbox.part .m_step_pt .stepbox .cont > div .txt{line-height:1.5; width: calc(100% - 32px);}

  }

  @media screen and (max-width:480px){
     
    .board_paging ul li a {display:block;min-width:30px;height:30px;line-height:30px;border-radius:3px;font-size:15px;white-space:nowrap;padding:0 5px;text-align:center;-webkit-transition:background .3s;-o-transition:background .3s;transition:background .3s;}
    .board_paging ul li a.arr_left02 {margin-left:5px;margin-right:5px;background:url(../img/default/arr_left02.png) no-repeat center center;background-size:5px auto;}
    .board_paging ul li a.arr_right01 {margin-left:5px;background:url(../img/default/arr_right01.png) no-repeat center center;background-size:5px auto;}
    .board_photo ul li {width:100%;}
    .board_photo ul li:not(:nth-child(2n+1)){margin-left:0;}
    .board_photo ul li .img_frame .frame_inner{padding-bottom:64%;}
    .board_thumbnail ul li + li{margin-top:20px; border-top: 1px solid #eee; padding-top: 20px;}
    .board_thumbnail ul li .img_frame{flex-direction: column;}
    .board_thumbnail ul li .img_frame .frame_inner{width: 100%; height: 46vw;}
    .board_thumbnail ul li .frame_txtbox{width: 100%;  padding: 15px 0;}
	.board_table table.write .phone {width: calc(100% / 3 - 7px);}

	/* .board_table table.write colgroup{display:none;}
	.board_table table.write tr{ display: block;  border: none;  width: 100%;  text-align: left; padding: 0;}
	.board_table table.write th,
	.board_table table.write td{ display: block;  border: none;  width: 100%;  text-align: left; }
	.board_table table.write th{padding:15px 10px; font-size:15px;}
	.board_table table.write td{padding:10px; font-size:15px;} */

	.board_photo.pl_board ul.pl_list li{width:100%;}
	.board_photo.pl_board ul.pl_list li:not(:nth-child(2n+1)){margin-left:0;}
  
  }

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