/* 
* 커스텀/기본 게시판 공통 CSS
* PC 1201px 이상: 1920 기준 비율 유지 + 최소 크기 보호
* Tablet/Mobile: 기존 px 기준 유지
*/

/* PC */
@media screen and (min-width:1201px) {
/* basic_white_whide */
.basic_board_list{width: 100%; table-layout:fixed; border-top:max(2px, 0.104167vw) solid #222; border-bottom:max(1px, 0.052083vw) solid #ddd;}
.basic_board_list th{padding: max(15px, 0.78125vw) 0; border-bottom: max(1px, 0.052083vw) solid #ddd; color:#222; font-size: max(15px, 0.78125vw);}
.basic_board_list td{padding: max(15px, 0.78125vw) 0; border-bottom: max(1px, 0.052083vw) solid #ddd; vertical-align: middle; font-size: max(15px, 0.78125vw); color:#555; text-align: center;}
.basic_board_list td a{color:#555; word-break: break-all;}
.basic_board_list td.left{text-align: left; padding-left: max(20px, 1.041667vw);}
.basic_board_list td img{margin-left: max(5px, 0.260417vw);}
.basic_board_list .pc_none{display: none;}
.basic_board_list .mob_block{display: none;}

/*btn*/
.admin_btn {display: flex; justify-content:flex-start;margin-top: max(20px, 1.041667vw); font-size: 0; text-align: right;}
.admin_btn a{display: inline-block; border:max(1px, 0.052083vw) solid #777; height:max(35px, 1.822917vw); font-size:max(13px, 0.677083vw); margin-left: max(10px, 0.520833vw); color:#222; font-weight:bold; width:max(90px, 4.6875vw); text-align:center; line-height:max(34px, 1.770833vw);}
.admin_btn a.black_btn{background-color: #222; color:#fff;}
.admin_btn a:first-child{margin-right: 0;}
.admin_btn .btn_center{width: 100%; text-align: center;;}
.admin_btn .btn_center .form_btn{display: inline-block; border:max(1px, 0.052083vw) solid #777; height:max(35px, 1.822917vw); font-size:max(13px, 0.677083vw); margin-left: max(10px, 0.520833vw); color:#fff; background-color: #222; font-weight:bold; width:max(90px, 4.6875vw); text-align:center; line-height:max(34px, 1.770833vw);  vertical-align: top;}

/* search */
.bbs_search_wrap {margin:0 auto; padding:max(15px, 0.78125vw) 0; border:max(1px, 0.052083vw) solid #ddd; background:#fafafa; margin-top: max(40px, 2.083333vw);}
.bbs_search_wrap .bbs_search {display: flex; justify-content: center; align-items:center; }
.bbs_search_wrap .bbs_search .input_txt {width:max(300px, 15.625vw); height:max(30px, 1.5625vw); padding: max(10px, 0.520833vw); margin-right: max(10px, 0.520833vw); border:max(1px, 0.052083vw) solid #ddd; font-size:max(15px, 0.78125vw);}
.bbs_search_wrap .bbs_search select {width:max(120px, 6.25vw); height:max(30px, 1.5625vw); padding:0 max(10px, 0.520833vw); margin-right: max(10px, 0.520833vw); vertical-align:middle; border:max(1px, 0.052083vw) solid #ddd; font-size:max(15px, 0.78125vw); zoom:1;}
.bbs_search_wrap .bbs_search select:focus {border:max(1px, 0.052083vw) solid #da0b85;}
.bbs_search_wrap .bbs_search select.disabled {border:max(1px, 0.052083vw) solid #d0d0d0; background-color:#e9e9e9; color:#909090;}
.bbs_search_wrap .search_btn {display:block; margin:0; width: max(80px, 4.166667vw); height: max(30px, 1.5625vw); background-color: #222; color:#fff; font-size: max(15px, 0.78125vw); line-height: max(30px, 1.5625vw); cursor:pointer;}

/*bbs_view*/
.basic_board_view .bbs_view,.bbs_view th,.bbs_view td{border:0}
.basic_board_view .bbs_view{width:100%; border-top:max(2px, 0.104167vw) solid #222; border-bottom:max(1px, 0.052083vw) solid #ddd; }
.basic_board_view .bbs_view th{border-bottom:max(1px, 0.052083vw) solid #ddd; }
.basic_board_view .bbs_view td{padding:max(24px, 1.25vw) max(5px, 0.260417vw); border-bottom:none; border-top:none; line-height:max(18px, 0.9375vw); color:#555; border-bottom:max(1px, 0.052083vw) solid #ddd; word-break:keep-all;}
.basic_board_view .bbs_view .tit{display: flex; align-items: center; padding: max(20px, 1.041667vw) 0;}
.basic_board_view .bbs_view .tit .left {width: calc(100% - max(80px, 4.166667vw)); padding:0 max(20px, 1.041667vw); text-align: left;}
.basic_board_view .bbs_view .tit .left em{display: block; font-size: max(18px, 0.9375vw); color:#222; font-weight: 700;}
.basic_board_view .bbs_view .tit .left p{font-size: max(15px, 0.78125vw); color:#555; margin-top: max(10px, 0.520833vw);}
.basic_board_view .bbs_view .tit .right {border-left:max(1px, 0.052083vw) solid #ddd; width:max(80px, 4.166667vw); text-align:center;}
.basic_board_view .bbs_view .tit .right p {display: block; font-size:max(14px, 0.729167vw); color:#555;}
.basic_board_view .bbs_view .tit .right em {display: block;  font-size:max(24px, 1.25vw); color:#f22e36; font-weight:normal;}

/*reply*/
.reply_wrap {}
.reply_wrap .title {font-size: max(15px, 0.78125vw); color:#444; font-weight:bold;}
.reply_wrap .title span {color:#f22e36; }
.reply_wrap .reply{margin-top: max(20px, 1.041667vw);}
.reply_wrap .reply_box01 {padding: max(15px, 0.78125vw) 0; border-top:max(1px, 0.052083vw) solid #ccc; }
.reply_wrap .reply_box01 .writer em {color:#222; font-size: max(15px, 0.78125vw);font-weight:bold; display:inline-block; margin-right:max(10px, 0.520833vw);}
.reply_wrap .reply_box01 .writer p span {font-size:max(13px, 0.677083vw); color:#777; display:inline-block; margin-left:max(10px, 0.520833vw);}
.reply_wrap .reply_box02 {width: calc(100% - max(50px, 2.604167vw)); margin-left: max(50px, 2.604167vw);}
.reply_form{  border-top:max(1px, 0.052083vw) solid #222; border-bottom:max(1px, 0.052083vw) solid #222; padding: max(15px, 0.78125vw) 0;}
.reply_form .top{display: flex; align-items: center; margin-bottom: max(10px, 0.520833vw); }
.reply_form .top label{display: block; width: max(100px, 5.208333vw); font-size: max(15px, 0.78125vw); color:#222; line-height: 1;}
.reply_form .top label input{vertical-align: 0; margin-left: max(5px, 0.260417vw);;}
.reply_form .box{display: flex; width: calc((100% - max(100px, 5.208333vw))/2); align-items: center; padding-right: max(20px, 1.041667vw);}
.reply_form .box em{display: block; width: max(150px, 7.8125vw); font-size: max(15px, 0.78125vw); color:#222; font-weight: 500; text-align: center; line-height: 1;}
.reply_form .box input[type="text"]{display: block;width:calc(100% - max(150px, 7.8125vw)); height: max(40px, 2.083333vw); border: max(1px, 0.052083vw) solid #ddd; padding: 0 max(10px, 0.520833vw);}
.reply_form .box input[type="password"]{display: block;width:calc(100% - max(150px, 7.8125vw)); height: max(40px, 2.083333vw); border: max(1px, 0.052083vw) solid #ddd; padding: 0 max(10px, 0.520833vw);}
.reply_form .con{display: flex; align-items: center; }
.reply_form .con .con_box{display: flex; width: calc(100% - max(100px, 5.208333vw)); align-items: center;  padding-right: max(20px, 1.041667vw);}
.reply_form .con .con_box em{display: block; width: max(150px, 7.8125vw); font-size: max(15px, 0.78125vw); color:#222; font-weight: 500; text-align: center; line-height: 1;}
.reply_form .con .con_box textarea{width: calc(100% - max(150px, 7.8125vw)); height: max(100px, 5.208333vw); border: max(1px, 0.052083vw) solid #ddd; padding: max(10px, 0.520833vw); resize: none;}
.reply_form .con button{width: max(100px, 5.208333vw); text-align: center; line-height: max(100px, 5.208333vw); font-size: max(15px, 0.78125vw); color:#fff; font-weight: 500; border: max(1px, 0.052083vw) solid #555; background-color: #555;}
#comment_0{margin-bottom: max(20px, 1.041667vw);;}
#comment2_0{margin-bottom: max(20px, 1.041667vw);;}

/*prev_next*/
.prev_next,.prev_next th,.prev_next td{border:0}
.prev_next col:first-child{width: 20%;}
.prev_next{width:100%; border-top:max(1px, 0.052083vw) solid #222; border-bottom:max(1px, 0.052083vw) solid #222; margin-top: max(80px, 4.166667vw); table-layout: fixed;  }
.prev_next th{padding:max(18px, 0.9375vw) max(5px, 0.260417vw); border-bottom:max(1px, 0.052083vw) solid #ddd; color:#222; word-break:keep-all; overflow:hidden;}
.prev_next td{padding:max(18px, 0.9375vw) max(5px, 0.260417vw); border-bottom:none; border-top:none; line-height:max(18px, 0.9375vw); color:#555; border-bottom:max(1px, 0.052083vw) solid #ddd; word-break:keep-all;}
.prev_next .none {border:none;}
.prev_next span {display: block; padding-left:max(15px, 0.78125vw); border-left:max(1px, 0.052083vw) solid #999;}

/*bbs_writing*/
.bbs_writing,.bbs_writing th,.bbs_writing td{border:0}
.bbs_writing{width:100%; border-top:max(2px, 0.104167vw) solid #222; border-bottom:max(1px, 0.052083vw) solid #222; }
.bbs_writing th{padding:max(15px, 0.78125vw) max(5px, 0.260417vw); border-bottom:max(1px, 0.052083vw) solid #ddd; color:#222; word-break:keep-all; overflow:hidden; background:#f1f1f1;}
.bbs_writing td{padding:max(15px, 0.78125vw) max(20px, 1.041667vw); border-bottom:none; border-top:none; line-height:max(18px, 0.9375vw); color:#555; border-bottom:max(1px, 0.052083vw) solid #ddd; word-break:keep-all;}
.bbs_writing input {height:max(30px, 1.5625vw); border:max(1px, 0.052083vw) solid #ddd;}
.bbs_writing select{height:max(30px, 1.5625vw); border:max(1px, 0.052083vw) solid #ddd; width:30%;}

/* product_list */
.product_list {display: flex; flex-wrap: wrap; font-size: 0; margin-bottom: max(40px, 2.083333vw);}
.product_list li{width:24%; margin-right: 1.33%; margin-top:max(20px, 1.041667vw);}
.product_list li:nth-child(4n){margin-right:0;}
.product_list li:nth-child(-n+4){margin-top:0;}
.product_list li a{display:block;}
.product_list li .img_wrap{ display:block; border: max(1px, 0.052083vw) solid #ddd; width:100%;}
.product_list li .img_wrap .img{position:relative; padding-bottom:62.5%; overflow:hidden; }
.product_list li .img_wrap .img img{position:absolute; top:0; left: 0; right: 0; bottom: 0; margin: auto; max-width:100%; max-height:100%; width:auto; height:auto;}
.product_list li .txt{width:100%; padding:0 max(20px, 1.041667vw); margin-top: max(20px, 1.041667vw); border-top:0; }
.product_list li .txt h5{font-size:max(18px, 0.9375vw); margin-bottom: max(10px, 0.520833vw); color:#000; line-height:max(22px, 1.145833vw); text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:400;}
.product_list li .txt em{display:block; font-size:max(14px, 0.729167vw); color:#555; line-height:1;}

/* basic_faq */
.faq_wrapper .faq_contet{border-top:max(2px, 0.104167vw) solid #2d2d2d;}
.faq_wrapper .faq_contet li{border-bottom:max(1px, 0.052083vw) solid #ddd; background-color:#fff;}
.faq_wrapper .fre{cursor:pointer; position:relative; padding:max(20px, 1.041667vw) max(100px, 5.208333vw) max(25px, 1.302083vw);}
.faq_wrapper .fre:after{content:''; background: url(/assets/images/sub/icon_faq.png) 0 0 no-repeat; width:max(20px, 1.041667vw); height:max(20px, 1.041667vw); position:absolute; right:max(40px, 2.083333vw); top:50%; margin-top:max(-10px, -0.520833vw);}
.faq_wrapper .fre .q{position:absolute; left:max(35px, 1.822917vw); top:50%; margin-top:max(-15px, -0.78125vw); color:#fff; font-weight:normal; font-size:max(15px, 0.78125vw); width:max(30px, 1.5625vw); height:max(30px, 1.5625vw); line-height: max(26px, 1.354167vw); padding-top:max(1px, 0.052083vw); box-sizing:border-box; background-color:#2d2d2d; text-align:center; border-radius:max(15px, 0.78125vw);}
.faq_wrapper .fre strong{display:block; color:#555; font-size:max(15px, 0.78125vw); font-weight:500;}
.faq_wrapper .ask{position:relative; padding:0 max(100px, 5.208333vw); overflow:hidden;}
.faq_wrapper .ask .ask_text{position:relative; padding:max(18px, 0.9375vw) 0 max(22px, 1.145833vw); border-top:max(1px, 0.052083vw) solid #ddd; color:#555; line-height:1.6; font-size:max(15px, 0.78125vw); opacity:0;}
.faq_wrapper .ask .a{position:absolute; left:max(35px, 1.822917vw); top:max(21px, 1.09375vw); color:#fff; font-weight:normal; font-size:max(15px, 0.78125vw); width:max(30px, 1.5625vw); height:max(30px, 1.5625vw); line-height: max(26px, 1.354167vw); padding-top:max(1px, 0.052083vw); box-sizing:border-box; background-color:#ef3d3b; text-align:center; border-radius:max(15px, 0.78125vw);}
.faq_wrapper .faq_contet li,.faq_wrapper .fre:after,.faq_wrapper .ask .ask_text{transition-duration:0.4s}
.faq_wrapper .faq_contet li.open{background-color:#f8f8f8}
.faq_wrapper .faq_contet li.open .fre strong{color:#222; font-weight:500;}
.faq_wrapper .faq_contet li.open .fre:after{transform: rotate(135deg);}
.faq_wrapper .faq_contet li.open .ask_text{opacity:1;}
.qna_tabcon {width:100%; margin-bottom:max(30px, 1.5625vw); background: #f5f5f5; padding:max(7px, 0.364583vw);}
.qna_tabcon li {float:left; height:max(45px, 2.34375vw); line-height:max(43px, 2.239583vw); margin:0 max(20px, 1.041667vw); transition:all 0.2s ease-in-out;}
.qna_tabcon li a {display:block; width:100%; height:100%; color:#222; transition:all 0.2s ease-in-out;}
.qna_tabcon li.on {color:#f05852;}
.qna_tabcon li.on a {color:#f05852;}
.qna_tabcon li:hover {color: #f05852;}
.qna_tabcon li:hover a {color:#f05852;}
.qna_category img {height:max(35px, 1.822917vw);}

/* story_new */
ul.horizontal_board {width:100%;}
ul.horizontal_board li {width:100%; padding:max(30px, 1.5625vw) 0; border-bottom:max(1px, 0.052083vw) solid #ddd; overflow:hidden;}
ul.horizontal_board li:first-child {border-top:max(1px, 0.052083vw) solid #ddd;}
ul.horizontal_board li .img {float:left; width:max(360px, 18.75vw); height:max(225px, 11.71875vw); margin-right:max(36px, 1.875vw);}
ul.horizontal_board li .img a {display:table-cell; width:max(360px, 18.75vw); height:max(225px, 11.71875vw); vertical-align:middle; text-align:center;}
ul.horizontal_board li .img img {max-width:max(360px, 18.75vw); max-height:max(225px, 11.71875vw); width:auto; height:auto;}
ul.horizontal_board li .txt {float:left; width: calc( 100% - max(396px, 20.625vw) ); }
ul.horizontal_board li .txt span {display:block; height:max(40px, 2.083333vw); line-height:max(36px, 1.875vw); font-size:max(16px, 0.833333vw); font-weight:300;}
ul.horizontal_board li .txt h4 {margin-top:max(27px, 1.40625vw); font-weight:500; }
ul.horizontal_board li .txt h4 a {color:#000; font-size:max(20px, 1.041667vw);line-height:1; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
ul.horizontal_board li .txt .desc { margin:max(31px, 1.614583vw) 0 max(22px, 1.145833vw); font-weight:300;}
ul.horizontal_board li .txt .desc a {display: block; font-size:max(16px, 0.833333vw); color:#555; line-height:max(28px, 1.458333vw); height:max(56px, 2.916667vw); overflow:hidden; font-weight:400;}
ul.horizontal_board li .txt em {position:relative; display:inline-block; margin-right:max(20px, 1.041667vw); font-size:max(16px, 0.833333vw); color:#555; line-height:1; font-weight:400;}

/* certificaition */
.certificaition_wrap .cer_list {width:100%;}
.certificaition_wrap .cer_list li {float:left; width:23.5%; margin-bottom:max(28px, 1.458333vw); margin-right:2%;}
.certificaition_wrap .cer_list li:nth-child(4n) {margin-right:0;}
.certificaition_wrap .cer_list li:nth-child(-n+4) {margin-top:0;}
.certificaition_wrap .cer_list li > a {position: relative; width: 100%; padding-bottom: 129.2%; height: 0; display: inline-block}
.certificaition_wrap .cer_list li a img {position: absolute; width: auto; height: auto; max-width: 100%; max-height: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.certificaition_wrap .cer_list li h2 {font-size:max(18px, 0.9375vw); line-height:max(25px, 1.302083vw); font-weight:400; color:#555; text-align:center; margin-top:max(15px, 0.78125vw);}
#fancybox-left-ico{left:max(-50px, -2.604167vw) !important;}
#fancybox-right-ico{right:max(-70px, -3.645833vw) !important;}

/* calendar */
.schedule_board .schedule_head{position:relative; width:100%;margin:0 0 max(30px, 1.5625vw) 0; padding-top:0 !important;}
.schedule_board .schedule_head .schedule_current{display: flex; justify-content:center; align-items: center; }
.schedule_board .schedule_head .schedule_current span.active_month{display:block;font-size:max(24px, 1.25vw);font-weight:bold;text-align:center;line-height:1; color:#333; margin: 0 max(30px, 1.5625vw)}/*2017년 7월*/
.schedule_board .schedule_head .schedule_current .year_prev{display:block;width:max(30px, 1.5625vw);height:max(30px, 1.5625vw); margin-right: max(5px, 0.260417vw);}
.schedule_board .schedule_head .schedule_current .month_prev{display:block;width:max(30px, 1.5625vw);height:max(30px, 1.5625vw);}
.schedule_board .schedule_head .schedule_current .year_next{display:block;width:max(30px, 1.5625vw);height:max(30px, 1.5625vw);}
.schedule_board .schedule_head .schedule_current .month_next{display:block;width:max(30px, 1.5625vw);height:max(30px, 1.5625vw);margin-right: max(5px, 0.260417vw);}
.schedule_board table{table-layout: fixed; }
.schedule_board table th{padding:max(10px, 0.520833vw) 0;background:#f5f5f5;border:max(1px, 0.052083vw) solid #d9d9d9;font-size:max(14px, 0.729167vw);color:#565656;}
.schedule_board table td{padding:0;border:max(1px, 0.052083vw) solid #d9d9d9;vertical-align:top;}
.schedule_board table td span{position:relative; display:block; min-height:auto; min-height: max(130px, 6.770833vw);}
.schedule_board table td span.today {background-color:#f1fafe;}
.schedule_board table tr th:first-child, .schedule table tr td:first-child span em{color:#ff0000;} /*일요일*/
.schedule_board table td span em{position:relative; display:block; padding:max(10px, 0.520833vw); color:#555; font-size:max(15px, 0.78125vw); text-align:right;}
.schedule_board table td span em .cal_write{position:absolute;display: block;  left: max(10px, 0.520833vw); top: 0; bottom: 0; margin: auto 0; width: max(22px, 1.145833vw); height: max(22px, 1.145833vw); background: url(/assets/images/sub/cal_write.png)center no-repeat;}
.schedule_board table .scheduleCont{position:relative; padding:0 max(10px, 0.520833vw) max(10px, 0.520833vw) max(10px, 0.520833vw);}
.schedule_board table .scheduleCont .circle{display: none;}
.schedule_board table .scheduleCont ul li {margin-top: max(5px, 0.260417vw);}
.schedule_board table .scheduleCont ul li:first-child{margin-top: 0;}
.schedule_board table .scheduleCont ul li a{display: inline-block; }
.schedule_board table .scheduleCont ul li a p{display: inline-block; font-size: max(14px, 0.729167vw); color:#555; line-height: max(20px, 1.041667vw); word-break: break-all;}
/* ------------------------------------------pc일 경우 하단 삭제------------------------------------------- */
}

/* Tablet */
@media screen and (max-width:1200px) {
/*reply*/
.reply_form{  border-top:1px solid #222; border-bottom:1px solid #222; padding: 15px 0;}
.reply_form .top{display: flex; align-items: center; margin-bottom: 10px; }
.reply_form .top label{display: block; width: 100px; font-size: 15px; color:#222; line-height: 1;}
.reply_form .top label input{vertical-align: 0; margin-left: 5px;;}
.reply_form .box{display: flex; width: calc((100% - 100px)/2); align-items: center; padding-right: 20px;}
.reply_form .box em{display: block; width: 100px; font-size: 15px; color:#222; font-weight: 500; text-align: center; line-height: 1;}
.reply_form .box input[type="text"]{display: block;width:calc(100% - 100px); height: 40px; border: 1px solid #ddd; padding: 0 10px;}
.reply_form .box input[type="password"]{display: block;width:calc(100% - 100px); height: 40px; border: 1px solid #ddd; padding: 0 10px;}
.reply_form .con{display: flex; align-items: center; }
.reply_form .con .con_box{display: flex; width: calc(100% - 100px); align-items: center;  padding-right: 20px;}
.reply_form .con .con_box em{display: block; width: 100px; font-size: 15px; color:#222; font-weight: 500; text-align: center; line-height: 1;}
.reply_form .con .con_box textarea{width: calc(100% - 100px); height: 100px; border: 1px solid #ddd; padding: 10px; resize: none;}
.reply_form .con button{width: 100px; text-align: center; line-height: 100px; font-size: 15px; color:#fff; font-weight: 500; border: 1px solid #555; background-color: #555;}

/* product_list */
.product_list {display: flex; flex-wrap: wrap; font-size: 0; margin-bottom: 40px;}
.product_list li{width:32.44%; margin-right: 1.33%; margin-top:20px;}
.product_list li:nth-child(4n) {margin-right:1.33%;}
.product_list li:nth-child(-n+4) {margin-top:20px;}
.product_list li:nth-child(3n) {margin-right:0;}
.product_list li:nth-child(-n+3) {margin-top:0;}
.product_list li a{display:block; width:100%;}
.product_list li .img_wrap{ display:block; border: 1px solid #ddd; width:100%;}
.product_list li .img_wrap .img{position:relative; padding-bottom:62.5%; overflow:hidden; }
.product_list li .img_wrap .img img{position:absolute; top:0; left: 0; right: 0; bottom: 0; margin: auto; max-width:100%; max-height:100%; width:auto; height:auto;}
.product_list li .txt{width:100%; padding:0 20px; margin-top: 20px; border-top:0; }
.product_list li .txt h5{font-size:16px; margin-bottom: 10px; color:#000; line-height:20px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:400;}
.product_list li .txt em{display:block; font-size:14px; color:#555; line-height:1;}

/* story_new */
ul.horizontal_board {width:100%;}
ul.horizontal_board li {width:100%; padding:30px 0; border-bottom:1px solid #ddd; overflow:hidden;}
ul.horizontal_board li:first-child {border-top:1px solid #ddd;}
ul.horizontal_board li .img {float:left; width:37.42%; height:auto; margin-right:3.74%;}
ul.horizontal_board li .img a {position:relative; display:block; width: 100%; height: 0; padding-bottom: 62.5%;}
ul.horizontal_board li .img img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; width:auto; height:auto;}
ul.horizontal_board li .txt {float:left; position:relative; width:58.84%; height:0; padding-bottom: 23.4%; }
ul.horizontal_board li .txt .txt_box {position:absolute; top:50%; left:0; transform:translateY(-50%);}
ul.horizontal_board li .txt span {display:block; height:40px; line-height:36px; font-size:16px; font-weight:300;}
ul.horizontal_board li .txt h4 {margin-top:0; font-weight:500; }
ul.horizontal_board li .txt h4 a {color:#000; font-size:20px;line-height:1; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
ul.horizontal_board li .txt .desc { margin:31px 0 22px; font-weight:300;}
ul.horizontal_board li .txt .desc a {display: block; font-size:16px; color:#555; line-height:28px; height:56px; overflow:hidden; font-weight:400;}
ul.horizontal_board li .txt em {position:relative; display:inline-block; margin-right:20px; font-size:16px; color:#555; line-height:1; font-weight:400;}

	/* basic_white_whide */
	.basic_board_list{
		width:100%;
		table-layout:fixed;
		border-top:2px solid #222;
		border-bottom:1px solid #ddd;
	}

	.basic_board_list th{
		padding:14px 0;
		border-bottom:1px solid #ddd;
		color:#222;
		font-size:14px;
	}

	.basic_board_list td{
		padding:14px 0;
		border-bottom:1px solid #ddd;
		vertical-align:middle;
		font-size:14px;
		color:#555;
		text-align:center;
	}

	.basic_board_list td a{
		color:#555;
		word-break:break-all;
	}

	.basic_board_list td.left{
		text-align:left;
		padding-left:20px;
	}

	.basic_board_list td img{
		margin-left:5px;
	}

	.basic_board_list .pc_none{
		display:none;
	}

	.basic_board_list .mob_block{
		display:none;
	}

	/* btn */
	.admin_btn{
		display:flex;
		justify-content:flex-start;
		margin-top:20px;
		font-size:0;
		text-align:right;
	}

	.admin_btn .left{
		flex:1 1 auto;
	}

	.admin_btn .right{
		display:flex;
		flex-wrap:wrap;
		gap:5px;
		width:100%;
	}

	.admin_btn a{
		display:inline-flex;
		align-items:center;
		justify-content:center;
		width:70px;
		height:32px;
		margin:0;
		border:1px solid #777;
		color:#444;
		font-size:12px;
		font-weight:bold;
		line-height:1;
		text-align:center;
		box-sizing:border-box;
	}

	.admin_btn a.black_btn{
		background-color:#444;
		color:#fff;
	}

	.admin_btn .btn_center{
		width:100%;
		text-align:center;
	}

	.admin_btn .btn_center .form_btn{
		display:inline-flex;
		align-items:center;
		justify-content:center;
		width:70px;
		height:32px;
		margin:0 0 0 5px;
		border:1px solid #777;
		background-color:#222;
		color:#fff;
		font-size:12px;
		font-weight:bold;
		line-height:1;
		vertical-align:top;
		box-sizing:border-box;
	}

	/* search */
	.bbs_search_wrap{
		margin:30px auto 0;
		padding:15px 10px;
		border:1px solid #ddd;
		background:#fafafa;
	}

	.bbs_search_wrap .bbs_search{
		display:flex;
		justify-content:center;
		align-items:center;
		gap:10px;
	}

	.bbs_search_wrap .bbs_search .input_txt{
		width:300px;
		height:34px;
		padding:0 10px;
		margin-right:0;
		border:1px solid #ddd;
		font-size:14px;
		box-sizing:border-box;
	}

	.bbs_search_wrap .bbs_search select{
		width:120px;
		height:34px;
		padding:0 10px;
		margin-right:0;
		vertical-align:middle;
		border:1px solid #ddd;
		font-size:14px;
		box-sizing:border-box;
		zoom:1;
	}

	.bbs_search_wrap .bbs_search select:focus{
		border:1px solid #da0b85;
	}

	.bbs_search_wrap .bbs_search select.disabled{
		border:1px solid #d0d0d0;
		background-color:#e9e9e9;
		color:#909090;
	}

	.bbs_search_wrap .search_btn{
		display:block;
		width:70px;
		height:34px;
		margin:0;
		background-color:#222;
		color:#fff;
		font-size:14px;
		line-height:34px;
		cursor:pointer;
		text-align:center;
	}

	.bbs_search_wrap .bbs_search.search_category{
		flex-wrap:wrap;
	}

	.bbs_search_wrap .bbs_search.search_category select{
		width:120px;
	}

	.bbs_search_wrap .bbs_search.search_category .input_txt{
		width:300px;
	}

	/* bbs_view */
	.basic_board_view .bbs_view,
	.bbs_view th,
	.bbs_view td{
		border:0;
	}

	.basic_board_view .bbs_view{
		width:100%;
		border-top:2px solid #222;
		border-bottom:1px solid #ddd;
		table-layout:fixed;
	}

	.basic_board_view .bbs_view th{
		border-bottom:1px solid #ddd;
	}

	.basic_board_view .bbs_view td{
		padding:20px 5px;
		border-top:none;
		border-bottom:1px solid #ddd;
		line-height:18px;
		color:#555;
		word-break:keep-all;
	}

	.basic_board_view .bbs_view .tit{
		display:flex;
		align-items:center;
		padding:18px 0;
	}

	.basic_board_view .bbs_view .tit .left{
		width:calc(100% - 80px);
		padding:0 20px;
		text-align:left;
	}

	.basic_board_view .bbs_view .tit .left em{
		display:block;
		font-size:17px;
		color:#222;
		font-weight:700;
	}

	.basic_board_view .bbs_view .tit .left p{
		margin-top:8px;
		font-size:14px;
		color:#555;
	}

	.basic_board_view .bbs_view .tit .right{
		width:80px;
		border-left:1px solid #ddd;
		text-align:center;
	}

	.basic_board_view .bbs_view .tit .right p{
		display:block;
		font-size:14px;
		color:#555;
	}

	.basic_board_view .bbs_view .tit .right em{
		display:block;
		font-size:22px;
		color:#f22e36;
		font-weight:normal;
	}

	/* prev_next */
	.prev_next,
	.prev_next th,
	.prev_next td{
		border:0;
	}

	.prev_next{
		width:100%;
		margin-top:60px;
		border-top:1px solid #222;
		border-bottom:1px solid #222;
		table-layout:fixed;
	}

	.prev_next col:first-child{
		width:100px;
	}

	.prev_next th{
		padding:15px 5px;
		border-bottom:1px solid #ddd;
		color:#222;
		font-size:14px;
		word-break:keep-all;
		overflow:hidden;
	}

	.prev_next td{
		padding:15px 5px;
		border-bottom:1px solid #ddd;
		line-height:18px;
		color:#555;
		font-size:14px;
		word-break:keep-all;
	}

	.prev_next .none{
		border:none;
	}

	.prev_next span{
		display:block;
		padding-left:15px;
		border-left:1px solid #999;
	}

	/* bbs_writing */
	.bbs_writing,
	.bbs_writing th,
	.bbs_writing td{
		border:0;
	}

	.bbs_writing{
		width:100%;
		border-top:2px solid #222;
		border-bottom:1px solid #222;
	}

	.bbs_writing th{
		padding:15px 5px;
		border-bottom:1px solid #ddd;
		background:#f1f1f1;
		color:#222;
		word-break:keep-all;
		overflow:hidden;
	}

	.bbs_writing td{
		padding:15px 20px;
		border-bottom:1px solid #ddd;
		line-height:18px;
		color:#555;
		word-break:keep-all;
	}

	.bbs_writing input{
		height:34px;
		border:1px solid #ddd;
	}

	.bbs_writing select{
		width:30%;
		height:34px;
		border:1px solid #ddd;
	}

	/* basic_faq */
	.faq_wrapper .faq_contet{
		border-top:2px solid #2d2d2d;
	}

	.faq_wrapper .faq_contet li{
		border-bottom:1px solid #ddd;
		background-color:#fff;
	}

	.faq_wrapper .fre{
		position:relative;
		padding:18px 80px 22px;
		cursor:pointer;
	}

	.faq_wrapper .fre:after{
		content:'';
		position:absolute;
		right:35px;
		top:50%;
		width:20px;
		height:20px;
		margin-top:-10px;
		background:url(/assets/images/sub/icon_faq.png) 0 0 no-repeat;
	}

	.faq_wrapper .fre .q{
		position:absolute;
		left:30px;
		top:50%;
		width:30px;
		height:30px;
		margin-top:-15px;
		padding-top:1px;
		box-sizing:border-box;
		border-radius:15px;
		background-color:#2d2d2d;
		color:#fff;
		font-size:15px;
		font-weight:normal;
		line-height:26px;
		text-align:center;
	}

	.faq_wrapper .fre strong{
		display:block;
		color:#555;
		font-size:15px;
		font-weight:500;
	}

	.faq_wrapper .ask{
		position:relative;
		padding:0 80px;
		overflow:hidden;
	}

	.faq_wrapper .ask .ask_text{
		position:relative;
		padding:18px 0 22px;
		border-top:1px solid #ddd;
		color:#555;
		font-size:15px;
		line-height:1.6;
		opacity:0;
	}

	.faq_wrapper .ask .a{
		position:absolute;
		left:30px;
		top:21px;
		width:30px;
		height:30px;
		padding-top:1px;
		box-sizing:border-box;
		border-radius:15px;
		background-color:#ef3d3b;
		color:#fff;
		font-size:15px;
		font-weight:normal;
		line-height:26px;
		text-align:center;
	}

	.faq_wrapper .faq_contet li,
	.faq_wrapper .fre:after,
	.faq_wrapper .ask .ask_text{
		transition-duration:0.4s;
	}

	.faq_wrapper .faq_contet li.open{
		background-color:#f8f8f8;
	}

	.faq_wrapper .faq_contet li.open .fre strong{
		color:#222;
		font-weight:500;
	}

	.faq_wrapper .faq_contet li.open .fre:after{
		transform:rotate(135deg);
	}

	.faq_wrapper .faq_contet li.open .ask_text{
		opacity:1;
	}

	.qna_tabcon{
		width:100%;
		margin-bottom:30px;
		padding:7px;
		background:#f5f5f5;
	}

	.qna_tabcon li{
		float:left;
		height:45px;
		margin:0 16px;
		line-height:43px;
		transition:all 0.2s ease-in-out;
	}

	.qna_tabcon li a{
		display:block;
		width:100%;
		height:100%;
		color:#222;
		transition:all 0.2s ease-in-out;
	}

	.qna_tabcon li.on,
	.qna_tabcon li.on a,
	.qna_tabcon li:hover,
	.qna_tabcon li:hover a{
		color:#f05852;
	}

	.qna_category img{
		height:35px;
	}

	/* certificaition */
	.certificaition_wrap .cer_list{
		width:100%;
	}

	.certificaition_wrap .cer_list li{
		float:left;
		width:32%;
		margin-right:2%;
		margin-bottom:28px;
	}

	.certificaition_wrap .cer_list li:nth-child(4n){
		margin-right:2%;
	}

	.certificaition_wrap .cer_list li:nth-child(3n){
		margin-right:0;
	}

	.certificaition_wrap .cer_list li:nth-child(-n+4){
		margin-top:28px;
	}

	.certificaition_wrap .cer_list li:nth-child(-n+3){
		margin-top:0;
	}

	.certificaition_wrap .cer_list li > a{
		position:relative;
		display:inline-block;
		width:100%;
		height:0;
		padding-bottom:129.2%;
	}

	.certificaition_wrap .cer_list li a img{
		position:absolute;
		left:50%;
		top:50%;
		width:auto;
		height:auto;
		max-width:100%;
		max-height:100%;
		transform:translate(-50%, -50%);
	}

	.certificaition_wrap .cer_list li h2{
		margin-top:15px;
		color:#555;
		font-size:16px;
		font-weight:400;
		line-height:22px;
		text-align:center;
	}

	/* calendar */
	.schedule_board .schedule_head{
		position:relative;
		width:100%;
		margin:0 0 30px 0;
		padding-top:0 !important;
	}

	.schedule_board .schedule_head .schedule_current{
		display:flex;
		justify-content:center;
		align-items:center;
	}

	.schedule_board .schedule_head .schedule_current span.active_month{
		display:block;
		margin:0 30px;
		color:#333;
		font-size:22px;
		font-weight:bold;
		line-height:1;
		text-align:center;
	}

	.schedule_board .schedule_head .schedule_current .year_prev,
	.schedule_board .schedule_head .schedule_current .month_prev,
	.schedule_board .schedule_head .schedule_current .year_next,
	.schedule_board .schedule_head .schedule_current .month_next{
		display:block;
		width:30px;
		height:30px;
	}

	.schedule_board .schedule_head .schedule_current .year_prev,
	.schedule_board .schedule_head .schedule_current .month_next{
		margin-right:5px;
	}

	.schedule_board table{
		table-layout:fixed;
	}

	.schedule_board table th{
		padding:10px 0;
		border:1px solid #d9d9d9;
		background:#f5f5f5;
		color:#565656;
		font-size:13px;
	}

	.schedule_board table td{
		padding:0;
		border:1px solid #d9d9d9;
		vertical-align:top;
	}

	.schedule_board table td span{
		position:relative;
		display:block;
		min-height:110px;
	}

	.schedule_board table td span.today{
		background-color:#f1fafe;
	}

	.schedule_board table tr th:first-child,
	.schedule table tr td:first-child span em{
		color:#ff0000;
	}

	.schedule_board table td span em{
		position:relative;
		display:block;
		padding:8px;
		color:#555;
		font-size:13px;
		text-align:right;
	}

	.schedule_board table td span em .cal_write{
		position:absolute;
		left:8px;
		top:0;
		bottom:0;
		display:block;
		width:18px;
		height:18px;
		margin:auto 0;
		background:url(/assets/images/sub/cal_write.png) center no-repeat;
		background-size:18px;
	}

	.schedule_board table .scheduleCont{
		position:relative;
		padding:0 8px 8px;
	}

	.schedule_board table .scheduleCont .circle{
		display:none;
	}

	.schedule_board table .scheduleCont ul li{
		margin-top:5px;
	}

	.schedule_board table .scheduleCont ul li:first-child{
		margin-top:0;
	}

	.schedule_board table .scheduleCont ul li a{
		display:inline-block;
	}

	.schedule_board table .scheduleCont ul li a p{
		display:inline-block;
		color:#555;
		font-size:13px;
		line-height:19px;
		word-break:break-all;
	}
}

/* Mobile */
@media screen and (max-width:767px) {
/* basic_white_whide */
.basic_board_list{width: 100%; table-layout:fixed; border-top:2px solid #222; border-bottom:1px solid #ddd;}
.basic_board_list th{padding: 10px 0; border-bottom: 1px solid #ddd; color:#222; font-size: 12px;}
.basic_board_list td{padding: 10px 0; border-bottom: 1px solid #ddd; vertical-align: middle; font-size: 12px; color:#555; text-align: center;}
.basic_board_list td a{color:#555}
.basic_board_list td.left{text-align: left; padding-left: 20px;}
.basic_board_list td img{margin-left: 5px;}
.basic_board_list .mob_none{display: none;}
.basic_board_list .pc_none{display: flex; margin-top: 10px; }
.basic_board_list .pc_none span{position:relative; display: block; line-height: 1; margin-right: 12px; font-size: 12px; color::#555;}
.basic_board_list .pc_none span:after{content:''; position:Absolute; right: -6px; width: 1px; height: 10px; top: 0; bottom: 0; margin: auto 0; background-color: #555;}
.basic_board_list .pc_none span:last-child{margin-right: 0;}
.basic_board_list .pc_none span:last-child:after{display: none;}
.basic_board_list .mob_block{display: table-cell;}
/*btn*/
.admin_btn {display: flex; justify-content:flex-start;margin-top: 20px; font-size: 0;}
.admin_btn a{display: inline-block; border:1px solid #777; height:30px; font-size:12px; margin-left: 5px; margin-bottom: 5px; color:#444; font-weight:bold; width:60px; text-align:center; line-height:28px;}
.admin_btn a.black_btn{background-color: #444; color:#fff;}
.admin_btn a:first-child{margin-left: 0;}
.admin_btn .btn_center{width: 100%; text-align: center;;}
.admin_btn .btn_center .form_btn{display: inline-block; border:1px solid #777; height:30px; font-size:12px; margin-left: 5px; color:#fff; background-color: #222; font-weight:bold; width:60px; text-align:center; line-height:28px;  vertical-align: top;}

/* search */
.bbs_search_wrap {margin:0 auto; padding:15px 10px; border:1px solid #ddd; background:#fafafa; margin-top: 20px;}
.bbs_search_wrap .bbs_search {display: flex; flex-wrap: wrap; justify-content: space-between;; align-items:center; }
.bbs_search_wrap .bbs_search .input_txt {width:calc(100% - 170px); height:30px; padding: 10px; margin-right: 0; border:1px solid #ddd; font-size:12px;}
.bbs_search_wrap .bbs_search select {width:100px; height:30px; padding:0 10px; margin-right: 0; vertical-align:middle; border:1px solid #ddd; font-size:12px; zoom:1;}
.bbs_search_wrap .bbs_search select:focus {border:1px solid #da0b85;}
.bbs_search_wrap .bbs_search select.disabled {border:1px solid #d0d0d0; background-color:#e9e9e9; color:#909090;}
.bbs_search_wrap .search_btn {display:block; margin:0; width: 60px; height: 30px; background-color: #222; color:#fff; font-size: 12px; line-height: 30px; cursor:pointer;}
.bbs_search_wrap .bbs_search.search_category select{width: 49%; margin-bottom: 10px;}
.bbs_search_wrap .bbs_search.search_category .input_txt {width: calc(100% - 65px); }

/*bbs_view*/
.basic_board_view .bbs_view,.bbs_view th,.bbs_view td{border:0}
.basic_board_view .bbs_view{width:100%; border-top:2px solid #222; border-bottom:1px solid #ddd; table-layout:fixed;}
.basic_board_view .bbs_view th{border-bottom:1px solid #ddd; }
.basic_board_view .bbs_view td{padding:15px 5px; border-bottom:none; border-top:none; line-height:18px; color:#555; border-bottom:1px solid #ddd; word-break:keep-all;}
.basic_board_view .bbs_view .tit{display: flex; align-items: center; padding: 15px 0;}
.basic_board_view .bbs_view .tit .left {width: calc(100% - 60px); padding:0 10px; text-align: left;}
.basic_board_view .bbs_view .tit .left em{display: block; font-size: 13px; color:#222; font-weight: 700;}
.basic_board_view .bbs_view .tit .left p{font-size: 13px; color:#555; margin-top: 5px;}
.basic_board_view .bbs_view .tit .right {border-left:1px solid #ddd; width:60px; text-align:center;}
.basic_board_view .bbs_view .tit .right p {display: block; font-size:13px; color:#555;}
.basic_board_view .bbs_view .tit .right em {display: block;  font-size:18px; color:#f22e36; font-weight:normal;}

/*reply*/
.reply_wrap .title {font-size: 13px; color:#444; font-weight:bold;}
.reply_wrap .title span {color:#f22e36; }
.reply_wrap .reply{margin-top: 10px;}
.reply_wrap .reply_box01 {padding: 10px 0; border-top:1px solid #ccc; }
.reply_wrap .reply_box01 .writer em {color:#222; font-size: 13px;font-weight:bold; display:inline-block; margin-right:0;}
.reply_wrap .reply_box01 .writer p span {font-size:12px; color:#777; display:inline-block; margin-left:10px;}
.reply_wrap .reply_box02 {width: calc(100% - 30px); margin-left: 30px;}
.reply_form{  border-top:1px solid #222; border-bottom:1px solid #222; padding: 10px 0;}
.reply_form .top{display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 0; }
.reply_form .top label{display: block; width: 80px; font-size: 12px; color:#222; line-height: 1; margin-bottom: 10px;}
.reply_form .top label input{vertical-align: -2px; margin-left: 3px;;}
.reply_form .box{display: flex; width: calc((100% - 100px)/1.1); align-items: center; padding-right: 10px; margin-bottom: 10px;}
.reply_form .box em{display: block; width: 70px; font-size: 13px; color:#222; font-weight: 500; text-align: center; line-height: 1;}
.reply_form .box input[type="text"]{display: block;width:calc(100% - 70px); height: 30px; border: 1px solid #ddd; padding: 0 10px;}
.reply_form .box input[type="password"]{display: block;width:calc(100% - 70px); height: 30px; border: 1px solid #ddd; padding: 0 10px;}
.reply_form .con{display: flex; align-items: center; }
.reply_form .con .con_box{display: flex; width: calc(100% - 70px); align-items: center;  padding-right: 10px;}
.reply_form .con .con_box em{display: block; width: 70px; font-size: 13px; color:#222; font-weight: 500; text-align: center; line-height: 1;}
.reply_form .con .con_box textarea{width: calc(100% - 70px); height: 70px; border: 1px solid #ddd; padding: 10px; resize: none;}
.reply_form .con button{width: 80px; text-align: center; line-height: 70px; font-size: 13px; color:#fff; font-weight: 500; border: 1px solid #555; background-color: #555;}
#comment_0{margin-bottom: 10px;;}
#comment2_0{margin-bottom: 10px;;}

/*prev_next*/
.prev_next,.prev_next th,.prev_next td{border:0}
.prev_next{width:100%; border-top:1px solid #222; border-bottom:1px solid #222; margin-top: 40px;}
.prev_next col:first-child{width: 60px;}
.prev_next th{padding:10px 5px; border-bottom:1px solid #ddd; color:#222; font-size: 13px; word-break:keep-all; overflow:hidden;}
.prev_next td{padding:10px 5px; border-bottom:none; border-top:none; line-height:18px; font-size: 12px; color:#555; border-bottom:1px solid #ddd; word-break:keep-all;}
.prev_next .none {border:none;}
.prev_next span {display: block; padding-left:15px; border-left:1px solid #999;}

/* product_list */
.product_list {display: flex; flex-wrap: wrap; font-size: 0; margin-bottom: 40px;}
.product_list li{width:48.5%; margin-right: 3%; margin-top:10px;}
.product_list li:nth-child(4n) {margin-right:3%;}
.product_list li:nth-child(-n+4) {margin-top:10px;}
.product_list li:nth-child(3n) {margin-right:3%;}
.product_list li:nth-child(-n+3) {margin-top:10px}
.product_list li:nth-child(2n) {margin-right:0;}
.product_list li:nth-child(-n+2) {margin-top:0;}
.product_list li a{display:block; width:100%;}
.product_list li .img_wrap{ display:block; border: 1px solid #ddd; width:100%;}
.product_list li .img_wrap .img{position:relative; padding-bottom:62.5%; overflow:hidden; }
.product_list li .img_wrap .img img{position:absolute; top:0; left: 0; right: 0; bottom: 0; margin: auto; max-width:100%; max-height:100%; width:auto; height:auto;}
.product_list li .txt{width:100%; padding:0 10px; margin-top: 10px; border-top:0;}
.product_list li .txt h5{font-size:14px; margin-bottom: 10px; color:#000; line-height:18px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:400;}
.product_list li .txt em{display:block; font-size:12px; color:#555; line-height:1;}

/* basic_faq */
.faq_wrapper{}
.faq_wrapper .faq_contet{border-top:2px solid #2d2d2d;}
.faq_wrapper .faq_contet li{border-bottom:1px solid #ddd; background-color:#fff;}
.faq_wrapper .fre{cursor:pointer; position:relative; padding:15px 25px 20px 75px;}
.faq_wrapper .fre:after{content:''; background: url(/assets/images/sub/icon_faq.png) 0 0 no-repeat; width:20px; height:20px; position:absolute; right:40px; top:50%; margin-top:-10px;}
.faq_wrapper .fre .q{position:absolute; left:20px; top:50%; margin-top:-16px; color:#fff; font-weight:normal; font-size:15px; width:30px; height:30px; line-height: 26px; padding-top:1px; box-sizing:border-box; background-color:#2d2d2d; text-align:center; border-radius:15px;}
.faq_wrapper .fre strong{display:block; color:#555; font-size:14px; font-weight:500;}
.faq_wrapper .ask{position:relative; padding:0 25px 0 75px; overflow:hidden;}
.faq_wrapper .ask .ask_text{position:relative; padding:18px 0 22px; border-top:1px solid #ddd; color:#555; line-height:1.6; font-size:15px; opacity:0;}
.faq_wrapper .ask .a{position:absolute; left:20px; top:21px; color:#fff; font-weight:normal; font-size:15px; width:30px; height:30px; line-height: 26px; padding-top:1px; box-sizing:border-box; background-color:#ef3d3b; text-align:center; border-radius:15px;}
.faq_wrapper .faq_contet li,.faq_wrapper .fre:after,.faq_wrapper .ask .ask_text{transition-duration:0.4s}
.faq_wrapper .faq_contet li.open{background-color:#f8f8f8}
.faq_wrapper .faq_contet li.open .fre strong{color:#222; font-weight:500;}
.faq_wrapper .faq_contet li.open .fre:after{transform: rotate(135deg);}
.faq_wrapper .faq_contet li.open .ask_text{opacity:1;}
.qna_tabcon {width:100%; margin-bottom:30px; background: #f5f5f5; padding:7px;}
.qna_tabcon li {float:left; height:45px; line-height:43px; margin:0 20px; transition:all 0.2s ease-in-out;}
.qna_tabcon li a {display:block; width:100%; height:100%; color:#222; transition:all 0.2s ease-in-out;}
.qna_tabcon li.on {color:#f05852;}
.qna_tabcon li.on a {color:#f05852;}
.qna_tabcon li:hover {color: #f05852;}
.qna_tabcon li:hover a {color:#f05852;}
.qna_category img {height:35px;}

/* story_new */
ul.horizontal_board {width:100%;}
ul.horizontal_board li {width:100%; padding:15px 0; border-bottom:1px solid #ddd; overflow:hidden;}
ul.horizontal_board li:first-child {border-top:1px solid #ddd;}
ul.horizontal_board li .img {float:left; width:100%; height:auto; margin-right:0; margin-bottom:10px;}
ul.horizontal_board li .img a {position:relative; display:block; width:100%; height:0; padding-bottom:63%;}
ul.horizontal_board li .img img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:100%; max-height:100%; width:100%; height:100%;}
ul.horizontal_board li .txt {float:left; width:100%; height:auto; padding-bottom:0;}
ul.horizontal_board li .txt .txt_box {position:static; top:0; left:0; transform:translateY(0);}
ul.horizontal_board li .txt span {display:block; width:80px; height:30px; line-height:20px; font-size:12px;}
ul.horizontal_board li .txt h4 {margin-top:0; font-weight:500; }
ul.horizontal_board li .txt h4 a {color:#000; font-size:12px;line-height:1; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
ul.horizontal_board li .txt .desc { margin:10px 0 10px; font-weight:300;}
ul.horizontal_board li .txt .desc a {display: block; font-size:12px; color:#555; line-height:20px; height:40px; overflow:hidden;}
ul.horizontal_board li .txt em {position:relative; display:inline-block; margin-right:10px; font-size:12px; color:#555; line-height:1; font-weight:400;}

/* certificaition */
.certificaition_wrap .cer_list li{float:left; width:49%; margin-right:2%; margin-top:28px;}
.certificaition_wrap .cer_list li:nth-child(4n) {margin-right:2%;}
.certificaition_wrap .cer_list li:nth-child(-n+4) {margin-top:28px;}
.certificaition_wrap .cer_list li:nth-child(2n) {margin-right:0;}
.certificaition_wrap .cer_list li:nth-child(-n+2) {margin-top:0;}


/* calendar */
.schedule_board .schedule_head{position:relative; width:100%;margin:0px 0px 30px 0px; padding-top:0px !important;}
.schedule_board .schedule_head .schedule_current{display: flex; justify-content:center; align-items: center; }
.schedule_board .schedule_head .schedule_current span.active_month{display:block;font-size:20px;font-weight:bold;text-align:center;line-height:1; color:#333; margin: 0 30px}/*2017년 7월*/
.schedule_board .schedule_head .schedule_current .year_prev{display:block;width:30px;height:30px; margin-right: 5px;}
.schedule_board .schedule_head .schedule_current .month_prev{display:block;width:30px;height:30px;}
.schedule_board .schedule_head .schedule_current .year_next{display:block;width:30px;height:30px;}
.schedule_board .schedule_head .schedule_current .month_next{display:block;width:30px;height:30px;margin-right: 5px;}
.schedule_board table{table-layout: fixed; }
.schedule_board table th{padding:10px 0px;background:#f5f5f5;border:1px solid #d9d9d9;font-size:12px;color:#565656;}
.schedule_board table td{padding:0px;border:1px solid #d9d9d9;vertical-align:top; font-size: 12px;}
.schedule_board table td span{position:relative; display:block; min-height:auto; min-height: 80px;}
.schedule_board table td span.today {background-color:#f1fafe;}
.schedule_board table tr th:first-child, .schedule table tr td:first-child span em{color:#ff0000;} /*일요일*/
.schedule_board table td span em{position:relative; display:block; padding:5px; color:#555; font-size:12px; text-align:right;}
.schedule_board table td span em .cal_write{position:absolute;display: block;  left: 5px; top: 0; bottom: 0; margin: auto 0; width: 15px; height: 15px; background: url(/assets/images/sub/cal_write.png)center no-repeat; background-size: 15px;}
.schedule_board table .scheduleCont{position:relative; padding:0px 5px 5px 5px;}
.schedule_board table .scheduleCont .circle{display: block; width: 12px; height: 12px; background-color: #555; border-radius: 50%;}
.schedule_board table .scheduleCont ul{display: none;}
.schedule_board table .scheduleCont ul li {margin-top: 5px;}
.schedule_board table .scheduleCont ul li:first-child{margin-top: 0;}
.schedule_board table .scheduleCont ul li a{display: inline-block; }
.schedule_board table .scheduleCont ul li a p{display: inline-block; font-size: 14px; color:#555; line-height: 20px; word-break: break-all;}
}