@charset "utf-8";


/* 초기화 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, b, u, i, enter, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, 
footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;
}
body, input, textarea, select, button {font-family:'Open sans', 'NotoSansKR', 'Malgun Gothic', '맑은 고딕', '돋움', 'Tahoma', sans-serif; font-weight:normal; line-height:1.2; letter-spacing:-1px; color:#666; word-break:break-all;}
input, textarea, select, button {font-size:15px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
table {border-collapse:collapse; border-spacing:0;}
table, caption, tbody, tfoot, thead, tr, th, td {vertical-align:middle;}
table,th,h1,h2,h3,h4,h5,h6 {font-size:15px; font-weight:normal;}
img, fieldset {margin:0; padding:0; border:0;}
legend, caption {display:none;}
ul, ol, li, dl, dt, dd {list-style:none;}
label, img, input, select, textarea {vertical-align:middle;}
a {text-decoration:none; color:#555;}
a:hover {text-decoration:none; color:#134999;}






/* 공통사용설정 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 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 {
	height:35px; box-sizing:border-box; padding:0 18px 0 10px; border-radius:3px; border:1px solid #ddd; background:url('../images/common/selectArr.png') right 10px center no-repeat, #fff; 
	apperance:none; -webkit-appearance:none; -moz-appearance:none;
}
.input[type="text"], .input[type="password"], .input[type="email"] {height:35px; box-sizing:border-box; padding:0 10px; 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, .input[type="email"]: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, .input[type="password"]::-ms-expand, .input[type="email"]::-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; /* 인터넷 익스플로러 */}
::placeholder {color:#9e9e9e; opacity:1; /* 파이어폭스 51+, 크롬 57+ */}

/* 라디오버튼-체크박스 */
input[type="radio"] {
	width:20px; height:20px; margin:0 5px; box-sizing:border-box; border-radius:50%; border:1px solid #ccc; outline:none; 
	background:#fff; appearance:none; -webkit-appearance:none; -moz-appearance:none;
}
input[type="radio"]::-ms-expand {display:none; appearance:none;}
input[type="radio"]:before {content:""; display:block; width:40%; height:40%; margin:30% auto; border-radius:50%;}
input[type="radio"]:disabled {border:1px solid #ccc; background:#f2f3f8;}
input[type="radio"]:disabled:before {background:#f2f3f8;}
input[type="radio"]:checked {border:1px solid #4286ea; background:#4286ea;}
input[type="radio"]:checked:before {background:#fff;}

input[type="checkbox"] {
	position:relative; width:20px; height:20px; margin:0 5px 0 0; box-sizing:border-box; border:1px solid #ccc; outline:none; 
	background:#fff; appearance:none; -webkit-appearance:none; -moz-appearance:none;
}
input[type="checkbox"]::-ms-expand {display:none; appearance:none;}
input[type="checkbox"]:before {content:""; display:block; position:absolute; left:5px; top:0; width:5px; height:10px; border:solid #fff; border-width:0 3px 3px 0; transform:rotate(45deg);}
input[type="checkbox"]:disabled {border:1px solid #ccc; background:#f2f3f8;}
input[type="checkbox"]:disabled:before {border-color:#f2f3f8;}
input[type="checkbox"]:checked {border:1px solid #4286ea; background:#4286ea;}
input[type="checkbox"]:checked:before {border-color:#fff;}

/* 말줄임 설정 */
.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);
}

/* 반응형일 경우 */
.pcOnly {display:block;}
.mobOnly {display:none;}

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

@media all and (max-width: 991px){
	.pcOnly {display:none;}
	.mobOnly {display:block;}
}

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

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






/* 공통  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 타이틀 */
.title1 {padding-left:30px; margin-bottom:20px; font-size:22px; font-weight:500; color:#333; background:url('../images/btnIcn/icn_title1.png') 0 8px no-repeat;}
.title2 {margin-bottom:15px; font-size:18px; font-weight:500; color:#3366cc; }
.title3 {margin-bottom:10px; font-size:16px; color:#454e79; font-weight:500;}

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

/* 타이틀 - 명조체 */
.titleMJ1 {font-family:'nm'; font-weight:500; 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.gif') 0 2px no-repeat;}

/* 타이틀 - 좌/우 [좌-타이틀 / 우-안내] */
.titleTG {width:100%; margin-bottom:15px; overflow:hidden;}
.titleTG dt {float:left; padding:0 0 0 30px; font-size:20px; line-height:22px; font-weight:500; color:#333; background:url('../images/btnIcn/icn_title1.png') 0 6px 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;}

/* 타이틀 - 좌/우 [좌-타이틀2 / 우-안내] */
.titleTG2 {width:100%; overflow:hidden;}
.titleTG2 dt {float:left; font-size:18px; font-weight:500; color:#3366cc;}
.titleTG2 dd {float:right; padding-left:13px; font-size:13px; background:url('../images/btnIcn/icn_page.gif') 0 5px no-repeat;}

/* 타이틀 - 좌/우 [좌-타이틀 / 우-버튼] */
.titleTB {width:100%; margin-bottom:15px; overflow:hidden;}
.titleTB dt {float:left; margin:5px 0; padding-left:30px; font-size:22px; font-weight:500; color:#333; background:url('../images/btnIcn/icn_title1.png') 0 8px no-repeat;}
.titleTB dd {float:right;}

/* 타이틀 - 좌/우 [좌-타이틀 / 우-버튼] */
.titleTB2 {width:100%; margin-bottom:15px; overflow:hidden;}
.titleTB2 dt {float:left; margin-top:3px; padding-left:24px; font-size:18px; line-height:22px; font-weight:500; color:#333; background:url('../images/btnIcn/icn_title1.png') 0 2px no-repeat;}
.titleTB2 dd {float:right;}
.titleTB2 dd a {display:block; color:#fff; text-align:center; padding:3px 5px; font-size:12px; border-radius:2px; background:#719AAC;}
.titleTB2 dd a:hover{background:#6091A6;}

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

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

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

/*  타이틀 - 좌/우 [좌-안내 / 우-필수] */
.titleGC {width:100%; margin-bottom:10px; overflow:hidden;}
.titleGC dt {float:left; padding:5px 0 0 15px; letter-spacing:-1px; font-size:13px; background:url('../images/btnIcn/icn_page.gif') 0 11px no-repeat;}
.titleGC dd {float:right; font-size:13px;}
.titleGC dd span {font-size:18px; color:#e20d45; font-weight:500;}

/*  타이틀 - 좌/우 [좌-총갯수 / 우-버튼] */
.titleEaB {width:100%; margin-bottom:10px; overflow:hidden;}
.titleEaB dt {float:left; padding:8px 0 0 0; font-size:16px; color:#333;}
.titleEaB dt strong {color:#3366cc; letter-spacing:-0.5px;}
.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.gif') 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:60px; height:36px; color:#fff !important; font-size:15px; line-height:36px; text-align:center; box-sizing:border-box; padding:0 10px; border-radius:3px; background:#707070;}
.btnS:hover {color:#fff !important; background:#5e5e5e;}

.btn1 {display:inline-block; min-width:60px; height:35px; color:#fff !important; font-size:15px; line-height:35px; text-align:center; box-sizing:border-box; padding:0 10px; border-radius:3px; background:#5f6578;}
.btn1:hover {color:#fff !important; background:#3b4054;}
.btn2 {display:inline-block; min-width:60px; height:35px; color:#fff !important; font-size:15px; line-height:35px; text-align:center; box-sizing:border-box; padding:0 10px; border-radius:3px; background:#8a99b6;}
.btn2:hover {color:#fff !important; background:#6b778e;}
.btn3 {display:inline-block; min-width:60px; height:35px; color:#fff !important; font-size:15px; line-height:35px; text-align:center; box-sizing:border-box; padding:0 10px; border-radius:3px; background:#0c3063;}
.btn3:hover {color:#fff !important; background:#001c44;}
.btn4 {display:inline-block; min-width:60px; height:35px; color:#fff !important; font-size:15px; line-height:35px; text-align:center; box-sizing:border-box; padding:0 10px; border-radius:3px; background:#ec6c61;}
.btn4:hover {color:#fff !important; background:#d86056;}
.btn5 {display:inline-block; min-width:60px; height:35px; color:#fff !important; font-size:15px; line-height:35px; text-align:center; box-sizing:border-box; padding:0 10px; border-radius:3px; background:#ff9f27;}
.btn5:hover {color:#fff !important; background:#ff9817;}
.btn6 {display:inline-block; min-width:60px; height:35px; color:#fff !important; font-size:15px; line-height:35px; text-align:center; box-sizing:border-box; padding:0 10px; border-radius:3px; background:#2497d0;}
.btn6:hover {color:#fff !important; background:#218cc1;}
.btn7 {display:inline-block; min-width:60px; height:35px; color:#fff !important; font-size:15px; line-height:35px; text-align:center; box-sizing:border-box; padding:0 10px; border-radius:3px; background:#4a863b;}
.btn7:hover {color:#fff !important; background:#367426;}
.btn8 {display:inline-block; min-width:60px; height:35px; color:#fff !important; font-size:15px; line-height:35px; text-align:center; box-sizing:border-box; padding:0 10px; border-radius:3px; background:#4d90df;}
.btn8:hover {color:#fff !important; background:#367fd5;}
.btn9 {display:inline-block; min-width:60px; height:35px; color:#fff !important; font-size:15px; line-height:35px; text-align:center; box-sizing:border-box; padding:0 10px; border-radius:3px; background:#66575a;}
.btn9:hover {color:#fff !important; background:#514547;}

.btnS1 {display:inline-block; min-width:50px; height:25px; color:#fff !important; font-size:13px !Important; line-height:25px; text-align:center; box-sizing:border-box; padding:0 8px; border-radius:3px; background:#5f6578;}
.btnS1:hover {color:#fff !important; background:#3b4054;}
.btnS2 {display:inline-block; min-width:50px; height:25px; color:#fff !important; font-size:13px !Important; line-height:25px; text-align:center; box-sizing:border-box; padding:0 8px; border-radius:3px; background:#8a99b6;}
.btnS2:hover {color:#fff !important; background:#6b778e;}
.btnS3 {display:inline-block; min-width:50px; height:25px; color:#fff !important; font-size:13px !Important; line-height:25px; text-align:center; box-sizing:border-box; padding:0 8px; border-radius:3px; background:#0c3063;}
.btnS3:hover {color:#fff !important; background:#001c44;}
.btnS4 {display:inline-block; min-width:50px; height:25px; color:#fff !important; font-size:13px !Important; line-height:25px; text-align:center; box-sizing:border-box; padding:0 8px; border-radius:3px; background:#c5270a;}
.btnS4:hover {color:#fff !important; background:#a62108;}
.btnS5 {display:inline-block; min-width:50px; height:25px; color:#fff !important; font-size:13px !Important; line-height:25px; text-align:center; box-sizing:border-box; padding:0 8px; border-radius:3px; background:#ff9f27;}
.btnS5:hover {color:#fff !important; background:#ff9817;}
.btnS6 {display:inline-block; min-width:50px; height:25px; color:#fff !important; font-size:13px !Important; line-height:25px; text-align:center; box-sizing:border-box; padding:0 8px; border-radius:3px; background:#2497d0;}
.btnS6:hover {color:#fff !important; background:#218cc1;}
.btnS7 {display:inline-block; min-width:50px; height:25px; color:#fff !important; font-size:13px !Important; line-height:25px; text-align:center; box-sizing:border-box; padding:0 8px; border-radius:3px; background:#4a863b;}
.btnS7:hover {color:#fff !important; background:#367426;}
.btnS8 {display:inline-block; min-width:50px; height:25px; color:#fff !important; font-size:13px !Important; line-height:25px; text-align:center; box-sizing:border-box; padding:0 8px; border-radius:3px; background:#4d90df;}
.btnS8:hover {color:#fff !important; background:#367fd5;}
.btnS9 {display:inline-block; min-width:50px; height:25px; color:#fff !important; font-size:13px !Important; line-height:25px; text-align:center; box-sizing:border-box; padding:0 8px; border-radius:3px; background:#66575a;}
.btnS9:hover {color:#fff !important; background:#514547;}

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

/* 설명문구 - [박스-포인트리스트] */
.explain {padding:15px; margin-bottom:15px; border:1px solid #e4e4e4; background:#f7f8fc; overflow:hidden; line-height: 1.4em; }
.explain > li {padding:4px 0 4px 20px; 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:14px; background:url('../images/btnIcn/icn_dot1.gif') 0 12px no-repeat;}

.textList2 {overflow:hidden;}
.textList2 > li {padding:2px 0 2px 12px; font-size:15px; line-height: 1.3em; background:url('../images/btnIcn/round_dot.png') 0 10px no-repeat;}

.textList3 {overflow:hidden; list-style: auto; }
.textList3 > li {padding:2px 0 2px 12px; font-size:15px; background:url('../images/btnIcn/round_dot.png') 0 10px no-repeat;}

/* 설명문구 - [회색배경-이미지-리스트] */
.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:500; 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:#555; background:url('../images/btnIcn/icn_point1.gif') 0 5px no-repeat;}
.textPoint > span {color:#d21010;}

.pointText {padding:2px 0 2px 18px; font-size:16px; color:#444; font-weight:bold; background:url('../images/btnIcn/icn_point1.gif') 0 7px no-repeat;}

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

/* 박스영역 */
.areaBox {width:100%; padding:15px; border:#e5e5e5 1px solid; overflow:hidden;}

/* 영역- 박스 */
.boxArea {padding:15px; text-align:center; border:#e5e5e5 2px solid; background:#f7f8fc;}
.boxArea h1 {padding:10px; font-size:20px; font-weight:bold; color:#333;}
.boxArea h2 {padding:10px; font-size:16px; font-weight:bold; color:#333;}

.boxAreaText {padding:15px; border:#e5e5e5 2px solid; background:#fff;}

/* 업로드영역 */
.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; border-top:#e4e4e4 1px solid; overflow:hidden;}
.fileList li {padding:2px 0 2px 0;}

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

/* 링크 강조 */
.link {color:#0f21a6;}
.link:hover {text-decoration:underline;}

/* 취업통계에서 사용 */
.arRed {text-align:right; color:#d21010;}
.alRed {text-align:left; color:#d21010;}
.acRed {text-align:center; color:#d21010;}

/* background */
.bg_yellow {background:rgba(254,274,75,0.1) !important;}









/* 기본 레이아웃[틀]  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#wrap {position:relative; width:100%; overflow:hidden;}

/* 좌측배너 */
.leftBanner {width:100%; margin-top:20px; overflow:hidden;}
.leftBanner li {margin-top:3px;}

/* 검색영역 */
#srchBox {
	display:flex; display:-ms-flexbox; width:100%; box-sizing:border-box; padding:20px 0; margin-bottom:30px; border-radius:5px; border:1px solid #e5e5e5; 
	background:rgba(247,248,252,0.5); box-shadow:1px 1px 5px rgba(0,0,0,0.1); overflow:hidden;
}
#srchBox select {width:100% !important; height:40px;}
#srchBox input[type="text"] {width:100% !important; height:40px;}
#srchBox label {display:inline-block; font-size:14px; color:#555; font-weight:500; margin-bottom:10px;}
#srchBox > ul {width:calc(100% - 150px); box-sizing:border-box; padding:0 20px; overflow:hidden;}
#srchBox > ul > li {width:100%; margin-top:20px; overflow:hidden;}
#srchBox > ul > li:first-child {margin:0;}
#srchBox > div {display:flex; width:150px; margin:0 auto; box-sizing:border-box; padding:0 20px; border-left:1px solid #ddd; overflow:hidden;}
#srchBox > div > a {
	display:block; vertical-align:middle; align-self:center; width:100%; font-size:15px; font-weight:500; letter-spacing:0; color:#fff; text-align:center;
	box-sizing:border-box; padding:16px 10px; border-radius:3px; background:#3b4054;
}
#srchBox > div > a:hover {background:#212e4e;}

#srchBox > ul > li > ul {overflow:hidden;}
#srchBox > ul > li > ul li {float:left; box-sizing:border-box; padding-right:0.5em;}
#srchBox > ul > li > ul li:last-child {padding-right:0;}
#srchBox > ul > li > ul li:first-child:nth-last-child(1) {width:100%;}
#srchBox > ul > li > ul li:first-child:nth-last-child(2), #srchBox > ul > li > ul li:first-child:nth-last-child(2) ~ li {width:calc(100%/2);}
#srchBox > ul > li > ul li:first-child:nth-last-child(3), #srchBox > ul > li > ul li:first-child:nth-last-child(3) ~ li {width:calc(100%/3.001);}
#srchBox > ul > li > ul li:first-child:nth-last-child(4), #srchBox > ul > li > ul li:first-child:nth-last-child(4) ~ li {width:calc(100%/4);}
#srchBox > ul > li > ul li:first-child:nth-last-child(5), #srchBox > ul > li > ul li:first-child:nth-last-child(5) ~ li {width:calc(100%/5);}
#srchBox > ul > li > ul li:first-child:nth-last-child(6), #srchBox > ul > li > ul li:first-child:nth-last-child(6) ~ li {width:calc(100%/6);}

#srchBox > ul > li > ul > li > div {width:100%; overflow:hidden;}

#srchBox > ul li.areaS {width:30% !important;}
#srchBox > ul li.areaL {width:70% !important;}
#srchBox > ul li.areaS2 {width:40% !important;}
#srchBox > ul li.areaL2 {width:60% !important;}
#srchBox > ul li.areaD {width:calc(100%/2);}

/* 라디오,체크박스 영역 */
#srchBox .chk-area label {font-size:16px; font-weight:normal; margin:5px 15px 5px 0;}
#srchBox .chk-area label:last-child {margin:0;}

 /* 달력,날짜 영역 */
#srchBox div.cal-date span {display:block; float:left; width:calc((99% - 12px) / 2);}
#srchBox div.cal-date span.wave {width:12px; height:40px; line-height:40px; margin:0 0.5%; text-align:center;}
#srchBox div.cal-date span input.cal-date {width:calc(100% - 25px) !important;}

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

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

@media all and (max-width: 769px){
	#srchBox.srch-usr {flex-direction:column; padding:0 20px;}
	#srchBox.srch-usr > ul {width:100%; padding:10px 0 20px 0;}
	#srchBox.srch-usr > ul > li {margin-top:10px;}
	#srchBox.srch-usr > div {width:100%; padding:20px 0; border-left:none; border-top:1px solid #ddd;}
	#srchBox.srch-usr > div > a {padding:11px 10px;}
	
	#srchBox.srch-usr > ul > li > ul li {padding-top:10px;}
	#srchBox.srch-usr > ul > li > ul li:nth-child(1), #srchBox.srch-usr > ul > li > ul li:nth-child(2) {padding-top:0;}
	#srchBox.srch-usr > ul > li > ul > li:first-child:nth-last-child(2), #srchBox.srch-usr > ul > li > ul > li:first-child:nth-last-child(2) ~ li {width:calc(100%/2);}
	#srchBox.srch-usr > ul > li > ul > li:first-child:nth-last-child(3), #srchBox.srch-usr > ul > li > ul > li:first-child:nth-last-child(3) ~ li {width:calc(100%/2);}
	#srchBox.srch-usr > ul > li > ul > li:first-child:nth-last-child(4), #srchBox.srch-usr > ul > li > ul > li:first-child:nth-last-child(4) ~ li {width:calc(100%/2);}
	#srchBox.srch-usr > ul > li > ul > li:first-child:nth-last-child(5), #srchBox.srch-usr > ul > li > ul > li:first-child:nth-last-child(5) ~ li {width:calc(100%/2);}
	
	#srchBox.srch-usr  > ul li.areaS {width:100% !important; padding:0;}
	#srchBox.srch-usr  > ul li.areaL {width:100% !important; padding-top:5px !important;}
	
	#srchBox.srch-usr .wide {width:100% !important; padding-right:0 !important; margin-top:10px;}
	#srchBox.srch-usr .wide:first-child {margin:0;}
}

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


/* 탭버튼 */
#tabBox {margin-bottom:40px; box-sizing:border-box; border-left:1px solid #ddd; overflow:hidden;}
#tabBox > li {float:left; width:20%; box-sizing:border-box; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
#tabBox > li a {display:block; height:60px; font-size:15px; line-height:60px; color:#8e9297; text-align:center; background:#f7f8fc;}
#tabBox > li a:hover {color:#fff; background:#355cb9;}
#tabBox > li a.on {color:#fff; background:#355cb9;}

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

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

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

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


/* 프로그램 탭 */
.progTab {width:100%; margin-bottom:5px;overflow:hidden;}
.progTab li {float:left; box-sizing:border-box; margin-right:2px; padding:10px 23px;border:1px solid #ddd;; text-align:center; color:#222; font-size:14px; font-weight:500;}
.progTab li.on {background-color:#30518C; color:#fff;}
.progTab li:hover {background-color:#30518C; color:#fff;}


/* 핵심역량관리로드맵 - 백그라운드 색상 */
.tableListBox table tbody td.bgG {background:url('../images/btnIcn/bg_pt1.gif');} 
.tableListBox table tbody td.bgG a {color:#fff; font-size:16px; font-weight:500;} 
.tableListBox table tbody td.bgB {background:url('../images/btnIcn/bg_pt2.gif');} 
.tableListBox table tbody td.bgB a {color:#fff; font-size:16px; font-weight:500;}
.tableListBox table tbody td.bgR {background:url('../images/btnIcn/bg_pt3.gif');} 
.tableListBox table tbody td.bgR a {color:#fff; font-size:16px; font-weight:500;} 
.tableListBox table tbody td.bgP {background:url('../images/btnIcn/bg_pt4.gif');} 
.tableListBox table tbody td.bgP a {color:#fff; font-size:16px; font-weight:500;} 

/* 만족도조사 */
.satisfaction {width:100%;}
.satisfaction .sfInfo {padding:25px; border:#e3e3e3 1px solid; background:#f7f8fc;}
.satisfaction .sfInfo h1 {width:100%; margin-bottom:15px; padding-bottom:20px; font-size:18px; font-weight:500; color:#333; border-bottom:#e4e4e4 1px solid;}
.satisfaction .sfInfo div {font-size:14px;}
.satisfaction .sfCtn {padding:25px; border-left:#e5e5e5 1px solid; border-right:#e5e5e5 1px solid;}
.satisfaction .sfCtn div {margin-bottom:20px; padding-bottom:20px; border-bottom:#e5e5e5 1px solid;}
.satisfaction .sfCtn div h1 {padding:0 0 5px 22px; font-size:16px; font-weight:500; color:#333; background:url('../images/btnIcn/icn_title1.png') 0 2px no-repeat;}
.satisfaction .sfCtn div p {padding:10px 0; font-size:14px;}
.satisfaction .sfCtn div ul {width:100%; overflow:hidden;}
.satisfaction .sfCtn div ul li {padding:3px 0;}
.satisfaction .sfEnd {padding:25px; border:#e3e3e3 1px solid; background:#f7f8fc;}

/* 직인관리 - 파일 업로드 */
.extSealUp {width:100%; padding:10px 0;}
.extSealUp dl {width:100%; margin-bottom:10px; overflow:hidden;}
.extSealUp dl dt {float:left; width:20%; padding-top:2px; font-size:14px; line-height:22px; font-weight:normal; color:#333;}
.extSealUp dl dd {float:left; width:80%;}
.extSealUp dl.fileArea dt {width:17%; padding-top:0;}
.extSealUp dl.fileArea dd {width:83%; padding-top:3px;}
.extSealUp div {padding-top:10px;}
.extSealUp div strong {color:#333; letter-spacing:-1px;}
.extSealUp p {margin-top:15px; padding-top:15px; text-align:center; border-top:#e5e5e5 1px solid;}
@page a4sheet { size: 21.0cm 29.7cm}

@media all and (max-width: 1199px){
	.extSealUp dl dt {width:28%;}
	.extSealUp dl dd {float:left; width:72%; overflow:hidden;}
	.extSealUp dl dd input {width:95% !important;}
	.extSealUp dl.fileArea dt {width:22%;}
	.extSealUp dl.fileArea dd {width:78%;}
}

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

@media all and (max-width: 769px){
	.extSealUp dl dt {float:left; width:110px; min-width:110px; font-size:15px; line-height:18px; padding-top:5px;}
	.extSealUp dl dd {float:left; width:calc(100% - 110px); width:-webkit-calc(100% - 110px);}
	.extSealUp dl.fileArea dt {width:110px;}
	.extSealUp dl.fileArea dd {width:calc(100% - 110px); width:-webkit-calc(100% - 110px);}
}

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


/* 서약 */
.vow {width:100%; margin-top:35px;}
.vow h1 {text-align:center; font-family:'nm'; font-size:22px; font-weight:500; color:#333; line-height:26px; letter-spacing:-1px;}
.vow h2 {margin-top:20px; text-align:center; font-family:'nm'; font-size:20px; font-weight:500; color:#333; line-height:26px; letter-spacing:-1px;}
.vow p {margin:40px 0 40px 0; text-align:right; font-size:28px; color:#333; line-height:26px; font-weight:500; font-family:'nm'; letter-spacing:-1px; height:45px; padding-top:35px; padding-right:40px; background:url('/static_root/images/common/jikin.png') no-repeat right top;background-size:80px;}
.vow div {text-align:center; font-size:12px; letter-spacing:-1px;}

/* 협약서 */
.infaco_agreement {width:100%;}
.infaco_agreement h1 {margin-bottom:25px; text-align:center; font-family:'nm'; font-size:25px; font-weight:bold; color:#333; line-height:40px; letter-spacing:-1px;}
.infaco_agreement h2 {margin-top:25px; text-align:center; font-family:'nm'; font-size:20px; font-weight:bold; color:#333; line-height:35px; letter-spacing:-1px;}
.infaco_agreement > dl {width:100%; margin-top:25px; overflow:hidden;}
.infaco_agreement > dl > dt {float:left; width:47%;}
.infaco_agreement > dl > dt dl {width:100%; overflow:hidden;}
.infaco_agreement > dl > dt dl dt {float:left; width:65%; padding-top:30px; text-align:center; font-family:'nm'; font-size:18px; font-weight:bold; color:#333; line-height:24px; letter-spacing:-1px;}
.infaco_agreement > dl > dt dl dd {float:right; width:30%;}
.infaco_agreement > dl > dd {float:right; width:47%;}
.infaco_agreement > dl > dd dl {width:100%; overflow:hidden;}
.infaco_agreement > dl > dd dl dt {float:left; width:65%; padding-top:30px; text-align:center; font-family:'nm'; font-size:18px; font-weight:bold; color:#333; line-height:24px; letter-spacing:-1px;}
.infaco_agreement > dl > dd dl dd {float:right; width:30%;}

/* 회원가입_개인정보동의서 */
.privacy_agree {padding:25px; box-sizing:border-box; border:1px solid #ddd; overflow:hidden;}
.privacy_agree div.agree_tit_txt {margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #e5e5e5;}
.privacy_agree div.agree_text {padding:10px; box-sizing:border-box;}
.privacy_agree div.agree_chk {text-align:center; margin-top:15px; padding-top:15px; border-top:1px solid #e5e5e5;}
.privacy_agree div h3 {font-size:18px; line-height:22px; font-weight:500; color:#333;}
.privacy_agree div h4 {font-size:15px; font-weight:500; color:#0079c2; margin-bottom:10px;}
.privacy_agree div p {margin-top:15px;}
.privacy_agree div ol li {padding:3px 0;}
.privacy_agree div ul li {font-size:14px;}
.privacy_agree div label {display:inline-block; padding-left:5px; color:#333;}
.privacy_agree span {color:#e5144d;}
.privacy_agree strong {display:block; font-weight:500; color:#333; margin-bottom:10px;}




/* 공통 - 레이어  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.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:#262f58; z-index:10;}
.layerWrapC500 {display:none; position:absolute; left:50%; top:50%; width:500px; background:#262f58; z-index:10;}
.layerWrapC600 {display:none; position:absolute; left:50%; top:50%; width:600px; background:#262f58; z-index:10;}
.layerWrapC700 {display:none; position:absolute; left:50%; top:50%; width:700px; background:#262f58; z-index:10;}
.layerWrapC800 {display:none; position:absolute; left:50%; top:50%; width:800px; background:#262f58; z-index:10;}
.layerWrapC900 {display:none; position:absolute; left:50%; top:50%; width:900px; background:#262f58; z-index:10;}
.layerWrapC1000 {display:none; position:absolute; left:50%; top:50%; width:1000px; background:#262f58; z-index:10;}

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

/* 명암 */
.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:15px; font-size:22px; line-height:30px; font-weight:500; color:#fff;}
.layerTitle dd {float:right;}
.layerTitle dd a {line-height:60px;}

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

/* 작은타이틀*/
.layerTitle02 {float:left; width:100%; height:35px; margin-bottom:20px; border-bottom:1px solid #e2e2e2; background-color:rgba(240,248,255,.6);}
.layerTitle02 dt {padding:3px 0 0 25px; font-size:15px; line-height:30px; font-weight:500; color:#4f4f4f; letter-spacing:-1px;}

/* 달력 */
.calendar {overflow:hidden;}
.calendar .calDate {height:59px; background:url('../images/img/cal_dateBg.gif') no-repeat;}
.calendar .calDate {width:100%; overflow:hidden;}
.calendar .calDate > dt {float:left; width:600px;}
.calendar .calDate > dt > dl {width:100%; overflow:hidden;}
.calendar .calDate > dt > dl > dt {float:left; width:100px; padding-top:18px; font-size:14px; font-weight:500;}
.calendar .calDate > dt > dl > dt a {color:#fff;}
.calendar .calDate > dt > dl > dd {float:left; width:400px; padding-top:15px; font-size:22px; line-height:26px; color:#fff; text-align:center;}
.calendar .calDate > dd {float:left; width:180px; padding:14px 20px 0 0; text-align:right;}
.calendar .calDate > dd:first-child {padding:14px 0 0 20px; text-align:left;}

.calendar table {width:100%; table-layout:fixed; border-top:#838383 1px solid; border-left:#e4e4e4 1px solid;}
.calendar table thead th {padding:10px 0 10px 0; font-weight:500; color:#0b2e47; letter-spacing:-1px; text-align:center; background:#f1f1f6; border-right:#e4e4e4 1px solid; border-bottom:#e4e4e4 1px solid;}
.calendar table tbody tr.calChkBg {background:#D5D5D5;}
.calendar table tbody td {height:90px; padding:8px; vertical-align:top; border-right:#e4e4e4 1px solid; border-bottom:#e4e4e4 1px solid;}
.calendar table tbody td:first-child { font-weight:500; font-size:14px;}
.calendar table tbody td:first-child a {color:#000;}
.calendar table tbody td:hover {padding:6px; border:#0264b6 2px solid; background:#f9f9f9;}
.calendar table tbody td p {margin-bottom:10px; padding-bottom:8px; font-weight:500; border-bottom:#ddd 1px dashed;}
.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; background:#fff6e7; border:#f87509 1px solid;}
.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;}

#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;}

/* 타이틀 */
.popTitle {position:relative; height:60px; background:#262f58; overflow:hidden;}
.popTitle:after {content:""; display:block; clear:both;} 
.popTitle dt {position:absolute; top:50%; left:20px; transform:translateY(-50%); font-size:22px; font-weight:500; color:#fff;}
.popTitle dd {position:absolute; top:50%; right:20px; transform:translateY(-50%);}

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


/* 툴팁 2018-04-09 */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 230px;
    background-color: #5391fe;
    color: #fff;
    word-break:keep-all;
    text-align: left;
    border-radius: 3px;
    padding: 8px;
    position: absolute;
    z-index: 1;
    bottom: -100%;
    left: 100%;
    margin-left:20px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 47%;
    left: -25px;
    padding: 0px;
    margin-left: 15px;
    margin-bottom: 0px;
    width: auto;
    border-width: 5px;
    border-style: solid;
    border-color:#5391fe transparent transparent transparent;
    transform:rotate(90deg);
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}





/* 드롭다운 */
.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:400 16px/16px 'NotoSansKR'; 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;}

/* 전체영역[개발용] */
.layerWrap200Dev {width:200px; z-index:10;}
.layerWrap450Dev {width:450px; background:#262f58; z-index:10;}
.layerWrap500Dev {width:500px; background:#262f58; z-index:10;}
.layerWrap600Dev {width:600px; background:#262f58; z-index:10;}
.layerWrap700Dev {width:700px; background:#262f58; z-index:10;}
.layerWrap800Dev {width:800px; background:#262f58; z-index:10;}
.layerWrap900Dev {width:900px; background:#262f58; z-index:10;}
.layerWrap1000Dev{width:1000px; background:#262f58; z-index:10;}


/* 2012-11-30 surveyWrap --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.surveyWrap {width:100%; background-color:#fff; border-bottom:2px solid #dadada; overflow:hidden;}
.surveyWrap .surveyTit {background:#6A84B7; font-size:11pt; color:#fff; font-weight:bold;text-align:center; padding:10px 5px 7px;}
.surveyWrap .surveyMent {padding:10px; background-color:#f5f5f5; border-top:1px solid #dadada; border-bottom:1px solid #dadada; margin-bottom:10px;}
.surveyWrap .surveyEX {color:#176ed8; padding-left:10px; margin-top:10px;}
.surveyWrap dl {width:100%;}
.surveyWrap dl dt {padding:10px 10px 0 10px; font-weight:bold;}
.surveyWrap dl dd {padding:5px 10px 20px 25px; .padding-bottom:25px;}
.surveyWrap dl dd ul {overflow:hidden;}
.surveyWrap dl dd ul li {margin-right:15px; float:left; }


/* 동영상강좌-리스트 */
.videoList {width:100%; overflow:hidden;}
.videoList * {box-sizing: border-box;}
.videoList ul li {float:left; width: 23%; margin:0 1% 0 1%; overflow:hidden;}
.videoList ul li > .videoArea {width:100%; position:relative; min-height:200px; padding-top:120px; }
.videoList ul li > .videoArea > p a {position:absolute; top:0; left:0; overflow:hidden; width:100%; height:125px; z-index:1;}
.videoList ul li > .videoArea > p a img {position:absolute; top:0; left:0; height:100%; max-width:none;}
.videoList ul li > .videoArea  > div {position:relative; min-height:100px; padding: 8px 0px;}
.videoList ul li > .videoArea  > div > h5 {oveflow:hidden;}
.videoList ul li > .videoArea  > div > h5 a {
	height:46px; line-height:23px; display:block; display:-webkit-box; font-weight: normal; font-size:15px; text-align:left; color: #030303; -webkit-box-orient: vertical;
	white-space:normal;  word-wrap:break-word; -webkit-line-clamp:2; text-overflow:ellipsis; overflow:hidden;}
.videoList ul li > .videoArea  > div > dl {width:100%; margin-top: 0px; overflow:hidden; padding: 0 3px 0 0;}
.videoList ul li > .videoArea  > div > dl dt {float:left; font-size:14px; color:#606060;}
.videoList ul li > .videoArea  > div > dl dd {float:right; font-size:14px; color:#606060;}

@media all and (max-width:479px) {
.videoList ul li {clear:both; width:98%;}
.videoList ul li > .videoArea {min-height:auto; padding-top:210px;}
.videoList ul li > .videoArea > p a {height:210px; min-height:auto;}
.videoList ul li > .videoArea > p a img {width:100%; /* height:auto; */}
}
@media all and (min-width:480px) and (max-width:767px) {
.videoList ul li {width:48%;}
.videoList ul li > .videoArea {min-height:none; padding-top:210px;}
.videoList ul li > .videoArea > p a {height:210px;}
.videoList ul li > .videoArea > p a img {width:100%;}
}
@media all and (min-width:768px) and (max-width:991px) {
.videoList ul li {width:31.3%;}
.videoList ul li > .videoArea {min-height:250px; padding-top:160px;}
.videoList ul li > .videoArea > p a {height:160px;}
.videoList ul li > .videoArea > p a img {width:100%;}
}
@media all and (min-width:992px) and (max-width:1199px) {

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

}

/* 동영상강좌-View */
.videoWrap {width:100%; border:1px solid #e5e5e5; box-sizing:border-box; padding:5px; overflow:hidden;}
.videoWrap > .video-play {width:100%; height:500px; overflow:hidden;}
.videoWrap > .video-play > iframe {width:100%; height:100%;}
.videoWrap > .videoInfo {width:100%; height:100%; padding:15px 10px 5px 10px; overflow:hidden;}
.videoWrap > .videoInfo > h5 {font-size:18px; font-weight: 400; line-height:26px; word-wrap:break-word; margin-bottom: 0px; color: #030303;}
.videoWrap > .videoInfo > div {width:100%; margin-top: 0px; overflow:hidden; font-size: 14px; color:#606060; letter-spacing: 0px;}
.videoWrap > .videoInfo > p {word-wrap:break-word; margin-top: 15px;}

@media all and (max-width:479px) {
.videoWrap > .video-play {height:200px;}
.videoWrap > .videoInfo > h5 {font-size:16px; line-height:22px; transform:skew(-0.001deg);}
}
@media all and (min-width:480px) and (max-width:767px) {
.videoWrap > .video-play {height:360px;}
.videoWrap > .videoInfo > h5 {font-size:16px; line-height:22px; transform:skew(-0.001deg);}
}
@media all and (min-width:768px) and (max-width:991px) {
.videoWrap > .video-play {height:480px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
.videoWrap > .video-play {height:400px;}
}
@media all and (min-width:1200px) {

}