.navbar-mobile .member-info{border-bottom:1px solid #ddd;padding:20px 0 20px 20px;}
.navbar-mobile .member-info-on{border-bottom:none;padding:20px 0 2px 20px;}

.navbar-mobile .member-info .member-img div{width:55px;height:55px;border-radius:50%;overflow:hidden;border:1px solid #787878;padding:0;}
.navbar-mobile .member-info .member-img img{width:100%;}
.navbar-mobile .member-info .member-img .torso {font-size:40px;color:#adadad;}
.navbar-mobile .member-info p.name {margin-top:20px;line-height:1.4em;color:#9a9a9a;font-size:0.925em;font-weight:normal;}
.navbar-mobile .member-info p.email {line-height:1.4em;color:#9a9a9a;font-size:0.825em;font-weight:normal;}
.navbar-mobile .member-info p.login {margin-top:20px;line-height:1.4em;color:#9a9a9a;font-size:1em;font-weight:normal;}
.navbar-mobile .member-info p.btns {position:absolute;top:20px;right:20px;}

.navbar-mobile > ul {border-radius:20px 0 20px 0;}

.navbar-mobile > ul > li:not(:first-child)  {
    /*border-bottom:1px solid #dfdfdf;*/
	
}
.navbar-mobile > ul > li a  {
	display:inline-block;
	width:100%;
	text-align:center;
	padding:1.5rem 0;
	font-size:1.2rem;
}

.mmSwiper{position: relative;overflow:hidden;}
.mmSwiper .swiper-wrapper{list-style:none;margin:0;padding:0;}
.mmSwiper .swiper-slide {}
.mmSwiper .swiper-pagination-bullet{width:10px; height:10px;}
.mmSwiper .swiper-horizontal>.swiper-pagination-bullets, .mmSwiper .swiper-pagination-bullets.swiper-pagination-horizontal, .mmSwiper .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -20px;
}
.mmSwiper .swiper-button-next, .mmSwiper .swiper-button-prev {
   top:calc(50% - 0px) !important;
   color:#fff!important;
}
.mmSwiper .swiper-button-next:after, .mmSwiper .swiper-button-prev:after {
	font-size:1rem;
}


section#nft {	
	position: relative;
    padding: 0;
    overflow: hidden;
	margin:0px;
}
section#nft:before {
  content: "";
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  z-index:2;
}

section#nft li div{
    padding: 0px 1rem 1rem 1rem;
}
section#nft img {	   
}

section#nft .btns {	
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
    z-index:2;
}
section#nft .btn {	
	font-size:1.5rem;	
	padding: 0.55rem 2.5rem ;
	background:rgba(255,255,255,0.8);	
}
section#nft .btn:hover {	
	background:rgba(255,255,255,1);
}


.portfolio .portfolio-item .portfolio-info {
	
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -50px;
    z-index: 3;
    transition: all ease-in-out 0.3s;
     background: rgba(255,255,255,0.9); 
}
.portfolio .portfolio-item .portfolio-info h4 {
    font-size:0.925rem;
	color:#000;
	font-weight:200;
	text-align:center;
	word-break: break-all;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}



input::placeholder {
  font-size:0.825rem;
  color: #adadad;
}
textarea::placeholder {
  font-size:0.825rem;
  color: #adadad;
}


.empty_table{line-height:10rem;text-align:center;}

.grid1-head{width:15%;min-width:90px;}
.grid2-head{width:25%;min-width:120px;}
.grid3-head{width:12%;}
.grid4-head{width:20%;min-width:120px;}

.wp-50{width:50px !important;}
.wp-60{width:60px !important;}
.wp-70{width:70px !important;}
.wp-80{width:80px !important;}
.wp-90{width:90px !important;}
.wp-100{width:100px !important;}
.wp-120{width:150px !important;}
.wp-150{width:150px !important;}
.wp-200{width:200px !important;}
.wp-250{width:250px !important;}
.wp-300{width:300px !important;}

.w-420{width:20% !important;}
.w-40{width:40% !important;}
.w-45{width:40% !important;}
.w-80{width:80% !important;}
.w-90{width:90% !important;}
.w-95{width:95% !important;}

.max-90{max-width:90%!important;}
.max-95{max-width:95%!important;}
.max-100{max-width:99%!important;}

.max-150{max-width:150px;}
.max-200{max-width:200px;}
.max-250{max-width:250px;}
.max-300{max-width:300px;}
.max-350{max-width:350px;}
.max-400{max-width:400px;}
.max-450{max-width:450px;}
.max-500{max-width:500px;}
.max-550{max-width:550px;}
.max-600{max-width:600px;}
.max-700{max-width:700px;}
.max-800{max-width:800px;}
.max-900{max-width:900px;}
.max-1000{max-width:1000px;}
.max-1100{max-width:1100px;}

.min-150{min-width:150px;}
.min-200{min-width:200px;}
.min-250{min-width:250px;}
.min-300{min-width:300px;}
.min-350{min-width:350px;}
.min-400{min-width:400px;}
.min-450{min-width:450px;}
.min-500{min-width:500px;}
.min-550{min-width:550px;}
.min-600{min-width:600px;}
.min-700{min-width:700px;}
.min-800{min-width:800px;}
.min-900{min-width:900px;}
.min-1000{min-width:1000px;}
.min-1100{min-width:1100px;}


/* bootstrap */
.btn {font-size:0.825rem;}
.btn-lg {font-size: 1.1rem;}
/* 게시물 선택복사 선택이동 */

.placeholdersjs { color: #aaa !important; }

#copymove {}
#copymove  .win_desc {text-align:center;display:block}
#copymove  .tbl_wrap{margin:20px }
#copymove  .win_btn{padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

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

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ;  vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.btn_cke_sc_close{display:inline-block;padding:0 10px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}

.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul{display: block;list-style-type: disc;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con ol{display: block;list-style-type: decimal;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con li{display: list-item;}


/* 버튼 */
a.btn.btn01,.btn.btn01,a.btn.btn02,.btn.btn02,a.btn.btn_confirm,.btn.btn_confirm ,a.btn.btn_submit,.btn.btn_submit,a.btn.btn_cancel,.btn.btn_cancel,a.btn.btn_admin,.btn.btn_admin,a.btn.btn_b01,.btn.btn_b02 ,a.btn.btn_b03,.btn.btn_b03 ,a.btn.btn_b04,.btn.btn_b04{line-height:35px;height:35px;padding:0 10px;text-align:center;/*font-weight:bold;*/border:0;
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}

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

.btn_confirm {text-align:right} /* 서식단계 진행 */

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

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle;}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa;
}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:40px;border:0;background:#3c3c3c;border-radius:5px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:#4c4f6f;color:#fff;text-decoration:none;vertical-align:middle}
.btn_b01:hover, .btn_b01:hover {background:#54598c}
a.btn_b02,.btn_b02 {display:inline-block;background:#0D6EFD;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle;}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {background:#ff3746}

/*컬러*/
.color_1 {background:#169dd6}
.color_2 {background:#14d53d}
.color_3 {background:#3814ff}
.color_4 {background:#7520c5}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing: 0 5px;border:1px solid #ccc;} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:10px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ddd;background:#fafafa;height:40px}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;background:#fff;padding:10px 5px;border-top:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 tbody tr:hover td{background:#fafafa;}
.tbl_head01 a:hover {text-decoration:underline}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px;}

.full_input{width:100%}
.half_input{width:49.5%}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 li{border:1px solid #dbdbdb;background:#fff;border-radius:3px;margin:3px 0;padding:10px 15px;list-style:none;position:relative;}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover{background:#f9f9f9}
.list_01 li.empty_li{text-align:center;padding:20px 0;color:#666}
/*폼 리스트*/
.form_01 h2{margin:0 0 10px;font-size:1.167em}
.form_01 li{margin:10px 0}
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 li .right_input{float:right}
.form_01 textarea{height:100px;width:100%}
.form_01 .frm_label{display:inline-block;width:130px}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;text-align:center}

/* 필수입력 */
.required, textarea.required {/*background-image:url('../img/require.png')  !important;background-repeat:no-repeat   !important;background-position:right top  !important;*/}

/* 테이블 항목별 정의 */
.td_board {width:80px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative;}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.25em;height:50px;line-height:30px;padding:10px 20px;background:#333;color:#fff;}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {border-right:1px solid #dfe6e7;}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li{float:left;background:#fff;width:33.333%;text-align:center;border:1px solid #ccc;margin-left:-1px}
.new_win .win_ul li a{display:block;padding:10px 0}
.new_win .win_ul .selected{background:#fff;border-color:#253dbe;position:relative;z-index:5}
.new_win .win_ul .selected a{color:#253dbe;font-weight:bold}
.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#3598db;}
.new_win .frm_info{font-size:0.92em;color:#3598db}
.new_win .win_total{text-align:right;margin:10px 0}
.new_win .win_total span{display:inline-block;line-height:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px;}
.new_win .new_win_con{margin:20px;}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn{text-align:right}
.new_win .btn_close {position:absolute;top:0;right:0;height:50px;width:50px;background:url(../img/close_btn.gif) no-repeat 50% 50%;border:0;text-indent:-999px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:40px;font-size:1.083em;float:right}


/* 검색결과 색상 */
.sch_word {color:#00c4ac}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-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);}
.sv_wrap .sv:before{content: "";position: absolute;top: -6px;left: 15px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0  10px;line-height:30px;width:100px;font-weight:normal;color:#bbb }
.sv_wrap .sv a:hover{background:#000;color:#fff}
.sv_member{color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

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

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

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}


.sub-title1 {clear:both; display:block;text-align:center;width:100%;font-size: 1.55rem; font-weight: 500; line-height: 1.5;margin-bottom: 1rem;}
.sub-title2 {clear:both; display:block;text-align:left;width:100%;font-size: 1.2rem; font-weight: 500; line-height: 1.3;margin-bottom: 0.5rem;}
.sub-title3 {clear:both; display:block;text-align:left;width:100%;font-size: 1.1rem; font-weight: 500; line-height: 1.2;margin-bottom: 0.3rem;}

/* 알림 */
#float_notice{width:100%;height:3rem;position:fixed;bottom:0;text-align:center;background:rgb(0,0,0,0.5);color:#FFFFFF;font-size:1.2rem;line-height:3rem;display:none;}

/*=================================== 서브 ===================================*/
.table-y {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
	border-top: 1px solid #ddd !important;
}
.table-y caption{display:none;}
.table-y th, .table-y td {
    border-bottom: 1px solid #ddd !important;
}
.table-y th {
	padding: .5rem .25rem !important;
    background: #f4f4f4 !important;
	text-align:center !important;
	font-weight:normal !important;
	vertical-align:middle !important;
	border-right: 1px solid #ddd !important;
}
.table-y td {
	padding: .5rem .25rem !important;
    text-align: left !important;
	border-bottom: 1px solid #ddd !important;
	vertical-align:middle !important;
}
.table-y .grid1-head {
	width:35%;
}
.table-y .grid2-head {
	width:25%;
}
.table-y .grid4-head {
	width:16%;
}
.table-y .grid6-head {
	width:16%;
}
.table-y .grid6-body {
	width:17%;
}

.table-y-e th {
	width:15%;
	min-width:80px;	
}
.table-y-e td {
	min-width:30% !important;
}

@media (min-width: 576px){
	.form-inline label {
		display: inline-block;
		margin-bottom: 0;
	}

}
@media (max-width: 576px){
	.table-y-e th {
		letter-spacing:-1px;
	}
}

.table-x {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
	border-top: 1px solid #ddd;
}
.table-x caption{display:none;}
.table-x th, .table-x td {
	text-align:center;
    border-bottom: 1px solid #ddd;
	vertical-align:middle;
}
.table-x th {
	padding: .5rem .25rem;
    background: #f4f4f4;
	text-align:center;
	font-weight:normal;
}
.table-x td {
    text-align: center;
	padding: .5rem .25rem;
	border-bottom: 1px solid #ddd;
}



.table-xy {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
	border-top: 1px solid #ddd;
}
.table-xy caption{display:none;}
.table-xy th, .table-xy td {
	text-align:center;
    border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	vertical-align:middle;
}
.table-xy th:last-child, .table-xy td:last-child {	
	border-right: none;
}

.table-xy th {
    background: #f4f4f4;
	text-align:center;
	font-weight:normal;
}
.table-xy td {
    text-align: center;
	border-bottom: 1px solid #ddd;
}


.table-x-e th {
    background: #555555;
	color:#ffffff;
	word-wrap:normal;
	white-space:nowrap;
	word-break:keep-all;
}
.table-x-e th a {
	color:#ffffff;
}

.table-layout-fixed{ table-layout:fixed;}

.table-mid th,.table-mid td{font-size:0.8755rem;}




table.responsive-tb1 td:before{color:#000;}
table.responsive-tb1 td:not(.empty_table):before{display: none;}
table.responsive-tb2 td:not(.empty_table):before{display: none;}

table.responsive-tb1 td span.th { 
	/* Now like a table header */
	display: inline-block;
	position: relative;
	width: 130px; 
	align-self: stretch;
	line-height:3rem;
	margin:-0.3rem 0.5rem -0.3rem 0; 
	padding-left: 0.5rem; 
	padding-right: 0.5rem;
	border-right: 1px solid #eee; 
	white-space: nowrap;
	background:#f7f7f7;
	font-weight:600;
}
table.responsive-tb1 tr.block-tr td{ 		
	
	width:100%;	
}

@media only screen and (max-width:991px) {
	.table-x.responsive-lg{border-top:1px solid #eee;border-left:0;border-right:0;}
	.table-x.responsive-lg td{border-left:0;border-right:0; padding:0.5rem 0;}
	.table-x.responsive-lg td{}

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

	
	table.responsive-tb1{border:none;}
	table.responsive-tb1 thead, table.responsive-tb1 tbody, table.responsive-tb1 th { 
		display: block; 
	}
	table.responsive-tb1 tr { 
		display: flex; 
		justify-content: flex-start;
		flex-wrap: wrap;
		border-top: 1px solid #ccc; 
		border-bottom: 1px solid #ccc; 
		margin-bottom:0.8rem; 		
	}	
	table.responsive-tb1 tr.tr-mid { 		
		border-bottom:0; 
		margin-bottom:0; 		
	}
	
	table.responsive-tb1 td { 		
		width:50%;		
	}
	table.responsive-tb1 td.block-td { 		
		width:100%;	
		border-right:0 !important;	
	}
	table.responsive-tb1 td img.thumb{ 		
		height:30px;
	}
	table.responsive-tb1 colgroup{display: none;visibility:collapse;}
	/* Hide table headers (but not display: none;, for accessibility) */
	table.responsive-tb1 thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.responsive-tb1 td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 						
	}
	table.responsive-tb1 td:not(.empty_table) { 		
		text-align: left;
		display: flex;
		justify-content: flex-start;	
		align-items: center;
		position: relative;
		padding:0.3rem 0.3rem 0.3rem 0; 		
		line-height:100%;
	}
	
	table.responsive-tb1 td:nth-child(odd) { 
		border-right: 1px solid #eee; 
	}
	table.responsive-tb1 td:not(.empty_table):before { 
		/* Now like a table header */
		display: inline-block;
		position: relative;
		width: 130px; 
		align-self: stretch;
		line-height:3rem;
		margin:-0.3rem 0.5rem -0.3rem 0; 
		padding-left: 0.5rem; 
		padding-right: 0.5rem;
		border-right: 1px solid #eee; 
		white-space: nowrap;
		background:#f7f7f7;
		font-weight:600;
		
	}
	table.responsive-tb1 td.block-td:not(.empty_table):before { 
		/* Now like a table header */		
		width: 130px; 
	}
	
	table.responsive-tb1 td select,table.responsive-tb1 td input{max-width:100%; }
	/*
	Label the data
	*/
	
	table.responsive-tb2{border:none;}
	table.responsive-tb2 thead, table.responsive-tb2 tbody, table.responsive-tb2 th { 
		display: block; 
	}
	table.responsive-tb2 tr { 
		display: flex; 
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
		
	}
	table.responsive-tb2 td { 
		display: flex; 
		align-items: center;
		width:100%;		
	}
	table.responsive-tb2 colgroup{display: none;}
	/* Hide table headers (but not display: none;, for accessibility) */
	table.responsive-tb2 thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.responsive-tb2 tr { 
	border-top: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	margin-bottom:0.8rem; 
	}
	table.responsive-tb2 td { 
		/* Behave  like a "row" */
		border: none !important ;
		border-bottom: 1px solid #eee!important; 			
		position: relative;
		padding:0.3rem 0.3rem 0.3rem 0; 
		text-align: left;
	}
	
	table.responsive-tb2 td:not(.empty_table):before { 
		/* Now like a table header */		
		position: relative;		
		display: inline-block;
		width: 120px;
		align-self: stretch;
		line-height:3rem;
		margin:-0.3rem 0.5rem -0.3rem 0; 
		padding-left: 0.5rem; 
		padding-right: 10px; 
		border-right: 1px solid #eee; 	
		white-space: nowrap;
		background:#f7f7f7;
		font-weight:600;
	}
	table.responsive-tb2 td.block-td:not(.empty_table):before { 
		/* Now like a table header */				
		width: 120px; 
	}

}

@media only screen and (max-width:576px) {
	
	table.responsive-tb1 thead, table.responsive-tb1 tbody, table.responsive-tb1 th { 
		display: block; 
	}
	table.responsive-tb1 tr { 
		display: flex; 
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
		
	}
	table.responsive-tb1 td { 
		width:100%;		
		white-space: normal;
		word-break: break-all;
		word-wrap: break-word;
	}
    table.responsive-tb1 td:not(.empty_table) { 
		display: flex; 
	}
    
    
	table.responsive-tb1 colgroup{display: none;}
	/* Hide table headers (but not display: none;, for accessibility) */
	table.responsive-tb1 thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.responsive-tb1 tr { border-bottom: 1px solid #ccc; }
	
	table.responsive-tb1 td { 
		/* Behave  like a "row" */
		border: none !important ;
		border-bottom: 1px solid #eee!important; 	
		
		position: relative;
		padding:0.3rem 0.3rem 0.3rem 0; 
		text-align: left;
	}
	
	table.responsive-tb1 td:not(.empty_table):before { 
		/* Now like a table header */		
		position: relative;		
		display: inline-block;
		width: 100px;		
		align-self: stretch;
		line-height:3rem;
		margin:-0.3rem 0.5rem -0.3rem 0; 
		padding-left: 0.5rem; 
		padding-right: 10px; 
		border-right: 1px solid #eee;
		
	}
	table.responsive-tb1 td.block-td:not(.empty_table):before { 
		/* Now like a table header */				
		width: 100px; 
	}
	
	table.responsive-tb1 td span.th { 
	/* Now like a table header */	
	width: 100px !important; 	
	}

	table.responsive-tb2 td:before { 		
		width: 100px;
		min-width:100px;
	}
	table.responsive-tb2 td.block-td:before { 
		/* Now like a table header */				
		width: 100px; 
	}
}


@media only screen and (max-width:576px) {
	

	table.responsive-form1 > thead, table.responsive-form1 >  tbody,
	table.responsive-form1 > tbody > tr > th, 
	table.responsive-form1 > tbody > tr ,
	table.responsive-form1 > tbody > tr > td,
	table.responsive-form1 > tr > th, 
	table.responsive-form1 > tr ,
	table.responsive-form1 > tr > td { 
		display: block; 	
		width:100%;		
	}	

	
	table.responsive-form1 > tbody > tr,table.responsive-form1 > tr { border-bottom: 1px solid #ccc; }
	table.responsive-form1 > tbody > tr > th,
	table.responsive-form1 > tr > th{ 
		text-align: left;
		display:flex;
		align-items: center;
		border:none;
		border-bottom: 1px solid #ededed;
	}
	table.responsive-form1 > tbody >  tr > td,
	table.responsive-form1 > tr > td{ 
		/* Behave  like a "row" */
		border: none;		
		position: relative;
		padding:0.3rem 0.3rem 1rem 0.3rem; 
		text-align: left;		
		height:auto;
		
	}
	
	colgroup{display:none;}
	table.responsive-form1 .grid1-head, table.responsive-form1 .grid2-head , table.responsive-form1 .grid3-head , table.responsive-form1 .grid4-head, table.responsive-form1 col {width:100%;}
		
}

/* 테이블 그리드 padding 0 5px 고려한 넓이 */
.grid_1 {width:40px}
.grid_2 {width:100px}
.grid_3 {width:120px}
.grid_4 {width:190px}
.grid_5 {width:240px}
.grid_6 {width:290px}
.grid_7 {width:340px}
.grid_8 {width:390px}
.grid_9 {width:440px}
.grid_10 {width:490px}
.grid_11 {width:540px}
.grid_12 {width:590px}
.grid_13 {width:640px}
.grid_14 {width:690px}
.grid_15 {width:740px}
.grid_16 {width:790px}
.grid_17 {width:840px}
.grid_18 {width:890px}

.wp-80{width:80px;}
.wp-90{width:90px;}
.wp-100{width:100px;}
.wp-150{width:150px;}
.wp-200{width:200px;}
.wp-250{width:250px;}
.wp-300{width:300px;}

/* 부트스트랩 재수정 */

.h1, .h2, .h3, .h4, .h5, .h6 {font-weight:400;}


.btn-group-xs>.btn, .btn-xs {
    padding: .15rem .25rem;
    font-size: .775rem;
    line-height: 1.5;
    border-radius: .2rem;
}

.btn-light{border:1px solid #dfdfdf;}

.ui-datepicker .ui-datepicker-title select {
    margin: 1px 2px !important;
	height:2em;
	border-radius:3px;
}


.btn-purple{
    color: #fff;
    background-color: #6564CB;
    border-color: #6564CB;
}

.btn-purple:hover{
    color: #fff;
    background-color: #5192D8;
    border-color: #3BC7E7;
}


	
@media (min-width: 576px){
	.form-inline label {
		display: inline-block;
		margin-bottom: 0;
	}
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #565656;
    border-color: #676767;
}

.alert {
width:auto !important;
position: relative;
display:block;
padding: .25rem 1.25rem;
margin: .25rem 0;
border: 1px solid transparent;
border-radius: .25rem;
}

.search-form span{display:inline-block;;margin-bottom:1%;}
.search-form input,.search-form select ,.search-form a{width:auto;margin-bottom:1%;}
.search-form input,.search-form select,.search-form a,.search-form button{vertical-align:middle;}

.cursor-pointer{cursor:pointer;}
.required{/*background:url('../img/require.png')  top right no-repeat #fff !important*/}


.filebox label {display:block;/*display: inline-block; padding: .5em .75em; color: #999; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #fdfdfd; cursor: pointer; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; */} 
.filebox input[type="file"] { /* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filebox span {width:80%;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;}


.overflow-ellipsis{overflow:hidden;text-overflow:ellipsis;}
.nowrap{white-space:nowrap;word-break:keep-all;}


input.designed[type=checkbox] {  
    display: none;  
}

input.designed[type=checkbox] + label{
    display: inline-block;  
    cursor: pointer;  
    position: relative;  
    padding-left: 1.5rem;  
    margin-right: 0rem;  
    font-size: 1rem;
}

input.designed[type=checkbox]+ label:before {     

    content: "";  
    display: inline-block;  
  
    width: 1.2rem;  
    height:1.2rem;  
  
    margin-right: 1.2rem;  
	margin-top:-0.6rem;
    position: absolute;  
	top:50%;
    left: 0;  
    bottom: 1px;  
    background-color: #ccc;  
    border-radius: 0.1rem; 
    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);  
}
input.designed[type=checkbox]:checked + label:before { 
    content: "\2713";  /* 체크모양 */
    text-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, .2);  
    font-size: 1rem; 
    font-weight:800; 
    color: #fff;  
    background:#2f87c1;
    text-align: center;  
    line-height: 1.1;  
} 



input.designed[type=radio] {  
    display: none;  
}

input.designed[type=radio] + label{
    display: inline-block;  
    cursor: pointer;  
    position: relative;  
    padding-left: 1.5rem;  
    margin-right: 0rem;  
    font-size: 1rem;
}

input.designed[type=radio]+ label:before {     

    content: "";  
    display: inline-block;  
  
    width: 1.2rem;  
    height:1.2rem;  
  
    margin-right: 1.2rem;  
	margin-top:-0.6rem;
    position: absolute;  
	top:50%;
    left: 0;  
    bottom: 1px;  
    background-color: #ffffff;  
    border-radius: 50%;
	border:1px solid #acacac;
    /*box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);  */
}
input.designed[type=radio]:checked + label:before { 
    content: "\2713";  /* 체크모양 */
    text-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, .2);  
    font-size: 1rem; 
    font-weight:800; 
    color: #fff;  
    background:#2f87c1;
    text-align: center;  
    line-height: 1.1;  
} 

/* Hide default HTML checkbox */
.switch {
    position: relative;
    display: inline-block;
    width: 4rem;
    height: 1.8rem;
    vertical-align: middle;
	
}
.switch input {
  display: none;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 1.5rem;
  width: 1.5rem;
  left: 0px;
  bottom: 0px;
  background-color: #6D50C5;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #ffd000;
}

input:focus + .slider {
  box-shadow: 0 0 1px #ffd000;
}

input:checked + .slider:before {
  -webkit-transform: translateX(2.2rem);
  -ms-transform: translateX(2.2rem);
  transform: translateX(2.2rem);
}

/* Rounded sliders */
.slider.round {
  border-radius: 2rem;
  border:2px solid #242424;
}

.slider.round:before {
  border-radius: 50%;
}


.scroll-table{
	width: 100%;
	clear: both;
}

.table-nowrap td , .table-nowrap th{word-break:keep-all;white-space:nowrap;}

@media (max-width: 575px){
	.scroll-table{
		width: 100%;
		clear: both;
		overflow-x: auto;
	}

}	


/************************************************************************ 
페이지 스타일 
**************************************************************************/

/* index page */

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero {
  width: 100%;
  height: 50vh;
  position: relative;
  margin-top: 0px;
  padding: 0;
}
.hero.hero1 {
  background: url("/theme/cst/img/slide1.jpg") center center;
  background-size: cover;
}
.hero.hero2 {
  background: url("/theme/cst/img/slide3.jpg") center center;
  background-size: cover;
}
.hero.hero3 {
  background: url("/theme/cst/img/slide5.jpg") center center;
  background-size: cover;
}
.hero:before {
  content: "";
  background: rgba(56, 64, 70, 0.3);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

.hero .container {
  z-index: 2;
}

.hero h1 {
  margin: 0 0 30px 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
  color: #fff;
}

.hero h1 span {
  border-bottom: 4px solid #3498db;
}

.hero h2 {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 30px;
  font-size: 24px;
}

.hero .btn-get-started {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 2px;
  display: inline-block;
  padding: 12px 28px;
  border-radius: 4px;
  transition: ease-in-out 0.3s;
  color: #fff;
  background: #3498db;
  text-transform: uppercase;
}

.hero .btn-get-started:hover {
  background: #4ea5e0;
}

@media (max-width: 992px) {
  .hero {
    height: calc(100vh - 90px);
  }
}

@media (max-width: 768px) {
  .hero h1 {
    font-size: 30px;
    line-height: 36px;
  }
  .hero h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
  }
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/

.section-bg {
  background-color: #f7fbfe;
}

.section-title {
  text-align: center;
  padding-bottom: 30px;
}

.section-title h2 {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
}

.section-title h2::before {
  content: '';
  position: absolute;
  display: block;
  width: 120px;
  height: 1px;
  background: #ddd;
  bottom: 1px;
  left: calc(50% - 60px);
}

.section-title h2::after {
  content: '';
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: #3498db;
  bottom: 0;
  left: calc(50% - 20px);
}

.section-title p {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# What We Do
--------------------------------------------------------------*/
.what-we-do {
	padding: 3rem 0;
}
.what-we-do .icon-box {
  width:100%;	
  text-align: center;
  padding: 30px 10px;
  transition: all ease-in-out 0.3s;
  background: #fff;
}

.what-we-do .icon-box .icon {
  margin: 0 auto;
  width: 104px;
  height: 104px;
  background: #eaf4fb;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  transition: ease-in-out 0.3s;
  text-align:center;
}

.what-we-do .icon-box .icon img {
  color: #3498db;
  max-width:80%;
}

.what-we-do .icon-box h4 {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 1.2rem;
}

.what-we-do .icon-box h4 a {
  color: #384046;
  transition: ease-in-out 0.3s;
}
.what-we-do .icon-box h3 {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 1.6rem;
}


.what-we-do .icon-box p {
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.what-we-do .icon-box:hover {
  border-color: #fff;
  box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
}

.what-we-do .icon-box:hover h4 a, .what-we-do .icon-box:hover .icon i {
  color: #3498db;
}

.what-we-do .bs-list{text-align:left;}
.what-we-do .bs-list div{overflow:hidden;}
.what-we-do .bs-list span{float:right;font-size:1.1rem;font-weight:500;}

.main-board {min-height:240px;}
.main-board {position:relative; padding-top:0px}
.main-board  {}
.main-board  h2 {width:100%; border-bottom:1px solid #dddddd;}
.main-board  h2 a {display:inline-block; height:2.5rem; margin-bottom:-2px; padding:0 2rem 0 0; line-height:1.6rem;  font-size:1.5rem; font-weight:normal; color:#000; text-align:center;border-bottom:3px solid #3498DB;}
.main-board  ul { padding-top:25px; }
.main-board  ul li {position:relative; padding-left:10px;}
.main-board  ul li ~ li {margin-top:21px}
.main-board  ul li:before {content:""; position:absolute; left:0; top:6px; width:3px; height:3px; border-radius:100%; background:#333}
.main-board  ul li:after {content:""; display:block; clear:both}
.main-board  ul li a {float:left; width:90%;}
.main-board  ul li a .sbj {display:inline-block; width:100%; font-size:15px; font-weight:normal; color:#555; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.main-board  ul li .new {display:none}
.main-board  ul li .date {float:right; font-size:13px; color:#777}
.main-board  .more { position:absolute; right:-10px; top:4px; width:28px; height:28px; text-indent:-999em; overflow:hidden}
.main-board  .more:before,
.main-board  .more:after {content:""; position:absolute; right:50%; top:50%; background:#8a8a8a}
.main-board  .more:before {width:10px; height:2px; margin:-1px -5px 0 0}
.main-board  .more:after {width:2px; height:10px; margin:-5px -1px 0 0}
.main-board .active .more,
.main-board .active ul {display:block}
.main-board .active h2 {z-index:1}
.main-board .active h2 a {color:#fff; background:#2E83FA; border-color:#2E83FA;}

.swiper-slide .text{max-width:90%;width:900px;display:inline-block;position:absolute;top:50%;left:50%;font-size:2rem;font-weight:600;transform:translate(-50%,-50%);color:#ffffff;}
.swiper-slide .text strong{font-size:4rem;color:#F2902F;font-family:'Timon';font-style:italic;}
.swiper-slide .text span.emp2{display:block;width:100%;text-align:right;font-size:3rem;color:#3DC3E6;font-family:'Timon';font-style:italic;}

 @media (min-width: 992px) and (max-width: 1199px) {
	

}
 @media (min-width: 768px) and (max-width: 991px){
	.swiper-slide .text{top:60%;left:50%;font-size:1.8rem;font-weight:600;transform:translate(-50%,-50%);color:#ffffff;}
	.swiper-slide .text strong{font-size:2.5rem;}
	.swiper-slide .text span.emp1{}
	.swiper-slide .text span.emp2{font-size:2.8rem;}



}
 @media (min-width: 576px) and (max-width: 767px){
	.swiper-slide .text{top:60%;left:50%;font-size:1.6rem;font-weight:600;transform:translate(-50%,-50%);color:#ffffff;}
	.swiper-slide .text strong{font-size:2rem;}
	.swiper-slide .text span.emp1{display:block;}
	.swiper-slide .text span.emp2{font-size:2.4rem;}
	

	

}
@media (max-width: 575px){ 
	.swiper-slide .text{width:90%;top:60%;left:50%;font-size:1.4rem;font-weight:600;transform:translate(-50%,-50%);color:#ffffff;}
	.swiper-slide .text strong{font-size:1.6rem;}
	.swiper-slide .text span.emp1{display:block;}
	.swiper-slide .text span.emp2{font-size:2.2rem;}
	


}

/* process box(step) */
.box_process {width:99%; margin:0 auto; padding:50px 0; background:#fff; text-align:center}
.box_process ul:after {content:""; display:block; clear:both}
.box_process ul li {display:inline-block; position:relative; padding-left:100px; text-align:left}
.box_process ul li:after {content:""; position:absolute; left:0; top:50%; width:85px; height:85px; margin-top:-40px; border-radius:100%; background-color:#efefef; background-position:50% 50%; background-repeat:no-repeat}
.box_process ul li ~ li {margin-left:80px}
.box_process ul li ~ li:before {content:""; position:absolute; left:-50px; top:50%; margin-top:-11px; width:21px; height:21px; background:url(../img/gt.png);background-size:cover;}
.box_process ul li * {display:block}
.box_process ul li strong {font-size:20px; color:#444;font-weight:600;}
.box_process ul li span {margin-top:6px; font-size:16px; font-weight:300; color:#555}
.box_process ul li.active:after {background-color:#48AEF3}
.box_process ul li.active * {color:#E70;}
.box_process_vertical {padding:30px 0}
.box_process_vertical ul li {float:left; padding-top:105px; padding-left:0; text-align:center}
.box_process_vertical ul li:after {left:50%; top:0; width:88px; height:88px; margin-left:-44px; margin-top:0; background-color:#efefef;}
.box_process_vertical ul li ~ li {margin-left:0}
.box_process_vertical ul li ~ li:before {top:34px; left:-5px; margin-top:0}
.box_process_vertical ul li strong {color:#F3AE48; font-size:14px; font-weight:normal}
.box_process_vertical ul li span {margin-top:8px; font-size:14px; line-height:18px; font-weight:300; color:#545454;}

.box_process_join ul li.step1:after {background-image:url(../img/register1.png);background-size:70%;}
.box_process_join ul li.step2:after {background-image:url(../img/register2.png);background-size:70%;}
.box_process_join ul li.step3:after {background-image:url(../img/register3.png);background-size:70%;}


 @media (max-width: 767px){
 .box_process ul li {padding-left:50px;}
 .box_process ul li ~ li:before {left:-45px;}
 .box_process ul li:after { width:60px; height:60px;margin-top:-30px;}
.box_process_join ul li strong,.box_process_join ul li span {display:none;}
}

/* 마이페이지 */
#smb_my_ov {position:relative;background:#fff;margin-right:20px}
#smb_my_ov h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#smb_my_ov .my_name {display:block;background:#fff;border-bottom:1px solid #efefef;padding:15px 10px 15px 80px;font-size:1.167em}
#smb_my_ov .profile_img {display:inline-block;position:absolute;top:15px;left:15px}
#smb_my_ov .my_info_modi {position:absolute;bottom:0;right:-5px;text-align:center;background:#212020;width:20px;height:20px;line-height:20px;color:#fff;font-size:13px;border-radius:50%}
#smb_my_ov .my_name>strong {display:block}
#smb_my_ov .win_point {color:#c7d4e6;font-size:0.92em}
#smb_my_ov .win_point strong {color:#3a8afd}

#smb_my_ov .my_name img {width:45px;border-radius:50%}
#smb_my_ov .my_name .my_ov_name {display:inline-block;margin-bottom:10px;line-height:28px}
#smb_my_ov .my_name a.smb_info {color:#3a8afd}
#smb_my_ov .smb_my_act {position:absolute;right:15px;top:20px;display:inline-block}
#smb_my_ov .smb_my_act li {display:inline-block;font-size:0.92em}
#smb_my_ov .smb_my_act li a {line-height:28px;height:30px;vertical-align:middle;padding:0 5px;margin:0;border-radius:3px}
#smb_my_ov .smb_my_act li a.btn_logout {display:inline-block;border:1px solid #4f93fd;color:#4f93fd}

#smb_my {}
#smb_my .btn_more {display:block;height:43px;margin:15px;background:#eee;font-size:1.167em;color:#7f7e7e;line-height:43px;text-align:center;border-radius:3px}
#smb_my_ov {margin:0 0 20px}

#smb_my_ov .my_pocou {background:#fff}
#smb_my_ov .my_pocou:after {display:block;visibility:hidden;clear:both;content:''}
#smb_my_ov .my_pocou li {width:50%;float:left;padding:15px;border-right:1px solid #efefef}
#smb_my_ov .my_pocou li:last-child {border-right:0}
#smb_my_ov .my_pocou li a{display:block;position:relative;line-height:20px}
#smb_my_ov .my_pocou li a span{display:inline-block;float:right;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:clip;padding:0 5px;line-height:20px;border-radius:35px;font-weight:normal;font-size:0.846em}
#smb_my_ov .my_pocou li.my_cou a span{background:#a352c1}
#smb_my_ov .my_pocou li.my_memo a span{background:#ff8b77}
#smb_my_ov .my_pocou li i {color:#8c9eb0;font-size:16px}

#smb_my_ov .my_info {display:none;clear:both;width:100%;margin-top:-1px;background:#fff;padding:5px 20px 20px;border-bottom:1px solid #e6e6e6}
#smb_my_ov .my_info:after {display:block;visibility:hidden;clear:both;content:''}
#smb_my_ov .my_info_wr {float:left;width:50%;line-height:20px;padding-bottom:10px;margin:5px 0;border-bottom:1px dashed #e5e5e5}
#smb_my_ov .my_info_wr strong {display:block;vertical-align:top;padding:3px 0px;color:#8c9eb0}
#smb_my_ov .my_info_wr span {display:block;text-align:left}
#smb_my_ov .ov_addr {border-bottom:0}
#smb_my_ov .ov_addr a {color:#c7c7c7}

#smb_my_ov .my_ov_btn {border-top:1px solid #efefef}
#smb_my_ov .my_ov_btn button {display:block;width:100%;border:0;border-bottom:1px solid #dde7e9;background:#fff;padding:15px;text-align:left;font-size:1.125em;font-weight:bold}
#smb_my_ov .my_ov_btn button i {display:inline-block;float:right}

#smb_my_od h2 {font-size:1.167em;margin:10px}
#smb_my_wish h2 {font-size:1.167em;margin:30px 10px 10px}
.wishlist ul {margin:10px 10px 0}
.wishlist ul:after {display:block;visibility:hidden;clear:both;content:''}
.wishlist li {float:left;padding:5px;width:33.333%;text-align:center}
.wishlist li img {width:100%;height:auto;max-width:250px}
.wishlist li .info_link {display:block;font-weight:bold;margin:5px 0 2px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.wishlist li .info_date {font-size:0.92em;color:#666}

@media (max-width:970px) {
    #smb_my_ov .my_info_wr {width:100%}
}