@charset "utf-8";

/* ------------------------------------------ 사이트별 개별설정-------------------------------------------------------- */
#content h4{} 
#container h4 > b{display: block; font-weight: 600;}
#content h5{font-size:20px;color:#111;line-height:1.2em;background: url("/images/dinosaur/inc/circle01.png") left 0 no-repeat;padding-left: 30px;margin-bottom: 20px;}
#content h5 > span > p{margin-top: 10px; font-size:16px; font-weight: normal;}

@media all and (max-width:767px) {

#content h5{background-size:16px; font-size:18px; margin-bottom:10px;padding-left: 25px;}
#content h5 > span{display: block; margin-top: 10px;margin-bottom: 40px;}
#content h5 > span > p{font-size:15px;}

}



/* ul */
.cul{line-height:1.6em;margin-left:10px;}
.cul li{ background:url(/images/jewelry/inc/dot01.gif) left 11px no-repeat; padding-left:10px;}
.cul li ul{ margin-left:10px;}
.cul li ul li{background:url(/images/jewelry/inc/icon01.gif) left 5px no-repeat; padding-left:10px;}
ul .bg_none{ background:none;}
ul li.bg_none ul{margin-left:0px;}
ul li.bg_none ul li{ background:none;}

@media all and (max-width:767px) {

}

/* ul */
.cdl{line-height:1.6em;}
.cdl dt{background:url("/images/inc/h6.png") no-repeat left 3px; padding-left:22px;font-size:17px;color:#000000;line-height:1.2em; margin-bottom:10px;}
.cdl dd{background:url(../images/board/icon06.gif) left 8px no-repeat; padding-left:10px; margin-left:10px;}

@media all and (max-width:767px) {
.cdl dt{background:url("/images/inc/h6.png") no-repeat left 2px; font-size:15px;}
.cdl dd{font-size:14px;}
}


/* 테이블 */
.over_table{overflow-x:auto; position:relative;}
.ctable{width:100%; border-right: 2px solid #fff;border-left: 2px solid #fff;border-bottom: 1px solid #3a268b; border-top: 2px solid #3a268b;margin-bottom: 10px;font-size:16px;} 
.ctable th{background:#f5f4f9; color:#523bb6;border-bottom:1px solid #3a268b;}
.ctable td{text-align:center;line-height:1.5em;border-top:none;border:1px solid #e7e7e7; word-break:keep-all;} 
.ctable thead th{padding:12px;border-top:1px solid #555;}
.ctable thead .second_th{background: #eae5ff;}
.ctable tbody th{background:none;}
.ctable tbody td{color:#555;padding:10px;}
.ctable tbody td table{border-top:1px solid #323a47}
table tbody td.al{text-align:left;}
.table_al tbody td{text-align:left; }

@media all and (max-width:767px) {
.over_table:before{ position:absolute; top:0px; right:0%; display:block; content:'표를 좌우로 움직여 확인하세요'; text-align:center; font-size:12px; background:rgba(0,0,0,0.7); color:#fff; padding:0 10px;}
.over_table .ctable{width:710px;}
.ctable{font-size:14px;}
.ctable td{line-height:1.3em;}
}


/* 탭 */
.ctab{text-align:center;margin-bottom: 50px;}
.ctab *{ box-sizing:border-box;}
.ctab ul{ position: relative; display:inline-block; font-size: 0; background: #fff3d5; border-radius: 40px;}

.ctab li{ display:inline-block; font-size:24px; text-align:center;color: #333;font-weight:500; }
.ctab li a{display:block;padding:20px 120px;  color:#343451;border-radius: 40px;text-decoration: none;}
.ctab li a:focus{font-weight:600; color:#111; background: #ffb400;}
.ctab li.active a{font-weight:600; color:#111; background: #ffb400;}
.ctab li a:hover{font-weight:600; color:#111;}



@media all and (max-width:767px) {
.ctab li{font-size:20px; }
.ctab li a{display:block;padding:15px 50px;}
}

@media all and (max-width:480px) {
.ctab ul{display: block;}
.ctab li{ width: 50%;font-size:18px;}
.ctab li a{padding:10px 00px;}
}








.cbox01{border:1px solid #ddd; border-radius:20px; padding:50px;}

.cbox02{ position:relative; padding:50px; padding-bottom:0;}
.cbox02:before{ position:absolute; top:0; left:0; display:block; content:''; width:100%; height:300px; background:#cacae8; z-index:-1;}
.cbox02:after{ position:absolute; top:0; right:0; display:inline-block; content:''; width:40%; height:300px; background:#f3f3f3; z-index:-1;}
.cbox02 > div{ background:#fff; padding:50px; }


.cbox03{ border:1px solid #ddd; border-radius:20px; padding:50px;}

@media all and (max-width:1024px) {
.cbox01{padding:30px;}

.cbox02{padding:30px; padding-bottom:0;}
.cbox02 > div{ padding:30px; }

.cbox03{padding:30px;}

}

@media all and (max-width:767px) {

.cbox02{padding:10px; padding-bottom:0;}
.cbox02 > div{ padding:20px; }

.cbox03{padding:20px;}
}



/* ------------------------------------------ 기본설정 -------------------------------------------------------- */




/* 폰트 컬러 : 상황에 따라 추가 가능 */
.fc_red{color:#ff0000 !important;font-style:normal}
.fc_blue{color:#0054bc !important;font-style:normal}
.fc_green{color:#00aa44 !important;font-style:normal}
.fc_gray{color:#5f5f5f !important;font-style:normal}
.fc_white{color:#ffffff !important;font-style:normal}
.fc_black{color:#000000 !important;font-style:normal}
.fc_navy{color:#111632 !important;font-style:normal}
.fc_yellow{color:#FFFD00 !important;font-style:normal}


/* 폰트 사이즈 : 기본적으로 작성은 되어있으나 사용여부는 디자이너 판단 */
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}


/* 기본 마진 : 상황에 따라 추가 가능 */
.m00{margin:0 !important}

.ml00{margin-left:0 !important}
.ml05{margin-left:5px !important}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}

.mr00{margin-right:0 !important}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}

.mt00{margin-top:0 !important}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt100{margin-top:100px}

.mb00{margin-bottom:0 !important}
.mb05{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:30px !important}
.mb50{margin-bottom:50px !important}
.mb80{margin-bottom:80px !important}
.mb100{margin-bottom:100px !important}


/* 기본 패딩 : 상황에 따라 추가 가능 */
.p00{padding:0 !important;}

.pb00{padding-bottom:0px !important}
.pb10{padding-bottom:10px !important}
.pb20{padding-bottom:20px !important}
.pb30{padding-bottom:30px !important}

.pl0{padding-left:0px !important}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}

.pr00{padding-right:0px !important}
.pr10{padding-right:10px;}
.pr20{padding-right:10px;}
.pr30{padding-right:10px;}

.pt00{padding-top:0 !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt100{padding-top:100px !important}


/* 컨텐츠 float */
.fl{float:left;}
.fr{float:right;}

/* 이미지 및 컨텐츠 정렬 시. */
.ac{text-align:center !important}
.ar{text-align:right !important}
.al{text-align:left !important}

.blind{display:block;overflow:hidden;position:absolute;top:0;left:-5000px; width:500px; font-size:13px;}
.hide{display:none !important;margin:0;padding:0}

/* 창크기 */
.w_100p{ width: 100% !important;}

.w_100{ width: 100px;}
.w_200{ width: 200px;}
.w_300{ width: 300px;}
.w_400{ width: 400px;}
.w_500{ width: 500px;}
.w_600{ width: 600px;}