@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:14px; color:#727272; letter-spacing:-1px; font-weight:normal; line-height:22px; word-break:break-all;}
table,th,h1,h2,h3,h4,h5,h6 {font-size:14px; font-weight:normal; word-break:break-all;}
table {border-spacing:0; border-collapse:collapse;}
html {
	/* 모바일 웹폰트 크기 자동조정 문제 */
	-webkit-text-size-adjust:none; /* 크롬/사파리/오페라 신버전 */
	-moz-text-size-adjust:none; /* 파이어폭스 */
	-ms-text-size-adjust:none; /* 익스 */
	-o-text-size-adjust:none; /* 오페라 구버전 */
	text-size-adjust:none;
}
body#user {min-width:320px;}
body {min-width:1200px;}
img,fieldset {margin:0; padding:0; border:0; min-width:auto;}
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:#727272;}
a:hover {text-decoration:none; color:#003263;}
.select {height:35px; box-sizing:border-box; padding:0 5px; apperance:none; -webkit-appearance:none; -moz-appearance:none; border-radius:3px; border:1px solid #ddd; background:url('../images/common/select_arr.png') 97% center no-repeat, #fff;}
.input {height:35px; box-sizing:border-box; padding:0 5px; border-radius:3px; border:1px solid #ddd; apperance:none; -webkit-appearance:none; -moz-appearance:none;}
.select::-ms-expand, .input::-ms-expand {display:none; apperance:none;}

/* skipNavi */
.accessibility {position:absolute; left:0; top:0; width:100%; z-index:9999;}
.accessibility a {display:block; width:1px; height:1px; margin-bottom:-1px; color:#fff; font-size:0; text-decoration:none; overflow:hidden;}
.accessibility a:active, .accessibility a:focus {width:100%; height:auto; padding:5px 0; background:#333; font-size:14px; text-align:center;}

.clearfix:after {content:""; display:block; clear:both;}



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

.areaWeb {}
.areaMb {display:none;}

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

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

@media all and (max-width: 767px){
	.areaWeb {display:none;}
	.areaMb {display:block;}
}

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


/* 상단영역 */
#headerUser {width:100%; border-bottom:1px solid #e5e5e5; background:#fff;}
#headerUser .topNavi {width:100%; background:#f7f8fc;}
#headerUser .topNavi > div {width:1200px; margin:0 auto; overflow:hidden;}
#headerUser .topNavi > div > dl {float:left; overflow:hidden;}
#headerUser .topNavi > div > dl dt {float:left; font-size:18px; line-height:40px; font-weight:500; letter-spacing:-0.5px; color:#4d5361; margin-right:10px;}
#headerUser .topNavi > div > dl dt > strong {color:#187aba;}
#headerUser .topNavi > div > dl dd {float:right;}
#headerUser .topNavi > div > dl dd > a {display:inline-block; width:40px; height:40px; box-sizing:border-box; padding:5px;}
#headerUser .topNavi > div > ul {float:right;}
#headerUser .topNavi > div > ul > li {position:relative; float:left; font-size:15px; line-height:40px; margin-left:10px; padding-left:10px; color:#4d5361;}
#headerUser .topNavi > div > ul > li:after {content:""; display:inline-block; position:absolute; left:0; top:16px; width:1px; height:10px; background:#4d5361;}
#headerUser .topNavi > div > ul > li > a {color:#4d5361;}
#headerUser .topNavi > div > ul > li > a:hover {color:#003263;}
#headerUser .topNavi > div > ul > li.userNM {margin-left:0; padding-left:0;}
#headerUser .topNavi > div > ul > li.userNM:after {display:none;}
#headerUser .topNavi > div > ul > li.userNM > span {color:#187aba;}
#headerUser .topNavi > div > ul > li.login-out {width:80px; height:40px; padding-left:0;}
#headerUser .topNavi > div > ul > li.login-out:after {display:none;}
#headerUser .topNavi > div > ul > li.login-out > a {display:block; line-height:40px; color:#fff; text-align:center; background:#187aba;}
#headerUser .topNavi > div > ul > li.login-out > a:hover {background:#1870ba;}
#headerUser .gnbArea {width:100%; background:#fff;}
#headerUser .gnbArea > div {width:1200px; margin:20px auto; overflow:hidden;}
#headerUser .gnbArea > div > h1 {float:left;}
#headerUser .gnbArea > div > h1 > a {display:block;}
#headerUser .gnbArea > div > ul {float:right;}
#headerUser .gnbArea > div > ul > li {float:left; line-height:40px; margin-left:60px;}
#headerUser .gnbArea > div > ul > li > a {font-size:18px; color:#222; font-weight:500;}
#headerUser .gnbArea > div > ul > li > a:hover {color:#003263;}

#headerMobile {display:none;}

@media all and (max-width: 1199px){
	#headerUser .topNavi > div {width:970px;}
	#headerUser .gnbArea > div {width:970px;}
	#headerUser .gnbArea > div > ul > li {margin-left:25px;}
}

@media all and (max-width: 989px){
	#headerUser {display:none;}
	
	#headerMobile {display:block; width:100%; border-bottom:1px solid #e5e5e5; background:#fff;}
	
	#headerMobile > .hm-top {margin:0 15px; padding:14px 0; overflow:hidden;}
	#headerMobile > .hm-top > li:nth-child(1) {float:left; width:30%;}
	#headerMobile > .hm-top > li:nth-child(1) a {display:block; margin-top:3px;}
	#headerMobile > .hm-top > li:nth-child(2) {float:right; text-align:right;}
	#headerMobile > .hm-top > li:nth-child(2) i {font-size:35px; color:#454f63; cursor:pointer;}
	
	#headerMobile > .total-bg {display:none; position:fixed; top:0; left:0; z-index:99; width:100%; height:100%; background:rgba(0,0,0,0.6);}
	
	#headerMobile > .hm-total ul ul {display:none;}
	#headerMobile > .hm-total {position:fixed; top:0; right:0; z-index:9999; width:80%; height:100%; margin-right:-100%; background:#007cc2; overflow:auto;}
	#headerMobile > .hm-total > ul.total-tit {width:100%; box-sizing:border-box; padding:15px; background:#fff; overflow:hidden;}
	#headerMobile > .hm-total > ul.total-tit > li:nth-child(1) {float:left; color:#454f63; font-size:18px; line-height:27px; font-weight:500;}
	#headerMobile > .hm-total > ul.total-tit > li:nth-child(1) > span {color:#187aba;}
	#headerMobile > .hm-total > ul.total-tit > li:nth-child(2) {float:right; font-size:24px; padding-top:3px; cursor:pointer;}
	#headerMobile > .hm-total > ul.total-tit > li:nth-child(2) i {color:#454f63;}

	#headerMobile > .hm-total > ul.total-btn {width:100%; overflow:hidden;}
	#headerMobile > .hm-total > ul.total-btn > li {float:left; width:50%;}
	#headerMobile > .hm-total > ul.total-btn > li > a {display:block; text-align:center; color:#fff; font-size:16px; font-weight:500; box-sizing:border-box; padding:15px 10px; overflow:hidden;}
	#headerMobile > .hm-total > ul.total-btn > li:nth-child(1) > a {background:#36afdc;}
	#headerMobile > .hm-total > ul.total-btn > li:nth-child(2) > a {background:#29a5d9;}

	#headerMobile > .hm-total > dl.total-sns {width:100%; box-sizing:border-box; padding:15px 10px; background:#fff; overflow:hidden;}
	#headerMobile > .hm-total > dl.total-sns dt {font-size:16px; font-weight:500; letter-spacing:-0.5px; text-align:center; color:#4d5361; margin-bottom:15px;}
	#headerMobile > .hm-total > dl.total-sns dt > strong {color:#187aba;}
	#headerMobile > .hm-total > dl.total-sns dd {text-align:center;}
	#headerMobile > .hm-total > dl.total-sns dd > a {display:inline-block; width:40px; height:40px; box-sizing:border-box; padding:5px; margin:0 2px; border-radius:50%;}
	#headerMobile > .hm-total > dl.total-sns dd > a:nth-child(1) {background:#3b5596;}
	#headerMobile > .hm-total > dl.total-sns dd > a:nth-child(2) {background:linear-gradient(210deg, #833ab4 0%, #fd1d1d 60%, #fcb045 100%);;}
	#headerMobile > .hm-total > dl.total-sns dd > a:nth-child(3) {background:#02c03a;}
	#headerMobile > .hm-total > dl.total-sns dd > a:nth-child(4) {background:#fae100;}
	#headerMobile > .hm-total > dl.total-sns dd > a:nth-child(5) {background:#fff; box-shadow:1px 1px 8px rgba(0,0,0,0.2);}

	#headerMobile > .hm-total > div.total-list > ul.hm-menu > li.sub-depth1 a {display:block; font-size:16px; color:#fff; box-sizing:border-box; padding:15px; border-bottom:1px solid rgba(255,255,255,0.1); overflow:hidden;}
	#headerMobile > .hm-total > div.total-list > ul.hm-menu > li.sub-depth1 a.open {color:#fff;}
	#headerMobile > .hm-total > div.total-list > ul.hm-menu > li.sub-depth1:hover a {color:#fff;}
	#headerMobile > .hm-total > div.total-list > ul.hm-menu > li.sub-depth1 a > span {float:left;}
	#headerMobile > .hm-total > div.total-list > ul.hm-menu > li.sub-depth1 a > i {float:right; color:rgba(255,255,255,0.5);}
	#headerMobile > .hm-total > div.total-list > ul.hm-menu > li.sub-depth1 > ul > li.sub-depth2 {background:#f7fbff;}
	#headerMobile > .hm-total > div.total-list > ul.hm-menu > li.sub-depth1 > ul > li.sub-depth2 a {padding:10px 15px; font-size:15px; color:#005298; border-bottom:1px solid rgba(0,82,152,0.05);}
	#headerMobile > .hm-total > div.total-list > ul.hm-menu > li.sub-depth1 > ul > li.sub-depth2 a:hover span {color:#44587b;}
	#headerMobile > .hm-total > div.total-list > ul.hm-menu > li.sub-depth1 > ul > li.sub-depth2 a i {color:#454f63;}
	#headerMobile > .hm-total > div.total-list > ul.hm-menu > li.sub-depth1 > ul > li > ul {border-bottom:1px solid rgba(221,221,221,0.5);}
	#headerMobile > .hm-total > div.total-list > ul.hm-menu > li.sub-depth1 > ul > li > ul > li.sub-depth3 {background:#fff;}
	#headerMobile > .hm-total > div.total-list > ul.hm-menu > li.sub-depth1 > ul > li > ul > li.sub-depth3 a {font-size:14px; color:#007cc2; padding:6px 20px; border-bottom:none;}
	#headerMobile > .hm-total > div.total-list > ul.hm-menu > li.sub-depth1 > ul > li > ul > li.sub-depth3 a > span {position:relative; padding-left:10px;}
	#headerMobile > .hm-total > div.total-list > ul.hm-menu > li.sub-depth1 > ul > li > ul > li.sub-depth3 a > span:before {content:""; display:block; position:absolute; left:0; top:50%; width:5px; height:1px; border-radius:50%; background:url('../images/btnIcn/line_dot.jpg') no-repeat; opacity:0.5;}
	#headerMobile > .hm-total > div.total-list > ul.hm-menu > li.sub-depth1 > ul > li > ul > li.sub-depth3 a:hover span {color:#007cc2; text-decoration:underline;}
}

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

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

/* 하단영역 */
#footer {width:100%; background:#f6f7fb;}
#footer > div {width:1200px; margin:0 auto; box-sizing:border-box; padding:30px 0 20px 0; overflow:hidden;}
#footer > div > ul {overflow:hidden;}
#footer > div > ul > li.ft-menu-copy {float:left; width:300px;}
#footer > div > ul > li.ft-menu-copy > .ftMenu {margin-bottom:20px; overflow:hidden;}
#footer > div > ul > li.ft-menu-copy > .ftMenu > a {position:relative; display:inline-block; font-size:16px; color:#666; margin-right:10px; padding-right:10px;}
#footer > div > ul > li.ft-menu-copy > .ftMenu > a.on {font-weight:500; color:#187aba;}
#footer > div > ul > li.ft-menu-copy > .ftMenu > a:after {content:""; display:inline-block; position:absolute; right:0; top:8px; width:1px; height:10px; background:#ddd;}
#footer > div > ul > li.ft-menu-copy > .ftMenu > a:last-child {margin:0; padding:0;}
#footer > div > ul > li.ft-menu-copy > .ftMenu > a:last-child:after {display:none;}
#footer > div > ul > li.ft-menu-copy > .ftCopy > p {margin-top:10px; line-height:20px; letter-spacing:0; color:#999;}
#footer > div > ul > li.ft-menu-copy > .ftCopy > p strong {color:#777;}
#footer > div > ul > li.ft-addr {float:left; width:calc(100% - 380px); width:-webkit-calc(100% - 380px); box-sizing:border-box; padding:0 5%; overflow:hidden;}
#footer > div > ul > li.ft-addr > strong {display:block; font-size:16px; color:#666; letter-spacing:-0.5px; margin-bottom:20px;}
#footer > div > ul > li.ft-addr > ul > li:nth-child(2) {padding:5px 0;}
#footer > div > ul > li.ft-addr > ul > li > dl {overflow:hidden;}
#footer > div > ul > li.ft-addr > ul > li > dl dt {float:left; width:125px; margin-right:10px; font-size:15px; font-weight:500;}
#footer > div > ul > li.ft-addr > ul > li > dl dd {float:right; width:calc(100% - 135px); width:-webkit-calc(100% - 135px); font-size:15px; letter-spacing:-0.5px; word-break:keep-all;}
#footer > div > ul > li.ft-addr > ul > li > dl dd span {display:inline-block; margin-left:15px;}
/* #footer > div > ul > li.ft-contact {float:right; width:80px;}
#footer > div > ul > li.ft-contact > strong {display:block; font-size:16px; color:#666; letter-spacing:-0.5px; margin-bottom:20px;}
#footer > div > ul > li.ft-contact > ul {overflow:hidden;}
#footer > div > ul > li.ft-contact > ul > li {float:left; width:50%; margin-bottom:20px;}
#footer > div > ul > li.ft-contact > ul > li:last-child, #footer > ul > li.ft-contact > ul > li:nth-last-child(2) {margin-bottom:0;}
#footer > div > ul > li.ft-contact > ul > li > a {display:block; text-align:center;} */

.copyMob {display:none;}

@media all and (max-width: 1199px){
	#footer > div {width:970px;}
	#footer > div > ul > li.ft-addr > ul > li > dl dd span {margin-left:0;}
}

@media all and (max-width: 989px){
	#footer > div {width:100%; padding:20px;}
	#footer > div > ul > li.ft-menu-copy {float:none; width:100%; text-align:center; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ddd;}
	#footer > div > ul > li.ft-menu-copy > .ftMenu {margin-bottom:0;}
	#footer > div > ul > li.ft-menu-copy > .ftCopy {display:none;}
	#footer > div > ul > li.ft-addr {float:none; width:100%; text-align:center; /* padding:0 0 20px 0; */ overflow:hidden;}
	#footer > div > ul > li.ft-addr > strong {display:none;}
	#footer > div > ul > li.ft-addr > ul {float:none; width:100%;}
	#footer > div > ul > li.ft-addr > ul > li:nth-child(2) {padding:10px 0;}
	#footer > div > ul > li.ft-addr > ul > li > dl dt {float:none; width:100%; margin:0 0 5px 0;}
	#footer > div > ul > li.ft-addr > ul > li > dl dd {float:none; width:100%;}
	#footer > div > ul > li.ft-addr > ul > li > dl dd span {display:block; margin-left:0;}
	/* #footer > div > ul > li.ft-contact {float:none; width:100%;}
	#footer > div > ul > li.ft-contact > strong {display:none;}
	#footer > div > ul > li.ft-contact > ul {text-align:center;}
	#footer > div > ul > li.ft-contact > ul > li {display:inline-block; float:none; width:auto; margin:0 20px 0 0;} */
	
	.copyMob {display:block;  text-align:center; letter-spacing:0; color:#999; word-break:keep-all; margin-top:20px; padding-top:20px; border-top:1px solid #ddd; overflow:hidden;}
	.copyMob > strong {color:#777;}
	.copyMob > br {display:none;}
}

@media all and (max-width: 767px){
	.copyMob > br {display:block;}
}

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


/* 좌측메뉴 */
.leftMenu {width:100%;}
.leftMenu p {height:60px; color:#222; font-size:22px; line-height:22px; font-weight:500; letter-spacing:-1.2px; background:#fff;}
.leftMenu p span {display:block; position:relative; padding-top:10px;}
.leftMenu p span strong {position:absolute; top:0; display:inline-block; font-size:15px; line-height:15px; font-weight:900; color:#07326c; margin-left:5px;}
.leftMenu dl {width:100%; box-sizing:border-box; border-radius:3px; border:1px solid #e5e5e5; margin-bottom:5px; overflow:hidden;}
.leftMenu dt {width:100%;}
.leftMenu dl dt a {position:relative; display:block; height:50px; font-size:14px; color:#555; box-sizing:border-box; padding:14px 22px 14px 8px; border-radius:3px; background:#fff;}
.leftMenu dl dt a:after {content:""; display:inline-block; position:absolute; top:22px; right:5px; width:13px; height:3px; background:url('../images/common/icn_left_off.png') no-repeat;}
.leftMenu dl dt a:hover {color:#333;}
.leftMenu dl dt a.on {color:#fff; background:#7d8ba7;}
.leftMenu dl dt a.on:after {content:""; display:inline-block; position:absolute; top:22px; right:5px; width:13px; height:5px; background:url('../images/common/icn_left_on.png') no-repeat;}
.leftMenu dl dd {margin:0 8px; box-sizing:border-box; padding:10px 0; border-top:1px solid #e5e5e5;}
.leftMenu dl dd a {position:relative; display:block; padding:3px 0 3px 10px; color:#7d8ba7;}
.leftMenu dl dd a:after {content:""; display:inline-block; position:absolute; left:0; top:11px; width:4px; height:4px; border-radius:50%; background:#03a6cf;}
.leftMenu dl dd a:hover {color:#003263;}
.leftMenu dl dd a.on {color:#003263;}


/* 본문 영역 */
#content {width:1200px; margin:40px auto 60px auto; overflow:hidden;}
#content #left {float:left; width:185px; margin-right:40px;}
#content #right {float:right; width:975px;}

@media all and (max-width: 1199px){
	#content {width:970px;}
	#content #right {width:calc(100% - 225px); width:-webkit-calc(100% - 225px);}
}

@media all and (max-width: 989px){
	#content {width:100%; box-sizing:border-box; padding:0 20px;}
	#content #left {display:none;}
	#content #right {float:none; width:100%;}
}

@media all and (max-width: 767px){
	#content {margin:30px auto;}
}

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

/* 서브이미지-타이틀 */
#pageTitle {width:100%; height:300px; /* background:url('../images/common/subVisual.jpg') center center no-repeat; background-size:cover; */}
#pageTitle div {width:1200px; margin:0 auto; overflow:hidden;}
#pageTitle div > h2 {color:#fff; font-size:48px; line-height:52px; font-weight:bold; padding-top:70px;}
#pageTitle div > p {color:#fff; font-size:18px; line-height:24px; letter-spacing:-0.5px; margin-top:20px;}

.subBgMENU115 {background:url('../images/common/subVisual01.png') center center no-repeat; background-size:cover;} /* 동아비교과 소개 */
.subBgMENU0002 {background:url('../images/common/subVisual02.png') center center no-repeat; background-size:cover;} /* 비교과 프로그램 */
.subBgMENU0001 {background:url('../images/common/subVisual03.png') center center no-repeat; background-size:cover;} /* 핵심역량 */
.subBgMENU0003 {background:url('../images/common/subVisual04.png') center center no-repeat; background-size:cover;} /* 알림마당 */
.subBgMENU0004 {background:url('../images/common/subVisual05.png') center center no-repeat; background-size:cover;} /* 마이홈-학생, 교수 */
.subBgMENU0006 {background:url('../images/common/subVisual05.png') center center no-repeat; background-size:cover;} /* 마이홈-담당자 */
.subBgMENU0153 {background:url('../images/common/subVisual.jpg') center center no-repeat; background-size:cover;} /* 취업분석 */

@media all and (max-width: 1199px){
	#pageTitle {height:250px;}
	#pageTitle div {width:970px;}
	#pageTitle div > h2 {padding-top:50px;}
	#pageTitle div > p {margin-top:20px;}
}

@media all and (max-width: 989px){
	#pageTitle {width:100%; height:200px;}
	#pageTitle div {width:100%; box-sizing:border-box; padding:0 20px;}
	#pageTitle div > h2 {font-size:36px; line-height:42px; padding-top:40px;}
	#pageTitle div > p {font-size:16px; line-height:22px; margin-top:15px;}
}

@media all and (max-width: 767px){
	#pageTitle {display:none;}
}

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

/* 타이틀/네비 영역 */
.pageNavi {position:relative; width:100%; height:60px; margin:-30px 0 0 0;overflow:hidden;}
.pageNavi > div {height:60px; margin-right:calc(50% - 300px); border-radius:0 0 30px 0;}
.pageNavi > p {position:absolute; left:50%; width:900px; height:60px; margin:-60px 0 0 -600px; box-sizing:border-box; border-left:1px solid rgba(255,255,255,0.15); overflow:hidden;}
.pageNavi > p > span {display:inline-block; font-size:15px; line-height:60px; letter-spacing:-0.5px; color:#fff; box-sizing:border-box; padding:0 20px; border-right:1px solid rgba(255,255,255,0.15);}
.pageNavi > p > span:last-child {font-weight:500;}
.pageNavi > p .navi_home {float:left; display:table; width:60px; height:60px; padding:0;}
.pageNavi > p .navi_home > strong {display:table-cell; vertical-align:middle; text-align:center;}

#naviBgMENU115 > div {background:linear-gradient(to right, #f57461 0%, #f86f5a 50%, #ff5941 100%);} /* 동아비교과 소개 */
#naviBgMENU0002 > div {background:linear-gradient(to right, #feb252 0%, #ffa430 50%, #ff8e00 100%);} /* 비교과 프로그램 */
#naviBgMENU0001 > div {background:linear-gradient(to right, #ef5f76 0%, #f55972 50%, #ff4865 100%);} /* 핵심역량 */
#naviBgMENU0003 > div {background:linear-gradient(to right, #03a6cf 0%, #2c8ec4 50%, #3551a4 100%);} /* 알림마당 */
#naviBgMENU0004 > div {background:linear-gradient(to right, #49baba 0%, #49a6ba 50%, #498eba 100%);} /* 마이홈-학생, 교수 */
#naviBgMENU0006 > div {background:linear-gradient(to right, #49baba 0%, #49a6ba 50%, #498eba 100%);} /* 마이홈-담당자 */
#naviBgMENU0153 > div {background:linear-gradient(to right, #03a6cf 0%, #2c8ec4 50%, #3551a4 100%);} /* 취업분석 */

@media all and (max-width: 1199px){
	.pageNavi > div {margin-right:calc(50% - 250px);}
	.pageNavi > p {width:735px; margin:-60px 0 0 -485px;}
}

@media all and (max-width: 989px){
	.pageNavi {width:72%;}
	.pageNavi > div {margin-right:0;}
	.pageNavi > p {position:relative; left:0; width:100%; margin:-60px 0 0 0; border:none;}
}

@media all and (max-width: 767px){
	.pageNavi {width:100%; margin:0;}
	
	.pageNavi > p .navi_home {display:none;}
	.pageNavi > p span {display:none;}
	.pageNavi > p span:last-child {font-size:22px; display:block;}
}

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


/* 서브페이지_콘텐츠 타이틀 */
.titlePage {width:100%; font-size:28px; line-height:32px; font-weight:500; margin-bottom:30px; padding-bottom:27px; color:#222; border-bottom:1px dashed #ddd;}

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

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

@media all and (max-width: 767px){
	.titlePage {display:none;}
}

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


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


/* 공통  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 타이틀 */
.title1 {padding:0 0 15px 25px; font-size:22px; line-height:28px; font-weight:bold; color:#333; background:url('../images/btnIcn/icn_title1.png') 0 6px no-repeat; word-break:keep-all;}
.title2 {padding:0 0 15px 25px; font-size:18px; font-weight:bold; color:#333; background:url('../images/btnIcn/icn_title2.png') 0 9px no-repeat;}
.title3 {padding:0 0 15px 18px; font-size:16px; font-weight:500; color:#333; background:url('../images/btnIcn/icn_title3.png') 0 7px no-repeat;}
.title4 {padding:0 0 15px 0; font-size:16px; font-weight:500; color:#003263;}

.title01 {background:url('../images/btnIcn/icn_titlepoint01.jpg') 0 center no-repeat; padding-left:12px; font:400 24px/24px 'NotoSansKR'; letter-spacing:-1px; clear:both;}

/* 타이틀 - 큰타이틀 */
.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 3px no-repeat;}

/* 타이틀 - 좌/우 [좌-타이틀 / 우-안내] */
.titleTG {width:100%; overflow:hidden;}
.titleTG dt {float:left; padding:5px 0 0 28px; font-size:22px; line-height:22px; font-weight:bold; color:#333; background:url('../images/btnIcn/icn_title1.png') 0 3px 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:22px; line-height:22px; font-weight:bold; color:#333; background:url('../images/btnIcn/icn_title1.png') 0 3px no-repeat;}
.titleTB dd {float:right;}

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

/*  타이틀 - 좌/우 [좌-큰글씨안내 / 우-버튼] */
.titleGbigB {width:100%; margin-bottom:15px; overflow:hidden;}
.titleGbigB dt {float:left; padding:0 0 0 20px; font-weight:bold; color:#555; font-size:18px; word-break:keep-all; background:url('../images/btnIcn/icn_pageBig.gif') 0 4px 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:bold;}

/*  타이틀 - 좌/우 [좌-총갯수 / 우-버튼] */
.titleEaB {width:100%; margin-bottom:10px; overflow:hidden;}
.titleEaB dt {float:left; padding:5px 0 0 15px; font-size:15px; background:url('../images/btnIcn/icn_page.gif') 0 12px no-repeat;}
.titleEaB dt strong {color:#e20d45;}
.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 28px; font-size:22px; background:url('../images/btnIcn/icn_title1.png') 0 3px 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;}

/* 타이틀 - 비교과 프로그램 개설 및 관리 (신청자관리-외부인관리) */
.titleEP {width:100%; margin-bottom:15px; overflow:hidden;}
.titleEP > dl {overflow:hidden;}
.titleEP > dl dt {float:left; padding:0 0 0 15px; font-size:15px; word-break:keep-all; background:url('../images/btnIcn/icn_page.gif') 0 7px no-repeat;}
.titleEP > dl dd {float:right;}
.titleEP > div {margin-top:10px; box-sizing:border-box; padding:10px 10px 5px 10px; border:1px solid #e5e5e5; background:#f7f8fc; overflow:hidden;}
.titleEP > div > a {margin:0 2px 5px 0;}
.titleEP > div > div.select_area {margin-bottom:10px; overflow:hidden;}
.titleEP > div > div.select_area > span {float:left; width:calc(100% - 80px); width:-webkit-calc(100% - 80px);}
.titleEP > div > div.select_area > span select {width:100% !important; background-position:99% center;}
.titleEP > div > div.select_area > a {float:right; width:80px;}

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

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

@media all and (max-width: 767px){
	.titleEP > dl dt {float:none; width:100%;}
	.titleEP > dl dd {float:none; width:100%; text-align:right; margin-top:5px;}
	.titleEP > div > a {float:left; display:block; width:24% !important; margin:0 0.5% 5px 0.5%; box-sizing:border-box;}
	.titleEP > div select {width:100% !important; margin-bottom:5px; background-position:97% center;}
}

@media all and (max-width: 479px){
	.titleEP > div > a {width:32.333% !important;}
}



/* 영역나누기 */
.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;
}
.btn_edit {
	margin: auto;
	background-image: url("../images/btnIcn/btnIcn_edit.png"); 
	background-position: center  left 4px;
	background-repeat: no-repeat;
	background-color: blue;
	padding: 4px 10px 4px 30px;
	color: white;
	height: 21px;
}
.btnS {display:inline-block; height:30px; color:#fff !important; font-size:14px; line-height:30px; text-align:center; border:#505a70 1px solid; background:#505a70; border-radius:2px;}
.btnS:hover {color:#f5f5f5 !important; border:#424d62 1px solid; background:#424d62;}

.btn1 {display:inline-block; height:30px; color:#fff !important; line-height:30px; text-align:center; border:#505a70 1px solid; background:#505a70; border-radius:2px;}
.btn1:hover {color:#f5f5f5 !important; border:#424d62 1px solid; background:#424d62;}
.btn2 {display:inline-block; height:30px; color:#333 !important; line-height:30px; text-align:center; border:#cecece 1px solid; background:#f2f3f8; border-radius:2px;}
.btn2:hover {color:#f5f5f5 !important; border:#7d8ba7 1px solid; background:#7d8ba7;}
.btn3 {display:inline-block; height:30px; color:#fff !important; line-height:30px; text-align:center; border:#424d7a 1px solid; background:#424d7a; border-radius:2px;}
.btn3:hover {color:#f5f5f5 !important; border:#394269 1px solid; background:#394269;}
.btn4 {display:inline-block; height:30px; color:#fff !important; line-height:30px; text-align:center; border:#b42329 1px solid; background:#b42329; border-radius:2px;}
.btn4:hover {color:#f5f5f5 !important; border:#a92127 1px solid; background:#a92127;}
.btn5 {display:inline-block; height:30px; color:#fff !important; line-height:30px; text-align:center; border:#ff9c00 1px solid; background:#ff9c00; border-radius:2px;}
.btn5:hover {color:#f5f5f5 !important; border:#f19300 1px solid; background:#f19300;}
.btn6 {display:inline-block; height:30px; color:#fff !important; line-height:30px; text-align:center; border:#00964c 1px solid; background:#00964c; border-radius:2px;}
.btn6:hover {color:#f5f5f5 !important; border:#018c47 1px solid; background:#018c47;}
.btn7 {display:inline-block; height:30px; color:#fff !important; line-height:30px; text-align:center; border:#187aba 1px solid; background:#187aba; border-radius:2px;}
.btn7:hover {color:#f5f5f5 !important; border:#1776b4 1px solid; background:#1776b4;}
.btn8 {display:inline-block; height:30px; color:#fff !important; line-height:30px; text-align:center; border:#63539e 1px solid; background:#63539e; border-radius:2px;}
.btn8:hover {color:#f5f5f5 !important; border:#5c4d93 1px solid; background:#5c4d93;}
.btn9 {display:inline-block; height:30px; color:#fff !important; line-height:30px; text-align:center; border:#099cd2 1px solid; background:#099cd2; border-radius:2px;}
.btn9:hover {color:#f5f5f5 !important; border:#0994c7 1px solid; background:#0994c7;}


.btnS1 {display:inline-block; height:18px; color:#fff !important; font-size:12px; line-height:18px; text-align:center; border:#505a70 1px solid; background:#505a70; border-radius:2px;}
.btnS1:hover {color:#f5f5f5 !important; border:#424d62 1px solid; background:#424d62;}
.btnS2 {display:inline-block; height:18px; color:#333 !important; font-size:12px; line-height:18px; text-align:center; border:#7d7d7d 1px solid; background:#f2f3f8; border-radius:2px;}
.btnS2:hover {color:#f5f5f5 !important; border:#7d8ba7 1px solid; background:#7d8ba7;}
.btnS3 {display:inline-block; height:18px; color:#fff !important; font-size:12px; line-height:18px; text-align:center; border:#424d7a 1px solid; background:#424d7a; border-radius:2px;}
.btnS3:hover {color:#f5f5f5 !important; border:#394269 1px solid; background:#394269;}
.btnS4 {display:inline-block; height:18px; color:#fff !important; font-size:12px; line-height:18px; text-align:center; border:#b42329 1px solid; background:#b42329; border-radius:2px;}
.btnS4:hover {color:#f5f5f5 !important; border:#a92127 1px solid; background:#a92127;}
.btnS5 {display:inline-block; height:18px; color:#fff !important; font-size:12px; line-height:18px; text-align:center; border:#f8ab03 1px solid; background:#f8ab03; border-radius:2px;}
.btnS5:hover {color:#f5f5f5 !important; border:#ff9c00 1px solid; background:#ff9c00;}
.btnS6 {display:inline-block; height:18px; color:#fff !important; font-size:12px; line-height:18px; text-align:center; border:#00964c 1px solid; background:#00964c; border-radius:2px;}
.btnS6:hover {color:#f5f5f5 !important; border:#018c47 1px solid; background:#018c47;}

/* 라인 */
.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;}

/* 탭버튼 */
.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; min-width:70px; margin-right:-1px; padding:13px 6px; text-align:center; font-weight:500; color:#555; box-sizing:border-box; border-left:#e5e5e5 1px solid; border-right:#e5e5e5 1px solid; border-top:#e5e5e5 1px solid; border-radius:0 10px 0 0;}
.tabBtn dt a:hover {color:#fff; background:url('../images/btnIcn/tabBg_on.gif');}
.tabBtn dt a.on {color:#fff; background:url('../images/btnIcn/tabBg_on.gif');}
.tabBtn dd {float:right; padding-top:12px;}

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

@media all and (max-width: 989px){
	.tabPf dt a {font-size:13px;}
}

@media all and (max-width: 767px){
	.tabPf dt {float:none;}
	.tabPf dt a {width:50%; margin-right:0; letter-spacing:-1.2px;}
	.tabPf dt a.total {width:100%;}
}

@media all and (max-width: 479px){
	.tabBtn dt {float:none;}
	.tabBtn dt a {width:50%; margin-right:0;}
	.tabBtn dt a.total {width:100%;}
	
	.tabPf dt a.tbd {display:table; height:70px;}
	.tabPf dt a.tbd span {display:table-cell; vertical-align:middle; word-break:keep-all;}
}


.tabBtn2 {width:100%; background:url('../images/btnIcn/tabBg_off.gif') 0 bottom repeat-x; overflow:hidden;}
.tabBtn2 dt {float:left;}
.tabBtn2 dt a {float:left;  margin-right:2px; padding:8px 10px 10px 10px; 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;}
.tabBtn2 dt a:hover {color:#fff; background:url('../images/btnIcn/tabBg_on.gif'); border:none;}
.tabBtn2 dt a.on { color:#fff; background:url('../images/btnIcn/tabBg_on.gif'); border:none;}
.tabBtn2 dd {float:right; padding-top:12px;}

/* 설명문구 - [박스-포인트리스트] */
.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:14px; background:url('../images/btnIcn/icn_dot1.gif') 0 12px no-repeat;}

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

.textListLine {overflow:hidden;}
.textListLine li {font-size:15px; padding:3px 0 3px 12px; background:url('../images/btnIcn/line_dot.jpg') 0 14px 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: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 {font-size:15px; padding-left:18px; color:#333; background:url('../images/btnIcn/icn_point1.gif') 0 5px no-repeat;}

/* 박스영역 */
.areaBox {width:100%; box-sizing:border-box; padding:15px; border:#e5e5e5 1px solid; overflow:hidden;}
.areaBoxRed {width:100%; font-size:16px; color:#555; box-sizing:border-box; padding:15px; border:1px dashed rgba(239,95,118,0.5); background:#ffeef1; overflow:hidden;}


/* 업로드영역 */
.uploadArea {padding:15px 15px 15px 15px;}
.uploadArea .uploadBox {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;}

/* 폰트 강조 */
.fontB {font-weight:500; color:#555;}
.fontL {color:#134aa9;}

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









/*  검색창 NEW  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* 사용자 */
.searchUser {width:100%; box-sizing:border-box; padding:15px; margin-bottom:20px; border-radius:3px; border:1px solid #e5e5e5; background:rgba(247,248,252,0.5); overflow:hidden;}
.searchUser select {width:100% !important; height:40px; box-sizing:border-box; padding:0 5px; border:1px solid #e5e5e5; border-radius:3px; background:url('../images/common/select_arr.png') 98% center no-repeat, #fff; apperance:none; -webkit-appearance:none; -moz-appearance:none;}
.searchUser input[type="text"] {width:100% !important; height:40px; box-sizing:border-box; padding:0 5px; border:1px solid #e5e5e5; border-radius:3px; background:#fff; apperance:none; -webkit-appearance:none; -moz-appearance:none;}
.searchUser select::-ms-expand, .searchAdm input::-ms-expand {display:none; apperance:none;}
.searchUser label {display:inline-block; font-size:13px; line-height:16px; color:#555; font-weight:500; padding-bottom:5px;}
.searchUser .chk_area {height:40px; box-sizing:border-box; padding:10px;}

.searchUser > ul {float:left; width:calc(100% - 132px); width:-webkit-calc(100% - 132px); overflow:hidden;}
.searchUser > ul > li {width:100%; margin-bottom:10px; overflow:hidden;}
.searchUser > ul > li:last-child {margin-bottom:0;}
.searchUser > div {float:right; width:100px; text-align:center; margin:25px 0 25px 15px; padding-left:15px; border-left:1px dashed #ddd;}
.searchUser > div > a {display:block; font-size:15px; font-weight:500; letter-spacing:0; color:#fff; padding:35px 15px; border-radius:3px; background:#003263;}

.searchUser > ul > li.scharea1 > div {width:100%; overflow:hidden;} /* 달력,날짜 영역 */
.searchUser > ul > li.scharea1 > div > span {display:inline-block; width:48%;}
.searchUser > ul > li.scharea1 > div > span:nth-child(1) {margin-right:0.5%;}
.searchUser > ul > li.scharea1 > div > span:nth-child(2) {margin-left:0.5%;}
.searchUser > ul > li.scharea1 > div > span input.inputDate {width:calc(100% - 25px) !important; width:-webkit-calc(100% - 25px) !important;}

.searchUser > ul > li.scharea1 > ul {width:100%; overflow:hidden;}
.searchUser > ul > li.scharea1 > ul > li.area_twoL {float:left; width:49.75%;} /* 좌우 길이 동일할 경우 */
.searchUser > ul > li.scharea1 > ul > li.area_twoR {float:right; width:49.75%; margin:0 0 0 0.5%;}

.searchUser > ul > li.scharea1 > ul {width:100%; overflow:hidden;}
.searchUser > ul > li.scharea1 > ul > li.area_threeL {float:left; width:33%;} /* 삼등분할 경우 */
.searchUser > ul > li.scharea1 > ul > li.area_threeC {float:left; width:33%; margin:0 0.5%;}
.searchUser > ul > li.scharea1 > ul > li.area_threeR {float:right; width:33%;}

.searchUser > ul > li.scharea1 > ul > li.area_left {float:left; width:25.5%;} /* 좌측 길이가 우측보다 짧을 경우 */
.searchUser > ul > li.scharea1 > ul > li.area_right {float:right; width:74%;}
.searchUser > ul > li.scharea1 > ul > li.area_right span {display:inline-block; width:48%;}
.searchUser > ul > li.scharea1 > ul > li.area_right span:nth-child(1) {margin-right:0.5%;}
.searchUser > ul > li.scharea1 > ul > li.area_right span:nth-child(2) {margin-left:0.5%;}
.searchUser > ul > li.scharea1 > ul > li.area_right span input.inputDate {width:calc(100% - 25px) !important; width:-webkit-calc(100% - 25px) !important;}

.searchUser > ul > li.scharea2 > ul > li:nth-child(1) {float:left; width:49.5%;}
.searchUser > ul > li.scharea2 > ul > li:nth-child(2) {float:right; width:49.5%; margin-left:1%;}

.searchUser > ul > li.scharea2 > ul > li > div {width:100%; overflow:hidden;} /* 달력,날짜 영역 */
.searchUser > ul > li.scharea2 > ul > li > div span {display:inline-block; width:47.5%;}
.searchUser > ul > li.scharea2 > ul > li > div span:nth-child(1) {margin-right:0.5%;}
.searchUser > ul > li.scharea2 > ul > li > div span:nth-child(2) {margin-left:0.5%;}
.searchUser > ul > li.scharea2 > ul > li > div span input.inputDate {width:calc(100% - 25px) !important; width:-webkit-calc(100% - 25px) !important;}

.searchUser > ul > li.scharea2 > ul > li > ul {width:100%; overflow:hidden;}
.searchUser > ul > li.scharea2 > ul > li > ul > li.area_large {float:left; width:66%;}
.searchUser > ul > li.scharea2 > ul > li > ul > li.area_small {float:left; width:32%; margin:0 1%;}
.searchUser > ul > li.scharea2 > ul > li > ul > li.area_divd {float:left; width:48%; margin:0 1%;}

.searchUser > ul > li.scharea3 > ul > li {float:left; width:32.6667%;}
.searchUser > ul > li.scharea3 > ul > li:nth-child(2) {margin:0 1%;}
.searchUser > ul > li.scharea3 > ul > li > ul {width:100%; overflow:hidden;}
.searchUser > ul > li.scharea3 > ul > li > ul > li.area_large {float:left; width:66%;}
.searchUser > ul > li.scharea3 > ul > li > ul > li.area_small {float:left; width:32%; margin:0 1%;}
.searchUser > ul > li.scharea3 > ul > li > ul > li.area_divd {float:left; width:48%; margin:0 1%;}
.searchUser > ul > li.scharea3 > ul > li > div {width:100%; overflow:hidden;} /* 달력,날짜 영역 */
.searchUser > ul > li.scharea3 > ul > li > div span {display:inline-block; width:45.5%;}
.searchUser > ul > li.scharea3 > ul > li > div span:nth-child(1) {margin-right:0.5%;}
.searchUser > ul > li.scharea3 > ul > li > div span:nth-child(2) {margin-left:0.5%;}

.searchUser > ul > li.scharea4 > ul > li {float:left; width:24.25%; margin-right:1%;}
.searchUser > ul > li.scharea4 > ul > li:last-child {margin-right:0;}
.searchUser > ul > li.scharea4 > ul > li > div {width:100%; overflow:hidden;}

.searchUser > ul > li.scharea5 > ul > li {float:left; width:19.2%; margin-right:1%;}
.searchUser > ul > li.scharea5 > ul > li:last-child {margin-right:0;}

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

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

@media all and (max-width: 767px){
	.searchUser .chk_area {height:auto; padding:10px 0 0 0; margin:0;}
	.searchUser > ul {float:none; width:100%;}
	.searchUser > div {float:none; width:100%; margin:10px 0 0 0 !important; padding:10px 0 0 0 !important; border-top:1px dashed #ddd; border-left:none;}
	.searchUser > div > a {padding:10px 15px;}
	
	.searchUser > ul > li {margin-bottom:5px;}
	
	.searchUser > ul > li.scharea1 > ul {width:100%; overflow:hidden;}
	
	.searchUser > ul > li.scharea1 > ul > li.area_twoL {float:left; width:49%;} /* 좌우 길이 동일할 경우 */
	.searchUser > ul > li.scharea1 > ul > li.area_twoR {float:right; width:49%; margin:0 0 0 2%;}
	
	.searchUser > ul > li.scharea1 > ul > li.area_threeL {float:left; width:49%; margin:0 2% 5px 0;} /* 삼등분할 경우 */
	.searchUser > ul > li.scharea1 > ul > li.area_threeC {float:right; width:49%; margin:0 0 5px 0;}
	.searchUser > ul > li.scharea1 > ul > li.area_threeR {float:none; width:100%;}
	
	.searchUser > ul > li.scharea2 > ul > li > div span {display:inline-block; width:46%;}
	.searchUser > ul > li.scharea2 > ul > li > div span:nth-child(1) {margin-right:1%;}
	.searchUser > ul > li.scharea2 > ul > li > div span:nth-child(2) {margin-left:1%;}
	.searchUser > ul > li.scharea2 > ul > li > div span input.inputDate {width:calc(100% - 25px) !important; width:-webkit-calc(100% - 25px) !important;}
	
	.searchUser > ul > li.scharea3 > ul > li:nth-child(1) {float:left; width:49%; margin:0 2% 5px 0;}
	.searchUser > ul > li.scharea3 > ul > li:nth-child(2) {float:right; width:49%; margin:0 0 5px 0;}
	.searchUser > ul > li.scharea3 > ul > li:nth-child(3) {float:none; width:100%;}
	
	.searchUser > ul > li.scharea4 > ul > li {float:left; margin-right:1%;}
	.searchUser > ul > li.scharea4 > ul > li:nth-child(1) {float:left; width:49%; margin:0 2% 5px 0;}
	.searchUser > ul > li.scharea4 > ul > li:nth-child(2) {float:right; width:49%; margin:0 0 5px 0;}
	.searchUser > ul > li.scharea4 > ul > li:nth-child(3) {float:left; width:49%; margin:0 2% 5px 0;}
	.searchUser > ul > li.scharea4 > ul > li:nth-child(4) {float:right; width:49%; margin:0 0 5px 0;}
	
	.searchUser > ul > li.scharea5 > ul > li {float:left; margin-right:1%;}
	.searchUser > ul > li.scharea5 > ul > li:nth-child(1) {float:left; width:49%; margin:0 2% 5px 0;}
	.searchUser > ul > li.scharea5 > ul > li:nth-child(2) {float:right; width:49%; margin:0 0 5px 0;}
	.searchUser > ul > li.scharea5 > ul > li:nth-child(3) {float:left; width:49%; margin:0 2% 5px 0;}
	.searchUser > ul > li.scharea5 > ul > li:nth-child(4) {float:right; width:49%; margin:0 0 5px 0;}
	.searchUser > ul > li.scharea5 > ul > li:nth-child(5) {float:none; width:100%;}
}

@media all and (max-width: 479px){
	.searchUser > div > a {display:block;}
	
	.searchUser > ul > li.scharea2 > ul > li:nth-child(1) {float:none; width:100%;}
	.searchUser > ul > li.scharea2 > ul > li:nth-child(2) {float:none; width:100%; margin:5px 0 0 0;}
	
	.searchUser > ul > li.scharea3 > ul > li:nth-child(1) {float:none; width:100%;}
	.searchUser > ul > li.scharea3 > ul > li:nth-child(2) {float:none; width:100%; margin:5px 0 0 0;}
}



/* 사용자-커뮤니티 */
.searchCmn {width:100%; box-sizing:border-box; padding:8px; margin-bottom:20px; border-radius:3px; border:1px solid #eee; background:#f9fcfe; overflow:hidden;}
.searchCmn select {apperance:none; -webkit-appearance:none; -moz-appearance:none; background:url('../images/common/select_arr.png') 98% center no-repeat, #fff;}
.searchCmn input {apperance:none; -webkit-appearance:none; -moz-appearance:none;}
.searchCmn select::-ms-expand, .searchCmn input[type="text"]::-ms-expand {display:none;}
.searchCmn > label {display:none;}
.searchCmn > div {position:relative; width:100%; overflow:hidden;}
.searchCmn > div > ul {width:calc(100% - 50px); width:-webkit-calc(100% - 50px); height:50px; overflow:hidden;}
.searchCmn > div > ul > li.twoFL {float:left; width:25%; box-sizing:border-box; border-right:1px solid #e5e5e5;}
.searchCmn > div > ul > li.twoFL > input[type="text"] {width:100%; height:50px; box-sizing:border-box; padding:0 10px; border-radius:3px 0 0 3px; border:1px solid #e5e5e5; border-right:none;}
.searchCmn > div > ul > li.twoFL > select {width:100%; height:50px; box-sizing:border-box; padding:0 10px; border-radius:3px 0 0 3px; border:1px solid #e5e5e5; border-right:none;}
.searchCmn > div > ul > li.twoFR {float:right; width:75%;}
.searchCmn > div > ul > li.twoFR > input[type="text"] {width:100%; height:50px; box-sizing:border-box; border-radius:0 0 0 0; padding:0 10px; border:1px solid #e5e5e5; border-left:none;}
.searchCmn > div > ul > li.twoFR > select {width:100%; height:50px; box-sizing:border-box; padding:0 10px; border-radius:0 0 0 0; border:1px solid #e5e5e5; border-left:none;}
.searchCmn > div > select {width:calc(100% - 50px); width:-webkit-calc(100% - 50px); height:50px; box-sizing:border-box; padding:0 10px; border-radius:3px 0 0 3px; border:1px solid #e5e5e5;}
.searchCmn > div > input[type="text"] {width:calc(100% - 50px); width:-webkit-calc(100% - 50px); height:50px; box-sizing:border-box; padding:0 10px; border-radius:3px 0 0 3px; border:1px solid #e5e5e5;}
.searchCmn > div a {position:absolute; right:0; top:0; width:50px; height:51px; display:table; margin:0 auto; box-sizing:border-box; border:1px solid #e5e5e5; border-left:none; border-radius:0 3px 3px 0; background:#003263; overflow:hidden;}
.searchCmn > div a span {display:table-cell; vertical-align:middle; text-align:center;}
.searchCmn > div a span i {color:#fff; font-size:15px;}

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

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

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

@media all and (max-width: 479px){
	.searchCmn select {background:url('../images/common/select_arr.png') 94% center no-repeat, #fff;}
	.searchCmn > div > ul > li.twoFL > select {padding:0 5px;}
	.searchCmn > div > ul > li.twoFL > input[type="text"] {padding:0 5px;}
	.searchCmn > div > ul > li.twoFR > select {padding:0 5px;}
	.searchCmn > div > ul > li.twoFR > input[type="text"] {padding:0 5px;}
}


/* 툴팁 2018-04-09 */
.tooltip {position:relative; top:3px; display:inline-block; margin-left:5px; border-bottom:none; cursor:pointer;}
.tooltip > strong {display:table; width:16px; height:16px; box-sizing:border-box; border:1px dotted #ccc; background:#fff;}
.tooltip > strong span {display:table-cell; vertical-align:middle; text-align:center; font-style:normal; font-size:10px; line-height:10px; color:#f64768;}
.tooltip .tooltiptext {visibility:hidden; position:absolute; z-index:9; left:-660%; top:20px; width:250px; color:#fff; text-align:left; opacity:0; transition:opacity 0.3s; border-radius:6px; box-sizing:border-box; padding:7px 10px; background:#7d8ba7; box-shadow:1px 1px 8px rgba(0,0,0,0.2);}
.tooltip .tooltiptext > li {position:relative; font-size:12px; font-weight:normal; line-height:18px; padding:2px 0 2px 5px; letter-spacing:-0.5px; word-break:keep-all;}
.tooltip .tooltiptext > li:after {content:""; display:inline-block; position:absolute; left:0; top:10px; width:2px; height:2px; border-radius:50%; background:#fff;}
.tooltip .tooltiptext::after {content:""; position:absolute; top:-9px; left:112px; padding:0; border-width:5px; border-style:solid; border-color:#7d8ba7 transparent transparent transparent; transform:rotate(180deg);}
.tooltip:hover .tooltiptext {visibility:visible; opacity:1;}

.tooltip .tooltipbtn {left:-110%;}
.tooltip .tooltipbtn > span {display:inline-block; font-size:12px; font-weight:normal; line-height:18px; padding:2px 0 2px 5px; letter-spacing:-0.5px; word-break:keep-all;}
.tooltip .tooltipbtn::after {left:90px;}


/* 프로그램 탭 추가 2018-03-16 */
.progTab {width:100%; margin-bottom:20px; border-bottom:1px solid #cecece; overflow:hidden;}
.progTab li {float:left; margin-left:0.5%; border-top:1px solid #cecece; border-left:1px solid #cecece; border-right:1px solid #cecece; border-radius:3px 3px 0 0; text-align:center;}
.progTab li a {display:block; color:#333; font-weight:500; box-sizing:border-box; padding:8px; border-radius:3px 3px 0 0;}
.progTab li.on a {display:block; color:#fff; background:#2a659f;}
@media all and (max-width: 1199px){
}

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

@media all and (max-width: 767px){
	.progTab li {width:50%; margin:0; box-sizing:border-box;}
}

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


/* 개인정보동의서 */
.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:url('../images/layer/layer_bg.gif'); z-index:10;}
.layerWrapC500 {display:none; position:absolute; left:50%; top:50%; width:500px; background:url('../images/layer/layer_bg.gif'); z-index:10;}
.layerWrapC600 {display:none; position:absolute; left:50%; top:50%; width:600px; background:url('../images/layer/layer_bg.gif'); z-index:10;}
.layerWrapC700 {display:none; position:absolute; left:50%; top:50%; width:700px; background:url('../images/layer/layer_bg.gif'); z-index:10;}
.layerWrapC800 {display:none; position:absolute; left:50%; top:50%; width:800px; background:url('../images/layer/layer_bg.gif'); z-index:10;}
.layerWrapC900 {display:none; position:absolute; left:50%; top:50%; width:900px; background:url('../images/layer/layer_bg.gif'); z-index:10;}
.layerWrapC1000 {display:none; position:absolute; left:50%; top:50%; width:1000px; background:url('../images/layer/layer_bg.gif'); z-index:10;}


/* 개발용 레이어 */
.layerWrap300 {width:300px; background:url('../images/layer/layer_bg.gif');}
.layerWrap380 {width:400px; background:url('../images/layer/layer_bg.gif');}
.layerWrap450 {width:450px; background:url('../images/layer/layer_bg.gif');}
.layerWrap500 {width:500px; background:url('../images/layer/layer_bg.gif');}
.layerWrap600 {width:600px; background:url('../images/layer/layer_bg.gif');}
.layerWrap700 {width:700px; background:url('../images/layer/layer_bg.gif');}
.layerWrap800 {width:800px; background:url('../images/layer/layer_bg.gif');}
.layerWrap900 {width:900px; background:url('../images/layer/layer_bg.gif');}
.layerWrap960 {width:960px; background:url('../images/layer/layer_bg.gif');}
.layerWrap1000 {width:1000px; background:url('../images/layer/layer_bg.gif');}
.layerWrap680 {width:680px;}
.layerWrap1200Dev{width:1210px; background:url('../images/layer/layer_bg.gif'); z-index:10;}

/* 명암 */
.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 25px; overflow:hidden;}
.layerTitle dt {float:left; padding-top:13px; font-size:22px; line-height:30px; font-weight:bold; color:#fff; letter-spacing:-1px;}
.layerTitle dd {float:right; padding-top:18px;}

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

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


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

/* 타이틀 */
.popTitle {height:60px; padding:0 25px; 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;}

.pop_form {min-width:100%;}
.pop_form .pop_inner_wrap div.capability_graph_wrap > .capability_graph_inL .tableView th br {display:none;}
.pop_form .pop_inner_wrap div.capability_graph_wrap > .capability_graph_inR .tableView th br {display:none;}
.pop_form .pop_inner_wrap .tableView table td .hidebr {display:none;}


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

@media all and (max-width: 989px){
	.pop_form .pop_inner_wrap div.capability_graph_wrap > .capability_graph_inL .tableView th br {display:block;}
}

@media all and (max-width: 767px){
	.pop_form {width:100% !important; min-width:320px !important; min-height:auto !important;}
	.pop_form div.pop_inner_wrap {width:100% !important; min-width:320px !important; min-height:auto !important;}
	
	.pop_form .popTitle {box-sizing:border-box; padding:0 15px !important;}
	.pop_form .popTitle dt {width:90%; font-size:18px !important; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.pop_form .popTitle dd {width:10%; text-align:right;}
	.pop_form .popTitle dd img {width:22px !important; height:20px !important;}
	.pop_form .popArea {box-sizing:border-box; padding:15px !important;}
	
	.pop_form .nyroModalCont, .pop_form .nyroModalCont {min-height:480px !important;}
	.pop_form .nyroModalLink, .pop_form .nyroModalLink {padding:0 !important;}
	.pop_form .layerTitle, .pop_form .layerTitle {box-sizing:border-box; padding:0 15px !important;}
	.pop_form .layerTitle dt, .pop_form .layerTitle dt {width:90%; font-size:18px !important; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.pop_form .layerTitle dd, .pop_form .layerTitle dd {width:10%; text-align:right;}
	.pop_form .layerTitle dd img, .pop_form .layerTitle dd img {width:22px !important; height:20px !important;}
	
	.pop_form div.pop_inner_wrap .ca-ms-cdGraph {height:auto !important; overflow:hidden;} /* 역량진단결과 팝업창 화면 */
	.pop_form div.pop_inner_wrap .ca-ms-cdGraph .ca-ms-graphL {float:none !important; width:100% !important;}
	.pop_form div.pop_inner_wrap .ca-ms-cdGraph .ca-ms-graphR {float:none !important; width:100% !important; margin-top:10px !important;}
	.pop_form div.pop_inner_wrap .ca-ms-cdGraph .ca-ms-gZone {/* width:320px !important; height:145px !important; */ margin:0 auto;}
	.pop_form div.pop_inner_wrap .ca-ms-cdGraph .ca-ms-gZone div.gp_line_red {height:120px !important;}
	.pop_form div.pop_inner_wrap .ca-ms-cdGraph .ca-ms-gZone div.gp_red_count {width:315px !important; height:10px !important;}
	.pop_form div.pop_inner_wrap .ca-ms-cdGraph .ca-ms-gZone div.gp_text {margin-top:100px !Important;}
	
	.pop_form div.pop_inner_wrap .graph1 svg {width:100% !important; height:auto !important; margin-left:30px;}
	
	.pop_form div.pop_inner_wrap div.capability_graph_wrap > .capability_graph_inL {float:none !Important; width:100% !important;}
	.pop_form div.pop_inner_wrap div.capability_graph_wrap > .capability_graph_inL .tableView th {font-size:13px;}
	.pop_form div.pop_inner_wrap div.capability_graph_wrap > .capability_graph_inL .tableView th br {display:block;}
	.pop_form div.pop_inner_wrap div.capability_graph_wrap > .capability_graph_inL svg {margin-left:-5px;}
	.pop_form div.pop_inner_wrap div.capability_graph_wrap > .capability_graph_inR {float:none !Important; width:100% !important; margin-top:20px;}
	
	.pop_form .pop_inner_wrap .searchTable table {border-bottom:2px solid #ddd;}
	.pop_form .pop_inner_wrap .searchTable table colgroup col:nth-child(1) {width:0 !important; visibility:hidden !important;}
	.pop_form .pop_inner_wrap .searchTable table tbody th:nth-child(1) {visibility:hidden !important;}
	.pop_form .pop_inner_wrap .searchTable table tbody td {padding:10px; border-left:2px solid #ddd;}
	.pop_form .pop_inner_wrap .searchTable table tbody td select {width:100% !important; margin-bottom:5px;}
	.pop_form .pop_inner_wrap .searchTable table tbody td input {width:100% !important;}
	.pop_form .pop_inner_wrap .searchTable table tbody td a {width:100% !important; margin-top:5px;}
	
	.pop_form .pop_inner_wrap .tableView table th {font-size:13px;}
	.pop_form .pop_inner_wrap .tableView table td .hidebr {display:block;}
	
	/* .pop_form table th {font-size:13px !important; word-break:keep-all !important; padding:15px 5px !important;}
	.pop_form table th br {display:block !important;}
	.pop_form table tbody td, .pop_form table tbody th {min-height:42px !important; font-size:13px !important; line-height:18px !important; padding:10px 5px !important;} */
}

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



/* 관리자 - SYSTEM  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 시스템관리 영역 [좌/우] */
.systemArea {width:100%; overflow:hidden;}
.systemArea .sysL {float:left; width:30%;}
.systemArea .sysR {float:right; width:65%;}

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

@media all and (max-width: 989px){
	.systemArea .sysL {float:none; width:100%; margin-bottom:20px;}
	.systemArea .sysL > .sysCode {box-sizing:border-box; padding:0 !important;}
	.systemArea .sysR {float:none; width:100%;}
}

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

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


/* 시스템관리 영역 [좌/중/우] */
.systemArea2 {width:100%; overflow:hidden;}
.systemArea2 .sysL {float:left; width:24%; margin-right:2%;}
.systemArea2 .sysC {float:left; width:24%;}
.systemArea2 .sysR {float:right; width:45%;}


/* 팝업  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#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;}

/* 국가선택 2018-03-14 */
.nationSelect ul{width:100%; overflow:hidden; }
.nationSelect ul li {float:left; border:1px solid #cecece; padding: 5px 7px 7px 7px; margin-right:10px; text-align:center; color:#333; font-size:1.1em; font-weight:bold; }
.nationSelect ul li.on {border:1px solid #ff8000; color:#ff8000; }
.nationSelect ul li a {color:#333; font-size:1.1em; font-weight:bold;}
.nationSelect ul li a.on {color:#ff8000; font-size:1.1em; font-weight:bold;}

.nationList dl {width:100%; overflow:hidden; margin-top:20px;  color:#333; }
.nationList dt {border:1px solid #cecece; padding:10px 10px 10px 10px; background-color:#e3e3e3; font-size:22px; font-weight:bold; color:#333;}
.nationList dd {padding:10px; color:#333; border:1px solid #cecece; border-top:2px solid #231f20;}
.nationList dd ul{width:100%; overflow:hidden; }
.nationList dd ul li {float:left; margin-right:15px;}

.main_popWrap {position:absolute; top:50px; left:500px; z-index:1000; overflow:hidden;}

.main_popbg_top {height:24px; padding-left:21px; background:url('../images/common/pop_bg_lt.png') 0 0 no-repeat;}
.main_popbg_topR {height:24px; padding-right:28px; background:url('../images/common/pop_bg_rt.png') right 0 no-repeat;}
.main_popbg_middle1 {padding-left:21px; background:url('../images/common/pop_bg_lm.png') 0 0 repeat-y;}
.main_popbg_middle2 {padding-right:28px; background:url('../images/common/pop_bg_rm.png') right 0 repeat-y;}
.main_pop_contents {background-color:#fff;}
.main_popbg_bottom {height:51px; padding-left:21px; background:url('../images/common/pop_bg_lb.png') 0 0 no-repeat;}
.main_popbg_bottomR {height:37px; padding:14px 28px 0 0; background:url('../images/common/pop_bg_rb.png') right 0 no-repeat; text-align:right;}
.main_popbg_bottomR span, .main_popbg_bottomR a {display:inline-block; line-height:15px; font-weight:bold;}
.main_popbg_bottomR .pop_ch_oneday {padding-right:11px; background:url('../images/common/pop_btn_divline.gif') right 2px no-repeat;}
.main_popbg_bottomR .pop_btn {padding-right:14px; background:url('../images/common/icon_close.gif') right 2px no-repeat; margin-left:6px;}

.btn_t7, .btn_t8 {display:block; width:39px; height:19px; background:url('../images/btnIcn/btn_onoff_bg.gif') 0 0 no-repeat; text-indent:-10000px; float:left;}
.btn_t7 {background-position:0 0;}
.btn_t8 {background-position:-39px 0;}
.btn_t7.on {background-position:0 -19px;}
.btn_t8.on {background-position:-39px -19px;}

.searchTable .search-row {
	margin-top: 10px;
	margin-bottom: 10px;
}
.searchTable .search-row:first-child {
	margin-top: 5px;
}
.searchTable .search-row:last-child {
	margin-bottom: 5px;
}
.search-row .search-lbl, .search-row .sch-lbl {
	margin-right: 4px;
}
.search-row .search-field, .search-row .sch-fld {
	margin-right: 10px;
}
.search-row .search-field:last-child, .search-row .sch-fld:last-child {
	margin-right: 0;
}

/* 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;}



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