@charset "utf-8";

.top_visual_title {
    display: block;
    padding-bottom: 12px;
    font-size: 20px;
    color: #fff;
	letter-spacing: 0.01em;
    /* color: #222; */
  font-weight: 400!important;
    text-align: center;
    font-family: 'Playfair Display SC', serif;
    letter-spacing: 0.023em;
	    margin-left: 220px;
}
.top_visual_TT {
    font-size: 52px;
    line-height: 1.2;
    color: #fff;
font-family:"NotoSans-light",sans-serif;
	letter-spacing:-0.025em;
}


.top_visual_TT.tt {
    font-size: 52px;
    line-height: 1.2;
    color: #fff;
font-family:"NotoSans-light",sans-serif;
	letter-spacing:-0.025em;
}

.top_visual_TT .tit_Bold {
    font-size: 52px;
    line-height: 1.2;
    color: #fff;
	letter-spacing:-0.025em;
  font-family:"NotoSans-Bold",sans-serif;font-family: "gmarket",sans-serif;
    font-weight: 600;
}
.top_visual_TT div.words {
    padding: 5px 0;
}

.top_visual_TT div.lines {
    margin: -5px 0;
}

.top_visual_TT div.lines {
    overflow: hidden;
}
.top_visual_TT .tit_Bold.tt {
    line-height: 1.41;
}

.top_visual_TT .ss {
    font-size: 42px;
line-height: 1;
}
.right_info_txt strong {
    font-size: 35px;
    color: #B5121B;
    display: block;
    font-weight: 300;
    display: none;
}

.sub_right_body > .right_info_txt {
    padding-left: 0;
    counter-increment: item;
    margin-top: 28px;
}

.right_info_txt h4.num:before {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background: #B5121B;
    border-radius: 50%;
    position: absolute;
    top: 13px;
    left: 0;
}
.right_info_txt h4.num {
    padding-left: 38px;
	position: relative;

}
.right_info_txt h4.num:before {
    content: counter(item);
    width: 28px;
    height: 28px;
    color: #fff;
    text-align: center;
    line-height: 28px;
    top: 0;
    left: 0;
    font-family: 'Lato','NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;
    font-weight: 900;
    font-size: 13px;
    border-radius: 4px;
}


.sub_right_body {
    counter-reset: item;
}

.sub_right_body .cc{
    display: table-cell;
    vertical-align: middle;
}
.info_left {
    width: 58%;
    padding: 72px 0px 72px 0;
}



.info_right {
    width: 42%;
    padding: 72px 35px 72px 0;
}


.info_right .right_img{
    width: 100%;
    max-width: 100%;
    position: relative;
    right: -80px;
}
.right_info_txt .r_icon{
     width: 20%;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin-right: 4%;
}
.right_info_txt .r_txt{
    width: 70%;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.top_visual_TT .tt_Bold {

  font-family:"NotoSans-Bold",sans-serif;
  font-size: 42px;
  line-height: 1;
}

@media (max-width: 1550px){

.top_visual_title {
    padding-bottom: 7px;
    font-size: 22px;
}
.top_visual_TT {
    font-size: 55px;
}

.info_right .right_img {
    right: -80px;
}

}

@media (max-width: 1280px){

.top_visual_txt_inner {
   /* padding-bottom: 30px; 
	    padding-top: 30px;*/
}
.top_visual .wrap {

}
.top_visual_TT {
    font-size: 50px;
}

#main .wrap {
    max-width: inherit;
    margin: 0 10px;
}
.footer-menu-wrap {
    position: relative;
    display: block;
    right: 0;
    top: 10px;
}

#footer .go-top {
    position: absolute;
    display: block;
    right: 10px;
    top: -25px;
}
#footer .go-top  img {
    width: 50px;
    height: 50px;
}
}


@media (max-width: 1023px){

.top_visual_title {
    font-size: 20px;
}
.top_visual_TT {
    font-size: 32px;
}
.top_visual_TT .tit_Bold {
 font-size: 32px;
}
.top_visual_TT .tt_Bold {
 font-size: 32px;
}
.top_visual_TT .ss {
    font-size: 32px;
    line-height: 1;
}
.right_info_txt .r_txt {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
}

#main #vitamin_mid .wrap {
    transform: translate(0, 100px);
    opacity: 0;
}
#main .main_client {
    transform: translate(0, 100px);
    opacity: 0;
}




#main .body_section_move.on {
    transform: translate(0, 0) !important;
    opacity: 1 !important;
    transition: transform 1s, opacity 1s;
}


#subpage_area .sub_section {
    transform: translate(0, 0px);
    opacity: 1;
}

#subpage_area  .body_section_move.on {
    transform: translate(0, 0) !important;
    opacity: 1 !important;
    transition: transform 1s, opacity 1s;
}

 #subpage_area {
 padding-bottom: 50px;
}
.subBody {
    margin: 120px auto 0;
    position: relative;
	 min-height: -webkit-calc(100vh - 643px * 1);
    min-height: calc(100vh - 643px * 1);
    overflow: hidden;
}

.topTxtA {
    width: 1184px;
    margin: 0 auto;
}
.topTxtA .subTit {
    font-family: 'NotoSans-Medium';
    font-size: 54px;
    color: #000;
    letter-spacing: -0.01em;
	    text-indent: -0.01em;
	text-align: center;
}
.topTxtA .subTxt1 {
    font-size: 40px;
    line-height: 50px;
    margin-top: 30px;
    color: #666;
}
.topTxtA .subTxt3 {
    font-size: 18px;
    line-height: 30px;
    margin-top: 40px;
    color: #666;
	    font-family: 'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif;
	    text-align: center;
}

.topTxtA .subTxt3 strong {

    font-family: 'NotoSans-Regular';
}

.subpage {/*padding-top: 200px;*/}
.subpage:after {content: '';display: table;clear: both;}
.subpage_header {float: left;width: 25.66%;position: relative;}
.subpage .sub_left_tiT {margin-top: -9px;}
.subpage_body {float: left;width: 74.34%;position: relative;}

.sub_left_tiT {
    font-size: 45px;
    line-height: 1.25;
    letter-spacing: -0.01em;
    color: #222;
    margin-bottom: 30px;
	    font-family: 'NotoSans-Bold';
}
.sub_right_body {
    display: table;
    width: 100%;
    border-top: 3px solid #222;
}
.xwrap {
    max-width: 1520px;
    margin: 0 auto;
}

.right_info_txt{
    padding: 35px 0;

}
.right_info_txt h4 {
    margin-bottom: 20px;
    font-size: 19px;
    word-break: keep-all;
    color: #B5121B;
	  font-family: 'NotoSans-Bold';
}
.right_info_txt p {
    margin: 0;
	font-size: 15px;
    line-height: 1.6em;
    color: #666666;
    font-family: 'NotoSans-Regular';
	letter-spacing: -0.023em;
}
@media (max-width: 1754px){
.xwrap {
    max-width: inherit;
    margin: 0 6.5%;
}
}

.sub_section{
width: 100%;
    position: relative;
    /* padding-bottom: 43px; */
    margin: 0px auto 80px;
	    display: inline-block;
    z-index: 2;
}


@media (max-width: 1180px){
.xwrap {
    margin: 0 3%;
}
}





.board_list {width: 100%;table-layout: fixed;position: relative;border-top: 0px solid #222; padding-top: 0px ;}
.board_list caption {width: 1px;height: 1px;position: absolute;top: 0;left: 0;font-size: 0;line-height: 0;overflow: hidden;}
.board_list tr {width: 100%;}
.board_list th {padding: 28px 0;position: relative;font-size: 16px;text-align: center;color: #222;vertical-align: middle;border-bottom: 1px solid #ddd;font-family: "NotoSans-Bold",sans-serif;}
.board_list th:before {content: '';display: block;width: 1px;height: 13px;position: absolute;top: 50%;left: 0;margin-top: -6px;background: #ddd;}
.board_list th:first-child:before {display: none;}
.board_list td {padding: 29px 21px;font-size: 16px;text-align: center;color: #666;vertical-align: middle;border-bottom: 1px solid #ddd;cursor: pointer;-webkit-transition: background 300ms;transition: background 300ms; border-right: 0; line-height: normal; letter-spacing: -0.025em;font-family: 'NotoSans-Regular';}
.board_list td.notice {padding: 26px 21px;font-size: 16px;text-align: center;color: #666;vertical-align: middle;border-bottom: 1px solid #ddd;cursor: pointer;-webkit-transition: background 300ms;transition: background 300ms; border-right: 0; line-height: normal; letter-spacing: -0.025em;font-family: 'NotoSans-Regular';}
.board_list td.cc {}
.board_list .board_title_wrap {width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
.board_list .board_title_wrap * {vertical-align: middle;}
.board_list .board_title_wrap a {font-size: 16px;color: #666; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;   font-family: 'NotoSans-Regular';}
.board_list .notice_on {display: inline-block;width: 64px;height: 32px;font-size: 14px;line-height: 32px;color: #fff;border-radius: 20px;background: #B5121B;}
.board_list .jt_board_notice_row td {padding: 25px 21px;}
.board_list .jt_board_notice_row td.title .board_title_wrap a { color: #000;}
html.desktop .board_list tr:hover td:not(.board_nothing_found) {background: #F8F8F8;}

.board_list .num {width: 119px; }


.board_list .num.tt {width: 119px;    font-family: 'Lato','NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;
    font-weight: 600;
    font-size: 15px;}

.board_list .num.notice {font-family: 'NotoSans-Medium';}
.board_list .title {width: auto;}
.board_list .name {width: 121px;    position: relative;}
.board_list .name.cc {width: 16%;    position: relative;}
.board_list .date {width: 121px;}
.board_list td.title {text-align: left;}

.board_list td.board_nothing_found {padding: 20px 0;background: #fff;cursor: default;}

.board_list td.name.cc {
    padding: 22px 21px;
}

.board_list .btn_download {
    padding: 8px 10px 9px;
    border: 1px solid #ddd;
    background: #f6f6f6;
    font-size: 14px;
    color: #666;
    letter-spacing: -0.01em;
    position: absolute;
    right: 25px;
    top: 21px;
    -webkit-transition: background 300ms, border 300ms;
    transition: background 300ms, border 300ms;
}
.board_list .date time{
    font-family: 'Lato','NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;
    font-weight: 600;
    font-size: 15px;
}

.round_btn{display:inline-block; padding:0 21px; height:40px; color:#222; text-align:center; border-radius:20px;}
.round_btn span{padding-right:3px; color:#fff; font-size:15px; line-height:38px;}
.round_btn.bw{background: #fff;
    /* border: 1px solid #bdbdbd; */
    background-color: #F8F8F8;}
.round_btn.bw span{color:#222;}


.round_btn.dw.effect:hover {
    background: #1F539E;
    border: 1px solid #1F539E;
}
.round_btn.dw.effect:hover p{color:#fff; background:url(/img/2024/download_icon_over.png) right center no-repeat;}
.round_btn.dw.effect:hover p span{color:#fff; background:none;}
.faq {width: 100%;table-layout: fixed;position: relative;border-top:0px solid #222; padding-top: 0px ;}
.faq caption {width: 1px;height: 1px;position: absolute;top: 0;left: 0;font-size: 0;line-height: 0;overflow: hidden;}

.round_btn.dw p {
    display: inline-block;
    padding-right: 26px;
    font-family: 'NotoSans-Regular';
    font-size: 15px;
    background: url(/img/2024/download_icon.png) right center no-repeat;
    white-space: nowrap;
}


.faq tr {    width: 100%;
    float: none;}
.faq .ifaq_list-a.active td {padding: 29px 21px;font-size: 16px;text-align: center;color: #666;vertical-align: middle;border-bottom: 1px solid #ddd;cursor: pointer;-webkit-transition: background 300ms;transition: background 300ms; border-right: 0; line-height: normal; letter-spacing: -0.025em;font-family: 'NotoSans-Regular';}
.faq .ifaq_list-q td {padding: 26px 21px;font-size: 16px;text-align: center;color: #666;vertical-align: middle;border-bottom: 1px solid #ddd;cursor: pointer;-webkit-transition: background 300ms;transition: background 300ms; border-right: 0; line-height: normal; letter-spacing: -0.025em;font-family: 'NotoSans-Regular';}
.faq .ifaq_list-a td {padding: 0 21px;font-size: 16px;text-align: center;color: #666;vertical-align: middle;border-bottom: 0px solid #ddd;cursor: pointer;-webkit-transition: background 300ms;transition: background 300ms; border-right: 0; line-height: normal; letter-spacing: -0.025em;font-family: 'NotoSans-Regular';}
.faq .jt_board_notice_row td {
    padding: 25px 0px;
}
.faq .notice_on {display: inline-block;width: 64px;height: 32px;font-size: 14px;line-height: 32px;color: #fff;border-radius: 20px;background: #B5121B;}
.faq .notice_ans {
    display: inline-block;
    width: 64px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    color: #fff;
    border-radius: 20px;
    background: #000;
}
.faq .board_title_wrap {width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    /* white-space: nowrap; */
    word-wrap: normal;
    text-align: left;}
.faq .board_title_wrap * {vertical-align: middle;}
.faq .board_title_wrap a {font-size: 16px;color: #666; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;   font-family: 'NotoSans-Regular';}
.faq .num {/*width: 10%;*/width: 11%;}
.faq .title {width: 70%;}
.faq .name{/*width: 10%;*/width: 10%;}
.faq .date{/*width: 10%;*/width: 10%;}
.faq td span.list_control {
    display: block;
    width: 100%;
    height: 15px;
    position: relative;
    /*left: 30px;*/
    top: 50%;
    /* margin-top: -7px; */
    font-size: 0;
    background: url(/img/2024/arrow_down.png) no-repeat center center;

}
.faq .ifaq_list-q td.date {
    /* width: 10%; */
    width: 5%;
    padding: 29px 21px;
}

.ifaq_list-q.active span.list_control {
    background-image: url(/img/2024/arrow_up.png);
}


.faq  tr.ifaq_list-a {width: 100%;}
.faq .ifaq_list-a td {

}
.ifaq_inner {
    display: none;
	    padding: 30px 0;
    letter-spacing: -0.03em;
}
.faq tr:first-child+tr .ifaq_inner {display: block;}
.ifaq_list-a.active { background:#FBFBFB; }
.ifaq_list-a.active:after { background:#F6F6F6; }


.ifaq_list-q.active td {

    border-bottom: 0px solid #ddd;
color: #000;
    font-family: 'NotoSans-Medium';
}


.ifaq_list-a td {
    position: relative;
}

.faq .ifaq_list-a.active td{

    background: #FBFBFB;
	    vertical-align: top;
}


.faq .ifaq_list-a td.title {
    width: 89%;
}
@media (max-width: 1023px){
.xwrap {
    margin: 0 0px;
}
.sub_left_tiT {
    font-size: 38px;
}
 #subpage_area {
 padding-bottom: 80px;
}
.sub_right_body .cc {
    /*display: block;*/
    vertical-align: middle;
}
.info_left {
    width: 100%;
    padding: 46px 35px 46px 0;
}
.info_right {
    width: 100%;
    padding:46px 0px 46px 0;
}
.info_right .right_img {
    width: 100%;
    max-width: 100%;
    position: relative;
    right: 0;
    margin: 0 30px;
}
 .info_left.cc {
display:block;
}
 .info_right.cc {
display:block;
padding: 0px 0px 0px 0;
}

.faq td span.list_control{
    left: 10px;
}

.faq .notice_ans {
    width: 42px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
}
.faq .notice_on {
    width: 42px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
}
.faq .ifaq_list-a td {
    padding: 0;
   
}
.faq .num {
    /* width: 10%; */
    width: 64px;
}
.faq .ifaq_list-q td {
    padding: 29px 11px;
 
}
.faq .ifaq_list-a.active td {
    padding: 29px 11px;
}





}
@media (max-width: 1280px){
.topTxtA {
    width: auto;
    padding: 0 5%;
}
.faq .ifaq_list-q td.date {
    /* width: 10%; */
    width: 5%;
    padding: 29px 0px;
}
.round_btn{padding:0 11px; height:30px; border-radius:15px;}
.round_btn span{padding-right:0px; font-size:12px; line-height:28px;}
.round_btn.bw span{background-size:8px;}

	.round_btn.dw{padding:0 15px;}
	.round_btn.dw p{display:inline-block; padding-right:16px; font-size:12px; background-size:auto 12px; /*background:url(/common/images/down_icon_2.png) right center no-repeat;*/}
	.round_btn.dw:hover p{background-size:auto 12px;}

.round_btn.dw.effect:hover p{background-size:auto 12px;}
}

@media (max-width: 1050px){

.top_visual_TT {
    margin-left: 0px;
}
.subBody {
    margin: 60px auto 0;
	padding: 0 10px;
	    min-height: 700px;
}

.topTxtA .subTit {
    font-size: 35px;
}
.topTxtA .subTxt3 {
    font-size: 18px;
    line-height: 26px;
    margin-top: 20px;
}
}





@media (max-width:981px){


.faq .notice_ans {
    width: 42px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
}
.faq .notice_on {
    width: 42px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
}

.faq td span.list_control {
    left: -10px;
 
}
.faq .num {
    /* width: 10%; */
    width: 63px;
}
.faq .ifaq_list-q td {
    padding: 29px 0px;
	    font-size: 14px;
}
.faq .ifaq_list-a.active td {
    padding: 29px 10px;
}
.faq .board_title_wrap {
    margin-left: 10px;
}
.faq .ifaq_list-q td.date {
    padding: 29px 0px;
}
.faq .ifaq_list-a td {
    padding: 0;

}
.faq .title {
    width: 82%;
}
.faq .name {
    /* width: 10%; */
display:none;}

.faq .ifaq_list-q td.date {
    /* width: 10%; */
    width: 10%;
}

.round_btn{padding:0 11px; height:30px; border-radius:15px;}
.round_btn span{padding-right:0px; font-size:12px; line-height:28px;}
.round_btn.bw span{background-size:8px;}

	.round_btn.dw{padding:0 15px;}
	.round_btn.dw p{display:inline-block; padding-right:16px; font-size:12px; background-size:auto 12px; /*background:url(/common/images/down_icon_2.png) right center no-repeat;*/}
	.round_btn.dw:hover p{background-size:auto 12px;}

.round_btn.dw.effect:hover p{background-size:auto 12px;}

}



.board_page {display: block;width: 100%;margin-top: 75px;font-size: 0;text-align: center;}
.board_page:empty {margin-top: 0;}
.board_page .page_num {display: inline-block;min-width: 23px;height: 32px;padding: 0 4px;margin: 0 9px 4px;position: relative;    font-family: 'Lato','NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;
    font-weight: 600;font-size: 13px;line-height: 32px;text-align: center;vertical-align: top;color: #888;-webkit-transition: color 300ms;transition: color 300ms;}
.board_page .page_num:after {content: '';display: block;width: 100%;height: 2px;position: absolute;bottom: 1px;left: 0;border-bottom: 2px solid transparent;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html.desktop .board_page .page_num:hover, .board_page .page_num.active {color: #B5121B;}
.board_page .page_num.active:after {border-color: #B5121B;}
.board_page .page_num.prev, .board_page .page_num.next{width: 32px;font-size: 0;border: 1px solid #dedede;    border-radius: 20px;}
.board_page .page_num.prev:before, .board_page .page_num.next:before, .board_page .page_num.last:before {display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;font-family: 'kiwi-font';font-size: 12px;font-weight: normal;line-height: 30px;color: #ddd;border-radius: 20px;}
.board_page .page_num.prev:hover:before, .board_page .page_num.next:hover:before {color: #000;}
.board_page .page_num.prev {margin-right: 8px;margin-left: 4px;}
.board_page .page_num.prev:before {content: '\E910';}
.board_page .page_num.next {margin-left: 8px;margin-right: 4px;}
.board_page .page_num.next:before {content: '\E911';}

#subpage_area .square_bg {
    position: absolute;
    top: 27%;
    right: 3%;
    z-index: 1;
}
@media (max-width:1920px){
#subpage_area .square_bg {
    position: absolute;
    top: 350px;
    right: -3%;
    z-index: 1;
}
}

@media (max-width:1520px){


}

@media (max-width:768px){

    .board_page {margin-top: 40px;}
    .board_page .page_num {min-width: 28px;height: 28px;margin: 0 2px;font-size: 14px;line-height: 28px;}
    .board_page .page_num.prev:before, .board_page .page_num.next:before {line-height: 26px;}
	.board_page .page_num.prev, .board_page .page_num.next{width:28px;}
    html.ios .board_page .page_num {line-height: 30px;}
#subpage_area .square_bg {
    position: absolute;
    top: 240px;
    right: 3%;
    z-index: 1;
    max-width: 100px;
}
.info_left {
    width: 100%;
    padding: 26px 0px 26px 0;
}
.top_visual_TT.tt {
    font-size: 24px;
}
.top_visual_TT .tit_Bold.tt {
    line-height: 1;
}
.top_visual_TT .tit_Bold {
    font-size: 28px;
    line-height:1;
    color: #fff;
    letter-spacing:-0.025em;
}

.top_visual_TT {
    font-size: 24px;
	line-height:1;
}

.top_visual_TT .tt_Bold {
    font-size: 24px;
    line-height: 1;
}
.top_visual_TT .ss {
    font-size: 24px;
    line-height: 1;
}

br.mo{

display:none;

}
.subpage_header {
    float: none;
    width: auto;
}
.subpage_body {
    width: 100%;
	    min-height: 345px;
}
.subpage .sub_left_tiT {
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 0;
}
.info_right .right_img {
    width: 100%;
    max-width: 100%;
    position: relative;
    right: 0;
    margin: 0 10px;
	text-align: -webkit-center;
}

.info_right .right_img img{
  
    max-width:85%;

}

.right_info_txt h4 {
    margin-bottom: 5px;
	font-size: 18px;
}
.right_info_txt p {
    margin: 0;
    font-size: 13px;
    line-height: 1.6em;
    color: #666666;
    font-family: 'NotoSans-Regular';
    letter-spacing: -0.023em;
}
.board_list .title.cc {
padding:12px 0;
}

    .board_list thead {display: none;}
    .board_list tr {display: block;padding: 11px 0 13px;font-size: 0;border-bottom: 1px solid #dedede;}
    .board_list td {display: block;padding: 0;font-size: 12px;color: #888;border-bottom: none;}
	.board_list .jt_board_notice_row td {padding:0;}
    .board_list .num, .board_list .hit {display: none;}
	.board_list.faq .num, .board_list .hit {display: inline-block;width:10%;}
	.board_list.faq td.title, .board_list.faq .jt_board_notice_row td.title {
    padding: 0;
	display: inline-block;
	width:70%;
}


    .board_list .name, .board_list .jt_board_notice_row .name {display: inline-block;vertical-align: middle;width: auto;padding-right: 14px;position: relative;}
    .board_list .name:after {content: '';display: block;width: 1px;height: 9px;position: absolute;right: 7px;top: 50%;margin-top: -4px;background: #ddd;}
    .board_list .date {display: inline-block;vertical-align: middle;width: auto;}

.board_list .name.cc:after {
display:none;
}
	.board_list.faq .date {
    display: inline-block;
    vertical-align: middle;
    width: 10%;
}

.board_list.faq .name:after {
display:none;
}


.board_list td span.list_control {
    display: block;
    width: 100%;
    height: 15px;
    position: relative;
    left: 10px;
    top: 50%;
    /* margin-top: -7px; */
    font-size: 0;
    background: url(/img/2024/arrow_down.png) no-repeat center right;
}

    .board_list td.title, .board_list .jt_board_notice_row td.title {padding: 0 0 7px 0;}
	.board_list .board_title_wrap a { font-size:15px;}
    html.desktop .board_list tr:hover td {background: transparent;}
    html.ios .board_list tr {padding-top: 13px;}
    html.mobile .board_list tr:hover td:not(.board_nothing_found) {background: transparent;}
	html.desktop .board_list tr:hover td:not(.board_nothing_found) {background: transparent;}
    .board_list tr:hover td {background: transparent;}

.board_list.faq tr {
    padding: 20px 0;

}
.faq .board_title_wrap {

    margin-left: 10px;
}
.board_list .notice_ans {
    width: 42px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
}
.board_list .notice_on {
    width: 42px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
}
.board_list td.title.cc {
    text-align: left;
    width: 70%;
	    display: inline-block;

}

.board_list td.name.cc {
	    padding: 7px 0;
}


.board_list .name.cc {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    padding-right: 0px;
    position: relative;
	    padding: 7px 0;
}
.board_list .btn_download {

right: 0;
    top: 0;
}
.board_list .date time {
    font-size: 12px;
}

.sub_right_body > .right_info_txt {
    padding-left: 0;
    counter-increment: item;
    margin-top: 0;
}


}

@media (max-width:450px){
#subpage_area .square_bg {
    position: absolute;
    top: 240px;
    right: 3%;
    z-index: 1;
    max-width: 100px;
}
}


@media (max-width:400px){
#subpage_area .square_bg {
    position: absolute;
    top: 240px;
    right: 3%;
    z-index: 1;
    max-width: 100px;
}
}


#footer .fix_menu{

display:none;

}


@media (max-width: 767px){


#footer .fix_menu{

display:block;

}

#footer .fix_menu menu{

    -webkit-padding-start: 0px;
	    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;

}
#footer .fix_menu{
	z-index:98;
}
#footer .fix_menu {
	position:fixed;
	left:0;
	right:0;
	bottom:0;
}
#footer .fix_menu menu {
	display:table;
	width:100%;
}
#footer .fix_menu menu li {
	display:table-cell;
	width:50%;
	vertical-align:top;
}
#footer .fix_menu menu li .btn {
	display:block;
	width:100%;
	height:60px;
	background-color:transparent;
}
#footer .fix_menu menu li:first-child {
	background-color:#fbcc34;
}
#footer .fix_menu menu li:nth-child(2) {
background-color:#ED9ECE;
}
.page_request #footer .fix_menu menu,
.page_request #footer .fix_menu menu li {
	display:block;
	width:inherit;
}
 
#footer .fix_menu menu li .btn {
	padding:0;
}
#footer .fix_menu menu li .btn > span {
    display: block;
    position: relative;
    max-width: 150px;
    margin: 0 auto;
    padding: 0 15px 0 50px;
    font-size: 14px;
    
    line-height: 60px;
    text-align: left;
	color: #fff;
    font-family: 'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;
}
#footer .fix_menu menu li:first-child .btn > span {
    display: block;
    position: relative;
    max-width: 150px;
    margin: 0 auto;
    padding: 0 15px 0 50px;
    font-size: 14px;
    line-height: 60px;
    text-align: left;
	color: #503234;
    font-family: 'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;
}

#footer .fix_menu menu li .btn > span.en {
    display: block;
    position: relative;
    max-width: 150px;
    margin: 0 auto;
    padding: 0 15px 0 50px;
    font-size: 14px;
    font-weight: 700;
    line-height: 60px;
    text-align: left;
	color: #fff;
	    font-family: "Lato", "NotoSans-Regular","Lato",'맑은 고딕', 'Malgun Gothic', 돋움, Dotum, 'Apple SD Gothic Neo', sans-serif;
    font-weight: 600;
}
#footer .fix_menu menu li .btn > span:before {
	display:block;
	position:absolute;
	top:0;
	left:15px;
	bottom:0;
	width:50px;
    font-family: 'kb-font';
    font-size: 26px;
    color: #fff;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
    content: '\e923';
}
#footer .fix_menu menu li:nth-child(2)  .btn > span:before {
	display:block;
	position:absolute;
	top:0;
	left:20px;
	bottom:0;
	width:50px;
    font-family: 'nc-font';
    font-size: 16px;
    color: #fff;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
    content: '\E952';
}
#footer .fix_menu menu li .btn > span:before {
	display:block;
	position:absolute;
	top:0;
	left:15px;
	bottom:0;
	width:50px;
    font-family: 'kiwi-font';
    font-size: 26px;
    color: #503234;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
    content: '\E929';
}
}
.pageMove {
    position: relative;
    margin-top: 100px;
	margin-bottom: 40px;
    text-align: center;
}
.roundBtn {
    display: inline-block;
    height: 60px;
    padding: 0 60px;
    font-family: 'NotoSans-Regular';
    color: #222;
    font-size: 20px;
    line-height: 58px;
    border-radius: 30px;
    border: 1px solid #797979;
	background: none;
	outline:0;
}


.weather {
      /* float: right; */
    /* background: none; */
    /* width: 100%; */
    padding-top: 20px;
    border: 0;
    position: absolute;
    overflow: hidden;
    /* width: 100%; */
    text-align: right;
    /* padding-right: 90px; */
    z-index: 12;
    right: 12%;
	/*left:50%;
	margin-left:450px;*/
    width: 140px;
}
.weather .wwrap{ overflow:hidden; display:inline-block;}
.weather .weather_icon{ float:left;width:50px;}
.weather em{font-size:40px; color:#fff;    font-family: 'Roboto',"NotoSans-Bold",sans-serif;
    font-weight: 700; font-style:inherit; float:left; padding-left:10px; display:block; line-height:52px}
.weather em:before{
    content: "";
    background: #e4e4e4;
    width: 1px;
    height: 20px;
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 18px;}

.weather .cweather .days{position:absolute;
color:#fff; font-size:12px;bottom:3px;
right:0px;
display:block;}
.weather .cweather .days p{    letter-spacing: 1px;
color:#fff; font-size:10px; font-family:"Roboto", "NotoSans-Bold",sans-serif;	display: inline-block;
}

.weather span{display:inline-block; float:left; overflow:hidden; width:20px; height:25px; text-indent:-99px; background:url(/img/2024/metric.png) no-repeat;margin-top:10px}
  .cweather{
	display: inline-block;
    float: left;
	    margin-top: -8px;
	}
  #current_icon{
	display: inline-block;
    float: left;
		margin-top:0
	}

	@media (max-width: 1920px){

.weather {

    right: 4%;

}

	}
	@media (max-width: 1280px){

.weather {

    
    right:3.5%;

}

#HEADER #GNB .gnb_inner .logo_area img {
    max-width: 108px;
}

#HEADER #GNB .gnb_inner .logo_area h2 {
    max-width: 138px;
    display: inline-block;
    font-size: 12px;
    text-align: left;
    font-family: "NotoSans-Medium",sans-serif;
    margin-left: 130px;
    line-height: 1.3;
    letter-spacing: -0.023em;
}
#HEADER {
     height: 88px;
    background: #fff;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 999;
    transition: top 0.3s;
}
#HEADER #GNB .navi_inner .gnb_inner {
    height: 60px;
}
#HEADER #GNB .gnb_inner .logo_area {
    left: 0px;
    top: 50%;
    line-height: 1;
}
#HEADER #GNB .gnb_inner .logo_area .logo {
    width: 138px;
}

	}

	@media (max-width: 970px){

.weather {

    
    right:1.5%;

}
#HEADER {
    height: 60px;
    background: #fff;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 999;
    transition: top 0.3s;
}
	}
@media (max-width: 768px){

#HEADER {
    height: 60px;
    background: #fff;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 999;
    transition: top 0.3s;
}
}
	@media (max-width: 540px){

.weather {

    
    right:2.5%;

}
.footer-info p.first span:nth-child(2), .footer-info p.first span:nth-child(3) {display:block}
.footer-menu-wrap {
    margin-top: 5px;
}
	}

.mBandBanner {
    position: relative;
    z-index: 999;
    width: 100%;
    height: 90px;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    color: #fff;
    letter-spacing: -0.28px;
    background-color: #ebfaff;
    transition: all .3s;
    -webkit-transition: all .3s;
}

#wrap:not(.hasBanner) .mBandBanner {
    display: none;
}

.mBandBanner .slide {
    position: relative;
    width: 600px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 0 24px;
}

.mBandBanner .slide .view {
    overflow: hidden;
}

.mBandBanner .slide .view > li {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px 0;
    box-sizing: border-box;
}

.mBandBanner .wrapLink {
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

.mBandBanner .link {
    display: block;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    color: #333;
}

.mBandBanner .link strong.title {
    display: inline-block;
    font-size: 20px;
    line-height: 30px;
}

.mBandBanner .desc {
    margin: 0 0 0 8px;
    color: #3c6cf4;
}

.mBandBanner .link:hover {
    text-decoration: underline;
}

.mBandBanner .link:hover .desc {
    text-decoration: underline;
}

.mBandBanner .btnClose {
    position: absolute;
    top: 33px;
    right: 30px;
    width: 24px;
    height: 24px;
}

.mBandBanner .btnClose svg {
    width: 12px;
}

.mBandBanner .paginate > button {
    position: absolute;
    top: 33px;
}

.mBandBanner .paginate > button.prev {
    left: 0;
}

.mBandBanner .paginate > button.next {
    right: 0;
}

.mBandBanner.theme1 {
    background-color: #2952B8;
}

.mBandBanner.theme1 .link {
    color: #fff;
}

.mBandBanner.theme1 .paginate path {
    stroke: #ffffff;
}

.mBandBanner.theme1 .btnClose path {
    stroke: #ffffff;
}

.mBandBanner.theme1.color_0 {
    background-color: #E35B5B;
}

.mBandBanner.theme1.color_1 {
    background-color: #002DA0;
}

.mBandBanner.theme1.color_2 {
    background-color: #f4f8fd;
}

.mBandBanner.theme1.color_3 {
    background-color: #0BA9D9;
}

.mBandBanner.theme1.color_4 {
    background-color: #6753D0;
}

.mBandBanner.theme1.color_5 {
    background-color: #000000;
}

.mBandBanner.theme1.color_6 {
    background-color: #F2D51F;
}

.mBandBanner.theme1.color_6 .link {
    color: #000;
}

.mBandBanner.theme1.color_7 {
    background-color: #0980EE;
}

.mBandBanner.theme1.color_10 {
    background-color: #000;
}

@media (max-width: 1329px) {
    .navShow .hasBanner #header {
        padding-top:90px;
    }

    .navShow .hasBanner #header .navigation {
        padding: 226px 0 0;
    }
}
img[data-unveil] {opacity: 0;-webkit-transition: opacity .3s;transition: opacity .3s;}
img[data-unveil].nc-lazyload--loaded {opacity:1}

.nc-lazyload {position: relative;overflow: hidden;}
.nc-lazyload img {display: block;/* max-width: 100%; */position: absolute;left: 0;top: 0; width: 100%;}
.nc-lazyload img.nc-lazyload--loaded {height: auto;}

/* Color preview */
.nc-lazyload_color-preview {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #aaa;opacity: 0.6;}

@media (max-width: 767px) {
    #wrap:not(.hasBanner) .mBandBannerWrap {
        display:none;
    }

    #wrap.fixedBandBanner .mBandBannerWrap {
        z-index: 1002;
    }

    .navShow .hasBanner #header {
        padding-top: 90px;
    }

    .navShow .hasBanner #header .navigation {
        padding: 207px 0 0;
    }

    .mBandBannerWrap {
        position: static;
        height: 63px;
        background-color: #2952B8;
    }

    .mBandBanner.color_8 {
        background: url(/SkinImg/img/bg_banner2_m.png) no-repeat,url(/SkinImg/img/bg_banner2_m_w.webp) no-repeat,linear-gradient(to right,#0554ee,#06c6fb);
        background-size: 100% 100%;
    }

    .mBandBanner.color_9 {
        background-image: url(/SkinImg/img/bg_banner_m.png),url(/SkinImg/img/bg_banner_m_w.webp);
        background-size: 100% 100%;
    }

    .mBandBanner {
        height: 100%;
    }

    .mBandBanner .slide {
        width: 100%;    padding: 0 0px;
    }

    .mBandBanner .slide .view {
        height: 63px;
    }

    .mBandBanner .slide .view > li {
        padding: 2px 0 0;
    }

    .mBandBanner .link {
        font-size: 12px;
        line-height: 22px;
    }

    .mBandBanner .link strong.title {
        font-size: 15px;
        line-height: 22px;
    }

    .mBandBanner .desc {
        margin: 0;
    }

    .mBandBanner .btnClose {
        z-index: 1;
        position: absolute;
        top: 15px;
        right: 15px;
        width: 17px;
        height: 17px;
    }

    .mBandBanner .btnClose svg {
        width: 17px;
    }

    .mBandBanner .paginate > button.prev {
        display: none !important;
    }

    .mBandBanner .paginate > button.next {
        display: none !important;
    }

    .mBandBanner .paginate > button {
        top: 25px;
    }

    .mBandBanner .lSSlideOuter .lSPager {
        display: block;
    }

    .mBandBanner .lSSlideOuter .lSPager.lSpg {
        margin: -12px 0 0;
    }

    .mBandBanner .lSSlideOuter .lSPager.lSpg > li {
        padding: 0 6px;
    }

    .mBandBanner .lSSlideOuter .lSPager.lSpg > li a {
        background-color: #FFFFFF;
        opacity: 0.4;
        border: 1px solid #fff;
        width: 8px;
        height: 8px;
    }

    .mBandBanner .lSSlideOuter .lSPager.lSpg > li:hover a,.mBandBanner .lSSlideOuter .lSPager.lSpg > li.active a {
        background-color: #fff;
        opacity: 1;
    }

    .mBandBanner.color_5 .lSSlideOuter .lSPager.lSpg > li a {
        border-color: #444B59;
    }

    .mBandBanner.color_5 .lSSlideOuter .lSPager.lSpg > li.active a {
        background-color: #444B59;
    }

    .mBandBanner.color_12 .lSSlideOuter .lSPager.lSpg > li a {
        border-color: #444B59;
    }

    .mBandBanner.color_12 .lSSlideOuter .lSPager.lSpg > li.active a {
        background-color: #444B59;
    }
}

@media (min-width: 768px) and (max-width:1079px) {
    .mBandBanner .slide {
        padding:0 60px;
    }

    .mBandBanner.color_8 {
        background: url(/SkinImg/img/bg_banner2_t.png) no-repeat,url(/SkinImg/img/bg_banner2_t_w.webp) no-repeat,linear-gradient(to right,#0554ee,#06c6fb);
    }

    .mBandBanner.color_9 {
        background-image: url(/SkinImg/img/bg_banner_t.png),url(/SkinImg/img/bg_banner_t_w.webp);
        background-size: 100% 100%;
    }

    .mBandBanner .btnClose {
        position: absolute;
        top: 10px;
        right: 12px;
    }
}

@media (min-width: 768px) {
    .mBandBanner .lSSlideOuter .lSPager {
        display:none;
    }
}

@media (min-width: 1080px) {
    .mBandBanner .slide {
        padding:0 34px;
    }

    .mBandBanner.color_8 {
        background: url(/SkinImg/img/bg_banner2.png) no-repeat,url(/SkinImg/img/bg_banner2_w.webp) no-repeat,linear-gradient(to right,#0554ee,#06c6fb);
    }

    .mBandBanner.color_9 {
        background-image: url(/SkinImg/img/bg_banner.png),url(/SkinImg/img/bg_banner_w.webp);
        background-size: 100% 100%;
    }
}


 #footer .footer-wrap .footer_sns_wrap { display: block; position: absolute; top: 0; right: 0;display: inline-block;	}
	.footer_sns { font-size: 0; }
	.footer_sns li {display: inline-block;vertical-align: top;margin-right: 24px;}
	.footer_sns li:last-child { margin-right: 0; }
	.footer_sns li a:after {font-family: 'kb-font';font-size: 2rem;color: #fff; transition: color 0.3s; -webkit-transition: color 0.3s}

	.footer_sns > li.vimeo > a:after {content: '\e93a';}
	.footer_sns > li.youtube > a:after {content: '\e93b';}
	.footer_sns > li.insta > a:after {content: '\e918';color: #d72187;}
	.footer_sns > li.kakao > a:after {content: '\e923';color: #fbcc34;}
	.footer_sns > li.facebook > a:after {content: '\e916';}
	.footer_sns > li.blog > a:after {content: '\E965';}
	
    html.desktop .footer_sns > li.vimeo > a:hover:after { color: #29abd9;}
	html.desktop .footer_sns > li.youtube > a:hover:after { color: #ff0000;}
	html.desktop .footer_sns > li.insta > a:hover:after { color: #d72187;}
	html.desktop .footer_sns > li.kakao > a:hover:after { color: #fbcc34;}
	html.desktop .footer_sns > li.facebook > a:hover:after { color: #1178f2;}
    html.desktop .footer_sns > li.blog > a:hover:after { color: #42d31a;}

@media (max-width: 1200px){
#footer .footer-wrap .footer_sns_wrap { display: block; position: absolute; bottom: -60px; right: 0;display: inline-block;	}
	.footer_sns { font-size: 0; }
	.footer_sns li {display: inline-block;vertical-align: top;margin-right: 13px;}
	.footer_sns li:last-child { margin-right: 0; }
	.footer_sns li a:after {font-family: 'kb-font';font-size: 16px;color: #fff; transition: color 0.3s; -webkit-transition: color 0.3s}

	.footer_sns > li.vimeo > a:after {content: '\e93a';}
	.footer_sns > li.youtube > a:after {content: '\e93b';}
	.footer_sns > li.insta > a:after {content: '\e918';}
	.footer_sns > li.kakao > a:after {content: '\e923';}
	.footer_sns > li.facebook > a:after {content: '\e916';}
	.footer_sns > li.blog > a:after {content: '\E965';}
	}

	
@media (max-width: 960px){
	.footer_sns li a:after {
    font-family: 'kb-font';
    font-size: 26px;
    color: #fff;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
}

}


	

.gs_board_list { border-color: #ddd;}
.gs_board_list .gs_board_notice {font-weight:600;}

.board_top{

margin-top:20px;position: relative;    display: flex;
    width: 100%;
    justify-content: space-between;
}


.uarea{
    border: 1px solid #e6e7e9;
    background: #ffffff;
    word-break: keep-all;
    padding: 20px;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #FBFDFE;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 30px;color: #555;
}
.uarea_list {margin-left: 15px;margin-bottom: 0px;margin-top: -6px;}
.uarea_list li {position: relative;margin-top: 11px;letter-spacing: -0.023em;}
.uarea_list li:before {position: absolute;top: 12px;left: -14px;content: "";width: 4px;height: 4px;background: #080a14;border-radius: 50%;}
.uarea_list li:first-child {margin-top: 0;}
html.ie .uarea_list li {line-height: 1.5;}
html.ie .uarea_list li:before { top:11px;}
html.edge .uarea_list li:before { top:12px;}



.uarea_list {margin-bottom: 0px;}
	.uarea_list li {font-size: 15px; margin-top: 9px;line-height: 1.6;font-family: 'Roboto',"NotoSans-Regular",sans-serif;}
	.uarea_list li:before { width: 3px; height: 3px; top: 10px; }


.uarea_list li strong{font-family: 'Roboto',"NotoSans-Medium",sans-serif;color:#111;position: relative;margin-right: 10px;}

.color-red {
    color: #e60012;
}

.bullet_type li {margin-bottom: 9px;
    padding-left: 10px;
    font-size: 16px;
    line-height: 1.35;
    color: #666;
    position: relative;
    border-bottom: 0px;
   }
.bullet_type li:before {    width: 4px;
    height: 4px;
    background: #666;
    position: absolute;
    left: 1px;
    top: 50%;
    border-radius: 50%;
    content: '';
    display: block;
    margin-top: -2px;}
.bullet_type > li:last-child {margin-bottom:30px;}
.bullet_type li ul{margin-top: 5px;}
.bullet_type li ul li:before{border-radius: 0%; width:5px;height:2px; top: 13px;}
.bullet_type li ul li ul li:before{display: none;}
.bullet_type > li > ul > li > ul > li{display: flex; padding-left: 0;}
.bullet_type li ul li p{margin-bottom: 0px}
.bullet_type li ul li span{margin-right: 5px;}
.bullet_type li ul li span.footnote_color{margin-right: 0px;}
.bullet_type li.none_bullet:before{width: 0; height: 0;}
.bullet_type li.none_bullet p{display: inline-block; margin-bottom: 0;}
.bullet_type li.none_bullet span{margin-right: 5px;}
.bullet_type li ul li.none_bullet:before{width: 0; height: 0;}
.bullet_type li ul li.none_bullet{margin-left: -5px;}
.bullet_type li ul li.none_bullet span{margin-right: 5px;}
.bullet_type li ul li.none_bullet .block_bullet{position: relative;}
.bullet_type li ul li.none_bullet .block_bullet:before{background: #666;position:absolute; border-radius: 0%; width:5px;height:2px; top: 13px; content:'';display:block;}
.bullet_type li ul li.none_bullet .block_bullet{padding-left: 15px}
.bullet_type li.number_bullet{padding-left: 0;}
.bullet_type li.number_bullet ul li{margin-left: 15px;}


ul.uarea_list_sub li {
    position: relative;
    padding-left: 15px;
}
ul.uarea_list_sub {
   margin-top: 5px;
}
ul.uarea_list_sub  li:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 5px;
    height: 1px;    top: 11px;
    background: #000;
}
ul.uarea_list_sub li {
    font-size: 15px;
    margin-top: 0px; color:#111;font-family: 'Roboto',"NotoSans-Regular",sans-serif;
}

ul.uarea_list_sub li strong{
    color:#111;font-family: 'Roboto',"NotoSans-Medium",sans-serif;
}
.uarea_list li strong.color-red {
    color: #e60012;
}
.ctit_h {
    font-size: 28px;
    color: #222;
    font-family: "Roboto", "NotoSans-Bold",sans-serif;
    font-weight: 600;
    margin: 0px 0 15px;
    padding-left: 0px;
}

.ctit_s {
    font-size: 18px;
    color: #222;
    font-family: "Roboto", "NotoSans-Bold",sans-serif;
    font-weight: 600;
    margin: 0px 0 15px;
    padding-left: 0px;
}

.grayBox {margin-top:50px; padding:35px 10px 35px 50px; background:#f8f8f8;position:relative;border-radius:5px;}
.grayBox:before {content: '\E846';
     top: 40px;
    font-size: 18px;
    font-family: 'nc-font';
    left: 24px;
	position:absolute;
}
 .grayBox .tit {font-size:24px; font-family:'Roboto', 'NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#000; margin-bottom:29px;}
 .grayBox .txt {line-height:30px;font-size:18px;font-family:'Roboto', 'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif; }


@media (max-width: 1660px){

.uarea_list {margin-bottom: 0px;}
	.uarea_list li {font-size: 15px; margin-top: 9px;}
	.uarea_list li:before { width: 3px; height: 3px; top: 10px; }


}
.color-red {
    color: #e60012;
}



.program_info:first-child {margin-top: 20px;    position: relative;}



.program_info .scroll_txt {
    text-align: right;
    display: none;
    color: #dc3545;
    margin-bottom: 5px;
    line-height: 1.3;
    font-size: 11px;
    margin-bottom: -20px;
        top: 30px;
    padding-left: 10px;
    float: right;
    right: 0;
    letter-spacing: -0.03em;
    position: absolute;
}
.scroll_txt i{
    display: inline-block;
}
.scroll_txt i:before {
    content: '\E846';
    top: 0px;
    /* left: 50%; */
    transform: translate(-50%, 0%);
    font-size: 12px;
    font-family: 'nc-font';
    left: 0px;
      color: #dc3545;
    position: absolute;    font-style: normal;
}

@media (max-width:768px){


.program_info .scroll_txt {
 
    display: block;

}
.uarea{
    margin-bottom: 20px;
}
}


@media (max-width: 1023px){

	.uarea_list li {line-height: 1.6;}
	.uarea_list li:before {top: 11px;}
	html.ios .uarea_list li:before {top: 9px;}

}

@media screen and (max-width: 768px){
.ctit_h {
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: -.5px;
    font-weight: 700;
    word-break: keep-all;
    margin-bottom: 16px;
}
.ctit_s {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -.5px;
    word-break: keep-all;
    margin-bottom: 16px;font-family: "Roboto", "NotoSans-Bold",sans-serif;
}
.grayBox {margin-top:40px;padding: 25px 6% 25px 42px; background-position:center 25px; background-size:40px;}
.grayBox .tit {font-size:18px; margin-bottom:20px;}
 .grayBox .txt {font-size:13px; line-height:19px;}

  .uarea_list { margin-left: 11px; margin-top: -2px;}
	.uarea_list li {font-size: 14px;margin-top:10px;}
    .uarea_list li:before { top:10px;left:-10px;}
  .uarea_list li:before {
    top: 9px;
}

.uarea_list_sub li {
    font-size: 14px;
    margin-top: 10px;
}
ul.uarea_list_sub li {
  font-size: 14px;
}
.grayBox:before {
    content: '\E846';
    top: 32%;
    font-size: 13px;
    font-family: 'nc-font';
    left: 24px;
    position: absolute;
}
}


@media(max-width: 540px){

.uarea_list li  {margin-top:10px;}

}




.gs_board_list {width: 100%;table-layout: fixed;position: relative;border-top: 3px solid #0a0a0a;}
.gs_board_list caption {width: 1px;height: 1px;position: absolute;top: 0;left: 0;font-size: 0;line-height: 0;overflow: hidden;}
.gs_board_list tr {width: 100%;}
.gs_board_list th {padding: 26px 0 27px;position: relative;font-size: 16px;text-align: center;    font-family: 'Roboto','Lato','NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;color: #0a0a0a;vertical-align: middle;border-bottom: 1px solid #dedede;}
.gs_board_list th:before {content: '';display: block;width: 1px;height: 15px;position: absolute;top: 50%;left: 0;margin-top: -8px;background: #ddd;}
.gs_board_list th:first-child:before {display: none;}
.gs_board_list td {padding: 20px 0;font-size: 13px;font-weight: 500;text-align: center;vertical-align: middle;border-bottom: 1px solid #dedede;cursor: pointer;-webkit-transition: background 300ms;transition: background 300ms;line-height: 1;}
.gs_board_list .gs_board_title_wrap {width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
.gs_board_list .gs_board_title_wrap * {vertical-align: middle;}
.gs_board_list .gs_board_title_wrap a {font-size: 16px;    font-family: 'Roboto','Lato','NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;color: #080a14;letter-spacing: -0.023em;padding-left: 10px;}
.gs_board_list .gs_board_notice {display: inline-block;width: 60px;height: 30px;font-size: 14px;font-weight:600;line-height: 30px;color: #fff;background: #f52f23; font-weight: 400; position: relative; top: 0px;}
.gs_board_list .gs_board_notice_row td.gs_board_title { font-weight: 700;}
html.ie .gs_board_list .gs_board_notice {line-height:28px;}
html.ie .gs_board_list th {padding-top:21px; padding-bottom:20px;}
html.ie .gs_board_list th:before {margin-top:-7px;}
html.safari .gs_board_list .gs_board_notice {line-height:32px;}
.sxt{color:#f52f23;font-size: 16px;}
.gs_board_list .num {width: 100px; }
.gs_board_list .title {width: auto;}
.gs_board_list .author {width: 140px;}
.gs_board_list .date {width: 140px;}
.gs_board_list .hit {width: 100px;}
.gs_board_list td.title {padding: 22px 35px;text-align: left;}



.gs_board_list td.gs_board_num {width: 132px;font-size: 16px;color: #888;    font-family: 'Roboto','Lato','NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;}
.gs_board_list td.gs_board_title {text-align: left;padding: 36px 0 36px;    font-family: 'Roboto','Lato','NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;}
.gs_board_list td.gs_board_attachment {width: 30px;height: 100%;padding: 0;}
.gs_board_download {z-index: 99;width: 100%;height: 100%;min-height: 100%;padding: 100% calc(50% - 5px);display: block;vertical-align: middle;}
.gs_board_date {width: 147px;}
.gs_board_date time{color:#0a0a0a;font-size: 14px;letter-spacing: 0;position: relative;top: 1px;left: -6px;     font-family: 'Roboto','Lato','NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif; letter-spacing: -0.015em;}
.gs_board_author { width: 170px; font-family: 'Roboto','Lato','NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;}
.gs_board_list .gs_board_title_wrap{display: inline-block;max-width: -webkit-calc(100% - 140px);max-width: calc(100% - 140px); vertical-align: middle;}
.gs_board_list .gs_arrow_btn{margin-left: 24px;opacity: 0;top: 1px;-webkit-transform: translate(-10px,0);-ms-transform: translate(-10px,0);transform: translate(-10px,0);display: inline-block;width: 45px;position: relative;-webkit-transition: 300ms;transition: 300ms;}
.gs_board_list .gs_arrow_btn svg path{ fill: #0a0a0a}
.gs_board_list td.gs_board_attachment svg { width: 10px; height: 17px; position: relative; top: 4px;}
.gs_board_list td.gs_board_attachment svg path { stroke: #0a0a0a;}
html.ie .gs_board_list .gs_arrow_btn {top:2px;}
html.ie .gs_board_list td.gs_board_title {padding:37px 0 38px;}

html.desktop .gs_board_list tr:hover .gs_arrow_btn { opacity: 1; -webkit-transform: translate(0px,0); -ms-transform: translate(0px,0); transform: translate(0px,0);}

.gs_board_list td.gs_board_nothing_found {padding: 100px 0;cursor: default;}
.ds_pagination {


}

.gs_search {margin-bottom: 31px;margin-top: -18px;font-size: 0;text-align: right;float: right;}

.gs_search_category {display: inline-block;width: 102px;vertical-align: top;position: relative;margin-right: 30px;}
.gs_search_category .selectric {width: 100%;border: none;border-bottom: 2px solid #0a0a0a;    text-align: left;}
.gs_search_category .selectric .label {height: 49px;font-weight: 300;line-height: 42px;position: relative;top: 8px;font-size: 17px;margin-left: 0; color:#0a0a0a}
.gs_search_category .selectric .button {height: 51px;right: -14px;}
.gs_search_category .selectric .button:after {font-size: 10px;font-weight:600;color: #0a0a0a;top: 8px;right: -3px;content: '\e911';font-family: 'nc-font';}
.gs_search_category .selectric-items li {border-color: #ddd;}
.gs_search_category .selectric:after{ display: none;}
html.ie .gs_search_category .selectric .button:after {top:-2px;}
html.ie .gs_search_category .selectric .label {height:45px;top:1px;}
html.ie .gs_search_subcategory .selectric .label {top:3px;}
html.safari .gs_search_category .selectric .label {line-height:45px;}

.gs_search_category.gs_search_subcategory { width: 192px;}

html.mobile .gs_search_category {background: #fff;border-radius: 0;overflow: hidden;}
html.mobile .gs_search_category:before {width: 14px;position: absolute;top: 0;right: 0;font-family: 'nc-font';content: '\e911';font-size: 14px; text-align: center;line-height: 42px;color: #0a0a0a; padding-top: 4px;}
html.mobile .gs_search_category > select {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;margin: 0;padding: 14px 40px 14px 12px;position: relative;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;font-size: 15px;line-height: 1;font-weight: 300;color: #0a0a0a;background: transparent;border: 0;border-radius: 0; border-bottom: 2px solid #0a0a0a; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline: none;-webkit-box-shadow: none;box-shadow: none;opacity: 1; padding: 15px 0 10px;}

.gs_search_field {display: inline-block;position: relative;vertical-align: top;width: 265px;}
.gs_search_input.gs_form_field {width: 100%;height: 51px;margin: 0;padding-right: 0;padding-left: 0;vertical-align: top;background: #fff;border: none;border-bottom: 2px solid #0a0a0a;text-overflow: ellipsis;}
.gs_search_input.gs_form_field:focus {border-color: #0a0a0a;}
.gs_search_input::-webkit-input-placeholder {font-size: 16px; position: relative; top: 4px;}
.gs_search_input::-moz-placeholder {font-size: 16px; position: relative; top: 4px;}
.gs_search_input:-ms-input-placeholder {font-size: 16px; position: relative; top: 4px;}
.gs_search_button {background: no-repeat url(/img/2024/search_ico.svg) center center transparent;background-size: 18px;display:  inline-block;vertical-align: top;width: 50px;height: 50px;padding: 0 0 3px;font-size: 16px;font-weight: 400;border: none;color: #0a0a0a;outline: none;cursor: pointer;-webkit-transition: 300ms;transition: 300ms;position: absolute;top: 3px;right: -15px;}
html.desktop .gs_search_button:hover {color: #0a0a0a;}
html.ie .gs_search_input.gs_form_field {height:47px; padding-right:30px;}
html.ie .gs_search_input:-ms-input-placeholder {top:0;}
html.ie .gs_search_button {top:0;}


.gs_board_list .gs_board_notice {
    display: inline-block;
    width: 60px;
    height: 30px;
    font-size: 14px;
    line-height: 32px;
    color: #fff;
    background: #ed9ece;
    font-family: 'Roboto','Lato','NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;
    position: relative;
    top: 0px;
}

.board_wrap .gs_search{ margin-top: -14px;}

.gs_search .selectric .button {
    width: 47px;
    height: 50px;
}


.gs_list_tag,
.gs_list_count,
.gs_list_last_update {float: left;    font-family: 'Roboto','Lato','NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;margin-top: 3px;font-size: 18px;}
.gs_list_last_update.gs_list_count, .gs_list_last_update { font-weight: 700; font-size: 15px; color: #0a0a0a;}
.gs_list_tag {margin-right: 10px;}
.gs_list_tag span {font-weight: 700;}
.gs_list_count span{font-weight: 800;}
.gs_list_last_update time { letter-spacing: 0;}


.gs_search_category .selectric .label {
    height: 49px;
    font-weight: 300;
    line-height: 42px;
    position: relative;margin: 0 42px 0 12px;
    top: 8px;
    font-size: 17px;
    margin-left: 0;
    color: #0a0a0a;
}



.gs_search_category .gs_selectric { opacity: 0;}
.gs_search_category .selectric-hide-select .gs_selectric{ opacity: 1;}
.gs_select_wrap {width: 323px;position: relative;}
.gs_search_category .selectric {width: 100%;text-align: left;background: #fff;border: 1px solid #eaeaea;-webkit-transition: border-color 300ms;transition: border-color 300ms;}
.gs_search_category .selectric:after {content: '';display: block;position: absolute;left: -1px;right: -1px;top: -1px;bottom: -1px;border: 1px solid #0a0a0a;opacity: 0;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
.gs_search_category .selectric .label {height: 48px;margin: 0 42px 0 12px;font-size: 16px;line-height: 48px;font-weight: 400;color: #666;}
.gs_search_category .selectric .button {width: 47px;height: 50px;}
.gs_search_category .selectric .button:after {width: 100%;font-family: 'nc-font';content: '\e911';font-size: 15px;color: #0a0a0a;border: none;-webkit-transition: -webkit-transform 0.4s;transition: -webkit-transform 0.4s;transition: transform 0.4s;transition: transform 0.4s, -webkit-transform 0.4s;}
.gs_search_category .selectric-items ul, .selectric-items li {width: 100%;font-size: 15px;text-align: left;}
.gs_search_category .selectric-items {background: #fff;border: solid #0a0a0a;border-width: 0 1px 1px;-webkit-box-shadow: none;box-shadow: none;opacity: 0;-webkit-transition: all 0.4s;transition: all 0.4s;margin-top:0;}
.gs_search_category .selectric-items ul {margin: 0;padding: 0;}
.gs_search_category .selectric-items li {padding: 5px 12px;line-height: 1.4;font-weight: 400;color: #888;}
.gs_search_category .selectric-items li:first-child {padding-top: 15px;}
.gs_search_category .selectric-items li:last-child {padding-bottom: 15px;}
html.desktop .gs_search_category .selectric-items li:hover, .selectric-items li.selected {color: #0a0a0a;background: #fff;}
.gs_search_category .selectric-hover .selectric {background: #fff;border-color: #0a0a0a;}
.gs_search_category .selectric-hover .selectric:after {opacity: 1;}
.gs_search_category .selectric-focus .selectric {background: #fff;border-color: #0a0a0a;}
.gs_search_category .selectric-focus .selectric:after {opacity: 1;}
.gs_search_category .selectric-open .selectric {background: #fff;border-color: #0a0a0a; border-bottom-color: #ddd;}
.gs_search_category .selectric-open .selectric:after {border-bottom: none;-webkit-box-shadow: none;box-shadow: none;opacity: 1;}
.gs_search_category .selectric-open .selectric .button:after {-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
.gs_search_category .selectric-open .selectric-items {opacity: 1;}
.gs_search_category .selectric-above.selectric-open .selectric {border-top-color: #ddd;border-bottom-color: #0a0a0a;}
.gs_search_category .selectric-above.selectric-open .selectric:after {border-bottom: 1px solid #0a0a0a;border-top: none;}
.gs_search_category .selectric-above.selectric-open .selectric-items {border-width: 1px 1px 0;}

html.ie .gs_search_category .selectric .label {line-height:45px;font-weight:500;}



.gs_search_category {display: inline-block;width: 102px;vertical-align: top;position: relative;margin-right: 30px;}
.gs_search_category .selectric {width: 100%;border: none;border-bottom: 2px solid #0a0a0a;    text-align: left;height: auto;
    line-height: auto;}
.gs_search_category .selectric .label {height: 49px;font-weight: 500;line-height: 42px;position: relative;top: 8px;font-size: 14px;margin-left: 0; color:#0a0a0a}
.gs_search_category .selectric .button {height: 51px;right: -14px;}
.gs_search_category .selectric .button:after {font-size: 14px;font-weight:500;color: #0a0a0a;top: 5px;right: -3px;content: '\E816';font-family: 'nc-font';}
.gs_search_category .selectric-items li {border-color: #ddd;}
.gs_search_category .selectric:after{ display: none;}
html.ie .gs_search_category .selectric .button:after {top:-2px;}
html.ie .gs_search_category .selectric .label {height:45px;top:1px;}
html.ie .gs_search_subcategory .selectric .label {top:3px;}
html.safari .gs_search_category .selectric .label {line-height:45px;}

.gs_search_category.gs_search_subcategory { width: 192px;}

html.mobile .gs_search_category {background: #fff;border-radius: 0;overflow: hidden;}
html.mobile .gs_search_category:before {width: 14px;position: absolute;top: 0;right: 0;font-family: 'nc-font';content: '\E816';font-size: 14px; text-align: center;line-height: 42px;color: #0a0a0a; padding-top: 4px;}
html.mobile .gs_search_category > select {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;margin: 0;padding: 14px 40px 14px 12px;position: relative;font-family: 'Roboto','Lato','NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;font-size: 15px;line-height: 1;font-weight: 300;color: #0a0a0a;background: transparent;border: 0;border-radius: 0; border-bottom: 2px solid #0a0a0a; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline: none;-webkit-box-shadow: none;box-shadow: none;opacity: 1; padding: 15px 0 10px;}
.gs_search_category  .selectric-open .selectric{
border-bottom: 2px solid #0a0a0a;
}

.gs_search input::placeholder {
  font-size:14px;font-weight:500;
}
.gs_search_category .selectric-items li {
    padding: 5px 12px;
    line-height: 1.4;
	font-size:14px;
    font-weight: 500;
    color: #888; font-family: 'Roboto','Lato','NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;
}

.gs_search .gs_form_field {
    display: inline-block;
  
    padding: 11px 14px 10px 5px;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.75;
    outline: none;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border 300ms, -webkit-box-shadow 300ms;
    transition: border 300ms, -webkit-box-shadow 300ms;
    transition: border 300ms, box-shadow 300ms;
    transition: border 300ms, box-shadow 300ms, -webkit-box-shadow 300ms;
}


.gs_board_list tbody td.file{
    padding: 18px 16px 18px;position: relative;
}

.gs_board_list tbody td.file span{

display:inline-block;
width:33.333333%;
position: relative;
display: inline-grid;
}

.gs_board_list tbody td.file span:before{
    width: 100%;
    /* height: 20px; */
    position: absolute;
    top: 50%;
    margin-top: -14px;
    font-family: 'fileicon';
    font-size: 18px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;    color: #444;
	    
}
.gs_board_list tbody td.file span.docx:before,.gs_board_list tbody td.file span.doc:before{

content: '\e801';



}
.gs_board_list tbody td.file span.jpg:before,.gs_board_list tbody td.file span.jpeg:before,.gs_board_list tbody td.file span.png:before,.gs_board_list tbody td.file span.bmp:before,.gs_board_list tbody td.file span.gif:before{

content: '\f1c5';


}
.gs_board_list tbody td.file span.zip:before,.gs_board_list tbody td.file span.rar:before{

content: '\f1c6';


}

.gs_board_list tbody td.file span.ppt:before,.gs_board_list tbody td.file span.pptx:before{

content: '\f1c4';


}

.gs_board_list tbody td.file span.xls:before,.gs_board_list tbody td.file span.xlsx:before{

content: '\f1c3';


}

.gs_board_list tbody td.file span.pdf:before{

content: '\f1c1';


}
.gs_board_list tbody td.file span.word:before{
content: '\f1c2';


}
.gs_board_list tbody td.file span.hwp:before,.gs_board_list tbody td.file span.txt:before{

content: '\f0f6';


}


@media (max-width: 1660px){
	.gs_board_list .gs_board_notice { font-size: 12px; width: 52px; height: 24px; line-height: 24px; top: auto; }
	html.ie .gs_board_list .gs_board_notice {line-height: 24px; }
	html.safari .gs_board_list .gs_board_notice {line-height: 26px; }
	.gs_board_list .gs_board_title_wrap a {font-size: 16px; word-break: break-word;}
	.gs_board_list th { padding: 26px 0 27px; font-size: 15px; }
	.gs_board_list td {font-size: 13px;}
	.gs_board_list td.gs_board_title {padding: 32px 0 30px;}
	.gs_board_list td.gs_board_attachment svg { width: 8px; height: auto; }
	html.ie .gs_board_list td.gs_board_title {padding: 30px 0 32px;}
	html.ie .gs_board_list td.gs_board_attachment svg {height: 15px; }
	.gs_board_list td.gs_board_num { width: 114px; font-size: 13px; line-height: 1; }
	.gs_board_date { width: 118px; line-height: 1;}
	.gs_board_date time {font-size: 12px;}
	.gs_board_list .gs_arrow_btn {top: 1px; width: 36px;}
.sxt{color:#f52f23;font-size: 16px;}
.gs_search_category .selectric .label {
    height: 43px;
    line-height: 34px;
    font-size: 14px;
}
.gs_search_button {
    width: 44px;
    height: 44px;
    background-size: 16px;
    padding: 0;
    right: -14px;
}
.gs_form_field {
    display: inline-block;
    width: 280px;
    height: 50px;
    margin: 0;
    padding: 11px 14px 10px 5px;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.75;
    color: #666;
    border: 1px solid #eaeaea;
    outline: none;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border 300ms, -webkit-box-shadow 300ms;
    transition: border 300ms, -webkit-box-shadow 300ms;
    transition: border 300ms, box-shadow 300ms;
    transition: border 300ms, box-shadow 300ms, -webkit-box-shadow 300ms;
}
.gs_form_field {
    height: 44px;
    font-size: 14px;
}
.gs_search_input.gs_form_field {
    height: 45px;
}
.gs_search_category .selectric .button {
    height: 45px;
}
.gs_search_category .selectric-items li:first-child {
    padding-top: 13px;
}

.gs_board_list .gs_board_notice {
    font-size: 12px;
    width: 52px;
    height: 24px;
    line-height: 24px;
    top: auto;
}

}
html.mobile .gs_search_category > select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    margin: 0;
    padding: 14px 40px 14px 12px;
    position: relative;
    font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
    font-size: 15px;
    line-height: 1;
    font-weight: 300;
    color: #0a0a0a;
    background: transparent;
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid #0a0a0a;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1;
    padding: 15px 0 10px;
}

.program_info:first-child {
    margin-top: 20px;
}

.program_info .scroll_txt {
    text-align: right;
    display: none;
    color: #dc3545;
    margin-bottom: 5px;
    line-height: 1.3;
    font-size: 11px;
    margin-bottom: -20px;
        top: 30px;
    padding-left: 10px;
    float: right;
    right: 0;
    letter-spacing: -0.03em;
    position: absolute;
}
.scroll_txt i{
    display: inline-block;
}
.scroll_txt i:before {
    content: '\E846';
    top: 0px;
    /* left: 50%; */
    transform: translate(-50%, 0%);
    font-size: 12px;
    font-family: 'nc-font';
    left: 0px;
      color: #dc3545;
    position: absolute;    font-style: normal;
}


.u_list {margin-left: 15px;margin-bottom: 24px;margin-top:-6px;}
.u_list li:before {position: absolute;top: 13px;left: -14px;content: "";width: 4px;height: 4px;background: #080a14;border-radius: 50%;}
.u_list li {position: relative;margin-top: 11px; font-size: 16px; color: #666; padding-top: 1px; display: flex;}
.u_list li span {color: #0a0a0a; margin-right: 10px; font-family: 'Roboto','Lato','NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;}
.u_list li p { font-family: 'Roboto','Lato','NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;font-weight:400;color: #666;}
.u_list li:first-child { margin-top: 0;}

.u_list li p span.color-red  {    color: #e60012; margin-right: 0px; font-family: 'Roboto','Lato','NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;}
.u_list li p span.color-black  {    color: #0a0a0a; margin-right: 0px; font-family: 'Roboto','Lato','NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;}


@media(max-width: 1660px){
.u_list { margin-bottom: 45px; }
	.u_list li:before { width: 3px; height: 3px;}
    html.android .u_list li:before {top:11px;}
	html.ios .u_list li:before {top:11px;}
}

@media (max-width: 960px){

.program_info:first-child {
    margin-top: 20px;
}
.program_info {
    margin-top: 2rem;
}
}

@media (max-width: 768px){
 .gs_board_list tr {position:relative;padding: 20px 0;display: block;}
    .gs_board_list tr:after {width:100%;height:1px;background:#ddd;content:'';display:block;position: absolute;bottom: 0;}
    .gs_board_list tr.gs_board_notice_row {padding-top:18px;}
    .gs_board_list td {border-bottom:none;}
    .gs_board_list td.gs_board_num {display:inline-block;width:auto;font-size:0;padding: 0;}
    .gs_board_list td.gs_board_num .gs_board_notice {width:41px;height: 21px;line-height: 21px;margin-right:10px; margin-top:2px;font-weight:500;}
	html.ie .gs_board_list td.gs_board_num .gs_board_notice {line-height: 20px;}
    .gs_board_list td.gs_board_title  {display:inline-block; max-width: -webkit-calc(100% - 30px);  max-width: calc(100% - 30px);padding:0; margin-left:-4px;}
	html.ie .gs_board_list td.gs_board_title  {padding:0; margin-left:-4px;}
    .gs_board_list .gs_board_notice_row td.gs_board_title {max-width: -webkit-calc(100% - 90px);  max-width: calc(100% - 90px);}
    .gs_board_list td.gs_board_title .gs_board_title_wrap {max-width:100%;}
	html.ie .gs_board_list td.gs_board_title .gs_board_title_wrap {max-width:100%;}
    .gs_board_list .gs_board_title_wrap a {font-size:15px;padding-left: 0px;    line-height: 1;}
    .gs_board_list td.gs_board_attachment  {display:inline-block; width:auto; padding:0;margin-left:7px; vertical-align: bottom;}
	.gs_board_list td.gs_board_attachment svg {width: 7px;}
	html.ie .gs_board_list td.gs_board_attachment svg {top:5px;}
    .gs_board_list td.gs_board_date {display:block;width:auto;text-align:left;padding: 0;position: static;margin: 6px 0 0;}
    .gs_board_list td.gs_board_date time {position: static;display: block;}

  .gs_board_list td.gs_board_date.rr {display:block;width:auto;text-align:right;padding: 0;position: static;margin: 6px 0 0;}

    html.ios .gs_board_list td.gs_board_num .gs_board_notice {line-height:23px;}
.sxt{color:#f52f23;font-size: 15px;}
.board_top .gs_search {
    margin-top: 0;
}

	.u_list {margin-left:11px; margin-top: -2px;}
    .u_list li:before {left:-10px;    top: 10px;}
	html.ios .u_list li:before {top:11px;}
	.u_list li {margin-bottom:20px; font-size: 15px;}




.program_info .scroll_txt {
 
    display: block;

}
.board_top {
    position: relative;
    padding-top: 82px;
    margin-top: -3px;
}
.board_wrap {

}
.gs_search_category .selectric .label {
    font-size: 13px;
}
.gs_search_category .selectric-items ul, .gs_search_category .selectric-items li {
    font-size: 13px;
}
.gs_list_tag, .gs_list_count, .gs_list_last_update {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 15px;
}
.board_top .gs_search {
    float: none;
    margin-top: 18px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;text-align: left;
}
.gs_search_category {
    width: 82px;
    margin-right: 20px;
}

.gs_search_category .selectric-items li {
    padding: 5px 12px;
    line-height: 1.4;
    font-weight: 400;
    color: #888;
}
.gs_search_category .selectric .label {
    height: 40px;
    line-height: 40px;
    top: 0;
    padding-top: 3px;
}
.gs_search_category .selectric .button {
    height: 42px;
}
.gs_search_input.gs_form_field {
    height: 42px;
}
.gs_search_field {
    width: calc(100% - 102px);
}
.gs_search .gs_form_field {

    font-size: 13px;    padding:11px 14px 6px 5px;
}
.gs_search_category .selectric .label {
    height: 40px;
    line-height: 40px;
    top: 0;
    padding-top: 3px;
}
.selectric-items {
    background: #fff;
    border: solid #0a0a0a;
    border-width: 0 1px 1px;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.gs_board_list thead{
display:none;
}

.gs_board_list tbody td.file {
  padding: 0;
 
}
.gs_board_list tbody td.file span {
    padding: 0px 9px;
}
.gs_board_list td.gs_board_num .gs_board_notice {
    width: 41px;
    height: 21px;
    line-height: 22px;
    margin-right: 6px;
    margin-top: 2px;
    font-weight: 500;
}
.gs_board_list .gs_board_author {
    width: auto;
	padding: 6px 0 0;
}
.gs_board_list td.gs_board_title {
    max-width: -webkit-calc(100% - 60px);
    max-width: calc(100% - 60px);
}
   html.mobile .gs_search_category > select {height:42px;padding-bottom: 7px;font-size: 13px;}
}

.tnoResult {
    min-height: 150px;
    text-align: center;
    padding: 46px 0;
	border-top: 0px solid #0a0a0a;
	    border-bottom: 0px solid #dedede;
}

.tnoResult strong {
    font-size: 14px;
    font-weight: normal;
    line-height: 150px;  
}

.tnoResult strong:before {
    display: block;
    width: 38px;
    height: 38px;
    margin: 0 auto 16px;
    font-family: 'nc-font';
    content: '\e846';
    font-size: 38px;
    font-weight: normal;
    text-align: center;
    color: #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.cnoResult {
    min-height: 150px;
    text-align: center;
    padding: 46px 0;
    border-bottom: 0px solid #dedede;
    border: 1px solid #dedede;
    border-radius: 10px;
    background:#FEFEFE;

}

.cnoResult strong {
    font-size: 14px;
    font-weight: normal;
    line-height: 150px; color:#888;
}
.cnoResult strong:before {
    display: block;
    width: 38px;
    height: 38px;
    margin: 0 auto 16px;
    font-family: 'nc-font';
    content: '\e846';
    font-size: 38px;
    font-weight: normal;
    text-align: center;
    color: #888;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.ds_pagination {display: block;width: 100%;margin-top: 50px;margin-bottom: -4px;font-size: 0;text-align: center;}
.ds_pagination:empty {margin-top: 0;}
.ds_pagination .p_num {display: inline-block;min-width: 39px;height: 39px;margin: 0 2px 4px;vertical-align: top;position: relative;font-size: 15px;font-weight: 500;letter-spacing: -0.01em;text-align: center;line-height: 39px;color: #888;-webkit-transition: color 300ms;transition: color 300ms;  font-family: 'Roboto','Lato','NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;}
.ds_pagination .p_num:after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;border: 0px solid transparent;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 50%;}
.ds_pagination .p_num:hover, .ds_pagination .p_num.act {color: #fff;background:#090f33;border-radius: 10%;transition: background 0.3s; -webkit-transition: background 0.3s}
.ds_pagination .p_num.act {font-weight: 600;}
.ds_pagination .p_num.act:after {}
.ds_pagination .p_num.first,
.ds_pagination .p_num.prev,
.ds_pagination .p_num.next,
.ds_pagination .p_num.last {font-size: 0;}
.ds_pagination .p_num.first:after,
.ds_pagination .p_num.prev:after,
.ds_pagination .p_num.next:after,
.ds_pagination .p_num.last:after {display: block;font-family: 'nc-font';font-size: 18px;line-height: 36px;color: #aaa;-webkit-transition: color 300ms;transition: color 300ms;}
.ds_pagination a.p_num.first:hover:after,
.ds_pagination a.p_num.prev:hover:after,
.ds_pagination a.p_num.next:hover:after,
.ds_pagination a.p_num.last:hover:after {color: #090f33;}
.ds_pagination .p_num.first:after {content: '\E908';    top: 2px;}
.ds_pagination .p_num.prev:after {content: '\E909';    top: 2px;}
.ds_pagination .p_num.next:after {content: '\E90A';    top: 2px;}
.ds_pagination .p_num.last:after {content: '\E90B';    top: 2px;}

.ds_pagination a.p_num.next:hover:after,.ds_pagination a.p_num.prev:hover:after {

color:#fff;
}

.ds_pagination .p_num.next:hover:after,.ds_pagination .p_num.prev:hover:after {

color:#fff;
}

 .ds_pagination a.p_num.last:hover:after, .ds_pagination a.p_num.first:hover:after {
    color: #fff;
}

 .ds_pagination .p_num.last:hover:after, .ds_pagination .p_num.first:hover:after {
    color: #fff;
}


.board_content blockquote {max-width: 750px;margin-left: auto;margin-right: auto;}
.board_content_view img, .board_content div.board_content_view {display: block;max-width: 100%;height: auto;margin-left: auto;margin-right: auto;}

.board_content .board_title {
    font-size: 28px;
    line-height: 1.48;
    color: #0a0a0a;
    letter-spacing: -0.07em;    font-family: 'Roboto','NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	text-align:center;
	padding:0px 0 0px;

}
.board_content .board_top_area {
    padding-bottom: 32px;
	 padding-top: 0px;
    border-bottom: 0px solid #eaeaea;
    position: relative;
}

.board_top_area  ul.board_top_head {
    font-size: 16px;
    padding: 18px 0;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    text-align: center;
    background-color: #F6F6F6;font-family: 'Roboto','NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;
}

.board_top_area ul.board_top_head li strong {
    color: #333;
    font-size: 14px;
    margin-right: 5px; font-family: 'Roboto','NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;
}
.board_top_area ul.board_top_head li span {

    font-size: 14px;

}
.board_top_area ul.board_top_head li {
    display: inline-block;
    color: #555;
}
.board_top_area ul.board_top_head li ~ li {
    position: relative;
    padding-left: 10px;
    margin-left: 10px;
}
.board_top_area ul.board_top_head li ~ li::before {
    content: '';
    display: block;
    background-color: #ddd;
    width: 1px;
    height: 12px;
    position: absolute;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0;
    top: 50%;
}

.board_top_area .title_area{
    padding-bottom: 0px;
    padding-top: 0px;
    border-bottom: 0px solid #eaeaea;
    position: relative;
	margin:32px 0;
}

.board_top_area .title_area .recruit_board_state{display: table-cell;vertical-align:middle;width: auto;text-align: center;position:absolute;right:0; top: 50%;  transform: translate(0%, -50%);}
.board_top_area .title_area .recruit_board_state > span {font-size: 13px;line-height: 19px;width: 74px;display: inline-block;padding: 5px 2px 6px 2px;vertical-align: top;color: #fff;background: #0a0a0a;text-align: center;position: relative;left: -3px;    font-family: 'Roboto','NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;}
.board_top_area .title_area .recruit_board_state > span.recruit_board_state_ing {background: #f52f23;}
.board_top_area .title_area .recruit_board_state > span.recruit_board_state_sing {background: #5f87ff;}
.board_top_area .title_area .recruit_board_state > span.recruit_board_state_end {background: #F8F9FB;color:#B0B2C1;}
.board_top_area .title_area .recruit_board_state > span.recruit_board_state_hn {background: #4488FF;}
.board_top_area .title_area .recruit_board_state > span.recruit_board_state_ps {background: #02ae74;}

.view-pagination {width: 100%;margin: 57px 0 52px;position: relative;border-top: 3px solid #000;border-bottom: 1px solid #eaeaea;overflow: hidden;float:none;}
.view-pagination:after {content: '';display: block;width: 1px;height: -webkit-calc(100% - 88px);height: calc(100% - 88px);position: absolute;top: 44px;left: 50%;background: #ddd;}
.view-pagination li {width: 50%;padding: 32px 50px 33px;text-align: center;cursor: pointer;}
.view-pagination li:after {display: block;position: absolute;top: 50%;margin-top: -10px;font-family: 'kt-font';font-size: 20px;line-height: 1;font-weight: bold;opacity: 0;visibility: hidden;-webkit-transition: opacity 300ms, left 200ms, right 200ms;transition: opacity 300ms, left 200ms, right 200ms;}
.view-pagination li.prev {float: left;}
.view-pagination li.prev:after {left: 14px;content: '\e902';}
.view-pagination li.next {float: right;}
.view-pagination li.next:after {right: 14px;content: '\e903';}
.view-pagination li span {display: block;margin-bottom: 12px;font-size: 14px;    font-family: 'Roboto','NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;}
.view-pagination li p {max-height: 3.1em;font-size: 16px;line-height: 1.25;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;    font-family: 'Roboto','NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif; color: #080a14;}
html.desktop .view-pagination li:hover:after {opacity: 1;visibility: visible;}
html.desktop .view-pagination li.prev:hover:after {left: 3px;}
html.desktop .view-pagination li.next:hover:after {right: 3px;}



html.desktop .view-pagination li.off:hover:after {opacity: 0;visibility: none;}
.board_middle_area{
min-height:300px;margin-bottom:30px;border-bottom: 1px solid #eaeaea;    
    padding: 50px 60px;
    border-bottom: 1px solid #eaeaea;
    word-break: keep-all;
    line-height: 1.6;    font-size: 18px;
    color: #4a4a4a;
    line-height: 32px;
}

.board_middle_area .view-content{
min-height:200px;
margin-bottom:30px; font-family: 'Roboto','NotoSans-Regular', '맑은 고딕', 'Malgun Gothic', sans-serif;
}


.view-content h1,
.view-content h2,
.view-content h3,
.view-content h4,
.view-content h5,
.view-content h6,
.view-content p,
.view-content ul:not(.gs_gallery),
.view-content ol:not(.gs_gallery),
.view-content blockquote {/*max-width: 750px;*/margin-left: auto;margin-right: auto;}
.view-content img{display: block;max-width: 100%;height: auto;margin-left: auto;margin-right: auto;}

.view-content h1,
.view-content h2,
.view-content h3,
.view-content h4,
.view-content h5,
.view-content h6 {margin-bottom: 20px;font-weight: 500;line-height: 1.4;color: #0a0a0a; margin-top: 80px;}
.view-content h1,
.view-content h2 {font-size: 27px;}
.view-content h3 {font-size: 24px;margin-top: 80px;}
.view-content h4 {font-size: 26px;}
.view-content h5 {font-size: 22px;}
.view-content h6 {font-size: 17px;}
.view-content h6 + ul:not(.gs_gallery) {margin-top: 22px;}
.view-content h6 + ol:not(.gs_gallery) {margin-top: 22px;}
.view-content p {margin-bottom: 4px;font-weight: 500;line-height: 1.65;letter-spacing: -0.023em;}
.view-content b {font-weight: 600;}
.view-content strong {background: #ffe5e5;-webkit-box-shadow: inset 0 0 0 2px #fff;box-shadow: inset 0 0 0 2px #fff; padding: 0 2px; margin: 0 -2px;}
.view-content a {word-break: break-all;}
.view-content a:not(.gs_btn_basic) {color: #080a14;border-bottom: 0px solid #080a14; -webkit-transition: all 300ms; transition: all 300ms;}


.btn_area{ text-align: center; margin-top: 30px;margin-bottom: 30px; }

.gs_btn { display: inline-block; position: relative; vertical-align: middle; font-size: 0; text-align: center; padding: 14px 46px; background: transparent; color: #111; border: 2px solid #111; cursor: pointer; transition: color .3s, background-color .3s, border .3s; }
.gs_btn > span { position: relative; font-size: 16px; line-height: 30px;    font-family: 'Roboto','NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif; letter-spacing: -0.023em; color: inherit !important; }

html.desktop .gs_btn:hover, 
html.desktop .gs_btn.gs_btn_type_01:hover { color: #fff; background-color: #080a14; border-color: #080a14; }

.gs_btn.gs_btn_type_02 { color: #fff; background: #111; }
html.desktop .gs_btn.gs_btn_type_02:hover { background: #080a14; border-color: #080a14; }

.gs_btn.gs_btn_s { padding: 7px 20px; }
.gs_btn.gs_btn_s > span { font-size: 15px; line-height: 26px; }


.gs_btn_r { display: inline-block; position: relative; vertical-align: middle; font-size: 0; padding: 7px 24px; background-color:#111; color:#fff; border-radius: 50px; border: 0; cursor: pointer; transition: background-color .3s, color .3s, box-shadow .3s; }
.gs_btn_r > span { position: relative; font-size: 15px; line-height: 26px; letter-spacing: -0.023em;     font-family: 'Roboto','NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif;vertical-align: middle; }
.gs_btn_r .gs_guide_ico { position:relative; vertical-align: middle; width: 24px; margin-left: 4px; }
.gs_btn_r .gs_guide_ico path,
.gs_btn_r .gs_guide_ico circle { fill: #fff; -webkit-transition: fill .3s; transition: fill .3s; }
html.desktop .gs_btn_r:hover { background-color: #080a14; }

.gs_btn_r.gs_btn_type_02 { background-color: transparent; box-shadow: inset 0 0 0 2px #666; color: #666; }
html.desktop .gs_btn_r.gs_btn_type_02:hover { background-color: transparent; box-shadow: inset 0 0 0 2px #080a14; color: #080a14; }

.gs_btn_under { display: inline-block; position: relative; vertical-align: middle; font-size: 0; color: #080a14; padding: 0; background: none; border: 0; cursor: pointer; }
.gs_btn_under > span { display: inline-block; vertical-align: middle; position: relative; font-size: 16px; line-height: 30px; letter-spacing: -0.023em; font-weight: 500; }
.gs_btn_under .gs_guide_ico { position: relative; margin-left: 6px; width: 8px; vertical-align: middle;  top: -1px; }
.gs_btn_under .gs_guide_ico path { stroke: #080a14; }
.gs_btn_under > span:after {content: '';display: block;width: 100%;height: 1px;position: absolute;left: 0;bottom: 4px;background: #080a14;transform-origin: 100% 50%;transform: scale3d(0, 1, 1);transition: transform .3s;}
html.desktop .gs_btn_under:hover > span:after {transform-origin: 0% 50%;transform: scale3d(1, 1, 1);}

.gs_btn_under--negative > span:after { transform-origin: 0% 50%; transform: scale3d(1, 1, 1); }
html.desktop .gs_btn_under--negative:hover > span:after {transform-origin: 100% 50%;transform: scale3d(0, 1, 1);}

.gs_btn_under.gs_btn_type_02 { color:#fff; }
.gs_btn_under.gs_btn_type_02 .gs_guide_ico path { stroke: #fff; }
.gs_btn_under.gs_btn_type_02 > span:after { background: #fff; }

.gs_btn_under.gs_btn_type_03 { color:#111; }
.gs_btn_under.gs_btn_type_03 .gs_guide_ico path { stroke: #111; }
.gs_btn_under.gs_btn_type_03 > span:after { background: #111; }

.gs_btn_under.gs_btn_type_04 { color:#888; }
.gs_btn_under.gs_btn_type_04 .gs_guide_ico path { stroke: #888; }
.gs_btn_under.gs_btn_type_04 > span:after { background: #888; }


.gs_btn_mini { display: inline-block; position: relative; vertical-align: middle; font-size: 0; color: #666; padding: 3px 12px; background-color: #f3f3f3; border-radius: 4px; border: 0; cursor: pointer; transition: background-color .3s, color .3s; }
html.ios .gs_btn_mini { padding-top: 5.5px; }
html.android .gs_btn_mini { padding-top: 4px; }
.gs_btn_mini > span { font-size: 14px; line-height: 20px; letter-spacing: -0.023em; font-weight: 500; }
html.desktop .gs_btn_mini:hover { color: #fff; background-color: #080a14; }

.gs_btn_mini.gs_btn_type_02 { background: #111; color: #fff; }


@media (max-width: 1023px){


 .gs_btn { width: 210px; padding: 14px 16px; }
 .gs_btn.gs_btn_s { width: auto; }



}

@media (max-width: 860px){


   html.android .gs_btn_under .gs_guide_ico { top: 0; }
   html.ios .gs_btn { padding-bottom: 13px; }


}

@media (max-width: 540px){

   .gs_btn { width: 190px; padding: 12px 16px; }
    html.android .gs_btn { padding-bottom: 13px; }
    html.ios .gs_btn { padding: 14px 16px 12px; }

    html.android .gs_btn.gs_btn_s { padding: 7px 20px 8px; }
    html.ios .gs_btn.gs_btn_s { padding: 7px 20px 6.5px; }

    html.ios .gs_btn_under { padding-right: calc(8px + 6px); }
    html.ios .gs_btn_under .gs_guide_ico { width: 8px; position: absolute; top: calc(50% - 2px); transform: translateY(-50%); right: 0; }

    .gs_btn_r { padding:12px 24px; }


}


@media (max-width: 375px){

    html.ios .gs_btn_under .gs_guide_ico { top: calc(50% - 1px); }

 }

 .nc-alert {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: #000000;background-color: rgba(0, 0, 0, .4);z-index: 9999999;}
.nc-alert__container {position: relative;width: 90%;max-width: 32rem;left: 50%;top: 50%;-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);border-radius: 0;text-align: center;-webkit-box-shadow: 0 2rem 8rem rgba(0, 0, 0, .1);box-shadow: 0 2rem 8rem rgba(0, 0, 0, .1); background: #fff;}
.nc-alert__content {width: 100%;min-height: 9.5rem;text-align: center;padding: 3.6rem 2rem;}
.nc-alert__content h1 { font-size: 1.6rem; line-height: 1.35; color: #222; font-weight: 600; margin-top: 0; padding-bottom: 0.8rem; letter-spacing: -0.025em;}
.nc-alert__content p {vertical-align: middle;font-size: 1.4rem;line-height: 1.58;color:#666;word-wrap: break-word;word-break: keep-all; letter-spacing: -0.025em;}

.nc-alert__content p span{
    vertical-align: middle;
    font-size: 1.4rem;
    line-height: 1.58;
    color: #ed193a;
    word-wrap: break-word;
    word-break: keep-all;
    letter-spacing: -0.025em;
}

.nc-alert__btn {font-size: 1.4rem;line-height: 1.7;font-weight: 500;color: #484848; background: #f8f8f8; border: 0.1rem solid #ddd; cursor:pointer; display:inline-block; -webkit-transition:300ms; transition:300ms;}
html.desktop .nc-alert__btn:hover { background:#eee; }
.nc-alert--primary-button .nc-alert__btn.nc-alert--ok { background: #0f4c82; border: 1px solid #0f4c82; color: #fff; }
html.desktop .nc-alert--primary-button .nc-alert__btn.nc-alert--ok:hover {background: #0e1727; border-color: #0e1727;}
.nc-alert__style-wide .nc-alert__container {max-width:40rem;}
.nc-alert__style-wide .nc-alert__container .nc-alert__content p br {display:none;}

.nc-alert--button-icon .nc-alert__btn:before {font-family:'nc-font';line-height: 1;font-size:12px;padding-right: 9px;}
.nc-alert--button-icon .nc-alert__btn.nc-alert--ok:before {content: '\e935';}
.nc-alert--button-icon .nc-alert__btn.nc-alert--cancel:before {content: '\e92e';}
.nc-alert--confirm .nc-alert__btn { background: #eee; }
html.desktop .nc-alert--confirm .nc-alert__btn:hover { background: #ddd; }
.nc-alert--primary-title .nc-alert__content h1 { color: #0f4c82; }

.nc-alert--has-icon .nc-alert__content h1 { position:relative; padding-top: 71px;}
.nc-alert--has-icon .nc-alert__content h1:before {font-family: 'nc-font';font-size: 45px;position: absolute;font-weight: normal;top: 0;left: 50%;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.nc-alert--has-icon.nc-alert__type-info .nc-alert__content h1:before {content:'\e94e';color: #aaa;}
.nc-alert--has-icon.nc-alert__type-success .nc-alert__content h1:before {content:'\e94f';color:#20bd54;}
.nc-alert--has-icon.nc-alert__type-error .nc-alert__content h1:before {content:'\e950';color:#dd4242;}

.nc-alert__type-success h1 {color: #0f4c82;}
.nc-alert__type-error h1 {color: #eb0808;}

/* Classic */
.nc-alert__style-classic .nc-alert__container { background: #fff; }
.nc-alert__style-classic .nc-alert__container .nc-alert__actions { border-top: 1px solid #ddd; }
.nc-alert__style-classic .nc-alert__actions {padding: 20px 0; margin: 0 20px; text-align: center;}
.nc-alert__style-classic .nc-alert__btn { padding: 7px 29px 9px 28px; border-radius: 5px; }
.nc-alert__style-classic.nc-alert--confirm .nc-alert__btn { width: 159px; margin-right: 15px; }
.nc-alert__style-classic.nc-alert--confirm .nc-alert__btn:last-child { margin-right: 0; }
.nc-alert__style-classic.nc-alert--primary-title .nc-alert__content h1 {padding-bottom:25px;}
.nc-alert__style-classic.nc-alert--primary-title .nc-alert__content p { color:#444; }
.nc-alert__style-classic.nc-alert--has-icon.nc-alert__type-info .nc-alert__content h1 { padding-top: 76px;}

/* Basic */
.nc-alert__style-basic .nc-alert__container {overflow:hidden;}
.nc-alert__style-basic .nc-alert__container .nc-alert__actions { border-top: 0; }
.nc-alert__style-basic .nc-alert__content {background: #fff;min-height: 9.5rem; padding: 3.6rem 2rem;}
.nc-alert__style-basic .nc-alert__content h1 {margin-top: 0;}
.nc-alert__style-basic .nc-alert__actions {background: #fff; border-top: 1px solid #ddd;}
.nc-alert__style-basic .nc-alert__btn {padding:1.0rem 0 1.1rem;width: 100%;height:100%;border-radius: 0;background: #fff;border: 0;border-top: 0.1rem solid #eee;color:#666;}
html.desktop .nc-alert__style-basic .nc-alert__btn:hover { background: #eee;outline: none; }
.nc-alert__style-basic.nc-alert--primary-button .nc-alert__content {background: #fff;}
.nc-alert__style-basic.nc-alert--primary-button .nc-alert__btn {color: #0e1727;background:#f8f8f8; border: 0; border-top: 0.1rem solid #eee;}
html.desktop .nc-alert__style-basic.nc-alert--primary-button .nc-alert__btn:hover {  color:#fff; background: #0e1727;  border-top: 1px solid #0e1727; }
.nc-alert__style-basic.nc-alert--primary-button.nc-alert--confirm .nc-alert__content {background: #fff;}
.nc-alert__style-basic.nc-alert--primary-button.nc-alert--confirm .nc-alert__btn {border-top: 0;}
.nc-alert__style-basic.nc-alert--primary-button.nc-alert--confirm .nc-alert__btn.nc-alert--ok { color: #0f4c82; background: rgba(108, 155, 197, 0.1); border-top: 0.1rem solid #eee; }
html.desktop .nc-alert__style-basic.nc-alert--primary-button.nc-alert--confirm .nc-alert__btn.jt_alert_ok:hover { background: #132332; }
.nc-alert__style-basic.nc-alert--confirm .nc-alert__actions { background: #fff; }
.nc-alert__style-basic.nc-alert--confirm .nc-alert__btn {width: 50%;color: #666;background: #eee;}
html.desktop .nc-alert__style-basic.nc-alert--confirm .nc-alert__btn:hover { /* color:#484848; background: #ddd; */border-right: 0rem solid #eee;}
.nc-alert__style-basic.nc-alert--confirm .nc-alert__btn.nc-alert--cancel { border-top: 0.1rem solid #eee; background: #fff; border-right: 0.1rem solid #eee; }
.nc-alert__style-basic.nc-alert--button-icon.nc-alert--confirm .nc-alert__content {background: #fff;}
.nc-alert__style-basic.nc-alert--primary-title .nc-alert__content { padding: 38px 20px 35px; }
.nc-alert__style-basic.nc-alert--primary-title .nc-alert__content h1 {padding-bottom: 18px;margin-bottom: 33px;border-bottom: 1px solid #ddd;}
.nc-alert__style-basic.nc-alert--has-icon.nc-alert__type-info .nc-alert__content h1 { padding-top: 71px;}
.nc-alert__style-basic.nc-alert--has-icon .nc-alert__content {padding: 32px 20px 34px;}
.nc-alert__style-basic.nc-alert--has-icon .nc-alert__content h1 { margin-top:0; }

.hand {
	cursor: pointer;
}
.hide {
	display: none !important;
}
.clear {
	clear: both;
}
.bold {
	font-weight: bold;
}

@charset "utf-8";
/* CSS Document */


input.chk_btn.warning_msg + label{
	border-color:red;
}
input.chk_btn.warning_msg + label > span{
	color:red;
}

input.chk_sub.warning_msg + label{
	border-color:red;
	color:red;
}

.stop_gift_option > label{
	color:red;
}

.stop_gift_option input.chk_btn + label{
	border-color:red;
}
.stop_gift_option input.chk_btn + label > span{
	color:red;
}

/* CSS Document */
@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);
@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

.txt_form{
	display:inline-block;
	height:31px;
	margin-bottom:50px;
	font-size:20px;
	font-weight:bold;
}

/**** 참가 신청 SNS 로그인 이전 버전 ****/
.anysport h1.apply_title{
	font-size:22px;
	color:#242424;
	font-weight:700;
	padding-top:50px;
	padding-bottom:10px;
	padding-left:0px;
    margin-top: 0;
}

.sns_area img{
	margin: 10px;
}
.line_hr {
	width:90%; height:1px; background-color:#c3c3c3; border:none; margin:0 5% 0 5%;
}
/*
span.btn_sns_process {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    line-height: 64px;
    background: #fff;
    border: solid 1px #afafaf;
    color: #000;
    width: 200px;
    height: 64px;
    cursor: pointer;
    text-decoration: none;
}
*/

span.btn_sns_process {
	display:inline-block;
	font-size:15px;
	font-weight:700;
	text-align:center;
	line-height:42px;
	background:#fff;
	border:solid 1px #afafaf;
	color:#000;
	width:184px;
	height:45px;
	cursor:pointer;
	text-decoration:none;
	margin-bottom: 10px;
}

span.btn_sns_process.sea_blue {
	border:solid 1px #233d92;
	background:#233d92;
	color:#fff;
}


/* SNS 참가접수 */
.sns_container {
	border:solid 1px #eaeaea;
	margin-bottom:35px;
}
.sns_container .sns_notice {
	background-color:#f9f9f9;
	border-bottom:solid 1px #eaeaea;
	padding:5px 25px 5px 25px;
}
.sns_notice .notice_list {
    list-style: none;
    padding: 0;
    margin: 0;
	position:relative;
}
.sns_notice .notice_list li {
	margin: 10px 0 10px 0;
	padding-left: 20px;
}
.sns_notice .notice_list li::before {
    content: "";
    width: 4px;
    height: 4px;
    background-color:black;
    margin: 8px 30px 0 0;
	position:absolute;
	left:0px;
}
.notice_list li.red {
	color:#cf0000;
}
.notice_list li.black {
	color:#333333;
}


.sns_container .sns_area {
	text-align:center;
}
.sns_container .sns_area .sns_btn_area {
	margin:25px 0 25px 0;
	cursor:pointer;
}
.sns_container .sns_footer {
	text-align:center;
	margin:25px 0 25px 0;
}

/* SNS 참가확인 */
.sns_share_box {
	border: solid 1px #e9e9e9;
	background-color: #f9f9f9;
	padding: 23px 23px;
	list-style: square;
	list-style-position: inside;
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 0px;
}
.sns_share_box + div {
	border-width: 0 1px 1px 1px;
	border-color: #e9e9e9;
	border-style: solid;
	padding: 23px 0;
	text-align: center;
}

.sns_logout_box_left {
	text-align:left; float:left; width:30%; padding-left:5%;
}

.sns_logout_box_right {
	padding:0 5% 0 5%; text-align: right;
}

@media all and (min-width: 1px) and (max-width: 767px) {

	.sns_logout_box_left {
		padding: 0 5% 0 5%; text-align:center; float:initial; width:100%;
	}

	.sns_logout_box_right {
		padding:0 5% 0 5%; text-align: center;
	}

}
/**** 참가 신청 SNS 로그인 이전 버전 ****/

/* 우편번호,도로명 css */
.layer_box{
    display:none;
    position:absolute;
    top:50%;
    left:0%;
    width:100%;
    border: solid 4px #3f4044;
    border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; z-index: 99; background-color: #fff;
}
.layer_info {width:100%;}


/* 단체명 css */
.layer_box2{
    display:none;
    position:absolute;
    top:25%;
    left:0%;
    width:100%;
    border: solid 4px #3f4044;
    border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; z-index: 99; background-color: #fff;
}

/**** 참가 신청 디자인 리뉴얼 *****/
.container_resize {
	width: 1200px;
	max-width: 100%;
	margin: 0 auto;	
}

label {
	margin-bottom: 0;
}

input, input:focus,
select, select:focus {
	outline: none;
	border: none;
}

/* IE10 이상을 위한 css */
input::placeholder,
textarea::placeholder {
	color: #c7c7c7;
	opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #c7c7c7;
}

/* IE */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #c7c7c7;
}

/* Firefox */
input:-mos-input-placeholder {
	color: #c7c7c7;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
	/* WebKit browsers */ color:transparent; } 

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */ color:transparent;
} 

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
	/* Mozilla Firefox 19+ */ color:transparent;
}

input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color:transparent;
}

/* IE9 이하를 위한 css */
.placeholder {
  color: #ddd;
}


/* 포인트 컬러 */
.primary_text {
	color: #f8405c;
}

/* 버튼 */
.btn_apply {
	display: inline-block;
	min-width: 190px;
	/*height: 50px;*/
	line-height: 50px;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background-color: #373737;
	border: 2px solid #373737;
	/* border-radius: 35px; */
	margin: 0 5px;
	padding: 0 20px;
	cursor:pointer;
}

.btn_apply:hover, 
.btn_apply:active,
.btn_apply:focus {
	color: #373737;
	background-color: #fff;
	border: 2px solid #373737;
	transition: all 0.2s;
}

/* 밤길걷기 포인트 컬러 버튼 */
.btn_apply.walking{
	background-color:#f8405c;
	border-color:#f8405c;
}

.btn_apply.walking:hover,
.btn_apply.walking:active{
	color:#f8405c;
	background-color: #fff;
}

.btn_apply.gray {
	background-color: #cacaca;
	border: 2px solid #cacaca;
}

.btn_apply.gray:hover,
.btn_apply.gray:active {
	color: #cacaca;
	background-color: #fff;
	border: 2px solid #cacaca;
}

.btn_apply.btn_insurance {
	background-color: #f8405c;
	border: 2px solid #f8405c;
}

.btn_apply.btn_insurance:hover,
.btn_apply.btn_insurance:active {
	color: #f8405c;
	background-color: #fff;
	border: 2px solid #f8405c;
}

.btn_apply.btn_line {
	color: #373737;
	background-color: #fff;
	border: 2px solid #373737;
}

.btn_apply.btn_line:hover,
.btn_apply.btn_line:active {
	color: #fff;
	background-color: #373737;
	border: 2px solid #373737;
}

.btn_apply_small {
	font-size: 13px;
	color: #fff;
	text-align: center;
	background-color: #373737;
	padding: 7px 15px;
	cursor:pointer;
}

.btn_apply_small:hover,
.btn_apply_small:active {
	color: #fff;
	background-color: #bfbfbf;
}

.btn_apply_small:focus {
	color: #fff;
}

.btn_apply_small.red{
	background-color:#c20001;
	border-color:#c20001;
}

.btn_bank_small {
	font-size: 13px;
	color: #fff;
	text-align: center;
	background-color: #373737;
	padding: 7px 15px;
	margin-top: -5px;
	cursor:pointer;
}

.btn_edit_small {
	display: inline-block;
	font-size: 12px;
	color: #fff;
	padding: 5px 7px;
	background-color: #959595;
	cursor:pointer;
}
.btn_edit_small.btn_delete {
	background-color: #0162bd;
}
.btn_edit_small.btn_insurance {
	background-color: #0062bb;
}
.btn_edit_small.btn_refund {
	background-color: #373737;
}
.btn_edit_small:hover,
.btn_edit_small:active {
	color: #fff;
	opacity: 0.6;
}

.btn_small_position {
	position: absolute;
    right: 0;
	cursor:pointer;
    margin-top: -5px;
}

.btn_apply.btn_blue {
	background-color: #0162bd;
	border: 2px solid #0162bd;
}
.btn_apply.btn_blue:hover {
	background-color: #fff;
	border: 2px solid #0162bd;
	color: #0162bd;	
}

.btn_apply i {
	font-size: 17px;
	color: #fff;
	margin-left: 10px;
	vertical-align: middle;
}
.btn_apply:hover i {
	color: #0162bd;
	transition: all 0.3s;
}

/* 테이블 */
table.table_apply {
	width: 100%;
	border-top: 1px solid #000;
}

table.table_apply thead {
	background-color: #f4f4f4;
	border-bottom: 1px solid #e1e1e1;
}

table.table_apply thead th {
	font-size: 14px;
	color: #242424;
	padding: 15px 0;
	border-bottom: 1px solid #e1e1e1;
	text-align: center;
}
table.table_apply tbody tr {
	border-bottom: 1px solid #e1e1e1;
}

table.table_apply tbody td {
	color: #8a8a8a;
	text-align: center;
	padding: 10px 0;
}
.sub_title {
    text-align: center;
}

.sub_title h3 {
	font-size: 30px;
    color: #242424;	
	margin-top: 20px;
    margin-bottom: 25px;
}

.sub_title h3.title_noicon:before {
	content: none;
}

.sub_title h3:before {
	content: "\f058";
    display: inline-block;
    font-family: "fontawesome";
	margin-right: 10px;
	/*width: 29px;
	height: 29px;
    vertical-align: middle;	
	background-color: #000;
	background-image: url("../../img/title_icon01.png");
    background-repeat: no-repeat;
    background-position: center;*/
}

.sub_title h3.title_icon02:before {	
	background-image: url("./img/title_icon02.png");
}

.sub_title h3.title_icon03:before {
	background-image: url("./img/title_icon03.png");
}

.sub_title h3.title_icon04:before {
	background-image: url("./img/title_icon04.png");
}

.sub_title p {
	font-size: 16px;
	color: #787878;
	margin-bottom: 40px;
}

input.chk_agree{
	display:none;
}

input.chk_agree + label {
	display: inline-block;
	cursor: pointer;
	line-height: 22px;
	padding-left: 22px;
	background: url('./img/check_off.png') left no-repeat;
	color: #b9b9b9;
}

input.chk_agree:checked + label {
	background-image: url('./img/check_on.png');
	color: #242424;
}

input.chk_agree:checked + label span {
	color: #242424;
}

.apply_note_box {
	margin-bottom: 20px;
	border: 1px solid #e5e5e5;
}

.apply_note_title {
	padding: 20px 0 20px 20px;
}

.apply_note_title span {
	float: right;
    font-size: 20px;
    color: #a0a0a0;
    padding: 0 20px;
}

.apply_note_box h4 {
	font-size: 17px;
	margin: 0;
}

.apply_note_box h4:before {
	content: "※";
	margin-right: 5px;
}

.apply_note_box p {
	font-size: 14px;
	line-height: 1.6;
	color: #666;
}

.agree_all {
	font-size: 17px;
	border: 1px solid #e5e5e5;
	background-color: #fafafa;
	padding: 20px;
}

.agree_list {
	font-size: 17px;
	border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.agree_title {
	padding-left: 20px;
	overflow: hidden;
}

.agree_title label {
	padding: 20px !important;
}

.agree_title > span {
	float: right;
    font-size: 20px;
    color: #a0a0a0;
    line-height: 62px;
    padding: 0 20px;
}

.agree_con_box {
	font-size: 14px;
	color: #666;
	line-height: 23px;
	padding: 0 20px 20px;
	border:0;
}

span.span_agree_click{
	cursor:pointer;
}

span.span_agree_click > span{
	float:none;
	margin:0;
	padding:0;
}

span.span_agree_text{
	font-size:13px;
}

span.span_agree_arrow > img{
	vertical-align:middle;
}

.agree_title span.arrow i:before{ /*jquery에서 불러냄*/
	content: "\f106";
	font-family: "FontAwesome";
	font-size: 20px;
	color: #a0a0a0;
	float: right;
}

.apply_form {
	margin-bottom: 100px;
}
.apply_name_txt {
	color: #74b0fb;
}

label.input_label {
	position: relative;
    display: inherit;
    max-width: inherit;
    font-weight: inherit;
}
label.input_label.text {
	margin-bottom: 50px;
}

.apply_form input {
	width: 100%;
    border: none;
    border-bottom: 1px solid #242424;
    padding: 0 0 5px;
    font-size: 18px;
	font-weight: bold;
	background: none;
    box-shadow: none;
	border-radius: 0;
}

.apply_form input ~ .focus-border,
input.certificate_title_input ~ .focus-border {
	position: absolute; 
	bottom: 0; 
	left: 0; 
	width: 0; 
	height: 1px; 
	background-color: #e2574c;
	-webkit-transition: width 0.4s;
	-moz-transition: width 0.4s;
	-ms-transition: width 0.4s;
	-o-transition: width 0.4s;
	transition: width 0.4s;
}
.apply_form input:focus ~ .focus-border,
input.certificate_title_input:focus ~ .focus-border {
	width: 100%;
}
.apply_form input:focus, input.certificate_title_input:focus  {
    box-shadow: none;
    outline: none;
}

input {
	font-family: 'SCDream','NotoSans', sans-serif;
}

.apply_form {
	margin-top: 50px;
	overflow: hidden;
}

.apply_form label{
	text-align:left;
}

.apply_form .input_title {
	font-size: 13px;
	color: #afafaf;
	margin-bottom: 10px;
}
.apply_form select.foreigner {
	width: 100%;
}

.apply_form select.year {
	width: 30%;
	max-width: 100%;
	margin-right: 10px;
}

.apply_form select.month {
	width: 30%;
	margin-right: 10px;
}

.apply_form select.day {
	width: 30%;
}




input.chk_btn {
	display: none;
}
input.chk_btn  + label {
	display: inline-block;
	min-width: 170px;
	min-height: 40px;
	line-height: 40px;
	cursor: pointer;
	background-color: #fff;
	border: 1px solid #cbcbcb;	
	text-align: center;
	margin-bottom:10px;
	position: relative;
	padding:0 10px;
	-webkit-transition: background-color 0.4s, border 0.4s, padding-left 0.4s;
	-moz-transition: background-color 0.4s, border 0.4s, padding-left 0.4s;
	-ms-transition: background-color 0.4s, border 0.4s, padding-left 0.4s;
	-o-transition: background-color 0.4s, border 0.4s, padding-left 0.4s;
	transition: background-color 0.4s, border 0.4s, padding-left 0.4s;
}

input.chk_btn + label span {
	position: relative;
	font-size: 16px;
	color: #a5a5a5;
}

input.chk_btn + label span::before {
    content: "";
    position: absolute;
    width: 0px;
    height: 12px;
	top: 5px;
	left: 0px;
    border-bottom: 4px solid #000;
    border-left: 4px solid #000;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
    -webkit-transition: all ease-out 200ms;
    transition: all ease-out 200ms;
}

input.chk_btn:checked + label {
	font-weight: bold;
	color: #242424;
	border: 1px solid #242424;
	background-color: #f4f4f4;
	padding-left: 20px;
}


input.chk_btn:checked + label span {
	padding-left: 15px;
	color: #242424;
}

input.chk_btn:checked + label span::before {
    opacity: 1;
    width: 16px;
}


.apply_form .input_title span{
	font-size:inherit;
	font-weight: 300;
}

.apply_form .input_title.required:after {
	content: "*";
	font-size: 14px;
	color: #eb0c0c;
	margin-left: 5px;
}

.apply_form .input_title_gl.required:after {
	content: "*";
	font-size: 14px;
	color: #eb0c0c;
	margin-left: 5px;
}

.apply_form select {
	-webkit-appearance: none; /* 네이티브 외형 감추기 */ 
	-moz-appearance: none; 
	appearance: none;
	border: none;
	border-bottom: 1px solid #242424;	
    padding: 0px 0 5px;
	font-size: 18px;
	font-weight: bold;	
	margin-bottom: 40px;
	cursor: pointer;
	border-radius: 0;	
}
select::-ms-expand { display:none; }

.apply_form .participation_con select {
	margin-bottom: 10px;
}

.participation_con .opt_field {
	padding-bottom: 20px;
}

.apply_form select option {
	font-size: 14px;
	cursor: pointer;
}

.apply_form select.select_arrow {	
	background-image: url("./img/select_arrow.png");
	background-repeat: no-repeat;
	background-position: right;
}

.apply_form select.select_arrow:focus{
	border-color:red;
}

/* 자바스크립트로 불러오는 class */
.apply_form select.select_arrow.on {
	background-image: url('./img/select_arrow_on.png');
	background-repeat: no-repeat;
	background-position: right;
}

/* 종목 테스트 */
input.chk_btn_gl {
	display: none;
}
input.chk_btn_gl  + label {
	display: inline-block;
	min-width: 170px;
	min-height: 40px;
	line-height: 40px;
	cursor: pointer;
	background-color: #fff;
	border: 1px solid #cbcbcb;	
	text-align: center;
	margin-bottom:10px;
	position: relative;
	padding:0 10px;
	-webkit-transition: background-color 0.4s, border 0.4s, padding-left 0.4s;
	-moz-transition: background-color 0.4s, border 0.4s, padding-left 0.4s;
	-ms-transition: background-color 0.4s, border 0.4s, padding-left 0.4s;
	-o-transition: background-color 0.4s, border 0.4s, padding-left 0.4s;
	transition: background-color 0.4s, border 0.4s, padding-left 0.4s;
}

input.chk_btn_gl + label span {
	position: relative;
	font-size: 16px;
	color: #a5a5a5;
}

input.chk_btn_gl + label span::before {
    content: "";
    position: absolute;
    width: 0px;
    height: 12px;
	top: 5px;
	left: 0px;
    border-bottom: 4px solid #000;
    border-left: 4px solid #000;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
    -webkit-transition: all ease-out 200ms;
    transition: all ease-out 200ms;
}

input.chk_btn_gl:checked + label {
	font-weight: bold;
	color: #242424;
	border: 1px solid #242424;
	background-color: #f4f4f4;
	padding-left: 20px;
}


input.chk_btn_gl:checked + label span {
	padding-left: 15px;
	color: #242424;
}

input.chk_btn_gl:checked + label span::before {
    opacity: 1;
    width: 16px;
}
/* 종목 테스트 */


.cont_foreigner {
	display: none;
	height: 119px;
}

.apply_notice {
	font-size: 17px;
	font-weight: bold;
	line-height: 26px;
	color: #6e6e6e;
	text-align: center;
	margin-bottom: 45px;
}

/* 단체 참가 신청서 */
.group_box {
	margin-top: 50px;
	margin-bottom: 50px;
}

.box_title {
	font-size: 18px;
	font-weight: 800;
	color: #f8405c;
	margin-bottom: 40px;
}

.box_title:before {
	content: "";
	border-left: 3px solid #f8405c;
	padding-right: 10px;
}

.group_leader_info span {
	font-size: 20px;
	font-weight: bold;
}

.apply_form .group_leader_info .input_title:after {
	content: none;
}


.divide_line {
	border-top: 1px solid #d9d9d9;
}

.mt_29 {
	margin-top: 29px;
}
.divide_box {
	overflow: hidden;
}
.divide_box li {
	float: left;
	list-style:none;
}

.divide_box li:nth-child(2n+1) {
	width: 28%;
}

.divide_box .box_02 {
	width: 30px;
	margin-top: 35px;
	text-align: center;
}

.divide_box .box_03,
.divide_box .box_04 {
	margin-top: 29px;
}

input.participation_btn + label {
	margin-bottom: 10px;
}

.participation_con {
	display: none;
	width: 100%;    
    background-color: #f8f8f8;    
    padding: 30px;
	overflow: hidden;
}

.participation_con > div{
	overflow:auto;
}

.participation_con span {
	float: left;
	width: 140px;
	font-size: 15px;
	font-weight: bold;
	color: #3c3c3c;
	margin-right: 45px;
}

.participation_con ul {
	margin-bottom: 20px;
}

.participation_con ul li {
	/*float: left;*/
	display: inline-block;
	min-width: 80px;
	margin-right: 15px;
}

input.chk_sub {
   -webkit-appearance: none;
	-moz-appearance: none; 
	appearance: none;
	width: 18px;    
    height: 18px;
    border-radius: 50%;
    border: 2px solid #c3c3c3;
	background-color: #fff;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 10px;
	outline: none;
	cursor: pointer;
}

input[type='checkbox'].chk_sub{
	border-radius:0;
}

input.chk_sub + label {
	width: auto;
    height: auto;
    background: none;
    border: none;
	font-size: 16px;
    line-height: inherit;
	vertical-align: top;	
	margin-bottom: 0;
	cursor: pointer;
}

input.chk_sub:checked {
	width: 20px;
	height: 20px;
	background-color: #242424;
	background-image: url('./img/white_check_on.png');
	background-repeat: no-repeat;
	background-position: center;
	border: 2px solid #242424;
	outline: none;
	-webkit-transition: transform 0.2s ease-out, color 0.2s ease;
  -moz-transition: transform 0.2s ease-out, color 0.2s ease;
  -ms-transition: transform 0.2s ease-out, color 0.2s ease;
  -o-transition: transform 0.2s ease-out, color 0.2s ease;
  transition: transform 0.2s ease-out, color 0.2s ease;
  -webkit-transform: scale3d(0.8,0.8,1);
  -moz-transform: scale3d(0.8,0.8,1);
  -ms-transform: scale3d(0.8,0.8,1);
  -o-transform: scale3d(0.8,0.8,1);
  transform: scale3d(0.8,0.8,1);
}

input.chk_sub:checked + label {
	color: #242424;
	font-weight: bold;
	padding-left: 0;
	margin-bottom: 0;
	outline: none;
}

.participation_con label > span{
	width:auto;
}

.participation_con select{
	background-color:transparent;
}

.tel_GL input, tel_GL select {
	margin:0;
}

.pay_info {
	display: inline-block;
    width: 415px;
    max-width: 100%;
    padding-left: 20px;
    text-indent: -20px;
    font-size: 15px;
    vertical-align: middle;
    color: #888;
    margin-left: 20px;
}

.insurance_txt {
	font-size: 12px;
	color: #018fbd;
	margin-bottom: 5px;
}


/* 단체원 참가 신청서 */
.modal-content {
	margin-left:auto;
	margin-right:auto;
	width: 1100px;
	max-width: 100%;
	padding: 70px;
	margin-top: 100px;
	margin-bottom:100px;
}

/* 참가신청 정보 확인 */
.gray_line_box  {
	border: 1px solid #cacaca;
	padding: 30px;
	overflow: hidden;
}

.sns_list ul {
	float: left;
	margin-right: 60px;
}

.sns_list ul li {
	display: inline-block;
	margin-right: 15px;
}

.sns_list p {
	float: left;
	font-size: 16px;
	color: #686868;
	margin-bottom: 0;
	line-height: 1.7;
}

.group_info {
	background-color: #f9f9f9;
	padding: 30px;
}

.group_info .row div {
	margin-bottom: 30px;
}

.group_info span,
.group_pay_info span {
    font-size: 18px;
    font-weight: bold;
}

.group_pay_info .pay_con {
	float: left;
	width: 20%;
}

.bank_confirm_box {
	background-color: #f8f8f8;
	padding: 30px 15px;
	overflow: hidden;
}

.bank_confirm_box.vbank > div{
	float:left;
	padding:0 10px;
}

.bank_confirm_box div.vbank1{
	width:300px;
}
.bank_confirm_box div.vbank2{
	border-left:1px solid #dcdcdc;
	padding-left:60px;
	width:600px;
}
.bank_confirm_box div.vbank2 .bank_notice{
	margin:0 0 0 1em;
	text-indent:-1em;
}

.bank_confirm_box div.vbank2 .bank_notice.noindent{
	margin:0;
	text-indent:0;
}

@media all and (min-width:1px) and (max-width:979px){
	.bank_confirm_box.vbank > div{
		clear:both;
		width:100%;
		padding:0 10px;
		margin:15px 0 ;
	}
	.bank_confirm_box div.vbank2{
		border:0;
		padding:0 10px;
	}
	.bank_confirm_box div.vbank1{
		width:100%;
	}

}


.bank_info_title {
	font-size: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 15px;
}

.bank_info_title .glyphicon {
	margin-right: 10px;
}

.bank_confirm_box ul li {
	padding-left: 80px;
	text-indent: -80px;
}

.bank_confirm_box ul li strong {
	width: 70px;
	font-family: 'NotoSans', sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.6;
}

.bank_notice {
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 20px;
}

.t_line {
	text-decoration: underline;
}

.ls_1 {
	letter-spacing: 1px;
}

.bank_confirm button {
	border: none;
}
.bank_confirm button:hover {
	transition: all 0.3s;
}

.bank_confirm button:focus {
	outline: none;
	color: #fff;
}

.bank_req_req {
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
}

textarea {
    width: 530px;
	height: 30px;
	max-width: 100%;
	font-size: 18px;
	background: none;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #000;
	border-radius: 0;
}

/* 단체원 주소 발급 */
.group_address {
	background-color: #f8f8f8;
	padding: 30px;
	margin-top: 100px;
}

.group_address h3.title {
	font-size: 18px;
	text-align: center;
	margin-bottom: 30px; 
}
.group_address h3.title i {
	font-size: 26px;
	margin-bottom: 15px;
}

.add_url_box {
	width: 580px;
	max-width: 100%;
	padding: 10px 15px;
	margin: 0 auto;
	border-radius: 30px;
	border: 1px solid #dbdbdb;
	background-color: #fff;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}

.add_url_box .url_txt {
	color: #147ae2;
	text-align: center;
	margin-bottom: 0;
}

.address_btn {
	display: inline-block;
	font-size: 15px;
	color: #fff;
	background-color: #0162bd;
	padding: 10px 30px;
	margin: 0 3px;
	cursor:pointer;
}

.address_btn:hover {
	opacity: 0.6;
	color: #fff;
}

.address_btn:focus {
	color: #fff;
}

.add_delete {
	background-color: #939393;
}

.add_txt {
	font-size: 14px;
	line-height: 1.7;
}

/* 기록조회 */
.record_gray_box {
	padding: 25px;
	background-color: #fafafa;
	border: 1px solid #e3e3e3;
}

.record_gray_box p {
	font-size: 17px;
	font-weight: bold;
}

.record_gray_box ul {
	overflow: hidden;
}

.record_gray_box ul li {
	float: left;
	margin-right: 40px;
}

.record_gray_box ul li:last-child {
	margin-right: 0;
}

.record_info{
	display:flex;
}

.record_info > .record_box{
	margin:0 auto;
}

.record_info > .record_box > span{
	font-size:18px;
	font-weight:bold;
}

.record_table_wrapper{
	margin-top:30px;
}

.all_tabs {
	width: 100%;
	overflow: hidden;
}

.all_tabs li {
	float: left;
	width: 33.3%;
	font-size: 17px;
	color: #b9b9b9;
	text-align: center;
	height: 55px;
	line-height: 55px;
	border-right: 1px solid #d6d6d6;
	border-bottom: 1px solid #000;
	background-color: #fafafa;
	cursor: pointer;
}

.all_tabs li:last-child {
	border-right: none;
}

.all_tabs li.active {
	color: #141414;
	border: 1px solid #000;
	border-bottom: none;
	background-color: #fff;
}

.add_group_name {
	text-align: center;
}
.add_group_name h1 {
	display: inline-block;
	font-size: 20px;
	color: #fff;
	text-align: center;
	background-color: #0162bd;
	border-radius: 5px;
	padding: 10px 20px;
	margin: 0;
}

.add_group_name h1 span {
	font-weight: 400;
}

.tab_cont_title {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 50px;
	margin: 0;
}

/* 임시 비밀번호 발급 페이지 */
.pw_icon {
	display: block;
	margin: 0 auto 25px;
}
.pw_title {
	font-size: 22px;
	font-weight: bold;
}

.pw_info_txt {
	font-size: 14px;
	color: #b2b2b2;
	margin-top: 15px;
	margin-bottom: 0 !important;
}

.txt_notice {
	font-size: 14px;
	color: #333;
	text-align: center;
	line-height: 1.6;
}

/*.txt_form{
    display: block;
    width: 300px;
	height: auto;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 35px;
    padding: 10px 30px;
    margin: 10px auto 40px;
    box-shadow: 0 0 15px #ddd;
	background-color: #fff;
}*/

div.itemCodeBlock{
	width:auto;
}
div.itemCodeBlock > input.chk_btn + label {
	width: 100%;
}


.txt_form {
	display: block;
    width: 100%;
    height: auto;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    border-bottom: 1px solid #000;
    padding: 10px 0px;
    margin: 10px auto 40px;
}

.apply_form.mt_40 {
	margin-top: 40px
}
/*  */
.sns_rignt_btn {
	display:inline-block;
	font-size:15px;
	font-weight:700;
	text-align:center;
	line-height:42px;
	background:#333;
	border:solid 1px #333;
	color:#fff;
	width:184px;
	height:45px;
	cursor:pointer;
	text-decoration:none;
}
.p_password_text {
	color:red; 
	font-size: 13px; 
	position: relative;
	bottom: 50px;
}

/* 사진인증 */
.photoverify-info {
	border: 1px solid #ddd;
	text-align:center;
	padding: 20px 30px;
	font-weight: 500;
	font-size:1.2em;
}
.certificate_title_input {
	width: 100%;
    border: none;
    border-bottom: 1px solid #242424;
    padding: 0 0 5px;
    font-size: 18px;
    font-weight: bold;
    background: none;
    box-shadow: none;
    border-radius: 0;
	margin-top: 10px;
}
/* 반응형 미디어쿼리 */
@media(max-width: 1199px) {
	div.item_no_group{
		width:49%;
	}

	div.item_no_group > input.chk_btn + label{
		width:100%;
	}

	input.chk_btn + label {
		width: 49%;
	}
	
	.divide_box .box_02 {
		width: 20px;
	}
	.pay_info {
	    float: none;
		width: 100%;
		margin-left: 0;
		margin-bottom: 30px;
		text-align: center;
	}
}

@media(max-width: 991px) {
	.sns_list p {
		margin-top: 10px;
	}

	.group_pay_info .pay_con {
		width: 50%;
		margin: 10px 0;
	}

	div.itemCodeBlock {
		width:49%;
	}

	.participation_con span {
		float: none;
	}
	
	.participation_con ul {
		overflow: hidden;
		margin: 10px 0 25px;
	}

	.participation_con ul li {
		display: inline-block;
		float: none;
		width: 49%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.participation_con ul li:last-child {
		margin-bottom: 0;
	}

	.participation_con span.mb_20.input_title_gl.item_code_GL {
		
	}
	input.chk_btn + label {
		margin-bottom: 5px;
	}
	
	.m_mt_0 {
		margin-top: 0;
	}
	.m_mb_0 {
		margin-bottom: 0;
	}
	.m_mt_20 {
		margin-top: 20px !important;
	}

	.apply_form select {
		margin-bottom: 30px;
	}

	label.input_label.text {
		margin-bottom: 30px;
	}
	.mt_29 {
		margin-top: 23px;
	}
	
	.cont_foreigner {
		height: auto;
	}

	.all_tabs li {
		font-size: 13px;
		line-height: inherit;
		padding-top: 10px;
	}

	.record_gray_box ul li {
		float: none;
	}
	.p_password_text {
		bottom:30px;
	}
}

@media(max-width: 767px){
	div.itemCodeBlock {
		width:100%;
	}
}

@media(max-width: 500px) {
	.sub_title h3 {
		font-size: 23px;
	}
	
	.box_title {
		margin-bottom: 20px;
	}
	.gray_line_box {
		padding: 20px;
	}

	.gray_line_box i {
		display: none;
	}

	.btn_apply {
		width: 100%;
		margin: 0 0 10px;
	}

	.sns_list ul {
		float: none;
		margin-right: 0;
		text-align: center;
	}

	.w260p {
		width: 100% !important;
	}
	
	.box_03.mr_30 {
		margin-right: 10px;
	}

	.group_pay_info .pay_con {
		width: 100%;
		margin: 10px 0;
	}

	.group_info {
		padding: 20px;
	}

	.group_info div.m_mb_30 {
		margin-bottom: 30px !important;
	}

	.address_btn {
		padding: 10px 15px;
		margin: 0;
	}

	.m_mt-25 {
		margin-top: -45px;
	}
	.m_mb30 {
		margin-bottom: 30px;
	}
	.bank_confirm_box {
		padding: 20px 10px;
	}

	.bank_confirm .btn_apply_small {
		margin-top: 0;
	}

	/* 단체원 표 */
	table.table_apply {
		border-top: none;
	}
	table.table_apply thead {
		display: none;
	}

	table.table_apply tbody tr {
		border: none;
	}

	table.table_apply tbody tr td {
		display: block;
		width: 100%;
		font-size: 14px;
		text-align: left;
		padding: 3px 10px;
	}

	table.table_apply tbody tr td.col1 {
		background-color: #f1f1f1;
		color: #242424;
		font-weight: 600;
		font-size: 15px;
		padding: 10px;
	}

	table.table_apply tbody tr td.col2 {
		padding-top: 10px;
	}

	table.table_apply tbody tr td.col2::before {
		content: "· 코스 : ";
		color: #242424;
		font-weight: 600;
	}
	table.table_apply tbody tr td.col3::before {
		content: "· 국적 : ";
		color: #242424;
		font-weight: 600;
	}
	table.table_apply tbody tr td.col4::before {
		content: "· 생년월일 : ";
		color: #242424;
		font-weight: 600;
	}
	table.table_apply tbody tr td.col5::before {
		content: "· 기념품 : ";
		color: #242424;
		font-weight: 600;
	}
	table.table_apply tbody tr td.col6::before {
		content: "· 핸드폰번호 : ";
		color: #242424;
		font-weight: 600;
	}

	table.table_apply tbody tr td.col7 {
	   text-align: right;
		padding-bottom: 10px;
		border-bottom: 1px solid #ddd;
		margin-bottom: 20px;
	}
	.insurance_txt {
		display: inline-block;
	}

	/* 단체원 참가 신청서 */
	.modal-content {
		padding: 20px;
		margin-top: 50px;
	}

	.btn_close img {
		width: 20px;
	}
	.m_mt_30 {
		margin-top: 30px;
	}
	.m_mb_30 {
		margin-bottom: 30px !important;
	}
	.apply_form .input_title {
		margin-bottom: 5px;
	}

	.apply_notice {
		font-size: 14px;
	}
	
	.agree_title {
		padding-left: 15px;
	}

	.agree_all,
	.agree_title label,
	.agree_title span {
		padding: 10px 15px;
	    line-height: 1.6;
	}

	.sns_list p {
		font-size: 13px;
	}

	.group_address {
		margin-top: 60px;
		padding: 20px;
	}

	.sns_list a {
		margin-top: 20px;
	}

	.btn_bank_small {
		display: block;
		width: 100%;
		margin-top: 10px;
		line-height: 1.5;
	}
	input.chk_btn + label {
		min-width: 120px;
		width: 49%;
	}
	input.chk_btn + label[for='paytype_card'],input.chk_btn + label[for='paytype_bank'] {width: 99%;}
	.participation_con {padding:20px;}
	.participation_con span {font-size:15px; letter-spacing:-0.5px;}
	.divide_box .box_03,
	.divide_box .box_04 {
		margin-top: 25px;
	}

  /* 20240617 추가 */
  .add_url_box .url_txt {
    overflow: scroll;
  }
}

@media(max-width: 320px) {
	.address_btn {
		padding: 7px 10px;
	}
}

.btn_apply_reverse_container {
	overflow: visible;
	display: inline-block;
}

.btn_apply_reverse_container > a {
	float: right;
}

.btn_apply_reverse_container > button {
	float: right;
}




/* 핵 */
@media (max-width: 991px) {
	.participation_con .opt_field select {
		width: 100% !important;
	}
}

.table_0708{width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:2px solid #38393f;}
.table_0708 tr th{ background:#f5f5f5; border-bottom:1px solid #333333;border-right:1px solid #cccccc;height:45px;font-size:18px;}
.table_0708 tr th:last-child{border-right:0px solid #cccccc;}
.table_0708 tr td{ background:#fff; border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;font-size:16px;padding:10px;text-align:center;line-height:150%;}
.table_0708 tr td:last-child{border-right:0px solid #cccccc;}
.table_0708 .align_left{text-align:left;}
.table_0708 .title{color:#052f6e;font-size:18px;}
.table_0708 .txt{color:#777;font-size:16px;font-weight:400;padding-left:10px;padding-top:3px;font-family:'Nanum Gothic', sans-serif;}

@charset "utf-8";

/* 게시판 목록 */
#bo_list {position:relative;margin-bottom:20px}
#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:60px;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 {border-left:2px solid transparent}
#bo_list tbody tr:hover {border-left:2px solid #253dbe}
#bo_list tbody .even td {background:#fbfbfb}

#bo-cate {margin:0 0 25px;padding-left: 1px;padding-top: 1px;}
#bo-cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo-cate ul {zoom:1;display: flex;flex-wrap:wrap; }
#bo-cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo-cate li {margin-left: -1px;margin-top: -1px;}
#bo-cate a{display:block;line-height:28px;padding:5px 15px;border:1px solid #ddd;color:#999;position: relative;transition:all 0.3s ease-out;}
#bo-cate a:focus, #bo-cate a:hover, #bo-cate a:active {text-decoration:none;background:#666;color:#fff;border:1px solid #666;}
#bo-cate #bo_cate_on{z-index:2;background:#212121;color:#fff;font-weight:bold;border:1px solid #212121;}


/* 게시판 목록 공통 */
.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}
.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}
.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}



.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;width:40px;text-align:center;margin-left:5px;background:#fff}
.btn_bo_user > li {position:relative}
.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}
.bo_notice td {background:#fff6fa !important;border-bottom:1px solid #f8e6ee}
.bo_notice td a {font-weight:bold}
.bo_notice .notice_icon {display:inline-block;line-height:25px;border-radius:5px;font-weight:bold;color:#f9267f}


.td_num strong {color:#000}
.bo_cate_link {float:left;display:inline-block;margin-right:10px;background:#e2eaf6;color:#3a8afd;font-weight:normal !important;height:20px;line-height:10px;padding:5px 8px;border-radius:5px;font-size:0.95em} /* 글제목줄 분류스타일 */
.bo_cate_link:hover {text-decoration:none}
.bo_tit {display:block;color:#000;font-weight:bold}
.bo_current {color:#e8180c}
#bo_list .profile_img img {border-radius:50%}
#bo_list .cnt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}

#bo_list .bo_tit .title_icon {margin-right:2px}
#bo_list .bo_tit .fa-heart {color:#ff0000}
#bo_list .bo_tit .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
#bo_list .bo_tit .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
#bo_list .bo_tit .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
#bo_list .bo_tit .fa-caret-right {color:#bbb}
#bo_list .bo_tit .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;margin-left:5px;vertical-align:middle}
#bo_list .bo_tit .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;margin-left:5px;vertical-align:middle}

.bo-sch-wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999;}
.bo-sch-content{width: 100%;height: 100%;align-items:center; justify-content:center; flex-wrap:wrap; align-content:center;display: flex;}
.bo-sch {position: relative;z-index: 2;text-align:left;}
.bo-sch h3{font-size: 50px;color:#fff;text-align: center;font-weight: 600;margin-bottom: 30px;opacity: 0;transform:translateY(-30px);text-shadow:5px 5px 10px rgba(0, 0, 0, .8);}
.bo-sch legend{}
.bo-sch-box{background: rgba(74,74,74,.9);border-radius: 10px;padding: 20px;box-shadow:10px 10px 20px 0 rgba(0, 0, 0, .4);width: 380px;opacity: 0;transform:translateY(-30px);}
.bo-sch-inner{background: #e3e3e3;border-radius:10px;padding: 20px;}
.bo-sch select{width: 100%;height: 43px;padding-left: 15px;border: 1px solid transparent;-webkit-appearance: none;-moz-appearance: none;appearance: none;position: relative;background: url('./img/arrow.png') right 5px center no-repeat;background-size: 18px auto;border: 1px solid #453732;font-size: 14px;}
.bo-sch select::-ms-expand {display: none;}
.bo-sch-input{display: block;}
.bo-sch input[type=text] {width: 100%;height:43px;background: none;padding:0;padding: 0 10px;border: 1px solid #453732;margin-top: 15px;font-size: 14px;color:#000}
.bo-sch-btn{margin-top: 15px;padding-top: 15px;position: relative;text-align: center;}
.bo-sch-btn:after{background: #fff;content:"";position: absolute;left:0;top:0;width: 100%;height: 2px;border-top: 1px solid #9c9c9c;}
.bo-sch .sch-btn {height:38px;color:#fff;border:none;font-size:15px;padding: 0 20px;background: #383838;}

.bo-sch-cls {position:absolute;right:50px;top:50px;width: 29px;height: 29px;background: url(./img/search_close.png) 0 0 no-repeat;z-index: 5;text-indent:-9999px;border: none;opacity: 0;transform:translateX(30px);}
.bo-sch-bg {background:#000;background:rgba(0, 0, 0,0.8);width:100%;height:100%;position: absolute;left:0;top:0;cursor:pointer;}
.bo-sch input[type=text]:focus, .bo-sch select:focus {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:none;}

.bo-sch-wrap.active{display: block;}
.bo-sch-wrap.active .bo-sch-cls{opacity: 1;transform:translateX(0px);transition:all 0.4s ease-out;}
.bo-sch-wrap.active h3{opacity: 1;transform:translateY(0px);transition:all 0.4s ease-out;}
.bo-sch-wrap.active .bo-sch-box{opacity: 1;transform:translateY(0px);transition:all 0.4s ease-out 0.15s;}



	.bo-top-wrap{display: flex;justify-content:space-between;align-items:flex-end;margin-bottom: 20px;}
	.list-total{font-size: 16px;font-weight: 500;background: url(./img/google-docs.png) 0 center no-repeat;padding-left: 30px;min-height:24px;line-height: 24px;}
	.list-total strong{color:#258ccf;font-weight: 600;}

	.board-btn a{vertical-align: top;display: inline-block;border: 1px solid #d1d1d1;font-size: 14px;font-weight: 700;padding: 6px 10px;position: relative;transition:all .3s ease-out;height: 32px;}
	.board-btn a:before{position: absolute;left:0;bottom:0;height: 50%;content:"";background: #f1f1f1;width: 100%;z-index: -2;}
	.board-btn a:after{position: absolute;left:0;bottom:0;height: 100%;content:"";background: #f1f5f9;width: 0;z-index: -1;transition:width 0.3s ease-out;}
	.board-btn a:hover:after{width: 100%;}
	.board-btn a:hover{border-color: #f1f5f9;box-shadow:3px 3px 8px rgba(0, 0, 0, .2);}

	.bo-bottom-wrap{display: flex;justify-content:space-between;align-items:flex-end;margin-bottom: 20px;}
	.bo-admin-select-wrap{display: inline-block;position: relative;}

	.more-opt {display:none;position:absolute;top:31px;right:0;background:#fff;z-index:999;width: 100%;box-shadow:3px 3px 8px rgba(0, 0, 0, .2);}
	.more-opt li {border-bottom:1px dotted #dfdfdf;}
	.more-opt li:last-child {border-bottom:0}
	.more-opt li button{width:100%;border:0;background:#fff;color:#333;text-align: left;padding: 8px;transition:all 0.3s ease-out;}
	.more-opt li:hover button {color:#000;background: #f1f5f9;}


	.btn-bo-rss{background: url(./img/rss.png) 8px center no-repeat;padding-left: 32px !important;}
	.btn-bo-search{background: url(./img/search.png) 8px center no-repeat;padding-left: 32px !important;}
	.btn-bo-write{background: url(./img/pencil.png) 8px center no-repeat;padding-left: 32px !important;}
	.btn-bo-admin{background: url(./img/gear.png) 8px center no-repeat;padding-left: 32px !important;}
	.btn-bo-admin-select{background: url(./img/bolt.png) 8px center no-repeat;padding-left: 28px !important;}

	.btn-bo-modify{background: url(./img/refresh.png) 8px center no-repeat;padding-left: 32px !important;}
	.btn-bo-delete{background: url(./img/close.png) 8px center no-repeat;padding-left: 32px !important;background-size: 14px auto;}
	.btn-bo-copy{background: url(./img/copy.png) 8px center no-repeat;padding-left: 32px !important;}
	.btn-bo-move{background: url(./img/move.png) 8px center no-repeat;padding-left: 32px !important;}
	.btn-bo-list{background: url(./img/list.png) 8px center no-repeat;padding-left: 32px !important;}
	.btn-bo-reply{background: url(./img/reply.png) 8px center no-repeat;padding-left: 32px !important;}

	.bo-v-btn-wrap{display: flex;justify-content:space-between;margin-bottom: 15px;}
	.bo-v-btn-left{}


	.bo-admin-select-wrap.active .btn-bo-admin-select{border-color: #f1f5f9;box-shadow:3px 3px 8px rgba(0, 0, 0, .2);}
	.bo-admin-select-wrap.active .btn-bo-admin-select:after{width: 100%;}


	.fz-list{margin-bottom: 20px;border-top: 2px solid #222;font-size: 14px;color:#000}
	.fz-list i{display: none;}
	.fz-list li{display: flex;border-bottom: 1px solid #d8d8d8;position: relative;}
	.fz-list li:last-child{border-bottom: 1px solid #222;}
	.fz-list li>div{padding: 8px 0;display: flex;align-items:center;justify-content:center;min-height:50px;}

	.fz-list .fz-list-th{border-bottom: 1px solid #666;}
	.fz-list .fz-list-th>div{height: 55px;font-weight: 600;font-size: 14px;color:#000 !important}
	.fz-list .fz-list-th .fz-subject{justify-content:center !important;}

	.fz-list .fz-checkbox{flex:0 0 30px;}
	.fz-list .fz-num{flex:0 0 50px;}
	.fz-list .fz-subject{flex-grow:1;justify-content:flex-start !important;padding: 8px 10px;line-height: 1.6em;}
	.fz-list .fz-writer{flex:0 0 120px;}
	.fz-list .fz-date{flex:0 0 70px;}
	.fz-list .fz-hit{flex:0 0 45px;}
	.fz-list .fz-good{flex:0 0 45px;}
	.fz-list .fz-nogood{flex:0 0 45px;}

	.fz-list .fz-num, .fz-list .fz-hit, .fz-list .fz-good, .fz-list .fz-nogood, .fz-list .fz-date{color:#999;}

	.fz-list li:after{content:"";height: 100%;width: 0;background: #fafafa;position: absolute;left:0;top:0;z-index: -1;transition:width .3s ease-in-out;}
	.fz-list li:hover:after{width: 100%;}
	.fz-list li>div, .fz-list li>div *{transition:color .2s ease-in-out;}
	.fz-list li:hover>div, .fz-list li:hover>.fz-subject>a, .fz-list li:hover .sv_wrap>a, .fz-list li:hover .sv_member{color:#4158d1 !important}
	.fz-list li.fz-list-th:hover>div{color:#000 !important}
	.fz-list li.fz-list-th:after{display: none;}

	.fz-empty-list{height: 100px;display:flex;align-items:center; justify-content:center; flex-wrap:wrap; align-content:center;flex-grow:1;}

	.bo-cate-link{display: inline-block;position: relative;padding-right: 10px;margin-right: 10px;line-height: 20px;vertical-align: top;}
	.bo-cate-link:after{height: 20px;width: 1px;content:"";display: block;position: absolute;right:0;top:3px;background: linear-gradient(to bottom, #999, transparent);}
	.list-icon{width: 20px;height: 20px;display: inline-block;overflow: hidden;vertical-align: top;text-indent:-9999px;}
	.icon-reply{background: url(./img/reply-all.png) center center no-repeat;margin-right: 5px; background-size: 12px auto;}
	.icon-secret{background: url(./img/secret.png) center center no-repeat;margin-right: 5px;}
	.icon-file{background: url(./img/download.png) center center no-repeat;}
	.icon-link{background: url(./img/link.png) center center no-repeat;}
	.icon-new{background: url(./img/new.png) center center no-repeat;}
	.icon-pack-wrap{margin-left: 8px;}
	.icon-notice{text-indent:-9999px;display: inline-block;width: 20px;height: 20px;background: url(./img/mic.png) center center no-repeat;}
	.bo-current{color:#FF4800;font-weight: 600;}
	#bo_list .fz-subject .cnt_cmt{color:#FF4800;padding-left: 5px;font-size: 9px;font-family: tahoma;background: none;font-weight: 700;vertical-align: top;line-height: 20px;}
	.fz-list .sv_wrap>a{display: inline-block;display: flex;align-items:center;line-height: 1em;}
	.fz-list .sv_wrap a .profile_img{display: inline-block;vertical-align: middle;margin-right: 3px;}
	.fz-list .sv_wrap .sv a{font-size: 12px;}

	#bo_list .pg_wrap {clear:both;text-align: center;margin-top: 30px;display: block;float: none;}
	#bo_list .pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
	#bo_list .pg {text-align:center;}
	#bo_list .pg_page, .pg_current {display:inline-block;vertical-align:middle;border:1px solid #ddd;background: none;border-radius:0;transition:all 0.3s ease-out;}
	#bo_list .pg a:focus, .pg a:hover {text-decoration:none}
	#bo_list .pg_page {color:#959595;font-size:14px;height:35px;line-height:33px;padding:0 13px;min-width:30px;text-decoration:none;position: relative;}
	#bo_list .pg_page:hover {background-color:#fafafa;box-shadow:0px 0px 5px rgba(0, 0, 0, .2);border-color: #b8b8b8;color:#212121;font-weight: bold;}
	#bo_list .pg_start {text-indent:-999px;overflow:hidden;padding:0;width: 35px;border:1px solid #ddd;background: none;}
	#bo_list .pg_prev {text-indent:-999px;overflow:hidden;padding:0;width: 35px;border:1px solid #ddd;background: none;}
	#bo_list .pg_end {text-indent:-999px;overflow:hidden;padding:0;width: 35px;border:1px solid #ddd;background: none;}
	#bo_list .pg_next {text-indent:-999px;overflow:hidden;padding:0;width: 35px;border:1px solid #ddd;background: none;}
	#bo_list .pg_prev:after{font-family:FontAwesome;width: 100%;position: absolute;left:0;top:0;height: 100%;content:"\f104";z-index: 1;text-indent:0;text-align: center;font-size: 18px;}
	#bo_list .pg_start:after{font-family:FontAwesome;width: 100%;position: absolute;left:0;top:0;height: 100%;content:"\f100";z-index: 1;text-indent:0;text-align: center;font-size: 18px;}
	#bo_list .pg_next:after{font-family:FontAwesome;width: 100%;position: absolute;left:0;top:0;height: 100%;content:"\f105";z-index: 1;text-indent:0;text-align: center;font-size: 18px;}
	#bo_list .pg_end:after{font-family:FontAwesome;width: 100%;position: absolute;left:0;top:0;height: 100%;content:" \f101";z-index: 1;text-indent:0;text-align: center;font-size: 18px;}
	#bo_list .pg_start:hover,#bo_list .pg_prev:hover,#bo_list .pg_end:hover,#bo_list .pg_next:hover {background-color:#fafafa}

	#bo_list .pg_current {display:inline-block;background:#212121;border:1px solid #212121;color:#fff;font-weight:bold;height:35px;line-height:33px;padding:0 13px;min-width:30px;position: relative;color:#fff;}





/* 게시판 쓰기 */
#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:0.92em;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}

/* 게시판 읽기 */
#bo_v {margin-bottom:20px;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{border-top: 2px solid #000;}
.bo-v-tit {display:block;font-size:22px;word-break:break-all;border-bottom: 1px solid #ddd;padding: 20px 0;}

#bo-v-info {margin:0;border-bottom:1px solid #ddd;color:#666;display: flex;justify-content:space-between;flex-wrap:wrap;}
#bo-v-info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo-v-info .profile-info {display: flex;align-items:center;}
#bo-v-info .profile-info .pf-img {margin-right:10px;display: inline-block;}
#bo-v-info .profile-info .pf-img img {border-radius:50%;width:35px;height:35px}
#bo-v-info .profile-info strong {display:inline-block;font-weight:normal;padding-left: 22px;background: url(./img/user.png) 0 center no-repeat;}
#bo-v-info .profile-info .pf-img ~ strong{background: none;padding-left: 0;}

#bo-v-info .sv_member,
#bo-v-info .sv_guest,
#bo-v-info .member,
#bo-v-info .guest {font-weight:bold;font-size: 14px;}
#bo-v-info .profile_img {display:none}
#bo-v-info .sv_member {color:#000}

.article-info{padding: 15px 0;min-height:50px}

.article-comment{display: inline-block;padding-left: 22px;background: url(./img/comment.png) 0 center no-repeat;color:#777;font-weight: normal;}
.article-hit{display: inline-block;padding-left: 22px;background: url(./img/eye-black.png) 0 center no-repeat;margin-left: 10px;color:#777;font-weight: normal;}
.article-date{display: inline-block;padding-left: 22px;background: url(./img/schedule.png) 0 center no-repeat;margin-left: 10px;color:#777;font-weight: normal;}
.article-ip{display: inline-block;color:#999;font-size: 12px;}

#bo_v_file, #bo_v_link{font-size: 14px;}
#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 {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;padding-left: 50px;background: url(./img/folder.png) 10px 14px no-repeat;transition:box-shadow .3s ease-out;}
#bo_v_file li i {color:#b2b2b2;font-size:24px;margin-right:20px;position: absolute;left:10px;top:14px;}
#bo_v_file img {position: absolute;left:15px;top:16px;}
#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 .bo_v_file_cnt {color:#b2b2b2;font-size:0.92em}
#bo_v_file li:hover {border-color:#bed4f4;color:#bed4f4;box-shadow:0px 0px 10px 0 rgba(0, 0, 0, .2);}
#bo_v_file li:hover i {color:#3a8afd}
#bo_v_file li:hover .bo_v_file_cnt {color:#99c2fc}


#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;list-style:none}
#bo_v_link li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;padding-left: 50px;background: url(./img/link_large.png) 10px 14px no-repeat;transition:box-shadow .3s ease-out;}
#bo_v_link li i {color:#b2b2b2;font-size:24px;margin-right:20px;position: absolute;left:10px;top:14px;}
#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:0.92em}
#bo_v_link li:hover {border-color:#bed4f4;color:#bed4f4;box-shadow:0px 0px 10px 0 rgba(0, 0, 0, .2);}
#bo_v_link li:hover i {color:#3a8afd}
#bo_v_link li:hover .bo_v_link_cnt {color:#99c2fc}


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

.bo_v_nb {position:relative;margin:20px 0;clear:both;text-align:left}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {border-top:1px solid #f1f1f1;padding:13px}
.bo_v_nb li:last-child {border-bottom:1px solid #f1f1f1}
.bo_v_nb li:hover {background:#f6f6f6}
.bo_v_nb li i {font-size:13px;color:#b3b3b3}
.bo_v_nb li .nb_tit {display:inline-block;padding-right:20px;color:#b3b3b3}
.bo_v_nb li .nb_date {float:right;color:#b3b3b3}

#bo_v_atc {min-height:200px;height:auto !important;height:200px}
#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:20px;max-width:100%;height:auto}

#bo_v_con {margin:10px 0 30px;width:100%;line-height:1.7em;min-height:200px;word-break:break-all;overflow:hidden;font-size: 14px;}
#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;display: inline-block;}
#bo_v_act .bo_v_act_gng ~ .bo_v_act_gng{margin-left: 10px;}
#bo_v_act a, #bo_v_act>span{vertical-align:middle;color:#4a5158;transition:all .3s ease-out;padding-top: 40px;}
#bo_v_act a:hover {background-color:#fff;color:#ff484f;border-color:#fff;box-shadow:0px 0px 8px rgba(0, 0, 0, .2);}

#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;height: 70px;border-radius:50%;background: url(./img/like.png) center 12px no-repeat;}
#bo_v_act .bo_v_nogood {display:inline-block;border:1px solid #dedede;width:70px;height: 70px;border-radius:50%;background: url(./img/dislike.png) center 12px no-repeat;}

#bo_v_sns {padding:0;list-style:none;right:0;top:60px;display: flex;padding: 8px 5px;border-radius:10px;background: #f5f5f5;box-shadow:5px 5px 10px 0 rgba(0, 0, 0, .3);opacity:0;position: absolute;width: 0;height: 0;overflow: hidden;}
#bo_v_sns.active{opacity:1;width: auto;height: auto;transition:all 0.3s ease-out;}
#bo_v_sns li {padding: 0 3px;}
#bo_v_sns li a {height:35px;line-height:35px;text-align:center;border-radius:5px;color:#fff;font-size:0.95em;width: 35px;border-radius:50%;transition:all .2s ease-out;}
#bo_v_sns li a:hover{box-shadow:2px 2px 5px 0 rgba(0, 0, 0, .4);}
#bo_v_sns li a span{display: none;}
#bo_v_sns li img {vertical-align:middle;}
#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;display: flex;justify-content:flex-end}
#bo_v_share:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_share .btn {padding:0 10px;color:#555;font-weight:normal;font-size:1em;width:80px;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:5px;color:#4b5259;vertical-align:middle}

.scrap-btn{background: url(./img/bookmark.png) 8px center no-repeat;padding-left: 32px !important;}
.share-btn{background: url(./img/share-link.png) 8px center no-repeat;padding-left: 32px !important;}

.share-btn.active:after{width: 100%;}
.share-btn.active{border-color: #f1f5f9;box-shadow:3px 3px 8px rgba(0, 0, 0, .2);}

/* 게시판 댓글 */
.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;display: flex;}
#bo_vc article.bo-vc-reply:before{content:"";display: block;width: 12px;height: 12px;background: url(./img/reply-all.png) 0 0 no-repeat;background-size: 100% auto;position: absolute;left:-20px;top:5px;}
#bo_vc article:last-child{border-bottom: none;}

#bo_vc article .profile_img img {border-radius:50%}
#bo_vc article .pf_img {display: inline-block;vertical-align: middle;margin-right: 5px;}
#bo_vc article .pf_img img {border-radius:50%;width:35px;height:35px}
#bo_vc article .cm_wrap {flex-grow:1;}
#bo_vc header {position:relative;display: flex;justify-content:space-between;}
#bo_vc header .profile_img {display:none}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
.cm-parent-info{color:#999;text-decoration: none !important;margin-right: 5px;}
.cm-header-content{vertical-align: middle;}
.cm-ip{color:#999;}
.cm-reply-btn{background: url(./img/reply.png) 0 center no-repeat;width:16px;text-indent:-9999px;display: inline-block;}
.cm-modify-btn{background: url(./img/refresh.png) 0 center no-repeat;width:16px;text-indent:-9999px;display: inline-block;margin-left: 5px;}
.cm-delete-btn{background: url(./img/close.png) 0 center no-repeat;width:16px;text-indent:-9999px;display: inline-block;background-size: 14px auto;margin-left: 5px;}
.bo-vc-datetime{background: url(./img/schedule.png) 0 center no-repeat;padding-left: 22px;margin: 0 5px;}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {color:#777}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {line-height:1.8em;padding:10px 0}
#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}


.bo-vc-guest-area{display: flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;}
.bo-vc-guest-input{margin-bottom: 10px;}
.bo-vc-guest-notice{background: url(./img/mic.png) 0 center no-repeat;padding-left: 22px;color:#000;font-size: 14px;margin-bottom: 8px;}
.bo-vc-captcha #captcha{vertical-align: top;margin-bottom: 10px;}

.bo_vc_w {position:relative;margin:20px 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:inline-block;margin-right: 10px;}
.bo_vc_w textarea {border:1px solid #ccc;background:#fff !important;color:#000;vertical-align:middle;padding:8px;width:100%;height:120px;}
#wr_secret {}
.bo_vc_w_info {display: flex;justify-content:space-between;}
.bo_vc_w_info .frm_input {margin-right:5px;margin-bottom: 10px;}
.bo_vc_w_info #captcha {display:block;clear:both}
.bo_vc_w .btn_confirm {}
.bo_vc_w .btn_confirm label {display:inline-block;margin-right:10px;border-radius:3px;text-align:center}
.bo_vc_w .btn_confirm .secret_cm label {font-size:1em !important}
.bo_vc_w_wr{padding-top: 10px;}
.secret_cm {display:inline-block;}
.comment-write-box{border: 1px solid #e1e1e1;border-top: 2px solid #333;background: #f8f8f8;padding: 15px;}
.comment-write-box .required{background-image: none !important;}
.comment-write-box .frm_input{border-radius:0;vertical-align: top;}
.bo-vc-bottom{display: flex;justify-content:space-between;margin-top: 10px;}
.bo-vc-submit{padding: 6px 15px;height: 32px;border-radius:0px;font-weight:700;font-size:14px;background: #144a94;color:#fff;transition:all .2s ease-out;}
.bo-vc-submit:hover{box-shadow:3px 3px 8px rgba(0, 0, 0, .2);background: #fff;color:#333;}


#bo_vc_send_sns {display:inline-flex;}
#bo_vc_sns {display:flex;margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns li {margin:0 5px 0 0;display: flex;align-items:center;}
#bo_vc_sns .sns_li_f {border-radius:3px;background:#3a589b;height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_t {border-radius:3px;background:#00aced;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_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:10px 0;position:relative}
#bo_w .write_div:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input {float:left;margin-bottom:1%}
#bo_w #wr_password, #bo_w #wr_homepage {}
#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;line-height:30px;height:30px}
#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_wr {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:10px 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;font-size:1.167em}
#bo_w .btn_cancel {border-radius:3px;font-size:1.167em}
#bo_w .required{background: none !important;}

#bo_w .btn-confirm{text-align: center;margin: 40px 0;}

#captcha #captcha_key{border-radius:0;background: #fff !important;}

.content-input-form{padding: 15px;background: #f8f8f8;border: 1px solid #e1e1e1;border-top: 2px solid #333;}
.input-wrap{margin-top: 10px;}
.input-box{border: 1px solid #dadada;display: flex;flex-wrap:nowrap;justify-content:space-between;margin-top: -1px;}
.input-title{flex:0 0 110px;display: flex;align-items:center;justify-content:flex-start;padding-left: 20px;font-size: 14px;font-weight: bold;position: relative;background: #fff;}
.input-box.required .input-title:after{content:"*";color:#3366cc;}
.input-content{flex-grow: 1;display: flex;align-items:center;min-height:43px;position: relative;background: #fff;}
.input-content input[type=text], .input-content input[type=password]{width: 100%;height: 43px;padding-left: 15px;border: 1px solid transparent;}
.input-content select{width: 100%;height: 43px;padding-left: 15px;border: 1px solid transparent;-webkit-appearance: none;-moz-appearance: none;appearance: none;position: relative;background: url('./img/arrow.png') right 5px center no-repeat;background-size: 18px auto;}
.input-content select::-ms-expand {display: none;}
.input-content select:focus{}
.input-content .check-box{margin-left: 15px;}
.input-content #btn_autosave{height: 30px;margin-right: 5px;width: 130px;}
.input-wrap .cke_sc{display: none;}
.input-content .hidden-file{position: absolute;width: 0;height: 0;overflow: hidden;}
.input-content .file-label{background: #999;width: 80px;height: 100%;display: flex;align-items:center;justify-content:center;color:#fff;}

.check-box{position: relative;display: inline-block;}
.check-box input{display: none;}
.check-box span{display: inline-block;width: 17px;height: 17px;border: 1px solid #c8ccd4;background: #fff;border-radius:3px;transition:background 0.2s ease;position: absolute;left:0;top:50%;transform:translateY(-50%);}
.check-box span::after{content:"";position: absolute;top:1px;left:5px;width: 5px;height: 11px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform:rotate(45deg) scale(0);transition:all 0.3s ease 0.15s;opacity:0;}
.check-box label{cursor:pointer;padding-left: 23px;position: relative;z-index: 1;}
.check-box label.sound_only{width: 17px;height: 17px;}
.check-box input:checked ~ span{border-color: transparent;background: #3a8afd;animation: checkbox-jelly 0.6s ease;}
.check-box input:checked ~ span:after{opacity:1;transform:rotate(45deg) scale(1);}
@keyframes checkbox-jelly{
	0%{transform: scale(1, 1) translateY(-50%);}
	30%{transform: scale(1.25, 0.75) translateY(-50%);}
	40%{transform: scale(0.75, 1.25) translateY(-50%);}
	50%{transform: scale(1.15, 0.85) translateY(-50%);}
	65%{transform: scale(0.95, 1.05) translateY(-50%);}
	75%{transform: scale(1.05, 0.95) translateY(-50%);}
	to{transform: scale(1, 1) translateY(-50%);}
}

.button {border: 0;box-shadow: inset 0 0 0 1px #f45e61;position: relative;}
.button::before, .button::after{content: "";position: absolute;width: 100%;height: 100%;}

.draw {transition: color 0.25s;}
.draw::before, .draw::after {border: 1px solid transparent;width: 0;height: 0;}
.draw::before {top: 0;left: 0;}
.draw::after {bottom: 0;right: 0;}
.draw:hover {color: #60daaa;}
.draw:hover::before, .draw:hover::after {width: 100%;height: 100%;}
.draw:hover::before {border-top-color: #60daaa;border-right-color: #60daaa;transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;}
.draw:hover::after {border-bottom-color: #60daaa;border-left-color: #60daaa;transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;}

.meet:hover {color: #fbca67;}
.meet::after {top: 0;left: 0;}
.meet:hover::before {border-top-color: #000;border-right-color: #000;}
.meet:hover::after {border-bottom-color: #000;border-left-color: #000;transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;}


#bo_w .btn-confirm .btn-submit{background: #1c54a7;box-shadow:none;border: none;color: #fff;width: 140px;height: 50px;font-size: 16px;vertical-align: top;margin-right: 10px;font-weight: bold;transition:all .4s ease-out;}
#bo_w .btn-confirm .btn-submit:hover{background: none;color:#000}
#bo_w .btn-confirm .btn-cancel{box-shadow: inset 0 0 0 1px #dadada;text-align: center;display: inline-block;width: 140px;height: 50px;line-height: 50px;color: #333;font-size: 16px;vertical-align: top;font-weight: bold;}


@media screen and (max-width: 760px){
	#bo-cate{margin: 0;padding-bottom: 15px;}
	.bo-top-wrap{align-items:center;flex-wrap:wrap;margin-bottom: 10px;}
	.bo-top-wrap .list-total{margin-top: 10px;font-size: 14px;background-size: 20px auto;padding-left: 25px;}
	.bo-top-wrap .board-btn{margin-left: auto;margin-top: 10px;}
	.board-btn a{font-size: 13px;padding: 4px 6px;height: auto;}

	.fz-list{margin-bottom: 10px;}
	.fz-list .fz-list-th{display: none;}
	.fz-list li{flex-wrap:wrap;padding: 10px;}
	.fz-list li>div{order:2;min-height:auto;padding: 0;margin-right: 15px;}
	.fz-list li .fz-subject{order:1;width: 100%;padding: 0;margin-bottom: 10px;margin-right: 0;}
	.fz-list li .fz-subject a{width: 100%;display:block;/* 제목이 길때 여러줄로 다 나오게 할려면 이 뒷부분 삭제*/ text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

	.fz-list li .fz-num{display: none;}
	.fz-list li .fz-checkbox{flex:0;}
	.fz-list li .fz-writer{flex:0;}
	.fz-list li .fz-writer.sv-empty-writer{background: url(./img/user.png) 0 center no-repeat;padding-left: 20px;}
	.fz-list li .fz-date{flex:0;background: url(./img/schedule.png) 0 center no-repeat;padding-left: 20px;}
	.fz-list li .fz-hit{flex:0;background: url(./img/eye-black.png) 0 center no-repeat;padding-left: 20px;}
	.fz-list li .fz-good{flex:0;background: url(./img/like_s.png) 0 center no-repeat;padding-left: 20px;}
	.fz-list li .fz-nogood{flex:0;background: url(./img/dislike_s.png) 0 center no-repeat;padding-left: 20px;}

	#bo_list .profile_img img{max-width:22px;}

	.bo-v-tit{font-size: 18px;padding: 14px 0;}
	#bo-v-info{font-size: 12px;padding: 10px 0;}
	#bo-v-info .profile-info{padding: 0;}
	#bo-v-info .article-info{padding: 0;margin-left: auto;min-height:0;margin-top: 3px;}
	#bo-v-info .profile-info .pf-img{margin-right: 5px;}
	#bo-v-info .profile-info .pf-img img{width: 22px;height: 22px;vertical-align: top;}
	#bo_v_share{padding: 10px 0;}

	.bo-vc-act{display: flex;align-items:center;}
	#bo_vc article .pf_img img{vertical-align: top;}
	.cm-header-content{font-size: 13px;}
	.bo-vc-submit{font-size: 14px;font-weight: 300;padding: 3px 12px;height: auto;}

	.bo-v-btn-wrap{flex-wrap:wrap;padding-bottom: 5px;margin-bottom: 0;}
	.bo-v-btn-left{margin-bottom: 5px;}
	.bo-v-btn-right{margin-left: auto;margin-bottom: 5px;}

	.bo-vc-guest-area{flex-wrap:wrap;}
	.bo-vc-guest-input input[type=text], .bo-vc-guest-input input[type=password]{width: 100%;}
	.bo-vc-guest-input input[type=password]{margin-top: -1px;}

	.content-input-form{padding: 10px;}
	.input-title{flex:0 0 90px;padding-left: 10px;}
	.input-content input[type=text], .input-content input[type=password]{padding-left: 8px;}
	.input-content select{padding-left: 8px;}
	.input-content .check-box{margin-left: 8px;}
	#bo_w .btn-confirm{margin: 25px 0;}
	#bo_w .btn-confirm .btn-submit{width: 100px;height: 40px;font-weight: 500;font-size: 14px;}
	#bo_w .btn-confirm .btn-cancel{width: 100px;height: 40px;font-weight: 500;line-height: 40px;font-size: 14px;}
}