@charset "utf-8";


:root {
    --color-basic: #e13f45;
    --color-main_tran: #5075df0a;
    --color-sub: #759AFF;
    --color-three: #264291;
    --color-four: #0077cc7d;
    --color-five: #916F17;
    --color-six: #DEB650;
    --color-seven: #0077cc7d;
    --color-fff: #fff;
    --color-000: #000;
    --color-black: #000;
    --color-white: #fff;
    --color-success: #198754;
    --color-info: #0dcaf0;
    --color-warning: #dc3545;
    --color-danger: #ff0000;
    --color-light: #717171;
    --color-dark: #212529;
	
    --color-tit: #333;
    --color-subtit: #666;
    --color-cont: #717171;
    --color-icon: #717171;


    --font50: 3.125rem;          /* 50px (3.125 * 16px) */	
	--font48: 3rem;              /* 48px (3 * 16px) */
	--font46: 2.875rem;          /* 46px (2.875 * 16px) */
	--font45: 2.8125rem;         /* 45px */
	--font44: 2.75rem;           /* 44px (2.75 * 16px) */
	--font42: 2.625rem;          /* 42px (2.625 * 16px) */
	--font40: 2.5rem;            /* 40px (2.5 * 16px) */
	--font38: 2.375rem;          /* 38px (2.375 * 16px) */
	--font36: 2.25rem;           /* 36px */
  
	--font_tit5: 2.125rem;       /* 34px (2.125 * 16px) */
	--font_tit4: 2rem;           /* 32px (2 * 16px) */ 
	--font_tit3: 1.875rem;       /* 30px (1.875 * 16px) */
	--font_tit2: 1.75rem;        /* 28px */
	--font_tit1: 1.625rem;       /* 26px (1.625 * 16px) */
    --font_tit: 1.5rem;          /* 24px */	
	
    --font_subject2: 1.375rem;   /* 22px */
    --font_subject1: 1.25rem;   /* 20px */
    --font_subject: 1.125rem;     /* 18px */ 
	
    --font_basic: 1rem;          /* 16px */
    --font_user: 0.875rem;       /* 14px */
    --font_small: 0.75rem;       /* 12px */
    --font-micro: 0.625rem;      /* 10px */ 
    --font_category: 0.5rem;     /* 8px */
	
}

.subject_tit {
    font-size: var(--font_tit2); 
    font-weight: 700;
}

/* ****************************************************************************************** *
 * 리스트  스타일 시작
 * ****************************************************************************************** */
#bo_list {position:relative;} 
#bo_list:after {display:block;visibility:hidden;clear:both;content:""}
#bo_list .td_board {width:120px;text-align:center}
#bo_list .td_chk {width:30px;text-align:center;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1}
#bo_list .td_date {width:60px;text-align:center}
#bo_list .td_datetime {width:100px;text-align:center}
#bo_list .td_group {width:100px;text-align:center}
#bo_list .td_mb_id {width:100px;text-align:center}
#bo_list .td_mng {width:80px;text-align:center}
#bo_list .td_name {width:90px;text-align:left;padding:10px 0}
#bo_list .td_nick {width:100px;text-align:center}
#bo_list .td_num {width:50px;text-align:center}
#bo_list .td_num2 {width:50px;text-align:center}
#bo_list .td_numbig {width:80px;text-align:center}
#bo_list .txt_active {color:#5d910b}
#bo_list .txt_expired {color:#ccc} 
#bo_list tbody tr { }
#bo_list tbody tr:hover {border-left: 0px solid #253dbe;}
#bo_list tbody .even td {background:#fbfbfb}
#bo_list .cnt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:2px 6px;border-radius:10px;vertical-align:middle}
#bo_list .bo_tit {display:block;color:#000;font-weight:bold; font-weight: 500;}

#bo_list .t_l_color { border-top: 3px solid var(--color-main); border-bottom: 1px solid #ececec;}

/*qna 추가*/
.td_qna { width: 90px; text-align: center;}
.qna_btn { color: #fff; padding: 4px 6px; font-size: 14px; border-radius: 6px;width: 70px;  text-align: center;}

/*faq 추가*/
.faq_box { display: flex; gap: 10px;	height: 100%; gap: 20px; border: 1px solid var(--color-main);border-radius: 10px;padding: 15px;}
.faq_view { background:#d2d0d0; padding: 2px 6px;border-radius: 4px;font-size:14px; color:#fff;}
.faq_q { width: 25px; height: 25px; line-height: 25px; display: inline-block; background: #c2c2c2; border-radius: 50px; color: #fff; text-align: center; font-size: 20px;margin-right: 10px;}
.faq_a { width: 50px; height: 50px; border-radius: 50px; text-align: center;line-height: 50px; color: #fff; display: block;}
.faq_box_view { display: flex; gap: 20px; border: 1px solid var(--color-main); padding: 20px; border-radius: 10px;}
.faq_title_box { padding: 0 0 80px 0;}
.eng_font { font-family: 'Cormorant Garamond', serif;}
.faq_title { padding: 0px 0px 30px 0px; line-height: 56px; letter-spacing: -0px; text-align: center; }
.faq_cont { text-align: center; line-height: 1.5;}
.faq_btn_box { text-align: center;margin-top:20px; }
.faq_btn_box a { width: 150px; height: 50px; border-radius: 50px; display: inline-block;line-height: 50px; transition: 0.2s;}
.faq_btn_box a:hover { background: #666; color: #fff;}
.faq_plus {
    /* margin-left: auto; */
    width: 45px;
    height: 45px;
    line-height: 40px;
    display: inline-block;
    border-radius: 50px;
    color: #c1c1c1;
    text-align: center;
    font-size: 25px;
    margin-right: 10px; 
    border: 1px dashed #c1c1c1;font-weight: 300;
}
@media screen and (max-width:768px) {
    .td_subject .bo_cate_link {float: none; }
}
 
/*테이블 높이*/	
.tbl_head01 td { height: 60px; padding: 30px 5px; }
.td_subject img {margin-left:5px}

.td_num strong {color:#000}
.bo_cate_link {float: left;display: inline-block; margin-right: 8px;height: 20px;line-height: 10px;padding: 5px 8px;border-radius: 5px; white-space: nowrap; color: #fff; background: var(--color-main); font-size: 10px; font-weight: 300;}
.bo_cate_link:hover {text-decoration:none}
.bo_current {color:#e8180c}

.w_30 { width: 30px; }
.w_50 { width: 50px; }
.w_90 { width: 90px; }
.w_100 { width: 100px; }
.clearfix::after { content: ""; display: table; clear: both;}  

@media screen and (min-width:769px) { .mobile_none { display:revert! important; } .mobile_view { display:none; }}
@media screen and (max-width:768px) { 
    .mobile_none { display:none; } 
	.mobile_view { display:revert; }
}

	
/*공지수정*/	
.bo_notice .notice_icon {display:inline-block;line-height:25px;border-radius:5px;font-weight:700;color: var(--color-main);}
.bo_notice td { background: #5075df0a !important; border-bottom: 1px solid #5075df17 !important;}
.bo_tit { font-weight: 700;}
.bo_notice td a { font-weight: 700;}

/* 새글 아이콘 브링크 */
.blinking-icon { font-size: 12px;  }
@keyframes blink { 0%, 100% { fill: red; } 50% { fill: transparent; } }
.blinking-path { animation: blink 2s infinite; fill: red;}

.icon_set_list { font-size:13px;  }
.icon_set_list i{ padding-left:3px;  } 

/* 분류 공지사항 숨김처리
#ca_name option:last-child {  
    display: none;
}
 */  

@media screen and (max-width: 768px) {
	#bo_list .bo_tit { position: relative;}
	.waited { position: absolute; right: 0;	bottom: 0px; }
}



/* ****************************************************************************************** *
 * gallery 스타일 시작
 * ****************************************************************************************** */
/* 기본 그리드 레이아웃 설정 */
.gallery_more {
    display: grid;
    margin: 0 auto;
    transition: all 0.5s ease-in-out;
    position: relative;
    box-sizing: border-box;
}

/* 갤러리 항목의 높이 설정 */
.gallery_box {position:relative; overflow:hidden;}

/* 이미지 스타일 설정 */
.gallery_box img {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: block;
    max-width: 100%;
    height: auto;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    object-fit: cover;background: #fff;
}

/* 이미지 호버 효과 설정 */
.gallery_box img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

/* 기타 스타일 설정 */
.gallery_more input { position: absolute; top: 10px; left: 10px; z-index: 2;}
.gallery_row { position: relative; }
.gallery_row .gall_title,
.gallery_row .gall_content,
.gallery_row .gall_info small:not(:first-child):before { display: block;}
.gallery_row .gall_info { font-size: 15px; color: #333;}

.gallery_row .gall_title {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 23px;
    font-weight: 600;
    margin: 10px 0 0px;
	font-size: 18px;
}

.gallery_row .gall_content {
    color: var(--color-cont);
    height: 26px;
    overflow: hidden;
    font-size: var(--font_user);
    margin: 0;
    line-height: 26px;
}

.gallery_row .bo_cate_link {
    display: inline-block;
    margin-right: 8px;
    height: 20px;
    line-height: 10px;
    padding: 5px 8px;
    border-radius: 5px;
    white-space: nowrap;
    color: #fff;
    background: var(--color-main);
    font-size: 10px;
    font-weight: 300;
    position: absolute;
    bottom: 15px;
    left: 15px;
}
.gall_title .cnt_cmt {
    display: inline-block;
    position: absolute;
    top: 0;
	right: 0;
    line-height: 1;
    padding: 2px 4px;
    border-radius: 10px;
    background: var(--color-main);
    color: #fff;
    font-size: var(--font-micro);
    border: 2px solid #fff;
}


.board_line_0 {  border: none; }
.board_line_1 {  border: 1px solid #e1e1e1; }
.board_line_2 {  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
.board_line_3 {  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; } 
.board_line_4 {  box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px; } 




/* ****************************************************************************************** *
 * masonry 스타일 시작
 * ****************************************************************************************** */
/*리스트 모바일뷰 제목 / 날짜*/	
.mobile_info .span_slash:after {  content: "/"; margin: 0 5px;}
.mobile_info .span_slash:last-child:after {  content: none; }
.mobile_info { font-size: 12px;font-weight: 300;color: #666d70; }	
.masonry_item .event { margin: 0px 10px;  }

#bo_list .td_datetime { width: 100px;}
#bo_list .cnt_cmt { background: #e9eff5; color: #3a8afd; padding: 2px 6px; border-radius: 3px; border-radius: 10px;}

/* 새글 아이콘 브링크 */
.blinking-icon { font-size: 12px;  }
@keyframes blink { 0%, 100% { fill: red; } 50% { fill: transparent; } }
.blinking-path { animation: blink 2s infinite; fill: red;}

.icon_set_list { font-size:13px;  }
.icon_set_list i{ padding-left:3px;  } 


.masonry_item { display: inline-block;width: 100%;break-inside: avoid;margin-bottom: 20px; position: relative;border-radius: 4px;}
.masonry_item img{ object-fit: cover; width: 100%; }
.masonry_item input{ position: absolute; top:10px; left:10px; z-index: 1;}

/*리스트 모바일뷰 제목 / 날짜*/
.masonry_item .title { margin: 10px 20px 5px 10px; font-weight: 700; position: relative; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 20px;}				

/* 분류 */
.thumbnail.lightbox { position: relative; height: 100%; display: block;overflow: hidden;}
.thumbnail.lightbox:hover{ background-color: rgba(0, 0, 0, 0.9);}
.firstsmalls { position: absolute; top: 20px; left: 20px; z-index:2 } 
.bg_fff { color: #fff; padding: 4px 10px; border-radius: 20px; background-color: #ffffff63; font-weight: 500;}

.td_subject_bottom { height: 0px;  }





/* ****************************************************************************************** *
 * webzine 스타일 시작
 * ****************************************************************************************** */

#more_webzine { padding: 20px 0; } 
.webzine_grid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 30px 0;} 

.webzine_media { position: relative; overflow: hidden; }
.webzine_media .imgbox { width: 100%; overflow: hidden;} 
.webzine_media .imgbox img {
    width: 100%; max-width: 100%;  height: 100%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	object-fit: cover;
}
.webzine_media input { position: absolute; top: 10px; left: 10px; }

.hovereffect {
    position: absolute;
    top: 0;
    opacity: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.2);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    zoom:1;filter: alpha(opacity=0);
    opacity: 0.5;
    background: -moz-linear-gradient(0deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0.1) 50%);
    background: -webkit-linear-gradient(0deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0.1) 50%);
    background: linear-gradient(0deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0.1) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000',endColorstr='#00000000',GradientType=1)
}
.webzine_media:hover .hovereffect span::before,.webzine_media:hover .hovereffect { visibility: visible; zoom:1;filter: alpha(opacity=100); opacity: 1}
.webzine_media:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.hovereffect span::before {
    width: 90px;
    text-align: center;
    left: 0;
    right: 0;
    top: 45%;
    margin: -2rem auto;
    visibility: hidden;
    position: absolute;
    height: 90px;
    display: block;
    /*content: url(../hover.png);*/
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    zoom:1;filter: alpha(opacity=0);
    opacity: 0
}
.webzine_grid_right h4 { font-weight:700; margin: 0; margin-left: 0; margin-top: 0.5rem; background-color: #fff; padding: 0rem 0 0.3rem 0;word-break: break-word;}
.webzine_grid_right p { line-height: 1.5; margin: 5px 0 15px; padding-bottom: 0;color: #999;white-space: break-spaces;word-spacing: 0.1em;word-break: break-word;}
.webzine_grid_right .event span { color: #999; text-shadow: none; }  
.webzine_grid small { font-size: var(--font_user); display: inline-block; margin-bottom: 0; padding-bottom: 0; font-weight: 500; text-transform: uppercase; margin-right: 0.2rem;}
.webzine_grid small a { font-size: 12px; }
.webzine_grid small.firstsmall:after { content: ""!important; padding-left: 0;}
.webzine_grid small:not(:last-child):after { content: " ";  padding-left: 0.3rem;}
.bg-orange { 
    display: inline-block;
    text-align: center;
    padding: 6px 10px;
    font-size: 14px;
    color: var(--color-main);
    font-weight: 600;
    border: solid 1px var(--color-main);
    border-radius: 3rem;
    word-break: keep-all;
    margin-bottom: 10px;
} 

@media (min-width: 768px) {
  .webzine_grid_left { position: relative; width: 100%; min-height: 1px; -webkit-box-flex: 0; -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; padding-right: 15px;padding-left: 0px; }
  .webzine_grid_right { position: relative; width: 100%; min-height: 1px; -webkit-box-flex: 0; -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; padding-right: 0px;padding-left: 15px;position: relative; width: 100%; min-height: 1px;}
}
@media (max-width: 768px) {
  .webzine_grid_left { width: 100%;}
  .webzine_grid_right h4 { background-color: #fff; margin-left: 0; margin-top: 0rem; padding: 1rem 0;}
  .webzine_media .imgbox { height: auto;  max-height: 250px;}
}

.item_event {
    padding: 0px;
    position: absolute;
    left: 10px;
    top: 10px;
}
/*
.event{ display:flex; letter-spacing: -1px; text-align: center;margin-top: 10px;word-break: keep-all;align-items: center;}   
.event span{ margin-left:10px;font-size: 14px;color: #fff;font-weight: 500; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);} 
.expect {border:0px; color:#fff; border-radius: 3px; padding: 4px 10px 4px 10px; font-size: 12px !important; background-color: orange;}
.event > .ing {border:0px; color:#fff; border-radius: 3px; padding: 4px 10px 4px 10px; font-size: 12px !important; background-color: var(--color-main);}
.event > .off {border:0px; color:#fff; border-radius: 3px; padding: 4px 10px 4px 10px; font-size: 12px !important; background-color: #ccc;}
.event > .on {border:0px; color:#fff; border-radius: 3px; padding: 4px 10px 4px 10px; font-size: 12px !important; background-color: #222;}
*/

/*공지아이콘*/
.notice_box { 
    background: var(--color-main);
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    position: absolute;
    vertical-align: inherit;
    color: #fff;
    text-align: center;
    line-height: 3.1;
    font-size: 14px;
	left: 50%;
    top: 50%;
	transform: translate(-50%, -50%); z-index: 1;
}

/* 게시판 목록 공통 */
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box {position:relative}
.chk_box input[type="checkbox"] + label {position:relative;color:#676e70; display: flex; align-items: center;cursor: pointer;}
.chk_box input[type="checkbox"] + label:hover {color:#2172f8}
.chk_box input[type="checkbox"] + label span {float:left;width:15px;height:15px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px; margin-right: 10px; vertical-align: middle;}
.write_div .chk_box input[type="checkbox"] + label, .bo_vc_w .chk_box input[type="checkbox"] + label {padding-left:20px}
.write_div .chk_box input[type="checkbox"] + label span, .bo_vc_w .chk_box input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:15px;height:15px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_box input[type="checkbox"]:checked + label {color:#000}
.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}


/* 게시판 페이지 정보 및 버튼 시작 공통 */
#bo_btn_top { display: flex; align-items: center;word-break: keep-all;margin:10px auto! important;}
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx {margin-bottom:5px;float:right;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {display: flex;}

a.btn, .btn {
    line-height: 35px;
    height: 35px;
    padding: 0 10px;
    text-align: center;
    font-weight: 500;
    border: 0;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
    border: 0;
    background: transparent;
}
.btn:hover, a.btn:hover, .btn_bo_user .btn a {  color: #000; }

.btn_bo_sch_gpt img { width: 20px; height: 20px;vertical-align: baseline; }

.btn_bo_user {margin:0;padding:0;list-style:none;margin-left: auto;display: flex; }
.btn_bo_user li { text-align:center;}
.btn_bo_user > li {position:relative; }
.btn_bo_user i {font-size: 1.2rem;}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input {padding:0 8px;border:0;background:#d4d4d4;color:#666;text-decoration:none;vertical-align:middle}
.more_opt {display:none;position:absolute;top:45px;right:0;background:#fff;border:1px solid #b8bfc4;font-size: 14px;z-index:999}
.more_opt:before {content:"";position:absolute;top:-8px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
.more_opt:after {content:"";position:absolute;top:-6px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.more_opt li {border-bottom:1px solid #f1f1f1;padding:10px 0;float:inherit;width:100px;margin:0; white-space: nowrap;text-align:left}
.more_opt li:last-child {border-bottom:0}
.more_opt li button, .more_opt li a {width:100%;border:0;background:#fff;color:#6b757c}
.more_opt li:hover a,
.more_opt li:hover button {color:#000}
.more_opt li i {line-height:20px}
.more_opt.is_view_btn li {text-align: center;border-bottom:1px solid #f1f1f1;padding:10px;float:inherit;width:80px;margin:0; white-space: nowrap;}
.more_opt.is_list_btn i, .more_opt.is_view_btn i {font-size: 1rem;}

/* 검색 시작 공통 */
.bo_sch_box h3 {padding:15px;border-bottom:1px solid #e8e8e8}
.bo_sch_box legend {background:red}
.bo_sch_box form {padding:15px;display:block}
.bo_sch_box select {border:0;width:100%;height:40px;border:1px solid #d0d3db;border-radius:8px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);  padding: 0 10px;
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
.bo_sch_box .sch_bar {display:inline-block;width:100%;clear:both;margin-top:15px;border:1px solid #d0d3db;border-radius:8px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);  padding: 0 10px;
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
.bo_sch_box .sch_input {width:230px;height:38px;border:0;padding:0;background-color:transparent;float:left}
.bo_sch_box .sch_btn {height:38px;float:right;color:#656565;background:none;border:0;width:40px;font-size:15px}
.bo_sch_box .bo_sch_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}


/* masonry_gallery more 추가 버튼 */
.m_more01_box { width: 100%; text-align: center; margin: 50px 0; } 
.m_more01{ overflow:hidden;text-align:center; padding:7px 0;margin:10px 0; color: #fff; font-weight: 400;letter-spacing: 0.6px;
    min-width: 120px; border-radius: 3em; display: inline-block;background-color: var(--color-main);
    border: 1px var(--color-main) solid; text-decoration: none; cursor: pointer; font-size:13px;
}



/*= gpt 작성 =========================== */    
/* 오른쪽 스크롤바를 얇게 만듭니다. */
.bo_sch_gpt7 { scrollbar-width: thin;  scrollbar-color: #ddd #f5f5f5; }
.bo_sch_gpt7::-webkit-scrollbar { width: 1px;}
.bo_sch_gpt7::-webkit-scrollbar-track { background-color: gray;}
.bo_sch_gpt7::-webkit-scrollbar-thumb { background-color: skyblue;}
.bo_sch_gpt7::-webkit-scrollbar-button { display: none; }
.bo_sch_gpt7::-webkit-scrollbar-track, .bo_sch_gpt7::-webkit-scrollbar-thumb { border-radius: 5px;}/* 코너에 라운드 효과 */
 

.msg_sound_only, .sound_only { display: inline-block; position: absolute; top: 0; left: 0; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; font-size: 0 !important; line-height: 0 !important; overflow: hidden;}
.set_tit { font-size: 22px; font-weight: 700;margin-bottom:20px;border-bottom: 1px solid #ccc;padding-bottom: 20px;color: var(--color-main);}

/*옵션 input select*/ 
.style_form_input, .style_form_wrap select { 
    display: block;
    width: 100%;
    height: calc(1.5rem + 1.2rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.5rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    box-sizing: border-box;
    outline: none;
}
.style_form_wrap {display: flex;flex-wrap: wrap;/* margin-bottom: 10px; *//* width: 100%; *//* gap: 5px; */}
.style_form_option { margin-bottom: 10px;}
.form_full { flex: 0 0 auto; width: 100%; max-width: 100%;}
.form_right { flex: 0 0 auto; width: 49%;max-width: 100%;}
.form_left { flex: 0 0 auto; width: 49%; max-width: 100%;}
.form_grid_2 { flex: 0 0 auto; width: 49.5%;max-width: 100%;}
.form_grid_2:last-child { }
.form_grid_3 { flex: 0 0 auto; width: 32.5%;max-width: 100%;}
.form_grid_3:last-child { }
.form_grid_4 { flex: 0 0 auto; width: 23%;max-width: 100%;} 
.form_grid_4:last-child { }
.style_form_wrap .form_right label, .style_form_wrap .form_left label { font-size:14px } 
.style_form_input,.style_form_wrap select {  font-size: 14px;}
.form_full_80 { display: flex; gap: 10px;}

.tip { padding: 5px; margin: 0; font-size: 12px; width: 100%; display: flex; justify-content: space-between; align-items: center; color: #000;}
.tip .bi{ margin-left: 20px; cursor: pointer; color:yellow;font-size: 14px;}
.tip .bi:hover{ color:#fff; }
@media (max-width: 768px) {  .tip { padding: 2px; font-size: 10px }  }
/*
.bo_edit_info { padding: 15px 0;}	
.gpt_board_line { margin: 7px 0; position: relative; display: flex; align-items: center;}
.gpt_board_line input[type="text"], .gpt_board_line select { 
    height: 48px;
    border-width: 2px;
    border-color: #e7e7e9;
    background-color: #fff;
    border: 1.5px solid #e7e7e9;
    font-weight: 400;
    line-height: 28px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 18px 20px;
    -webkit-transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, -webkit-box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, -webkit-box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, box-shadow 200ms ease;
    transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
    border-radius: 12px;
    outline: none;
    appearance: none;
}	
.gpt_board_line select { padding: 2px 20px; }
*/

.board_line_effect { border: 0; padding: 10px 0; border-bottom: 0px solid #ccc; outline: none ! important;}
.image_size_option { font-size: 14px; box-sizing: border-box; letter-spacing: -0.5px; padding: 10px 0;color: #75758b;}
.image_size_option .size_span { border-right: none; background: #e1e1e1; padding: 12px;  border-radius:12px 0 0 13px;border: 1px solid #ccc;width:20%;text-align: center;}
.image_size_option .size_span2 { border-left: none; word-break: break-all; padding: 12px;  border-radius: 0 12px 12px 0;border: 1px solid #ccc;width: 80%;}
.image_size_option label { margin-right: 10px; }
.gpt_submit { background-color: var(--color-main);width: 100%;border: none;color: #fff;text-align: center;text-decoration: none;display: inline-block;font-size: 14px; padding: 12px 20px;cursor: pointer;border-radius: 50px;}
.gpt_board_line_last { margin: 15px 0; position: relative; display: flex; align-items: center;}
/*= gpt 작성 끝=========================== */


/*이전가기 history_back head.notice.php */
#history_back { display: flex;-webkit-box-pack: justify;justify-content: space-between; -webkit-box-align: center;align-items: center;position: absolute;top: 10px;z-index: 2;width: 100%;padding: 0px 15px; height: 52px;left: 0;right: 0; margin-left: auto; margin-right: auto;margin-bottom: 30px;}
#history_back a i { font-weight: 600;  }
.icon_back { 
    -webkit-box-pack: center !important;
    -webkit-box-align: center !important;
    appearance: none !important;
    display: inline-flex !important;
    border-radius: 50% !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    outline: none !important;
    margin: 0px !important;
    padding: 0px !important;
    background-color: #ffffff82!important;
    cursor: pointer !important;
    touch-action: manipulation !important;
    align-items: center !important;
    justify-content: center !important;
    background-clip: padding-box !important;
    box-shadow: 0 0 0 1px transparent, 0 0 0 4px transparent, 0 2px 4px rgba(0,0,0,0.18) !important; 
    transition: -ms-transform 0.25s cubic-bezier(0.2,0,0,1),-webkit-transform 0.25s cubic-bezier(0.2,0,0,1),transform 0.25s cubic-bezier(0.2,0,0,1) !important;
    height: 36px !important;
    width: 36px !important;
	font-weight: 600;color: #fff;
	vertical-align: baseline;
}
/*map view head.notice.php */
.address_info_juso { margin:0 0 10px 0; font-size:14px; }
.address_info_juso .address_info_tit { padding: 10px 0;} 
.address_info_juso .info_name7 {
    min-width: 90px;
    margin-right: 15px;
    border: 1px solid #e1e1e1;
    border-radius: 20px;
    text-align: center;
    line-height: 45px;
    background-color: #f5f6f8;
	padding: 5px 15px;
}


.address_mark {position:relative;bottom:75px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;} 
.address_mark:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
.address_mark a {display:block;text-decoration:none;color:#000;text-align:center;border-radius:6px;font-size:14px;font-weight:bold;overflow:hidden;background: var(--color-main) url('./img/arrow_white.png') no-repeat right 14px center;}
.address_mark .title {display:block;text-align:center;background:#fff;margin-right:35px;padding:10px 15px;font-size:14px;font-weight:bold;}
.address_mark:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px;background:url('./img/vertex_white.png')}


/* bo_1 여분필드 input  */
.div_input_20 { margin-bottom: 20px;}
.div_input_20 input[type=text]:focus { -webkit-box-shadow: 0 0 0px; -moz-box-shadow: 0 0 0px; box-shadow: 0 0 0px; border: 1px solid #eee !important;}
.w70 { width: 70%;}
.bbs_w_inp { background-color: #f3f3f3; border-radius: 4px; height: 40px; font-size: 13px; border: 0px; text-indent: 15px;}
.bbs_w_inp:focus { outline: none !important; box-shadow: none !important; border: 0 !important; background-color: #eee;}




/* 서브배너 상단 */ 
.sub_page_banner { position: relative; width: 100%; color: white; text-align: center;margin-bottom: 0px;z-index: 1; } 
.sub_page_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8);z-index: 1; }
.sub_page_bg { width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;  }
.sub_page_tit { font-size: 32px; font-weight: 500;  }
@media screen and (max-width:768px) { .sub_page_tit { font-size: 20px; }  }
.share_top { position: absolute; z-index: 50; bottom: 1rem; right: 1rem; border-radius: 3rem; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 0.4rem 1rem; background: rgba(19, 19, 28, 0.5); color: white;}
.view_top_subject { position: absolute; z-index: 1; top: 50%;left: 50%;transform: translate(-50%, -50%);/*width: calc(100% - 80px);*/ }
.view_top_subject > h2 {font-weight: 400; font-size: 35px; color: white; word-break: keep-all;text-align: center;} 
.view_top_subject h2:before {  
    position: absolute;
    top: -40px;
    left: 0;
    content: "";
    display: inline-block;
    width: 36px;
    height: 27px;
    background: url(img/quots.png) no-repeat;
    vertical-align: middle;
}
@media (max-width: 786px) {
    .view_top_subject { width: calc(100% - 80px); }
	.view_top_subject > h2 { font-size: 25px; }
}

/* //카테고리 입력 사용  */
.round_check { text-align: center; font-size: 14px; }
.round_check .che_cbx { -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; cursor: pointer; display: flex;align-items: center; gap: 5px;height: 100%;}
.round_check .che_cbx span { display: inline-block; vertical-align: middle; transform: translate3d(0, 0, 0);}
.round_check .che_cbx span:first-child { position: relative; width: 24px; height: 24px; border-radius: 50%;transform: scale(1);vertical-align: middle;border: 1px solid #B9B8C3;transition: all 0.2s ease;}
.round_check .che_cbx span:first-child svg { position: absolute; z-index: 1; top: 7px; left: 5px; fill: none; stroke: white; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 16px; stroke-dashoffset: 16px; transition: all 0.3s ease; transition-delay: 0.1s; transform: translate3d(0, 0, 0);}
.round_check .che_cbx span:first-child:before { content: ""; width: 100%; height: 100%; background:var(--color-main); display: block;transform: scale(0); opacity: 1; border-radius: 50%; transition-delay: 0.2s;}
.round_check .che_cbx span:last-child { margin-left: 8px;}
.round_check .che_cbx span:last-child:after { content: ""; position: absolute; top: 8px; left: 0; height: 1px; width: 100%; background: #B9B8C3;transform-origin: 0 0;transform: scaleX(0);}
.round_check .che_cbx:hover span:first-child { border-color: #3c53c7;}
.round_check .round_inp:checked+.che_cbx span:first-child {border-color: var(--color-main); background: var(--color-main);animation: check-15 0.6s ease;}
.round_check .round_inp:checked+.che_cbx span:first-child svg { stroke-dashoffset: 0;}
.round_check .round_inp:checked+.che_cbx span:first-child:before {transform: scale(2.2); opacity: 0; transition: all 0.6s ease;}
.round_check .round_inp:checked+.che_cbx span:last-child { color: #B9B8C3; transition: all 0.3s ease;}
.round_check .round_inp:checked+.che_cbx span:last-child:after {transform: scaleX(1); transition: all 0.3s ease;}
@keyframes check_1, @keyframes check_2, @keyframes check_3 { 50% { transform: scale(1.2); } }

/* 작성자, 이벤트 슬라이드 토글 스위치 스타일 */
.bo_toggle_switch { position: relative; display: inline-block; height: 34px; }
.bo_toggle_switch input { opacity: 0; width: 0; height: 0;}
.slider_toggle { position: relative;display: inline-block;width: 60px;height: 34px;background-color: #ccc; border-radius: 17px;-webkit-transition: .4s;transition: .4s;}
.slider_toggle:before { position: absolute; content: "";height: 26px;width: 26px;left: 4px;bottom: 4px;background-color: white;border-radius: 50%;-webkit-transition: .4s;transition: .4s;}
input:checked+.slider_toggle { background-color: var(--color-main); left: 0;}
input:focus+.slider_toggle { box-shadow: 0 0 1px #2196F3;}
input:checked+.slider_toggle:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}
.slide_text { font-size: 12px; color: #fff; position: absolute; top: 10px; left: 12px; text-transform: uppercase;transition: all 0.4s;}
.slide_text.off { left: 35px;}

/*_head.php,_tail.php 같은 on/off가 되어야합니다. */
.toggle label { display: block; position: relative;width:60px; height: 34px;background: #d3d3d3;border-radius: 60px; transition: background 0.4s; cursor: pointer;}
.toggle label::after { content: ""; position: absolute; left: 2.5px; top: 50%; width: 26px; height: 26px; border-radius: 100%; background-color: #fff; transform: translateY(-50%); box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.1); transition: all 0.4s;}
.toggle label::before { content: "OFF"; font-size: 12px; position: absolute; left: 31px; top: 50%; transform: translateY(-50%); transition: all 0.4s;color: #fff;}
#chk1:checked + label, #chk2:checked + label { background: var(--color-main);}
#chk1:checked + label::after, #chk2:checked + label::after { left: calc(100% - 30px);}
#chk1:checked + label::before, #chk2:checked + label::before { content: "ON"; color: #fff; left: 8px;}





/*체크박스동그라미*/
.checkbox_check_wrap { display: flex; justify-content: center; width: 100%;gap: 10px;}   
.checkbox_check { text-align: center; font-size: 14px;}
.checkbox_check .cbx { -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; cursor: pointer;}
.checkbox_check .cbx span { display: inline-block; vertical-align: middle; transform: translate3d(0, 0, 0);}
.checkbox_check .cbx span:first-child { position: relative; width: 24px; height: 24px; border-radius: 50%;transform: scale(1);vertical-align: middle;border: 1px solid #B9B8C3;transition: all 0.2s ease;margin-bottom: 5px;}
.checkbox_check .cbx span:first-child svg { position: absolute; z-index: 1; top: 7px; left: 5px; fill: none; stroke: white; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 16px; stroke-dashoffset: 16px; transition: all 0.3s ease; transition-delay: 0.1s; transform: translate3d(0, 0, 0);}
.checkbox_check .cbx span:first-child:before { content: ""; width: 100%; height: 100%; background:var(--color-main); display: block;transform: scale(0); opacity: 1; border-radius: 50%; transition-delay: 0.2s;}
.checkbox_check .cbx span:last-child { margin-left: 8px;}
.checkbox_check .cbx span:last-child:after { content: ""; position: absolute; top: 8px; left: 0; height: 1px; width: 100%; background: #B9B8C3;transform-origin: 0 0;transform: scaleX(0);}
.checkbox_check .cbx:hover span:first-child { border-color: #3c53c7;}
.checkbox_check .inp_cbx:checked+.cbx span:first-child {border-color: var(--color-main); background: var(--color-main);animation: check-15 0.6s ease;}
.checkbox_check .inp_cbx:checked+.cbx span:first-child svg { stroke-dashoffset: 0;}
.checkbox_check .inp_cbx:checked+.cbx span:first-child:before {transform: scale(2.2); opacity: 0; transition: all 0.6s ease;}
.checkbox_check .inp_cbx:checked+.cbx span:last-child { color: #B9B8C3; transition: all 0.3s ease;}
.checkbox_check .inp_cbx:checked+.cbx span:last-child:after {transform: scaleX(1); transition: all 0.3s ease;}
@keyframes check_1, @keyframes check_2, @keyframes check_3 { 50% { transform: scale(1.2); } }

/*다중선택*/
.checkbox_check .inp_cbm:checked+.cbx span:first-child {border-color: var(--color-main); background: var(--color-main);animation: check-15 0.6s ease;}
.checkbox_check .inp_cbm:checked+.cbx span:first-child svg { stroke-dashoffset: 0;}
.checkbox_check .inp_cbm:checked+.cbx span:first-child:before {transform: scale(2.2); opacity: 0; transition: all 0.6s ease;}
.checkbox_check .inp_cbm:checked+.cbx span:last-child { color: #B9B8C3; transition: all 0.3s ease;}
.checkbox_check .inp_cbm:checked+.cbx span:last-child:after {transform: scaleX(1); transition: all 0.3s ease;}





/* ****************************************************************************************** *
 * view.skin.php  스타일 시작
 * ****************************************************************************************** */
 
/*게시물 정보 상단*/	
.board_top_box { margin-bottom: 20px;flex: 1; }
.board_tit_wrap { width: 70%;float: left;}
.bo_v_icon { width: 30%;    float: right;}
@media (max-width: 768px) {
    .board_tit_wrap, .bo_v_icon { width: 100%; float: none; }
	.bo_v_icon { border-top: 1px solid #e0e2e5; border-bottom: 1px solid #e0e2e5; height: 59px; }
}

/*회원이미지*/	
.profile_img .pf_img { float: left; margin-right: 10px;	}
.profile_img .pf_img img { border-radius: 50%; width: 50px; height: 50px;} 

/*본문 제목 / info*/	
.board_main_tit { font-size: 22px;margin: 0px 0 20px; color: #212121;}	
.board_main_info { margin: 0px;font-size: 12px;font-weight: 300;color: #666d70;}	
.board_main_info .span_slash:after {  content: "/"; margin: 0 10px;}
.board_main_info .span_slash:last-child:after {  content: none; }			
.bo_v_icon_btn { padding: 10px 0;}	

/*게시물 상단 스와이프 view1.php */	
.bsd_row { width: 100%; height: 300px; margin: 0px auto;}
.view_slider, .thumbs_view_slider { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1;}
.thumb-slider-wrapper { max-width: 900px; margin: 0 auto;}
.thumbs { position: relative; padding: 0 70px; margin: 10px 0 30px;}
.thumbs .swiper-slide { opacity: 0.4; }
.thumbs .swiper-slide-thumb-active { opacity: 1; }
.view_slider img, .thumbs_view_slider img { max-width: 100%; }
.thumbs .swiper-slide { cursor: pointer; }
.thumbs>.swiper-button-next, .thumbs>.swiper-button-prev { color: #666! important;}

/*게시물 상단 스와이프 */	
.view_page_item {   }
.view_page_item .swiper-slide { text-align: center; font-size: 18px; background: #fff;  display: flex;  justify-content: center; align-items: center;}
.view_page_item .swiper-slide img {  display: block; width: 100%; height: 100%; object-fit: cover;}
	

/* 게시판 view */
#bo_v {margin-bottom:20px;background:#fff;box-sizing:border-box}
#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em}
#bo_v_title {}
#bo_v_title .bo_v_cate {display:inline-block;line-height:20px;background:#e2eaf6;color:#3a8afd;padding:0 10px;border-radius:3px;}
#bo_v_title .bo_v_tit {display:block;font-size:2em;margin:5px 0 0;word-break:break-all}

#bo_v_info {margin:0;border-bottom:1px solid #f1f1f1;color:#666}
#bo_v_info:after {display:block;visibility:hidden;clear:both;content:""} 
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info .profile_info {margin:20px 0 10px;display:inline-block;float:left}
#bo_v_info .profile_info .pf_img {float:left;margin-right:10px}
#bo_v_info .profile_info .pf_img img {border-radius:50%;width:50px;height:50px}
#bo_v_info .profile_info .profile_info_ct {float:left;padding:5px 0;line-height:18px}

#bo_v_info strong {display:inline-block;margin:0 10px 0 0;font-weight:normal}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {font-weight:bold}
#bo_v_info .profile_img {display:none}
#bo_v_info .sv_member {color:#000}
#bo_v_info .if_date {margin:0;color:#888}


#bo_v_file  {font-size:12px;word-spacing: -2px;}
#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;list-style:none}
#bo_v_file li { display: flex;justify-content: space-between; align-items: center;padding:15px 15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;border-radius:5px;
-webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
-moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)}
#bo_v_file li i {color:#b2b2b2; margin-right:10px}
#bo_v_file a {display:block;text-decoration:none;word-wrap:break-word;color:#000;}
#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active {text-decoration:underline;color:#3a8afd;}
#bo_v_file img {float:left;margin:0 10px 0 0}
#bo_v_file .bo_v_file_cnt {color:#b2b2b2;font-size:10px}
#bo_v_file li:hover {border-color:#bed4f4;color:#bed4f4}
#bo_v_file li:hover i {color:#3a8afd}
#bo_v_file li:hover .bo_v_file_cnt {color:#99c2fc}

#bo_v_link { font-size: 12px; word-spacing: -2px;} 
#bo_v_link strong { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;border-radius:5px;
-webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
-moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)}
#bo_v_link li i {float:left;color:#b2b2b2; margin-right:10px}
#bo_v_link a { display:block;text-decoration:none;word-wrap:break-word;color:#000}
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active {text-decoration:underline;color:#3a8afd}
#bo_v_link .bo_v_link_cnt {color:#b2b2b2;font-size: 10px;}
#bo_v_link li:hover {border-color:#bed4f4;color:#bed4f4}
#bo_v_link li:hover i {color:#3a8afd}
#bo_v_link li:hover .bo_v_link_cnt {color:#99c2fc}

.bo_v_link_flax {
    display: flex;
    gap: 5px;
    word-break: break-all;
    padding: 15px;
    position: relative;
    margin: 10px 0;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 5px 0px hsl(232, 36%, 96%);
    -moz-box-shadow: 1px 1px 5px 0px hsl(232, 36%, 96%);
    box-shadow: 1px 1px 5px 0px hsl(232, 36%, 96%);
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
}	


#bo_v_file li i , #bo_v_link li i { font-size: 16px; }

#bo_v_top {zoom:1}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_top ul {padding:0;list-style:none;word-break:break-all;background:#fff}

#bo_v_bot {zoom:1}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_bot ul {padding:0;list-style:none}

.bo_v_com {margin:0;float:right}
.bo_v_com > li {position:relative;float:left;margin-left:5px}

 /*이전글 다음글*/
.bo_v_nb {
    position: relative;
	border-radius: 80px;
    z-index: 1;
    display: flex;
    justify-content: space-around;
    padding: 0 10px;
    max-width: 100px;
	height: 55px;left:50%; margin:0 0 20px -50px; border-radius:80px; background-color: #767676; box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px; 
}
.bo_v_nb li a {display:block;padding:8px 0;text-align:center;}
.bo_v_nb li a span {display:block;width:26px;height:26px;margin:0 auto 4px auto;text-align:center;line-height:20px;border:solid 1px #fff;border-radius:50%;color: #fff;}
.bo_v_nb li a span i {font-size:12px;line-height:16px;}
.bo_v_nb li a p {font-size:10px;word-break: keep-all;line-height: 26px;} 
 



#bo_v_atc {min-height:0px;height:auto !important; margin: 10px 0;}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img a.view_image {display:block}
#bo_v_img img {margin-bottom:5px;width:100%;height:auto}

#bo_v_con {margin:10px 0 50px;width:100%;line-height:1.7em; word-break:break-all;overflow:hidden}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#bo_v_act {margin-bottom:30px;text-align:center}
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act a {margin-right:5px;vertical-align:middle;color:#4a5158}
#bo_v_act a:hover {background-color:#fff;color:#ff484f;border-color:#ff484f}
#bo_v_act i {font-size:1.4em;margin-right:5px}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;z-index:9999;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}
#bo_v_act .bo_v_good {display:inline-block;border:1px solid #dedede;width:70px;line-height:46px;border-radius:30px}
#bo_v_act .bo_v_nogood {display:inline-block;border:1px solid #dedede;width:70px;line-height:46px;border-radius:30px}

#bo_v_sns {padding:0;list-style:none;zoom:1;float:left;display:inline-block}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;width:135px;margin-right:5px;text-align:left}
#bo_v_sns li a {height:35px;line-height:35px;text-align:center;border-radius:5px;color:#fff;font-size:0.95em}
#bo_v_sns li img {vertical-align:middle;margin-right:5px}
#bo_v_sns li .sns_f {display:block;background:#3b5997}
#bo_v_sns li .sns_t {display:block;background:#09aeee}
#bo_v_sns li .sns_g {display:block;background:#ea4026}
#bo_v_sns li .sns_k {display:block;background:#fbe300}

#bo_v_share { position: relative; padding: 20px 0 0; display: flex; justify-content: space-between; align-items: center;}
#bo_v_share7:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_share .btn {padding:0px;color:#555;font-weight:normal;font-size:13px;width:90px;line-height:35px;height:35px;border-color:#d5d5d5;border-radius:5px}
#bo_v_share .btn:hover {background:#fff}
#bo_v_share .btn i {margin-right:0px;color:#4b5259;}

@media (max-width: 768px) {  #bo_v_share { padding: 0; } }

.clearfix::after { content: ""; display: table; clear: both;}  


/*view1본문내용 제목 / info*/	
.post_info { position: relative; display: flex; justify-content: flex-start;}
.post_info p { line-height: 1.8;}
.post_day { text-align: center;margin-right: 15px;} 
.post_day .post_date {padding: 10px 0;width: 55px;background: var(--color-main);color: #fff;border-radius: 4px 4px 0 0;}
.post_day .post_date .day {font-size: 20px;font-weight: 700;display: block;letter-spacing: 1px;}
.post_day .post_month .month {display: block;text-transform: uppercase;line-height: 14px;font-size: 11px;letter-spacing: 1px;height: 25px;line-height: 25px;color: #fff; background:#ccc;border-radius: 0 0 4px 4px;}
.post_info_date { font-size: 13px; margin-right: 15px; }

.post_main_tit { font-size: var(--font_tit2);margin: 0 0 6px; color: #212121;line-height: 1.2;font-weight: 700;}	
.post_main_info { margin: 0px;font-size: 13px;font-weight: 300;color: #666d70;}	
.post_main_info .span_slash:after {  content: "|"; margin: 0 10px;}
.post_main_info .span_slash:nth-child(n+4):after { content: none; }	
.post_main_info .span_slash7{ font-size: 16px;line-height: 2; font-weight: 500; }

/* view1 wr_link1 유튜브 보기 스타일 끝 */
.view_youtube { position: relative; padding-top: 56.26%;overflow: hidden;background-color: #000000;} 
.view_youtube iframe { display: block; position: absolute; top: 0%; left: 50%; transform: translate(-50%);width: 100%;height: 100%; border: none;}

/* view1 swiper 시작*/
.wrap_swiper{ padding-bottom: 15px; width: 100%;}

/* view1 문서보기 시작*/
.document_view { } 
.document_links { width:100%; height:900px; margin:20px 0; } 
@media screen and (max-width: 768px) { .document_links { height:450px;  }   } 

/* 미리 보기 스와이프 */
.wrap_swiper .swiper-autoheight .swiper-slide {  }
@media screen and (max-width: 768px) { .wrap_swiper .swiper-autoheight .swiper-slide {   }   }
.swiper_close { position: absolute; top: 5px; right: 10px; z-index: 100;  color: red;}
.wrap_swiper .swiper-slide {
	text-align:center;
	display:flex; /* 내용을 중앙정렬 하기위해 flex 사용 */
	align-items:center; /* 위아래 기준 중앙정렬 */
	justify-content:center; /* 좌우 기준 중앙정렬 */
}
.swiper-pagination-bullet { width: 8px; height: 8px; background: transparent; border: 1px solid #999; opacity: 1; }
.swiper-pagination-bullet-active { width: 25px! important; transition: width .5s; border-radius: 5px! important; background: #bbb! important; border: 1px solid transparent; } 

/* swiper 버튼 스타일 */
.swiper .swiper-button-next, .swiper .swiper-button-prev { color: #fff; background-image: none; background-color: rgba(255, 255, 255, 0.5); width: 50px; height: 70px; line-height: 80px; transition: 0.3s; text-align: center; padding: 0;}
.swiper .swiper-button-next:after, .swiper .swiper-button-prev:after { font-size: 32px; font-weight: 300;}
.swiper .swiper-button-next { right: 0px;}
.swiper .swiper-button-prev { left: 0px;}
.swiper .swiper-button-next:hover, .swiper .swiper-button-prev:hover { color: #ccc;}
.swiper .swiper-button-next, .swiper .swiper-button-prev { opacity: 1; transition: opacity 0.3s ease;}
.swiper .swiper-container:hover .swiper-button-next, .swiper .swiper-container:hover .swiper-button-prev { display: block; opacity: 1; transition: opacity 0.3s ease;}

/* all_img 스타일 */
.all_img { padding: 20px 0; display: block; position: relative; height: auto; overflow: hidden;}
.object{ }
.cover {object-fit: cover}
.all_img_box { display: flex; flex-wrap: wrap; width: 100%; justify-content: center;}

.clearfix { height: auto; overflow: hidden;}
.clearfix::after { content: ""; display: table; clear: both;}

/* 게시판 댓글 */
.cmt_btn {width:100%;text-align:left;border:0;border-bottom:1px solid #f0f0f0;background:#fff;font-weight:bold;margin:30px 0 0px; padding:0 0 15px}
.cmt_btn span.total {position:relative;display:inline-block;margin-right:5px;font-size:1em;color:#3a8afd}
.cmt_btn span.cmt_more {float:right;display:inline-block;width:15px;height:10px;background:url(./img/btn_cmt.png) no-repeat right 2px;margin-top:5px}
.cmt_btn_op span.cmt_more {background-position:right -8px}
.cmt_btn b {font-size:1.2em;color:#000}
.cmt_btn span.total:after {position:absolute;bottom:-17px;left:0;display:inline-block;background:#3a8afd;content:"";width:100%;height:2px}
#bo_vc {}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article {margin:20px 0;position:relative;border-bottom:1px solid #f0f0f0;z-index: 1;} 
#bo_vc article:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc article .profile_img img {border-radius:50%}
#bo_vc article .pf_img {float:left;margin-right:10px}
#bo_vc article .pf_img img {border-radius:50%;width:50px;height:50px}
#bo_vc article .cm_wrap { float: none; width: 100%; padding:0px; } 
#bo_vc header {position:relative;width:100%}
#bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc header .profile_img {display:none}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {color:#777; font-size: 14px; }
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {line-height:1.8em; padding: 10px 0px;}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479}
#bo_vc_empty {margin:0;padding:80px 0 !important;color:#777;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc .bo_vl_opt {position:absolute;top:0;right:0; z-index: 3; }

.bo_vc_act {display:none;position:absolute;right:0;top:40px;width:58px;text-align:right;border:1px solid #b8bfc4;margin:0;list-style:none;background:#fff;zoom:1;font-size: 14px;z-index:9999}
.bo_vc_act:before {content:"";position:absolute;top:-8px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
.bo_vc_act:after {content:"";position:absolute;top:-6px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.bo_vc_act li {border-bottom:1px solid #f0f0f0}
.bo_vc_act li:last-child {border-bottom:0}
.bo_vc_act li a {display:inline-block;padding:10px 15px}
.bo_vc_act li a:hover {color:#3a8afd}

.bo_vc_w {position:relative;margin:10px 0;display:block}
.bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_vc_w #char_cnt {display:block;margin:0 0 5px}
.bo_vc_w textarea {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:120px;
-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1)}
#wr_secret {}
.bo_vc_w_info7 {margin:0px 0;float:left} 
.bo_vc_w_info7:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_info .frm_input {float:left;margin: 10px 5px 10px 0;}
.bo_vc_w_info #captcha {padding-top:0px;display:block;clear:both}
.bo_vc_w .btn_confirm {clear:both;margin-top:0px}
.bo_vc_w .btn_confirm label {display:inline-block;margin-right:10px;border-radius:3px;font-size:1.5em;text-align:center}
.bo_vc_w .btn_submit { height: 35px; background: var(--color-main); border-radius: 20px; font-weight: 400;  font-size: 16px;}
.bo_vc_w .btn_confirm .secret_cm label {font-size:1em !important}
.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_wr .btn_confirm .btn_submit { font-size: 14px;padding: 0 15px;color: #fff;border: none;}
.secret_cm {display:inline-block;float:left}

#bo_vc_send_sns {display:inline-block;float:left}
#bo_vc_sns {display:inline-block;margin:0;padding:0;list-style:none;zoom:1} 
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 5px 0 0}
#bo_vc_sns .sns_li_f {border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_t {border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_off {background:#bbb}
#bo_vc_sns a {display:inline-block;padding:0 15px 0 5px}
#bo_vc_sns input {margin:0 5px 0 0}

/*댓글 이름 비번 입력창 */
.bo_vc_w_info_container { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 3px; margin: 10px 0; }
.bo_vc_w_info_guest_name, .bo_vc_w_info_guest_password { width: 100%; }
.bo_vc_w_info_guest_name { padding-right: 5px;}  
.bo_vc_w_info_guest_name input,.bo_vc_w_info_guest_password input {  width: 100%; box-sizing: border-box; /* 요소의 크기를 늘리면서 안쪽 padding과 border도 포함하도록 함 */ }

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}

/* 본문 바로가기 */
.to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
.bo_vc_w_info #captcha {position:relative}
.bo_vc_w_info #captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
.bo_vc_w_info #captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0;display: inline;max-width: 100px;}
.bo_vc_w_info #captcha #captcha_mp3 {margin:0;padding:0;border:0;vertical-align:middle;overflow:hidden;cursor:pointer;width:40px;height:40px;text-indent:-999px;border-radius:3px}
.bo_vc_w_info #captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;vertical-align:middle;overflow:hidden;cursor:pointer;text-indent:-999px;border-radius:3px}
.bo_vc_w_info #captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:110px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:0;vertical-align:top}
.bo_vc_w_info #captcha #captcha_info {display:block;margin:3px 0 5px;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
.bo_vc_w_info #captcha.m_captcha audio {display:block;margin:0 0 5px; width: 100%;max-width: 300px;}



/* 그누보드css 개별수정 사항 */
#bo_v_share .btn { font-size: 14px; } 
#bo_v_title .bo_v_tit {font-size:22px; font-weight: 500;}
#bo_v_share .btn { font-size: 13px;}
#bo_v_share #bo_v_sns li a span{display:none;}
#bo_v_sns li { width: 35px; }
/* 그누보드css 개별수정 사항 끝*/

#bo_v { position: relative; display: flex; flex-wrap: wrap; margin: 50px auto! important;/* 요소들이 한 줄에 맞지 않을 때 줄바꿈 */ }
.view_main_top {
    display: flex;flex-wrap: wrap;
    justify-content: space-between;min-height: 0px;height: auto !important;margin: 0 auto;
}
@media screen and (max-width: 991px) {
  #bo_v { margin: 10px auto! important;  }
  .view_main_top { flex-direction: column-reverse; }
}


.sticky_box { position: sticky; top: 20px; z-index: 1; height: 100%; /* 메인 sticky 효과 */}
.view_aside_box { padding: 0 0 30px 30px; margin: 0 auto;	width: 100%;}
.bottom_margin {margin-bottom: 100px;} 

/* 모바일 화면에서만 적용되는 스타일 */
#board_main { flex: 70; width: 70%;} #board_aside { flex: 30; width: 30%;}
@media (max-width: 1200px) {
    #board_main { flex: 65; width: 65%;} #board_aside { flex: 35; width: 35%;}
}
@media (max-width: 980px) {
    #board_main { flex: 60; width: 60%;} #board_aside { flex: 40; width: 40%;}
}
@media (max-width: 767px) {
    #board_main,
    #board_aside {
        flex: none; /* flex 비율 초기화 */
        width: 100%; /* 100% 너비로 설정 */
    }
    .view_aside {
        position: sticky;  
        /* bottom: 0; */
        z-index: 1;
        background-color: white; /* 필요한 배경색 설정 */
        /* box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.1); 그림자 추가 */
    }
}
.estimate_date { font-size: 14px;}
.estimate_tit { 
    padding: 0;
    font-size: var(--font_tit2);
    color: #000;
    font-weight: 700;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
} 
.estimate_price {
    margin-top: 8px;
    font-size: var(--font_tit1);
    color: #000;
    font-weight: 700;
    color: var(--color-main);
}
.estimate_price .small {
    font-size: 14px;
    color: #000;
    font-weight: 500;
}
.estimate_content { }
.estimate_view { font-size: 1em; color: #999; margin: 11px 0 0; word-break: break-all; line-height: 1.5em;}
.estimate_view span { color: var(--color-main); font-weight: 600;}
.estimate_btn { padding: 10px 15px; width: 100%; display: block; text-align: center; border-radius: 5px; background: var(--color-main);}
.estimate_share { padding: 10px; width: 100%; display: block; text-align: center; border-radius: 5px; margin:0 2px; font-size:12px;}
.view_file_download strong{ display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* 첨부파일 글 자르기  */}

.estimate_btn2 {
    padding: 15px 15px;
    width: 100%;
    display: block;
    text-align: center;
    border-radius: 5px;
	color: #fff;
    background: var(--color-main);
}
.estimate_btn2:hover { border: 1px solid var(--color-main)!important; background: #333; color: #fff!important;} 
@media (max-width: 767px) {
    .estimate_btn2 { padding: 8px 15px; margin-left:2px; }
	
	.estimate_price {
        margin-top: 0;
        font-size: 18px;
        color: #000;
        font-weight: 700;
        color: #fff;
        margin-right: 20px;
	}
	.estimate_price .small { color: #fff;}	

}	
	

/* 좋아요 공유 문의  */
.art_btn_box {
    position: relative;
	width: 100%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    margin-top: 15px;
}
.art_btn_box .btn1 {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    min-width: 186px;
    height: 58px;
    font-size: 22px;
    font-weight: 600;
}	
.art_btn_box .art_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    transition: all 0.2s ease-out;
    border: 1px solid transparent;
    text-decoration: none !important;
}

.art_btn.art_btn_main { background: #000; color: #fff;}
.art_btn.art_btn_primary { background-color: var(--color-main); color: #fff;}
.art_btn.art_btn_line { border: 1px solid #b9bdd3; color: #666;white-space: nowrap;}



/* 반응형 시작  */

/* 주문하기  */
.m_estimate_price {
    border: 1px solid #b9bdd3;
    color: #666;
    white-space: nowrap;
    padding: 10px;
    width: 100%;
    display: block;
    text-align: center;
    border-radius: 5px;
    margin: 0 2px;
}
.estimate_view_none { display: none; }
.estimate_cate {
    line-height: 40px;
    padding: 4px 8px;
    border-radius: 30px;
    white-space: nowrap;
    color: var(--color-main);
    font-size: 14px;
    font-weight: 400;
    border: 1px solid var(--color-main);
}
@media (min-width: 768px) {
  .estimate {
    /*width: calc(100% - 9em - 30px);*/
	width: calc(100% - 0px);
    background: #fff;
    border-radius: 8px;
    padding: 35px 35px;
    position: relative;
	margin: 0 auto;
	border: 1px solid #b9bdd3;
	box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;  
  }
  .estimate_view_none { display: block; }
}
@media (max-width: 767px) {
  .view_aside_box { max-width: 100%; padding: 15px 0; }
  .estimate { 
    display: flex;
    position: fixed;
    bottom: 0;
    z-index: 1000000;
    width: 100%;
    padding: 15px;
    background-color: #fff;
	left: 0;
	box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.1);
  }
  .estimate_btn { padding: 10px; margin-right: 10px; }  
  .art_btn_box7 {
    position: relative;
    /* width: 50%; */
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    /* display: inline-flex; */
    /* -webkit-box-align: center; */
    -ms-flex-align: center;
    /* -webkit-align-items: center; */
    -moz-align-items: center;
    align-items: center;
    margin-top: 1px;
  }
  .art_btn_box { margin-top: 0; }
  .estimate .estimate_m_left { flex: 65; /* 왼쪽 아이템의 너비를 60%로 설정 */  }
  .estimate .estimate_m_right { flex: 35; /* 오른쪽 아이템의 너비를 40%로 설정 */ }
  #bo_v { margin-bottom: 0px; }    
}


/* tabs 시작 */
.tabs { position: relative;margin-top: 0px;}
.tabs input[name=tab-control] {  display: none;}
.tabs .content section h2, .tabs .tabs_icon label { font-size: 18px;  color: #428BFF; }
.tabs .tabs_icon label span{ display: none;}
.tabs .tabs_icon_box {list-style-type: none; padding-left: 0; display: flex; flex-direction: row; margin-bottom: 10px; justify-content: space-between; align-items: flex-end; flex-wrap: wrap;}
.tabs .tabs_icon { box-sizing: border-box;flex: 1;width: 25%;padding: 0 10px;text-align: center;}
.tabs .tabs_icon label {transition: all 0.3s ease-in-out;color: #929daf;padding: 5px auto; overflow: hidden; text-overflow: ellipsis;display: block;cursor: pointer;transition: all 0.2s ease-in-out;white-space: nowrap;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.tabs .tabs_icon label br { display: none;}
.tabs .tabs_icon label svg { fill: #929daf; height: 1.2em; vertical-align: bottom; margin-right: 0.2em;transition: all 0.2s ease-in-out;}
.tabs .tabs_icon label:hover, .tabs .tabs_icon label:focus, .tabs .tabs_icon label:active { outline: 0; color: #bec5cf;}
.tabs .tabs_icon label:hover svg, .tabs .tabs_icon label:focus svg, .tabs .tabs_icon label:active svg { fill: #bec5cf;}
.tabs .slider { position: relative; width: 25%; transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);}
.tabs .slider .indicator { position: relative; width: 50px; max-width: 100%; margin: 0 auto; height: 4px; background: #428BFF;border-radius: 1px;}
.tabs .content { margin-top: 30px;}
.tabs .content section { display: none; -webkit-animation-name: content; animation-name: content; -webkit-animation-direction: normal; animation-direction: normal;-webkit-animation-duration: 0.3s;  animation-duration: 0.3s; -webkit-animation-timing-function: ease-in-out;  animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1;  animation-iteration-count: 1; line-height: 1.4;}
.tabs .content section h2 { color: #428BFF; display: none;}
.tabs .content section h2::after { content: ""; position: relative; display: block; width: 30px; height: 3px; background: #428BFF; margin-top: 5px; left: 1px;}
.tabs input[name=tab-control]:nth-of-type(1):checked ~ .tabs_icon_box > li:nth-child(1) > label { cursor: default;  color: #428BFF;}
.tabs input[name=tab-control]:nth-of-type(1):checked ~ .tabs_icon_box > li:nth-child(1) > label svg {  fill: #428BFF;}
@media (max-width: 600px) { .tabs input[name=tab-control]:nth-of-type(1):checked ~ .tabs_icon_box > li:nth-child(1) > label {   background: rgba(0, 0, 0, 0.08);  } }
.tabs input[name=tab-control]:nth-of-type(1):checked ~ .slider {  transform: translateX(0%);}
.tabs input[name=tab-control]:nth-of-type(1):checked ~ .content > section:nth-child(1) { display: block;}
.tabs input[name=tab-control]:nth-of-type(2):checked ~ .tabs_icon_box > li:nth-child(2) > label { cursor: default;  color: #428BFF;}
.tabs input[name=tab-control]:nth-of-type(2):checked ~ .tabs_icon_box > li:nth-child(2) > label svg { fill: #428BFF;}
@media (max-width: 600px) { .tabs input[name=tab-control]:nth-of-type(2):checked ~ .tabs_icon_box > li:nth-child(2) > label {   background: rgba(0, 0, 0, 0.08);  } }
.tabs input[name=tab-control]:nth-of-type(2):checked ~ .slider { transform: translateX(100%);}
.tabs input[name=tab-control]:nth-of-type(2):checked ~ .content > section:nth-child(2) {  display: block;}
.tabs input[name=tab-control]:nth-of-type(3):checked ~ .tabs_icon_box > li:nth-child(3) > label { cursor: default; color: #428BFF;}
.tabs input[name=tab-control]:nth-of-type(3):checked ~ .tabs_icon_box > li:nth-child(3) > label svg { fill: #428BFF;}
@media (max-width: 600px) {  .tabs input[name=tab-control]:nth-of-type(3):checked ~ .tabs_icon_box > li:nth-child(3) > label {  background: rgba(0, 0, 0, 0.08); }  }
.tabs input[name=tab-control]:nth-of-type(3):checked ~ .slider { transform: translateX(200%);}
.tabs input[name=tab-control]:nth-of-type(3):checked ~ .content > section:nth-child(3) { display: block;}
.tabs input[name=tab-control]:nth-of-type(4):checked ~ .tabs_icon_box > li:nth-child(4) > label { cursor: default; color: #428BFF;}
.tabs input[name=tab-control]:nth-of-type(4):checked ~ .tabs_icon_box > li:nth-child(4) > label svg { fill: #428BFF;}
@media (max-width: 600px) {  .tabs input[name=tab-control]:nth-of-type(4):checked ~ .tabs_icon_box > li:nth-child(4) > label {  background: rgba(0, 0, 0, 0.08); }  }
.tabs input[name=tab-control]:nth-of-type(4):checked ~ .slider { transform: translateX(300%);}
.tabs input[name=tab-control]:nth-of-type(4):checked ~ .content > section:nth-child(4) { display: block;}
@-webkit-keyframes content {
  from { opacity: 0; transform: translateY(5%); }
  to { opacity: 1; transform: translateY(0%); }
}
@keyframes content {
  from { opacity: 0; transform: translateY(5%); }
  to { opacity: 1; transform: translateY(0%); }
}
@media (max-width: 1000px) {
  .tabs .tabs_icon label { white-space: initial; }
  .tabs .tabs_icon label br { display: initial;}
  .tabs .tabs_icon label svg { height: 1.5em;}
}
@media (max-width: 600px) {
  .tabs .tabs_icon label { padding: 5px; border-radius: 5px; }
  .tabs .tabs_icon label span {  display: none; }
  .tabs .slider { display: none; }
  .tabs .content { margin-top: 20px;}
  .tabs .content section h2 { display: block; }
}

.bo_v_icon_box {  position: relative; z-index: 2;}
.tabs_icon_box { display: inline-flex! important;z-index: 10; position: relative; } 
.tabs .tabs_icon, .tabs .slider { width: 40px;}
.tabs .slider .indicator { height: 40px;  background:transparent; border-radius: 4px;    border: 1px solid #e0e2e5;}
.tabs .slider { height: 0; top: -43px; }
.tabs .tabs_icon_box { padding: 10px 0;  margin-bottom: 0; }
@media (max-width: 786px) { 
  .tabs { padding: 0 10px;} 
  .tabs .tabs_icon, .tabs .slider { width: 50px;}  
}

/* tabs 끝 */



/*본문, 댓글 동영상 나오기*/

#bo_v_con img, #bo_v_con video, #bo_vc .cmt_contents img, #bo_vc .cmt_contents video, #bo_vc .cmt_contents audio { 
    display: block; 
    max-width: 100%; 
    margin: 0 auto; 
}
.yt-basic, .yt-shorts { 
    display: block; 
    width: 100%; 
    border: none; 
    margin: 0 auto; 
    position: relative;
}
.yt-basic { 
    padding-bottom: 56.25%; /* 16:9 비율 */
    height: 0;
}
.yt-shorts { 
    padding-bottom: 177.78%; /* 9:16 비율 */
    height: 0;
}
.yt-basic iframe, .yt-shorts iframe { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}
.secret_color { color:var(--color-main); font-weight: 600;}



/*= bo_field 게시판 설정 =========================== */ 
.bo_field_input {
    background: var(--color-main);
    margin-top:20px;
    border: none;
    color: #fff;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    padding: 12px 20px;
    cursor: pointer;
    border-radius: 50px;width: 100%;margin-bottom: 30px;
}
.bo_field_input:hover { background: #333333;}
.bo_field_box_inner>form>input:focus {outline:none;}
/*= bo_field 게시판 설정 끝=========================== */ 		

/*= 랜딩페이지 카테고리 가져오기 설정 =========================== */ 
.view_cat { display: block; border: 1px solid #e0e2e5; padding: 10px; border-radius: 4px;background: #f1f1f1;}
.bo_edit_box { display: flex;gap:7px;font-size: 14px;border-radius: 0.5rem;}
#select-boxes-container { margin-top: 5px; } 
#select-boxes-container select{ padding: 6px 0;font-size: 13px; margin: 0 5px 5px; }
.bo_edit_tit { position: relative;flex: 1;}
.bo_edit_box select, .bo_edit_box input  { height: 40px; padding: 6px 10px;}
/*= 랜딩페이지 카테고리 가져오기 설정 =========================== */ 

/*임시저장된글 카운팅 숫자*/
.art_bounce {
    animation: art_bounce 3s infinite;
    transform-origin: center bottom;
    position: absolute;
}
.art_circle {
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    background-color: #f25;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -ms-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
    text-align: center;
    align-items: center;
    justify-content: center; 
   right: -10px;
    top: -10px;
}

/* 멀티 파일 업로드 */
.upload_wrapper { display: flex; gap: 10px; position: relative;}
@media screen and (max-width: 991px) {
	.upload_wrapper { flex-wrap: wrap; }
}
.file-upload-label { display: flex;flex-direction: column; align-items: center;border: 2px dashed #ddd;padding: 20px;cursor: pointer;transition: border-color 0.3s; position: relative; border-radius: 10px;}
.file-upload-label:hover { border-color: #aaa;}
.file-upload-image { width: 100px; height: 100px; object-fit: cover; border-radius: 8px; border: 1px solid #ccc;}
.file-upload-placeholder { font-size: 1.875rem; }
.file-upload-description { margin-top: 10px; padding: 8px 0; border: 1px solid #ddd; width: calc(100% - 16px);text-align: center;}
.file-delete-label { margin-top: 10px; color: #f00; cursor: pointer;}
.file-upload-wrapper.dragover { border-color: #333; background-color: #f9f9f9;}
.delete-button { margin-top: 10px; background-color: red; color: white; border: none; border-radius: 4px; font-size: 12px; cursor: pointer;padding: 2px 4px;}
.file-upload-description { width: 100%; }

/* 에디터 유튜브 불러오기 */
#bo_v_con .media{ position: relative; margin: 0; padding: 0;}


/* 후기 점수 스타일 시작 */
.review_app[class][class] {
    margin-bottom: 32px;
    color: #222;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.6rem;
}
.review_ltr.review_star[class][class] {
    margin-right: 8px;
}
.review_tit[class][class] {
    display: inline-flex;
}

.review_star[class][class] {
    display: inline-flex;
}

.review_score[class][class] {
    margin-bottom: 24px;
}
@media (min-width: 744px) {
.review_score_box[class][class] {
    margin-left: calc(-1 *16px / 2);
    margin-right: calc(-1 * 16px / 2);
 }	
}
.review_score_box[class][class] {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    width: calc(100% - 13px);
}
@media (max-width: 744px) { .review_score_box[class][class] { display: block; } } 
@media (min-width: 744px){
.review_score_list {
    width: 41.6667% !important;
    margin-right: 8.33333% !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
	}
}
.review_score_list_box[class][class] {
    margin-bottom: 16px;
}
.review_score_list_cont {
    -webkit-box-pack: justify !important;
    -webkit-box-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
}
.review_score_list_name {
    width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
	font-size: 14px; 
}
.review_score_list_line {
    -webkit-box-align: center !important;
    -webkit-box-direction: normal !important;
    -webkit-box-orient: horizontal !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    margin-left: 12px !important;
    width: 75% !important;
}
.review_score_list_tit {
    position: relative !important;
    height: 4px !important;
    width: 100% !important;
    margin-right: 4px !important;
    background: rgb(221, 221, 221) !important;
    border-radius: 2px !important;
}
.score_line {
    position: absolute !important;
    top: 0px !important;
    left: 0px !important;
    bottom: 0px !important;
    background: rgb(34, 34, 34) !important;
    border-radius: 2px !important;
}
.score_tit {
    color: rgb(34, 34, 34) !important;
    font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.75rem !important;
    line-height: 1rem !important;
    margin-left: 6px !important;
}
/* 후기 점수 스타일 끝 */







/* ****************************************************************************************** *
 * write.skin.php  스타일 시작
 * ****************************************************************************************** */
/*글쓰기*/
#bo_w  { margin-top: 50px; }
#bo_w .bo_v_option li {display:inline-block;float:left;text-align:left;margin:0 5px 0 0}
#bo_w .bo_v_option li label {vertical-align:baseline}
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span {margin-left:0;margin-right:5px;} 
#bo_w .write_div {margin:0;position:relative}
#bo_w .write_div:after {display:block;visibility:hidden;clear:both;content:"";margin-bottom: 10px;}
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input {float:left;} 
#wr_name, #wr_password {margin-bottom:7px}
#bo_w .bo_w_info .half_input { }
@media screen and (min-width: 786px) { .input_width { width: 25%;  } }
#bo_w #wr_password, #bo_w #wr_homepage {margin-left:1%}
#bo_w .wr_content.smarteditor2 iframe {background:#fff}
#bo_w .bo_w_tit {position:relative}
#bo_w .bo_w_tit .frm_input {padding-right:120px}
#bo_w .bo_w_tit #btn_autosave { position: absolute;top: 5px;right: 5px; font-size: 12px; line-height: 30px; display: inline-block; padding: 0 5px; border: 0;background: #434a54; border-radius: 3px;color: #fff;}
#bo_w .bo_w_link label {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2}
#bo_w .bo_w_link .frm_input { padding-left:50px; }
#bo_w .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2}
#bo_w .bo_w_flie .frm_file {padding-left:50px;margin-top:3px}
#bo_w .bo_w_flie .file_wr7 {position:relative;border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#bo_w .bo_w_flie .frm_input {margin:2px 0 0}
#bo_w .bo_w_flie .file_del {position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
#bo_w .bo_w_select select {border:1px solid #d0d3db;width:100%;height:40px;border-radius:3px}
#bo_w .btn_submit {padding:0 20px;background: var(--color-main); color: #fff; border-radius: 20px; font-weight: 400; font-size: 16px;}
#bo_w .btn_submit:hover { background: #333333;}
#bo_w .btn_cancel { background: #969696; border-radius: 20px; font-weight: 400; color: #fff; font-size: 16px;padding: 0 20px;}
#bo_w .btn_cancel:hover { background: #aaa;}
.btn_confirm { padding: 10px 0 30px;text-align: right; }
.btn_cke_sc{ font-size: 12px;}
@media screen and (max-width:768px) { 
    .btn_confirm { text-align: center;} 
	.bo_vc_w_wr .btn_confirm   { text-align: right;}
	#bo_w form { padding: 0 15px; } 
}	

/* 폼 테이블 배경수정 */
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input, #bo_w .bo_w_flie .file_wr, #bo_w .bo_w_select select { 
    border: 1px solid #f6f6f6; background: #f6f6f6;height: 50px; border-radius:6px; padding: 5px 10px;
}
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input {-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .0); -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .0);box-shadow: inset 0 0px 0px rgba(0, 0, 0, .0);}
#bo_w .bo_w_flie .frm_file { margin-top: 6px;}

.bo_w_flie input[type=text]:focus, .bo_w_flie input[type=password]:focus, .bo_w_flie textarea:focus, .bo_w_flie select:focus, .bo_w_select select:focus, #autosave_wrapper input:focus {
    -webkit-box-shadow: 0 0 5px #c7c7c7;
    -moz-box-shadow: 0 0 5px #9ed4ff;
    box-shadow: 0 0 5px #c7c7c7;
    border: 1px solid #c7c7c7 !important;
}
#bo_w .bo_w_flie .lb_icon, #bo_w .bo_w_link label { line-height: 48px; }
#wr_link1_container, #wr_link2_container { margin: 10px 0! important;  }  
/* 폼 테이블 배경수정 */

/* 게시판 쓰기 공통*/
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
#autosave_pop:before {content:"";position:absolute;top:-8px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #000 transparent}
#autosave_pop:after {content:"";position:absolute;top:-7px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important}
#autosave_pop button {margin:0;padding:0;border:0}
#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;font-size:12px;font-style:italic;color:#999}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover {background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del {background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px}


/*좋아요 / 공유 버튼*/
.gallery_op_btn{
    display: flex;
    position: absolute;
    top: 10px;
    right: 7px;
    z-index: 2;
    background: transparent;
}
.gallery_op_btn button{ 
    border-radius: 50%;
    cursor: pointer;
    transition: transform 0.25s cubic-bezier(0.2, 0, 0, 1);
    height: 36px;
    width: 36px;
    font-size: 14px;
    color: #fff;
    background: transparent;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); border: 0px solid rgba(0, 0, 0, 0.08) !important;
}

.gallery_op_btn button:hover { 
    background-color: rgb(255 255 255); color: #000;
}  

/* 별점*/
input[name="star[]"]{width:500px;}
datalist{
    display: grid;
    grid-template-columns: repeat(10, 54px);
    width:500px;
}

/* 댓글별점 */
.star-list { color: #feb705; } 
.star-list .fa-star-o::before { font-weight: 500; } 
.star_icon_div  { line-height:40px; font-size:15px; margin-left:26px; }  
.bo_cnt .fa-star-o::before { font-weight: 500; } 
.star-list input { width:15px;height:15px;  }















/* list_admin.skin.php 시작 */

.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12, .col {
  position: relative;width: 100%; min-height: 1px;
}    
.col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }  

.col_1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; }
.col_2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }
.col_3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.col_4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
.col_5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; }
.col_6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.col_7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }
.col_8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }
.col_9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.col_10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }
.col_11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }
.col_12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

.col_wide { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;clear:both;} 


@media (max-width: 992px) {
    .col_1 { flex: 0 0 auto; width: 100% }
    .col_2 { flex: 0 0 auto; width: 50% }
    .col_3 { flex: 0 0 auto; width: 33.33333333% }
    .col_4 { flex: 0 0 auto; width: 25% }
    .col_5 { flex: 0 0 auto; width: 20% }
    .col_6 { flex: 0 0 auto; width: 16.66666667% }
	.col_7 { flex: 0 0 auto; width: 58.33333%; }
	.col_8 { flex: 0 0 auto; width: 66.66667%; }
	.col_9 { flex: 0 0 auto; width: 75%; }
	.col_10 { flex: 0 0 auto; width: 83.33333%; }
	.col_11 { flex: 0 0 auto; width: 91.66667%; }
	.col_12 { flex: 0 0 auto; width: 100%; }
}

@media (max-width: 786px) {
    .col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12, .col {
    	position: relative;width: 100%; max-width: 100%;
	}   
}


.align_left, .t_left{ text-align: left; text-align: -webkit-left; } 
.align_center, .t_center { text-align: center; text-align: -webkit-center;}  
.align_right, .t_right { text-align: right; text-align: -webkit-right; } 


.m_0_auto { margin: 0 auto; text-align: -webkit-center; }

.p_l_10 { padding-left: 10px; }
.p_l_20 { padding-left: 20px; }
.p_l_30 { padding-left: 30px; }
.p_l_40 { padding-left: 40px; }
.p_l_50 { padding-left: 50px; }

.p_r_10 { padding-right: 10px; }
.p_r_20 { padding-right: 20px; }
.p_r_30 { padding-right: 30px; }
.p_r_40 { padding-right: 40px; }
.p_r_50 { padding-right: 50px; }

.p_t_10 { padding-top: 10px; }
.p_t_20 { padding-top: 20px; }
.p_t_30 { padding-top: 30px; }
.p_t_40 { padding-top: 40px; }
.p_t_50 { padding-top: 50px; }

.p_b_10 { padding-bottom: 10px; }
.p_b_20 { padding-bottom: 20px; }
.p_b_30 { padding-bottom: 30px; }
.p_b_40 { padding-bottom: 40px; }
.p_b_50 { padding-bottom: 50px; }

.m_l_10 { margin-left: 10px; }
.m_l_20 { margin-left: 20px; }
.m_l_30 { margin-left: 30px; }
.m_l_40 { margin-left: 40px; }
.m_l_50 { margin-left: 50px; }

.m_r_10 { margin-right: 10px; }
.m_r_20 { margin-right: 20px; }
.m_r_30 { margin-right: 30px; }
.m_r_40 { margin-right: 40px; }
.m_r_50 { margin-right: 50px; }

.m_t_10 { margin-top: 10px; }
.m_t_20 { margin-top: 20px; }
.m_t_30 { margin-top: 30px; }
.m_t_40 { margin-top: 40px; }
.m_t_50 { margin-top: 50px; }

.m_b_10 { margin-bottom: 10px; }
.m_b_20 { margin-bottom: 20px; }
.m_b_30 { margin-bottom: 30px; }
.m_b_40 { margin-bottom: 40px; }
.m_b_50 { margin-bottom: 50px; }


@media (min-width: 786px) {
  .pc_p_l_10 { padding-left: 10px; }
  .pc_p_l_20 { padding-left: 20px; }
  .pc_p_l_30 { padding-left: 30px; }
  .pc_p_l_40 { padding-left: 40px; }
  .pc_p_l_50 { padding-left: 50px; }

  .pc_p_r_10 { padding-right: 10px; }
  .pc_p_r_20 { padding-right: 20px; }
  .pc_p_r_30 { padding-right: 30px; }
  .pc_p_r_40 { padding-right: 40px; }
  .pc_p_r_50 { padding-right: 50px; }  
  
  .pc_m_l_10 { margin-left: 10px; }
  .pc_m_l_20 { margin-left: 20px; }
  .pc_m_l_30 { margin-left: 30px; }
  .pc_m_l_40 { margin-left: 40px; }
  .pc_m_l_50 { margin-left: 50px; }

  .pc_m_r_10 { margin-right: 10px; }
  .pc_m_r_20 { margin-right: 20px; }
  .pc_m_r_30 { margin-right: 30px; }
  .pc_m_r_40 { margin-right: 40px; }
  .pc_m_r_50 { margin-right: 50px; } 

  .pc_p_t_10 { padding-top: 10px; }
  .pc_p_t_20 { padding-top: 20px; }
  .pc_p_t_30 { padding-top: 30px; }
  .pc_p_t_40 { padding-top: 40px; }
  .pc_p_t_50 { padding-top: 50px; }

  .pc_p_b_10 { padding-bottom: 10px; }
  .pc_p_b_20 { padding-bottom: 20px; }
  .pc_p_b_30 { padding-bottom: 30px; }
  .pc_p_b_40 { padding-bottom: 40px; }
  .pc_p_b_50 { padding-bottom: 50px; }  
  
  .pc_m_t_10 { margin-top: 10px; }
  .pc_m_t_20 { margin-top: 20px; }
  .pc_m_t_30 { margin-top: 30px; }
  .pc_m_t_40 { margin-top: 40px; }
  .pc_m_t_50 { margin-top: 50px; }

  .pc_m_b_10 { margin-bottom: 10px; }
  .pc_m_b_20 { margin-bottom: 20px; }
  .pc_m_b_30 { margin-bottom: 30px; }
  .pc_m_b_40 { margin-bottom: 40px; }
  .pc_m_b_50 { margin-bottom: 50px; }   
}  





/*더보기버튼*/
.more_btn { display: block; text-align: center; margin: 20px auto; background: transparent; line-height: 30px; width: 100px; border-radius: 3em; border: 1px #666 solid; text-decoration: none;}

/*list 에디터 표 양식불러오기*/
.basic_box_cont > .table { padding: 0; margin: 0; }
.basic_box_cont > .table > table { width: 100%; border-collapse: collapse;}
.basic_box_cont > .table > table > tbody { text-align: left;}
.basic_box_cont > .table > table > tbody > tr > td { background: none; border: 1px solid #ccc; padding: 10px;} 
.basic_box_cont > .table > table > tbody > tr > td strong{ white-space: nowrap;}
.basic_box_cont > .table > table > tbody > tr:first-child > td {background:#999;color: #fff;line-height: 40px;text-align: center;}

.basic_box_cont > h2, .ck-editor__main h2 {font-size: 25px; line-height: 2.5;} 
.basic_box_cont > h3, .ck-editor__main h3 {font-size: 23px; line-height: 2; font-weight: 500;}  
.basic_box_cont > h4, .ck-editor__main h4 {font-size: 20px; line-height: 2; font-weight: 500;}  

.basic_box_cont > p {line-height: 1.5;word-break: auto-phrase;margin: 2px 0; word-break: keep-all; white-space: normal;}
.basic_box_cont > .table > table > tbody > tr > td > p {
    line-height: initial; /* 또는 원하는 다른 초기값으로 설정 */
}


 
 .basic_box_cont b {     font-weight: 700;   }
 
/* 모바일 장치에서만 적용되는 스타일 */
@media only screen and (max-width: 786px) {
    .basic_box_cont > .table { overflow-x: scroll;padding: 0; margin: 0; }
	.basic_box_cont > figure { padding: 0; margin: 0; }
	.basic_box_cont > .table > table > tbody > tr > td { white-space: nowrap; word-break: keep-all; }  
}

/* 에디터 설정 */
figure {
    margin: 0;
    padding: 0;

}

/*view 에디터 표 양식불러오기*/
#bo_v_con > table{ width: 100%; border-collapse: collapse;}
#bo_v_con > table tbody > tr > td { background: none; border: 1px solid #ccc;padding: 10px;}
#bo_v_con > table tbody > tr:first-child > td {background:#999;color: #fff;line-height: 40px;text-align: center;}
#bo_v_con > table tbody > tr > td { padding: 10px; text-align: left; }
#bo_v_con > figure { margin: 0; padding: 0;  }
/* 모바일 화면에 적용되는 스타일 */
@media only screen and (max-width: 986px) { 
    #bo_v_con {   } 
	#bo_v_con figure.table, #bo_v_con table {  overflow-x: scroll;}
    #bo_v_con > table { overflow-x: scroll; padding: 0; margin: 0; }
	#bo_v_con > figure { padding: 0; margin: 0; }
	#bo_v_con > table > tbody > tr > td { word-break: keep-all; }  	 
}





		
/*중간 라인*/
.line_hr { margin-top: 100px; padding-top: 100px; border-top: 1px solid #eee; }
.line_hr:first-child { margin-top: 0px; padding-top: 0px; border-top: 0px solid #eee; }
@media (max-width: 786px) {
    .line_hr { border-top: 10px solid #eee; margin-left: -20px; margin-right: -12px; display: block;}
}


/* 상단타이틀1 */
.title_wrap { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;margin-bottom: 70px;border-bottom: 3px solid #203c92;} 
@media (max-width: 786px) { .title_wrap { margin-bottom: 30px; }   }
.title_area { display: block; max-width: 85%; margin: 0 auto 50px; text-align: center;}
.title_area .title_text { word-break: break-all;}
.title_area h2 { font-weight: bold;font-size: 2rem; }
.title_area h2 a{ color: var(--color-main); }
.title_area .separator {  margin: 0 auto 20px; max-width: 240px; text-align:center;position: relative;}
.title_area .separator:before { float: left;}
.title_area .separator:before,    
.title_area .separator:after {display: block;width: 40%;content: " "; margin-top: 10px;border: 1px solid #ddd;}
.title_area .separator:after { float: right;}
.title_area .description {word-break: break-all; }

/* 상단타이틀2 */
.wr_main_tit {
    margin-bottom: 100px; 
}
.wr_main_tit .center_line {
    display: inline-block;
    font-size: var(--font_user);
    text-transform: uppercase;
	color:#aaa;
}
.wr_main_tit.t_center .center_line:after {
    display: block;
    content: "";
    width: 1px;
    height: 20px;
    margin: 10px auto 0;
    background-color: #d1d1d1;
}
.wr_main_tit strong { line-height: 2; color: var(--color-main);}
.wr_main_tit p { font-size: var(--font_subject); font-weight: 200;}


.bo_list_view {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 100px 0 80px;
}

.bo_list_view:first-child {
    padding: 0 0 80px !important;
}

.bo_list_view:last-child {
    padding: 100px 0 0;
}

.bo_list_view.even { background: #f1f1f1; clear:both;} 
.bo_list_view_inner { margin: 0 auto;  }
.basic_about { }
.basic_wrapper { position: relative; display: flex; flex-wrap: wrap; margin-bottom: 0px; box-sizing: border-box;}
.basic_box {   }
.imageUrl { height: 100%; width: 100%;}	
.basic_item {  width: 100%; font-size: 28px; font-weight: 600;}
.basic_item img { object-fit: cover; width: 100%; height: 100%; border-radius: 10px; }
.basic_item_tit { color:var(--color-main);  }
.basic_box_cont7 { display: grid;  }
.basic_box_cont img, .basic_box_cont figure img { object-fit: cover; width: 100%; height: 100%;  }
.img_responsive { object-fit: cover; width: 100%; max-width: 900px; height: 100%; border-radius: 10px; margin:0 auto }
.basic_admin_edit { text-decoration: none;vertical-align: middle; position: relative;top: 10px; z-index: 1; }
.basic_admin_edit a{ background: #000; color: #fff; border: 0; border-radius: 20px; padding: 4px 12px; font-size: 14px;vertical-align: middle;}	
.basic_admin_edit a:hover { background: var(--color-main); }

@media (min-width: 992px) {

}
@media (min-width: 786px) {
    .basic_item { text-align: right; }
}

/* 다운로드 버튼*/
.down_load { margin: 30px 0 50px; border-top: 1px solid #ccc; padding-top: 30px;}
.down_btn {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: center;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.01em;
    color: #fff;
    background: transparent;
    margin-right: 10px;
    border: 3px solid #fff;
    transition: color .3s, background .3s, border .3s;
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.down_btn:last-child {  margin-right: 0;}.down_btn.btn_line.btn_002 { color: var(--color-main); border-color: var(--color-main);}
.down_btn.btn_fill.btn_002 { color: #fff; background: var(--color-main); border-color: var(--color-main);}
.down_btn.btn_line.btn_002:hover,
.down_btn.btn_fill.btn_002:hover { color: #fff; background: var(--color-main); border-color: var(--color-main);}
.down_btn.btn_box { min-width: 150px; padding: 15px 30px; font-size: 14px; border-width: 2px; border-radius: 24px; text-align: center; line-height: 1; letter-spacing: -0.01px;}



/* wr_link1 유튜브 불러오기*/ 
.art_video { width: 100%; box-sizing: border-box; padding: 0;}  
.art_video_item { position: relative; width: 100%; padding-top: 56.25%;}
.art_video_item iframe { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background: #fff url(img/spin.gif) no-repeat center center;
    background-size: 32px 32px;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.art_video_bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 20px; overflow: hidden; cursor: pointer; z-index: 1;}
.art_video_bg .art_video_bg_img { display: block; width: 100%; height: 100%; background: no-repeat center center; background-size: cover;}
.art_video_overlay {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(25, 25, 25, .03);
    -webkit-transition: background .4s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: background .4s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.video_play_icon { position: absolute; bottom: 35px; right: 40px; background: #FFE100; border-radius: 50%; width: 60px; height: 60px; padding: 18px 22px;}








/* bsd_about_info 프로필 */	
.bsd_about_info{background:#e1e1e1;margin-bottom:0px;padding:40px 0 70px;width: 100%;}
.bsd_about_info > .bsd_about_inner{max-width:1024px; margin:auto; padding:0 14px;}
.bsd_about_info dl{margin-bottom:10px; padding:15px 40px; background:#fff; line-height:1;}
.bsd_about_info dl:after{content:""; display:block; clear:both;}
.bsd_about_info dl dt{float:left; width:200px; padding:10px 0; text-align:center; font-weight:600;}
.bsd_about_info dl dd{margin-left:200px; padding:10px 0; line-height: 1.5;}

.bsd_about_info .title{padding:2rem; text-align:center;color: #fff;}
.bsd_about_info .title h2{padding-bottom:4px; letter-spacing:0.02em; text-transform:capitalize; font-weight:400;}
.bsd_about_info .title h2 span{text-transform:uppercase;}

@media screen and (max-width:1024px) {	
	.bsd_about_info > .bsd_about_inner{padding:0 24px;}
}
@media screen and (max-width:767px) {
	.bsd_about_info > .bsd_about_inner{padding:0 20px;}
	.bsd_about_info dl{padding:10px 15px;}
	.bsd_about_info dl dt, 
	.bsd_about_info dl dd{float:none; width:100%; margin-left:0; padding:5px 0; text-align:left;}
}
@media screen and (max-width:480px) {	
	/* sub section common */
	.bsd_about_info .title{padding:0 1rem 3rem;}	
	.bsd_about_info .title h3{letter-spacing:0; font-size:28px;}
	.bsd_about_info .title p{display:inline;}
}



/* ****************************************************************************************** *
 * CONTACT US    office_map Section
 * ****************************************************************************************** */
.content_box .address_info { margin-top: -5px; padding: 1.5rem 2rem; background: #eee; font-size: 0;}
.content_box .address_info dl { width: 50%; font-size: 15px;}
.content_box .address_info dl, .content_box .address_info dl dt, .content_box .address_info dl dd {display: inline-block; vertical-align: middle; line-height: 1;}
.content_box .address_info dl dt { font-weight: 600;padding: .75rem 1.5rem;border: 1px solid #646873; border-radius: 2rem;}

@media screen and (max-width:767px) {
	.content_box .address_info{padding:1.5rem;}
	.content_box .address_info dl{width:100%;}
	.content_box .address_info dl:nth-child(1){padding-bottom:.5rem;}
	.content_box .address_info dl dt{margin-bottom:0; padding:0; border:0; font-size:14px;}
	.content_box .address_info dl dd{font-size:14px;}

	.content_box .contact_info dl{width:100%;}
	.content_box .contact_info dl dt{width:60px; height:60px; font-size:16px;}
	.content_box .contact_info dl dd{width:calc(100% - 60px); padding-left:.5rem;}
	.content_box .contact_info dl dd p{display:inline; font-size:13px;}
	.content_box .contact_info dl dd p:nth-of-type(1){padding-right:8px;}
	.content_box .contact_info dl dt i {font-size:18px;}
}

#office_map {  padding:0;}
#office_map .office_map_info {  margin-bottom: 20px;  text-align: center;    display: -ms-flexbox; display: flex; flex-wrap: wrap;border-bottom: 1px solid #ccc;}
#office_map .office_map_info i { font-size: 30px; display: inline-block;  margin-bottom: 10px;  color: var(--color-main);}
#office_map .office_map_info address, #office_map .office_map_info p {  margin-bottom: 0;  color: #000;}
#office_map .office_map_info h3 {  font-size: 18px;  margin-bottom: 15px;  font-weight: bold;  text-transform: uppercase;  color: #999;}
#office_map .office_map_info a {  color: #000;}
#office_map .office_map_info a:hover {  color: #50d8af;}
#office_map .office_map_info .col_4 { padding: 20px 0;  }
#office_map .office_map_address, #office_map .office_map_phone, #office_map .office_map_email {  margin-bottom: 0px;}
@media (min-width: 768px) { #office_map .office_map_address, #office_map .office_map_phone, #office_map .office_map_email { padding: 20px 0; }  }
@media (min-width: 768px) { #office_map .office_map_phone { border-left: 1px solid #ddd; border-right: 1px solid #ddd;  }  }
@media (max-width: 768px){  #office_map .office_map_address, #office_map .office_map_phone, #office_map .office_map_email { border-bottom: 1px solid #ddd; padding: 0px 20px 40px 20px; }   }







/*왼쪽 사이드 토클메뉴*/
.nav_icon { position: fixed; z-index: 3; top: 100px; left:0px;}
.nav_icon {display: block;overflow: hidden; background-color: #000000bf; color: #fff;transition: all 0.5s ease;border-radius: 0 15px 15px 0; padding: 10px;box-sizing: border-box;}
.nav_icon ul {list-style: none; margin: 0; padding: 0;}
.nav_icon a, .nav_icon > label { display: block; height: 40px; padding: 8px;cursor: pointer;color: #fff;text-decoration: none;}
.nav_icon a:hover { color: #000;}
.nav_icon ul li:hover, .nav_icon > label:hover { background-color: #ffffff8c; color: #000; border-radius: 10px; }
.nav_icon .item { position: absolute;left: 50px;line-height: 1.3; font-size: 1em;padding: 0 0 0 10px;}
#expand_item {display: none;}
#expand_item:checked ~ ul { display: block; height: auto; }
.nav_icon #expand_item:not(:checked) ~ ul { display: none; }
.nav_icon ::before { font-size: 1.5em; float: left; clear: left;}
	
@media screen and (min-width:1023px) {
    .nav_icon ul li { padding-right: 130px; }	
}		
@media screen and (max-width:1023px) {
    .nav_icon { width: 60px; }
}
@media screen and (max-width:789px) {
    .nav_icon .item { display: none;}
	.nav_icon ul li:hover .item { color: #fff; display: block; position: fixed; left:50px;line-height: 1.5; font-size: 1em;  padding: 0 0 0 20px; display: block;}
}


.nav_icon > ul > li > a > #hd_7 > .adm_btn > i {  display: none;  }
.item9 {  }
.item9:hover { background-color: #ffffff8c; color: #000; border-radius: 10px;}
.nav_icon > ul > #hd_7 > .adm_btn { line-height: 2.2; }
.nav_icon > ul > #hd_7 > .adm_btn:hover { color: #000! important; }
.nav_icon > ul > #hd_7 > .adm_btn > i { padding: 0 3px; }
.nav_icon > ul > #hd_7 > .adm_btn > i::before { padding: 10px;}
.nav_icon i {  position: relative;}

@media screen and (min-width:789px) { .item9:hover { height: 40px; } }
@media screen and (max-width:789px) {
    .nav_icon label .item5 { display: block; left: 0; }
	.item9 { padding-left: 3px;}
    .nav_icon > label:hover .item { display: block; color: #fff; position: fixed; left: 50px; line-height: 1.5; font-size: 1em; padding: 0 0 0 20px;}	
	.nav_icon > ul > #hd_7 > .adm_btn > i { display: none;  }
}


/*우측 사이드메뉴 모달 시작*/
/*하단우측 사이드 메뉴*/  
#side_menu7 {height:100%;position:fixed;top:0;right:0;z-index:3; padding-left:0px; top: 50%;transform: translate(0%, -50%);}

#quick {position:absolute;top:50%;left:0;width:50px;margin-top:-157.5px;border-radius: 15px 0 0 15px;background: #fff;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
#quick li {position:relative;border-bottom: 1px solid #e8e8e8;}
#quick li:last-child { border-bottom: none;}
#quick li button {width:50px;height:50px;border:0;font-size:var(--font-basic);background:none;color:#495057}
#quick .qk_tit {display:none;position:absolute;top:12px;right:60px;white-space:pre;padding:0 10px;line-height:25px;background:#000;color:#fff;font-size:var(--font-micro);border-radius:5px}
#quick .qk_tit:after {content:"";position:absolute;top:7px;right:-7px;display:inline-block;width:0;height:0;border-style:solid;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000;color:transparent}
#quick li:hover .qk_tit {display:block}


/*사이드 추가 메뉴*/ 
.side_menu_wrap7 { z-index: 2; position: absolute; display: flex; right: 0; height: 100vh; flex-wrap: wrap; justify-content: flex-end; align-items: center; padding: 0;margin: 0;}
.side__menu { position: fixed;}
.side_menu_item { width: 100px; list-style: none;}
.side_menu_link {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  margin: 6px 0;
  padding: 10px;
  font-size: 14px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  text-decoration: none;
  border-radius: 50px 0 0 50px;
  background: #fff;
  transform: translateX(65px);
  transition: 0.5s;
}
.side_menu_link:hover { transform: translateX(0px); transition: 0.5s;}
.side_menu_text { width: 100%;font-size: 12px;}
.side_menu_icon { padding-left: 5px; padding-right: 5px;}

#quick7 .qk_tit {display:none;position:absolute;top:12px;right:110px;white-space:pre;padding:0 10px;line-height:25px;background:#000;color:#fff;font-size:var(--font-micro);border-radius:5px}
#quick7 .qk_tit:after {content:"";position:absolute;top:7px;right:-7px;display:inline-block;width:0;height:0;border-style:solid;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000;color:transparent}
#quick7 li:hover .qk_tit {display:block}
#tabs_con {height:100%;text-align:left; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;   }

.side_mn_wr1 {display:none; width:100%; overflow-y:hidden;height:100%}
.side_mn_wr2 {display:none; width:100%; overflow-y:hidden;height:100%}
.side_mn_wr3 {display:none; width:100%; overflow-y:hidden;height:100%}
.side_mn_wr4 {display:none; width:100%; overflow-y:auto;height:100%}
.side_mn_wr5 {display:none; width:100%; overflow-y:auto;height:100%}
.side_mn_wr3::-webkit-scrollbar, .side_mn_wr4::-webkit-scrollbar { width: 0px; }
.btn_sm_on i {color:#3a8afd}
.qk_con { width: 350px;} 
.qk_con {display:none;position:relative;height:100%;background:#fff;border-left:1px solid #f0f0f0}
.qk_con h2.s_h2 { border-bottom:1px solid #e5e7ea; background: var(--color-main);margin-bottom: 10px;padding: 15px;text-align: left; position: relative;color: #fff;line-height: 2;height: 65px;}
.qk_con h2.s_h2 span {display:inline-block;min-width:20px;padding:0px 4px;border-radius:30px;text-align:center;background:#eff5ff;color:var(--color-main);font-size:var(--font-micro);font-weight:normal;vertical-align:text-bottom}


.qk_con_wr {padding:0;height:100%;/*overflow-y:auto*/}
.qk_con_wr .btn_side_shop {position:relative;width:100%;height:30px;background:none;border:0;text-align:left;font-weight:bold}
.qk_con_wr .btn_side_shop span {position:absolute;top:20px;right:0;padding:0 5px;line-height:20px;border-radius:10px;color:#fff;background:#ed1c24}
.qk_con_wr .con_close {position:fixed;top:0;right:0px;width:40px;height:55px;border:0;background:none;font-size:20px;color:#dedede;border-radius: 0px;} 
.qk_con_wr .con_close:hover {color:rgba(0,0,0,0.8)}
.qk_con_wr .side_tnb {padding:25px}
.qk_con_wr .side_tnb li a {display:block;line-height:28px;color:var(--color-subtit);padding:5px 0}
.qk_con_wr .side_tnb li:hover a {color:#3a8afd} 
.qk_con_wr .s_h2 { border-bottom: 1px solid #e5e7ea; background: var(--color-main); margin-bottom: 10px; padding: 15px; text-align: left; position: relative; color: #fff; line-height: 2; height: 65px;}

/*게시판 너비 지정*/
.width_set:after {  display: none; visibility: hidden; clear: both; content: "";} 
@media screen and (min-width: 1024px) {
	.width_set { width: calc(100% - 40px);}
}	
@media screen and (max-width: 1023px) {
	.width_set { width: calc(100% - 40px); } 
}	
@media screen and (max-width: 991px) {
	.width_set { width: calc(100% - 40px); }
}	
@media screen and (max-width: 786px) {
	.width_set { width: calc(100% - 40px); } 
}
 
 
/* youtub 16:9 비율을 유지하기 위한 값 */
.youtube-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 비율을 유지하기 위한 값 */
}
.youtube-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* 스마트 edit 값 */
.se2_inputarea { font-size: 16px;  }
body, .se2_inputarea img{ width: 100%  }



.color_main { color:var(--color-main);  }

/*product 소개 bo_1 입력시 wr_1 업데이트*/
.product_wrap { }
.product_box { display: flex; justify-content: space-between; margin-bottom: 5px;}
.product_item { flex: 1;  padding: 0px 10px;  line-height: 22px; height: 22px;overflow: hidden; } 
.product_item:first-child { max-width: 70px; border-radius: 30px; background-color: #f4f4f4; text-align: center;} 
.product_item:last-child { flex: 1;}

.sell_title  { display: flex; justify-content: space-between; width: 100%; height: 26px; line-height: 26px;}
.sell_title_left { flex: 1;}
.sell_title_right { width: 40%; margin-left: auto;text-align: right;}   
.btn_bg_none { border: none; background: transparent; }
.sell_title_right .btn_bg_none:hover { color:var(--color-main);}

.write_flexs { display: flex;align-items: center;padding: 2px 0;}
.write_flexs_1 { width: 100px;text-align: center;}
.write_flexs_2 { flex: 1;}

/*가격문의*/
.it_tel_item { width: 70%;}
@media screen and (max-width: 786px) { .it_tel_item { width: 30%;} }
.it_tel_item input[type="checkbox"] { margin-right: 10px;}
.bo_array_float_left { float: left; padding: 20px 10px;line-height: 1;}
.bo_array_no_float { float: none; padding: 20px 10px;line-height: 1;}
.bo_array_float_left input, .bo_array_no_float input[type="checkbox"] { margin-right: 5px;}
.it_tel_icon { padding: 5px 8px; border-radius: 5px; white-space: nowrap; background: #f4f4f4; font-size: 12px; position: relative;}
/*상품유형 히트추천최신 */
.sit_icon_li7 .shop_icon { padding: 2px 4px; border-radius:4px;margin-right: 2px; font-size:10px;color:#fff} 
.shop_icon_1 {background:#3ec1d3}
.shop_icon_2 {background:#ffb722}
.shop_icon_3 {background:#2dd49f}
.shop_icon_4 {background:#556ee6}
.shop_icon_5 {background:#ff5081}

.gall_hit, .gall_good{ white-space: nowrap; } 

.sell_title_event{ display:flex; letter-spacing: -1px; align-items: center; word-break: keep-all;}   
.sell_title_event .sell_title_event_item{ margin-left:10px;font-size: 14px;color: #fff;font-weight: 500; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);} 
.sell_title_event .expect { border: 1px solid #019ef5; color: #019ef5;padding: 4px 8px;border-radius: 4px;}
.sell_title_event .ing { border: 1px solid #ff0000; color: #ff0000;padding: 4px 8px;background: #ffffff8a;border-radius: 4px;}
.sell_title_event .on {  border: 1px solid #0cf; color: #0cf;padding: 4px 8px;background: #ffffff8a;border-radius: 4px;}
.sell_title_event .off { border: 1px solid #ccc; color: #333;padding: 4px 8px;background: #fafafa;border-radius: 4px;}


/*데이터가 없을경우 게시물이 없습니다.*/
.gallery_more:has(.empty_list) { grid-template-columns: repeat(1, 1fr);}
.masonry_grid:has(.empty_list) { column-count: 1;}

/* 무료이미지 링크 토클  */ 
.bsd_toggle { margin: 20px 0 20px 0;width:100%;} 
.toggle_tit {
    background-color: #777;cursor: pointer;display: block;padding: 0 20px;text-decoration: none;height: 52px;border-radius: 2px;
	-webkit-transition: all 0.2s;-moz-transition: all 0.2s;	-ms-transition: all 0.2s;-o-transition: all 0.2s; transition:all 0.2s;line-height: 52px;position: relative;
}
.toggle_tit.toggle_opened {border-radius: 3px 3px 0 0;border-bottom: 1px solid rgba(255,255,255,0.12);border: 0 none;}
.toggle_box { padding: 15px 20px;display: none;line-height: 20px;background-color: #fff; border-radius: 0px;border: 1px solid #ccc;	}
.toggle_urls { display: grid; grid-template-columns: repeat(4, 1fr);  }
.toggle_urls a { border: 1px solid #ccc; padding: 4px 12px; border-radius: 20px;line-height: 2.4;}
@media screen and (max-width: 786px) {
	.toggle_urls { display: grid; grid-template-columns: repeat(2, 1fr);  } 
}


/*개인정보 동의 모달*/ 
.modal_info { display: none; position: fixed; z-index: 3; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4);}
.modal_info_box { background-color: #fefefe; margin: 15% auto; padding: 30px; border: 1px solid #888; width: 100%; max-width: 750px;border-radius: 10px;}
.modal_close { color: #aaa; float: right; font-size: 28px; font-weight: bold; cursor: pointer; margin-top: -5px; margin-right: 5px; }
.modal_close:hover,
.modal_close:focus {color: black;text-decoration: none; cursor: pointer;}
.modal_info_box .subject { width: 100%;text-align: left;border-bottom: 2px solid #000;font-size: 24px; letter-spacing: -1px;color: #222;font-weight: 600;padding: 15px 0px;padding-top: 0;}
.modal_info_box .content { position: relative; width: 100%; font-size: 14px;letter-spacing: -0.4px;}
.modal_info_box .content .content_info { border: none;resize: none;overflow-y: scroll;overflow-x: hidden;width: 100%;height: auto;padding: 15px;background: #f9f9f9;height: 400px;clear: both;}
.chk_span a { background-color: #0d0c22; color: var(--colo_f); font-weight: 700; line-height: 16px; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex-align: center; align-items: center; padding: 0px 4px; border-radius: 4px; font-size: 12px; text-transform: uppercase; background: #aeacac;}



/*CODICLE 라이센스*/
.license { padding: 10px; }
.license .license_tit { border-bottom: 1px solid #333; padding-bottom: 10px;}
.license .section_tit { font-weight: 500; margin-top: 10px;  margin-bottom: 5px; }
.license ul { padding-left: 10px; }
.license li { margin-bottom: 5px; }

/*리스트 구매버튼*/
.shop_cart_form { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.shop_cart_item { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); padding: 10px; z-index: 1; }
.gallery_box:hover .shop_cart_item {  display: block; }
.shop_cart_btn {
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: block;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    background: var(--color-main);
    box-sizing: border-box;
    transition: all 0.2s ease-out;
    border: 0px solid transparent;
    text-decoration: none !important;
}
.shop_cart_btn:hover { background: #fff; font-weight: 700; color: #333 !important;}

/*location 구매버튼*/
.item_box_img:hover .shop_cart_item {  display: block; }






/* ****************************************************************************************** *
 * landing 스타일 시작
 * ****************************************************************************************** */

:root {
    --ff_bk: 'ff_bk', sans-serif;
    --ff_b: 'ff_b', sans-serif;
    --ff_r: 'ff_r', sans-serif;

    /* 기본 폰트 크기 설정 (소형 화면 기준) */
    --fs_50: 2.2rem;    /* H1 */
    --fs_40: 1.75rem;   /* H2 */
    --fs_30: 1.5rem;    /* H3 */
    --fs_25: 1.25rem;   /* H4 */
    --fs_20: 1rem;      /* H5 */
    --fs_18: 0.875rem;  /* H6 */
    --fs_p: 16px;       /* Paragraph */  
    --fs_small: 0.75rem; /* Small */ 
}

/* 중간 크기의 화면에 대한 폰트 크기 조정 */
@media (min-width: 768px) {
    :root {
        --fs_50: 3.5rem;    /* H1 */
        --fs_40: 2.5rem;    /* H2 */
        --fs_30: 2rem;      /* H3 */
        --fs_25: 1.75rem;   /* H4 */
        --fs_20: 1.5rem;    /* H5 */
        --fs_18: 1.25rem;   /* H6 */
    }
}

/* 대형 화면에 대한 폰트 크기 조정 */
@media (min-width: 1024px) {
    :root {
        --fs_50: 4rem;      /* H1 */
        --fs_40: 2.75rem;   /* H2 */
        --fs_30: 2.25rem;   /* H3 */
        --fs_25: 2rem;      /* H4 */
        --fs_20: 1.75rem;   /* H5 */
        --fs_18: 1.5rem;    /* H6 */
    }
} 
.ff_bk { font-family: var(--ff_bk) !important; }
.ff_b { font-family: var(--ff_b) !important; }
.ff_r { font-family: var(--ff_r) !important; }

.editable-content h1, .edi_content h1, .pell-content h1 { font-size: var(--fs_50); word-break: break-word; }
.editable-content h2, .edi_content h2, .pell-content h2 { font-size: var(--fs_40); word-break: break-word; }
.editable-content h3, .edi_content h3, .pell-content h3 { font-size: var(--fs_30); word-break: break-word; }
.editable-content h4, .edi_content h4, .pell-content h4 { font-size: var(--fs_25); word-break: break-word; }
.editable-content h5, .edi_content h5, .pell-content h5 { font-size: var(--fs_20); word-break: break-word; }
.editable-content h6, .edi_content h6, .pell-content h6 { font-size: var(--fs_small); word-break: break-word; } 
.editable-content p, .edi_content p, .pell-content p { font-size: var(--fs_p); word-break: break-word; }

.edit_modal { display: none; position: fixed; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0,0,0,0.4);}
.modal-content { background-color: #fefefe; margin: 15% auto; padding: 20px; border: 1px solid #888; width: 80%;}
.modal-title { padding:10px 0;  }
.editable-content { cursor: pointer;box-sizing: border-box;word-break: break-word;} 
.editable-content:hover { outline: 2px dashed red;}
#saveChanges { margin-top: 15px; color: #fff; background: var(--color-main); padding: 10px; min-width: 150px; border-radius: 3em; display: inline-block; border: none;text-decoration: none; text-align: center;}
#saveChanges:hover { color: #fff; background-color: #ccc;}
.modal-content .pell_right{ text-align: right; }
#closeModal {
    float: right;
    cursor: pointer;
    display: block;
    position: relative;
    right: 0;
    top: -15px;
    z-index: 100;
    font-weight: bold;
    margin: 0;
    height: 40px;
    width: 40px;
    border: 0;
	color: var(--color-main);     
    font-size: 1.8em;
    background: transparent;
}
#closeModal:hover { color: #bfb8b2;}

.wr_subject_edit .pell-content { height: 200px; }
.wr_2_edit .pell-content, .wr_3_edit .pell-content { height: 100px; }

.btn_img_name {
    width: 50%;
    word-break: keep-all;
    margin-top: 25px;
    letter-spacing: 0.6px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
}

.btn_img_name1 {
    margin-top: 25px;
    color: #888;
    letter-spacing: 0.6px;
    padding: 6px 18px;
    border-radius: 3em;
    display: inline-block;
    border: 1px #888 solid;
    text-decoration: none;
    text-align: center;
}
.btn_img_name1:hover {
    color: #fff ! important;
    border: 1px #888 solid ! important;
    background-color: #888 ! important;
}