@charset "utf-8";
/* *******************************************************
 * filename : common.css
 * description : 퀵허브 리뉴얼 - 서브페이지 컨텐츠 CSS
 * date : 2022-02-17
******************************************************** */


/* ************************
	* 헤더 상단 탑배너
	************************ */

/* 20221124배너용 폰트 추가 */
@font-face {
    font-family: 'NanumSquareNeo-Variable';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.header-up-con-inner .area{max-width:900px;}

/* 상단 배너 배경 */
.header-up-con .bn1{background:#2d1189;}
.header-up-con .bn2{background:#6b14d3;}

.header-up-con{min-width:320px; width: 100%; height: 60px; overflow: hidden; position: relative;}
.header-up-con-inner{position:relative; z-index:11; width: 100%;}
.header-up-con-inner a.banner-link{ display:inline-block; width:100%; height:60px;}
.header-up-con-tit{width: 200px; float: left; }
.header-up-con-tit img{max-width:100%;vertical-align: top; margin: 0 auto;}
.header-up-con-txt{position:relative; width: calc(100% - 200px); float: left; text-align: center; z-index:9993;}
.header-up-con-txt p{font-size: 17px; font-family: 'NanumSquareNeo-Variable', 'SpoqaHanSansNeo'; line-height: 60px; font-weight: 900; letter-spacing: 0px; color: #fff;}
.header-up-con-txt p span{color: #eec800;}
/* 배너 버튼 */
.header-up-con-txt .banner-btn{ margin-left:110px; padding:0 16px; height:31px; line-height:1 !important; font-size:13px; font-family: 'SpoqaHanSansNeo'; font-weight:300; color:#fff; border:1px solid #fff; border-radius:20px; box-sizing:border-box; cursor:pointer;}
.header-up-con-txt .banner-btn i{margin-left:6px;}

/* 슬라이드 버튼 */
.header-up-con-area{position: absolute; top: 0; right: 40px; bottom: 0; width: 180px; height: 60px; margin: auto; -webkit-box-sizing: border-box; box-sizing: border-box;}
/* 닫기 버튼 */
.slide-close-con{width: 180px; height: 25px; z-index:12;}
.slide-close-con .close-btn{display: block; float: right; color:#fff;}
.slide-close-con .close-btn span{display: block; font-size: 24px;}
.slide-close-con .close-btn {margin-top: 10px;}
.close-checkbox{margin-top: 13px;}
.close-checkbox{float: left;}
.close-checkbox .checkbox-item{display:inline-block; vertical-align:middle;}
.close-checkbox .checkbox-item input[type="checkbox"],
.close-checkbox .checkbox-item input[type="radio"]{display:none;}
.close-checkbox .checkbox-item label{display:block; position:relative; min-height:30px; line-height: 30px; color:rgba(255,255,255,0.5); font-size:12px; letter-spacing:-0.35px; padding-left:20px; cursor:pointer;}
.close-checkbox .checkbox-item label:before{content:""; position:absolute; top:50%; left:0; width:12px; height:12px; border:1px solid rgba(255,255,255,0.5); background-color:transparent; margin-top:-7px; -webkit-border-radius: 2px; border-radius: 2px;}
.close-checkbox .checkbox-item label i{position:absolute; top:50%; left:-1px; font-size:16px; display:none; margin-top:-8px;}    
.close-checkbox .checkbox-item input[type="checkbox"]:checked + label i,
.close-checkbox .checkbox-item input[type="radio"]:checked + label i{display:block; color:#fff;}

@media all and (max-width:1260px){
	/* 배너버튼 */
	.header-up-con-txt .banner-btn{margin-left:50px;}		
	.close-checkbox {margin-left:20px;}
}

@media all and (max-width:1220px){
    /* 닫기 버튼 */
    .slide-close-con{right: 15px;}
	
	.header-up-con-tit{width: 160px;}
	.header-up-con-txt{position:relative; width: calc(100% - 240px);} 
}

@media all and (max-width:1024px){
	.header-up-con-txt{position:relative; width: calc(100% - 350px);}
	.header-up-con-txt p{font-size:14px;}
	/* 배너버튼 */
	.header-up-con-txt .banner-btn{margin-left:20px;}
	.close-checkbox {margin-left:40px;}
}
@media all and ( max-width: 800px ){
    .header-up-con {height: auto;}
	.header-up-con .area{padding: 0;}
    .header-up-con-area{height: auto; right:20px;}
	.header-up-con-tit{display:none;}
	.header-up-con-txt{width: calc(100% - 50px); float: left; text-align: left; margin-top:7px;}
	.header-up-con-txt p{padding-left:30px;font-size: 13px; line-height: 22px; font-weight: 500; letter-spacing: -0.5px; color: #fff; box-sizing:border-box;}
    .slide-close-con {width: auto; height: 30px; right: 10px;}
    .close-checkbox{display: none;}
    .slide-close-con .close-btn{margin-top: 16px;}
    .slide-close-con .close-btn span{font-size: 18px;}
	
	/* 배너 버튼 */
	.header-up-con-txt .banner-btn{display:block; margin-left:0px; padding:0 8px; height:22px; vertical-align:middle; line-height:1 !important; font-size:11px; font-family: 'SpoqaHanSansNeo'; font-weight:300; color:#fff; border:1px solid #fff; border-radius:20px; box-sizing:border-box; cursor:pointer;}
	.header-up-con-txt .banner-btn i{margin-left:2px;}
}

/* 상단 와이드 배너 컨트롤버튼 :: 사용안함 */
.header-up-con .slide-controls-area{display:block; opacity:0.6; position:absolute; top:17px; left:50%; margin-left:450px; width: 106px; height: 26px; background-color:rgba(255,255,255,0.4);line-height:26px; border-radius:20px; box-sizing:border-box; z-index:9992;}

.header-up-con .slide-controls-area:hover,
.header-up-con .slide-controls-area:focus{opacity:1;}

.header-up-con .slide-controls-area .paging-info{/*position: absolute; top:2px;left:10px;*/display:inline-block;margin:0 8px 0 14px; color:#fff;}
.header-up-con .slide-controls-area .btn_pause{
    background:url('../img/main/btn_main_autoplay_pause.png') center 3px no-repeat;
    width: 16px; height: 16px;
    text-indent: -9999px;
    border:none;
    cursor: pointer;
    outline: none;
}
.header-up-con .slide-controls-area .btn_pause.on{ 
    background: url('../img/main/btn_main_autoplay_play.png') center 3px no-repeat  !important;
}
.header-up-con .slide-controls-area button.visual-prev,
.header-up-con .slide-controls-area button.visual-next{display: inline-block; vertical-align: middle; position: relative;}
.header-up-con .slide-controls-area button.visual-prev + button.visual-next{margin-left: 10px;}
.header-up-con .slide-controls-area button.visual-prev i,
.header-up-con .slide-controls-area button.visual-next i{font-size: 17px; color: #fff;}

@media all and (max-width:1069px){
	.header-up-con .slide-controls-area{display:none;}
}

/* ************************
	* 게시판
	************************ */
/* 게시판 :: 기본리스트 :: 레이아웃 */
.bbs-list-tbl{margin-top: 15px; display:table; width:100%; table-layout:fixed;}
.bbs-list-head{display:table-header-group; }
.bbs-list-head span{display:table-cell; text-align:center; background:#f5f5f5; color:#000; font-weight:400; font-size:13px; letter-spacing:-0.35px; padding:12px 0; border-top:1px solid #000; border-bottom:1px solid #dcdcdc;}
.bbs-list-row{display:table-row; width:100%;}
.bbs-list-row .column{display:table-cell; line-height:1  !important; vertical-align:middle; padding:10px 5px; color:#555; font-size:14px; letter-spacing:-0.35px; text-align:center; border-bottom:1px solid #ddd;}
.bbs-list-row .column.ta-left{text-align: left;}
/* 게시판 :: 기본리스트 ::  항목 */
.bbs-list-row .bbs-title{text-align:left; padding:10px;}
.bbs-list-row .bbs-title a{display:block; position:relative; color:#555;}
.bbs-subject-con{display:inline-block; position:relative; max-width:100%;}
.bbs-subject-con .bbs-subject-txt{width: 100%; line-height:1.5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}
.bbs-subject-con .bbs-subject-txt.row-2{max-height: 3em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: initial;}
/* 게시판 :: 기본리스트 :: 카테고리 */
.main-tab-category{position:relative; }
.main-tab-category ul{float:right;}
.main-tab-category li{position: relative; float: left; margin-left: 20px;}
.main-tab-category li:first-child{margin-left: 0;}
.main-tab-category li:before{position: absolute; top: 50%; margin-top: -5px; left: -10.5px; display: block; content: ''; width: 1px; height: 10px; background-color: #ddd;}
.main-tab-category li:first-child:before{display: none;}
.main-tab-category li a{display: block; font-size: 15px; line-height: 1.3; letter-spacing: -0.5px; color: #000;}
.main-tab-category li.selected a{color: #8329db; font-weight: 500;}
.main-tab-category + .bbs-list-tbl{margin-top: 15px;}

@media all and (min-width:801px){
	.bbs-list-row:hover{background-color:#f6f6f6;}
}
@media all and (max-width:800px){
	/* 게시판 :: 기본리스트 :: 레이아웃 */
	.bbs-list-tbl{margin-top: 27px; border-top:1px solid #d7d7d7;}
	.bbs-list-tbl,.bbs-list-row,.bbs-list-row .column{display:block;}
	.bbs-list-head{display:none; position:absolute; top:-1000em; left:-1000em;}
	.bbs-list-row{position:relative; width:auto; padding:12px 10px; border-bottom:1px solid #ddd; overflow:hidden;}
	.bbs-list-row .column{clear:both; border-bottom:0; text-align:left; padding:5px 0; font-size:11px;}
	/* 게시판 :: 기본리스트 :: 항목 */
	.bbs-relative-row{padding-top:40px}
	.bbs-list-row .column.bbs-block{clear:both; width:100%;}
	.bbs-list-row .column.bbs-inline{display:inline-block; width:auto; margin-right:4%;}
	.bbs-list-row .column.bbs-absolute{position:absolute; top:10px; left:2%;}
	.bbs-list-row .column:not(.bbs-title):not(.bbs-no-data):before{padding-right:5px; color:#aaa; content: attr(data-label);}
	.bbs-list-row .bbs-title{padding: 5px 0; padding-bottom: 0;}
	.bbs-subject-con .bbs-subject-txt{font-size:12px;}
	/* 게시판 :: 기본리스트 :: 카테고리 */
	.main-tab-category li{margin-left: 16px;}
	.main-tab-category li:before{margin-top: -5px; left: -8.5px; height: 10px;}
	.main-tab-category li a{font-size: 12px;}
	.main-tab-category + .bbs-list-tbl{margin-top: 10px;}
}

/* ************************
	* 스크롤바 커스텀
	************************ */
.scroll-object-box-outside .mCSB_outside + .mCSB_scrollTools {right: -20px;}

@media all and ( max-width: 800px ){
	.scroll-object-box-outside .mCSB_outside + .mCSB_scrollTools {right: -15px;}
}

/* ************************
	* Tab 공통 스타일
	************************ */
.sub-tab-wrapper-style{position:relative; height:60px; margin-bottom:15px; }
.sub-tab-list-style ul{display:table; width:100%; height:100%; table-layout:fixed;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{/* float:left; */ display:table-cell; vertical-align:middle; position:relative; width:20%; background-color:#fff; border:1px solid #e5e5e5; border-left:0 }
.sub-tab-list-style ul li:first-child{border-left:1px solid #e5e5e5;}
.sub-tab-list-style ul li a{display:table; height:58px; width:100%; }
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#494949; font-size:18px; letter-spacing:-0.30px; text-align:center;}
.sub-tab-list-style ul li.selected{z-index:1; }
.sub-tab-list-style ul li.selected a{background-color:#333; border-color:#333}
.sub-tab-list-style ul li.selected a em{color:#fff;}
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none;}

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}

@media all and (max-width:1220px){
	.sub-tab-list-style .area{padding:0}
}
@media all and (max-width:1024px){
	/* Tab Fixed Move*/
	.sub-tab-list-style.top-fixed{top:80px;}
}
@media all and ( max-width: 800px ){
	/* Tab 공통 스타일 */
	.sub-tab-wrapper-style,
	.sub-tab-list-style.top-fixed,
	.sub-tab-list-style ul li a{height:40px; }
	.sub-tab-list-style ul li a em{font-size:13px}
	/* Tab Fixed Move*/
	/* Mobile Tab Drop Menu */
	.sub-drop-menu-style{position:relative;}
	.sub-drop-open-btn-style{display:block; position:relative; padding:0 15px; height:40px; line-height:40px; font-size:15px; background-color:#333; box-sizing:border-box;}
	.sub-drop-open-btn-style span{color:#fff; }
	.sub-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:15px; margin-top:-7px}
	.sub-drop-open-btn-style.open .arrow{transform:rotate(180deg)}
	.sub-drop-menu-style ul{display:none; margin:0; height:auto; position:absolute; top:100%; left:0px; right:0px; background-color:#fff; border:1px solid #ddd; border-top:0; z-index:11; box-sizing:border-box;}
	.sub-drop-menu-style ul li{position:static; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent}
	.sub-drop-menu-style ul li:first-child{border-top:0; border-left:0}
	.sub-drop-menu-style ul li a{display:block; width:auto; height:auto; padding:10px 15px; border:0;}
	.sub-drop-menu-style ul li a em{font-size:13px;}
	.sub-drop-menu-style ul li.selected a{background-color:transparent;}
	.sub-drop-menu-style ul li.selected a em{color:#f57f20; font-weight:600; }
}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	.sub-tab-list-style.top-fixed{top:60px;}
}

/* ************************
	* 공통 form style
	************************ */
/* 셀렉트박스 */
.cm-selectbox{display:inline-block; width: 100%;}
.cm-selectbox.w-90p{width: 90%; max-width: 280px;}
.cm-selectbox.w-120{width: 120px;}
.cm-selectbox.w-170{width: 170px;}
.cm-selectbox.w-230{width: 230px;}
.cm-selectbox select{opacity: 0; visibility: hidden;}
/* select custom :: select */
.cm-selectbox span{width: 100% !important; color: #777; text-align: left; vertical-align: middle; font-size: 15px; font-weight: 400; letter-spacing: -0.75px; color:#000; padding-left: 15px; border: 1px solid #ddd; -webkit-border-radius: 8px; border-radius: 8px; background: #f3f3f3 url("../img/select_arrow.png") no-repeat 90% 50%; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer;}
.cm-selectbox.white-select span{background: #fff url("../img/select_arrow.png") no-repeat 92% 50%;}
.cm-selectbox.h-30 span{height: 28px; line-height: 28px; font-size: 14px; border-color: #f3f3f3; background-position-x: 95%;}
.cm-selectbox.h-40 span{height: 38px; line-height: 38px;}
.cm-selectbox span strong {width: 100%; font-weight: 400; word-break: break-all; display: block; overflow: hidden;}
/* select custom :: 옵션 */
.select-option {border: 1px solid #ddd; background: #fff; overflow: auto; -webkit-border-radius: 8px; border-radius: 8px;}
.select-option.select-in-popup{z-index: 10000 !important;}
.select-option ul {margin: 0; padding: 0;}
.select-option li {list-style: none;}
.select-option span{height: 40px; line-height: 40px; font-size: 15px; font-weight: 400; letter-spacing: -0.75px; color:#000; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; padding: 0 15px; display: block; overflow: hidden; cursor: pointer;}
.select-option.h-30 span {height: 26px; line-height: 26px; font-size: 14px;}
.select-option span:hover{background-color: #f5f5f5;}
.select-option .disabled span{color: #bbb; text-decoration: line-through; background: none;}
/* 인풋 공통 스타일 */
.cm-input{width: 100%; border: 0; border-bottom: 1px solid #ddd; font-size: 14.5px; color: #000; background-color: transparent; letter-spacing: -0.75px; display: inline-block; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box;
 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	-webkit-border-radius: 0;
}
.cm-input::placeholder{color: rgba(0,0,0,0.28);}
.cm-input:focus{outline: none;}
.cm-input.white-input{text-indent: 15px; border: 1px solid #ddd; -webkit-border-radius: 8px; border-radius: 8px; background-color: #fff;}
.cm-input.w-250{width: 250px;}
.cm-input.w-300{width: 300px;}
.cm-input.w-470{width: 470px;}
.cm-input.h-40{height: 38px;}
.cm-input.h-30{height: 28px;}
.cm-input::-ms-clear {display: none;}
/* 체크박스 공통 스타일 */
.cm-custom-checkbox .checkbox-item{display:inline-block; vertical-align:middle;}
.cm-custom-checkbox .checkbox-item input[type="checkbox"]{display:none;}
.cm-custom-checkbox .checkbox-item label{display:inline-block; position:relative; padding-left: 20px; font-size: 12px; color: #000; letter-spacing:-0.25px;}
.cm-custom-checkbox .checkbox-item label:before{position: absolute; top: 1px; left: 0; content: '\e92c'; font-size:18px; color:inherit; vertical-align:middle; margin-top:-3px; font-family:xeicon; color: rgba(0,0,0,0.4);}
.cm-custom-checkbox .checkbox-item input[type="checkbox"]:checked + label:before{content: '\e92b'; color:#a536f6;}
/* 체크박스 - 리스트 */
.cm-custom-checkbox.list .checkbox-item{float: left; width: 25%; margin: 10px 0;}
.cm-custom-checkbox.list .checkbox-item label{padding-left: 24px; font-size: 15px; color: #555;}
/* 라디오박스 공통 스타일 2023.02.09  수정 및 추가 */
.cm-radiobox .radio-item{display:inline-block; vertical-align:middle; margin-right:42px;}
.cm-radiobox .radio-item:last-child{margin-left:0;}
.cm-radiobox .radio-item input[type="radio"]{display:none;}
.cm-radiobox .radio-item label{display:inline-block; position:relative; padding-left:20px; color:#555; font-size:14px; letter-spacing:-0.75px; line-height:15px;}
.cm-radiobox .radio-item label::before{content:""; position:absolute; top:0px; left:0px; width:12px; height:12px; border:2px solid #777; background-color:#fff; -webkit-border-radius:16px; border-radius:16px;}
.cm-radiobox .radio-item label::after{display:none; content:""; position:absolute; top:4px; left:4px; width:8px; height:8px; background:#8329db; -webkit-border-radius:8px; border-radius:8px;}
.cm-radiobox .radio-item input[type="radio"]:checked + label::before{border-color:#8329db}
.cm-radiobox .radio-item input[type="radio"]:checked + label::after{display:block;}
.cm-radiobox .radio-item input[type="radio"]:disabled + label{color: #b7b7b7;}
.cm-radiobox .radio-item input[type="radio"]:disabled + label::before{border-color: #b7b7b7;}
.cm-radiobox .radio-item input[type="radio"]:checked:disabled + label{color: #b7b7b7;}
.cm-radiobox .radio-item input[type="radio"]:checked:disabled + label::before{border-color: #b7b7b7;}
.cm-radiobox .radio-item input[type="radio"]:checked:disabled + label::after{background:#b7b7b7;}
/* radiobox label 간격 */
.cm-radiobox .radio-item input[type="radio"] + label{margin-right:12px;} /* 2023.02.09 추가 */

/* 라디오박스 - 리스트 */
.cm-radiobox.list .radio-item{min-width: 140px; margin: 8px 42px 8px 0;}
.cm-radiobox.list .radio-item .cm-input{position: relative; top: -3px; margin-left: 25px;}
.cm-radiobox.list-box{margin: -10px -5px;}
.cm-radiobox.list-box .radio-item{width: calc(12.5% - 10px); float: left; margin: 10px 5px;}
.cm-radiobox.list-box .radio-item label::before{background-color: transparent;}
/* 버튼 공통 스타일 */
.cm-custom-button{display: inline-block; background-color: #007bed; font-size: 13.5px; letter-spacing: -0.25px; color: #fff; text-align: center;}
.cm-custom-button.bgc-blue{background-color: #007bed;}
.cm-custom-button.bgc-green{background-color: #26b2c3;}
.cm-custom-button.w-420{width: 420px;}
.cm-custom-button.w-280{width: 280px;}
.cm-custom-button.w-230{width: 230px;}
.cm-custom-button.w-215{width: 215px;}
.cm-custom-button.w-200{width: 200px;}
.cm-custom-button.w-190{width: 190px;}
.cm-custom-button.w-175{width: 175px;}
.cm-custom-button.h-35{height: 35px; line-height: 35px; -webkit-border-radius: 35px; border-radius: 35px;}
.cm-custom-button.h-50{font-size: 18px; height: 50px; line-height: 50px; -webkit-border-radius: 50px; border-radius: 50px;}
/* textarea 스타일 */
.cm-textarea{width: 100%; height: 100px; padding: 5px; resize: none; -webkit-appearance: none; -webkit-border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14.5px; line-height: 1.3; color: #000; background-color: transparent; letter-spacing: -0.75px; border: 1px solid #ddd;}
.cm-textarea::placeholder{color: rgba(0,0,0,0.28);}
.cm-textarea:focus{outline: none;}

@media all and (max-width:1220px){
	/* 라디오박스 - 리스트 */
	.cm-radiobox.list-box .radio-item{width: calc(16.66% - 10px);}
}
@media all and (max-width:1024px){
	/* 라디오박스 - 리스트 */
	.cm-radiobox.list-box .radio-item{width: calc(25% - 10px);}
}
@media all and (max-width:800px){
	/* 셀렉트박스 */
	.cm-selectbox.w-90p{width: 100%; max-width: 280px;}
	.cm-selectbox.w-120{width: 120px;}
	.cm-selectbox.w-170{width: 170px;}
	.cm-selectbox.w-230{width: 230px;}
	/* select custom :: select */
	.cm-selectbox span{font-size: 13px; padding-left: 10px; -webkit-border-radius: 8px; border-radius: 8px; background: #f3f3f3 url("../img/select_arrow.png") no-repeat 96% 50%;}
	.cm-selectbox.white-select span{background: #fff url("../img/select_arrow.png") no-repeat 96% 50%;}
	.cm-selectbox.h-30 span{height: 28px; line-height: 28px; font-size: 12px; background-position-x: 95%;}
	.cm-selectbox.h-40 span{height: 38px; line-height: 38px;}
	/* select custom :: 옵션 */
	.select-option {-webkit-border-radius: 8px; border-radius: 8px;}
	.select-option span{height: 40px; line-height: 40px; font-size: 13px; padding: 0 10px;}
	.select-option.h-30 span {height: 26px; line-height: 26px; font-size: 12px;}
	/* 인풋 공통 스타일 */
	.cm-input{font-size: 12px; -webkit-border-radius: 8px; border-radius: 8px;}
	.cm-input.white-input{text-indent: 10px; -webkit-border-radius: 8px; border-radius: 8px;}
	.cm-input.w-250{width: 250px;}
	.cm-input.h-40{height: 38px;}
	.cm-input.h-30{height: 28px;}
	/* 체크박스 공통 스타일 */
	.cm-custom-checkbox .checkbox-item label{padding-left: 20px; font-size: 12px;}
	.cm-custom-checkbox .checkbox-item label::before{font-size:16px; margin-top:-3px;}
	/* 체크박스 - 리스트 */
	.cm-custom-checkbox.list .checkbox-item{width: 50%; margin: 8px 0;}
	.cm-custom-checkbox.list .checkbox-item label{padding-left: 22px; font-size: 13px;}
	/* 라디오박스 공통 스타일 */
	.cm-radiobox .radio-item{margin-right:20px;}
	.cm-radiobox .radio-item label{padding-left:18px; font-size:13px; line-height:15px;}
	.cm-radiobox .radio-item label::before{top: 2px; width:10px; height:10px;}
	.cm-radiobox .radio-item label::after{top:6px; left:4px; width:6px; height:6px;}
	/* 라디오박스 - 리스트 */
	.cm-radiobox.list .radio-item{width: 100%; margin: 6px 0;}
	.cm-radiobox.list .radio-item:last-child{margin-top: 4px;}
	.cm-radiobox.list .radio-item label::before {top: 0px;}
	.cm-radiobox.list .radio-item label::after {top: 4px;}
	.cm-radiobox.list .radio-item .cm-input{top: -3px; margin-left: 15px; width: calc(100% - 130px);}
	.cm-radiobox.list-box{margin: -7px -5px;}
	.cm-radiobox.list-box .radio-item{width: calc(33.33% - 10px); margin: 7px 5px;}
	/* 버튼 공통 스타일 */
	.cm-custom-button{font-size: 12px;}
	.cm-custom-button.w-420{width: 300px;}
	.cm-custom-button.w-280{width: 220px;}
	.cm-custom-button.w-190{width: 150px;}
	.cm-custom-button.w-175{width: 140px;}
	.cm-custom-button.h-35{height: 35px; line-height: 35px;}
	.cm-custom-button.h-50{font-size: 14px; height: 40px; line-height: 40px;}
}


/* ************************
	* PAGING
	************************ */
.paging2{width:100%; text-align:center; font-size: 0;}
.paging2 a{margin: 0 10px; display:inline-block; vertical-align:middle; text-align:center; font-size:14px; font-weight: 500; color:#ccc; padding: 6px 0; border-bottom: 1px solid transparent;}
.paging2 a.cur{color: #000; border-bottom-color: #000;}
.paging2 a.arrow{padding: 0;}
.paging2 a.arrow.prev{margin-right: 20px; margin-left: 0;}
.paging2 a.arrow.next{margin-left: 20px; margin-right: 0;}
.paging2 img{position: relative; top: -2px; vertical-align:middle;}

@media all and (max-width:800px){
	.paging2 a{margin: 0 8px;}
	.paging2 a.arrow.prev{margin-right: 13px;}
	.paging2 a.arrow.next{margin-left: 13px;}
}

/* ************************
	* modal layer content
	************************ */
/* **** 가본 모달 스타일 **** */
.modal-fixed-pop-wrapper{display: none; overflow-y:auto; overflow-x:auto; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:10000; background:#000; background:rgba(0,0,0,0.5);}
.modal-fixed-pop-wrapper.open{display: block;}
.modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.modal-inner-box{position:relative; display:table-cell; vertical-align:middle;}
.modal-inner-content{text-align:left;}

.footer-modal-content{position:relative; width:96%; max-width:1000px; margin:60px auto;}
.footer-modal-content h1{font-size:24px; font-weight:600; letter-spacing:-0.5px; text-align:center; padding:0 50px 20px; color:#fff;}
.modal-close-btn{position:absolute; top:-6px; right:-6px; color:#fff;}
.modal-close-btn i{font-size:38px;}
.modal-close-btn i:hover {color:#fff}
.footer-inner-box{padding:30px; background-color:#fff; }
.footer-inner{padding:20px; height:400px; overflow-y:auto; overflow-x:hidden; border:1px solid #ddd; }

@media all and ( max-width: 800px ){
	/* modal layer content */
	.footer-modal-content{width:auto; margin:50px 15px;}
	.footer-modal-content h1{font-size:18px; text-align:left; padding:0 30px 15px 0}
	.modal-close-btn{right:-3px; top:-3px;}
	.modal-close-btn i{font-size:24px}
	.footer-inner-box{padding:15px}
	.footer-inner{padding:10px; height:250px;}
}


/* **** 내용 있는 팝업 레이어 스타일 **** */
.layer-fixed-pop-wrapper{display: none; overflow-y:auto; overflow-x:auto; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:10000; background:#000; background:rgba(0,0,0,0.5);}
.layer-fixed-pop-wrapper.open{display: block;}