@charset "utf-8";

/* #bo_list, #bo_w, #bo_v {position:relative;max-width:1200px;margin:0 auto;} */
#bo_list, #bo_w, #bo_v {position:relative;max-width:1200px;margin:60px auto;font-size:16px;}
#bo_list:after, #bo_w:after, #bo_v:after {display:block;visibility:hidden;clear:both;content:""}
#bo_list h2, #bo_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

/* 게시판 목록 공통 */
#bo_btn_top{margin:0 0 20px 0;}
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx {float:right;margin:20px 0 0 0;}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;margin:0 0 0 5px}

#bo_cate {height:50px;margin:0 0 40px 0;padding:0 6px;border-bottom:solid 1px #999;}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {text-align:center;}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;}
#bo_cate a {display:block;position:relative;height:50px;margin:0 0 0 -1px;padding:0 36px;color:#999;line-height:50px;background:#f6f6f6;border:solid 1px #ccc;border-bottom:solid 1px #999;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;}
#bo_cate #bo_cate_on {position:relative;color:#444;font-weight:bold;background:#fff;border:solid 1px #999;border-bottom:none;z-index:99;}

#bo_sch {position:relative;width:40%;margin:20px 0 0 0;}
#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#bo_sch .select {display:block;float:left;width:30%;margin:0 -1px 0 0}
#bo_sch .sch_input {width:70%;padding:0 50px 0 0;}
#bo_sch .sch_btn {position:absolute;right:0;top:0;width:40px;height:40px;overflow:hidden;line-height:999px;background:url(./img/icon_zoomer.png) no-repeat 50% 50% #444;border:none}

/* 페이징 */
.pg_wrap {clear:both;margin:30px 0 30px;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#f3f3f3;border:1px solid #bbbcc3}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#555;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px;}
.pg_page:hover{background-color:#ddd}
.pg_start {text-indent:-999px;overflow:hidden;background:url('/img/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('/img/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_end {text-indent:-999px;overflow:hidden;background:url('/img/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_next {text-indent:-999px;overflow:hidden;background:url('/img/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa}

.pg_current {display:inline-block;background:#171717;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px;
	-webkit-box-shadow: inset 1px 1px 2px #222542;
	-moz-box-shadow:  inset 1px 1px 2px #222542;
	box-shadow: inset 1px 1px 2px #222542;
}



#bo_w {width:50%; margin-top: 2%;}

.write_div {display:block;position:relative;padding:16px 10px 16px 12%; font-size:18px;}
.write_div label {display:block;position:absolute;left:10px;top:0;padding:16px 0;color:#222;font-weight:600;line-height:40px;}
/* .write_div .frm_input {width:100%;} */
.write_div .frm_input {width:100%;height:50px;line-height: 40px;text-indent:10px;border: solid 1px #ccc; border-radius: 8px; background-color: #f8f8f8 !important;}
.write_div input[type="text"] { color:#222; font-size:16px;}
.write_div .select {display:block;width:30%;}
.write_div .frm_file_cont {margin:5px 0 0 0;}
.write_div .size_s {}
.write_div textarea {padding:10px;line-height:22px;}
.write_div .file_del {display:block;margin:5px 0 0 0;color:#999}
.chk_div {display:block;position:relative;padding:16px 10px 16px 15%;line-height:40px;border-bottom:solid 1px #eee}
.chk_div .label {display:block;position:absolute;left:10px;top:0;padding:16px 0;color:#222;font-weight:700;line-height:40px;}
.catalog_intro {width:100%;max-width:1200px; margin:5% auto 0 auto; text-align: center;}
.catalog_intro strong {display:block;margin:0 0 2% 0;color:#222;font-size:35px;font-weight:600;line-height:30px;}
.catalog_intro p {color:#6f6f6f;font-size:20px;line-height:22px;}
.catalog_intro p b {color:#f63941;font-weight:700}

#list_wrap {border-top:solid 2px #444;}
#list_wrap table {width:100%;border-collapse:collapse;border-spacing:0;} 
#list_wrap caption {padding:0;font-size:0;line-height:0;overflow:hidden}
#list_wrap tr.tr_notice {background:#f6f6f6;}
#list_wrap th {padding:16px 10px;color:#222;font-weight:700;background:#f6f6f6;border-bottom:solid 1px #ccc;text-align: center;}
#list_wrap td {padding:16px 10px;font-weight:700;text-align:center;border-bottom:solid 1px #eee;}
#list_wrap td .category {display:block;margin:0 0 8px 0;color:#ff7700}
#list_wrap td .comment {font-family:'Open Sans', sans-serif;font-size:12px;color:#ff7700}
#list_wrap td.td_chk {width:40px;text-align:center;}
#list_wrap td.td_num {width:60px;text-align:center;}
#list_wrap td.td_subject {text-align:left;}
#list_wrap td.td_name {width:120px;text-align:center;}
#list_wrap td.td_date {width:140px;text-align:center;color:#999}
#list_wrap .profile_img img{border-radius:50%}
.td_subject_m {padding:0;line-height:normal;}
.td_subject_info {display:none;margin:6px 0 0 0;}
.td_subject_info ul {}
.td_subject_info ul:after {display:block;visibility:hidden;clear:both;content:""}
.td_subject_info ul li {display:block;float:left;margin:0 8px 0 0;padding:0 8px 0 0;color:#999;font-size:16px;line-height:22px;background:url(./img/var.gif) no-repeat right 50%}
.td_subject_info ul li:last-child {margin:0;padding:0;background:none;}

#bo_v_title {display:block;position:relative;padding:20px;color:#444;font-size:16px;font-weight:700;line-height:22px;background:#f6f6f6;border:solid 1px #ccc;}
#bo_v_title .category {display:block;margin:0 0 8px 0;color:#ff7700;font-size:16px;font-weight:normal}
#bo_v_title .date {display:block;position:absolute;right:20px;bottom:20px;color:#888;font-size:14px;font-weight:normal}

#bo_v_info {padding:16px 20px;}
#bo_v_info img{margin-bottom: 2%; width:6%;}
#bo_v_info p{font-size: 18px;}
#bo_v_info h2 {color: #222; font-size:30px; margin-bottom: 1%;}
#bo_v_info strong {color:#999;font-weight:normal}
#bo_v_info a.mail {color:#999;font-weight:normal}
#bo_v_info .view {float:right;}
#complete_btn{background:#00b5e9; width:10%; padding:0; height: 5rem; display: inline-block; line-height: 5rem; border-radius: 10px;}

#bo_v_file {margin:20px 20px 0 20px;}
#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {}
#bo_v_file li {position:relative;padding:0 0 6px 0;color:#999}
#bo_v_file a {display:block;margin:0 0 4px 0;color:#666;text-decoration:none;word-wrap:break-word}
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:underline}
#bo_v_file img {margin:0 4px 0 0;}

#bo_v_link {margin:20px 20px 0 20px;}
#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link ul {}
#bo_v_link li {position:relative;padding:0 0 6px 0;color:#999}
#bo_v_link a {display:block;margin:0 0 4px 0;color:#666;text-decoration:none;word-wrap:break-word}
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:underline}
#bo_v_link img {margin:0 4px 0 0;}

#bo_v_atc {height:200px;min-height:200px;height:auto !important;padding:40px;border-bottom:solid 1px #ddd;}
#bo_v_atc:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_atc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {width:100%;overflow:hidden;text-align:center;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 {max-width:100%;height:auto;margin:0 0 20px 0;}

#bo_v_con {width:100%;min-height:200px;overflow:hidden;line-height:22px;word-break:break-all;}
#bo_v_con a {color:#222;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#bo_v_sign {width:100%;line-height:22px;}

#bo_v_act {position:relative;float:left;margin:40px 0 0 0;}
#bo_v_act .bo_v_act_gng {position:relative;}
#bo_v_act a {margin:0 5px 0 0;}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:40px;left:0;width:165px;padding:10px 0;color:#fff;text-align:center;background:#f75665;}

#bo_v_share {position:relative;float:right;text-align:right;margin:40px 0 0 0;}

#bo_v_top {margin:20px 0 0 0;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 {word-break:break-all}

#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 {}

.bo_v_com {float:right;margin:0;}
.bo_v_com li {float:left;margin:0 0 0 5px;}

.bo_v_left {float:left;margin:0;}
.bo_v_left li {float:left;margin:0 5px 0 0;}

.bo_v_nb {position:relative;clear:both;margin:40px 0 0 0;text-align:left;}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {padding:18px 20px;line-height:20px;border-bottom:1px solid #ddd;}
.bo_v_nb li:hover {background:#f6f6f6}
.bo_v_nb li .nb_tit {display:inline-block;width:100px;color:#222;font-weight:700;}
.bo_v_nb li .nb_date {float:right;color:#999}

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

/* 댓글*/
.bo_vc_w {display:block;position:relative;margin:10px 0 0 0;}
.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 0}
.bo_vc_w textarea {width:100%;height:120px;margin:0 0 10px 0;padding:10px;line-height:22px;border:1px solid #ccc;}
.bo_vc_w_info {margin:10px 0;line-height:40px;}
.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_info .frm_input {float:left;width:180px;margin-right:5px}
.bo_vc_w_info #captcha {display:block;clear:both;padding:10px 0 0 0;}
#captcha_info{font-size:15px;}
#captcha{margin-top:2%;}
#wr_secret{}

.btn_cmt_confirm_warp {float:right;}

.cmt_btn {display:block;width:80px;margin:80px 0 20px 0;color:#f75665;font-weight:700;text-align:left;background:url('./img/cmt_btn.png') no-repeat 60px 4px;border:none}
.cmt_btn_op {background:url('./img/cmt_btn.png') no-repeat 60px  -26px}

#bo_vc {margin:0 0 40px 0;}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article {position:relative;margin:0 0 20px 0;}
#bo_vc article .profile_img img{border-radius:50%}
#bo_vc header {}
#bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
#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:700}
.bo_vc_hdinfo{float:right;color:#999;font-size:12px;font-style:italic}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {margin:10px 0 0 0;padding:10px;line-height:22px;background:#f6f6f6;border: 1px solid #ddd;}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {color:#f75665;text-decoration:underline;}
#bo_vc_empty {margin:0;padding:80px 0 !important;color:#999;text-align:center}
#bo_vc #bo_vc_winfo {float:left}

.bo_vc_act {text-align:right;margin:10px 0 0 0;list-style:none;zoom:1}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {display:inline-block;}
.bo_vc_act li a {padding:0 5px;font-size:12px;color:#999;text-decoration:underline}

.subvisual{display:none;}
.catalog_bg{width:100%; height:40rem; background-image: url(/images/catalog_bg.png); background-size: cover; background-position: center;}

/* 선택 */
/* .qna_div {display: block;position: relative;padding: 16px 10px 16px 15%;border-bottom: solid 1px #eee;background: #f3f3f3;} */
.qna_div {display: block;position: relative; margin-top:4%;}
div.qna-ul {margin: 0px auto;min-height: 100%;overflow: hidden;}
div.qna-ul .qna-li {margin: 0px auto 30px; background-color: #f7f7f7; padding:5% 6%; border-radius:20px;}
div.qna-ul .qna-li:last-child {margin-bottom: 0px !important;}
div.qna-ul .qna-li .qna-title {font-size: 22px;font-weight: 600;text-align: center;margin: 0px auto 4%; color: black;}
div.qna-ul .qna-li .qna-title > small {font-size: 16px;font-weight: 300;margin-left: 10px;}
div.qna-ul .qna-li ul.ans-ul {width:45%; margin:0 auto;}
div.qna-ul .qna-li li.ans-li {clear: both;margin-bottom:1.5%;}
div.qna-ul .qna-li li.ans-li input[type="checkbox"],
div.qna-ul .qna-li li.ans-li input[type="radio"] {margin: 0px 10px 0px 0px !important;width: 2rem;height: 2rem;}
.label-text{color:black; font-size: 18px; font-weight: 300;}
div.qna-ul .qna-li li.ans-li .item_fld {padding: 10px 0px; display: flex; align-items: center;}
div.qna-ul .qna-li li.ans-li .item_fld label {display: flex;}
div.qna-ul .qna-li li.ans-li .item_fld input[type="text"] {margin-left: 10px;display: inline-block;}
div.qna-ul .qna-li li.ans-li .item_fld input[type="text"]:disabled {background-color: #F1F1F1;}
div.qna-ul .qna-li li.ans-li .item_fld input[type="text"].w-50 {width:200px; box-sizing: border-box; display: inline-block;}

div.qna-ul .qna-li li.ans-li .item_fld input[type="checkbox"],div.qna-ul .qna-li li.ans-li .item_fld input[type="radio"] { 
 appearance: none;
  -webkit-appearance: none;
  width: 28px;
  height: 28px;
  box-sizing: border-box;
  border: 3px solid #00b5e9;
  border-radius: 50%;
  display: block;
  vertical-align: middle;
  cursor: pointer;
  background-color: #ffffff;
  position: relative;
  flex:0 0 28px;
  transition: border-color .18s ease-out, background-color .18s ease-out;}

div.qna-ul .qna-li li.ans-li .item_fld input[type="checkbox"]::after,div.qna-ul .qna-li li.ans-li .item_fld input[type="radio"]::after{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  background: #3b3b3b;
  border-radius: 50%;
  inset:4px;
  opacity: 0;
}
/* 체크됐을 때: 안쪽 점이 쑥 들어오는 느낌 */
div.qna-ul .qna-li li.ans-li .item_fld input[type="checkbox"]:checked::after,div.qna-ul .qna-li li.ans-li .item_fld input[type="radio"]:checked::after {
  opacity: 1;
}

/* 선택: 마케팅동의 */
.agree_intro {width:100%;max-width:1200px;margin:60px auto 0 auto}
.agree_intro h4 {font-size: 17px; font-weight: 300; color: black;}
.agree-row .desc input[type="checkbox"]{width:22px; height: 22px; margin-right: 1%;}

/* 선택: 마케팅동의 */
.agree_intro .agree-row {float: left;padding: 5px 0;width: 100%;margin-bottom: 30px;}
.agree_intro .agree-row label.desc {font-size: 16px;text-align: right;color: #4d67c6;line-height: 34px; display:flex; align-items: center;}

dl.catalog_info {border-top:solid 1px #aaa;}
dl.catalog_info dd {display:block;list-style:none;height:50px;padding:0 20px;line-height:50px;border-bottom:solid 1px #ddd;}
dl.catalog_info dd label {display:inline-block;width:20%;margin:0 10px 0 0;padding:0 0 0 12px;color:#222;font-weight:700;background:url(../../../img/bullet.png) no-repeat 0 50%;border-right:solid 1px #eee;}

#btn_submit{all: unset; cursor:pointer;height: 60px; color: white; background-color:#272727;border-radius:10px; font-size: 16px; font-weight: 500; margin-top: 3%; padding:0 3%;}

/* 반응형: 모바일 */
@media screen and (max-width: 410px) {
#main .catalog_bg{width:100%; height:20rem; background-image: url(/images/catalog_bg_mobile.png); background-size: cover; background-position: center;}
#main .catalog_intro strong {font-size:20px;}
#main .catalog_intro p{font-size:13px;}
#main #bo_w{width:90%;}
#main .write_div label{font-size:15px;}
#main .write_div{padding:16px 10px 1px 10px;}
#main div.qna-ul .qna-li .qna-title{font-size:15px;}
#main div.qna-ul .qna-li .qna-title > small {font-size:15px;}
#main div.qna-ul .qna-li ul.ans-ul{width:80%;}
#main .label-text {font-size:15px;}
#main div.qna-ul .qna-li li.ans-li .item_fld input[type="checkbox"], div.qna-ul .qna-li li.ans-li .item_fld input[type="radio"]{width:22px; height: 22px; flex:0 0 22px;}
#information div.qna-ul .qna-li li.ans-li .item_fld input[type="checkbox"]:checked::after, div.qna-ul .qna-li li.ans-li .item_fld input[type="radio"]:checked::after{width:11px; height: 11px; inset:3px;}
#main div.qna-ul .qna-li li.ans-li .item_fld input[type="text"].w-50{width:130px;}
#main .agree_intro h4{font-size:15px;}
#main .agree_intro .agree-row label.desc{font-size:14px; display:inline;}



#information .catalog_bg{width:100%; height:20rem; background-image: url(/images/catalog_bg_mobile.png); background-size: cover; background-position: center;}
#information .catalog_intro strong {font-size:20px;}
#information .catalog_intro p{font-size:13px;}
#information #bo_w{width:90%;}
#information .write_div label{font-size:15px;}
#information .write_div{padding:16px 10px 1px 10px;}
#information div.qna-ul .qna-li .qna-title{font-size:15px;}
#information div.qna-ul .qna-li .qna-title > small {font-size:15px;}
#information div.qna-ul .qna-li ul.ans-ul{width:80%;}
#information .label-text {font-size:15px;}
#information div.qna-ul .qna-li li.ans-li .item_fld input[type="checkbox"], div.qna-ul .qna-li li.ans-li .item_fld input[type="radio"]{width:22px; height: 22px; flex:0 0 22px;}
#information div.qna-ul .qna-li li.ans-li .item_fld input[type="checkbox"]:checked::after, div.qna-ul .qna-li li.ans-li .item_fld input[type="radio"]:checked::after{width:11px; height: 11px; inset:3px;}
#information div.qna-ul .qna-li li.ans-li .item_fld input[type="text"].w-50{width:130px;}
#information .agree_intro h4{font-size:15px;}
#information .agree_intro .agree-row label.desc{font-size:14px; display:inline;}
}

/* 반응형: 모바일 세로*/
@media screen and (min-width: 411px) and (max-width: 440px){
#main .catalog_bg{width:100%; height:20rem; background-image: url(/images/catalog_bg_mobile.png); background-size: cover; background-position: center;}
#main .catalog_intro strong {font-size:20px;}
#main .catalog_intro p{font-size:13px;}
#main #bo_w{width:90%;}
#main .write_div label{font-size:15px;}
#main .write_div{padding:16px 10px 1px 10px;}
#main div.qna-ul .qna-li .qna-title{font-size:15px;}
#main div.qna-ul .qna-li .qna-title > small {font-size:15px;}
#main div.qna-ul .qna-li ul.ans-ul{width:80%;}
#main .label-text {font-size:15px;}
#main div.qna-ul .qna-li li.ans-li .item_fld input[type="checkbox"], div.qna-ul .qna-li li.ans-li .item_fld input[type="radio"]{width:22px; height: 22px; flex:0 0 22px;}
#main div.qna-ul .qna-li li.ans-li .item_fld input[type="checkbox"]:checked::after, div.qna-ul .qna-li li.ans-li .item_fld input[type="radio"]:checked::after{width:11px; height: 11px; inset:3px;}
#main div.qna-ul .qna-li li.ans-li .item_fld input[type="text"].w-50{width:130px;}
#main .agree_intro h4{font-size:15px;}
#main .agree_intro .agree-row label.desc{font-size:14px; display:inline;}

#information .catalog_bg{width:100%; height:20rem; background-image: url(/images/catalog_bg_mobile.png); background-size: cover; background-position: center;}
#information .catalog_intro strong {font-size:20px;}
#information .catalog_intro p{font-size:13px;}
#information #bo_w{width:90%;}
#information .write_div label{font-size:15px;}
#information .write_div{padding:16px 10px 1px 10px;}
#information div.qna-ul .qna-li .qna-title{font-size:15px;}
#information div.qna-ul .qna-li .qna-title > small {font-size:15px;}
#information div.qna-ul .qna-li ul.ans-ul{width:80%;}
#information .label-text {font-size:15px;}
#information div.qna-ul .qna-li li.ans-li .item_fld input[type="checkbox"], div.qna-ul .qna-li li.ans-li .item_fld input[type="radio"]{width:22px; height: 22px; flex:0 0 22px;}
#information div.qna-ul .qna-li li.ans-li .item_fld input[type="checkbox"]:checked::after, div.qna-ul .qna-li li.ans-li .item_fld input[type="radio"]:checked::after{width:11px; height: 11px; inset:3px;}
#information div.qna-ul .qna-li li.ans-li .item_fld input[type="text"].w-50{width:130px;}
#information .agree_intro h4{font-size:15px;}
#information .agree_intro .agree-row label.desc{font-size:14px; display:inline;}
}

/*반응형: 모바일 세로*/
@media screen and (min-width: 441px) and (max-width: 480px) {
#main .catalog_bg{width:100%; height:20rem; background-image: url(/images/catalog_bg_mobile.png); background-size: cover; background-position: center;}
#main .catalog_intro strong {font-size:20px;}
#main .catalog_intro p{font-size:13px;}
#main #bo_w{width:90%;}
#main .write_div label{font-size:15px;}
#main .write_div{padding:16px 10px 1px 10px;}
#main div.qna-ul .qna-li .qna-title{font-size:15px;}
#main div.qna-ul .qna-li .qna-title > small {font-size:15px;}
#main div.qna-ul .qna-li ul.ans-ul{width:80%;}
#main .label-text {font-size:15px;}
#main div.qna-ul .qna-li li.ans-li .item_fld input[type="checkbox"], div.qna-ul .qna-li li.ans-li .item_fld input[type="radio"]{width:22px; height: 22px; flex:0 0 22px;}
#main div.qna-ul .qna-li li.ans-li .item_fld input[type="checkbox"]:checked::after, div.qna-ul .qna-li li.ans-li .item_fld input[type="radio"]:checked::after{width:11px; height: 11px; inset:3px;}
#main div.qna-ul .qna-li li.ans-li .item_fld input[type="text"].w-50{width:130px;}
#main .agree_intro h4{font-size:15px;}
#main .agree_intro .agree-row label.desc{font-size:14px; display:inline;}

#information .catalog_bg{width:100%; height:20rem; background-image: url(/images/catalog_bg_mobile.png); background-size: cover; background-position: center;}
#information .catalog_intro strong {font-size:20px;}
#information .catalog_intro p{font-size:13px;}
#information #bo_w{width:90%;}
#information .write_div label{font-size:15px;}
#information .write_div{padding:16px 10px 1px 10px;}
#information div.qna-ul .qna-li .qna-title{font-size:15px;}
#information div.qna-ul .qna-li .qna-title > small {font-size:15px;}
#information div.qna-ul .qna-li ul.ans-ul{width:80%;}
#information .label-text {font-size:15px;}
#information div.qna-ul .qna-li li.ans-li .item_fld input[type="checkbox"], div.qna-ul .qna-li li.ans-li .item_fld input[type="radio"]{width:22px; height: 22px; flex:0 0 22px;}
#information div.qna-ul .qna-li li.ans-li .item_fld input[type="checkbox"]:checked::after, div.qna-ul .qna-li li.ans-li .item_fld input[type="radio"]:checked::after{width:11px; height: 11px; inset:3px;}
#information div.qna-ul .qna-li li.ans-li .item_fld input[type="text"].w-50{width:130px;}
#information .agree_intro h4{font-size:15px;}
#information .agree_intro .agree-row label.desc{font-size:14px; display:inline;}
}

/*모바일 가로 , 테블릿 세로 미니*/
@media screen and (min-width: 481px) and (max-width: 767px) {
#information .catalog_bg{height:30rem;}
#information .catalog_intro strong{font-size:30px;}
#information .catalog_intro p{font-size:18px;}
#information #bo_w{width:70%;}
#information div.qna-ul .qna-li ul.ans-ul{width:75%;}
#information .agree_intro .agree-row label.desc {display:inline;}
}

/*테블릿 세로*/
@media screen and (min-width:768px ) and (max-width: 1023px){
#information .catalog_bg{height:30rem;}
#information .catalog_intro strong{font-size:30px;}
#information .catalog_intro p{font-size:18px;}
#information #bo_w{width:70%;}
#information div.qna-ul .qna-li ul.ans-ul{width:75%;}
#information .agree_intro .agree-row label.desc {display:inline;}
}

/*테블릿 세로 ipad Pro*/
@media screen and (min-width:1024px) and (max-width: 1365px) {
#information .catalog_bg{height:30rem;}
#information .catalog_intro strong{font-size:30px;}
#information .catalog_intro p{font-size:18px;}
#information #bo_w{width:70%;}
#information div.qna-ul .qna-li ul.ans-ul{width:75%;}
#information .agree_intro .agree-row label.desc {display:inline;}
}

/*테블릿 가로 iPad Pro*/
@media screen and (min-width:1366px ) and (max-width: 1366px) and (max-height: 1024px){
#information #bo_w{width:60%;}
#information div.qna-ul .qna-li ul.ans-ul{width:50%;}
}

/*노트북*/
@media screen and (min-width:1367px ) and (max-width: 1600px){}


@media screen and (max-width:1024px) {
		#list_wrap td.td_chk {width:30px;}
		#list_wrap td.td_num {width:50px;}
		#list_wrap td.td_name {width:100px;}
		#list_wrap td.td_date {width:120px;}
}

@media screen and (max-width:768px) {
		#bo_list, #bo_wt, #bo_v {}

		#bo_btn_top{margin:0 10px 20px 10px;}
		.bo_fx {float:none;margin:20px 10px 20px 10px;}

		#bo_cate {height:auto;margin:0 10px 20px 10px;padding:0;border-bottom:none}
		#bo_cate li {display:block;float:left;width:50%;}
		#bo_cate a {height:50px;margin:-1px;padding:0;line-height:50px;text-align:center;border:solid 1px #ccc;border-bottom:solid 1px #ccc;}
		#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;}
		#bo_cate #bo_cate_on {color:#fff;background:#444;border:solid 1px #999;border-bottom:solid 1px #999;}

		#bo_sch {width:auto;margin:20px 10px 0 10px;}

		.write_div {padding:16px 10px 16px 10px}
		.write_div label {display:block;position:relative;left:0;top:0;padding:8px 0;line-height:normal;}
		.write_div .select {width:100%;}
		.write_div .size_s {width:100%;}

		.chk_div {padding:16px 10px 16px 10px;line-height:normal;}
		.chk_div .label {display:block;position:relative;left:0;top:0;padding:8px 0;line-height:normal;}

		#list_wrap th {display:none}
		#list_wrap td.td_chk {display:none}
		#list_wrap td.td_num {display:none}
		#list_wrap td.td_name {display:none}
		#list_wrap td.td_date {display:none}
		.td_subject_m {padding:0 10px;line-height:22px;}
		.td_subject_info {display:block;}

		#bo_v_title {padding:20px 10px;border-right:none;border-left:none}
		#bo_v_title .category {font-size:14px;}
		#bo_v_title .date {display:block;position:relative;left:0;bottom:auto;}
		#bo_v_info .view {float:none;margin:0 0 0 8px;}

		#bo_v_info {padding:16px 10px;}
		#bo_v_info a.mail {display:block;margin:6px 0 0 0;}

		#bo_v_file {margin:20px 10px 0 10px;}

		#bo_v_link {margin:20px 10px 0 10px;}

		#bo_v_atc {padding:40px 10px;}

		#bo_v_top {margin:20px 10px 0 10px;}

		.bo_v_com {float:right;}
		.bo_v_com li {float:left;margin:0 0 0 5px;}

		.bo_v_left {display:none}

		.bo_v_nb li {padding:18px 10px;}
		.bo_v_nb li .nb_tit {display:block;width:100%;margin:0 0 6px 0;}
		.bo_v_nb li .nb_date {display:block;margin:6px 0 0 0;float:none;}

		.bo_vc_w {margin:10px 10px 0 10px;}
		.bo_vc_w .frm_input {float:none;width:100%;margin:0 0 10px 0;}
		.btn_cmt_confirm_warp {float:none;margin:10px 0 0 0}
		.btn_cmt_confirm_warp .btn_submit {width:100%}

		.cmt_btn {margin:40px 10px 20px 10px;}

		#bo_vc {margin:0 10px 40px 10px;}

		.agree_intro {width:auto;margin:60px 10px 0 10px}

		dl.catalog_info dd {height:auto;padding:16px 10px;line-height:22px;}
		dl.catalog_info dd label {display:block;width:100%;margin:0 0 4px 0;padding:0 10px 0 12px;border-right:none}
}





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












/* sns 보내기
.bo_v_snswr{position:relative;display:inline-block;margin-left:-1px}
#bo_v_sns {display:none;position:absolute;top:-50px;left:50%;margin-left:-90px;width:180px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns:before{content: "";position: absolute;bottom: -7px;left: 84px;width: 0;height: 0;border-style: solid;border-width: 7px 6px 0 6px;border-color: #415b92 transparent transparent transparent;}
#bo_v_sns li {float:left;width:60px;text-align:center}
#bo_v_sns li a{height:40px;padding:10px 0;}
#bo_v_sns li .sns_f{display:block;background:#415b92}
#bo_v_sns li .sns_t{display:block;background:#35b3dc}
#bo_v_sns li .sns_g{display:block;background:#d5503a}
#bo_v_sns li img{vertical-align:top}*/

/* 게시판 댓글 */







#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 }







/* reste.css 파일에 설정되어야 하는 게시판관련 추가사항들 */
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}


/* button */
a.btn,.btn{line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;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;}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle;}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right}

.btn_submit {border:0;background:#253dbe;color:#fff;cursor:pointer;border:0}
.btn_submit:hover {background:#0025eb}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle;}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa;
}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:40px;border:0;background:#3c3c3c;border-radius:5px;color:#fff;text-decoration:none;vertical-align:top}
a.btn_frmline {}
button.btn_frmline {font-size:1em}


a.btn_b01,.btn_b01 {display:inline-block;background:#4c4f6f;color:#fff;text-decoration:none;vertical-align:middle}
.btn_b01:hover, .btn_b01:hover {background:#54598c}
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle;}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle}
.btn_admin:hover, a.btn_admin:hover {background:#ff3746}



/* button */
/* button area */
.btn_confirm_wrap {margin:40px 10px 0 10px;text-align:center;}
.btn_confirm_wrap input,
.btn_confirm_wrap button,
.btn_confirm_wrap span,
.btn_confirm_wrap img,
.btn_confirm_wrap a {vertical-align:top;}

a.btn, .btn {display:inline-block;height:40px;padding:0 24px;line-height:40px;text-align:center;border:none;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}

a.btn_act, button.btn_act, .btn_act {color:#fff;background:#444}
a.btn_act:hover, button.btn_act:hover, .btn_act:hover {background:#171717;}

a.btn_confirm, button.btn_confirm, .btn_confirm {color:#fff;background:#444}
a.btn_confirm:hover, button.btn_confirm:hover, .btn_confirm:hover {background:#171717;}

a.btn_submit, button.btn_submit, .btn_submit {color:#fff;background:#444}
a.btn_submit:hover, button.btn_submit:hover, .btn_submit:hover {background:#171717;}

a.btn_normal, button.btn_normal, .btn_normal {color:#666;background:#f6f6f6;border:solid 1px #ccc;}
a.btn_normal:hover, button.btn_normal:hover, .btn_normal:hover {color:#fff;background:#171717;}

a.btn_cancel, button.btn_cancel, .btn_cancel {color:#666;background:#f6f6f6;border:solid 1px #ccc;}
a.btn_cancel:hover, button.btn_cancel:hover, .btn_cancel:hover {color:#fff;background:#171717;}

a.btn_frmline, button.btn_frmline, .btn_frmline {color:#666;background:#f6f6f6;border:solid 1px #ccc;}
a.btn_frmline:hover, button.btn_frmline:hover, .btn_frmline:hover {color:#fff;background:#171717;}

a.btn_admin, button.btn_admin, .btn_admin {color:#fff;background:#f75665}
a.btn_admin:hover, button.btn_admin:hover, .btn_admin:hover {background:#171717;}

.frm_input {height:40px;line-height:40px;text-indent:10px;border:solid 1px #ccc;}