/* pagenation */
.pagenation {margin:0 auto; margin-top:0;text-align:center}
.pagenation .pageArrow {margin:0 10px;}
.pagenation .pageArrow a {background:none;}
.pagenation .pageArrow.prev {}
.pagenation .pageArrow.next {}
.pagenation a span {font-size:14px;font-family:'Montserrat', sans-serif;}
.pagenation a,
.pagenation i {display:inline-block;background:#fff;width:30px;height:30px;line-height:30px;color:#aaa;font-weight:bold}
.pagenation .current {color:#111;font-weight:bold;font-style:normal}
/* ----------------------------------------------------- 게시판 리스트형 - 공지 ----------------------------------------------------- */
.fa, .far, .fas {font-family: Font Awesome\ 5 Free !important;}
.strcate select { vertical-align: top; line-height: 30px; height: 46px;}
.brd_list {position:relative;width:100%;border-top:1px solid #e0e0e0}
.brd_list .brd_li {position:relative;display:block;width:100%;border-bottom:1px solid #f1f1f1;background:#fff;padding:20px 80px 20px 20px;margin-bottom:1px;background:url(/kor/img/cmm/ico_brd_list_arrow.png) no-repeat 98% 50% #fff;}
.brd_list .brd_li .brd_tit {display:inline-block;font-size:18px;font-weight:500;line-height:30px;color:#111;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:80%}
.brd_list .brd_li .brd_date {font-size:13px;line-height:30px;float:right;font-family:'Montserrat', sans-serif;letter-spacing:1px;font-weight:bold;color:#a6b6b3}
.brd_list .brd_li:before,
.brd_list .brd_li:after {display:block;content:'';clear:both}
.brd_list .brd_li .brd_tit,
.brd_list .brd_li .brd_date {display:inline-block;}
.brd_list .brd_li .ico_notice {display:inline-block;padding:3px 5px;line-height:12px;background:#666;border:1px solid #444;color:#fff;font-size:12px;font-family: '맑은고딕', Malgun Gothic;margin-right:12px;margin-top:2px} /* 항상 공지 아이콘 */
.brd_list .brd_li .ico_file {display:inline-block;width:19px;height:19px;background:url(/kor/img/cmm/ico_brd_file.png) no-repeat 0 90%;text-indent:-999px;font-size:0;margin-left:10px;margin-right:10px;margin-top:6px} /* 첨부파일 */
.brd_list .brd_li .brd_tit,
.brd_list .brd_li .brd_tit span,
.brd_list .brd_li .ico_file,
.brd_list .brd_li .ico_notice {float:left}
.brd_list .brd_li.brd_li_notice {background:#f8f8f8;color:#0877a1;}
.brd_list .brd_li.brd_li_notice .brd_tit {color:#0877a1;}
/* 웹진-리스트형 */
.wz_list .wz_li {position:relative;padding-top:40px;padding-bottom:40px;border-bottom:1px solid #efefef}
.wz_list .wz_li:first-child {padding-top:0}
.wz_list .wz_li:last-child {border-bottom:0}
.wz_list .wz_li .cover {position:absolute;top:0;left:0;width:100%;height:100%;z-index:20}
.wz_list .wz_li .wz_thumb .thumb {background:#000;width:100%;height:138px;overflow:hidden;}
.wz_list .wz_li .wz_thumb .thumb img {min-height:138px;transform-origin:center center;transform:scale(1.25);opacity:.9;
-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.wz_list .wz_li:hover .wz_thumb .thumb img {opacity:1;transform:scale(1.1);}
.wz_list .wz_li .wz_thumb2 .thumb2 {background:#000;width:100%;overflow:hidden;}
.wz_list .wz_li .wz_thumb2 .thumb2 img {transform-origin:center center;transform:scale(1.0);opacity:.9;
-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.wz_list .wz_li:hover .wz_thumb2 .thumb2 img {opacity:1;transform:scale(1.1);}
.wz_list .wz_li .txtbox .tit,
.wz_list .wz_li .txtbox .tit span {display:block;font-size:20px;line-height:1.4;color:#222;font-weight:500;letter-spacing:-1.5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.wz_list .wz_li .txtbox .wz_desc {line-height:1.8;height:56px;overflow:hidden;text-overflow:ellipsis;margin-top:12px;width:95%}
.wz_list .wz_li .txtbox .info {margin-top:25px;color:#666}
.wz_list .wz_li .txtbox .info .date,
.wz_list .wz_li .txtbox .info .name {float:left}
.wz_list .wz_li .txtbox .info .name {line-height:1;color:#666}
.wz_list .wz_li .txtbox .info .date {position:relative;padding-right:35px;margin-right:15px;}
.wz_list .wz_li .txtbox .info .date:after {content:'';display:inline-block;width:20px;height:1px;position:absolute;top:10px;right:0;background:#888}
/* 카드형 - 언론보도 */
.brd_card_list {position:relative;margin-left:-5px;margin-right:-5px;}
.brd_card_list:before,
.brd_card_list:after {content:'';clear:both;display:block;}
.brd_card_list .card_li {position:relative;width:25%;padding:5px 5px;float:left;}
.brd_card_list .card_li .card_box {position:relative;width:100%;display:block;background:#fff;padding:20px 25px;border:1px solid #e0e0e0;height:300px;transform:scale(1);
box-shadow:1px 1px 1px rgba(0,0,0,.05);-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.05);transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.brd_card_list .card_li .card_box.card_box2 { height:400px;}
.brd_card_list .card_li .card_box.card_box2 .tit { margin-top:10px}
.brd_card_list .card_li .card_box .press {display:inline-block;font-size:13px;font-weight:500;padding:4px 5px;border:1px solid #949494;color:#949494;margin-bottom:10px;}
.brd_card_list .card_li .card_box .tit {font-size:20px;line-height:160%;color:#222;letter-spacing:0px;}
.brd_card_list .card_li .card_box .desc {font-size:15px;line-height:160%;color:#888;letter-spacing:-0.5px;margin-top:10px;height:68px;overflow:hidden;}
.brd_card_list .card_li .card_box .date {display:block;position:absolute;left:25px;bottom:20px; padding-top:15px; font-size:14px;color:#888;letter-spacing:0px;font-family:'Lato', sans-serif;}
.brd_card_list .card_li .card_box .ico_link {display:none}
.brd_card_list .card_li:hover .card_box {
border-color:#fff;
background: linear-gradient(#505050, #191818);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#505050', endColorstr='#191818');
box-shadow:1px 1px 10px rgba(0,13,57,0.3);
-webkit-box-shadow:1px 1px 10px rgba(0,13,57,0.3);
transform:scale(1.01);
}
.brd_card_list .card_li:hover .card_box .tit,
.brd_card_list .card_li:hover .card_box .desc {color:#fff}
.brd_card_list .card_li:hover .card_box .date {color:#fff;color:rgba(255,255,255,.5);background:none}
.brd_card_list .card_li:hover .card_box .press {color:#fff;border-color:#fff}
.brd_card_list .card_li:hover .card_box .ico_link {display:block;color:#fff;position:absolute;bottom:20px;right:20px;}
.brd_card_list .card_li .card_box .txt_box {max-height:190px;overflow:hidden;display:block;}
.tit.tit2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
width: 100%;
height: 64px;
color: #888;
line-height: 32px;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width:1024px) {
.brd_card_list .card_li {width:50%}
.brd_card_list .card_li .card_box {height:280px;}
.brd_card_list .card_li .card_box .txt_box {max-height:155px}
}
@media (max-width:768px) {
.brd_card_wrap {padding-top:10px;padding-bottom:10px;margin-left:-10px;margin-right:-10px}
.brd_card_list .card_li {width:100%}
.brd_card_list .card_li .card_box {height:auto;padding:15px 20px}
.brd_card_list .card_li .card_box .date {position:relative;left:0;bottom:0}
.brd_card_list .card_li .card_box .press {font-size:12px;}
.brd_card_list .card_li .card_box .tit {font-size:18px;}
.brd_card_list .card_li .card_box .desc {margin-top:3px;font-size:14px}
}
/* 카드형 - 로컬 파트너 */
.brd_card_list2 {position:relative;margin-left:-5px;margin-right:-5px;}
.brd_card_list2:before,
.brd_card_list2:after {content:'';clear:both;display:block;}
.brd_card_list2 .card_li {position:relative;width:33.33%;padding:5px 5px;float:left;}
.brd_card_list2 .card_li .card_box {position:relative;width:100%;display:block;background:#fff;padding:20px 25px;border:1px solid #888;height:170px;transform:scale(1);
box-shadow:1px 1px 5px rgba(0,90,75,.05);-webkit-box-shadow:1px 1px 5px rgba(0,90,75,.05);transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.brd_card_list2 .card_li .card_box .press {display:inline-block;font-size:13px;font-weight:500;padding:4px 5px;border:1px solid #70b9ac;color:#70b9ac;margin-bottom:10px;font-family: 'IBM Plex Sans Condensed', sans-serif !important;letter-spacing:0 !important}
.brd_card_list2 .card_li .card_box .tit {font-size:20px;line-height:160%;color:#222;letter-spacing:0px;}
.brd_card_list2 .card_li .card_box .desc {font-size:15px;line-height:160%;color:#888;letter-spacing:-0.5px;margin-top:10px;min-height:60px;overflow:hidden;}
.brd_card_list2 .card_li .card_box .date {display:block;position:absolute;left:25px;bottom:20px; padding-top:15px; font-size:14px;color:#888;letter-spacing:0px;font-family:'Lato', sans-serif;}
.brd_card_list2 .card_li .card_box .ico_link {position:absolute;bottom:20px;right:20px;display:none;}
.brd_card_list2 .card_li:hover .card_box {
border-color:#b9b8bb;
box-shadow:1px 1px 15px rgba(0,90,75,.15);
-webkit-box-shadow:1px 1px 15px rgba(0,90,75,.15);
/*
border-color:#bfd7d5;
background: -webkit-gradient(linear, left top, left bottom, from(#d5e2e1), to(#eaeaea));
background: -moz-linear-gradient(top, #d5e2e1, #eaeaea);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5e2e1', endColorstr='#eaeaea');
*/
}
.brd_card_list2 .card_li:hover .card_box .date {background:none}
/*
.brd_card_list .card_li:hover .card_box .press {color:#e3cfff;border-color:#e3cfff}
*/
.brd_card_list2 .card_li:hover .card_box .ico_link {display:block;color:#472e85;}
.brd_card_list2 .card_li .card_box .txt_box {max-height:190px;overflow:hidden;display:block;}
@media (max-width:1024px) {
.brd_card_list2 .card_li {width:50%}
.brd_card_list2 .card_li .card_box {height:280px;}
.brd_card_list2 .card_li .card_box .txt_box {max-height:155px}
}
@media (max-width:768px) {
.brd_card_list2 {padding-top:10px;padding-bottom:10px;margin-left:-10px;margin-right:-10px}
.brd_card_list2 .card_li {width:100%}
.brd_card_list2 .card_li .card_box {height:auto;padding:15px 20px}
.brd_card_list2 .card_li .card_box .date {position:relative;left:0;bottom:0}
.brd_card_list2 .card_li .card_box .press {font-size:12px;}
.brd_card_list2 .card_li .card_box .tit {font-size:18px;}
.brd_card_list2 .card_li .card_box .desc {margin-top:3px;font-size:14px}
}
/* 뷰 페이지 */
.brd_view_wrap {position:relative;width:100%;border:1px solid #e0e0e0;background:#fff;padding:30px 40px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.brd_view_wrap:hover {border:1px solid #e0e0e0;}
.brd_view_wrap .brd_view_top {padding:0 0 30px 0;border-bottom:1px solid #e0e0e0}
.brd_view_wrap .brd_view_top .view_tit {display:block;font-size:30px;line-height:160%;font-weight:500;letter-spacing:-1.5px;}
.brd_view_wrap .brd_view_top .date {display:inline-block;font-family:'Lato', sans-serif;letter-spacing:0;font-size:16px;line-height:18px;color:#888;margin-top:10px;}
.brd_view_wrap .brd_view_top .date:before {content:'';float:left;display:inline-block;width:18px;height:18px;background:url(/kor/img/cmm/ico_board.png) no-repeat 0px -24px;margin-right:5px;}
.brd_view_wrap .brd_view_top .file {display:inline-block;font-size:13px;line-height:18px;color:#444;padding-left:20px;}
.brd_view_wrap .brd_view_top .file:before {content:'';float:left;display:inline-block;width:18px;height:18px;background:url(/kor/img/cmm/ico_board.png) no-repeat -18px -24px;margin-right:5px;}
.brd_view_wrap .brd_view_cont {padding:20px 0;}
.brd_view_wrap .brd_view_cont .view_cont_inner {font-size:16px;line-height:1.8;color:#555;letter-spacing:-0.5px;padding:30px 0; }
.brd_view_wrap .brd_view_btm {position:relative;}
.brd_view_wrap .brd_view_btm {border-top:1px solid #e0e0e0;padding:30px 0 0px;text-align:center}
.brd_view_wrap .brd_view_btm .btn_group {display:inline-block;margin:0 auto;text-align:center}
.brd_view_wrap .brd_view_btm .btn_group a {display:inline-block;margin:0 15px;text-align:center;color:#444;}
.brd_view_wrap .brd_view_btm .btn_group a:before {content:'';background:url(/kor/img/cmm/ico_board.png) no-repeat;display:block;margin:0 auto;margin-bottom:10px;}
.brd_view_wrap .brd_view_btm .btn_group .btn_page_prev:before {width:40px;height:24px;overflow:hidden;background-position:0 0;}
.brd_view_wrap .brd_view_btm .btn_group .btn_page_next:before {width:40px;height:24px;background-position:-86px 0;}
.brd_view_wrap .brd_view_btm .btn_group .btn_page_list:before {width:26px;height:24px;background-position:-50px 0}
.brd_view_wrap .brd_view_btm .btn_group_right {position:absolute;bottom:0;right:0;display:inline-block; z-index:9;}
.brd_view_wrap .brd_view_btm .btn_group_right a {display:inline-block;margin:0 15px;text-align:center;color:#000;}
.brd_view_wrap .brd_view_btm .btn_group_right a:before {content:'';background:url(/kor/img/cmm/ico_board.png) no-repeat;display:block;margin:0 auto;margin-bottom:10px;}
.brd_view_wrap .brd_view_btm .btn_group_right .btn_brd_edit:before {width:23px;height:22px;background-position:0 -42px;}
.brd_view_wrap .brd_view_btm .btn_group_right .btn_brd_del:before {width:23px;height:22px;background-position:-64px -42px}
/* 게시물 쓰기 */
.brd_write_hd .input_tit_wrap {position:relative;width:100%;padding:20px;border-bottom:1px solid #e0e0e0}
.brd_write_hd .input_tit_wrap input {border:0;font-size:28px;letter-spacing:-1px;color:#666}
.brd_write_hd .input_writer {padding:20px;}
.brd_write_hd .input_writer input {border:0;font-size:16px;font-weight:500;color:#aaa}
.brd_write_ft {}
.brd_write_ft > div {padding:15px 0px;border-bottom:1px solid #e0e0e0}
.brd_write_ft label {padding:10px;font-size:16px;font-weight:500;letter-spacing:-1px;margin-right:10px;}
.brd_write_ft input {border:0;padding:10px;color:#888}
.bbsWriteA tbody td {padding:5px 0;}
/* Meber */
/*.cont_member {background:#4d3494}*/
.cont_member {background:#fff}
/* member - Form 공통 */
.form_group_wrap {margin-bottom:20px;}
.form_group_wrap label {display:block;margin-bottom:8px;}
.form_group_wrap label.need:after {content:'*'; margin:0 5px;display:inline-block; color:#7457c7; vertical-align:middle;}
.form_group {
display:inline-block;
border:1px solid #f1f1f1;
border-radius:2px;
background-color:#F6F6F6;
box-shadow:0 0 1px rgba(0,0,0,0.04);
transition:box-shadow 0.2s ease, border-color 0.2s ease;
-webkit-transition:box-shadow 0.2s ease, border-color 0.2s ease;font-size:0;box-sizing:border-box;
}
.form_group:hover {
display:inline-block;
border:1px solid #e0e0e0;
background-color:#e0e0e0;
box-shadow:0 0 5px rgba(0,0,0,0.2);
transition:box-shadow 0.2s ease, border-color 0.2s ease;
-webkit-transition:box-shadow 0.2s ease, border-color 0.2s ease;font-size:0;box-sizing:border-box;
}
.form_group.on {border-color:#7457c7;box-shadow:0 0 6px rgba(91,66,163,0.3)}
.form_group.errer {border-color:#f12626;}
.form_group_wrap .txt-helper {font-size:13px;line-height:20px;margin:10px 0;color:#f12626}
.form_group.wid100 {display:block;}
.form_group.wid100 .form_txt input {width:100%;}
.form_group .form_txt input[type='text'],
.form_group .form_txt input[type='password'],
.form_group .form_txt input[type='tel'] {padding:18px 20px;}
.form_group .form_txt input {height:45px;font-size:15px;border:none;}
.form_group .d_tbl {display:table;width:100%}
.form_group .d_tbl .form_txt {display:table-cell;table-layout:fixed;position:relative;z-index:1;vertical-align:middle}
/* Meber - button */
.cont_member .btn_group {padding:15px 0;}
.cont_member .btn_group .btn {float:none;margin:5px;}
.cont_member .btn {display:inline-block;border-radius:3px;vertical-align:middle;box-shadow:0 0 5px rgba(91,66,163,0.2)}
.cont_member .btn:hover {box-shadow:0 0 6px rgba(91,66,163,0.3)}
.cont_member .btn.btn-s {padding:4px 6px;font-size:14px;line-height:1.1;letter-spacing:-0.5px;}
.cont_member .btn.btn-m {padding:20px 30px;min-width:200px;}
.cont_member .btn.btn-border {border:1px solid #7457c7;color:#4d3494}
.cont_member .btn.btn-primary {border:1px solid #4d3494;color:#fff;
background-color:#4d3494;
background-image:linear-gradient(-135deg, #4d3494 0%, #5b42a3 100%);
background-image:-webkit-linear-gradient(-135deg, #4d3494 0%, #5b42a3 100%);
box-shadow:0 0 6px rgba(20,0,77,.2);
transition:all 0.2s ease;
-webkit-transition:all 0.2s ease;
}
.cont_member .btn.btn-primary:hover {box-shadow:0 0 15px rgba(20,0,77,.5);}
/* member - checkbox */
.chk-primary input[type=checkbox] {position:absolute;top:0;left:0;width:0;height:0;opacity:0;}
.chk-primary input[type=checkbox] + label {cursor:pointer;color:#444;font-weight:500}
.chk-primary input[type=checkbox] + label span {display:inline-block;width:22px;height:22px;margin-right:10px;box-sizing:border-box;
border:1px solid #cdc3ea;background:url(/kor/img/cmm/ico_chk_member.png) no-repeat center center #e1d9f9;vertical-align:middle;
transition:all 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946);-webkit-transition:all 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946)
}
.chk-primary input[type=checkbox]:checked + label span {background-color:#4d3494;border-color:#4d3494}
/* Member - Login */
.login_con {width:480px;margin:30px auto}
.login_con .login_form_wrap {box-shadow:0px 0 16px 0 rgba(0,13,57,0.2);}
.login_con .login_form_wrap .form_group {background-color:#fff;box-shadow:0 1px 1px 0 rgba(0,0,0,0.04);-webkit-transition:box-shadow 0.2s ease, border-color 0.2s ease;}
.login_con .login_form_wrap .form_group:first-child {border-radius:3px 3px 0 0}
.login_con .login_form_wrap .form_group.on {border-color:#ccc;box-shadow:0 1px 5px 0 rgba(0,0,0,0.1);z-index:10}
.login_con .login_form_wrap .form_group:first-child.on input {border-bottom:1px solid #e0e0e0;z-index:10}
.login_con .login_form_wrap .form_group .form_txt input {height:60px;}
.login_con .list_link {margin-top:30px;text-align:center}
.login_con .list_link .link_arrow {display:inline-block;padding-right:20px;margin:0 10px;background:url(/kor/img/cmm/ico_member_arrow.png) no-repeat right center;font-size:13px;line-height:20px;vertical-align:middle;}
.login_con .btn_member_login {background:#705bad;color:#4d3494;width:100%;font-size:18px;border-radius:3px;-webkit-border-radius:3px 3;}
.login_con .btn_member_login:hover,
.login_con .btn_member_login.on {background:#fff;}
.login .login_desc {font-size:15px;line-height:160%;color:#fff;color:rgba(255,255,255,.5);margin-top:50px;letter-spacing:-0.5px;text-align:center}
/* Member - join */
.join_step {text-align:center;padding-bottom:20px}
.join_step li {color:#fff;color:rgba(255,255,255,.6);text-align:center;font-size:14px;}
.join_step li:before {content:'';display:block;width:14px;height:14px;margin:12px auto;background:#fff;border-radius:50%;-webkit-border-radius:50%;box-sizing:content-box;}
.join_step li.current {color:#fff;color:rgba(255,255,255,1)}
.join_step li.current:before {border:4px solid rgba(74,54,169,.8);}
.join .tit_join_step {font-size:24px;line-height:160%;text-align:left;color:#4d3494;letter-spacing:-1px;font-weight:500;}
.join .tit_join_step_sub {font-size:20px;line-height:160%;color:#333;letter-spacing:-1px;font-weight:normal}
.join .top_txt_box {padding:20px 0;text-align:center}
.join .top_txt_box p {color:#fff;color:rgba(255,255,255,.7);font-size:16px;line-height:160%;font-weight:300}
.join_con {position:relative;width:80%;margin:0 auto;background:#fff;border-radius:3px;-webkit-border-radius:3px;padding:40px 50px;margin-top:20px;
transition:all 0.4s ease;-webkit-transition:all 0.4s ease;box-shadow:0 0px 15px rgba(20,0,77,.2);}
.join_con:hover {box-shadow:0 0px 50px rgba(20,0,77,.5);}
.join_con .top_txt_box p {color:#4d3494;}
.join_con .btm_txt_box {padding:10px 0 30px;border-bottom:1px solid #e0e0e0}
.join_con .btm_txt_box p {font-size:14px;color:#4d3494;line-height:170%;}
.rules_box_txt {padding:30px;color:#444;font-size:14px;line-height:160%;background:#f8f7fb}
.rules_box_txt strong {display:block;font-size:17px;margin-bottom:20px;font-weight:500}
.rules_box_txt dt {font-weight:500;margin-bottom:10px;}
.rules_box_txt dd {color:#666;font-weight:300;line-height:170%}
.rules_box_txt dd > ol > li {padding:3px 0}
.rules_box {position:relative;margin:15px auto;border:1px solid #e0e0e0;background:#f8f7fb}
.rules_box .rules_box_txt {padding:30px;color:#444;font-size:14px;line-height:160%;height:280px;overflow:hidden;overflow-y:scroll}
.rules_box .rules_box_txt strong {display:block;font-size:17px;margin-bottom:20px;font-weight:500}
.rules_box .rules_box_txt dt {font-weight:500;margin-bottom:10px;}
.rules_box .rules_box_txt dd {color:#666;font-weight:300;line-height:170%}
.rules_box .rules_box_txt dd > ol > li {padding:3px 0}
.rules_box .chk_box {position:relative;padding:20px;background:#fff;border-top:1px solid #cdc3ea}
.rules_box .chk_box:hover {box-shadow:1px 1px 15px rgba(0,0,0,.05)}
.form_group .form_txt input {background-color:#f6f6f6}
/* 멤버십 - 상단 STEP */
.process {position:relative;margin-right:auto;margin-left:auto;text-align:center}
.process .process_list {display:block;margin:0 auto;text-align:center}
.process .process_list:after,
.process .process_list:before {content:'';display:block;clear:both}
.process .process_list li {width:25%;background:#f3f3f3;padding:20px;margin:5px;text-align:left;}
.process .process_list li.on {
color:#444;
background-color:#f5f5f5;
background-image:linear-gradient(-135deg, #666 0%, #888 100%);
background-image:-webkit-linear-gradient(-135deg, #666 0%, #888 100%);
box-shadow:0px 5px 10px rgba(0,0,0,.2);
}
.process .process_list li.on .txt_step_num,
.process .process_list li.on .txt_step_tit {color:#fff}
.process .process_list li .ico_step {float:left;display:inline-block;width:40px;height:40px;background:url(/img/cont/ico_step.png) 0 0}
.process .process_list li.step1 .ico_step {background-position:0 0}
.process .process_list li.step2 .ico_step {background-position:0 0}
.process .process_list li.step3 .ico_step {background-position:0 0}
.process .process_list li.step4 .ico_step {background-position:0 0}
.process .process_list li .txt_step_num {font-size:15px;font-family:'Lato', sans-serif !important;margin-bottom:6px;color:#ccc}
.process .process_list li .txt_step_tit {font-size:18px;font-weight:400;color:#aaa}
/* 멤버십 혜택 membership */
.membership {padding:0 0 30px 0}
.membership .membership_box {border:1px solid #e0e0e0;margin:0;padding:30px 10px;border-radius:5px;-webkit-border-radius:5px;}
.membership .membership_it {padding:0 40px;}
.membership_it .card {position:relative;text-align:center;padding:20px 30px;border-radius:3px;margin-bottom:10px;background-color:#f6f6f6;box-shadow:1px 1px 5px rgba(0,0,0,0.01);-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.01);}
.membership_it.purple .card {background-image:linear-gradient(146deg, #f1f1f1 0%, #e0d9f2 100%);background-image:-webkit-linear-gradient(146deg, #f1f1f1 0%, #e0d9f2 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e0d9f2');}
.membership_it.pink .card {background-image:linear-gradient(146deg, #f1f1f1 0%, #f7d5e3 100%);background-image:-webkit-linear-gradient(146deg, #f1f1f1 0%, #f7d5e3 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#f7d5e3');}
.membership_it .benefit {padding:20px 0 20px 20px}
.list_benefit > li {position:relative;font-size:15px;line-height:160%;margin:5px 0;padding-left:15px;color:#666;font-weight:300}
.list_benefit > li:before {content:'';position:absolute;top:10px;left:0;display:block;width:2px;height:2px;background:#888}
.list_benefit li > ul > li {font-size:14px;margin:2px 0;}
.list_benefit li > ul > li:before {content:'*';margin-right:5px;}
.membership_it .tit,
.membership_it .price{font-size:20px;}
.membership_it .price {font-weight:500;margin-top:10px;color:#555}
.membership_it .price span {font-weight:300}
.membership_it .card .custom-radio {}
.membership_it .card .custom-radio:after {clear:both;content:'';display:block;}
.membership_it.pink input.radio:checked ~ label:before {color: #fff;background-color:#f55d9c;}
.membership_it.purple input.radio:checked ~ label:before {color: #fff;background-color:#5b42a3;}
/* 멤버십 선택 */
.membership_payment {}
.membership_payment .deposit_form {position:relative;margin-top:30px;padding:30px;border:1px solid #e0e0e0;background:#f5f5f5}
.membership_payment .deposit_form .form-group label {font-size:16px;font-weight:500;margin-right:15px;display:inline-block;}
/* 결제 라디오버튼 */
.membership_payment .radio-switch {padding:8px 0;overflow:hidden;}
.membership_payment .radio-switch input {position:absolute !important;clip:rect(0, 0, 0, 0);height:1px;width:1px;border:0;overflow:hidden;}
.membership_payment .radio-switch label {float:left;}
.membership_payment .radio-switch label {display:inline-block;min-width:60px;background-color:#fff;color:#aaa;font-size:15px;font-weight:normal;text-align:center;text-shadow:none;
padding: 10px 20px;border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.membership_payment .radio-switch label:hover {cursor:pointer;}
.membership_payment .radio-switch input:checked + label {
border-color:#a23fda;color:#a23fda;
-webkit-box-shadow:none;
box-shadow: none;
-webkit-box-shadow: 0 1px 3px rgba(92, 46, 145, 0.2);
box-shadow:0 1px 3px rgba(92, 46, 145, 0.2);
}
.membership_payment .radio-switch label:first-of-type {border-radius:0}
.membership_payment .radio-switch label:last-of-type {border-radius:0}
/* 후원회원 신청 */
.siwffian .tbl_box_s th.s {color:#24b5c5}
.siwffian .tbl_box_s th.w {color:#419e55}
.siwffian .tbl_box_s th.f {color:#eaa443}
.siwffian_payment .app_form_inner {border:1px solid #e0e0e0;padding:30px;}
.siwffian_payment .app_form_inner .chk_box {border-top:1px solid #e0e0e0;padding-top:20px;}
.membership_it.siwffian_s .card {color:#555;background:#f5f5f5}
.membership_it.siwffian_w .card {color:#555;background:#f5f5f5}
.membership_it.siwffian_f .card {color:#555;background:#f5f5f5}
.siwffian_payment .membership_it .card b {font-weight:bold}
.membership_it.siwffian_s .card b {color:#24b5c5}
.membership_it.siwffian_w .card b {color:#419e55}
.membership_it.siwffian_f .card b {color:#eaa443}
.membership_it.siwffian_s input.radio:checked ~ label:before {color: #fff;background-color:#24b5c5;}
.membership_it.siwffian_w input.radio:checked ~ label:before {color: #fff;background-color:#419e55;}
.membership_it.siwffian_f input.radio:checked ~ label:before {color: #fff;background-color:#eaa443;}
.membership_it.siwffian_s input.radio:empty ~ label:before {background:#c4e9ed}
.membership_it.siwffian_w input.radio:empty ~ label:before {background:#cceacd}
.membership_it.siwffian_f input.radio:empty ~ label:before {background:#f4eadb}
/* 마이페이지 mypage */
.login { padding:3rem 0 }
.mypage {padding:50px 0}
.mypage .inner {position:relative;width:70%;margin:0 auto;}
.user_card, .membership_card, .siwffian_card {position:relative;background:#fff;border-radius:3px;-webkit-border-radius:3px;padding:20px 30px;margin-top:30px;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;box-shadow:0 0px 15px rgba(20,0,77,.2);}
.user_card:hover, .membership_card:hover, .siwffian_card:hover {box-shadow:0 0px 50px rgba(20,0,77,.5);}
.membership_card.purple .grade {color:#6e4fc6 !important}
.membership_card.pink .grade {color:#f55d9c !important}
.user_card .user {position:relative;line-height:90px;}
.user_card .user:before {content:'';display:inline-block;position:absolute;top:15px;left:0;width:60px;height:60px;background:url(/kor/img/cmm/ico_user.png) no-repeat center center; #f5f5f5;margin:auto}
.user_card .user span {display:inline-block;padding-left:80px;font-size:24px;font-weight:300;color:#444}
.user_card .user span .name {font-weight:500;padding-right:10px;}
.user_card a {display:block;margin:0 auto;text-align:center;border:1px solid #e0e0e0;border-radius:5px;-webkit-border-radius:5px;padding:10px 0;color:#444}
.user_card a:before {content:'';display:block;width:40px;height:40px;vertical-align:middle;margin:0 auto 10px auto}
.user_card a.btn_edit:before {content:'';display:block;width:40px;height:40px;background:url('data:image/svg+xml;utf8,') no-repeat;vertical-align:middle;margin:0 auto 10px auto}
.user_card a.btn_logout:before {content:'';display:block;width:40px;height:40px;background:url('data:image/svg+xml;utf8,') no-repeat;vertical-align:middle;margin:0 auto 10px auto}
.user_card .btn_reserve:before {background-position:-40px 0;}
.user_card .btn_edit:before {background-position:0 0;}
.user_card .btn_logout:before {background-position:-80px 0;}
.mypage .membership_card,
.mypage .siwffian_card {min-height:167px}
.mypage p {font-size:16px;line-height:150%;padding:5px 0;color:#555}
.mypage .name {font-weight:500}
.mypage .grade {font-size:40px;margin-bottom:15px;display:block;}
.mypage .card_tit {margin-bottom:10px;color:#111;}
.mypage .card_tit2 { line-height:1.2; font-size:15px}
.mypage .join_date {font-size:13px;}
.mypage .btn_link_benefit {font-size:15px;font-weight:300px;color:#6e4fc6;background:url(/kor/img/cmm/ico_arrow_purple.png) no-repeat right 3px; padding-right:15px;}
.mypage .btn_link_benefit:after { content:""; display:block; clear:both; float:none; height:20px;}
.mypage .not_membership.membership_card,
.mypage .not_membership.siwffian_card {background:#705bad;color:#fff;text-align:center;}
.mypage .not_membership .card_tit {color:#fff;font-weight:300;font-size:17px;margin-top:20px}
.mypage .not_membership .btn_link_arrow {display:inline-block;padding-right:20px;margin:0 10px;color:#fff;font-weight:300;background:url(/kor/img/cmm/ico_member_arrow.png) no-repeat right center;font-size:15px;line-height:20px;vertical-align:middle;}
/* 게시판 검색 */
.brd_search #searchBox {position:relative;width:100%;padding:20px 0 20px; margin-top:30px;}
.brd_search #searchBox .search_box_inner {width:800px;margin:0 auto;}
.brd_search #searchBox .search_box_inner:after {content:'';display:block;clear:both}
.brd_search #searchBox .select,
.brd_search #searchBox .inp_arc_search,
.brd_search #searchBox .btn_arc_search {float:left;}
.brd_search #searchBox .select,
.brd_search #searchBox .inp_arc_search {margin-right:15px;}
.brd_search #searchBox .inp_arc_search {height:40px;line-height:40px;font-size:18px;padding:5px 15px;border-width:0;width:40%;font-weight:300;border-bottom:1px solid #ccc;background:none}
.brd_search #searchBox .btn_arc_search {display:inline-block;line-height:40px;height:40px;font-size:18px;color:#444;padding:0 20px}
.brd_search #searchBox .btn_arc_search:after {content:'';float:right;display:inline-block;height:40px;width:20px;background:url(/kor/img/cmm/ico_brd_search.png) no-repeat 50% 50%;margin-left:10px}
.brd_search #searchBox .btn_arc_cancel {height:40px;line-height:40px;font-size:18px;padding:5px 15px;border-width:0; font-weight:300;background:#fff; margin-left:15px; display:inline-block;line-height:40px;height:40px;font-size:18px;color:#444;background:#fff;padding:0 20px}
.select-custom.select-board .select {font-size:18px;font-weight:300;color:#444;height:40px;display:block;min-width:140px;letter-spaing:-1px; padding:0 15px; line-height: 36px; }
.select-custom.select-board .select-styled {background-color:#fff;padding:0px 25px 0 15px;border:0px solid #e0e0e0;line-height:40px;border-radius:0 4px 0 0;color:#444}
.select-custom.select-board .select-styled:hover {background-color:#fff;color:#444}
.select-custom.select-board .select-styled:active,
.select-custom.select-board .select-styled:visited,
.select-styled.active {color:#666}
.select-custom.select-board .select-list {background-color:#fff;border:1px solid #e0e0e0}
.select-custom.select-board .select-list li {border-top:1px solid #e0e0e0;}
.select-custom.select-board .select-list li:first-child {border-top:0}
.select-custom.select-board .select-list li:hover {color:#444;background:#f5f5f5;}
.select-custom.select-board .select-styled:after {content: "";width:0;height:0;border:5px solid transparent;border-color:#666 transparent transparent transparent;position:absolute;top:18px;right:15px;}
.select-custom.select-board .select-styled:active:after,
.select-custom.select-board .select-styled.active:after {top:12px;border-color: transparent transparent #666 transparent;}
.sketch_wrap #tabs {padding-top:20px;padding-bottom:20px;}
.brd_gallery_wrap {position:relative;}
.brd_gallery_wrap .gallery_list {position:relative:width:100%;}
.brd_gallery_wrap .gallery_list:before,
.brd_gallery_wrap .gallery_list:after {clear:both;display:block;content:'';}
.brd_gallery_wrap .gallery_list .gallery_li {position:relative;display:block;width:33.33333%;float:left;padding-left:5px;padding-right:5px;margin-bottom:20px;}
.gallery_li .gallery_li_box {position:relative;display:block;overflow:hidden;}
.gallery_li .gallery_li_box .thumb {position:relative;display:block;width:100%;height:228px;overflow:hidden;background:#000}
.gallery_li .gallery_li_box .thumb img {width:100%;height:auto;min-height:228px;transition:transform .5s easy-in;transform:scale(1);}
.gallery_li .gallery_li_box .tit {font-size:16px;line-height:160%;text-align:center;padding:10px;color:#666;letter-spacing:-0.5px;}
.gallery_li .gallery_li_box:hover .thumb img {transform:scale(1.03) rotate(.02deg);opacity:0.8}
.gallery_li .gallery_li_box:hover .tit {color:#222}
.gallery_li .video_li_box {position:relative;display:block;overflow:hidden;}
.gallery_li .video_li_box .thumb {position:relative;display:block;width:100%;height:228px;overflow:hidden;background:#000}
.gallery_li .video_li_box .thumb img {width:100%;height:auto;min-height:228px;transition:transform .5s easy-in;transform:scale(1);}
.gallery_li .video_li_box .thumb:after { content:""; position:absolute; width:100%; height: 220px; top: 0; background: url(/kor/img/cmm/ico_play_tailer.png) no-repeat 50% 50%;}
.gallery_li .video_li_box .tit {font-size:16px;line-height:160%;text-align:center;padding:10px;color:#666;letter-spacing:-0.5px;}
.gallery_li .video_li_box:hover .thumb img {transform:scale(1.03) rotate(.02deg);opacity:0.8}
.gallery_li .video_li_box:hover .tit {color:#222}
.tab_date {margin:0 auto;text-align:center}
.tab_date li {padding:0margin:0;border-bottom:1px solid #e0e0e0}
.tab_date li:hover {cursor:pointer}
.tab_date li a,
.tab_date li a span {display:block;font-family:'Lato', sans-serif;color:#aaa;text-align:center}
.tab_date li a {display:block;padding:10px 20px;font-size:30px;font-weight:bold;}
.tab_date li a span {font-size:16px;line-height:24px;font-weight:normal;margin-top:5px;}
.tab_date li.on {border-bottom-width:3px;border-color:#29b1bf}
.tab_date li.on a,
.tab_date li.on span {color:#333}
.embed-responsive {position: relative;display: block; height: 0;padding: 0;overflow: hidden;}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0;}
.embed-responsive-16by9 {padding-bottom: 56.25%;}
.embed-responsive-4by3 {padding-bottom: 75%;}
/* -----------------------------ck style --------------------------------------*/
.brd_view_cont table{
word-break: break-word;
width: 100%;
margin: 15px 0 30px;
border-top: 2px solid #007cc2
}
.brd_view_cont table thead th {
padding: 12px 20px;
color: #222;
font-size: 14px;
font-size: 1.4rem;
font-weight: 400;
background-color: #f6f6f6;
border-bottom: 1px solid #e6e6e6
}
.brd_view_cont table tbody th {
padding: 12px 20px;
color: #222;
font-weight: 400;
background-color: #f6f6f6;
border-bottom: 1px solid #e6e6e6;
text-align: left;
vertical-align: top
}
.brd_view_cont table tbody td {
padding: 12px 20px;
color: #222;
border-bottom: 1px solid #e6e6e6;
vertical-align: top
}
.brd_view_cont table.border0 tbody td {
padding: 0px;
color: #222;
border-bottom: 0px solid #e6e6e6;
vertical-align: top
}
.brd_view_cont table tbody th textarea.w100p,
.brd_view_cont table tbody td textarea.w100p,
.brd_view_cont table tbody th input[type=text].w100p,
.brd_view_cont table tbody td input[type=text].w100p,
.brd_view_cont table tbody th input[type=number].w100p,
.brd_view_cont table tbody td input[type=number].w100p {
width: 100%
}
.brd_view_cont table tbody th .screencode,
.brd_view_cont table tbody td .screencode {
width: 100px
}
.brd_view_cont table tbody th .dateselector,
.brd_view_cont table tbody td .dateselector {
width: 150px
}
.brd_view_cont table tbody th textarea,
.brd_view_cont table tbody td textarea {
width: 100%;
height: 150px;
resize: none;
margin-bottom: 0
}
.brd_view_cont table tbody th.th-sm,
.brd_view_cont table tbody td.th-sm {
padding: 12px 10px;
background-color: #f9f9f9;
max-width: 100px
}
.brd_view_cont table tbody th.th-sm+td,
.brd_view_cont table tbody td.th-sm+td {
min-width: 560px
}
.brd_view_cont table tbody th.align-center,
.brd_view_cont table tbody td.align-center {
text-align: center
}
.entry-content p {
margin: 15px 0
}
.entry-content div {
margin: 15px 0
}
.dmztabs .tabmenu #tabs {}
.dmztabs .tabmenu #tabs li {display:inline;}
.dmztabs .tabmenu #tabs li a { text-align:center; display:inline-block; color:#fff; padding:6px 13px; margin-right:5px; margin-bottom:5px; border-radius:13px; background:#0075c2;} /*f08300*/
.dmztabs .tabmenu #tabs li:nth-child(10) a,
.dmztabs .tabmenu #tabs li:nth-child(11) a { background:#f08300;} /*f08300*/
.dmztabs .tabmenu #tabs li a.on { background:#290050; color:#fff; }
.dmztabs .tabmenu #tabs li span.tts1 {font-size:1.1em; clear:both;}
.dmztabs .tabmenu #tabs li span.tts1:after {clear:both; content:"";display:block;}