@charset "utf-8";


/* 초기화 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time {margin:0; padding:0;}  
body,input,textarea,select,button {font-family:'Open sans', 'NotoSansKR', 'Malgun Gothic', '맑은 고딕', '돋움', 'Tahoma', 'sans-serif'; font-size:15px; letter-spacing:-1px; color:#777; font-weight:normal; line-height:20px; word-break:break-all;}
table {border-collapse:collapse; border-spacing:0;}
table,th,h1,h2,h3,h4,h5,h6 {font-size:15px; font-weight:normal; word-break:break-all;}
img,fieldset {margin:0; padding:0; border:0;}
legend, caption {display:none;}
ul,ol,li,dl,dt,dd {list-style:none;}
img,input,select,textarea {vertical-align:middle;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption {display: block;}
a {text-decoration:none; color:#555;}
a:hover {text-decoration:none; color:#008cd6;}
.input {border:#cccccc 1px solid; height:28px;}
.select {border:#cccccc 1px solid; height:30px;}
body { min-width: 320px; }



/* 공통사용설정 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* float설정으로 인한 레이아웃 깨짐현상 방지 */
.clearfix::after {content:""; display:block; clear:both;}

/* 웹접근성 설정 */
.blind {position:absolute; margin:-1px; width:1px; height:1px; clip:rect(0, 0, 0, 0); overflow:hidden;}

.skipNavi {font-size:0; line-height:0; overflow:hidden;}
.skipNavi a {display:block; width:100%; box-sizing:border-box; padding:10px; color:#fff; position:absolute; left:0; top:-100px; z-index:999999; text-align:center; background:#333; border:0 none;}
.skipNavi a:active, .skipNavi a:focus {top:0; font-weight:500; font-size:14px; line-height:1.4;}

/* form태그 설정 */
.select {
	font-size:15px; height:36px; box-sizing:border-box; padding:0 18px 0 5px; border-radius:3px; border:1px solid #ddd; background:url('../images/common/selectArr.png') right 5px center no-repeat, #fff; 
	apperance:none; -webkit-appearance:none; -moz-appearance:none;
}
.input[type="text"], .input[type="password"] {font-size:15px; height:36px; box-sizing:border-box; padding:0 5px; border-radius:3px; border:1px solid #ddd; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
.select:focus, .input[type="text"]:focus, .input[type="password"]:focus, .textarea:focus {border:2px solid #454e79; box-shadow:0 0 15px 0 rgba(79,143,231,0.15); outline:none;}
.select::-ms-expand, .input[type="text"]::-ms-expand {display:none; appearance:none;}
.textarea {width:100%; min-height:100px; padding:10px; line-height:1.4; resize:none; box-sizing:border-box; border:1px solid #ddd; overflow:hidden; overflow-y:scroll;}


/* placeholder */
::-webkit-input-placeholder {color:#9e9e9e; /* 크롬 4–56 */}
:-moz-placeholder {color:#9e9e9e; opacity:1; /* 파이어폭스 4–18 */}
::-moz-placeholder {color:#9e9e9e; opacity:1; /* 파이어폭스 19–50 */}
:-ms-input-placeholder {color:#9e9e9e; /* 인터넷 익스플로러 10+ */}
::placeholder {color:#9e9e9e; opacity:1; /* 파이어폭스 51+, 크롬 57+ */}

/* 말줄임 */
.ellipsis { /* table 사용 시 table-layout:fixed; 설정 되어 있어야 함 */
	white-space:nowrap;
	overflow:hidden; /* "overflow" value must be different from "visible" */
	text-overflow:ellipsis; /* IE, Safari */
	-o-text-overflow:ellipsis;	/* Opera under 10.7 */
	-ms-text-overflow:ellipsis;
	-moz-binding:url('ellipsis.xml#ellipsis');
}

.strCut {
	float: left;
	max-width:-moz-calc(100% - 20px);
	max-width:-webkit-calc(100% - 20x);
	max-width:calc(100% - 20px);
}




/* 공통  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 타이틀 */
.title1 {font-size:18px; font-weight:bold; color:#333; margin-bottom:25px; padding:0 0 0 25px; word-break:keep-all; background:url('../images/btnIcn/icn_title1.png') 0 2px no-repeat;}
.title2 {font-size:16px; font-weight:500; color:#344157; margin-bottom:15px; padding:0 0 0 20px; word-break:keep-all; background:url('../images/btnIcn/icn_title2.png') 0 3px no-repeat;}
.title3 {font-size:15px; font-weight:500; color:#315a9b; padding-top:5px; word-break:keep-all;}

.tit-cnt {text-align:center; font:500 26px 'Godo'; margin-bottom:30px; padding-bottom:20px; border-bottom:1px dashed #e5e5e5; word-break:keep-all;}

/* 타이틀 - 큰타이틀 */
.titleBig1 {padding:15px 30px; font:500 26px 'Godo'; color:#0969b3; border:#3082c2 3px solid; background:#f3faff;}

/* 타이틀 - 명조체 */
.titleMJ1 {font-family:'nm'; font-weight:bold; font-size:34px; line-height:40px; letter-spacing:-1px; color:#000;}

/* 타이틀 - 고도체 */
.titleGodo1 {padding:0 0 15px 25px; font:500 20px 'Godo'; color:#333; background:url('../images/btnIcn/icn_title1.png') 0 2px no-repeat;}

/* 타이틀 - 좌/우 [좌-타이틀 / 우-안내] */
.titleTG {width:100%; overflow:hidden;}
.titleTG dt {float:left; padding:5px 0 0 25px; font-size:18px; line-height:22px; font-weight:bold; color:#333; background:url('../images/btnIcn/icn_title1.png') 0 9px no-repeat;}
.titleTG dd {float:right; margin-top:5px; padding-left:15px; letter-spacing:-1px; font-size:13px; background:url('../images/btnIcn/icn_page.gif') 0 6px no-repeat;}

/* 타이틀 - 좌/우 [좌-타이틀 / 우-버튼] */
.titleTB {width:100%; overflow:hidden;}
.titleTB dt {float:left; margin-top:3px; padding-left:25px; font-size:18px; line-height:22px; font-weight:bold; color:#333; background:url('../images/btnIcn/icn_title1.png') 0 3px no-repeat;}
.titleTB dd {float:right;}

/*  타이틀 - 좌/우 [좌-안내 / 우-버튼] (사용자) */
.titleGBW {width:100%; margin-bottom:10px; overflow:hidden;}
.titleGBW dt {float:left; padding:5px 0 0 15px; background:url('../images/btnIcn/icn_page.gif') 0 11px no-repeat;}
.titleGBW dt strong {color:#da4200;}
.titleGBW dd {float:right;}

.titleGBN {width:100%; overflow:hidden;}
.titleGBN dt {float:left; padding:5px 0 0 0px; letter-spacing:-1px; font-size:13px;}
.titleGBN dt strong {color:#da4200;}
.titleGBN dd {float:right;}

/*  타이틀 - 좌/우 [좌-안내 / 우-버튼] (관리자) */
.titleGB {width:100%; margin-bottom:10px; overflow:hidden;}
.titleGB dt {float:left; font-size:16px; padding:5px 0 0 15px; color:#333; background:url('../images/btnIcn/icn_page.gif') 0 11px no-repeat;}
.titleGB dt strong {color:#008cd6;}
.titleGB dd {float:right;}

/*  타이틀 - 좌/우 [좌-큰글씨안내 / 우-버튼] */
.titleGbigB {width:100%; margin-bottom:15px; overflow:hidden;}
.titleGbigB dt {float:left; margin-bottom:5px; padding:5px 0 0 20px; letter-spacing:-1px; font-weight:bold; color:#555; font-size:18px; background:url('../images/btnIcn/icn_pageBig.gif') 0 9px no-repeat;}
.titleGbigB dt span {color:#e5144d;}
.titleGbigB dd {float:right;}

/*  타이틀 - 좌/우 [좌-총갯수 / 우-버튼] */
.titleEaB {width:100%; margin-bottom:10px; overflow:hidden;}
.titleEaB dt {float:left; font-size:16px; padding-top:5px; color:#333;}
.titleEaB dt strong {color:#008cd6;}
.titleEaB dd {float:right;}

/*  타이틀 - 박스 좌/우 [좌-타이틀 / 우-옵션] */
.titleBoxLR {padding:15px; margin-bottom:15px; border:#e5e5e5 1px solid; background:#f9f9f9; overflow:hidden;}
.titleBoxLR dt {float:left;}
.titleBoxLR dt div {padding:1px 0 5px 25px; font-size:18px; background:url('../images/btnIcn/icn_title1.png') 0 5px no-repeat;}
.titleBoxLR dt div strong {color:#333;}
.titleBoxLR dd {float:right; text-align:right;}
.titleBoxLR dd p {font-size:16px;}
.titleBoxLR dd p strong {color:#333;}

/* 영역나누기 */
.areaLR {width:100%; overflow:hidden;}
.areaLR > dt {float:left;}
.areaLR > dd {float:right;}
.areaLR .areaL30 {float:left; width:30%;}
.areaLR .areaL32 {float:left; width:32%;}
.areaLR .areaL40 {float:left; width:40%;}
.areaLR .areaL48 {float:left; width:48%;}
.areaLR .areaL60 {float:left; width:60%;}
.areaLR .areaL65 {float:left; width:65%;}
.areaLR .areaC10 {float:left; width:10%;}
.areaLR .areaC15 {float:left; width:15%;}
.areaLR .areaC20 {float:left; width:20%;}
.areaLR .areaR30 {float:right; width:30%;}
.areaLR .areaR32 {float:right; width:32%;}
.areaLR .areaR35 {float:right; width:35%;}
.areaLR .areaR40 {float:right; width:40%;}
.areaLR .areaR48 {float:right; width:48%;}
.areaLR .areaR55 {float:right; width:55%;}
.areaLR .areaR56 {float:right; width:56%;}
.areaLR .areaR60 {float:right; width:60%;}
.areaLR .areaR66 {float:right; width:66%;}

/* 버튼 */
.bttn {cursor:pointer;}
.btnS {display:inline-block; min-width:70px; height:35px; color:#fff !important; font-size:15px; line-height:35px; text-align:center; box-sizing:border-box; padding:0 10px; border-radius:2px; background:#707070;}
.btnS:hover {color:#fff !important; background:#5e5e5e;}

.btn1 {display:inline-block; min-width:70px; height:35px; color:#fff !important; font-size:15px; line-height:35px; text-align:center; box-sizing:border-box; padding:0 15px; border-radius:2px; background:#5f6578;}
.btn1:hover {color:#fff !important; background:#3b4054;}
.btn2 {display:inline-block; min-width:70px; height:35px; color:#fff !important; font-size:15px; line-height:35px; text-align:center; box-sizing:border-box; padding:0 15px; border-radius:2px; background:#7f8695;}
.btn2:hover {color:#fff !important; background:#777e8c;}
.btn3 {display:inline-block; min-width:70px; height:35px; color:#fff !important; font-size:15px; line-height:35px; text-align:center; box-sizing:border-box; padding:0 15px; border-radius:2px; background:#008cd6;}
.btn3:hover {color:#fff !important; background:#0186cc;}
.btn4 {display:inline-block; min-width:70px; height:35px; color:#fff !important; font-size:15px; line-height:35px; text-align:center; box-sizing:border-box; padding:0 15px; border-radius:2px; background:#0c3063;}
.btn4:hover {color:#fff !important; background:#001c44;}
.btn5 {display:inline-block; min-width:70px; height:35px; color:#fff !important; font-size:15px; line-height:35px; text-align:center; box-sizing:border-box; padding:0 15px; border-radius:2px; background:#ea6453;}
.btn5:hover {color:#fff !important; background:#df6050;}
.btn6 {display:inline-block; min-width:70px; height:35px; color:#fff !important; font-size:15px; line-height:35px; text-align:center; box-sizing:border-box; padding:0 15px; border-radius:2px; background:#ff9f27;}
.btn6:hover {color:#fff !important; background:#ff9817;}
.btn7 {display:inline-block; min-width:70px; height:35px; color:#fff !important; font-size:15px; line-height:35px; text-align:center; box-sizing:border-box; padding:0 15px; border-radius:2px; background:#509140;}
.btn7:hover {color:#fff !important; background:#4c893d;}
.btn8 {display:inline-block; min-width:70px; height:35px; color:#fff !important; font-size:15px; line-height:35px; text-align:center; box-sizing:border-box; padding:0 15px; border-radius:2px; background:#276c44;}
.btn8:hover {color:#fff !important; background:#225e3b;}
.btn9 {display:inline-block; min-width:70px; height:35px; color:#fff !important; font-size:15px; line-height:35px; text-align:center; box-sizing:border-box; padding:0 15px; border-radius:2px; background:#66575a;}
.btn9:hover {color:#fff !important; background:#514547;}

.btnS1 {display:inline-block; min-width:60px; height:25px; color:#fff !important; font-size:13px !Important; line-height:25px; text-align:center; box-sizing:border-box; padding:0 8px; border-radius:2px; background:#5f6578;}
.btnS1:hover {color:#fff !important; background:#3b4054;}
.btnS2 {display:inline-block; min-width:60px; height:25px; color:#fff !important; font-size:13px !Important; line-height:25px; text-align:center; box-sizing:border-box; padding:0 8px; border-radius:2px; background:#7f8695;}
.btnS2:hover {color:#fff !important; background:#777e8c;}
.btnS3 {display:inline-block; min-width:60px; height:25px; color:#fff !important; font-size:13px !Important; line-height:25px; text-align:center; box-sizing:border-box; padding:0 8px; border-radius:2px; background:#008cd6;}
.btnS3:hover {color:#fff !important; background:#0186cc;}
.btnS4 {display:inline-block; min-width:60px; height:25px; color:#fff !important; font-size:13px !Important; line-height:25px; text-align:center; box-sizing:border-box; padding:0 8px; border-radius:2px; background:#0c3063;}
.btnS4:hover {color:#fff !important; background:#001c44;}
.btnS5 {display:inline-block; min-width:60px; height:25px; color:#fff !important; font-size:13px !Important; line-height:25px; text-align:center; box-sizing:border-box; padding:0 8px; border-radius:2px; background:#ea6453;}
.btnS5:hover {color:#fff !important; background:#df6050;}
.btnS6 {display:inline-block; min-width:60px; height:25px; color:#fff !important; font-size:13px !Important; line-height:25px; text-align:center; box-sizing:border-box; padding:0 8px; border-radius:2px; background:#ff9f27;}
.btnS6:hover {color:#fff !important; background:#ff9817;}
.btnS7 {display:inline-block; min-width:60px; height:25px; color:#fff !important; font-size:13px !Important; line-height:25px; text-align:center; box-sizing:border-box; padding:0 8px; border-radius:2px; background:#509140;}
.btnS7:hover {color:#fff !important; background:#4c893d;}
.btnS8 {display:inline-block; min-width:60px; height:25px; color:#fff !important; font-size:13px !Important; line-height:25px; text-align:center; box-sizing:border-box; padding:0 8px; border-radius:2px; background:#276c44;}
.btnS8:hover {color:#fff !important; background:#225e3b;}
.btnS9 {display:inline-block; min-width:60px; height:25px; color:#fff !important; font-size:13px !Important; line-height:25px; text-align:center; box-sizing:border-box; padding:0 8px; border-radius:2px; background:#66575a;}
.btnS9:hover {color:#fff !important; background:#514547;}

/* 라인 */
.line15 {height:1px; margin-bottom:15px; padding-top:5px; border-bottom:#ddd 1px solid;}
.lineDot10 {height:3px; margin:10px 0; background:url('../images/btnIcn/bg_line1.gif') center no-repeat; background-size:cover;}
.lineDot20 {height:3px; margin:20px 0; background:url('../images/btnIcn/bg_line1.gif') center no-repeat; background-size:cover;}
.lineDot30 {height:3px; margin:30px 0; background:url('../images/btnIcn/bg_line1.gif') center no-repeat; background-size:cover;}
.lineDot40 {height:3px; margin:40px 0; background:url('../images/btnIcn/bg_line1.gif') center no-repeat; background-size:cover;}

/* 설명문구 - 추가설명(중요) */
.box-info {background:#f9f9f9; box-sizing:border-box; padding:15px; margin-top:10px; word-break:keep-all;}
.box-info em {color:#e4001a; font-style:normal; font-weight:bold;}
.box-info strong {color:#666;}
.box-info p {font-size:15px; margin-bottom:5px; font-weight:bold;}
.box-info > ul > li {padding:5px 0;}
.box-info > ul > li:last-child {padding-bottom:0;}
.box-info > ul > li > span {color:#0262c5;}

/* 설명문구 - [박스-포인트리스트] */
.explain {margin-bottom:10px; padding:10px 15px; border:#e4e4e4 1px solid; background:#f9f9f9; overflow:hidden;}
.explain > li {padding:4px 0 4px 18px; color:#555; background:url('../images/btnIcn/icn_point1.gif') 0 9px no-repeat;}

/* 설명문구 - [박스-이미지-포인트리스트] */
.explain_img {margin-bottom:20px; padding:10px 15px; border:#e4e4e4 1px solid; background:#fff; overflow:hidden;}
.explain_img > dt {float:left; width:100px; text-align:center;}
.explain_img > dd {float:right; width:640px;}
.explain_img > dd div {padding:2px 0 2px 18px; font-size:13px; background:url('../images/btnIcn/icn_point1.gif') 0 6px no-repeat;}

/* 설명문구 - [일반-리스트] */
.textList {overflow:hidden;}
.textList > li {padding:2px 0 2px 10px; font-size:15px; background:url('../images/btnIcn/icn_dot1.gif') 0 10px no-repeat; word-break:break-all;}

.textList2 {overflow:hidden;}
.textList2 > li {padding:3px 0 3px 8px; word-break:keep-all; position:relative;}
.textList2 > li:after {display:block; content:""; position:absolute; left:0; top:11px; background:#454545; width:4px; height:4px; border-radius:5px;}
.textList2 > li > strong {color:#003d6c;}
.textList2 > li > em {color:#e4001a; font-style:normal; font-weight:bold;}
.textList2 > li > span.pointRed {color:#e4001a;}
.textList2 > li > p {margin-top:5px;}

.textList3 {overflow:hidden;}
.textList3 > li {padding:3px 0 3px 8px; letter-spacing:-1px; position:relative;}
.textList3 > li:after {display:block; content:""; position:absolute; left:0; top:10px; background:#454545; width:4px; height:4px; border-radius:4px;}
.textList3 > li strong {color:#003d6c;}
.textList3 > li em {color:#e4001a; font-style:normal; font-weight:bold;}
.textList3 > li > ul {overflow:hidden;}
.textList3 > li > ul > li {margin-top:5px;}

/* 설명문구 - [회색배경-이미지-리스트] */
.textImgList {width:100%; background:#f5f5f5; overflow:hidden;}
.textImgList > dt {float:left; width:225px;}
.textImgList > dd {float:right; width:720px;}
.textImgList > dd > p {margin-bottom:10px; font-size:24px; line-height:30px; font-weight:bold; color:#2956a6; letter-spacing:-1px;}
.textImgList > dd > div {font-size:16px; line-height:22px; letter-spacing:-1px;}
.textImgList > dd > h1 {padding-left:18px; font-size:14px; color:#d21010; background:url('../images/btnIcn/icn_point1.gif') 0 6px no-repeat;}
.textImgList > dd > ul {overflow:hidden;}
.textImgList > dd > ul > li {padding:4px 0 4px 15px; font-size:16px; background:url('../images/btnIcn/icn_title3.gif') 0 12px no-repeat;}

/* 설명문구 - [좌우-이미지-리스트] */
.textBoxImgList {width:100%;}
.textBoxImgList > dl {width:100%; overflow:hidden;}
.textBoxImgList > dl dt {float:left; width:48%; border:#e5e5e5 1px solid;}
.textBoxImgList > dl dd {float:right; width:48%; border:#e5e5e5 1px solid;}
.textBoxImgList > dl h1 {padding:20px; text-align:center; font:500 20px 'Godo'; color:#fff; background:url('../images/btnIcn/bg_pt2.gif');}
.textBoxImgList > dl p {padding:10px;}
.textBoxImgList > dl div {padding:10px 20px 20px 20px;}

/* 설명문구 - 주요사항 */
.textPoint {padding-left:18px; color:#d21010; background:url('../images/btnIcn/icn_point1.gif') 0 5px no-repeat;}
.textPoint > span {color:#333;}
.textPoint strong {color:#666;}

/* 설명문구 - 표제목 */
.listInfo {width:100%; overflow:hidden;}
.listInfo dt {font-size:15px; font-weight:bold; margin:15px 0 8px 0;}

/* 박스영역 */
.areaBox {padding:15px; border:#e5e5e5 1px solid; word-break:keep-all; overflow:hidden;}

/* 업로드영역 */
.uploadArea {padding:15px 15px 15px 15px;}
.uploadArea .uploadBox {min-height:220px; padding:10px; border:#15539a 2px solid; background:#e7f2ff;}
.uploadArea .uploadBtn {width:100%; overflow:hidden;}
.uploadArea .uploadBtn li {float:left; margin-right:5px;}

/* 파일리스트 */
.fileList {margin-top:10px; padding-top:8px;  overflow:hidden;}
.fileList li {padding:2px 0 2px 0;}

/* 폰트 강조 */
.bold {font-weight:500;}

/* 링크문구 */
.link {color:#222;}
.link:hover {text-decoration:underline;}

/* 툴팁 */
.tooltip {position:relative; display:inline-block; border-bottom:1px dotted black;}
.tooltip .tooltiptext {
	visibility:hidden; width:400px; color:#fff; text-align:left; padding:5px; position:absolute; z-index:1; bottom:-250%; left:-500%; 
	margin-left:-60px; border-radius:6px; background:#00d8ff; opacity:0; transition:opacity 0.3s;
}
.tooltip .tooltiptext::after {content:""; position:absolute; top:130%; left:0%; paddubg:7px 12px; margin-left:-5px; margin-bottom:10px; width:auto; border-width:5px; border-style:solid;}
.tooltip:hover .tooltiptext {visibility:visible; opacity:1;}


@media all and (max-width: 1200px){
	/*  타이틀 - 좌/우 [좌-안내 / 우-버튼] */
	.titleGBW dt {float:left; width:100%; box-sizing:border-box;}
	.titleGBW dd {float:right; width:100%; text-align:right; box-sizing:border-box; margin-top:5px;}
}

@media all and (max-width: 1025px){
	/* 타이틀 */
	.tit-cnt {font:500 24px 'Godo';}
}

@media all and (max-width: 769px){
	/* 박스영역 */
	.areaBox {padding:8px 12px;}
	.areaBox ul li {font-size:13px;}
}

@media all and (max-width: 481px){
	/*  타이틀 - 좌/우 [좌-안내 / 우-버튼] */
	.titleGBW dd a {display:inline-block; margin-bottom:5px;}
	.titleGBW dd a:last-child {margin-bottom:0;}
}








/* 공통 - 탭영역  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 탭-버튼형 */
.tabBtn {width:100%; background:url('../images/btnIcn/tabBg_off.gif') 0 bottom repeat-x; overflow:hidden;}
.tabBtn dt {float:left;}
.tabBtn dt a {float:left; margin-right:2px; padding:8px 15px 10px 15px; text-align:center; font-size:14px; font-weight:bold; color:#999; letter-spacing:-1px; border-left:#e5e5e5 2px solid; border-right:#e5e5e5 2px solid; border-top:#e5e5e5 2px solid; border-radius:3px 3px 0 0;}
.tabBtn dt a:hover {padding:10px 15px; color:#fff; background:url('../images/btnIcn/tabBg_on.gif'); border:none;}
.tabBtn dt a.on {padding:10px 15px; color:#fff; background:url('../images/btnIcn/tabBg_on.gif'); border:none;}
.tabBtn dd {float:right; padding-top:12px;}


/* 탭-박스형 */
.tabArea {width:100%; margin-bottom:30px; overflow:hidden;}
.tabArea > ul {width:100%; box-sizing:border-box; border:1px solid #ddd; overflow:hidden;}
.tabArea > ul > li {float:left;}
.tabArea > ul > li > a {display:block; font-weight:500; word-break:keep-all; box-sizing:border-box; padding:20px 8px; text-align:center; color:#333; border-left:1px solid #ddd; background:#fff;}
.tabArea > ul > li:first-child > a {border-left:none;}
.tabArea > ul > li > a:hover {background:#008cd6; color:#fff;}
.tabArea > ul > li > a.on {background:#008cd6; color:#fff;}
.tabArea > ul > li > a br.line-change {display:none;}

.tabArea > ul.btn-tabs1 > li {width:100%;} /* 탭버튼 1개일 경우 */
.tabArea > ul.btn-tabs2 > li {width:50%;} /* 탭버튼 2개일 경우 */
.tabArea > ul.btn-tabs3 > li {width:33.333%;} /* 탭버튼 3개일 경우 */
.tabArea > ul.btn-tabs4 > li {width:25%;} /* 탭버튼 4개일 경우 */
.tabArea > ul.btn-tabs5 > li {width:20%;} /* 탭버튼 5개일 경우 */
.tabArea > ul.btn-tabs6 > li {width:16.6667%;} /* 탭버튼 6개일 경우 */

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

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

@media all and (max-width: 769px){
	.tabArea > ul > li {width:50% !important;}
	.tabArea > ul > li > a {font-size:14px; padding:15px 8px; border-bottom:1px solid #ddd;}
	.tabArea > ul > li:nth-of-type(3) > a, .tabArea > ul.btn-tabs4 > li:nth-of-type(4) > a {border-bottom:none;}
}

@media all and (max-width: 481px){
	.tabArea > ul > li > a br.line-change {display:block;}
}






/* 공통 - 레이어  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70); z-index:9;}

/* 코딩용 레이어 */
.layerWrapC450 {display:none; position:absolute; left:50%; top:50%; width:450px; background:#1f1f3c; z-index:10;}
.layerWrapC500 {display:none; position:absolute; left:50%; top:50%; width:500px; background:#1f1f3c; z-index:10;}
.layerWrapC600 {display:none; position:absolute; left:50%; top:50%; width:600px; background:#1f1f3c; z-index:10;}
.layerWrapC700 {display:none; position:absolute; left:50%; top:50%; width:700px; background:#1f1f3c; z-index:10;}
.layerWrapC800 {display:none; position:absolute; left:50%; top:50%; width:800px; background:#1f1f3c; z-index:10;}
.layerWrapC900 {display:none; position:absolute; left:50%; top:50%; width:900px; background:#1f1f3c; z-index:10;}
.layerWrapC1000 {display:none; position:absolute; left:50%; top:50%; width:1000px; background:#1f1f3c; z-index:10;}

/* 개발용 레이어 */
.layerWrap450 {width:450px; background:#1f1f3c;}
.layerWrap500 {width:500px; background:#1f1f3c;}
.layerWrap600 {width:600px; background:#1f1f3c;}
.layerWrap700 {width:700px; background:#1f1f3c;}
.layerWrap800 {width:800px; background:#1f1f3c;}
.layerWrap900 {width:900px; background:#1f1f3c;}
.layerWrap960 {width:960px; background:#1f1f3c;}
.layerWrap1000 {width:1000px; background:#1f1f3c;}
.layerWrap680 {width:680px;}
.layerWrap1200 {width:1210px; background:#1f1f3c; z-index:10;}
.layerWrap985 {min-width:985px; background:#1f1f3c;}

/* 명암 */
.layerTLine {height:10px; background:url('../images/layer/layer_topBg.gif') repeat-x;}
.layerBLine {height:25px; margin-bottom:20px; background:url('../images/layer/layer_btnBg.gif') repeat-x;}

/* 타이틀 */
.layerTitle {height:60px; padding:0 20px; overflow:hidden;}
.layerTitle dt {float:left; padding-top:13px; font-size:22px; line-height:30px; font-weight:bold; color:#fff;}
.layerTitle dd {float:right; padding-top:18px;}

/* 영역 */
.layerArea {padding:20px; background:#fff;}

/* 달력 */
.calendar table {width:100%; table-layout:fixed; border-top:1px solid #838383; border-left:1px solid #e4e4e4;}
.calendar table thead th {padding:10px 0; font-weight:bold; color:#0b2e47; letter-spacing:-1px; text-align:center; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#f1f1f6;}
.calendar table tbody tr.calChkBg {background:#d5d5d5;}
.calendar table tbody td {height:90px; padding:8px; vertical-align:top; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.calendar table tbody td:first-child { font-weight:bold; font-size:14px;}
.calendar table tbody td:first-child a {color:#000;}
.calendar table tbody td:hover {padding:6px; border:2px solid #0264b6; background:#f9f9f9;}
.calendar table tbody td p {margin-bottom:10px; padding-bottom:8px; font-weight:bold; border-bottom:1px dashed #ddd;}
.calendar table tbody td p span {font-size:11px; color:#ccc; font-weight:normal;}
.calendar table tbody td p img {margin-top:-3px;}
.calendar table tbody td dl {overflow:hidden;}
.calendar table tbody td dl dt {padding:3px 0 3px 0; text-align:center; color:#f87509; border:1px solid #f87509; background:#fff6e7;}
.calendar table tbody td dl dd {padding:3px; font-size:12px; text-align:center; background:#fff;}
.calendar table tbody td dl dd a {display:block; padding:3px 0 3px 0;}
.calendar table tbody td ul {overflow:hidden;}
.calendar table tbody td ul li {padding:3px 0 3px 8px; background:url('../images/btnIcn/icn_dot1.gif') 0 12px no-repeat; cursor:pointer;}
.calendar table tbody td ul li:hover {color:#0264b6;}









/* 공통 - 팝업  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 전체영역 */
.popWrap480 {width:485px;}
.popWrap785 {width:785px;}
.popWrap1225 {width:1225px;}

/* 타이틀 */
.popTitle {height:60px; padding:0 20px; background:url('../images/layer/pop_bg.gif') no-repeat; overflow:hidden;}
.popTitle dt {float:left; padding-top:13px; font-size:22px; line-height:30px; font-weight:bold; color:#fff; letter-spacing:-1px;}
.popTitle dd {float:right; padding-top:18px;}

/* 영역 */
.popArea {padding:20px; background:#fff;}

#popWrap930 {width:930px; padding:0 15px 0 15px; background:url('../images/btnIcn/pop_930Bg.gif') no-repeat; overflow:hidden; overflow-x:hidden;}
#popWrap700 {width:700px; padding:0 15px 0 15px; background:url('../images/btnIcn/pop_700Bg.gif') no-repeat; overflow:hidden; overflow-x:hidden;}
#popWrap450 {width:450px; padding:0 15px 0 15px; background:url('../images/btnIcn/pop_450Bg.gif') no-repeat; overflow:hidden; overflow-x:hidden;}


/* 미리보기 팝업 */
/* 팝업관리-팝업미리보기 */
.main_popWrap {position:absolute; top:50px; left:500px; box-sizing:border-box; border:1px solid #ddd; z-index:999; overflow:hidden;}
.main_popbg_middle1 {width:100%; box-sizing:border-box; padding:10px; background:#fff;}
.main_pop_contents {font-size:14px;}
.main_popbg_bottom {width:100%; box-sizing:border-box; padding:15px 10px; border-top:1px solid #ddd; background:#f2f3f8;}
.main_popbg_bottomR {display:flex; justify-content:space-between;}
.main_popbg_bottomR .pop_ch_oneday {font-size:14px;}
.main_popbg_bottomR .pop_ch_oneday input {vertical-align:middle;}
.main_popbg_bottomR .pop_btn {font-size:14px;}


/* 드롭다운 */
.topDropDownMenu {width:100%; min-width:1200px; overflow:hidden; position: absolute; top:111px; left: 0px; z-index: 999;}
.topDropDownMenu > ul {width:1200px; height:100%; margin:0 auto; overflow:hidden; background:#472583; }
.topDropDownMenu > ul > li {float:left; height:700px; overflow:hidden; text-align:left; box-sizing:border-box; border-right:1px solid #5f3b9b; padding:0 15px 8px 20px;}
.topDropDownMenu > ul > li:nth-child(1) {width:150px;}
.topDropDownMenu > ul > li:nth-child(2) {width:160px;}
.topDropDownMenu > ul > li:nth-child(3) {width:200px;}
.topDropDownMenu > ul > li:nth-child(4) {width:140px;}
.topDropDownMenu > ul > li:nth-child(5) {width:200px;}
.topDropDownMenu > ul > li:nth-child(6) {width:140px;}
.topDropDownMenu > ul > li:nth-child(7) {width:200px;}
.topDropDownMenu > ul > li:nth-child(7) {border-right:none;}
.topDropDownMenu > ul > li > ul {width:100%;}
.topDropDownMenu > ul > li > ul > li {width:100%;}
.topDropDownMenu > ul > li > ul > li > a {display:block; font-size:16px; color:#fff; margin:15px 0 8px 0;}
.topDropDownMenu > ul > li > ul > li > a:hover {color:#c9b8e4;} 
.topDropDownMenu > ul > li > ul > ul {width:100%;}
.topDropDownMenu > ul > li > ul > ul > li{margin:5px 0;}
.topDropDownMenu > ul > li > ul > ul > li > a {font-size:13px; letter-spacing:-1px; font-weight:normal; color:#c6cfe1;}
.topDropDownMenu > ul > li > ul > ul > li > a:hover {color:#c6cfe1; text-decoration:underline;}

.file_input_textbox {float:left; width:240px;}
.file_input_div {position:relative; width:55px; height:22px; left:5px; overflow:hidden;}
.file_input_hidden {position:absolute; right:0px; top:0px; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0; cursor:pointer}
.file_input_span {position:relative; width:55px; height:22px; left:5px; overflow:hidden; float:left;}