@charset 'utf-8';

@import '/ccp_css/font-awesome.min.css';


/* ******************************************************************************************************

	webfont define

****************************************************************************************************** */

@font-face {
	font-family:'Nanum Gothic';
	font-weight:400;
	font-style:normal;
	src:url(/ccp_css/fonts/NanumGothic-Regular.eot);
	src:local('※'),
	url(/ccp_css/fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
	url(/ccp_css/fonts/NanumGothic-Regular.woff) format('woff'),
	url(/ccp_css/fonts/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
	font-family:'Nanum Gothic';
	font-weight:700;
	font-style:normal;
	src:url(/ccp_css/fonts/NanumGothic-Bold.eot);
	src:local('※'),
	url(/ccp_css/fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
	url(/ccp_css/fonts/NanumGothic-Bold.woff) format('woff'),
	url(/ccp_css/fonts/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
	font-family:'Nanum Gothic';
	font-weight:800;
	font-style:normal;
	src:url(/ccp_css/fonts/NanumGothic-ExtraBold.eot);
	src:local('※'),
	url(/ccp_css/fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
	url(/ccp_css/fonts/NanumGothic-ExtraBold.woff) format('woff'),
	url(/ccp_css/fonts/NanumGothic-ExtraBold.ttf) format('truetype');
}


/* ******************************************************************************************************

	Default Class

****************************************************************************************************** */


html {
	overflow-y: auto;
}
body {
	padding: 40px 24px 0;
}
.nolayout-wrapper {
	margin-bottom: 42px;
}

@media (max-width: 1024px) {
	body {padding: 15px 15px 0;}
}

.fl{float:left;}
.fr{float:right;}
.clear:after{
	content:'';
	display:block;
	clear:both;
}
/*
.PIE{
	behavior:url(/js/lib/polyfill/PIE.htc);
}
*/
.Hardware-Acceleration{
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);

	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;

	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000;
}
.overlay{
	position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 99;
    opacity: 0;
    background: rgba(0,0,0,0.4);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
html.ie8 .overlay{background: #000;opacity: .5;}

@media screen and (max-width:768px){
	select {width:100%;}
}
hr.unset,.seedbbsContentWrap hr,.webnote_container hr{overflow: visible;position: static;top: 0;left: 0;width: 100%;height: auto;font-size: inherit;line-height: inherit;text-indent: 0;}table[width="1%"]{width:1%;}table[width="2%"]{width:2%;}table[width="3%"]{width:3%;}table[width="4%"]{width:4%;}table[width="5%"]{width:5%;}table[width="6%"]{width:6%;}table[width="7%"]{width:7%;}table[width="8%"]{width:8%;}table[width="9%"]{width:9%;}table[width="10%"]{width:10%;}table[width="11%"]{width:11%;}table[width="12%"]{width:12%;}table[width="13%"]{width:13%;}table[width="14%"]{width:14%;}table[width="15%"]{width:15%;}table[width="16%"]{width:16%;}table[width="17%"]{width:17%;}table[width="18%"]{width:18%;}table[width="19%"]{width:19%;}table[width="20%"]{width:20%;}table[width="21%"]{width:21%;}table[width="22%"]{width:22%;}table[width="23%"]{width:23%;}table[width="24%"]{width:24%;}table[width="25%"]{width:25%;}table[width="26%"]{width:26%;}table[width="27%"]{width:27%;}table[width="28%"]{width:28%;}table[width="29%"]{width:29%;}table[width="30%"]{width:30%;}table[width="31%"]{width:31%;}table[width="32%"]{width:32%;}table[width="33%"]{width:33%;}table[width="34%"]{width:34%;}table[width="35%"]{width:35%;}table[width="36%"]{width:36%;}table[width="37%"]{width:37%;}table[width="38%"]{width:38%;}table[width="39%"]{width:39%;}table[width="40%"]{width:40%;}table[width="41%"]{width:41%;}table[width="42%"]{width:42%;}table[width="43%"]{width:43%;}table[width="44%"]{width:44%;}table[width="45%"]{width:45%;}table[width="46%"]{width:46%;}table[width="47%"]{width:47%;}table[width="48%"]{width:48%;}table[width="49%"]{width:49%;}table[width="50%"]{width:50%;}table[width="51%"]{width:51%;}table[width="52%"]{width:52%;}table[width="53%"]{width:53%;}table[width="54%"]{width:54%;}table[width="55%"]{width:55%;}table[width="56%"]{width:56%;}table[width="57%"]{width:57%;}table[width="58%"]{width:58%;}table[width="59%"]{width:59%;}table[width="60%"]{width:60%;}table[width="61%"]{width:61%;}table[width="62%"]{width:62%;}table[width="63%"]{width:63%;}table[width="64%"]{width:64%;}table[width="65%"]{width:65%;}table[width="66%"]{width:66%;}table[width="67%"]{width:67%;}table[width="68%"]{width:68%;}table[width="69%"]{width:69%;}table[width="70%"]{width:70%;}table[width="71%"]{width:71%;}table[width="72%"]{width:72%;}table[width="73%"]{width:73%;}table[width="74%"]{width:74%;}table[width="75%"]{width:75%;}table[width="76%"]{width:76%;}table[width="77%"]{width:77%;}table[width="78%"]{width:78%;}table[width="79%"]{width:79%;}table[width="80%"]{width:80%;}table[width="81%"]{width:81%;}table[width="82%"]{width:82%;}table[width="83%"]{width:83%;}table[width="84%"]{width:84%;}table[width="85%"]{width:85%;}table[width="86%"]{width:86%;}table[width="87%"]{width:87%;}table[width="88%"]{width:88%;}table[width="89%"]{width:89%;}table[width="90%"]{width:90%;}table[width="91%"]{width:91%;}table[width="92%"]{width:92%;}table[width="93%"]{width:93%;}table[width="94%"]{width:94%;}table[width="95%"]{width:95%;}table[width="96%"]{width:96%;}table[width="97%"]{width:97%;}table[width="98%"]{width:98%;}table[width="99%"]{width:99%;}table[width="100%"]{width:100%;}

/* 테이블 css 정리 */
/* 
	테이블 반응형 css
	tablet 감추기 .item-tablet-hidden
	mobile 감추기 .item-mobile-hidden
	
 */

/* 기능 상태- 사용,중지,삭제  */
.table-layout table tbody .skin-default,
.table-layout table tbody .skin-default span,
.table-layout table tbody .skin-default a{color:#676fb2;}
.table-layout table tbody .state-delete,
.table-layout table tbody .state-delete span,
.table-layout table tbody .state-delete a{color:#c32500;}
.table-layout table tbody .state-stop,
.table-layout table tbody .state-stop span
.table-layout table tbody .state-stop a{color:#676fb2;}


.table-layout table tbody td .red {color:#c32500;}


/*
	.item-box 안 인풋박스 스타일 정리
	input의 width defalut 값 width:100%
	 

*/
/* pc에서 width %로 고정/ tablet , mobile 에서 width:100% */
.item-box input.width50, .item-box select.width50 {width:50%;}
.item-box input.width40, .item-box select.width40 {width:40%;}
.item-box input.width30, .item-box select.width30 {width:30%;}

.item-box input[type="text"].width50, .item-box select.width50 {width:50%;}
.item-box input[type="text"].width40, .item-box select.width40 {width:40%;}
.item-box input[type="text"].width30, .item-box select.width30 {width:30%;}

.item-box input[type="password"].width50, .item-box select.width50 {width:50%;}
.item-box input[type="password"].width40, .item-box select.width40 {width:40%;}
.item-box input[type="password"].width30, .item-box select.width30 {width:30%;}

.item-box input[type="file"]{display: block;overflow: hidden;position: absolute;width: 1px;height: 1px;font-size: 0;line-height: 0px;text-indent: -9999em;}
.item-box input[type="file"] + label{position: relative;display:inline-block;;background:#676fb2;height:30px;line-height:30px !important;color:#fff;border-radius:3px;
padding:0 7px 0 35px;vertical-align:middle;overflow:hidden;}
.item-box input[type="file"] + label:before{content:'';position:absolute;left:0;top:0;display:block;width:30px;height:100%;vertical-align: middle;
background:url(/ccp_img/file_up_big.png) no-repeat 50% 50% #474B7B;background-size:19px 16px;}

html.ie8 .item-box input[type="file"] + label:before{background:url(/ccp_img/file_up_small.png) no-repeat 50% 50% #474B7B;}


/* pc, tablet, mobile 모두 px로 고정 css */
.item-box input.width50px {width:50px !important;}
.item-box input.width60px {width:60px !important;}
.item-box input.width70px {width:70px !important;}
.item-box input.width80px {width:80px !important;}
.item-box input.width90px {width:90px !important;}
.item-box input.width100px {width:100px !important;}

/* pc에서 width:200px 고정, tablet, mobile 에서 width:100% */
.item-box select.pc-width200px {width:200px;}

/* 필수 입력 */
.bbs-view-item .item-box input.essential {background:url(/ccp_img/bg_essential.png) 0 0 no-repeat;}

.bbs-view-item.webnote-area{padding:0;}
.bbs-view-item.webnote-area .item-box{padding:0;}

/* 
	input[type="checkbox"] class="checkbox width-none" 
	input[type="radio"] class="radio"
	
	checked 됐을때 class="checked" 추가
	
 */
.checkbox {position:absolute;z-index:-1;width:0;height:0;opacity:0;line-height:0;}
.checkbox + label {display:inline-block;width:18px;height:18px;background:url(/ccp_img/checkbox-checked-none-big.png) no-repeat 0 0;background-size:100%;}
.checkbox.checked + label {background:url(/ccp_img/checkbox-checked-big.png) no-repeat 0 0;background-size:100%;}
.checkbox.width-none + label {width:auto;padding:0 0 0 25px;background:url(/ccp_img/checkbox-checked-none-big.png) no-repeat 0 0;background-size:18px;}

.radio {position:absolute;z-index:-1;width:0;height:0;opacity:0;line-height:0;}
.radio + label {display:inline-block;width:auto;padding:3px 0 4px 25px;margin:3px 5px 3px 0;background:url(/ccp_img/radio-checked-none-big.png) no-repeat 0 0;background-size:20px;}
.radio.checked + label {background:url(/ccp_img/radio-checked-big.png) no-repeat 0 0;background-size:20px;}



/* ******************************************************************************************************

  대시보드, 서브 컨텐츠

****************************************************************************************************** */
.page-content-inner{position:relative;}



/* ******************************************************************************************************

  pjax tab

****************************************************************************************************** */
.pjax-tab-menu-wrap{opacity:1;visibility:visible;position:relative;height:35px;}
.pjax-tab-menu-wrap > button{position: absolute;right:0;top:0;margin-top:8px;}
.pjax-tab-menu-wrap > button.visible{display:block;}
.pjax-tab-menu-wrap .whole-tabs.setting-list{position: absolute;right:30px;top:0;left:auto;width:200px;border-radius:0 0 3px 3px;}
.pjax-tab-menu-wrap .whole-tabs.setting-list li{list-style:none;}
.pjax-tab-menu-wrap .whole-tabs.setting-list > ul > li > a{position: relative;}
.pjax-tab-menu-wrap .whole-tabs.setting-list > ul > li > a .closeTab{display:none;position: absolute;left:82%;top:50%;width:25px;height:25px;
  margin-top:-11px;}
.pjax-tab-menu-wrap .whole-tabs.setting-list > ul > li > a .closeTab img{width:10px;height:10px;}
.pjax-tab-menu-wrap .whole-tabs.setting-list > ul > li > a .closeTab{display:none;}
.pjax-tab-menu-wrap .whole-tabs.setting-list > ul > li > a:hover .closeTab{display:block;}


.pjax-tab-menu-wrap .whole-tabs.setting-list .close > button{color:#DCDCDC;background:#616161;padding:9px 5px;}
.pjax-tab-menu-wrap .whole-tabs.setting-list .close > button > span{font-size:19px;}
.pjax-tab-menu-wrap .whole-tabs.setting-list li:hover > a{background-color:#E1E3F5;color: #1E232D;}
.pjax-tab-menu-wrap .whole-tabs.setting-list li > a.on{background:url(/ccp_img/icon-tabmenu-chk.png) no-repeat 13px 11px #E1E3F5;}
html.ie8 .pjax-tab-menu-wrap .whole-tabs.setting-list li.current-tab > a.check{background:url(/ccp_img/all_tab_small.png) no-repeat 13px 11px;}
.pjax-tab-menu{margin-right:20px;}
.pjax-tab-menu li{list-style:none;}
.pjax-tab-menu > li{float:left;width:170px;border: 1px solid #dcdcdc;border-top:0;border-radius:0 0 4px 4px;overflow:hidden;margin-left:-1px;}
.pjax-tab-menu > li > a{position:relative;display:block;width:100%;height:100%;padding:10px 0 10px 10.8%;background-color:#f8f8f8;background-size:10px 10px;color:#404040;}
.pjax-tab-menu > li > a > span{display:block;width:70%;line-height:14px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pjax-tab-menu > li > a > button.closeTab{position: absolute;left:85%;top:50%;margin-top:-10px;}
.pjax-tab-menu > li > a > button.closeTab > img{width:10px;height:10px;}
.pjax-tab-menu > li > a.on{position: relative;z-index:10;background-color:#BCD1FF;color:#1E232D;}
.waveEffect{position: absolute;z-index: 1;display: block;width: 20px;height: 20px;margin-top: -10px;margin-left: -10px; border-radius: 50%;opacity: 1;background-color: rgba(255, 255, 255, 0.2);-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transition: all 1.2s ease-out;transition: all 1.2s ease-out;}

/* ******************************************************************************************************

  대시보드 레이아웃

****************************************************************************************************** */
.panel-row{margin-bottom:20px;}
.panel-row:after{content:'';display:block;clear:both;}
.panel-row:last-child{margin-bottom:0;}
.panel-row > .col{width:100%;}
.panel-row > .col-s{width:32.53%;}
.panel-row > .col-xr{width:66.26%;}
.panel-row > .panel{float:left;height: 305px;padding: 25px 25px 0 25px;border: 1px solid #e0e0e0;border-radius:3px;background:#fff;margin-right:1.2%;}
@media screen and (max-width:768px){
	.panel-row > .panel{padding: 30px 15px 10px 15px;min-height:305px;height:auto}
	
}
.panel-row > .panel li{list-style:none;}
.panel-row > .panel:last-child{margin-right:0;}
.panel-row > .panel .panel-header{position: relative;margin-bottom: 20px;}
.panel-row > .panel .panel-header:after{content:'';display:block;clear:both;}
.panel-row > .panel .panel-header h3{float:left;font-size:16px;font-weight:700;color:#000;/* vertical-align: bottom; */}
.panel-row > .panel .panel-header h3 > small{display:inline-block;/* vertical-align: middle; */line-height: 15px;}
.panel-header > .unit {display:block;float:right;position:relative;top:2px}
.panel .panel-header > a{display:block;float:right;position:relative;top:2px}
.panel .panel-header > button{float:right;position:relative;text-indent:-999em;border-radius: 50%;width: 32px;height: 32px;margin-top: -8px;margin-right: -10px;}
.panel .panel-header > button:hover{background-color: rgba(153, 153, 153, 0.2);}
.panel .panel-header > button:active{background-color: rgba(153, 153, 153, 0.5);}
.panel .panel-header > button span,
.panel .panel-header > button:before,
.panel .panel-header > button:after{content:'';position:absolute;top:50%;left:50%;margin-top:-2px;margin-left:-2px;width:4px;height:4px;background:#757575;border-radius:50%}
.panel .panel-header > button:before{margin-top:-8px}
.panel .panel-header > button:after{margin-top: 4px;}
/* 대시보드 컨텐츠 */
.dashboard-data-list > li{margin-top: 7px;padding-top:7px;}
.dashboard-data-list > li:first-child{padding:0;margin:0;border:0;}
.dashboard-console {
	position:relative;
	width: 100%;
	height: 215px;
	overflow-y: auto;
	background-color: #2f3541;
	color:#fff;
	font-size: 15px;
	word-wrap:break-word;
	padding:10px;
	border-radius: 2px;
}
.log-cursor{
	display:block;
	width:1px;
	height:14px;
	margin:2px 0;
	background:#fff;
	visibility: hidden;
}

.log-title{
	position:relative;
	display:block;
	margin:5px 0;
	font-size:14px;
	margin:15px 0 5px 0;			
}
.log-title:first-of-type{
	margin-top:5px;
}
.row-wrap .row:first-child{
	margin-top:0;
}
.row-wrap .row{
	margin-top:3px;
	line-height:1.2;
	word-wrap: break-word;
	font-size:13px;
}
.dashboard-dropdown{
    display:none;
    position:absolute;
    min-width: 140px;
    top:17px;
    right:10px;
    background:#fff;
    border: 1px solid #e2e2e2;
    z-index:30;
    border-radius:3px;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
    box-shadow: 0 1px 5px rgba(0,0,0,0.1);
    max-height: 600px;
    overflow-y: auto;
    z-index: 1001;
    }
.dashboard-dropdown > ul > li{position:relative;padding:11px 10px;text-align: left;color: #787878;font-weight: 600;}
.dashboard-dropdown > ul > li .console-select-area button{width:100%;margin:0;}
.dashboard-dropdown > ul > li:first-child ~ li:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:1px;background:#e2e2e2;}
.dashboard-dropdown > ul > li > a{display:block;height:100%;color:#525252;font-weight:600}
.dashboard-dropdown > ul > li .menu-visible + span{display:inline-block;padding-left:5px;vertical-align: middle;text-transform: uppercase;}


.dashboard-data-list > li > div{position:relative;}
.dashboard-data-list > li > div.board{background: url(/ccp_img/dashboard_check_off_big.png) no-repeat 0 2px;background-size: 12px 13px;}
.dashboard-data-list > li:first-child > div.board{background-image:url(/ccp_img/dashboard_check_on_big.png);}
.dashboard-data-list > li:hover > div.board{background-image:url(/ccp_img/dashboard_check_on_big.png);}
html.ie8 .dashboard-data-list > li > div.board{position:relative;display:block;background:url(/ccp_img/dashboard_check_off_small.png) no-repeat 0 50%;}
html.ie8 .dashboard-data-list > li:hover > div.board{background-image:url(/ccp_img/dashboard_check_on_small.png);}
html.ie8 .dashboard-data-list > li:first-child > div.board{background-image:url(/ccp_img/dashboard_check_on_small.png);}

.dashboard-data-list > li > div.error{background: url(/ccp_img/dashboard_error_big.png) no-repeat 0 2px;background-size: 11px 11px;}
html.ie8 .dashboard-data-list > li > div.error{background:url(/ccp_img/dashboard_error_small.png) no-repeat 0 50%;}

.dashboard-data-list > li > div.member{background: url(/ccp_img/dashboard_member_big.png) no-repeat 0 0;background-size: 12px 12px;}
html.ie8 .dashboard-data-list > li > div.member{background:url(/ccp_img/dashboard_member_small.png) no-repeat 0 50%;}


.dashboard-data-list > li > div a:hover{text-decoration:underline}
.dashboard-data-list > li p{position:relative;vertical-align:middle;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;padding-left: 20px;line-height: 1.3;max-width: 74%;/* line-height:1; *//* margin:3px 0; */}
.dashboard-data-list > li p.date{position:absolute;right:0;top:0;font-size: 12px;}
.dashboard-data-list > li.no-data{text-align: center;margin: 100px 0;}

/* 대시보드 차트 스타일 */
.morris-hover{position:absolute;z-index:1000}
.morris-hover.morris-default-style{border-radius:3px;padding:10px;color:#666;background:rgb(51,51,51);background:rgba(51,51,51,0.8);font-family:sans-serif;font-size:12px;text-align:center}
.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0;color:#fff;text-align: left;}
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin: 0.3em 0;color:#fff !important;text-transform: uppercase;text-align: left;}
.panel-body{position:relative;}
.panel-body .chart{height: 200px;text-align:left;}
.panel-body text,
.panel-body tspan{font-size:13px !important;font-weight: 600;font-family:'Open Sans', 'Nanum Gothic','나눔고딕', NanumGothic, Arial, Helvetica, sans-serif;
letter-spacing:-1px;text-transform: uppercase;}
.chart-detail-list{text-align: center;margin: 5px 0;}
.chart-detail-list.ar{text-align:right}
.chart-detail-list > li{display:inline-block;margin: 5px;} 
.chart-detail-list > li > h5{font-size:13px;text-transform: uppercase;}
.chart-detail-list > li > h5 > i{display:inline-block;width: 12px;height: 12px;border-radius:50%;background:#000;vertical-align:middle;margin-right:5px;}


/* ******************************************************************************************************

  파일관리 페이지

****************************************************************************************************** */
.folder-list li{list-style:none;}
.file-name-list li{margin:5px 0;list-style:none;}
.file-name-list li:first-child{margin-top:10px}
.file-name-list li:last-child{margin-bottom:10px}
.file-name-list .file-name{
    /* color: #444344; */
    /* font-weight: 600; */
}
.file-name-list .file-delete{
    font-size: 22px;
    line-height: 0.7;
    padding-left: 5px;
}
.seedPop #textAreaCode{padding:30px 0}
@media screen and (min-width:640px){
	.file-add-list::-webkit-scrollbar{width:7px;}
	.file-add-list::-webkit-scrollbar{height:7px;}
	.file-add-list::-webkit-scrollbar-track,
	.file-add-list::-webkit-scrollbar-track{background:#F1F1F1;}
	.file-add-list::-webkit-scrollbar-thumb,
	.file-add-list::-webkit-scrollbar-thumb {background:#dadada;}
	/*
	.file-add-list::-webkit-scrollbar-thumb:window-inactive,
	.file-add-list::-webkit-scrollbar-thumb:window-inactive {background: rgba(255,0,0,0.4); }
	*/
	.folder-list::-webkit-scrollbar{width:7px;}
	.folder-list::-webkit-scrollbar{height:7px;}
	.folder-list::-webkit-scrollbar-track,
	.folder-list::-webkit-scrollbar-track{background:#F1F1F1;}
	.folder-list::-webkit-scrollbar-thumb,
	.folder-list::-webkit-scrollbar-thumb {background:#dadada;}
	/*
	.folder-list::-webkit-scrollbar-thumb:window-inactive,
	.folder-list::-webkit-scrollbar-thumb:window-inactive {background: rgba(255,0,0,0.4); }
	*/
	.file-list.table-layout table tbody::-webkit-scrollbar{width:7px;}
	.file-list.table-layout table tbody::-webkit-scrollbar{height:7px;}
	.file-list.table-layout table tbody::-webkit-scrollbar-track,
	.file-list.table-layout table tbody::-webkit-scrollbar-track{background:#F1F1F1;}
	.file-list.table-layout table tbody::-webkit-scrollbar-thumb,
	.file-list.table-layout table tbody::-webkit-scrollbar-thumb {background:#dadada;}
	/*
	.file-list.table-layout table tbody::-webkit-scrollbar-thumb:window-inactive,
	.file-list.table-layout table tbody::-webkit-scrollbar-thumb:window-inactive {background: rgba(255,0,0,0.4); }
	*/
}
.file-wrap{border:1px solid #dcdcdc;border-radius:3px;height:566px;background:#fff;overflow:hidden;}
.drag-target{z-index:103;outline:3px dashed rgba(255,255,255,.2);outline-offset:-15px;background:rgba(18,31,138,.2);}
.drag-target:after{content:'파일을 이곳에 드래그 & 드롭하여 업로드하세요.';position:absolute;top:50%;left:50%;
width:520px;height:150px;border-radius:3px;background:#fff;text-align:center;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
color:#909090;font-weight:400;font-size:18px;line-height:150px;}
.drag-target.is-dragover{opacity:1;visibility:visible;}
.file-category{position:relative;float:left;width:28.60%;height:100%;background:#fff;border-right:1px solid #dcdcdc}
.file-find{height:46px;border-bottom:1px solid #dcdcdc;background: rgba(250,250,250,1);
background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(100%, rgba(233,233,233,1)));
background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%);
background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%);
background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%);
background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%);}
html.ie8 .file-find{background:#f0f0f0;}

.file-find form{height:100%;}
.file-find form label{display:inline-block;width:100%;height:100%;font-size:13px;font-weight:700;color:#4d4d4d;}
.file-find form label:before{content:'';display:inline-block;width:46px;height:100%;vertical-align: middle;margin-right:10px;
background:url(/ccp_img/file_up_big.png) no-repeat 50% 50% #696f7c;background-size:19px 16px;}
html.ie8 .file-find form label:before{background:url(/ccp_img/file_up_small.png) no-repeat 50% 50% #696f7c;}
.file-add-list{position:relative;display:none;padding:20px 0 20px 28px;height:93px;overflow-y:auto;border-bottom:1px solid #dcdcdc}
.file-add-list .file-submit{position:absolute;top:10px;right:10px;z-index:10}
.file-add-list.show{display:block;}
.file-add-list > ul > li:first-child{margin-top:0}
.file-add-list > ul > li{margin-top:8px;color:#545454}
.file-add-list > ul > li > button{font-size:0;vertical-align:middle;margin-right:9px}
.folder-list{padding:20px 30px;overflow-y:auto;height:468px}
.file-add-list.show + .folder-list{height:375px;}
.folder-list > ul > li > a{display:block;color:#545454;height:13px;margin-bottom:14px;}
.folder-list > ul > li strong{padding-left:9px}
.folder-list .folder > li > a.dirDels{padding-left:3px;}
.folder-list .dirDels img{vertical-align:middle;}
.folder-list .folder > li{padding-left:17px;height:13px;margin-bottom:14px;white-space: nowrap;}
.folder-list .folder > li:last-child{margin-bottom:0;}
.folder-list .folder > li > a{color:#545454;padding-left:9px}
.folder-add{position: absolute;bottom:0;left:0;width:100%;padding:8px 4.5% 9px 4.5%;border-top:1px solid #dcdcdc;height:50px;}
.folder-add input.essential{width:49%;max-width:210px;text-indent:10px;background: url(/ccp_img/bg_essential.png) 0 0 no-repeat;}
.folder-add button{display: inline-block;min-height: 28px;margin-left: 5px;padding: 7px 3%;background: #8e8e8e;color: #fff;text-align: center;border-radius: 3px;vertical-align: middle;}
.MultiFile-wrap{position:absolutel;top:-1000px;overflow:hidden;left:0;width:0;height:0;line-height:0;color:transparent;}
.MultiFile-remove img{vertical-align:middle}
.file-list{float:left;width:71.39%;height:100%;}
.file-list.table-layout .tbodyScroll-outer{width:100%}
.file-list.table-layout .file-locat{position:absolute;bottom:0;left:0;width:100%;height:50px;padding-top:17px;padding-left:20px;border-top:1px solid #dcdcdc;
color:#5f5f5f;background:#fff;}
.file-list.table-layout table tbody{display:none;padding:10px 0;position:absolute;top:46px;left:0;height:469px;overflow-y:auto}
.file-list.table-layout table tbody tr{border-top:0;}
.file-list.table-layout table tbody tr:last-child{border-bottom:0;}
.file-list.table-layout{border:0;border-radius:0;}
.file-list.table-layout th{font-size:14px;font-weight:700;color:#444;height:45px;border-bottom:1px solid #dcdcdc;}
.file-list.table-layout .subj{text-align:left;padding-left:5%}
.file-list.table-layout table tbody tr:hover{background:#fff;border:0;}
.file-list.table-layout table tbody tr:hover + tr{border:0;}
.file-list.table-layout table tbody tr:last-child:hover{border:0;}
.file-list.table-layout table tbody tr:hover td:after{display:none;}
.file-list.table-layout table tbody td{color:#333;height:32px;}
.file-list.table-layout table tbody td > a > img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}
.file-message{position:fixed;bottom:24px;right:24px;box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);border-radius:3px;width:362px;opacity:0;visibility:hidden;background:#fff;
    -webkit-transform: translate3d(0,24px,0);-moz-transform: translate3d(0,24px,0);-ms-transform: translate3d(0,24px,0);transform: translate3d(0,24px,0);
    -webkit-transition: transform .15s cubic-bezier(0.4,0.0,1,1),opacity .15s cubic-bezier(0.4,0.0,1,1),visibility 0ms linear .15s;
    transition: transform .15s cubic-bezier(0.4,0.0,1,1),opacity .15s cubic-bezier(0.4,0.0,1,1),visibility 0ms linear .15s;	}
.file-message.show{opacity:1;visibility:visible; -webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.file-message .message-header{position:relative;padding:15px 10px;background:#323232;color:#fefefe;font-size:13px;}
.file-message .message-header strong{position:relative;z-index:2;}
.file-message .message-header button{position:absolute;top:10px;right:10px;z-index:2;font-size:22px;color:#fff;}
.file-message .message-body ul{max-height:400px;overflow-y:auto}
.file-message .message-body li{padding:15px 18px;border-bottom:1px solid #eeeeee;overflow:hidden;}
.file-message .message-body li span:first-child{float:left;display:block;width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#222}
.file-message .message-body li span:last-child{float:right;color:#222}
.message-progress{position:absolute;width:0;height:100%;background:#676fb2;left:0;top:0;}
.MultiFile-label{margin-bottom:10px;}
.file-add-list .MultiFile-label:last-child{margin-bottom:0;}



.login-page {position:relative;height:100%;}
.login-area {min-height:488px;}
.login-area {position:relative;width: 90%;height:93.93%;max-width:425px;margin:0 auto;text-align:center;}

.login-wrap{position:absolute;left:50%;top:50%;width:100%;margin-left:-50%;margin-top: -43%;}

.login-title {margin-bottom: 20px;height: 209px;}
.login-title h1 {margin-bottom:23px;height: 168px;}
.approval .login-title h1{margin-bottom:5px;}
html.ie8 .approval .login-title h1{margin-bottom:15px}
.approval .login-title{height:191px;}
.login-title p {color:#575858;font-weight:bold;line-height:1.4;}

html.ie8 .login-title p span {display:block;line-height:1.4;}
.login-form-wrap {width: 90%;margin: 0 auto;}
.login-form-wrap .input-outline {position:relative;margin-bottom: 8px;border-bottom: 1px solid #e0e0e0;border-radius:3px;background:#fff;text-align: left;}

.login-form-wrap label {display:none;position:absolute;left: 10px;top: 50%;margin-top: -7px;font-size: 14px;color:#929292;letter-spacing: -1px;}
html.ie9 .login-form-wrap label,
html.ie8 .login-form-wrap label{display:block;}
.login-form-wrap .input-outline input[type="text"], .login-form-wrap .input-outline input[type="password"] {display:block;width:100%;/* min-height:auto; *//* height:25px; */border:none;color:#606060;font-size:14px;/* line-height:24px; */padding: 7px 10px;height: 42px;}
.login-form-wrap .btn-area {padding-top:20px}
.login-btn-area{margin-top: 20px;width: 90%;margin: 20px auto 0 auto;}
.login-btn-area .btn-login:first-child{margin-right:3px;}

.btn-login {padding: 12px 0px;border:1px solid #2f3541;border-radius:3px;background:#404a5e;color:#fff;font-size:15px;width: 130px;}
a.btn-login {display:inline-block;line-height:1;}

.login-page footer {height:30px;}

html.ie8 .login-title h1 {display:inline-block;width:186px;height:152px;background:url(/ccp_img/seed_ver3_logo.png) center center}
html.ie8 .login-title h1.h1-title-color-img {background:none;}
html.ie8 .login-title h1 svg {display:none;}
.login-title .seed-logo-area {width:189.75px;height:164.5px;display: none;margin: 0 auto;}
html.ie .login-title .seed-logo-area{display:block;}
.seed-logo-area .seed-logo {stroke-dasharray: 187;stroke-width: 1;stroke: #c8c8c8;stroke-dashoffset: 191;-webkit-animation: logoAni 3s linear forwards;-moz-animation: logoAni 3s linear forwards;-ms-animation: logoAni 3s linear forwards;animation: logoAni 3s linear forwards;}
.seed-logo-area .seed-logo-ver3 {-webkit-animation: logoSeedAni 3.3s linear forwards;-moz-animation: logoSeedAni 3.3s linear forwards;-ms-animation: logoSeedAni 3.3s linear forwards;animation: logoSeedAni 3.3s linear forwards}

.login-site-list {width: 90%;position:relative;z-index:10;margin: 0 auto;}
.login-site-list.active {overflow:visible;}
.login-site-list .btn-site-list {position:relative;z-index:1;width:100%;padding: 14px 16px;border:1px solid #e0e0e0;border-radius:3px;background:url(/ccp_img/arrow-down-balck-big.png) #fff 96% center no-repeat;background-size:14px;color:#919191;font-size:16px;text-align:left;outline:none;line-height:1}
html.ie8 .login-site-list .btn-site-list {background:url(/ccp_img/arrow-down-balck-small.png) #fff 96% center no-repeat;}

.login-site-list .site-list-area {display:none;position:absolute;left:0;top:44px;width:100%;max-height:160px;padding:15px 10px;background:#fff;border-radius:3px;border:1px solid #e0e0e0;}
.site-list-area li {text-align:left;line-height:1;list-style:none;}
.site-list-area li a {display:block;padding-left:10px;color:#3f3f3f;line-height:2;transition:background .3s}
.site-list-area li a:hover {background:#efefef}
.site-list-area .mCSB_scrollTools {width:4px;}
/*
@-webkit-keyframes logoAni {
  0% {
    fill: transparent;
    stroke:  #575858;
  }
  80% {
    fill: transparent;
  }
  90% {
    stroke-width: 1;
  }
  100% {
    fill: #c8c8c8;
    stroke: #575858;
    stroke-dashoffset: 0;
    stroke-width: 0;
  }
}

@-ms-keyframes logoAni {
  0% {
    fill: transparent;
    stroke:  #575858;
  }
  80% {
    fill: transparent;
  }
  90% {
    stroke-width: 1;
  }
  100% {
    fill: #c8c8c8;
    stroke: #575858;
    stroke-dashoffset: 0;
    stroke-width: 0;
  }
}
@-moz-keyframes logoAni {
  0% {
    fill: transparent;
    stroke:  #575858;
  }
  80% {
    fill: transparent;
  }
  90% {
    stroke-width: 1;
  }
  100% {
    fill: #c8c8c8;
    stroke: #575858;
    stroke-dashoffset: 0;
    stroke-width: 0;
  }
}


@keyframes logoAni {
  0% {
    fill: transparent;
    stroke:  #575858;
  }
  80% {
    fill: transparent;
  }
  90% {
    stroke-width: 1;
  }
  100% {
    fill: #c8c8c8;
    stroke: #575858;
    stroke-dashoffset: 0;
    stroke-width: 0;
  }
}

@-webkit-keyframes logoSeedAni {
  0% {
  fill-opacity: 0;

  }
  90% {
  fill-opacity: 0;
  }
  100% {
    fill-opacity: 1;
  }
}

@-moz-keyframes logoSeedAni {
  0% {
  fill-opacity: 0;

  }
  90% {
  fill-opacity: 0;
  }
  100% {
    fill-opacity: 1;
  }
}
@-ms-keyframes logoSeedAni {
  0% {
    fill-opacity: 0;

  }
  90% {
  fill-opacity: 0;
  }
  100% {
    fill-opacity: 1;
  }
}

@keyframes logoSeedAni {
  0% {
    fill-opacity: 0;

  }
  90% {
  fill-opacity: 0;
  }
  100% {
    fill-opacity: 1;
  }
}
*/
/* ******************************************************************************************************

  알림 페이지

****************************************************************************************************** */

.alert-area {width:100%;height:100%;padding:27px 6.12%;-webkit-box-shadow:0px 5px 13px #d3d3d3;-moz-box-shadow:0px 5px 13px #d3d3d3;-ms-box-shadow:0px 5px 13px #d3d3d3;box-shadow:0px 5px 13px #d3d3d3;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;background:url(/ccp_img/seed_ver3_logo-color.png) 8% center no-repeat #fff;background-size:20%;}
html.ie8 .alert-area {background:url(/ccp_img/seed_ver3_logo-color-small.png) 8% center no-repeat #fff;}
.alert-area h1 {float:left;width:23%;height:10px;text-indent:-999em;}
.alert-area .alert-content {float:left;width: 77%;display:table;height:75px;/* margin-left:10.75%; */text-align:center;font-weight:bold;color:#434343;word-break:break-all;padding: 0 5%;}
.alert-area .alert-content span {display:table-cell;width:100%;line-height:1.5;vertical-align:middle;text-align: center;}


/* 서브페이지 타이틀*/
.page-title-inner{float:left;}
.page-title-wrap{position:relative;margin-bottom:10px;}
.page-title-wrap h3 {float:none;line-height: 28px;margin-right: 5px;}
.page-title-wrap .sch-content-wrap {float:right}

.page-refresh{position:absolute;top:0;right:0;text-align:right;padding:10px 5px;z-index:20}
.page-refresh.static{position:relative;}
.fileAttached{float:left;line-height: 30px;}

@media (max-width:768px){
	.page-refresh{
		position:absolute !important;
		top:8px;
		margin:0 5px;
	}
}
/* 툴팁 */
.tooltipBox {position:relative;float: right;line-height: 28px;}


.tooltipBox .tooltipText {display:none;position:absolute;z-index:-1;top:35px;left:-10px;width:300px;background:#2f3541;padding:10px 15px;color:#fff;border-radius:3px;}
.tooltipBox .tooltipText.active {display:block;z-index:400}
.tooltipBox.type01 .tooltipText {/* left:30px; */}
.tooltipBox .tooltipText:after{
    content: '';
    display: block;
    position: absolute;
    top: -6px;    
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5.5px 6px 5.5px;
    border-color: transparent transparent #000 transparent;
}    

.tooltipBox .tooltipText p {line-height:1.3}

.file-info,
.page-tip {text-indent:-999em;width:21px;height: 21px;background: url(/ccp_img/icon-page-tip.png) no-repeat 0 0;background-size: 21px 21px;vertical-align: middle;cursor:pointer;
	display:none;
}

.file-info{display:inline-block;margin-left:5px;}
.file-info-txt{position:absolute;top:0;padding:3px;background:#2f3541;color:#fff;border-radius:3px;}
.file-info-txt:after{content:'';width: 0;height: 0;border-style: solid;border-width: 5px 3.5px 0 3.5px;border-color: #2f3541 transparent transparent transparent;
position: absolute;left:50%;bottom:-5px;margin-left:-2.5px;}


html.ie8 .page-tip{background:url(/ccp_img/ie8-icon-page-tip.png) no-repeat 0 0;}


/* 서브페이지 검색 */
.sch-content-wrap {text-align:right;}
.sch-content-wrap .sch-select {float:left;margin-right:5px;border:1px solid #dcdcdc;border-radius:3px;}
.sch-content-wrap .sch-text {float:left;width:258px;min-width:140px;margin-right:5px;padding:0 10px;box-sizing: border-box;}
.sch-content-wrap .btn-page-sch {float:left;padding:6px 20px;border-radius:3px;background:#616161;color:#fff;text-align:center;}

/* 데이터 이동 */
.change-state-area {padding:30px 30px;background: #fff;}
.change-state-area label {display:inline-block;margin-right:16px;line-height:28px;}
.change-state-area .btn-change-state {padding:6px 20px;border-radius:3px;background:#8e8e8e;color:#fff;}
.change-list {width:16.51%;min-width:150px;}


/* ******************************************************************************************************

  테이블, 폼 기본 스타일

****************************************************************************************************** */

.form-wrap {position:relative;background:#fff;border:1px solid #dcdcdc;border-radius:3px;}

/* 테이블 리스트 스타일 */
.columm-box + .table-layout{border-top:1px solid #dcdcdc !important;}
.table-layout{position:relative;border:1px solid #dcdcdc;border-radius:3px;}
.table-layout.table-fixed{overflow-x:scroll;}
.table-layout.table-fixed table{/* table-layout: fixed; */}
.table-layout.table-fixed td,
.table-layout.table-fixed th{/* min-width:120px; */white-space:nowrap;}
.table-layout.br-none {border:none;}
.table-layout.scroll-x {overflow-x:auto;overflow-y:hidden;}
.table-layout.scroll-x table{table-layout:inherit;}
.table-layout.scroll-x table td,
.table-layout.scroll-x table th{white-space:nowrap;}

.table-layout.inner-br-none table tbody tr {border-top:none}
.table-layout table {table-layout:fixed;word-break:break-all;}
.table-layout table thead img{vertical-align:middle;} 

.table-layout colgroup col.title{width:40%}
.table-layout colgroup col.small_checkbox{width: 6.9%;}
.table-layout img{vertical-align: middle;max-width:100%;}
.table-layout.siteMenuList colgroup col:first-child{width:40%}

@media screen and (max-width:1024px){
	.table-layout colgroup col.checkbox{width:5.9%}	
}

/* ie10 테이블 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .table-layout table colgroup { display: table-row; }
  .table-layout table colgroup col { display: table-cell; }
}

.table-layout table.scroll-x th,
.table-layout table.scroll-x td{
	padding-left:10px !important;
	padding-right:10px !important;
	box-sizing:initial !important;
}
.table-layout table th, .table-layout table td{text-align:center;white-space: normal}
.table-layout table th{
	padding: 11px 8px 9px 8px;
	border-top:0;
	border-bottom:1px solid #cfcfcf;
	background: rgba(250,250,250,1);
	background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(100%, rgba(233,233,233,1)));
	background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%);
	background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%);
	background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%);
	background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%);
}
html.ie8 .table-layout table th {background:#F2F2F2;}
.table-layout table tbody tr {border-top:1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;background:#fff;}

@media screen and (min-width:1024px){
	.table-layout table tbody tr:hover {border-top:1px solid #f8f8f8;background:#f3f3f3;}
	.table-layout table tbody tr:hover + tr {border-top:1px solid #cbccce;}
	/* .table-layout table tbody tr:hover td:after {position:absolute;left:0;bottom:-11px;width:100%;height:10px;background:url(/ccp_img/background-table-tr.png) repeat-x 0 0;content:'';}	 */
	
	.table-layout.inner-br-none table tbody tr:hover,
	.table-layout.inner-br-none table tbody tr:hover + tr{border-top:none;}
	.table-layout.inner-br-none table tbody tr:hover td:after {background:none;}	
}

.table-layout table tbody tr:first-child {border-top:0;}
.table-layout table tbody tr:first-child:hover {border-top:0;}
.table-layout table tbody tr:last-child {border-bottom:1px solid #e8e8e8;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .table-layout table colgroup { display: table-row; }
  .table-layout table colgroup col { display: table-cell; }
}
.table-layout table tbody td {position:relative;vertical-align:middle;padding: 11px 8px 9px 8px;}
.table-layout table tbody td.al {text-align:left;padding-left:25px;}

.table-layout table tbody td > span,
.table-layout table tbody td > a {display:block;overflow: hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;max-width: 100%;width:95%;}
.table-layout table tbody td > a.dataDel {display:inline-block;height:auto;}

.table-layout table tbody td > a.level-change {display:inline-block;height:auto;}

.table-layout table tbody td.al a.hover-link {margin:0;}
.table-layout table tbody td > a > span{position:relative;}
html.ie .table-layout table tbody td > a > span{}


.table-layout table tbody td > a .comm-num{vertical-align: bottom;}
.table-layout table tbody td > a .comm-num + img{margin-left:3px;}

.table-layout table tbody tr:first-child.on {border-top:none;}
.table-layout table tbody tr:first-child.on:hover {border-top:none;}
.table-layout table tbody tr.on {background:#676fb2;border-top:1px solid #676fb2;color:#fff;}
.table-layout table tbody tr.on + tr{border-top:1px solid #cbccce;}
.table-layout table tbody tr.on + tr.on {border-top:1px solid #cbccce;}
.table-layout table tbody tr.on td .level-down,
.table-layout table tbody tr.on td.skin-default,
.table-layout table tbody tr.on td a {color:#fff;}
.table-layout table tbody tr.on td.state-delete a {color:#fecfc4;}
.table-layout table tbody tr.on td.state-stop {color:#ffe1b4;}
.table-layout table tbody tr.on td:after {position:absolute;left:0;bottom:-11px;width:100%;height:10px;background:url(/ccp_img/background-table-tr.png) repeat-x 0 0;content:'';}
.table-layout table tbody tr.on + tr.on td:after {background:none;}


html.ie8 .table-layout table tbody tr:first-child {border-top:none;}
html.ie8 .table-layout table tbody tr.on {background:#676fb2;}

.table-layout table tbody tr.active {background:#676fb2}
.table-layout table tbody tr.active td, .table-layout table tbody tr.active a {color:#fff}
.table-layout table tbody tr.active td a.hover-link:hover span:after {background:url(/ccp_img/hover-link-L.png) no-repeat center center;background-size:13px;}
.table-layout table tbody td.no-data-colspan{padding:14px 0;text-transform: uppercase;font-weight:700}
.table-layout table tbody td.no-data-colspan strong{text-transform: uppercase;}
.table-layout table tbody td a.hover-link:hover{text-decoration:none;}


@media screen and (min-width:1024px){
	
	.table-layout table tbody td a.hover-link:hover > span:after {position:absolute;width: 12px;height: 12px;right:-15px;bottom:2px;background:url(/ccp_img/hover-link-black-L.png) no-repeat 0 0;background-size: 12px;content:'';}

	.table-layout table tbody tr.on td a.hover-link:hover > span:after {background:url(/ccp_img/hover-link-L.png) no-repeat center center;background-size:13px;}
	.table-layout table tbody tr:last-child:hover {border-bottom:1px solid #cbccce;}
	
	html.ie8 .table-layout table tbody td a.hover-link:hover > span:after {background:url(/ccp_img/hover-link-black-S.png) no-repeat 0 0;position:absolute;right:-17px;bottom: 2px;width: 12px;height: 12px;content:'';}
	html.ie8 .table-layout table tbody tr.on td a.hover-link:hover > span:after {background:url(/ccp_img/hover-link-S.png) no-repeat 0 0}

}


.more-btn-box{display:none;position:relative;display:none;text-align:right;margin-bottom:10px;padding-right:5px;}
.more-table-item {width:15px;height:15px;background:url(/ccp_img/more-table-item.png) no-repeat center center;background-size:15px;text-indent:-999em;}
.colummListBox{position:absolute;top:20px;right:10px;z-index:12;background:#fff;padding:10px;box-shadow: 0 1px 5px rgba(0,0,0,0.3);border-radius:3px;text-align:left;}
.colummListBox li{padding:3px 0;list-style:none;}
@media screen and (max-width:1024px){
	.more-btn-box{display:none;}
}

.depth-1, .depth-2, .depth-3, .depth-4, .depth-5, .depth-6 {position:relative;}
.depth-1:after, .depth-2:after, .depth-3:after, .depth-4:after, .depth-5:after, .depth-6:after {position:absolute;top: 50%;width:12px;height:12px;margin-top: -5px;content:'';-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;}
.depth-1:after {left:0;background:#c92626;}
.depth-2:after {left:17px;background:#f09d1f;}
.depth-3:after {left:34px;background:#7dc242;}
.depth-4:after {left:51px;background:#116bb4;}
.depth-5:after {left:68px;background:#2d4485;}
.depth-6:after {left:85px;background:#7d397b;}
.depth-1{padding-left:17px !important}
.depth-2{padding-left:34px !important;}
.depth-3{padding-left:51px !important}
.depth-4{padding-left:68px !important}
.depth-5{padding-left:85px !important}
.depth-6{padding-left:102px !important}

.sub1, .sub2, .sub3, .sub4, .sub5, .sub6 {position:relative;}
.sub1:after, .sub2:after, .sub3:after, .sub4:after, .sub5:after, .sub6:after {position:absolute;top:50%;width:12px;height:12px;margin-top:-6px;content:'';-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;}
.sub1:after {left:0;background:#c92626;}
.sub2:after {left:17px;background:#f09d1f;}
.sub3:after {left:34px;background:#7dc242;}
.sub4:after {left:51px;background:#116bb4;}
.sub5:after {left:68px;background:#2d4485;}
.sub6:after {left:85px;background:#7d397b;}
.sub1 {padding-left:17px !important}
.sub2{padding-left:34px !important}
.sub3{padding-left:51px !important}
.sub4{padding-left:68px !important}
.sub5{padding-left:85px !important}
.sub6{padding-left:102px !important}

p.menu-visible {display:inline-block;width:55px;height:25px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;border-radius: 15px;vertical-align: middle;}
p.menu-visible.on {border:1px solid #18ac8c;background:#25ba9a;}
p.menu-visible.off {border:1px solid #c6c9ca;background:#bdc1c2 !important;}

p.menu-visible span,
p.menu-visible a {position:relative;display:block;height:100%;padding-top: 2px;color:#fff;cursor:pointer;}

p.menu-visible.on span,
p.menu-visible.on a {padding-right: 8px;text-align:right;}

p.menu-visible.off span,
p.menu-visible.off a{padding-left: 5px;text-align:left;}

p.menu-visible span:after,
p.menu-visible a:after {position:absolute;top:50%;width:19px;height:19px;margin-top:-9.5px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;background:#fff;content:'';}

p.menu-visible.on span:after,
p.menu-visible.on a:after{left:2px;}

p.menu-visible.off span:after,
p.menu-visible.off a:after{right:2px;}

.go-btn{width: 21px;height: 18.75px;display: inline-block;transform:translateX(-40px);transition:all .3s;opacity:0;}

.menu-barogagi span{transform: translateX(-11px);transition:all .3s;}
.menu-barogagi:hover .go-btn{transform:translateX(-10px);opacity: 1;}
.menu-barogagi:hover span{transform: translateX(0);}
@media screen and (min-width:1024px){
	p.menu-visible.on:hover {background:#119d7f}
	p.menu-visible.off:hover {background:#b1b2b3}
}

.bookmark-list-pc.menu-manage {position:fixed;right:30px;bottom:50px;float:right;margin-right:0;margin-top:0;z-index:100;}
.bookmark-list-pc.menu-manage ul {position:absolute;top:0;}


.bbs-view-layout {background:#fff;border-radius:3px;-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1);-ms-box-shadow: 0 1px 5px rgba(0,0,0,0.1);box-shadow: 0 1px 5px rgba(0,0,0,0.1);padding: 20px 0;/* padding-top: 20px; */}
.bbs-view-item {display:table;width:95%;margin:0 auto;/* padding:15px 0; */border-top:1px solid #ECECEC;min-height:50px;table-layout: fixed;}
.bbs-view-item.data-table-content{min-height:100px;padding:15px;}
.bbs-view-item.data-table-content p{margin:10px 0;}
.bbs-view-item .bbsFileList{margin:10px 0}
.bbs-view-item:after {content:'';clear:both;display:block;}
.bbs-view-item:first-child {border-top:0;}

.bbs-view-item .item-title {display:table-cell;width:25%;padding:15px 10px;vertical-align:middle;font-weight:bold;color:#444344;padding-left:0}
.bbs-view-item .item-box {display:table-cell;width:75%;padding:15px 0;color:#4b4e52;word-break: break-all;vertical-align: middle;}
.bbs-view-item .item-box.ellipsis a {max-height:18px;display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.bbs-view-item .item-box.width100 {width:100%;}
.bbs-view-item .item-box:after {content:'';clear:both;display:block;}
.bbs-view-item .item-box input.checkbox, .bbs-view-item input.radio {width:0;padding:0;}
.bbs-view-item .item-box .btn-sch-item {display:inline-block;margin-left:5px;padding:6px 20px;background:#8e8e8e;color:#fff;text-align:center;border-radius:3px;vertical-align: middle;}
.bbs-view-item .item-box input.essential {background:url(/ccp_img/bg_essential.png) 0 0 no-repeat;}
.bbs-view-item .item-box .row{margin:5px 0;}
.bbs-view-item .item-box .row.inline{display:inline-block;}
.bbs-view-item .item-box .row:last-child.inline{display:inline-block;margin:5px 0}
.bbs-view-item .item-box .row:last-child{margin:0;}
.bbs-view-item .item-box .skin-list-box {margin-top:5px;}
.skin-list-box {margin-left:20px;}
.bbs-view-item .item-box .spanIp4, .bbs-view-item .item-box .spanIp6 {display:inline-block;line-height:28px;}
.bbs-view-item .item-box textarea{min-height:300px;}
.bbs-view-item .item-box textarea ~ select{max-width:180px;margin-top:10px;margin-left:45px;}

.frm-comment{position: relative;}
.frm-comment .writeComment{width:100%;padding-right:90px;}
.frm-comment .writeComment textarea{min-height:63px;}
.frm-comment .btn-comment-area{position:absolute;right:0;top:0;width:80px;margin-top:0;height:63px;}
.frm-comment .btn-comment-area button{width:80px !important;height:100%;box-shadow:none;margin:0;padding:0;}
.readComment {background: #fff;margin-top:20px;border-top: 2px solid #5E66AB;-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
    box-shadow: 0 1px 5px rgba(0,0,0,0.1);}
.readComment li {border-top:1px solid #DADADA;margin:0 1%}
.readComment li:first-child {border-top:0;}
.readComment .user_write_date {background:#fff;height:40px;border-bottom:1px solid #eeeeee;line-height:40px;}
.readComment .user_write_date > p {float:left;line-height:40px;font-size: 12px;}
.readComment .user_write_date > p strong{line-height:40px;}
.readComment .user_write_date a.commentDel {margin-left:10px;}
.readComment .user_write_date strong {margin:0 10px;}
.readComment .user_write_date .date {font-size:11px;line-height:40px;}
.readComment .commentTxt {padding:25px;line-height: 1.4;}
.upFileHtml,
#upFileHtml{overflow-y:auto;height:92px;margin-top:10px;border:1px solid #dddddd;}
.upFileHtml li,
#upFileHtml li{position:relative;height:30px;border-top:1px dashed #dddddd;list-style:none;padding: 0 10px;line-height: 30px;}
.upFileHtml li:first-child,
#upFileHtml li:first-child{border-top: 0;}
.file-anchor-list span:first-child + a,
.file-anchor-list a:first-child + a{position: absolute;right: 10px;top: 0;font-size: 18px;color:#d73b3b}

.file-img-list{float:left;display: inline-block;margin-right: 5px}
.file-img-list img {width:17px !important;height:18px !important;}
.file-anchor-list {float:left;display: inline-block;width:-webkit-calc(100% - 22px);width:-moz-calc(100% - 22px);width:-ms-calc(100% - 22px);width:calc(100% - 22px);height:30px;}

.file-anchor-list span{text-overflow: ellipsis;white-space: nowrap;max-width: 100%;display: inline-block;overflow: hidden;padding-right: 10px;}
.upFileHtml a {text-overflow: ellipsis;white-space: nowrap;max-width: 100%;display: inline-block;overflow: hidden;}

@media screen and (max-width:1024px){
	.bbs-view-item .item-box textarea ~ select{margin-left:18px;}
}

.bbs-view-item#trSiteMenuContent{width:100%}

.item-box textarea {width:100%;vertical-align:middle}

.item-box input[type="file"]{padding:0;}
.item-box input[type="text"], .item-box input[type="password"] {width:100%;}

.checkbox {position:absolute;z-index:-1;width:0;height:0;opacity:0;line-height:0;}


html.ie8 .checkbox + label, html.ie8 .checkbox.width-none + label{background:url(/ccp_img/checkbox-small.png) no-repeat 0 0;}
html.ie8 .checkbox.checked + label, html.ie8 .checkbox.width-none.checked + label {background:url(/ccp_img/checkbox-checked-small.png) no-repeat;}



.checkbox.width-none.checked + label {background:url(/ccp_img/checkbox-checked-big.png) no-repeat 0 0;background-size:18px;}



html.ie8 input.checkbox[disabled] + label,
html.ie8 input.checkbox[disabled="disabled"] + label{background-image:url(/ccp_img/checkbox-disabled-small.png)}
input.checkbox:disabled + label,
input.checkbox[disabled],
input.checkbox[disabled="disabled"]{background-image:url(/ccp_img/checkbox-disabled-big.png)}



 
ul.checkbox.block li {margin-bottom:5px;} 

.radio {position:absolute;z-index:-1;width:0;height:0;opacity:0;line-height:0;}
.radio + label {display:inline-block;width:auto;padding:3px 0 4px 25px;margin:3px 5px 3px 0;background:url(/ccp_img/radio-checked-none-big.png) no-repeat 0 0;background-size:20px;}
.radio.checked + label {background:url(/ccp_img/radio-checked-big.png) no-repeat 0 0;background-size:20px;}

html.ie8 .radio + label {background:url(/ccp_img/radio-small.png) no-repeat 0 0;}
html.ie8 .radio.checked + label {background:url(/ccp_img/radio-checked-small.png) no-repeat;}

.seedPop #textAreaCode{text-align:center;} 
#textAreaCode {width:100% !important;}


.pagination-container{text-align:center;margin: 20px 0;}
.pagination-inner{display:inline-block;border:1px solid #e6e6e6;border-radius:3px;background:#fff;padding:3px 0;}
.pagination-inner .bx-wrapper{float:left;}
.pagination{float:left;height:32px;overflow:hidden;}
.pagination li{float:left;}
.pagination li a{display:block;width:28px;height:32px;line-height:32px;font-size:12px;font-weight:700;color:#000;border-radius:3px;}
.pagination li a.on{background:#676fb2;color:#fff;}
.pagination-control{float:left;height:32px; position:relative;}
.pagination-control.prev{margin-right:10px;}
.pagination-control.next{margin-left:10px;}
.pagination-control a{position:relative;float:left;display:block;width:42px;height:100%;text-indent:-999em;}
.pagination-control.prev a:after{content:'';position:absolute;top:50%;margin-top:-12px;right:0;width:1px;height:24px;background:#dce0df;}
.pagination-control.next a:after{content:'';position:absolute;top:50%;margin-top:-12px;left:0;width:1px;height:24px;background:#dce0df;}
.pagination-control.prev a.prev-btn{background:url(/ccp_img/pagination_big_prev.png) no-repeat 50% 50%;background-size:8px 14px}
.pagination-control.next a.next-btn{background:url(/ccp_img/pagination_big_next.png) no-repeat 50% 50%;background-size:8px 14px}
.pagination-control.prev a.first-btn{background:url(/ccp_img/pagination_big_first.png) no-repeat 50% 50%;background-size:14px 14px}
.pagination-control.next a.last-btn{background:url(/ccp_img/pagination_big_last.png) no-repeat 50% 50%;background-size:14px 14px}
.pagination-control .bx-prev{ position:absolute; top:0; right:0;}
.pagination-control .bx-next{ position:absolute; top:0; left:0;}
html.ie8 .pagination-control.prev a.prev-btn{background:url(/ccp_img/pagination_small_prev.png) no-repeat 50% 50%;}
html.ie8 .pagination-control.next a.next-btn{background:url(/ccp_img/pagination_small_next.png) no-repeat 50% 50%;}
html.ie8 .pagination-control.prev a.first-btn{background:url(/ccp_img/pagination_small_first.png) no-repeat 50% 50%;}
html.ie8 .pagination-control.next a.last-btn{background:url(/ccp_img/pagination_small_last.png) no-repeat 50% 50%;}

.seed-popup-wrap {width:95%;margin:0 auto;padding-top:2%}
.bbs-view-title {width:95%;padding:18px 0;margin:0 auto;border-bottom:2px solid #5E66AB;}
.bbs-view-title h1 {margin:0 10px;font-size:15px;}
.seed-popup-wrap .btn-area button{display:inline-block;width:140px;}
.seed-popup-wrap .btn-area a{display:inline-block;width:140px}

.temp-file-area {overflow:hidden;display:inline-block;position:relative;/* margin-left:5px; */}
.temp-file-area .temp-file-button {display:inline-block;padding: 5px 15px;text-align:center;background:#8e8e8e;color:#fff;border-radius:3px;}
.temp-file-area .temp-file-hideen {font-size:22px;position:absolute;right:0;top:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0;}


.blockUI.blockMsg.blockPage {/* padding:15px 30px 25px 30px; *//* margin-left:-147px; *//* margin-top:-75.5px; */}
.blockUI.blockMsg.blockPage .img-page-loding{display:block;/* width:100px; *//* height:75px; */margin:0 auto;margin-bottom:10px;}


.editor{height:560px;position: relative;}
.editor iframe{display:none;width:100%;height:540px;border:none;}
.CodeMirror pre{font-family:'Noto Sans KR', Open Sans !important;font-weight:400;tab-size:8;}
.CodeMirror-code div{height:20px;}
.CodeMirror-linenumber.CodeMirror-gutter-elt{color:#acacac;text-align:right;font-family:'Noto Sans KR', Open Sans !important;left:0;}
.CodeMirror-linenumbers{width:47px !important;}
.CodeMirror-vscrollbar::-webkit-scrollbar{width:7px;}
.CodeMirror-hscrollbar::-webkit-scrollbar{height:7px;}
.CodeMirror-vscrollbar::-webkit-scrollbar-track,
.CodeMirror-hscrollbar::-webkit-scrollbar-track{background:#F1F1F1;}
.CodeMirror-vscrollbar::-webkit-scrollbar-thumb,
.CodeMirror-hscrollbar::-webkit-scrollbar-thumb {background:#dadada;}
/*
.CodeMirror-vscrollbar::-webkit-scrollbar-thumb:window-inactive,
.CodeMirror-hscrollbar::-webkit-scrollbar-thumb:window-inactive {background: rgba(255,0,0,0.4); }
*/
.btn-area button.DSP-NONE{display:none;}
.layout-footer{padding:25px;background:#fff}
.layout-footer.skin-css{padding: 10px;padding-left: 0;}

html.ie .rolling{display:none}
.rolling {
  font-size: 10px;
  position: absolute;
  left:50%;top:50%;margin-left:-3em;margin-top:-3.5em;
  text-indent: -9999em;
  border-top: 0.2em solid rgba(103, 111, 178, 1);
  border-right: 0.2em solid rgba(103, 111, 178, 1);
  border-bottom: 0.2em solid rgba(103, 111, 178, 1);
  border-left: 0.2em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);  
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.rolling,
.rolling:after {
  border-radius: 50%;
  width:6em;
  height:6em;
}
.rolling:after{
  content:'';
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.pjax-loader-bar {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 40000;
	opacity: 0;
	-webkit-transition: opacity 0.4s linear 0.4s;
	transition: opacity 0.4s linear 0.4s;
}

.pjax-loader-bar.is-loading {
    opacity: 1;
    -webkit-transition: none;
    transition: none;
	bottom:0;
	right:0;
	cursor:progress;
}
.pjax-loader-bar .progress {
    position: fixed;
    top: 0;
    left: 0;
    z-index:40000;
    height: 3px;
    background: #bfd1fa;
    box-shadow: 0 0 10px rgba(188,209,255,0.8);
    -webkit-transition: width 0.4s ease;
    transition: width 0.4s ease;
}
/* ******************************************************************************************************

  new

****************************************************************************************************** */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}
.text-left{
  text-align:left;
}
.text-center{
  text-align:center;
}
.text-right{
  text-align:right;
}
.text-justify{
  text-align:justify;
}
.text-nowrap{
  white-space: nowrap;
}
.font-normal{
  font-weight: normal !important;
}
.pull-left {
  float: left !important;
}
.pull-right {
  float: right !important;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}
.list-unstyled{
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
.list-inline > li{
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #828282;
}
.ellipsis{
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;  
}
.row{
  display: block;
  margin: 15px 0;
}
.half-rule {
  width: 100px;
  margin: 40px auto;
  border: 0;
  border-top: 1px solid #ededed;  
}



html.ie8 .layout-content .layout-title .editor-full-btn{background: #4e5486 url(/ccp_img/ie8-editor-arr.png) center no-repeat;} 
/* ******************************************************************************************************

	레이아웃 속성 관리 전체화면 

****************************************************************************************************** */
.layout-content.siteLayOutSet{position:fixed;top:39px;right:0;bottom:0;left:0;z-index:20}
.layout-content.siteLayOutSet + .btn-area{position:fixed;width:100%;left:0;bottom:10px;z-index:25;margin-top:0;}
.layout-content.siteLayOutSet .editor,
.layout-content.siteLayOutSet .editor .iframe{height:auto;}

/* 레이아웃 속성 */
.tab-menu-wrap .tab-menu{margin-bottom:-1px;}
.tab-menu-wrap .tab-menu a{border-radius:0}
.tab-menu-wrap .tab-menu a.on,
.tab-menu-wrap .tab-menu a:hover{border-bottom-width:3px;}
.tab-menu-wrap .tab-menu:last-child{margin-bottom:0;}
.tab-menu-wrap .tab-menu:last-child a.on,
.tab-menu-wrap .tab-menu:last-child a:hover{border-bottom-width:2px;}
.tab-menu{position: relative;top: 1px;overflow:hidden;}
.tab-menu a{border: 1px solid #dcdcdc;font-size: 14px;color: #000;padding:0 10px;width:160px;min-width:80px;height: 41px;
border-radius:4px 4px 0 0 ;display: block;text-align: center;line-height: 41px;float: left;margin-right: 5px;
    background: rgba(250,250,250,1);
    background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(100%, rgba(233,233,233,1)));
    background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%);
    background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%);
    background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%);
    background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%);
	}
.tab-menu a:hover{background:#fff;color: #676fb2;border-bottom: 2px solid #676fb2;}
.tab-menu a.on{background:#fff;color: #676fb2;border-bottom: 2px solid #676fb2;}

.layout-content{background: #fff;border: 1px solid #dcdcdc;border-radius:0 0 4px 4px;clear: both;}
.layout-content .layout-title{height: 70px;border-bottom: 1px solid #dcdcdc;padding-left: 20px;}
.layout-content .layout-title .editor-util-btn{float: right;}
.layout-content .layout-title .editor-full-btn{width: 40px;height: 40px;text-indent: -9999em;border-radius: 2px;background: #4e5486 url(/ccp_img/editor-arr.png) center no-repeat;background-size:50%;float: left;margin-top: 15px;margin-right: 10px;}
.layout-content .layout-title > button{font-weight: 600;height: 100%;width: 70px;}
.layout-content .layout-title > button.on{color: #676fb2;}
.layout-content .layout-title > button > div{border: 1px solid #dcdcdc;width: 22px;height: 22px;margin: 0 auto;margin-bottom: 8px;border-radius: 2px}
.layout-content .layout-title > button > div span{display: block;}
.layout-content .layout-title > button > div span:nth-child(1){height: 6px;border-bottom: 1px solid #dcdcdc;}
.layout-content .layout-title > button > div span:nth-child(2){height: 10px;border-bottom: 1px solid #dcdcdc;}
.layout-content .layout-title > button > div span:nth-child(3){height: 4px;}
.layout-content .layout-title > button .active-span{background: #c9caca;}
.layout-content .layout-title > button.on .active-span{background: #676fb2;}
.layout-content .layout-title > .skin-tab > .skin-div{width: 40px;height: 40px;margin-bottom: 0;padding-top: 5px;line-height:1}
.layout-content .layout-title > .skin-tab > .skin-div > span{border-bottom: 0 none;height: auto;}
.layout-content .layout-title > .skin-tab > .skin-div > p{margin-top: 4px;}
.layout-content .layout-title > .skin-tab.on > .skin-div > p,
.layout-content .layout-title > .skin-tab.on > .skin-div > span{color: #676fb2;}
.layout-content .editor{padding: 10px;overflow: hidden;}
.layout-content .layout-footer{border-top: 1px solid #dcdcdc;padding: 30px 30px;}
.layout-content .layout-footer .layout-skin-list{width: 162px;}

/* ******************************************************************************************************

	버튼 스타일

****************************************************************************************************** */
.btn-area {margin-top:20px;text-align:center;}
.btn-area.al{text-align:left;}
.btn-area.ar{text-align:right;}
/*.btn-area:after {content:'';display:block;clear:both;}*/
.btn-area button,
.btn-area a{position:relative;outline: none;border: none;display: inline-block;position: relative;color:#fff;margin: 0 5px;border-radius:3px;vertical-align:middle;}

.btn-area button:after,
.btn-area a:after{content: '';display: block;position: absolute;z-index: -1;}
.btn-area button:active,
.btn-area a:active{top: 5px;box-shadow: 0 0 0;}

.btn-area .btn-normal{min-height:28px;padding:5px 20px;line-height: normal;margin-bottom: 5px;}

.btn-area .gray {background: #545454;box-shadow: 0 5px 0 #5F5F5F}
.btn-area .lightgray {background: #7e7e7e;box-shadow: 0 5px 0 #5F5F5F}
.btn-area .violet{background: #5e66ab;box-shadow: 0 5px 0 #474B7B}
.btn-area .red{background: #a72000;box-shadow: 0 5px 0 #6a1400}

html.ie8 .btn-area {text-align:center;}
html.ie8 .btn-area button {text-align:center;}
html.ie8 .btn-area button:active{top: 0;}



/* ******************************************************************************************************

	북마크 버튼

****************************************************************************************************** */
.bookmark-list-pc{/* position: fixed;bottom: 100px;right: 21px; */float: left;margin-top: 15px;margin-right: 15px;width: 40px;height: 40px;}
.bookmark-list-pc button{text-indent: -9999em;position: relative;width: 40px;height: 40px;background: #4e5486;border-radius: 3px;z-index: 50;}
.bookmark-list-pc button:before{content: '';display: block;position: absolute;top: 50%;left: 50%;margin-left: -1.5px;margin-top: -11px;width: 3px;height: 22px;background: #fff;transition: all 0.3s ease;}
.bookmark-list-pc button:after{content: '';display: block;position: absolute;top: 50%;left: 50%;margin-left: -11px;margin-top: -1.5px;width: 22px;height: 3px;background: #fff;transition: all 0.3s ease;}
.bookmark-list-pc button.on:before{-webkit-transform: rotateZ(315deg);transform: rotateZ(315deg);}
.bookmark-list-pc button.on:after{-webkit-transform: rotateZ(315deg);transform: rotateZ(315deg);}
.bookmark-list-pc > ul{position: relative;top: -59px;right: 0;z-index: 10;}
.bookmark-list-pc ul li{position: absolute;top: 0;right: 0;opacity: 0;transition:all .3s ease;width: 59px;height: 59px;display: table;}
.bookmark-list-pc ul li a{display: block;width: 100%;height: 100%;color:#fff;font-size: 11px;letter-spacing:-1px;border-radius: 3px;background: #6f75ad 0 0 no-repeat;text-align: center;display: table-cell;vertical-align: middle;}
.bookmark-list-pc ul li a img{display: block;margin: 0 auto;margin-bottom: 8px;box-sizing:border-box;}
.bookmark-list-pc ul.open > li{opacity: 1;z-index: 100;}
.bookmark-list-pc > ul > li img{padding-top: 0;height: auto;width: 20px;}
.bookmark-list-pc.site-menu > ul > li img{padding-top: 0;height: auto;width: 30px;}
.bookmark-list-pc.bbs .sub-category ul{opacity: 0;position: absolute;bottom: 0;right: 0;-webkit-transition: all .3s ease;transition: all .3s ease;width: 100%;height: 100%;}
.bookmark-list-pc.bbs .sub-category ul.sub-open{opacity: 1;}
.bookmark-list-pc.bbs ul.open .sub-category li:nth-child(1){top: 200px;right: -64px;opacity: 1;}
.bookmark-list-pc.bbs ul.open .sub-category li:nth-child(2){top: 200px;right: 0;opacity: 1;}
.bookmark-list-pc .line01{position: absolute;display: block;height: 3px;width: 123px;background: #cdcdcd;right: 0;top: -270px;-webkit-transition: all .3s ease;transition: all .3s ease;opacity: 1;} 
html.ie8 .bookmark-list-pc button.on{background: #4e5486 url(/ccp_img/bookmark-pc-x.png) center no-repeat;background-size:40%;}
html.ie8 .bookmark-list-pc button.on:before{display: none;}
html.ie8 .bookmark-list-pc button.on:after{display: none;}
html.ie8 .bookmark-list-pc.bbs .open .sub-category li{top: 200px;right: -64px;opacity: 1;}
html.ie8 .bookmark-list-pc.bbs .open .sub-category li + li{top: 200px;right: 0;opacity: 1;}



/* ******************************************************************************************************

  new

****************************************************************************************************** */
.ellip {
  display: block;
  height: 100%;
}
.ellip-line {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 100%;
}
.ellip,
.ellip-line {
  position: relative;
  overflow: hidden;
}

.mt0{margin-top:0px!important}.mt1{margin-top:1px!important}.mt2{margin-top:2px!important}.mt3{margin-top:3px!important}.mt4{margin-top:4px!important}.mt5{margin-top:5px!important}.mt6{margin-top:6px!important}.mt7{margin-top:7px!important}.mt8{margin-top:8px!important}.mt9{margin-top:9px!important}.mt10{margin-top:10px!important}.mt11{margin-top:11px!important}.mt12{margin-top:12px!important}.mt13{margin-top:13px!important}.mt14{margin-top:14px!important}.mt15{margin-top:15px!important}.mt16{margin-top:16px!important}.mt17{margin-top:17px!important}.mt18{margin-top:18px!important}.mt19{margin-top:19px!important}.mt20{margin-top:20px!important}.mt21{margin-top:21px!important}.mt22{margin-top:22px!important}.mt23{margin-top:23px!important}.mt24{margin-top:24px!important}.mt25{margin-top:25px!important}.mt26{margin-top:26px!important}.mt27{margin-top:27px!important}.mt28{margin-top:28px!important}.mt29{margin-top:29px!important}.mt30{margin-top:30px!important}.mt31{margin-top:31px!important}.mt32{margin-top:32px!important}.mt33{margin-top:33px!important}.mt34{margin-top:34px!important}.mt35{margin-top:35px!important}.mt36{margin-top:36px!important}.mt31{margin-top:37px!important}.mt38{margin-top:38px!important}.mt39{margin-top:39px!important}.mt40{margin-top:40px!important}.mt41{margin-top:41px!important}.mt42{margin-top:42px!important}.mt43{margin-top:43px!important}.mt44{margin-top:44px!important}.mt45{margin-top:45px!important}.mt46{margin-top:46px!important}.mt47{margin-top:47px!important}.mt48{margin-top:48px!important}.mt49{margin-top:49px!important}.mt50{margin-top:50px!important}.mt51{margin-top:51px!important}.mt52{margin-top:52px!important}.mt53{margin-top:53px!important}.mt54{margin-top:54px!important}.mt55{margin-top:55px!important}.mt56{margin-top:56px!important}.mt57{margin-top:57px!important}.mt58{margin-top:58px!important}.mt59{margin-top:59px!important}.mt60{margin-top:60px!important}.mt61{margin-top:61px!important}.mt62{margin-top:62px!important}.mt63{margin-top:63px!important}.mt64{margin-top:64px!important}.mt65{margin-top:65px!important}.mt66{margin-top:66px!important}.mt67{margin-top:67px!important}.mt68{margin-top:68px!important}.mt69{margin-top:69px!important}.mt70{margin-top:70px!important}.mt71{margin-top:71px!important}.mt72{margin-top:72px!important}.mt73{margin-top:73px!important}.mt74{margin-top:74px!important}.mt75{margin-top:75px!important}.mt76{margin-top:76px!important}.mt77{margin-top:77px!important}.mt78{margin-top:78px!important}.mt79{margin-top:79px!important}.mt80{margin-top:80px!important}.mt81{margin-top:81px!important}.mt82{margin-top:82px!important}.mt83{margin-top:83px!important}.mt84{margin-top:84px!important}.mt85{margin-top:85px!important}.mt86{margin-top:86px!important}.mt87{margin-top:87px!important}.mt88{margin-top:88px!important}.mt89{margin-top:89px!important}.mt90{margin-top:90px!important}.mt91{margin-top:91px!important}.mt92{margin-top:92px!important}.mt93{margin-top:93px!important}.mt94{margin-top:94px!important}.mt95{margin-top:95px!important}.mt96{margin-top:96px!important}.mt97{margin-top:97px!important}.mt98{margin-top:98px!important}.mt99{margin-top:99px!important}.mt100{margin-top:100px!important}.mr0{margin-right:0px!important}.mr1{margin-right:1px!important}.mr2{margin-right:2px!important}.mr3{margin-right:3px!important}.mr4{margin-right:4px!important}.mr5{margin-right:5px!important}.mr6{margin-right:6px!important}.mr7{margin-right:7px!important}.mr8{margin-right:8px!important}.mr9{margin-right:9px!important}.mr10{margin-right:10px!important}.mr11{margin-right:11px!important}.mr12{margin-right:12px!important}.mr13{margin-right:13px!important}.mr14{margin-right:14px!important}.mr15{margin-right:15px!important}.mr16{margin-right:16px!important}.mr17{margin-right:17px!important}.mr18{margin-right:18px!important}.mr19{margin-right:19px!important}.mr20{margin-right:20px!important}.mr21{margin-right:21px!important}.mr22{margin-right:22px!important}.mr23{margin-right:23px!important}.mr24{margin-right:24px!important}.mr25{margin-right:25px!important}.mr26{margin-right:26px!important}.mr27{margin-right:27px!important}.mr28{margin-right:28px!important}.mr29{margin-right:29px!important}.mr30{margin-right:30px!important}.mr31{margin-right:31px!important}.mr32{margin-right:32px!important}.mr33{margin-right:33px!important}.mr34{margin-right:34px!important}.mr35{margin-right:35px!important}.mr36{margin-right:36px!important}.mr31{margin-right:37px!important}.mr38{margin-right:38px!important}.mr39{margin-right:39px!important}.mr40{margin-right:40px!important}.mr41{margin-right:41px!important}.mr42{margin-right:42px!important}.mr43{margin-right:43px!important}.mr44{margin-right:44px!important}.mr45{margin-right:45px!important}.mr46{margin-right:46px!important}.mr47{margin-right:47px!important}.mr48{margin-right:48px!important}.mr49{margin-right:49px!important}.mr50{margin-right:50px!important}.mr51{margin-right:51px!important}.mr52{margin-right:52px!important}.mr53{margin-right:53px!important}.mr54{margin-right:54px!important}.mr55{margin-right:55px!important}.mr56{margin-right:56px!important}.mr57{margin-right:57px!important}.mr58{margin-right:58px!important}.mr59{margin-right:59px!important}.mr60{margin-right:60px!important}.mr61{margin-right:61px!important}.mr62{margin-right:62px!important}.mr63{margin-right:63px!important}.mr64{margin-right:64px!important}.mr65{margin-right:65px!important}.mr66{margin-right:66px!important}.mr67{margin-right:67px!important}.mr68{margin-right:68px!important}.mr69{margin-right:69px!important}.mr70{margin-right:70px!important}.mr71{margin-right:71px!important}.mr72{margin-right:72px!important}.mr73{margin-right:73px!important}.mr74{margin-right:74px!important}.mr75{margin-right:75px!important}.mr76{margin-right:76px!important}.mr77{margin-right:77px!important}.mr78{margin-right:78px!important}.mr79{margin-right:79px!important}.mr80{margin-right:80px!important}.mr81{margin-right:81px!important}.mr82{margin-right:82px!important}.mr83{margin-right:83px!important}.mr84{margin-right:84px!important}.mr85{margin-right:85px!important}.mr86{margin-right:86px!important}.mr87{margin-right:87px!important}.mr88{margin-right:88px!important}.mr89{margin-right:89px!important}.mr90{margin-right:90px!important}.mr91{margin-right:91px!important}.mr92{margin-right:92px!important}.mr93{margin-right:93px!important}.mr94{margin-right:94px!important}.mr95{margin-right:95px!important}.mr96{margin-right:96px!important}.mr97{margin-right:97px!important}.mr98{margin-right:98px!important}.mr99{margin-right:99px!important}.mr100{margin-right:100px!important}.mb0{margin-bottom:0px!important}.mb1{margin-bottom:1px!important}.mb2{margin-bottom:2px!important}.mb3{margin-bottom:3px!important}.mb4{margin-bottom:4px!important}.mb5{margin-bottom:5px!important}.mb6{margin-bottom:6px!important}.mb7{margin-bottom:7px!important}.mb8{margin-bottom:8px!important}.mb9{margin-bottom:9px!important}.mb10{margin-bottom:10px!important}.mb11{margin-bottom:11px!important}.mb12{margin-bottom:12px!important}.mb13{margin-bottom:13px!important}.mb14{margin-bottom:14px!important}.mb15{margin-bottom:15px!important}.mb16{margin-bottom:16px!important}.mb17{margin-bottom:17px!important}.mb18{margin-bottom:18px!important}.mb19{margin-bottom:19px!important}.mb20{margin-bottom:20px!important}.mb21{margin-bottom:21px!important}.mb22{margin-bottom:22px!important}.mb23{margin-bottom:23px!important}.mb24{margin-bottom:24px!important}.mb25{margin-bottom:25px!important}.mb26{margin-bottom:26px!important}.mb27{margin-bottom:27px!important}.mb28{margin-bottom:28px!important}.mb29{margin-bottom:29px!important}.mb30{margin-bottom:30px!important}.mb31{margin-bottom:31px!important}.mb32{margin-bottom:32px!important}.mb33{margin-bottom:33px!important}.mb34{margin-bottom:34px!important}.mb35{margin-bottom:35px!important}.mb36{margin-bottom:36px!important}.mb31{margin-bottom:37px!important}.mb38{margin-bottom:38px!important}.mb39{margin-bottom:39px!important}.mb40{margin-bottom:40px!important}.mb41{margin-bottom:41px!important}.mb42{margin-bottom:42px!important}.mb43{margin-bottom:43px!important}.mb44{margin-bottom:44px!important}.mb45{margin-bottom:45px!important}.mb46{margin-bottom:46px!important}.mb47{margin-bottom:47px!important}.mb48{margin-bottom:48px!important}.mb49{margin-bottom:49px!important}.mb50{margin-bottom:50px!important}.mb51{margin-bottom:51px!important}.mb52{margin-bottom:52px!important}.mb53{margin-bottom:53px!important}.mb54{margin-bottom:54px!important}.mb55{margin-bottom:55px!important}.mb56{margin-bottom:56px!important}.mb57{margin-bottom:57px!important}.mb58{margin-bottom:58px!important}.mb59{margin-bottom:59px!important}.mb60{margin-bottom:60px!important}.mb61{margin-bottom:61px!important}.mb62{margin-bottom:62px!important}.mb63{margin-bottom:63px!important}.mb64{margin-bottom:64px!important}.mb65{margin-bottom:65px!important}.mb66{margin-bottom:66px!important}.mb67{margin-bottom:67px!important}.mb68{margin-bottom:68px!important}.mb69{margin-bottom:69px!important}.mb70{margin-bottom:70px!important}.mb71{margin-bottom:71px!important}.mb72{margin-bottom:72px!important}.mb73{margin-bottom:73px!important}.mb74{margin-bottom:74px!important}.mb75{margin-bottom:75px!important}.mb76{margin-bottom:76px!important}.mb77{margin-bottom:77px!important}.mb78{margin-bottom:78px!important}.mb79{margin-bottom:79px!important}.mb80{margin-bottom:80px!important}.mb81{margin-bottom:81px!important}.mb82{margin-bottom:82px!important}.mb83{margin-bottom:83px!important}.mb84{margin-bottom:84px!important}.mb85{margin-bottom:85px!important}.mb86{margin-bottom:86px!important}.mb87{margin-bottom:87px!important}.mb88{margin-bottom:88px!important}.mb89{margin-bottom:89px!important}.mb90{margin-bottom:90px!important}.mb91{margin-bottom:91px!important}.mb92{margin-bottom:92px!important}.mb93{margin-bottom:93px!important}.mb94{margin-bottom:94px!important}.mb95{margin-bottom:95px!important}.mb96{margin-bottom:96px!important}.mb97{margin-bottom:97px!important}.mb98{margin-bottom:98px!important}.mb99{margin-bottom:99px!important}.mb100{margin-bottom:100px!important}.ml0{margin-left:0px!important}.ml1{margin-left:1px!important}.ml2{margin-left:2px!important}.ml3{margin-left:3px!important}.ml4{margin-left:4px!important}.ml5{margin-left:5px!important}.ml6{margin-left:6px!important}.ml7{margin-left:7px!important}.ml8{margin-left:8px!important}.ml9{margin-left:9px!important}.ml10{margin-left:10px!important}.ml11{margin-left:11px!important}.ml12{margin-left:12px!important}.ml13{margin-left:13px!important}.ml14{margin-left:14px!important}.ml15{margin-left:15px!important}.ml16{margin-left:16px!important}.ml17{margin-left:17px!important}.ml18{margin-left:18px!important}.ml19{margin-left:19px!important}.ml20{margin-left:20px!important}.ml21{margin-left:21px!important}.ml22{margin-left:22px!important}.ml23{margin-left:23px!important}.ml24{margin-left:24px!important}.ml25{margin-left:25px!important}.ml26{margin-left:26px!important}.ml27{margin-left:27px!important}.ml28{margin-left:28px!important}.ml29{margin-left:29px!important}.ml30{margin-left:30px!important}.ml31{margin-left:31px!important}.ml32{margin-left:32px!important}.ml33{margin-left:33px!important}.ml34{margin-left:34px!important}.ml35{margin-left:35px!important}.ml36{margin-left:36px!important}.ml31{margin-left:37px!important}.ml38{margin-left:38px!important}.ml39{margin-left:39px!important}.ml40{margin-left:40px!important}.ml41{margin-left:41px!important}.ml42{margin-left:42px!important}.ml43{margin-left:43px!important}.ml44{margin-left:44px!important}.ml45{margin-left:45px!important}.ml46{margin-left:46px!important}.ml47{margin-left:47px!important}.ml48{margin-left:48px!important}.ml49{margin-left:49px!important}.ml50{margin-left:50px!important}.ml51{margin-left:51px!important}.ml52{margin-left:52px!important}.ml53{margin-left:53px!important}.ml54{margin-left:54px!important}.ml55{margin-left:55px!important}.ml56{margin-left:56px!important}.ml57{margin-left:57px!important}.ml58{margin-left:58px!important}.ml59{margin-left:59px!important}.ml60{margin-left:60px!important}.ml61{margin-left:61px!important}.ml62{margin-left:62px!important}.ml63{margin-left:63px!important}.ml64{margin-left:64px!important}.ml65{margin-left:65px!important}.ml66{margin-left:66px!important}.ml67{margin-left:67px!important}.ml68{margin-left:68px!important}.ml69{margin-left:69px!important}.ml70{margin-left:70px!important}.ml71{margin-left:71px!important}.ml72{margin-left:72px!important}.ml73{margin-left:73px!important}.ml74{margin-left:74px!important}.ml75{margin-left:75px!important}.ml76{margin-left:76px!important}.ml77{margin-left:77px!important}.ml78{margin-left:78px!important}.ml79{margin-left:79px!important}.ml80{margin-left:80px!important}.ml81{margin-left:81px!important}.ml82{margin-left:82px!important}.ml83{margin-left:83px!important}.ml84{margin-left:84px!important}.ml85{margin-left:85px!important}.ml86{margin-left:86px!important}.ml87{margin-left:87px!important}.ml88{margin-left:88px!important}.ml89{margin-left:89px!important}.ml90{margin-left:90px!important}.ml91{margin-left:91px!important}.ml92{margin-left:92px!important}.ml93{margin-left:93px!important}.ml94{margin-left:94px!important}.ml95{margin-left:95px!important}.ml96{margin-left:96px!important}.ml97{margin-left:97px!important}.ml98{margin-left:98px!important}.ml99{margin-left:99px!important}.ml100{margin-left:100px!important}.pt0{padding-top:0px!important}.pt1{padding-top:1px!important}.pt2{padding-top:2px!important}.pt3{padding-top:3px!important}.pt4{padding-top:4px!important}.pt5{padding-top:5px!important}.pt6{padding-top:6px!important}.pt7{padding-top:7px!important}.pt8{padding-top:8px!important}.pt9{padding-top:9px!important}.pt10{padding-top:10px!important}.pt11{padding-top:11px!important}.pt12{padding-top:12px!important}.pt13{padding-top:13px!important}.pt14{padding-top:14px!important}.pt15{padding-top:15px!important}.pt16{padding-top:16px!important}.pt17{padding-top:17px!important}.pt18{padding-top:18px!important}.pt19{padding-top:19px!important}.pt20{padding-top:20px!important}.pt21{padding-top:21px!important}.pt22{padding-top:22px!important}.pt23{padding-top:23px!important}.pt24{padding-top:24px!important}.pt25{padding-top:25px!important}.pt26{padding-top:26px!important}.pt27{padding-top:27px!important}.pt28{padding-top:28px!important}.pt29{padding-top:29px!important}.pt30{padding-top:30px!important}.pt31{padding-top:31px!important}.pt32{padding-top:32px!important}.pt33{padding-top:33px!important}.pt34{padding-top:34px!important}.pt35{padding-top:35px!important}.pt36{padding-top:36px!important}.pt31{padding-top:37px!important}.pt38{padding-top:38px!important}.pt39{padding-top:39px!important}.pt40{padding-top:40px!important}.pt41{padding-top:41px!important}.pt42{padding-top:42px!important}.pt43{padding-top:43px!important}.pt44{padding-top:44px!important}.pt45{padding-top:45px!important}.pt46{padding-top:46px!important}.pt47{padding-top:47px!important}.pt48{padding-top:48px!important}.pt49{padding-top:49px!important}.pt50{padding-top:50px!important}.pt51{padding-top:51px!important}.pt52{padding-top:52px!important}.pt53{padding-top:53px!important}.pt54{padding-top:54px!important}.pt55{padding-top:55px!important}.pt56{padding-top:56px!important}.pt57{padding-top:57px!important}.pt58{padding-top:58px!important}.pt59{padding-top:59px!important}.pt60{padding-top:60px!important}.pt61{padding-top:61px!important}.pt62{padding-top:62px!important}.pt63{padding-top:63px!important}.pt64{padding-top:64px!important}.pt65{padding-top:65px!important}.pt66{padding-top:66px!important}.pt67{padding-top:67px!important}.pt68{padding-top:68px!important}.pt69{padding-top:69px!important}.pt70{padding-top:70px!important}.pt71{padding-top:71px!important}.pt72{padding-top:72px!important}.pt73{padding-top:73px!important}.pt74{padding-top:74px!important}.pt75{padding-top:75px!important}.pt76{padding-top:76px!important}.pt77{padding-top:77px!important}.pt78{padding-top:78px!important}.pt79{padding-top:79px!important}.pt80{padding-top:80px!important}.pt81{padding-top:81px!important}.pt82{padding-top:82px!important}.pt83{padding-top:83px!important}.pt84{padding-top:84px!important}.pt85{padding-top:85px!important}.pt86{padding-top:86px!important}.pt87{padding-top:87px!important}.pt88{padding-top:88px!important}.pt89{padding-top:89px!important}.pt90{padding-top:90px!important}.pt91{padding-top:91px!important}.pt92{padding-top:92px!important}.pt93{padding-top:93px!important}.pt94{padding-top:94px!important}.pt95{padding-top:95px!important}.pt96{padding-top:96px!important}.pt97{padding-top:97px!important}.pt98{padding-top:98px!important}.pt99{padding-top:99px!important}.pt100{padding-top:100px!important}.pr0{padding-right:0px!important}.pr1{padding-right:1px!important}.pr2{padding-right:2px!important}.pr3{padding-right:3px!important}.pr4{padding-right:4px!important}.pr5{padding-right:5px!important}.pr6{padding-right:6px!important}.pr7{padding-right:7px!important}.pr8{padding-right:8px!important}.pr9{padding-right:9px!important}.pr10{padding-right:10px!important}.pr11{padding-right:11px!important}.pr12{padding-right:12px!important}.pr13{padding-right:13px!important}.pr14{padding-right:14px!important}.pr15{padding-right:15px!important}.pr16{padding-right:16px!important}.pr17{padding-right:17px!important}.pr18{padding-right:18px!important}.pr19{padding-right:19px!important}.pr20{padding-right:20px!important}.pr21{padding-right:21px!important}.pr22{padding-right:22px!important}.pr23{padding-right:23px!important}.pr24{padding-right:24px!important}.pr25{padding-right:25px!important}.pr26{padding-right:26px!important}.pr27{padding-right:27px!important}.pr28{padding-right:28px!important}.pr29{padding-right:29px!important}.pr30{padding-right:30px!important}.pr31{padding-right:31px!important}.pr32{padding-right:32px!important}.pr33{padding-right:33px!important}.pr34{padding-right:34px!important}.pr35{padding-right:35px!important}.pr36{padding-right:36px!important}.pr31{padding-right:37px!important}.pr38{padding-right:38px!important}.pr39{padding-right:39px!important}.pr40{padding-right:40px!important}.pr41{padding-right:41px!important}.pr42{padding-right:42px!important}.pr43{padding-right:43px!important}.pr44{padding-right:44px!important}.pr45{padding-right:45px!important}.pr46{padding-right:46px!important}.pr47{padding-right:47px!important}.pr48{padding-right:48px!important}.pr49{padding-right:49px!important}.pr50{padding-right:50px!important}.pr51{padding-right:51px!important}.pr52{padding-right:52px!important}.pr53{padding-right:53px!important}.pr54{padding-right:54px!important}.pr55{padding-right:55px!important}.pr56{padding-right:56px!important}.pr57{padding-right:57px!important}.pr58{padding-right:58px!important}.pr59{padding-right:59px!important}.pr60{padding-right:60px!important}.pr61{padding-right:61px!important}.pr62{padding-right:62px!important}.pr63{padding-right:63px!important}.pr64{padding-right:64px!important}.pr65{padding-right:65px!important}.pr66{padding-right:66px!important}.pr67{padding-right:67px!important}.pr68{padding-right:68px!important}.pr69{padding-right:69px!important}.pr70{padding-right:70px!important}.pr71{padding-right:71px!important}.pr72{padding-right:72px!important}.pr73{padding-right:73px!important}.pr74{padding-right:74px!important}.pr75{padding-right:75px!important}.pr76{padding-right:76px!important}.pr77{padding-right:77px!important}.pr78{padding-right:78px!important}.pr79{padding-right:79px!important}.pr80{padding-right:80px!important}.pr81{padding-right:81px!important}.pr82{padding-right:82px!important}.pr83{padding-right:83px!important}.pr84{padding-right:84px!important}.pr85{padding-right:85px!important}.pr86{padding-right:86px!important}.pr87{padding-right:87px!important}.pr88{padding-right:88px!important}.pr89{padding-right:89px!important}.pr90{padding-right:90px!important}.pr91{padding-right:91px!important}.pr92{padding-right:92px!important}.pr93{padding-right:93px!important}.pr94{padding-right:94px!important}.pr95{padding-right:95px!important}.pr96{padding-right:96px!important}.pr97{padding-right:97px!important}.pr98{padding-right:98px!important}.pr99{padding-right:99px!important}.pr100{padding-right:100px!important}.pb0{padding-bottom:0px!important}.pb1{padding-bottom:1px!important}.pb2{padding-bottom:2px!important}.pb3{padding-bottom:3px!important}.pb4{padding-bottom:4px!important}.pb5{padding-bottom:5px!important}.pb6{padding-bottom:6px!important}.pb7{padding-bottom:7px!important}.pb8{padding-bottom:8px!important}.pb9{padding-bottom:9px!important}.pb10{padding-bottom:10px!important}.pb11{padding-bottom:11px!important}.pb12{padding-bottom:12px!important}.pb13{padding-bottom:13px!important}.pb14{padding-bottom:14px!important}.pb15{padding-bottom:15px!important}.pb16{padding-bottom:16px!important}.pb17{padding-bottom:17px!important}.pb18{padding-bottom:18px!important}.pb19{padding-bottom:19px!important}.pb20{padding-bottom:20px!important}.pb21{padding-bottom:21px!important}.pb22{padding-bottom:22px!important}.pb23{padding-bottom:23px!important}.pb24{padding-bottom:24px!important}.pb25{padding-bottom:25px!important}.pb26{padding-bottom:26px!important}.pb27{padding-bottom:27px!important}.pb28{padding-bottom:28px!important}.pb29{padding-bottom:29px!important}.pb30{padding-bottom:30px!important}.pb31{padding-bottom:31px!important}.pb32{padding-bottom:32px!important}.pb33{padding-bottom:33px!important}.pb34{padding-bottom:34px!important}.pb35{padding-bottom:35px!important}.pb36{padding-bottom:36px!important}.pb31{padding-bottom:37px!important}.pb38{padding-bottom:38px!important}.pb39{padding-bottom:39px!important}.pb40{padding-bottom:40px!important}.pb41{padding-bottom:41px!important}.pb42{padding-bottom:42px!important}.pb43{padding-bottom:43px!important}.pb44{padding-bottom:44px!important}.pb45{padding-bottom:45px!important}.pb46{padding-bottom:46px!important}.pb47{padding-bottom:47px!important}.pb48{padding-bottom:48px!important}.pb49{padding-bottom:49px!important}.pb50{padding-bottom:50px!important}.pb51{padding-bottom:51px!important}.pb52{padding-bottom:52px!important}.pb53{padding-bottom:53px!important}.pb54{padding-bottom:54px!important}.pb55{padding-bottom:55px!important}.pb56{padding-bottom:56px!important}.pb57{padding-bottom:57px!important}.pb58{padding-bottom:58px!important}.pb59{padding-bottom:59px!important}.pb60{padding-bottom:60px!important}.pb61{padding-bottom:61px!important}.pb62{padding-bottom:62px!important}.pb63{padding-bottom:63px!important}.pb64{padding-bottom:64px!important}.pb65{padding-bottom:65px!important}.pb66{padding-bottom:66px!important}.pb67{padding-bottom:67px!important}.pb68{padding-bottom:68px!important}.pb69{padding-bottom:69px!important}.pb70{padding-bottom:70px!important}.pb71{padding-bottom:71px!important}.pb72{padding-bottom:72px!important}.pb73{padding-bottom:73px!important}.pb74{padding-bottom:74px!important}.pb75{padding-bottom:75px!important}.pb76{padding-bottom:76px!important}.pb77{padding-bottom:77px!important}.pb78{padding-bottom:78px!important}.pb79{padding-bottom:79px!important}.pb80{padding-bottom:80px!important}.pb81{padding-bottom:81px!important}.pb82{padding-bottom:82px!important}.pb83{padding-bottom:83px!important}.pb84{padding-bottom:84px!important}.pb85{padding-bottom:85px!important}.pb86{padding-bottom:86px!important}.pb87{padding-bottom:87px!important}.pb88{padding-bottom:88px!important}.pb89{padding-bottom:89px!important}.pb90{padding-bottom:90px!important}.pb91{padding-bottom:91px!important}.pb92{padding-bottom:92px!important}.pb93{padding-bottom:93px!important}.pb94{padding-bottom:94px!important}.pb95{padding-bottom:95px!important}.pb96{padding-bottom:96px!important}.pb97{padding-bottom:97px!important}.pb98{padding-bottom:98px!important}.pb99{padding-bottom:99px!important}.pb100{padding-bottom:100px!important}.pl0{padding-left:0px!important}.pl1{padding-left:1px!important}.pl2{padding-left:2px!important}.pl3{padding-left:3px!important}.pl4{padding-left:4px!important}.pl5{padding-left:5px!important}.pl6{padding-left:6px!important}.pl7{padding-left:7px!important}.pl8{padding-left:8px!important}.pl9{padding-left:9px!important}.pl10{padding-left:10px!important}.pl11{padding-left:11px!important}.pl12{padding-left:12px!important}.pl13{padding-left:13px!important}.pl14{padding-left:14px!important}.pl15{padding-left:15px!important}.pl16{padding-left:16px!important}.pl17{padding-left:17px!important}.pl18{padding-left:18px!important}.pl19{padding-left:19px!important}.pl20{padding-left:20px!important}.pl21{padding-left:21px!important}.pl22{padding-left:22px!important}.pl23{padding-left:23px!important}.pl24{padding-left:24px!important}.pl25{padding-left:25px!important}.pl26{padding-left:26px!important}.pl27{padding-left:27px!important}.pl28{padding-left:28px!important}.pl29{padding-left:29px!important}.pl30{padding-left:30px!important}.pl31{padding-left:31px!important}.pl32{padding-left:32px!important}.pl33{padding-left:33px!important}.pl34{padding-left:34px!important}.pl35{padding-left:35px!important}.pl36{padding-left:36px!important}.pl31{padding-left:37px!important}.pl38{padding-left:38px!important}.pl39{padding-left:39px!important}.pl40{padding-left:40px!important}.pl41{padding-left:41px!important}.pl42{padding-left:42px!important}.pl43{padding-left:43px!important}.pl44{padding-left:44px!important}.pl45{padding-left:45px!important}.pl46{padding-left:46px!important}.pl47{padding-left:47px!important}.pl48{padding-left:48px!important}.pl49{padding-left:49px!important}.pl50{padding-left:50px!important}.pl51{padding-left:51px!important}.pl52{padding-left:52px!important}.pl53{padding-left:53px!important}.pl54{padding-left:54px!important}.pl55{padding-left:55px!important}.pl56{padding-left:56px!important}.pl57{padding-left:57px!important}.pl58{padding-left:58px!important}.pl59{padding-left:59px!important}.pl60{padding-left:60px!important}.pl61{padding-left:61px!important}.pl62{padding-left:62px!important}.pl63{padding-left:63px!important}.pl64{padding-left:64px!important}.pl65{padding-left:65px!important}.pl66{padding-left:66px!important}.pl67{padding-left:67px!important}.pl68{padding-left:68px!important}.pl69{padding-left:69px!important}.pl70{padding-left:70px!important}.pl71{padding-left:71px!important}.pl72{padding-left:72px!important}.pl73{padding-left:73px!important}.pl74{padding-left:74px!important}.pl75{padding-left:75px!important}.pl76{padding-left:76px!important}.pl77{padding-left:77px!important}.pl78{padding-left:78px!important}.pl79{padding-left:79px!important}.pl80{padding-left:80px!important}.pl81{padding-left:81px!important}.pl82{padding-left:82px!important}.pl83{padding-left:83px!important}.pl84{padding-left:84px!important}.pl85{padding-left:85px!important}.pl86{padding-left:86px!important}.pl87{padding-left:87px!important}.pl88{padding-left:88px!important}.pl89{padding-left:89px!important}.pl90{padding-left:90px!important}.pl91{padding-left:91px!important}.pl92{padding-left:92px!important}.pl93{padding-left:93px!important}.pl94{padding-left:94px!important}.pl95{padding-left:95px!important}.pl96{padding-left:96px!important}.pl97{padding-left:97px!important}.pl98{padding-left:98px!important}.pl99{padding-left:99px!important}.pl100{padding-left:100px!important}
/**
 * col-* (1% ~ 100%)
 */
.col-1{width:1% !important;}.col-2{width:2% !important;}.col-3{width:3% !important;}.col-4{width:4% !important;}.col-5{width:5% !important;}.col-6{width:6% !important;}.col-7{width:7% !important;}.col-8{width:8% !important;}.col-9{width:9% !important;}.col-10{width:10% !important;}.col-11{width:11% !important;}.col-12{width:12% !important;}.col-13{width:13% !important;}.col-14{width:14% !important;}.col-15{width:15% !important;}.col-16{width:16% !important;}.col-17{width:17% !important;}.col-18{width:18% !important;}.col-19{width:19% !important;}.col-20{width:20% !important;}.col-21{width:21% !important;}.col-22{width:22% !important;}.col-23{width:23% !important;}.col-24{width:24% !important;}.col-25{width:25% !important;}.col-26{width:26% !important;}.col-27{width:27% !important;}.col-28{width:28% !important;}.col-29{width:29% !important;}.col-30{width:30% !important;}.col-31{width:31% !important;}.col-32{width:32% !important;}.col-33{width:33% !important;}.col-34{width:34% !important;}.col-35{width:35% !important;}.col-36{width:36% !important;}.col-37{width:37% !important;}.col-38{width:38% !important;}.col-39{width:39% !important;}.col-40{width:40% !important;}.col-41{width:41% !important;}.col-42{width:42% !important;}.col-43{width:43% !important;}.col-44{width:44% !important;}.col-45{width:45% !important;}.col-46{width:46% !important;}.col-47{width:47% !important;}.col-48{width:48% !important;}.col-49{width:49% !important;}.col-50{width:50% !important;}.col-51{width:51% !important;}.col-52{width:52% !important;}.col-53{width:53% !important;}.col-54{width:54% !important;}.col-55{width:55% !important;}.col-56{width:56% !important;}.col-57{width:57% !important;}.col-58{width:58% !important;}.col-59{width:59% !important;}.col-60{width:60% !important;}.col-61{width:61% !important;}.col-62{width:62% !important;}.col-63{width:63% !important;}.col-64{width:64% !important;}.col-65{width:65% !important;}.col-66{width:66% !important;}.col-67{width:67% !important;}.col-68{width:68% !important;}.col-69{width:69% !important;}.col-70{width:70% !important;}.col-71{width:71% !important;}.col-72{width:72% !important;}.col-73{width:73% !important;}.col-74{width:74% !important;}.col-75{width:75% !important;}.col-76{width:76% !important;}.col-77{width:77% !important;}.col-78{width:78% !important;}.col-79{width:79% !important;}.col-80{width:80% !important;}.col-81{width:81% !important;}.col-82{width:82% !important;}.col-83{width:83% !important;}.col-84{width:84% !important;}.col-85{width:85% !important;}.col-86{width:86% !important;}.col-87{width:87% !important;}.col-88{width:88% !important;}.col-89{width:89% !important;}.col-90{width:90% !important;}.col-91{width:91% !important;}.col-92{width:92% !important;}.col-93{width:93% !important;}.col-94{width:94% !important;}.col-95{width:95% !important;}.col-96{width:96% !important;}.col-97{width:97% !important;}.col-98{width:98% !important;}.col-99{width:99% !important;}.col-100{width:100% !important;}

fieldset{
	min-width:inherit;
}
@-moz-document url-prefix() {
  fieldset { 
  	display: table-cell; 
  }
}
label{
	display: inline-block;
	max-width: 100%;
	font-weight:600;
}
input + label{
	margin-bottom:0;
}
[data-tooltip]{
	position:relative;
}
[data-tooltip]:after,
[data-tooltip]:before {
   opacity: 0;
   position: absolute;
   left: 50%;
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;
}
[data-tooltip]:after{
	content: attr(data-tooltip);
   box-sizing: border-box;
   text-align: center;
   padding: 6px 6px 5px;
   border-radius: 7px;
   color: #fff;
   -webkit-transition: opacity .3s cubic-bezier(.73,.01,0,1),-webkit-transform .3s cubic-bezier(.73,.01,0,1);
   transition: opacity .3s cubic-bezier(.73,.01,0,1),-webkit-transform .3s cubic-bezier(.73,.01,0,1);
   transition: opacity .3s cubic-bezier(.73,.01,0,1),transform .3s cubic-bezier(.73,.01,0,1);
   transition: opacity .3s cubic-bezier(.73,.01,0,1),transform .3s cubic-bezier(.73,.01,0,1),-webkit-transform .3s cubic-bezier(.73,.01,0,1);
   pointer-events: none;
   z-index: 100000;
   white-space: nowrap;
   background: #000;
   bottom: 100%;
   -webkit-transform: translate(-50%,12px);
   -moz-transform: translate(-50%,12px);
   -ms-transform: translate(-50%,12px);
   transform: translate(-50%,12px);
   max-width: 320px;
   text-overflow: ellipsis;
   overflow: hidden;
}
[data-tooltip]:before {
   border-style: solid;
   border-top-width: 4px;
   border-right-width: 4px;
   border-bottom-width: 4px;
   border-left-width: 4px;
   border-bottom-width: 0;
   content: '';
   top: -2px;
   width: 0;
   height: 0;  
   -webkit-transform: translate(-50%,calc(-50% - 6px));
   -moz-transform: translate(-50%,calc(-50% - 6px));
   -ms-transform: translate(-50%,calc(-50% - 6px));
   transform: translate(-50%,calc(-50% - 6px));
   -webkit-transition: opacity .1s cubic-bezier(.73,.01,0,1) 0s,-webkit-transform .6s cubic-bezier(.73,.01,0,1) 0s;
   transition: opacity .1s cubic-bezier(.73,.01,0,1) 0s,-webkit-transform .6s cubic-bezier(.73,.01,0,1) 0s;
   transition: opacity .1s cubic-bezier(.73,.01,0,1) 0s,transform .6s cubic-bezier(.73,.01,0,1) 0s;
   transition: opacity .1s cubic-bezier(.73,.01,0,1) 0s,transform .6s cubic-bezier(.73,.01,0,1) 0s,-webkit-transform .6s cubic-bezier(.73,.01,0,1) 0s;
   z-index: 110000;
}
[data-tooltip]:before {
   border-top-color: #000;
   border-right-color: transparent;
   border-bottom-color: transparent;
   border-left-color: transparent;
}

[data-tooltip]:focus:after,
[data-tooltip]:focus:before,
[data-tooltip]:hover:after,
[data-tooltip]:hover:before {
   opacity: 1;
}
[data-tooltip]:focus:after,
[data-tooltip]:hover:after {
   -webkit-transform: translate(-50%,-6px);
   -moz-transform: translate(-50%,-6px);
   -ms-transform: translate(-50%,-6px);
   transform: translate(-50%,-6px);
}
[data-tooltip]:focus:before,
[data-tooltip]:hover:before {
   -webkit-transition: opacity .1s cubic-bezier(.73,.01,0,1) .1s,-webkit-transform .6s cubic-bezier(.73,.01,0,1) .1s;
   transition: opacity .1s cubic-bezier(.73,.01,0,1) .1s,-webkit-transform .6s cubic-bezier(.73,.01,0,1) .1s;
   transition: opacity .1s cubic-bezier(.73,.01,0,1) .1s,transform .6s cubic-bezier(.73,.01,0,1) .1s;
   transition: opacity .1s cubic-bezier(.73,.01,0,1) .1s,transform .6s cubic-bezier(.73,.01,0,1) .1s,-webkit-transform .6s cubic-bezier(.73,.01,0,1) .1s;
   -webkit-transform: translate(-50%,calc(-50% - 2px));
   -moz-transform: translate(-50%,calc(-50% - 2px));
   -ms-transform: translate(-50%,calc(-50% - 2px));
   transform: translate(-50%,calc(-50% - 2px));
}
/* 스크린리더 외 기기에선 안보이게 */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
/* tooltip ie */
.ie [data-tooltip]:before{
	/* ie translate calc버그 때문에... */
	margin-top:-4px;
   margin-left:-2px;
}
/* .ie8은 style부터 다시 잡습니다. */
.ie8 [data-tooltip]:after,
.ie8 [data-tooltip]:before{
	display:none;
	margin-top:0;
	margin-left:0;
}
.ie.ie8 [data-tooltip]:after{
	height:28px;	
	top:-100%;left:1px;
	margin-top:-4px;
}
.ie.ie8 [data-tooltip]:before{
	margin-left:-2px;
	margin-top:-4px;
}
.ie.ie8 [data-tooltip]:focus:after,
.ie.ie8 [data-tooltip]:focus:before,
.ie.ie8 [data-tooltip]:hover:after,
.ie.ie8 [data-tooltip]:hover:before {
   display:block;
}
.fl{
	float:left;	
}
.fr{
	float:right;
}
.ac{
	text-align:center; 
}
.al{
	text-align:left;
}
.ar{
	text-align:right;
}
.t-show{
	display:none;
}
.m-show{
	display:none;
}
.row{
	margin:5px 0;
}
.row:last-child{
	margin:0;
}
.col{
	display:inline-block;
	vertical-align:middle;
}
.col:last-child{
	margin-right:0;
}
.ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.essential{
	background:url(/ccp_img/bg_essential.png) no-repeat 0 0;	
}
.help-block {
    display: block;
    font-size:13px !important; /* important 지워주세요 */
    margin-top: 5px !important; /* important 지워주세요 */
    margin-bottom: 10px !important; /* important 지워주세요 */
    color: #737373;
}
.help-inline {
    display: inline-block;
    font-size:13px !important; /* important 지워주세요 */
    margin-top: 5px !important; /* important 지워주세요 */
    margin-bottom: 10px !important; /* important 지워주세요 */
    color: #737373;
}
.bbs-view-layout {
	padding:5px 0;
	background:#fff;
	border-radius:3px;
	font-family:'Nanum Gothic','나눔고딕', NanumGothic, Arial, Helvetica, sans-serif; /* 지워야합니다. */
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
	box-shadow: 0 1px 5px rgba(0,0,0,0.1);
}
.bbs-view-item {
	display:table;
	table-layout: fixed;
	width:95%;
	margin:0 auto;
	border-top:1px solid #ECECEC;
	min-height:50px;	
}
.bbs-view-item:after{
	content:'';
	clear:both;
	display:block;
}
.bbs-view-item:first-child{
	border-top:0;
}
.bbs-view-item .item-title {
	display:table-cell;
	width:23%;
	font-size:13px;
	padding:15px 10px;
	vertical-align:middle;
	font-weight:bold;
	color:#444344;
	padding-left:0;
	margin:0;
}
.bbs-view-item .item-box {
	display:table-cell;
	width:77%;
	padding:15px 0;
	color:#4b4e52;
	word-break: break-all;
	vertical-align: middle;
}
.bbs-view-item .item-box.ellipsis a {
	max-height:18px;
	display:block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.bbs-view-item#divSiteMenuCode {overflow:hidden}
.bbs-view-item#divSiteMenuCode > .item-box {overflow-x:scroll;overflow-y:hidden;}

.col .form-element{
	display: inline-block;
	width: auto;
	vertical-align: middle;	
}
.form-inline,
.form-group{
	margin-bottom:15px;	
}
.form-inline:last-child,
.form-group:last-child{
	margin-bottom:0;
}
.form-group label{
	margin-bottom:7px;
}
.form-element{
   display: block;
   width: 100%;
   height:30px;
   min-height:auto;
   padding:4px 10px;
   font-family: inherit;   
   color: #555;
   background-color: #fff;
   border: 1px solid #ddd;
   border-radius: 3px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.065) !important;
   box-shadow: inset 0 1px 1px rgba(0,0,0,.065) !important;
}
.form-element:focus {
   border-color: #94b6ed;
   outline: 0;
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.035),0 0 5px rgba(102,175,233,.45) !important;
   box-shadow: inset 0 1px 1px rgba(0,0,0,.035),0 0 5px rgba(102,175,233,.45) !important;
}

select.form-element{
	min-width:65px !important;
	padding-right:35px !important;
	background-image:url(/ccp_img/arrow-down-balck-big.png) !important;
	background-position:99% 55% !important;
	background-repeat:no-repeat !important;
	background-size:16px !important;
	background-color:#fff !important;
}
.ie9 select.form-element,
.ie8 select.form-element{
	background:none !important;
	padding-right:10px !important;
}
textarea.form-element{
	height:auto;
	padding:6px 10px;
	resize:vertical;
}
.form-checkbox,
.form-checkbox-all{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0 !important;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.form-checkbox + label,
.form-checkbox-all + label{
	position: relative;
	display:inline-block;
	padding:0 0 0 23px;
	margin:0 5px 0 0;
	height:18px;
	font-weight:normal;
}
.form-checkbox + label:last-child,
.form-checkbox-all + label:last-child{
	margin-right:0;
}
.form-checkbox + label:before,
.form-checkbox-all + label:before{
	content:'';
	position:absolute;
	left:0;top:0;
	display:inline-block;
	width:18px;
	height:18px;
	background-image:url(/ccp_img/checkbox-checked-none-big.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:18px;
}
.form-checkbox:checked + label:before,
.form-checkbox-all:checked + label:before{
	background-image:url(/ccp_img/checkbox-checked-big.png);
}
.ie8 .form-checkbox,
.ie8 .form-checkbox-all{
	position: static;
	width:auto;
	height:auto;
	line-height:inherit;
	z-index:1;		
}
.ie8 .form-checkbox + label,
.ie8 .form-checkbox-all + label{
	padding:0 0 0 5px;
}
.ie8 .form-checkbox + label:before,
.ie8 .form-checkbox-all + label:before{
	display:none;
}
.form-radio{
	position: absolute;
	width:1px;
	height:1px;
	line-height:0;
	z-index:-1; 
}
.form-radio + label{
	position: relative;
	display:inline-block;
	padding:0 0 0 24px;
	margin:0 5px 0 0;
	height:20px;
	line-height:1.42857143;
	font-weight:normal;
}
.form-radio + label:last-child{
	margin-right:0;
}
.form-radio + label:before{
	content:'';
	position:absolute;
	left:0;top:-1.5px;
	display:inline-block;
	width:20px;
	height:20px;
	background-image:url(/ccp_img/radio-checked-none-big.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:20px;
}
.form-radio:checked + label:before{
	background-image:url(/ccp_img/radio-checked-big.png);
}
.ie8 .form-radio{
	position: static;
	width:auto;
	height:auto;
	line-height:inherit;
	z-index:1;		
}
.ie8 .form-radio + label{
	height:18px;
	padding:0 0 0 5px;
}
.ie8 .form-radio + label:before{
	display:none;
}
.form-file{
	position: absolute;
	width:1px;
	height:1px;
	line-height:0;
	z-index:-1; 
}
.form-file + label{
	position:relative;
	padding:5px 7px 5px 37px;
	color:#fff;
	background:url(/ccp_img/file_up_big.png);
	background-repeat:no-repeat;
	background-position:0 50%;
	background-size:30px 28px;	
	background-color:#676fb2;
	border-radius:3px;
}
.ie8 .form-file + label{
	background-image:url(/ccp_img/file_up_small.png);
}
fieldset[disabled] .form-element,
.form-element[disabled]{
   cursor: not-allowed;
   background:#eee;
}
.input-group {
   position: relative;
   display: table;
   border-collapse: separate;
}
.input-group .form-element {
   position: relative;
   z-index: 2;
   float: left;
   width: 100%;
   margin-bottom: 0;
}
.input-group .form-element:not(:first-child):not(:last-child){
	border-radius:0;
}
.input-group .form-element:first-child{
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;	
}
.input-group .form-element:last-child{
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
}
.input-group .form-element,
.input-group-addon, .input-group-btn {
	display: table-cell;
}		
.input-group-addon {
    padding: 4px 10px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    vertical-align: middle;
}
.input-group-addon:first-child{
	border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-right:0;
}
.input-group-addon:last-child{
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   border-left:0;
}
.btn-default{
	position:relative;
	display: inline-block;
	vertical-align:middle;
	padding:6px 20px;
	font-size:13px;
	color:#fff !important; /* important 지워요 */
	font-weight:400;
	border-radius:3px;
	border: none;
	white-space: nowrap;
	text-align: center;
	background:#7e7e7e;
	cursor:pointer;
	-webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;	
	touch-action: manipulation;
}
.btn-default:hover{
	text-decoration:none !important;
}
.btn-default.shadow{
	box-shadow: 0 5px 0 #5F5F5F;
}
.btn-default:first-child{
	margin-left:0;
}
.btn-default.gray{
	background: #616161;
}
.btn-default.violet{
	background: #5e66ab;	
}
.btn-default.red{
	background: #a72000;
}
.btn-default.gray.shadow{
	background: #616161;
	box-shadow: 0 5px 0 #504d4d;
}
.btn-default.violet.shadow{
	background: #5e66ab;
	box-shadow: 0 5px 0 #474B7B
}
.btn-default.red.shadow{
	background: #a72000;
	box-shadow: 0 5px 0 #6a1400
}
.btn-default.shadow:active {
	top: 5px;
	box-shadow: 0 0 0;
}
/* 테이블 */
.data-table{
	position:relative;
	overflow-x: auto;
	overflow-y:hidden;	
	width:100%;
	min-height: .01%;
	border: 1px solid #dcdcdc;
}
.data-table table{
	width:100%;
	max-width:100%;
}
.data-table.scroll-x table th,
.data-table.scroll-x table td{
	white-space:nowrap;
}
.data-table.bordered{
   border:0;
}
.data-table.no-gradient th{
   background:#F2F2F2;
}
.data-table.no-hover table tbody tr:hover {
    background: #fff;
}
.data-table table tbody tr{
	border-top:1px solid #e8e8e8;background:#fff;	
}
.data-table table tbody tr:hover{
	background:#f3f3f3;	
}
.data-table table tr.on{
	background:#676fb2 !important;	
}
.data-table table tr.on *{
	color:#fff !important;
}
.data-table table tbody td.no-data-colspan{
	padding:14px 0;
	text-transform: uppercase;
	font-weight:700
}
.data-table table tbody td.no-data-colspan strong{
	text-transform: uppercase;
}
.data-table table th, 
.data-table table td{
	padding:11px 8px 9px 8px; 	
	font-family:NanumGothic, Arial, Helvetica, sans-serif;
	text-align:center;
}
.data-table table thead th{		
	border-bottom:1px solid #cfcfcf;
	background:#F2F2F2;
	background: rgba(250,250,250,1);
	background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(100%, rgba(233,233,233,1)));
	background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%);
	background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%);
	background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%);
	background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%);	
}
.data-table table thead th{
	vertical-align:middle;
}
.data-table table th{
	white-space:nowrap;
}
.data-table table td.nowrap{
	white-space:nowrap;
}
.data-table table th.al,
.data-table table td.al{
	text-align:left;
}
.data-table table th.ac,
.data-table table td.ac{
	text-align:center;
}
.data-table table th.ar,
.data-table table td.ar{
	text-align:center;
}
.data-table.al th,
.data-table.al td{
	text-align:left;
}
.data-table.ac th,
.data-table.ac td{
	text-align:center;
}
.data-table.ar th,
.data-table.ar td{
	text-align:right;
}
.data-table.bordered thead th{
	border:1px solid #dcdcdc;
}
.data-table.bordered tbody th,
.data-table.bordered tbody td{
	border: 1px solid #e8e8e8;
}
.data-table img{
	vertical-align:middle;
}
.columm-box{
	display:none;
	position:relative;	
	text-align:right;
	margin-bottom: 7px;
	padding-right: 7px;
	margin-top: 5px;
}
.columm-btn{
	width:15px;
	height:15px;
	background:url(/ccp_img/more-table-item.png) no-repeat center center;
	background-size:15px;
	text-indent:-999em;
}
.columm-list{
	position:absolute;
	top:20px;right:10px;
	z-index:12;
	background:#fff;
	margin:0 !important; /* 지워야함 */	
	padding:10px !important; /* 지워야함 */	
	box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	border-radius:3px;
	text-align:left;
}
.columm-list li{
	padding:3px 0;
	line-height:1;/* 지워야함 */	
	margin-bottom:0;/* 지워야함 */
	font-size:13px;/* 지워야함 */
}
.columm-list li label{
	font-weight:600;
}

@media screen and (min-width:1024px){
	.p-hide{
		display:none;
	}
	.form-inline .form-group{
		display:inline-block;
		margin-bottom:0;
		vertical-align:middle;
	}
	.form-inline .input-group {
	    display: inline-table;
	    vertical-align: middle;
	}	
	.form-inline .input-group > .form-element {
	    width: 100%;
	}	
	.form-inline label{
		margin-bottom:0;
	}
	.form-inline .form-element{
		display:inline-block;
		width:auto;
	}
}
@media screen and (max-width:1200px){
	.ds-hide{
		display:none;
	}
}
@media screen and (max-width:1024px){
	.t-hide{
		display:none;
	}
	.t-show{
		display:block;
	}
	.col{
		margin-bottom:5px;
	}
	.btn-default{
		margin:5px 0;
	}		
 	.btn-default.responsive{
		width: 200px;
	}
	.columm-box{
		display:block;
	}
	.columm-box .m-hide,
	.columm-box .item-mobile-hidden{
		display:none;
	}
	.input-group-addon,
	.input-group-btn {
	    width: 1%;
	    white-space: nowrap;
	    vertical-align: middle;
	}	
}
@media screen and (max-width:768px){
	.m-hide{
		display:none;
	}
	.m-show{
		display:block;
	}
	.bbs-view-item {
		padding:18px 0;
	}
	.bbs-view-item .item-title {
		display:block;
		width:100%;
		margin-bottom:15px;
		padding:0 5px;
	}
	.bbs-view-item .item-title:before {
		content:'+ ';
	}
	.bbs-view-item .item-box {
		display:block;
		width:100%;
		padding:0 5px;
	}		
	.columm-box .m-hide,
	.columm-box .item-mobile-hidden{
		display:block;
	}
}
@media screen and (max-width: 680px){
 	.btn-default.responsive{
		width: 80%;
	}	
}


.sd-state-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #737dca;
}
.sd-featurebar-crumbs {
	padding: 20px 24px 0 24px;
	margin-bottom: -6px;
    min-width: 0;
    z-index: 1;	
}
.sd-featurebar-crumb {
    color: rgba(255,255,255,.7);
    cursor: pointer;
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
    white-space: nowrap;
    position: relative;
    padding-right: 24px;
}
.sd-featurebar-crumb:hover {
	color: #fff;
}
.sd-featurebar {
  padding: 8px 24px 0 24px;
  min-height: 36px;
}
.sd-featurebar .sd-featurebar-title {
  float:left;
  height:40px;
  margin-right: 16px;
  margin-bottom:8px;
  color: #fff;
  font-family: Roboto, 'Noto Sans KR', 'Malgun Gothic', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 40px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sd-featurebar-title .btn.blue-theme.primary.sd-featurebar-back-button {
	top: -1px;
	color: rgba(255,255,255,.7)!important;
	margin: 0 8px 0 -8px!important;
}
.sd-featurebar-title .btn.blue-theme.primary.sd-featurebar-back-button:active {
    background-color: transparent;
}
.sd-featurebar-title .btn.blue-theme.primary.sd-featurebar-back-button:focus, 
.sd-featurebar-title .btn.blue-theme.primary.sd-featurebar-back-button:hover {
    background-color: transparent;
    color:#fff!important;
}
.sd-featurebar .sd-featurebar-help {
  float:right;
}
.sd-featurebar .sd-featurebar-help > .btn {
  margin:0 -8px 0 0;
}
.sd-featurebar .sd-featurebar-help > .btn .material-icons {
  color: #fff;
  color: rgba(255,255,255,.7);
}
.sd-featurebar .sd-featurebar-help > .btn:hover .material-icons {
  color:#fff;
}
.sd-subheader {
	padding:8px 24px 10px 24px;
	position: relative;
	height: 53px;
	transition: all .15s ease-in-out;
	background-color: rgba(255,255,255,0.94);
	box-shadow: 0 3px 1px -2px rgba(0,0,0,0.14), 0 2px 2px 0 rgba(0,0,0,0.098), 0 1px 5px 0 rgba(0,0,0,0.084);
}
.sd-tabs-wrapper {
  position:relative;
  background:#737dca;
}
.sd-tabbar {
  position:relative;
  overflow:hidden;
  height: 48px;
}
.sd-tabs {
  display:table;
  position:absolute;
  bottom: 0;
  left:0;
  padding:0;
}
.sd-tabs li {
  position: relative;
  display:table-cell;
}
.sd-tabs li > a {
  position:relative;
  display:block;
  padding: 14px 24px 10px 24px;
  text-align:center;
  color:#fff;
  color: rgba(255,255,255,.7);
  line-height: 24px;
  white-space:nowrap;
  letter-spacing:-1px;
  text-decoration: none;
}

.sd-tabs li .tab-close{
  display: none;
  position: absolute;
  right: 3px;
  top: 50%;
  color: #fff;
  cursor: pointer;
  margin-top: -3px;
  line-height: 1;
  z-index: 10;
}
.sd-tabs li:hover .tab-close{
	display: block;	
}
.sd-tabs li.is-active > a {
  color:#fff;
}
.sd-tabs li.is-active > a:after {
  content:'';
  position:absolute;
  left:0;bottom:0;
  width:100%;height:2px;
  background:#fff;
}
.sd-attribution-tabs {
	position: relative;
	overflow: hidden;
}
.sd-attribution-tabs .btn{
	float: left;
	min-width: 70px;
	font-family: 'Malgun Gothic', sans-serif;
	font-weight: 500;
	color: rgba(0,0,0,0.54);
    padding: 12px 24px;
    line-height: 24px;
    margin:0;
    border-radius:0;
}
.sd-attribution-tabs .btn:hover {
    background: transparent;
}
.sd-attribution-tabs .btn.active {
	color: rgba(0,0,0,0.87);	
}
.sd-attribution-tabs .ink-bar {
    position: absolute;
    width: 93px;
    left: 0;
    bottom: 0;
    height: 2px;
    background: #03a9e5;
}
.sd-attribution-tabs .ink-bar.left {
	-webkit-transition: left .125s cubic-bezier(.35,0,.25,1),right .25s cubic-bezier(.35,0,.25,1);
	transition: left .125s cubic-bezier(.35,0,.25,1),right .25s cubic-bezier(.35,0,.25,1);	
}
.sd-attribution-tabs .ink-bar.right {
    -webkit-transition: left .25s cubic-bezier(.35,0,.25,1),right .125s cubic-bezier(.35,0,.25,1);
    transition: left .25s cubic-bezier(.35,0,.25,1),right .125s cubic-bezier(.35,0,.25,1);	
}

.sd-tooltip {
  position: fixed;
  display: block;
  pointer-events: none;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
  opacity: 0;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px;
  height: 22px;
  line-height: 22px;
  padding-right: 8px;
  padding-left: 8px;
  color: rgba(255,255,255,0.87);
  background-color: rgb(97,97,97);
  -webkit-transform-origin: left center;
  -webkit-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  z-index: 1001;
  margin-left: 14px;
}
.sd-tooltip.is-active {
    -webkit-transition: all .4s cubic-bezier(0.25,0.8,0.25,1);
    -webkit-transition: all .4s cubic-bezier(0.25,0.8,0.25,1);
    transition: all .4s cubic-bezier(0.25,0.8,0.25,1);
    -webkit-transition-duration: 150ms;
    -webkit-transition-duration: 150ms;
    transition-duration: 150ms;
    -webkit-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .9;
}

.mask{position: fixed;z-index: 1000;top: 0;left: 0;height: 100%;width: 100%;background-color: rgba(33,33,33, 0.48);opacity: 0;visibility: hidden;-webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s;-moz-transition: opacity 0.2s 0s, visibility 0s 0.2s;transition: opacity 0.2s 0s, visibility 0s 0.2s;}
.mask.is-visible{opacity: 1;visibility: visible;-webkit-transition: opacity 0.2s 0s, visibility 0s 0s;-moz-transition: opacity 0.2s 0s, visibility 0s 0s;transition: opacity 0.2s 0s, visibility 0s 0s;}
.mask > div{position: relative;width: 90%;max-width: 600px;max-height: 90%;overflow-y: hidden;background-color: #ffffff;box-shadow: 0 0 20px rgba(64, 55, 156, 0.2);border-radius: .25em;
top: 54px;margin: 0 auto;}
.mask .mask-header {position: relative;padding: 1em 2.6em 1em 1.4em;padding: 13px 18px;background-color: #ededed;}
.mask h3 {line-height: 1.3;color: #212121;font-size: 16px;margin: 0;}
.mask h4{font-size: 14px;font-weight: 400;margin-bottom: 10px;text-transform: uppercase;}
.mask .mask-body {width:100%;line-height: 1.2;}
.mask .mask-body iframe{width:100%;border: 0;}
.mask .mask-footer {text-align: right;padding: 0 1.4em 1.25em;position: relative;}
.mask .mask-header .close {position: absolute;top: 50%;bottom: auto;
-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);
right: 18px;height: 24px;width: 24px;
background-size: 18px 18px;-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;transition: opacity 0.2s;overflow: hidden;
white-space: nowrap;text-align: center;line-height: 24px;font-size: 28px;}
.mask .mask-header .close:hover{opacity: .6;}

/* 설문조사 */
.surveyDataTit{ font-weight:bold; font-size:15px; color:#545454; margin-bottom:20px; margin-top:30px;}
.surveyDataList table{ width: 100%; table-layout: fixed; border-spacing: 0; border-collapse: collapse; border-top: 2px solid #505050; border-bottom: 1px solid #b7b7b7;}
.surveyDataList th{ text-align:right; border-right:1px solid #b7b7b7; }
.surveyDataList td{}
.surveyDataList th,
.surveyDataList td{ background:#fff; padding:10px; font-size:14px; color:#666;}
.surveyDataList tbody th,
.surveyDataList tbody td{ border-bottom:1px solid #e0e0e0;}
.surveyDataList tfoot td{ text-align:right;}
.surveyDataList .graph p{ background: #dddddd; width:100%; height:28px;}
.surveyDataList .graph span{ background:#6f75ad; display: block; height: 100%; opacity:0; animation:1s ani ease forwards;}
.surveyDataList .value{ text-align:right;}
.surveyDataList > ul{ background:#fff; border-top: 2px solid #505050; border-bottom: 1px solid #b7b7b7;}
.surveyDataList > ul > li{ padding:10px; border-top:1px dashed #e0e0e0;}
.surveyDataList > ul > li:first-child{ border-top:none;}
.surveyDataList > ul + .jqPaging_seosul_wrap{ background:#fff; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #b7b7b7; margin-top:0;}
.jqPaging_seosul_wrap {margin-top:30px;text-align:center;}
.jqPaging_seosul_wrap .jqPaging_seosul {display:inline-block;}
.surveyDataList table ul li{ border-top:1px dashed #e0e0e0; padding:5px 0;}
.surveyDataList table ul li:first-child{ border-top:none;}
.surveyDataList tbody tr:nth-child(1) .graph span {-webkit-animation-delay:0.5s;-o-animation-delay:0.5s;animation-delay:0.5s;}
.surveyDataList tbody tr:nth-child(2) .graph span {-webkit-animation-delay:1.0s;-o-animation-delay:1.0s;animation-delay:1.0s;}
.surveyDataList tbody tr:nth-child(3) .graph span {-webkit-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s;}
.surveyDataList tbody tr:nth-child(4) .graph span {-webkit-animation-delay:2.0s;-o-animation-delay:2.0s;animation-delay:2.0s;}
.surveyDataList tbody tr:nth-child(5) .graph span {-webkit-animation-delay:2.5s;-o-animation-delay:2.5s;animation-delay:2.5s;}
.surveyDataList tbody tr:nth-child(6) .graph span {-webkit-animation-delay:3.0s;-o-animation-delay:3.0s;animation-delay:3.0s;}
.surveyDataList tbody tr:nth-child(7) .graph span {-webkit-animation-delay:3.5s;-o-animation-delay:3.5s;animation-delay:3.5s;}
.surveyDataList tbody tr:nth-child(8) .graph span {-webkit-animation-delay:4.0s;-o-animation-delay:4.0s;animation-delay:4.0s;}
.surveyDataList tbody tr:nth-child(9) .graph span {-webkit-animation-delay:4.5s;-o-animation-delay:4.5s;animation-delay:4.5s;}
.surveyDataList tbody tr:nth-child(10) .graph span {-webkit-animation-delay:5.0s;-o-animation-delay:5.0s;animation-delay:5.0s;}
@-moz-keyframes ani {0% {width:0;} 100% {opacity:1;}}
@-webkit-keyframes ani {0% {width:0;} 100% {opacity:1;}}
@-ms-keyframes ani {0% {width:0;} 100% {opacity:1;}}
@-o-keyframes ani {0% {width:0;} 100% {opacity:1;}}
@keyframes ani {0% {width:0;} 100% {opacity:1;}}
/* 설문조사 */