@charset "utf-8";

.ct-status{
padding: 2px 4px;
font-size: 90%;
border-radius: 3px;
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
}
.ct-status.black{
color: #fff;
background-color: #333 !important;
}

.ct-status.blue{
color: #fff;
background-color: #0683ff !important;
}

.ct-status.orange{
color: #fff;
background-color: #f07c1e !important;
}

.ct-status.orange2{
color: #fff;
background-color: #ff6600 !important;
}

.ct-status.red{
color: #fff;
background-color: #f4301a !important;
}

.ct-status.green{
color: #fff;
background-color: #339900 !important;
}

.ct-status.lorange{
color: #333300;
background-color: #ff9900;
}

.ct-status.silver{
color: #333300;
background-color: #dadada;
}

.ct-status.order:first-child{
margin:0 0 0 0 !important;
}

.ct-status.order{
margin:0 0 0 5px !important;
}

.ct-hgroup h1,
.ct-hgroup h2,
.ct-hgroup h3,
.ct-hgroup h4,
.ct-hgroup h5,
.ct-hgroup h6 {
	margin: 36px 0 12px;
	font-family: NotoSans-Thin, sans-serif;
	font-style: normal;
	clear: both;
}

.ct-hgroup h1 {
	margin: 45px 0 28px;
	padding-bottom: 22px;
	border-bottom: 1px solid #ddd;
	font-size: 26px;
	line-height: 1.3846153846;
}

.ct-hgroup h2 {
	margin: 25px 0 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #ddd;
	font-size: 24px;
	line-height: 1;
}

.ct-hgroup h3 {
	font-size: 22px;
	line-height: 1.0909090909;
}

.ct-hgroup h4 {
	font-size: 18px;
	line-height: 1.2;
	font-family: NotoSans-Regular, sans-serif;
	font-weight: normal;
}

.ct-hgroup h5 {
	font-size: 18px;
	line-height: 1.2;
	font-family: NotoSans-Regular, sans-serif;
	font-weight: normal;
}

.ct-hgroup h6 {
	font-size: 18px;
	line-height: 1.2;
	font-family: NotoSans-Regular, sans-serif;
	font-weight: normal;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child { margin-top: 0; }

/**
 * 구문 강조
 * ---------------------------------------------------------------------------
 */

/* 강조된 문장 */
.ct-hgroup b {
	font-family: NotoSans-Medium;
	font-weight: normal;
	color: #333;
}

.ct-em {
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
}

/* 중요한 문장 */
.ct-strong {
	margin-left: 5px;
	padding: 2px 0 2px 18px;
	border-bottom: 2px solid #f7c6b8;
	background-color: transparent;
	background-image: url('../images/icon-important.png');
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: normal;
}

/* 마킹 */
.ct-mark {
	margin-left: 5px;
	padding: 2px 4px;
	background-color: #f7f3c5;
	background-repeat: no-repeat;
	background-position: left center;
	color: #834202;
	font-size: 90%;
}

/* 주목 */
.ct-u {
	padding-bottom: 2px;
	border-bottom: 2px solid #99deff;
	text-decoration: none;
}

/**
 * 2.0 텍스트 입력박스
 * ---------------------------------------------------------------------------
 */
 
.ct-input {
	margin: 5px 0;
	padding: .5em .75em;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	border-radius: .25em;
	background-image: url('../images/bg-input.png');
	background-repeat: repeat-x;
	background-position: top;
	vertical-align: middle;
}

.ct-input.small {
	height: 25px;
	padding: 0 .75em;
	line-height: 25px;
	font-size: 11px;
}

.ct-input.default {
	height: 35px;
	padding: 0 .75em;
	line-height: 35px;
	font-size: 12px;
}

.ct-input.large {
	height: 46px;
	padding: 0 .75em;
	font-size: 18px;
	font-weight: 600;
	line-height: 46px;
}

/* 스타일 */
.ct-input.white {
	border: 1px solid #ebebeb;
	border-bottom-color: #e2e2e2;
	background-color: #fdfdfd;
	color: #cacaca;
}

.ct-input.white:hover { border: 1px solid #ddd; }

.ct-input.white:focus {
	
}

.ct-input.sky {
	background-color: #e9eef0;
	border: 1px solid #c2d1d7;
	color: #65778c;
}

.ct-input.sky:hover { border: 1px solid #b0c2c9; }

.ct-input.sky:focus {
	background-color: #dde5e8;
	color: #65778c;
}

/* Textarea 폼 */
.ct-textarea {
	padding: 1em;
	color: #65778c;
	font-family: inherit;
	font-size: 12px;
	background-color: #e9eef0;
	border: 1px solid #c2d1d7;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow-x: hidden;
	overflow-y: auto;
	background-image: url('../images/bg-input.png');
	background-repeat: repeat-x;
	background-position: top;
}

.ct-textarea:focus {
	background-color: #dde5e8;
	color: #65778c;
}

/**
 * 3.0 버튼
 * ---------------------------------------------------------------------------
 */
 
.ct-btn {
	display: inline-block;
	margin: 5px 0;
	padding: .5em .75em;
	border-radius: .25em;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	background: transparent;
	outline: 0;
	vertical-align: middle;
	font-family: inherit;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
}

.ct-btn.small {
	height: 25px;
	padding: 0 .75em;
	font-size: 11px;
	line-height: 25px;
}

.ct-btn.default {
	height: 35px;
	padding: 0 .75em;
	font-size: 12px;
	line-height: 35px;
}

.ct-btn.large {
	height: 46px;
	padding: 0 1em;
	font-size: 18px;
	font-weight: 600;
	line-height: 46px;
}

/* 스타일 */
.ct-btn.white,
.ct-btn.white:link,
.ct-btn.white:visited {
	color: #666!important;
	border: 1px solid #ebebeb;
	border-bottom-color: #c6c6c6;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
	background: #fff;
	background: linear-gradient(to bottom, #ffffff 40%, #f6f6f6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 );
}

.ct-btn.white:focus,
.ct-btn.white:hover {
	background: #f4f4f4;
	background: linear-gradient(to bottom, #fafafa 0%, #fff 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0 );/*IE*/
}

.ct-btn.white:active,
.ct-btn.white.active {
	text-shadow: 0 1px 0px #fff;
	border-color: #ebebeb;
	border-top-color: #ddd;
	background: #f4f4f4;
	box-shadow: none
}

.ct-btn.blue,
.ct-btn.blue:link,
.ct-btn.blue:visited {
	color: #fff!important;
	text-shadow: 0 1px 0px #135fa4;
	border: 1px solid #135fa4;
	border-top-color: #2d9acf;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.22);
	background: #3aaee7;
	background: linear-gradient(to bottom, #3aaee7 0%, #1a80d9 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3aaee7', endColorstr='#1a80d9', GradientType=0 );/*IE*/
}

.ct-btn.blue:hover {
	background: #50bae9;
	background: linear-gradient(to bottom, #50bae9 0%, #3392de 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50bae9', endColorstr='#3392de', GradientType=0 );/*IE*/
}

.ct-btn.blue:active,
.ct-btn.blue.active {
	border-color: #2585d9;
	border-top-color: #0f4678;
	background: #2d90e7;
	box-shadow: none
}

.ct-btn.green,
.ct-btn.green:link,
.ct-btn.green:visited {
	color: #fff!important;
	text-shadow: 0 1px 0px #135fa4;
	border: 1px solid #368321;
	border-top-color: #439f2a;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.22);
	background: #76ac41;
	background: linear-gradient(to bottom, #76ac41 0%, #489215 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76ac41', endColorstr='#489215', GradientType=0 );/*IE*/
}

.ct-btn.green:hover {
	background: #4c9b16;
	background: linear-gradient(to bottom, #7ab243 0%, #4c9b16 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ab243', endColorstr='#4c9b16', GradientType=0 );/*IE*/
}

.ct-btn.green:active,
.ct-btn.green.active {
	border-color: #6c9d3c;
	border-top-color: #368321;
	background: #4c9b16;
	box-shadow: none;
	text-shadow: none;
}

.ct-btn.yellow,
.ct-btn.yellow:link,
.ct-btn.yellow:visited {
	color: #000!important;
	text-shadow: 0 1px 0 #fcda7c;
	border: 1px solid #dfac23;
	border-bottom: 1px solid #c06f01;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.10);
	background: #f5a802;
	background: linear-gradient(to bottom, #fcd054 0%, #f5a802 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd054', endColorstr='#f5a802', GradientType=0 );/*IE*/
}

.ct-btn.yellow:hover {
	background: #ffb618;
	background: linear-gradient(to bottom, #ffdc78 0%, #ffb618 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdc78', endColorstr='ffb618', GradientType=0 );/*IE*/
}

.ct-btn.yellow:active,
.ct-btn.yellow.active {
	border-color: #efa80d;
	border-top-color: #cf8e00;
	background: #ffb618;
	box-shadow: none;
	text-shadow: none;
}

.ct-btn.red,
.ct-btn.red:link,
.ct-btn.red:visited {
	color: #fff!important;
	text-shadow: 0 1px 0 #991e1a;
	border: 1px solid #991e1a;
	border-top: 1px solid #c06f01;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.20);
	background: #b22520;
	background: linear-gradient(to bottom, #e8605a 0%, #b22520 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8605a', endColorstr='#b22520', GradientType=0 );/*IE*/
}

.ct-btn.red:hover {
	background: #ca3631;
	background: linear-gradient(to bottom, #f17771 0%, #ca3631 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdc78', endColorstr='ffb618', GradientType=0 );/*IE*/
}

.ct-btn.red:active,
.ct-btn.red.active {
	border-color: #a0211d;
	border-top-color: #7f1b17;
	background: #b22520;
	box-shadow: none;
	text-shadow: none;
}

.ct-btn.k-plate,
.ct-btn.k-plate:link,
.ct-btn.k-plate:visited {
	color: #666!important;
	border: 1px solid #c3c3c3;
	border-top-color: #d9d9d9;
	border-radius: 1px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .1), inset -1px -1px 0 #fff;
	background: #fff;
	background: linear-gradient(to bottom, #fdfdfd 0%, #f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f8f8f8', GradientType=0 );
}

.ct-btn.k-plate:focus,
.ct-btn.k-plate:hover {
	background: #f4f4f4;
	background: linear-gradient(to bottom, #fafafa 0%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0 );/*IE*/
}

.ct-btn.k-plate:active,
.ct-btn.k-plate.active {
	text-shadow: 0 1px 0px #fff;
	border-color: #ebebeb;
	border-top-color: #ddd;
	background: #f4f4f4;
	box-shadow: none
}

.ct-btn.soap,
.ct-btn.soap:link,
.ct-btn.soap:visited {
	padding: .45em .75em .75em .75em;
	color:#888!important;
	text-shadow:0 1px 0 #fafafa;
	border-style: solid;
	border-width: 1px;
	border-top-color: #f2f2f2;
	border-left-color: #dfdfdf;
	border-right-color: #dfdfdf;
	border-bottom-color: #ccc;
	box-shadow:
	0 .2em .3em rgba(0,0,0,.1),
	inset 0 -0.3em 0 #ddd,
	inset 0 -0.33em 0 #f1f1f1;
	background: #e9e9e9;
	background: linear-gradient(to bottom, #fafafa 0%, #e9e9e9 80%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fafafa, endColorstr=#e9e9e9);
}

.ct-btn.soap.small {
	height: 25px;
	padding: 0 .75em;
	font-size: 11px;
	line-height: 22px;
}

.ct-btn.soap.default {
	height: 35px;
	padding: 0 .75em;
	font-size: 12px;
	line-height: 32px;
}

.ct-btn.soap.large {
	height: 46px;
	padding: 0 1em;
	font-size: 18px;
	font-weight: 600;
	line-height: 42px;
}

.lt-ie10 .ct-btn.soap {
	padding: .5em .75em;
}

.lt-ie10 .ct-btn.soap.small {
	padding: 0 .75em;
	line-height: 25px;
}

.lt-ie10 .ct-btn.soap.default {
	padding: 0 .75em;
	line-height: 35px;
}

.lt-ie10 .ct-btn.soap.large {
	padding: 0 1em;
	line-height: 46px;
}

/* 버튼을 담는 리스트 */
ul.ct-btn-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}

ul.ct-btn-list li {
	margin: 0;
	padding: 0;
	display: inline-block;
 *float:left;/*IE*/
 *margin:0 3px;/*IE*/
}

/**
 * 4.0 리스트
 * ---------------------------------------------------------------------------
 */

.ct-list { 
	margin: 20px 0 40px;
	padding: 0 0 0 40px;
	font-size: 13px;
	line-height: 1.6;
}

.ct-list > li { margin-top: 15px; }
.ct-list > li:first-child { margin-top: 0; }

ul.ct-list {
	list-style-type: disc;
	list-style-image: none;
	list-style-position: outside;
}

.ct-list.box { 
	padding: 20px 40px;
	border-width: 5px;
	border-style: solid;
}

/**
 * 테이블
 * ---------------------------------------------------------------------------
 */

.ct-table {
    width: 100%;
}
 
.responsive-wrap > .ct-table {  margin-bottom: 0 }
 
.ct-table > thead { display: table-header-group; }

.ct-table th,
.ct-table td {
	padding: 10px;
	border: 1px solid #f4f6f8;
	background-color: #fff;
	font-size: 12px;
	text-align: left;
}

.ct-table.nowrap th { white-space: nowrap}

.ct-table td { color: #808080; }

.ct-table th[scope=row] { border-right-color: #dfe6eb; }

.ct-table th[scope=col] { border-bottom-color: #dfe6eb; }

/* 셀 정렬 */
.ct-table.th-left th,
.ct-table.col-th-left th[scope=col],
.ct-table.row-th-left th[scope=row],
.ct-table.td-left td { text-align: left; }

.ct-table.td-insert td{
font-size:11px;
vertical-align:middle;
padding:5px;
}

.ct-table.th-insert th{
font-size:11px;
vertical-align:middle;
padding:5px;
}


.ct-table.td-min td{
font-size:11px;
padding:2px;
}

.ct-table.th-min th{
font-size:11px;
padding:2px;
}


.ct-table.th-center th,
.ct-table.col-th-center th[scope=col],
.ct-table.row-th-center th[scope=row],
.ct-table.td-center td { text-align: center; }

.ct-table.th-right th,
.ct-table.col-th-right th[scope=col],
.ct-table.row-th-right th[scope=row],
.ct-table.td-right td { text-align: right; }

.ct-table > caption {
    padding: 10px;
	font-size: 11px;
	color:#808080;
	background-color: #f4f6f8;
	text-align: left;
	caption-side: top;
 }

/**
 * 4.0 페이지네이션
 * ---------------------------------------------------------------------------
 */

.ct-pagination {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
}

.ct-pagination > a,
.ct-pagination > span {
	display: inline-block;
	margin: 0 2px;
	padding: 10px 18px;
	border: 1px solid transparent;
	line-height: normal;
	font-size: .75em;
}

.ct-pagination.white > a,
.ct-pagination.white > span {
	border: 1px solid #ccc;
	color: #727272;
}

.ct-pagination.white > a:hover,
.ct-pagination.white > a:focus { border: 1px solid #aaa; }

.ct-pagination.white > span.current { border: 1px solid transparent; }

.ct-pagination.emboss > a,
.ct-pagination.emboss > span {
	position: relative;
	top:0;
	border: 1px solid #ebebeb;
	border-bottom-color: #dedede;
	border-radius: 3px;
	background-color: #fff;
	vertical-align: bottom;
	transition: all .2s;
	color: #727272;
}

.ct-pagination.emboss > a:hover,
.ct-pagination.emboss > a:focus {
	top: -4px;
	margin-top: -4px;
	padding-bottom: 14px;
	border-top-color: #f1f1f1;
	box-shadow:
	0 3px 4px rgba(0, 0, 0, 0.06),
	inset 0 -4px 0 #f4f4f4
}

.ct-pagination.emboss > a:active,
.ct-pagination.emboss > span.current {
	top: 0;
	margin-top: 0;
	padding-bottom: 10px;
	text-shadow: 0 1px 0px #fff;
	border-color: #ebebeb;
	border-top-color: #ddd;
	background: #f4f4f4;
	box-shadow: none
}

/**
 * 5.0 알림 상자
 * ---------------------------------------------------------------------------
 */
 
.ct-alert {
	display: block;
	margin: 0 0 20px 0;
	padding: 10px 15px;
	border-style: solid;
	border-width: 5px;
	border-color: #f4f4f4;	
	background-color: #fff;
	font-size: 14px;
}

.ct-alert:after {
	content: " ";
	display: block;
	clear: both;
}

.ct-alert > a,
.ct-alert > a:visited {
	color: inherit;
	font-weight: bold;
}

.ct-alert > a:hover,
.ct-alert > a:focus {
	color: inherit;
	text-decoration: underline;
}

/**
 * 7.0 설명 상자
 * ---------------------------------------------------------------------------
 */

.ct-dl {
	margin: 0 0 20px;
	padding: 1em;
	border-style: solid;
	border-width: 5px;
	border-color: #f4f4f4;	
	background-color: #fff;
	font-size: 12px;
}

.ct-dl > dt {
	margin: 40px 0 8px;
	padding: 0;
	font-weight: bold;
	color:#414141;
}

.ct-dl > dt:first-child { margin-top: 0; }

.ct-dl > dt + dd {
	margin: 0 0 0 18px;
	padding: 0;
	line-height:1.8;
}

.ct-dl > dd { color:#808080; }

.ct-dl.default {
	padding-left:0;
	border:none;
}

/* 개발자 예시용 */
.ct-dl.ex > dt { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

.ct-dl.ex > dd {
	font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
	font-size:13px;
}

.ct-dl.ex > dt.bad { color:#ff0000; }

.ct-dl.ex > dt.good { color:#7c9e4a; }

.ct-dl.ex > dt.best { color:#436227; }


/**
 * 6.0 실행 상자
 * ---------------------------------------------------------------------------
 */

.ct-run {
	display: table;
	width: 100%;
	margin: 0 0 20px 0;
	border-style: solid;
	border-width: 1px;
	border-color: #f4f4f4;	
	background-color: #fff;
	border-radius: 4px;
}

.ct-run:after {
	content: " ";
	display: block;
	clear: both;
}

.ct-run > a,
.ct-run > a:visited {
	color: inherit;
	font-weight: bold;
}

.ct-run > a:hover,
.ct-run > a:focus {
	color: inherit;
	text-decoration: underline;
}

.ct-run .ct-btn { margin: 0; }

.ct-run > .desc {
	display: table-cell;
	margin: 0;
	padding: 10px 15px;
	vertical-align: middle;
}

.ct-run > .run {
	float: right;
	padding: 5px;
}

.ct-run { *width:auto;
*zoom:1;/*IE*/
}

.ct-run .desc { *float:left;/*IE*/
}

/**
 * 7.0 요약 상자
 * ---------------------------------------------------------------------------
 */
 
.ct-details {
	margin: 0 0 20px 0;
	padding: 1em 1.5em;
	border-style: solid;
	border-width: 0;
	border-left-width: 6px;
	border-color: #ffe272;	
	background-color: #fffae5;
}

.ct-details > summary {
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	line-height: 32px;
	cursor: pointer;
}

.ct-details > p {
	margin: 0;
	padding: 0;
	font-size: 12px!important;
}

.ct-details > p > a,
.ct-details > p > a:visited {
	color: inherit;
	font-weight: bold;
}

.ct-details > p > a:hover,
.ct-details > p > a:focus {
	color: inherit;
	text-decoration: underline;
}

.ct-details.ct-white > summary { color: #808080; }

.ct-details.ct-blue > summary { color: #34789a; }

.ct-details.ct-green > summary { color: #3c763d; }

.ct-details.ct-yellow > summary { color: #666; }

.ct-details.ct-red > summary { color: #b94a4d; }

/**
 * 코드
 * ---------------------------------------------------------------------------
 */
 
code,
code.box > pre {
	margin: 0;
	padding: 0;
	font-family: 나눔고딕, NanumGothic, "맑은 고딕", "Malgun Gothic", Monaco, Menlo, Consolas, "Courier New", monospace;
}

code {
	padding: 2px 4px;
	color: #c7254e;
	font-size: 90%;
	border-radius: 4px;
	background-color: #f9f2f4;
	white-space: nowrap;
}

code.box {
	display: block;
	margin: 0 0 20px 0;
	padding: 10px 15px;
	border: 1px solid #dddddd;
	border-radius: 4px;
	background-color: #f7f7f9;
	color: #414141;
	font-size: 13px;
	line-height: 1.4;
}

code.box.bad,
code.box.good {
	padding-top: 70px;
	background-repeat: no-repeat;
	background-position: 15px 25px;
}

code.box.bad {
	background-color: #fdf7f7;
	background-image: url'(../images/icon-exam-bad.png');
}

code.box.good {
	background-color: #fffcf2;
	background-image: url('../images/icon-exam-good.png');
}

/* 코드셋트 */

.ct-ex { margin-bottom: 20px; }

.ct-samp {
	display: block;
	margin-bottom: 20px;
	padding: 42px 15px 15px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-family: inherit;
	font-size: 13px;
	background: #fff url('../images/bg-exam.png') no-repeat 15px 16px;
}

.ct-ex > .ct-samp {
	margin-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.ct-ex code.box {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-top: none;
}

/**
 * 그림 상자
 * ---------------------------------------------------------------------------
 */

.ct-figure,
.ct-media {
	display: block;
	margin: 30px 0;
	padding: 0;
	text-align:center;
}

.ct-figure > img,
.ct-media > img {
    max-width: 100%;
    height: auto;
	vertical-align: middle;
}

.ct-figure > figcaption,
.ct-media > p.caption {
    display: block;
	margin:20px 0 0 0;
	padding: 0;
	color: #999;
	font-size: 12px;
	line-height: 1.7;
	text-align: center;
}

.ct-figure.border > img,
.ct-media.border > img {
	border-width: 1px;
	border-style: solid;
	border-color: #ddd;
}

/* 박스형 */

.ct-figure.box,
.ct-media.box {
	display: table;
	margin-left: auto;
	margin-right: auto;
	padding: 4px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: #fff;
	box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}

.ct-figure.box > img,
.ct-media.box > img {
	border: none;
	border-radius: 4px;
}

.ct-figure.box > figcaption,
.ct-media.box > p.caption {
	margin-top: 4px;
	padding: 12px 10px;
	border-radius: 4px;
	background-color:#f4f4f4;
	color: #999;
	text-align: left;
}

/**
 * 7.0 정보 그릇
 * ---------------------------------------------------------------------------
 */

.ct-bowl {
	margin-bottom: 20px;
	border: 1px solid #ebebeb;
	border-bottom-color: #dedede;
	background-color: #fff
}

.ct-bowl-animation {
	position: relative;
	top:0;
	margin-bottom: 20px;
	border: 1px solid #ebebeb;
	border-bottom-color: #dedede;
	border-radius: 4px;
	background-color: #fff;
	vertical-align: bottom;
	transition: all .2s
}

.ct-bowl-animation:hover {
	top: -6px;
	margin-top: -6px;
	padding-bottom: 6px;
	border-top-color: #f1f1f1;
	box-shadow:
	0 3px 4px rgba(0, 0, 0, 0.06),
	inset 0 -6px 0 #f4f4f4
}

.ct-bowl > p,
.ct-bowl-animation > p {
	margin: 0;
	padding: 10px
}

.ct-bowl:after,
.ct-bowl-animation:after {
	content: " ";
	display: block;
	clear: both;
}

.ct-bowl.border { border-radius: 4px }

.ct-bowl.shadow { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.ct-bowl.emboss {
	padding-bottom: 6px;
	border-top-color: #f1f1f1;
	box-shadow:
	0 3px 4px rgba(0, 0, 0, 0.06),
	inset 0 -6px 0 #f4f4f4;
}

/**
 * 반응형 링크 메뉴
 * ---------------------------------------------------------------------------
 */

nav.ct-linklist {
	position: relative;
	min-height: 40px;
}

/**
 * 9.0 퀵 폰트
 * ---------------------------------------------------------------------------
 */
 
.kr-01 { font-family: 돋움, dotum, 굴림, gulim, sans-serif; }

.kr-02 {
	font-family: 돋움, dotum, 굴림, gulim, sans-serif;
	letter-spacing: -1px;
}

.kr-03 { font-family: 굴림, gulim, 돋움, dotum, sans-serif; }

.kr-04 {
	font-family: 굴림, gulim, 돋움, dotum, sans-serif;
	letter-spacing: -1px;
}

.kr-05 { font-family:나눔고딕, NanumGothic, "맑은 고딕", "Malgun Gothic", "Apple SD 산돌고딕 Neo", "AppleSDGothicNeo", 돋움, dotum, sans-serif; }

.en-01 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

/**
 * 반응형 유틸리티
 * ---------------------------------------------------------------------------
 */

.responsive-wrap {
	display: inline-block;
	margin-bottom: 20px;
	border: 12px solid #eaeff2;
	*float: left;/*IE*/
}

.responsive-wrap.full,
.responsive-wrap.full > .ct-table { width: 100%; }

.responsive-wrap:after {
	content: " ";
	display: block;
	clear: both;
}

.responsive-img {
	max-width: 100%;
	height: auto;
}

/**
 * 1.0 객체 디자인
 * ---------------------------------------------------------------------------
 */

/* 색상 */
.ct-white {
	border-color: #f4f4f4;	
	background-color: #fff;
}

.ct-blue {
	border-color: #ebf5f8;
	background-color: #f4f7f8;
}

.ct-green {
	border-color: #e0f1e9;
	background-color: #f1f9f7;
}

.ct-yellow {
	border-color: #f5f5da;
	background-color: #f9f8e6;
}

.ct-dark-yellow {
	border-color: #f2d978;
	background-color: #ffe57f;
}

.ct-red {
	border-color: #bf514c;
	background-color: #ca5651;
	color:#fff!important;
}

/* 테두리 */
.ct-thin { border-width: 1px; }

.ct-thick { border-width: 5px; }

.ct-rounded { border-radius: 4px; }

.ct-dashed { border-style: dashed; }

.ct-circle { border-radius: 50%; }

/**
 * 10.0 미디어 쿼리
 * ---------------------------------------------------------------------------
 */
    
@media screen and (max-width: 48em ) {
}

@media screen and (max-width: 36.5em ) {
	
/* 실행상자 */
.ct-run > .desc {
	display: block;
	text-align: center;
}

.ct-run > .run {
	float: none;
	text-align: center;
	padding-bottom: 10px;
}

.ct-run > .run > .ct-btn { display: block; }

/* 테이블 */
.ct-table th,
.ct-table td { white-space: nowrap; }

/* 수평선 */
.ct-hr.shadow { margin: 2em 0; }

/* 반응형 유틸리티 */
.responsive-wrap {
	width: 100%;
	overflow-y: hidden;
	overflow-x: scroll;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	-webkit-overflow-scrolling: touch;
	border: none;
}

/* 반응형 링크리스트 */
nav.ct-linklist ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 130px;
	padding: 5px 0;
	border: solid 1px #bbb;
	background: #fff url(../images/icon-menu.png) no-repeat 10px 10px;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	font-family: 나눔고딕, NanumGothic, "맑은 고딕", "Malgun Gothic", 굴림, gulim, 돋움, dotum, "Apple SD 산돌고딕 Neo", "Apple SD Gothic Neo", sans-serif;
	font-size: 12px;
	font-weight: normal
}

nav.ct-linklist ul > li {
	display: none;
	margin: 0;
	line-height: 100%
}

nav.ct-linklist ul > li:first-child { display: block }

nav.ct-linklist ul > li > a {
	display: block;
	width: 100%!important;
	height: auto!important;
	margin: 0 5px 0 0;
	padding: 5px 5px 5px 32px;
	background-image: none!important;
	text-indent: 0!important;
	text-align: left
}

nav.ct-linklist ul > li:first-child > a {
	background: none;
	color: #666
}

nav.ct-linklist ul:hover { background-image: none }

nav.ct-linklist ul:hover > li {
	display: block;
	margin: 0 0 5px
}

nav.ct-linklist ul:hover > li:first-child { background: url(../images/icon-check.png) no-repeat 10px 7px }

}

/* 헤딩 그룹 */
.bc-hgroup-01 {
	margin: 0;
	padding-bottom: 40px;
}

.bc-hgroup-01 span.strong { font-weight: 800; }

.bc-hgroup-01 h1 {
	font-family: Nanum Myeongjo;
	font-size: 46px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: -3px;
	color: #212121;
	line-height: 0;
	display: block;
	padding-bottom: 30px;
}

.bc-hgroup-01 h2 {
	font-size: 30px;
	font-family: Nanum Pen Script;
	font-weight: 400;
	font-style: normal;
	letter-spacing: -1px;
	color: #2b96f2;
	line-height: 0;
	display: block;
}

/* 탑바 */
.ct-topbar {
	margin: 0;
	padding: 1em;
	font-family: 나눔고딕, NanumGothic, "맑은 고딕", "Malgun Gothic", 돋움, dotum, 굴림, gulim;
	font-size: 11px;
	letter-spacing: -1px;
}

.ct-topbar.orange {
	color: #834202;
	background: #f9c667;
	background: linear-gradient(to bottom, #f9c667 0%, #f79621 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621', GradientType=0 );
}

/* 분리선 */
.ct-hr.shadow {
	display: block;
	height: 20px;
	border: 0;
	margin: 3em 0;
	padding: 0;
	background: url('../images/hr-01.png') no-repeat center top;
	text-indent: -1000em;
}