@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);


/*
* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans KR Thin'), local('Noto Sans CJK KR Thin'),
    url(../font/NotoSansKR-Thin.woff2) format('woff2'),
    url(../font/NotoSansKR-Thin.woff) format('woff'),
    url(../font/NotoSansKR-Thin.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans KR Light'), local('Noto Sans CJK KR Light'),
    url(../font/NotoSansKR-Light.woff2) format('woff2'),
    url(../font/NotoSansKR-Light.woff) format('woff'),
    url(../font/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans KR Regular'), local('Noto Sans CJK KR Regular'),
    url(../font/NotoSansKR-Regular.woff2) format('woff2'),
    url(../font/NotoSansKR-Regular.woff) format('woff'),
    url(../font/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans KR Medium'), local('Noto Sans CJK KR Medium'),
    url(../font/NotoSansKR-Medium.woff2) format('woff2'),
    url(../font/NotoSansKR-Medium.woff) format('woff'),
    url(../font/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans KR Bold'), local('Noto Sans CJK KR Bold'),
    url(../font/NotoSansKR-Bold.woff2) format('woff2'),
    url(../font/NotoSansKR-Bold.woff) format('woff'),
    url(../font/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans KR Black'), local('Noto Sans CJK KR Black'),
    url(../font/NotoSansKR-Black.woff) format('woff'),
    url(../font/NotoSansKR-Black.otf) format('opentype');
}

/* Reset */
body, h1, h2, h3, h4, h5, h6,
div, p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td,
form, fieldset, legend, label,
hr {
	margin:0;
	padding:0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}
ul, ol {
	list-style:none;
}
table {
	margin:0;
	padding:0;
	font-size:14px;
	border-spacing:0;
	border:0;
	_border-collapse:collapse;
}
*+html table {border-collapse:collapse;}
img, fieldset, abbr, acronym {
	border:0;
}
address, caption, cite, code, dfn, em, var {
	font-style:normal;
	font-weight:normal;
}
q:before, q:after {
	content: '';
}
input, select, button, textarea {
	color:#333;
	font-size:100%;
	font-family: "Noto Sans KR", sans-serif;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align:top;
}
button:active, a:active, button:focus, a:focus{
    outline: dotted 1px;
}

/* Base */
html {
	height:100%;
	-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
body {
	height:100%;
	font-size:14px;
	font-family: "Noto Sans KR", sans-serif;
	line-height:21px;
	color:#333;
	letter-spacing:-1px;
	/*-webkit-font-smoothing:antialiased;*/
}
hr {display:none}
caption, legend {
	width:0;
	height:0;
	line-height:0;
	overflow:hidden;
	/*visibility:hidden;*/
	font-size:0;
}
/**, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}*/
#skipNavi{position:absolute; top:0; left:0; right:0; z-index:10000;}
#skipNavi a{position:absolute;top:-100px;left:0; right:0; padding:7px 0;text-align:center;font-weight:bold;color:#000;background:#ebebeb;border:1px solid;}
#skipNavi a:focus,#skip a:active{top:3px; left:0px;}
a {
	color:inherit;
	text-decoration:none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
a:-moz-focusring {
	outline-color:#000;
}
a:focus, a:hover {
	color:#e00;
}
a:focus{outline: 1px dotted #000;}
input[type='text'],
input[type='password'] {height:39px; padding:0 12px; border:1px solid #dcdcdc; background:#fff; font-size:14px; font-weight:500; color:#333; font-family: "Noto Sans KR", sans-serif; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
input[type='text']::-ms-clear {display:none;}
input[type='password']::-ms-reveal {display:none;}
*::-webkit-input-placeholder {color:#767676; font-family: "Noto Sans KR", sans-serif; font-weight:400;}
*::-moz-placeholder {color:#767676; font-family: "Noto Sans KR", sans-serif; font-weight:400;opacity:1;}
*:-ms-input-placeholder {color:#767676; font-family: "Noto Sans KR", sans-serif; font-weight:400;}
*:-moz-placeholder {color:#767676; font-family: "Noto Sans KR", sans-serif; font-weight:400;}
input[type='text']:disabled,
input[type='password']:disabled { background:#eee; }
textarea.textarea {
	width:100%;
	height:190px;
	padding:12px;
	border: none;
	background:#fff;
	font-family: "Noto Sans KR", sans-serif;
	font-size:14px;
	line-height:21px;
}
/*textarea.textarea:focus {outline:1px solid blue;}
input:focus {outline:none;}*/
label,
input.button, input.submit , input.image,input[type='submit'],input[type='button'],input[type='images'],
button {
	border:none;
	cursor:pointer;
	vertical-align:top;
}
input[type="checkbox"] { width:21px; height:21px; margin:0; }
textarea, pre {
	overflow:auto;
	resize:none;
}
select {
	height:39px;
	padding:0 34px 0 12px;
	border:1px solid #dcdcdc;
	background:#fff url(../images/common/bl_select.png) no-repeat 100% 50%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	font-size:14px;
	color:#333;
	cursor:pointer;
}
select::-ms-expand { /* for IE 11 */
	display:none;
}
.clearfix:after  {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix   {display: block;}
/* End hide from IE-mac */

.cboth {
	clear:both;
}
.invisible {
	overflow:hidden;
	position:absolute;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
}

/* layout */
#wrap {min-width:1150px;}

/* top notice */
.top-notice-view .wrap-top-notice { display:none; background:#505d5f; }
.top-notice-view .wrap-top-notice { display:block; }
.top-notice-view .wrap-top-notice .top-notice-bx {position:relative;width:1150px;margin:0 auto;}
.top-notice-view .wrap-top-notice .swiper-container {z-index:1;}
.top-notice-view .wrap-top-notice .swiper-container .swiper-wrapper {height:52px;}
.top-notice-view .wrap-top-notice .swiper-container .swiper-wrapper .top-notice-inner {padding-right:0;}
.top-notice-view .wrap-top-notice .swiper-container .swiper-wrapper .swiper-slide a { position:relative; padding-right:65px;text-align:left;}
.top-notice-view .wrap-top-notice .swiper-button-pause{position: absolute;top:12px;right: 72px;color: #fff;display: inline-block;border: 1px solid #fff;padding: 3px 14px;border-radius: 3px;z-index:10;}
.top-notice-view .wrap-top-notice .swiper-button-play{position: absolute;top:12px;right: 72px;color: #fff;display: inline-block;border: 1px solid #fff;padding: 3px 14px;border-radius: 3px;z-index:10;display:none;}
.top-notice-view .wrap-top-notice .noti-swiper a { display:inline-block; padding:10px 0 10px 45px; background:url(../images/common/bg_top_notice.png) no-repeat 7px 50% #505d5f; font-size:15px; font-weight:500; line-height:27px; color:#fff; letter-spacing:0; margin: 2px 0 0 2px;}
.top-notice-view .wrap-top-notice .top-notice-close {z-index:10;position:absolute; top:0; right:0; width:65px; height:52px; background:url(../images/common/bg_top_notice_close.png) no-repeat 50% 50%; font-size:0; line-height:0; }
.top-notice-view .wrap-top-notice .swiper-container .swiper-wrapper .swiper-slide a:focus-visible{border: 2px dotted #fff;}
.top-notice-view .wrap-top-notice .swiper-button-pause:focus, .top-notice-view .wrap-top-notice .swiper-button-play:focus{outline: 1px dotted #fff;}
.top-notice-view .wrap-top-notice .top-notice-close:focus{outline: 1px dotted #fff;}
/* header */
#header { position:absolute; top:0; left:0; right:0; background:#fff; border-bottom:1px solid #dcdcdc; z-index:1000; }
#header:after { content:''; position:absolute; top:145px; left:0; right:0; height:1px; background:#dcdcdc;}
#header.top-notice-view:after { top:197px;}
#header .header-inner { position:relative;/* overflow:hidden;*/ width:1150px; margin:0 auto;/* height:368px;*/ }
#header .header-inner:after { content:''; position:absolute; top:0; left:0; right:0; height:145px; background:#fff; }
#header .header-inner .logo { position:relative; float:left; padding-top:32px; font-size:0; line-height:0; z-index:2; }
#header .header-utill{position:absolute;right:0;top:31px;font-weight:400;color:#767676;font-size:13px; z-index:3;}
#header .header-utill .user-name{float:left;padding:5px 9px 0 0;}
#header .header-utill .user-name strong{display:inline-block;padding-right:3px;color:#000;font-weight:400;}
#header .header-utill .hedaer-notice{position:relative;float:left;width:41px;position:relative;}
#header .header-utill .hedaer-notice .notice-layer { display:none; position:absolute; top:43px; left:50%; width:342px; margin-left:-8px; padding-bottom:16px; border:2px solid #5e6d82; background:#fff; color:#333; transform: translateX(-50%); z-index:2; }
#header .header-utill .hedaer-notice .notice-layer:after { content:''; position:absolute; bottom:100%; left:50%; border-bottom:9px solid #5e6d82; border-left:9px solid transparent; border-right:9px solid transparent; transform: translateX(-50%); }
#header .header-utill .hedaer-notice .notice-layer .notice-layer-title { display:block; background:#5e6d82; font-size:16px; font-weight:500; line-height:39px; color:#fff; text-align:center; }
#header .header-utill .hedaer-notice .notice-layer .notice-list { padding:0 14px; }
#header .header-utill .hedaer-notice .notice-layer .notice-list > li { position:relative; padding:15px 0 11px 16px; border-top:1px solid #d7d7d7; }
#header .header-utill .hedaer-notice .notice-layer .notice-list > li:after { content:''; position:absolute; top:24px; left:1px; width:4px; height:4px; background:#ff4b33; }
#header .header-utill .hedaer-notice .notice-layer .notice-list > li > a { overflow:hidden; display:block; width:100%; color:#333; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; }
#header .header-utill .hedaer-notice .notice-layer .notice-list > li > span { display:inline-block; margin-top:3px; font-size:13px; color:#767676; }
#header .header-utill .hedaer-notice .notice-layer .notice-list > li:first-child { border-top:0; }
#header .header-utill .hedaer-notice .notice-layer .btn-center { margin-top:8px; }
#header .header-utill .hedaer-notice .notice-layer .notice-close { position:absolute; top:13px; right:14px; width:14px; height:14px; background:url(../images/common/btn_notice_layer_close.png) no-repeat 0 0; font-size:0; line-height:0; }
#header .header-utill .hedaer-notice .notice-layer .no-notice { padding:15px 0 9px; font-size:14px; text-align:center; }
#header .header-utill .hedaer-notice .layer-view { display:block; }
#header .header-utill .notice-icon{vertical-align:middle;width:20px;height:24px;background:url(../images/common/icon_header_notice.png) no-repeat 0 0;font-size:0;line-height:0;text-indent:-9999px;}
#header .header-utill .notice-new{width:30px;height:24px;background:url(../images/common/icon_header_new.png) no-repeat 0 0;}
#header .header-utill > .user-state{float:left;border:1px solid #d3d9e4;}
#header .header-utill .user-state select{width:98px; height:29px; padding-left:16px; border:0; background:url(../images/common/bl_select_member.png) no-repeat 100% 50%; font-size:13px; color:#676c73; vertical-align:middle;}
#header .header-utill .user-state a:before{content:'';display:inline-block;margin:0 8px 0 6px;width:1px;height:18px;background:#e8ebf1;vertical-align:-4px;}
#header .header-utill .user-state a{padding:0 13px 0 0;color:#676c73; vertical-align:middle;}
#header .header-utill .utill-btn{float:left;padding-left:7px;}
#header .header-utill .utill-btn a{float:left;height:31px;line-height:31px;padding:0 15px;border:1px solid #5e6d82; border-left:0; color:#fff;font-size:12px;background:#fff;color:#5e6d82;}
#header .header-utill .utill-btn a:first-child { border:0; background:#5e6d82;color:#fff; }
#header .header-utill .utill-btn a.member-link{border:0;background:#5e6d82;color:#fff;}
#header .gnb { position:relative; float:right; padding:77px 0 14px; z-index:2; }
#header .gnb li { position:relative; float:left; }
#header .gnb li .one-dept { position:relative; display:block; padding:0 42px 0 41px; font-size:16px; line-height:54px; font-weight:400; cursor:pointer; }
#header .gnb li .one-dept:hover, #header .gnb li .one-dept:focus, #header .gnb li.active .one-dept { color:#e00; }
#header .gnb li .one-dept:after { content:''; position:absolute; top:20px; bottom:19px; right:0; width:1px; background:#e1e1e1; }
#header .gnb li:first-child .one-dept {padding:0 60px}
#header .gnb li:nth-child(2) .one-dept {padding:0 27px;}
#header .gnb li:nth-child(5) .one-dept {padding:0 45px 0 44px;}
#header .gnb li:last-child .one-dept { padding:0 38px; }
#header .gnb li:last-child .one-dept:after { display:none; }
#header .gnb li .two-dept {display:none; position:absolute; top:69px; left:0; right:0; padding:24px 0 27px; height:222px; }
#header .gnb li .two-dept.open {display:block;}
#header .gnb li .two-dept:after { content:''; position:absolute; top:24px; bottom:27px; right:0; width:1px; background:#f2f2f3; }
#header .gnb li:last-child .two-dept:after { display:none; }
#header .gnb li .two-dept li { float:none; padding:0; font-size: 14px; line-height:28px; color:#666; text-align:center; }
/*#header .gnb li:nth-child(2) .two-dept li {text-align:center}
#header .gnb li:last-child .two-dept li { padding:0 0 0 26px; }
#header .gnb li .menu-name-long li { padding-right:0; text-align:left; }
#header .gnb li:first-child .menu-name-long li {padding-left:10px;padding-right:10px;}*/
#header.gnb-view { background:#fff url(../images/common/bg_header_visual.png) no-repeat 50% 100%; box-shadow:1px 1px 8px #eaeaea;height:480px; }

/* footer */
#footer {min-width:1150px; position:relative; z-index:500;background:#32373a;}
/* #footer .footer-utill-area { border-bottom:1px solid #515559; background:#393e42; } */
#footer .footer-utill { overflow:hidden; width:1150px; margin:0 auto; padding:22px 0; }
#footer .footer-utill li { float:left; padding-right:32px; font-size:14px; line-height:24px; color:#a6abb1; }
#footer .footer-utill li a:hover, #footer .footer-utill li a:focus, #footer .footer-utill li a:hover strong, #footer .footer-utill li a:focus strong { color:#fff; }
#footer .footer-utill li strong { font-weight:400; color:#fc9a43; }
#footer .footer-cont { position:relative; overflow:hidden; width:1150px; height:120px; margin:0 auto; padding:37px 0 0; font-size:12px; line-height:20px; color:#a6abb1; letter-spacing:0; }
#footer .footer-cont .footer-logo { float:left; width:190px; font-size:0; line-height:0; }
#footer .footer-cont address { padding-right:350px; }
#footer .footer-cont dl { overflow:hidden; padding-top:5px; }
#footer .footer-cont dt { float:left; line-height:20px; }
#footer .footer-cont dd { float:left; margin:0 9px 0 13px; padding-left:22px; }
#footer .footer-cont .phon { background:url(../images/common/footer_icon_phone.png) no-repeat 0 50%; }
#footer .footer-cont .email { background:url(../images/common/footer_icon_email.png) no-repeat 0 50%; }
#footer .footer-cont .copyright { padding-top:6px; font-size:10px; }
#footer .site_link { position:absolute; top:39px; right:7px; overflow:hidden; }
#footer .site_link li { float:left; margin-left:23px; font-size:0; line-height:0; }

/* container */
#container {padding:139px 0 150px;margin:0;}
#container.bdstart { padding-bottom:0; }
.top-notice-view + #container { padding-top:198px; }
.content-width { width:1150px; margin:0 auto; padding:0 25px;}

/* title */
.page-title { padding-top:32px; font-size:38px; font-weight:500; line-height:50px; color:#505256; text-align:center; }

.page-sub-title-style { display:inline-block; width:100%; margin-top:50px; padding-bottom:18px; }
.page-sub-title-style .sub-title { position:relative; display:inline-block; margin-right:14px; padding-top:13px; font-size:20px; font-weight:500; line-height:30px; color:#000; vertical-align:middle; }
.page-sub-title-style .sub-title:after { content:''; position:absolute; top:0; left:0; width:30px; height:3px; background:#fd9440; }
.page-sub-title-style .title-text { display:inline-block; margin-right:7px; padding-top:13px; vertical-align:middle; }
.page-sub-title-style .title-text:before { content:'\203B'; margin-right:2px; font-size:14px; font-weight:500; line-height:21px; color:#f17f21; }
.page-sub-title-style .title-text .fc-red {color:#e60021;}
.page-sub-title-style .title-more { position:relative; display:inline-block; padding-top:13px; font-weight:500; text-decoration:underline; vertical-align:middle; }
.page-sub-title-style .title-more:after { content:''; position:absolute; top:17px; right:-18px; width:8px; height:14px; background:url(../images/common/bg_title_more.png) no-repeat 0 0; }
.page-sub-title-style .title-more:hover, .page-sub-title-style .title-more:focus { color:#333; }
.page-sub-title-style .title-btn { float:right; padding-top:2px; }
.page-sub-title-style .title-sum {margin-right:10px;font-weight:500;font-size:16px;color:#000;letter-spacing:1px;}
.page-sub-title-style .title-sum strong {color:#fb5b1c;}
.page-sub-title-style .title-sum.block {display:block;margin-top:17px;}
.sub-title-text { margin-top:-8px; padding-bottom:24px; font-size:16px; line-height:26px; color:#505256; }
.sub-title-text2 {font-size:14px;color:#000;font-weight:500;}

/* location */
.page-location {min-width:1150px; border-bottom:1px solid #d7d6d6; background:#fff; }
.page-location > ul { width:1150px; height:47px; margin:0 auto; border-left:1px solid #e6e6e6; }
.page-location > ul > li { position:relative; float:left;  border-right:1px solid #e6e6e6; }
.page-location > ul > li > a { display:block; min-width:208px; height:47px; padding:14px 25px 0; }
.page-location > ul > li > a:hover, .page-location > ul > li > a:focus { color:#333; }
.page-location > ul > li.home > a { width:auto; padding:0; font-size:0; line-height:0;min-width: 47px;}
.page-location > ul > li:last-child > a,
.page-location > ul > li:nth-child(3) > a { padding:14px 37px 0 17px; }
.page-location > ul > li:last-child > a:after,
.page-location > ul > li:nth-child(3) > a:after { content:''; position:absolute; top:23px; right:14px; width:9px; height:7px; background:url(../images/common/location_arrow.png) no-repeat 0 0; }
.page-location > ul > li.home + li > a { padding:14px 25px 0; }
.page-location > ul > li.home + li > a:after { display:none; }
.page-location .location-menu { display:none; position:absolute; top:47px; left:-1px; right:-1px; padding:8px 17px 14px; border:1px solid #e6e6e6; background:#fff; z-index:600; }
.page-location .location-menu li { font-size:14px; line-height:30px; color:#666; }
.page-location .location-menu li a:hover { color:#fd3728; }

/* tab */
.tab-list { position:relative; display:table; table-layout:fixed; width:100%; margin-top:60px; background:#fff; vertical-align:top; }
.tab-list:after { content:''; position:absolute; bottom:0; left:0; right:0; height:1px; background:#cdcfd3; }
.tab-list li { position:relative; display:table-cell; width:50%; border-left:0; text-align:center; }
.tab-list li:after { content:''; position:absolute; top:0; bottom:0; left:-1px; right:0; border:1px solid #cdcfd3; }
.tab-list li:first-child:after {left:0;}
.tab-list li a { position:relative; display:block; font-size:16px; line-height:55px; color:#494949; z-index:1; }
.tab-list li.active a:after { content:''; position:absolute; top:0; left:0; right:0; bottom:0; border-top:3px solid #ff9742; border-bottom:1px solid #fff; z-index:2; }
.tab-width-fixed { display:inline-block; table-layout:auto; }
.tab-width-fixed li { display:block; float:left; width:220px; }
.tab-btn { position:relative; margin-top:60px; }
.tab-btn .tab-list { margin-top:0; }
.tab-btn .tab-btn-area { position:absolute; top:0; right:0; }
.tab-list.mgb15 {margin-bottom:15px !important}

.tab-cont-title { overflow:hidden; visibility:hidden; position:absolute; width:0; height:0; font-size:0; line-height:0; }

/* button */
.add-btn { position:relative; display:inline-block; padding:0 20px 0 44px; background:#3b577f; font-size:15px; font-weight:500; line-height:44px; color:#fff; }
.add-btn:after { content:''; position:absolute; top:21px; left:20px; width:12px; height:2px; background:#ffa800; }
.add-btn:before { content:''; position:absolute; top:16px; left:25px; width:2px; height:12px; background:#ffa800; }
.add-btn:hover, .add-btn:focus { color:#fff; }
.enter-btn {position:relative; display:inline-block; padding:0 23px 0 48px; background:url(../images/cl/icon_enter.png) no-repeat 14px 13px #3b577f; font-size:15px; font-weight:500; line-height:44px; color:#fff; }
.enter-btn:hover, .enter-btn:focus { color:#fff; }

.participation-btn { position:relative; display:inline-block; padding:0 25px 0 15px; background:#3b577f; font-size:15px; font-weight:500; line-height:44px; color:#fff; }
.participation-btn span {display:inline-block;padding-left:35px;background:url(../images/common/icon_join.png) no-repeat 0 12px;}
.participation-btn:hover, .participation-btn:focus { color:#fff; }

.icon-btn-type{padding:0 0 15px 0;}
.icon-btn-type a{display:inline-block;height:39px;line-height:39px;padding:0 20px;border:1px solid #d7d7d7;border-radius:3px;}
.icon-btn-type a span{display:inline-block;padding-left:25px;}
.icon-btn-type a.plan-down span{background:url(../images/common/btn_plan_down.png) no-repeat 0 center;}
.icon-btn-type a.book-down span{background:url(../images/common/btn_book_down.png) no-repeat 0 center;}
.icon-btn-type a:hover, .icon-btn-type a:focus { color:#333; }

.btn-gray { display:inline-block; padding:0 20px; background:#72767b; font-size:16px; font-weight:500; line-height:39px; color:#fff; }
.btn-gray:hover, .btn-gray:focus { color:#fff; }
.btn-gray:focus{outline: 2px solid #000;}
.btn-white { display:inline-block;  padding:0 19px; border:1px solid #d7d7d7; background:#fff; font-size:16px; font-weight:500; line-height:37px; }
.btn-white.small{border:1px solid #d9dfe5;line-height:29px;font-size:15px;}
.btn-white:hover, .btn-white:focus { color:#333; }
.btn-white.mid {padding:0 28px;}

.like-btn { display:inline-block; width:140px; border:1px solid #d9dfe5; background:#fff; font-size:14px; font-weight:500; line-height:37px; text-align:center; }
.like-btn:hover, .like-btn:focus { color:#333; }
.like-btn span { position:relative; display:inline-block; padding-left:30px; }
.like-btn span:after { content:''; position:absolute; top:9px; left:0; width:21px; height:18px; background:url(../images/common/bl_like.png) no-repeat 0 0; }
.like-btn span.active:after { background-position:0 -18px; }

.member-del{display:inline-block;width:15px;height:16px;overflow:hidden;vertical-align:-2px;font-size:0;line-height:0;}
.member-del img { margin-top:-16px; }
/*.member-del:hover img{margin-top:-16px;}*/

.btn-big-white { display:inline-block; padding:0 64px; border:1px solid #8a96a4; background:#fff; font-size:18px; font-weight:500; line-height:47px; color:#5e6d82; }
.btn-big-white:hover, .btn-big-white:focus { color:#5e6d82; }
.btn-big-orange { display:inline-block; padding:0 65px; background:#fb5b1c; font-size:18px; font-weight:500; line-height:49px; color:#fff; }
.btn-big-orange:hover, .btn-big-orange:focus { color:#fff; }
.btn-big-orange:focus{outline: 1px dotted #000;}
.btn-big-orange.disabled{background:#d0d0d0 !important; cursor:default; pointer-events: none;}
.btn-big-orange-line { display:inline-block; padding:0 64px; border:1px solid #fb5b1c; background:#fff; font-size:18px; font-weight:500; line-height:47px; color:#fb5b1c; }
.btn-big-orange-line:hover, .btn-big-orange-line:focus { color:#fb5b1c; }
.btn-big-dark-gray { display:inline-block; padding:0 65px; background:#5e6d82; font-size:18px; font-weight:500; line-height:49px; color:#fff; }
.btn-big-dark-gray:hover, .btn-big-dark-gray:focus { color:#fff; }
.btn-big-dark-gray:focus{outline: 1px dotted #000;}
.btn-small-dark-gray { display:inline-block; padding:0 20px; background:#5e6d82; font-size:13px; font-weight:500; line-height:39px; color:#fff; }
.btn-small-dark-gray:hover, .btn-small-dark-gray:focus { color:#fff; }
.btn-big-white.popup-btn { line-height:37px; }
.btn-big-orange.popup-btn { line-height:39px; }
.btn-big-dark-gray.popup-btn { line-height:39px; }
.btn-mid-dark-gray {display:inline-block; padding:0 36px; background:#5e6d82; font-size:16px; font-weight:500; line-height:39px; color:#fff; }
.btn-mid-dark-gray:hover, btn-mid-dark-gray:focus {color:#fff;}
.btn-mid-dark-gray:focus{outline: 1px dotted #000;}

.btn-application.gray{background:#87919f;}
.btn-application{display:inline-block;height:31px;padding:0 15px;font-weight:500;line-height:31px;color:#fff;text-align:center;background:#fb5b1c;}
.btn-application:hover, .btn-application:focus { color:#fff; }

.line-btn-white.small{display:inline-block;font-size:13px;height:31px;padding:0 15px;line-height:31px;color:#333;text-align:center;border:1px solid #d9dfe5;}
.line-btn-white.small:hover, .line-btn-white.small:focus { color:#333; }

.choice-text-btn { display:inline-block; padding-right:15px; background:url(../images/common/bl_choice_text_btn.png) no-repeat 100% 50%; font-size:14px; font-weight:500; color:#767676; }
.choice-text-btn:hover, .choice-text-btn:focus { color:#767676; }
.delete-text-btn { display:inline-block; padding-right:15px; background:url(../images/common/bl_delete_text_btn.png) no-repeat 100% 50%; font-size:14px; font-weight:500; color:#767676; }
.delete-text-btn:hover, .choice-text-btn:focus { color:#767676; }

.btn-center { margin-top:40px; font-size:0; line-height:0; text-align:center; }
.btn-center a, .btn-center button { margin:0 5px; }
.btn-complex { position:relative; margin-top:40px; font-size:0; line-height:0; text-align:center; }
.btn-complex .left { position:absolute; top:0; left:0; }
.btn-complex .left a, .btn-complex .left button { margin-right:10px; }
.btn-complex .center a, .btn-complex .center button { margin:0 5px; }
.btn-complex .right { position:absolute; top:0; right:0; }
.btn-complex .right a, .btn-complex .right button { margin-left:10px; }

.page-middle-btn-area { margin-top:20px; }

.file-input { position:relative; display:inline-block;font-size:14px; line-height: 21px; }
.file-input input[type="file"] { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:none;}
.file-input label {font-size: 0.8em;text-align: center;vertical-align: middle;margin-right: 3px;position: relative;top: 0;min-width: 48px;right: 0;display: block;min-height: 39px;padding: 0 46px 0 12px;border: 1px solid #dcdcdc;background: #fff;line-height: 37px;}
.file-input label:after { content:''; position:absolute; top:7px; right:12px; width:22px; height:22px; background:url(../images/common/btn_add_file.png) no-repeat 0 0; }
.file-input input[type="file"]:focus + label,
.file-input input[type="text"]:focus + label {border-color:blue;}
.file-input.file-btn-type label { width:94px; height:31px; padding:0; font-size:15px; font-weight:500; line-height:29px; text-align:center; }
.file-input.file-btn-type label:after { display:none; }
.file-upload-name {/* display: inline-block; */ margin-top:10px;}
.file-upload-name > p { position:relative; padding:0 46px 0 12px; border:1px solid #dcdcdc; background:#f3f3f3; font-size:14px; line-height:37px; }
.file-upload-name .upfile-delete { position:absolute; top:7px; right:12px; width:22px; height:22px; background:url(../images/common/btn_delete_file.png) no-repeat 0 0; font-size:0; line-height:0; }
.file-input .file-name {display: inline-block;width: 340px;position: absolute;z-index: 100;border:none;top: 5px;left: 5px;height: 30px;}


.question-btn { display:inline-block; padding:0 20px; border:1px solid #d9dfe5; background:#fff; font-size:14px; font-weight:500; line-height:37px; color:#666; }
.question-btn:before { content:''; display:inline-block; width:15px; height:18px; margin-right:8px; background:url(../images/common/bl_question.png) no-repeat 0 0; vertical-align:middle; }
.question-btn:hover, .question-btn:focus { color:#666; }

.btn-caption {padding-left:35px;background:url(../images/common/icon_caption2.png) no-repeat 13px 11px;}

/* search */
.page-search { margin-top:40px; padding:30px 0; border:1px solid #d9dfe5; border-top-color:#5e6d82; background:#fbfbfb; text-align:center; }
.page-search label { display:inline-block; margin-right:10px; font-size:16px; font-weight:500; line-height:39px; }
.page-search select { width:140px; }
.page-search input.txt { width:296px; margin-left:5px; }
.page-search .search-btn { width:100px; height:39px; margin-left:3px; background:#5e6d82; font-size:16px; font-weight:500; line-height:37px; color:#fff; text-align:center; }
.page-search .search-btn:focus{outline: 1px solid #000;}
.page-search .search-btn:focus{outline: 1px dotted #000;}

.page-sub-title-style + .page-search {margin-top:0;}
.page-search2 {margin-bottom:40px;}
.page-search2 select + label + input[type=text] {margin-top:10px;}
.page-search2 .btn-big-dark-gray {width:100%;margin-top:12px;font-size:16px;}


/* search count */
.search-count-btn {margin:40px 0 10px;}
.search-count-btn:after{content:''; display:block; clear:both;}
.search-count-btn .search-count { float:left; padding:5px 0 0 25px; background:url(../images/common/icon_search_count.png) no-repeat 0 11px; font-size:14px; font-weight:500; line-height:26px; color:#000; }
.search-count-btn .search-count .search-text { position:relative; margin-right:5px; padding-right:6px; color:#3475cf; }
.search-count-btn .search-count .search-text:before { content:''; position:absolute; top:5px; bottom:2px; right:0; width:1px; background:#d9dfe5; }
.search-count-btn .search-count strong { color:#e60021; }
.search-count-btn .count-btn { float:right; font-size:0; line-height:0; }
.search-count-btn .count-btn select { margin-right:5px; }
.search-count-btn .count-btn .add-btn { line-height:39px; }
.search-count-btn .count-btn .add-btn:before { top:14px; }
.search-count-btn .count-btn .add-btn:after { top:19px; }
.search-count-btn.mgt15 {margin-top:15px !important;}

.page-sub-title-style + .search-count-btn { margin-top:13px; }

/* pagging */
.board-pagging { padding-top:40px; font-size:0; line-height:0; text-align:center; }
.board-pagging a { display:inline-block; width:32px; height:32px; margin-left:5px; background:#f8f8f8; font-size:14px; line-height:32px; color:#676c73; vertical-align:middle; }
.board-pagging a:first-child { margin-left:0; }
.board-pagging strong { display:inline-block; width:32px; height:32px; margin-left:5px; background:#5e6d82; font-size:14px; line-height:32px; color:#fff; vertical-align:middle; }
.board-pagging strong:first-child { margin-left:0; }
.board-pagging .img-pagging { font-size:0; line-height:0; }

/* board */
.board-type01 table{ width:100%;table-layout: fixed; border-top:1px solid #676c73; }
.board-type01 table th{padding:18px 20px;vertical-align:middle;font-size:15px;font-weight:500;border-bottom:1px solid #676c73;text-align:left;}
.board-type01 table td{padding:16px 15px;color:#333;font-weight:400;border-left:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;}
.board-type01 table tbody.topdept-css td{padding:18px 20px;vertical-align:middle;font-size:15px;font-weight:500;border-bottom:1px solid #676c73;text-align:left; border-left:none;}
.board-type01 table td.class-tit{padding-left:40px;color:#000;font-size:15px;font-weight:500;border-bottom:1px solid #676c73;border-left:0;}
.board-type01 table td.sstit{padding-left:52px;border-left:0;}
.board-type01 table td .compulsor{text-indent:-9999px;font-size:0;line-height:0;}
.board-type01 table td.subject a{display:block;text-decoration:underline;text-overflow: ellipsis;word-wrap: normal;white-space: nowrap;overflow:hidden;width:100%;}
.board-type01 table td .link{float:left;margin-top:0;}
.board-type01 table td .link a{overflow: hidden;display: block;width: 100%;text-overflow: ellipsis;word-wrap: normal;white-space: nowrap;}
.board-type01 table td.data-wrap{padding:0 18px;border-left:0;}
.board-type01 table td.t-center{text-align:center;}
.board-type01 table td.check-txt{background:#fafafa;border-left:0;text-align:center;}
.board-type01 table td.check-txt strong{font-weight:500;color:#fb5b1c;}
.board-type01 table tr.bg-type1 th{background:#584f48;color:#fff;text-align:center;}
.board-type01 table tr.t-line th, .board-type01 table tr.t-line td{border-top:2px solid #676c73;}
.board-type01 table .data ul{float:left;}
.board-type01 table .data ul li{float:left;position:relative;}
.board-type01 table .data ul li .icon{display:inline-block;width:38px;height:38px;text-align:center;}
.board-type01 table .data ul li a{display:inline-block;width:38px;height:38px;margin-right:13px;vertical-align:middle;overflow:hidden;}
.board-type01 table .data ul li a:hover,
.board-type01 table .data ul li a:focus{background:#e9ebed;border-radius:50%;}
.board-type01 table .data ul li a:hover img,
.board-type01 table .data ul li a:focus img{margin-top:-38px;}
.board-type01 table .data ul li a:hover + .txt,
.board-type01 table .data ul li a:focus + .txt{display:block;}
.board-type01 table .data ul li .txt{display:none;position:absolute;left:50%;top:-24px;transform: translateX(-50%);line-height:24px;text-align:center;min-width:105px;border-radius:5px;padding:0 15px;background:#484b50;color:#fff;font-size:12px;}
.board-type01 table .data ul.disable a,
.board-type01 table .data ul.disable a:hover,
.board-type01 table .data ul.disable li a:focus{background:none;cursor:auto;}
.board-type01 table .data ul.disable li a img,
.board-type01 table .data ul.disable li a:hover img,
.board-type01 table .data ul.disable li a:focus img{margin-top:0;opacity:0.3;}
.board-type01 table .data ul.disable li a:hover + .txt,
.board-type01 table .data ul.disable li a:focus + .txt{display:none;}

.list-board { border-top:1px solid #676c73; }
.list-board table { width:100%; table-layout:fixed; }
.list-board th { padding:14px 0; border-bottom:1px solid #a4abb5; font-size:15px; font-weight:500; line-height:26px; color:#000; }
.list-board td { padding:17px 0; border-bottom:1px solid #d7d7d7; color:#333; text-align:center; word-break: break-all;}
.list-board td.noti-icon { padding:0; font-size:0; line-height:0; vertical-align:middle; }
.list-board td.subject { padding-left:20px; padding-right:20px; text-align:left; line-height: 24px;}

.list-board td.subject a { overflow:hidden; display:block; width:100%; *text-overflow:ellipsis; word-wrap:normal; white-space:nowrap;}/*말줄임 원복 */
.list-board td.subject a span {vertical-align:middle;}
.list-board td.impossible{color:#e60021;}
.list-board td.finish{color:#3475cf;}
.list-board td.no-list{padding: 56px 0 57px;font-size:16px;color:#767676;}
.list-board td.no-list2 {padding:20px 0;font-size:14px;color:#000;}
.list-board td.td-left { padding-left:20px; padding-right:20px; text-align:left; }
.list-board td.td-right { padding-left:0; padding-right:12px; text-align:right; }
.list-board td .status-ing { display:block; color:#3475cf; }
.list-board td .status-schedule { display:block; color:#e70f62; }
.list-board td .icon-new { display:inline-block; width:20px; height:20px; margin-right:6px; background:url(../images/common/icon_new.png) no-repeat 0 0; font-size:0; line-height:0; vertical-align:middle; }
.list-board td .icon-notopen{display:inline-block; width:20px; height:20px; background:url(../images/cl/bl_not_open.png) no-repeat 0 0; font-size:0; line-height:0; vertical-align:middle;}
.list-board .exception td {background-color:#fefcf6;}

.data-board { border-top:1px solid #676c73; }
.data-board table { width:100%; table-layout:fixed; }
.data-board th { padding:17px 0; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; background:#f8f8f8; font-size:14px; font-weight:500; }
.data-board th:first-child { border-left:0; }
.data-board th span.compulsory{width:0;height:0;font-size:0;line-height:0;text-indent:-9999px;}
.data-board th span.compulsory:before{content:'';display:inline-block;width:5px;height:5px;background:#e70c2b;border-radius:50%;vertical-align:3px;margin-right:8px;}
.data-board td { padding:17px 20px; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; }
.data-board td:first-child { border-left:0; }
.data-board td.input-td {padding:8px 20px 7px; font-size:0; line-height:0;}
.data-board td.input-td input, .data-board td.input-td select { margin-right:5px; }
.data-board td.input-td .cmt {display:inline-block;margin-left:10px;font-size:12px;line-height:39px;vertical-align:middle;letter-spacing:-0.05em;}
.data-board td.input-td .cmt:before {content: '\203B';margin-right: 2px;font-size: 12px;font-weight: 500;line-height: 21px;color: #f17f21;}
.data-board td.input-td .cmt.break {display:block;margin-left:0;}
.data-board td.td-center{text-align:center;}
.data-board .td-memeber {padding-bottom:5px;}
.data-board .td-memeber span {display:inline-block;margin-right:25px;margin-bottom:15px;}

.page-title + .data-board { margin-top:60px; }

.tit-input-limit{display:inline-block;width:730px;position:relative;vertical-align:middle;margin-right:20px;}
.tit-input-limit:last-child {margin-right:0;}
.tit-input-limit.w-100{width:100%;}
.tit-input-limit span{position:absolute;right:20px;top:19px;font-size:15px;}
.tit-input-limit input{padding: 0 60px 0 12px;}
.tit-input-limit span em{font-weight:500;color:#fb5b1c;}

.borad-navi { overflow:hidden; position:relative; margin-top:40px; border-top:1px solid #676c73; }
.borad-navi dt { position:absolute;left:0; width:150px; height:55px; padding-left:55px; border-bottom:1px solid #d7d7d7; background-color:#f8f8f8; background-repeat:no-repeat; background-position:34px 22px; font-weight:500; line-height:54px; }
.borad-navi dt.prev { background-image:url(../images/common/bl_borad_navi_prev.png); }
.borad-navi dt.next { background-image:url(../images/common/bl_borad_navi_next.png); }
.borad-navi dd { overflow:hidden; height:55px; margin-left:150px; padding:0 20px; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; background:#fff; font-weight:500; line-height:54px; color:#666; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; }

.board-tooltip { position:relative; display:inline-block; }
.board-tooltip button { margin-left:4px; padding:0; background:transparent; font-size:0; line-height:0; vertical-align:-4px; }
.board-tooltip button img {position: relative;display: block;}
.board-tooltip .tooltip-layer { display:none; position:absolute; top:calc(100% + 8px); width:372px; padding:10px 12px 9px; border:1px solid #484b50; background:#fff; font-weight:400; text-align:left; z-index:110; }
.board-tooltip .tooltip-layer > p { font-size:12px; line-height:15px; }
.board-tooltip .tooltip-layer > p + p { margin-top:5px; }

/* thumb list */
.thumb-list {border-bottom:1px solid #ddd;}
.thumb-list > li {overflow:hidden; padding:30px 0; border-top:1px solid #ddd;}
.thumb-list > li > span {float:left; width:200px; height:150px; margin-right:20px;overflow:hidden;}
.thumb-list > li > span > img{width:200px; height:150px;}
.thumb-list > li > div {padding-right:40px;}
.thumb-list > li .list-tit {display:block;}
.thumb-list > li .list-tit a {display:inline-block; max-width: calc(100% - 350px); max-width: -webkit-calc(100% - 350px); max-width: -moz-calc(100% - 350px); margin-right:20px; font-size:20px; font-weight:500; line-height:23px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:top;}
.thumb-list > li ul {overflow:hidden; margin-top:10px;}
.thumb-list > li ul li {overflow:hidden; margin-top:5px;}
.thumb-list > li ul li strong {float:left; width:80px; color:#000; font-size:14px; font-weight:500;}
.thumb-list > li ul li span {color:#333;}
.thumb-list > li ul li span a {display:inline-block; padding-right:24px; background:url(../images/common/icon_site.png) no-repeat right center;}
.thumb-list > li ul li p {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333;}
.thumb-list > li.none-cont {width: 100%; height: 200px;padding: 85px 0 0 0; color: #767676; font-size: 16px; font-weight: 500;  text-align: center;}
.thumb-list > li ul li p a:focus-visible{outline-offset:0px;}
.thumb-list > li ul li span .ico_homepage{background:none; padding-right: 0; vertical-align: middle; margin-left: 8px;}

/* check */
.checkbox01 {position:relative;display:inline-block;}
.checkbox01 input[type="checkbox"] {-webkit-appearance: none;position:absolute;top:0;left:0;opacity:0;}
.checkbox01 input[type="checkbox"]:focus + label { outline:1px dotted blue; }
.checkbox01 label {position:relative; display:inline-block; z-index:10;padding-left:30px;line-height:21px;cursor:pointer;font-size:14px;}
.checkbox01 label.txt-none{width:21px;height:21px;padding-left:0;text-indent:-9999px;font-size:0;}
.checkbox01 label:before {content:"";position:absolute;top:0;left:0;display:block;width:21px;height:21px;line-height:21px;background: url(../images/common/checkbox.png) no-repeat 0 0;}
.checkbox01 input[type=checkbox]:checked + label:before {content:"";text-align:center;font-weight:800;line-height:18px;color:#222;background-position:0 -35px;}
.checkbox01 input[type=checkbox]:disabled + label:before { background-position:0 -70px; }

.checkbox02 {position:relative;display:inline-block;}
.checkbox02 input[type="checkbox"] {-webkit-appearance: none;position:absolute;top:0;left:0;width:15px; height:15px;}
.checkbox02 label {position:relative; display:inline-block; z-index:10;padding-left:28px;line-height:15px;cursor:pointer;font-size:14px;}
.checkbox02 label.txt-none{width:15px;height:15px;padding-left:0;text-indent:-9999px;font-size:0;}
.checkbox02 label:before {content:"";position:absolute;top:0;left:0;display:block;width:15px;height:15px;line-height:15px;background: url(../images/common/checkbox01.png) no-repeat 0 0;}
.checkbox02 input[type=checkbox]:checked + label:before {content:"";text-align:center;font-weight:800;line-height:18px;color:#222;background-position:0 -20px;}
.checkbox02 input[type=checkbox]:disabled + label:before { background-position:0 -40px; }
.checkbox02 input[type=checkbox]:focus + label:before {outline:1px solid blue;}

/* radio */
.radiobox01 {position:relative;display:inline-block;vertical-align:middle;}
.radiobox01 input[type="radio"] {-webkit-appearance: none;position:absolute;top:0px;left:0; width:15px; height:15px; margin:0;opacity:0;}
.radiobox01 label {position:relative; display:inline-block; z-index:10;padding-left:24px;line-height:16px;cursor:pointer;font-size:14px;vertical-align:top;}
.radiobox01 label.txt-none{width:16px;height:16px;padding-left:0;text-indent:-9999px;font-size:0;}
.radiobox01 label:before {content:"";position:absolute;top:0;left:0;display:block;width:16px;height:16px;line-height:16px;background: url(../images/common/radiobox.png) no-repeat 0 0;}
.radiobox01 input[type=radio]:checked + label:before {content:"";text-align:center;font-weight:800;line-height:18px;color:#222;background-position:0 -25px;}
.radiobox01 input[type=radio]:disabled + label:before { background-position:0 -50px; }
.radiobox01 input[type=radio]:focus + label:before {outline:1px solid blue;}
.radiobox01 .rbox-type2 {float:left;height:39px;margin-right:12px;line-height:39px;vertical-align:middle;}
.radiobox01 .rbox-type2 input[type="radio"] {top:50%;margin-top:-8px;}
.radiobox01 .rbox-type2 label {vertical-align:middle;}
.radiobox01 .rbox-type2 label:before {line-height:39px;}
#schoolListTable .radiobox01 input[type="radio"]{-webkit-appearance: radio; opacity: 1; top: -8px;}
#groupListTable .radiobox01 input[type="radio"]{-webkit-appearance: radio; opacity: 1; top: -8px;}

/* icon */
.icon-elementary {display:inline-block; width:20px; height:20px; background:#0d8a00; color:#fff; font-size:12px; font-weight:500; line-height:20px; text-align:center; vertical-align:middle; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
.icon-junior-high {display:inline-block; width:20px; height:20px; background:#e70f62; color:#fff; font-size:12px; font-weight:500; line-height:20px; text-align:center; vertical-align:middle; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
.icon-high {display:inline-block; width:20px; height:20px; background:#7054e7; color:#fff; font-size:12px; font-weight:500; line-height:20px; text-align:center; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; vertical-align:middle;}
.icon-out-school{display:inline-block; width:20px; height:20px; background:#a77305; color:#fff; font-size:12px; font-weight:500; line-height:20px; text-align:center; vertical-align:middle; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}

.icon-elementary02{display:inline-block; width:auto; height:20px; background:#0d8a00; color:#fff; font-size:12px; font-weight:500; line-height:20px; text-align:center; vertical-align:middle; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; padding: 0 8px;}
.icon-junior-high02{display:inline-block; width:auto; height:20px; background:#e70f62; color:#fff; font-size:12px; font-weight:500; line-height:20px; text-align:center; vertical-align:middle; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; padding: 0 8px;}
.icon-high02{display:inline-block; width:auto; height:20px; background:#7054e7; color:#fff; font-size:12px; font-weight:500; line-height:20px; text-align:center; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; vertical-align:middle; padding: 0 8px;}
.icon-out-school02{display:inline-block; width:auto; height:20px; background:#a77305; color:#fff; font-size:12px; font-weight:500; line-height:20px; text-align:center; vertical-align:middle; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; padding: 0 8px;}

.icon-minister-prize {display:inline-block; height:19px; padding:0 5px 0 22px; border:1px solid #e6edf4; background:#f5f8fb url('../images/common/icon_minister_prize.png') no-repeat 5px center; color:#5e6d82; font-size:12px; font-weight:500; line-height:17px; vertical-align:middle; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}

/* popup layout */
#popupWrap { overflow-x:hidden; overflow-y:auto; height:calc(100% - 101px); padding:0 30px 30px; border-top:2px solid #f17f21; }
.popup-page-btn { position:fixed; bottom:0; left:0; right:0; padding:30px 0; border-top:2px solid #f2f2f2; background:#fcfcfc; text-align:center; }
.popup-page-btn a + a{margin-left:8px;}
.popup-title{padding: 28px 0 9px; font-size:24px; font-weight:500; line-height: 1.5; color:#000; word-break: keep-all;}
#popupWrap .page-search + .list-board { margin-top:30px; }
#popupWrap .search-count-btn { margin-top:15px; }
#popupWrap .search-count-btn .search-count { padding-left:0; background:none; }
#popupWrap .popup-title + .page-search,
#popupWrap .popup-title + .search-count-btn { margin-top:0; }
.popup-cmnt {margin-bottom:35px;color:#707070;font-size:14px;}
.schl-color1 {color:#3e6e09;}
.schl-color2 {color:#dc1309;}
.schl-color3 {color:#6809dc;}

/* dot list */
.dot-list li{padding:0 0 1px 0;color:#404040;}
.dot-list li:before{content:'';display:inline-block;width:4px;height:4px;margin-right:7px;background:#fd9440;vertical-align:3px;}
p.dot-sentence:before, .dot-list01 li:before{content:'';display:inline-block;width:5px;height:5px;background:#333;vertical-align:2px;margin-right:5px;}
.dot-list02 li{position:relative;margin-top:9px;padding-left: 15px;font-size: 16px;color:#505256;}
.dot-list02 li:first-child{margin-top:0;}
.dot-list02 li:after{display: block;content:'';position:absolute;left:0px;top:8px;width:4px;height:4px;background:#2f2f2f;}

/* 댓글 & 한줄메모 */
.single-line-wrap{width:100%;overflow:hidden;padding:33px 35px 0;border:1px solid #d9dfe5;background:#fdfdfd;}
.single-line-entry{position:relative;height:90px;margin-bottom:33px;border:1px solid #efcd92;background:#fffce5;}
.single-line-entry .limit{position:absolute;right:104px;bottom:7px;font-size:14px;color:#666;}
.single-line-entry .limit em{font-weight:500;color:#fb5b1c;}
.single-line-entry .form{display:block;}
.single-line-entry .form span{display:block;padding-right:100px;}
.single-line-entry textarea{width:100%;height:60px;padding:15px 35px 25px 15px;border:0;background:#fffce5;font-size:14px;color:#666;}
.single-line-entry a{position:absolute;right:14px;top:14px;display:inline-block;width:76px;font-size:14px;color:#a66913;background:#fff;line-height:59px;text-align:center;border:1px solid #f2d271;}

.single-line-list{overflow:hidden;border-top:1px solid #dfdfdf;}
.single-line-list li{overflow:hidden;position:relative;border-bottom:1px solid #d7d7d7;width:100%;}
.single-line-list li .cont{position:relative;display:block; min-height:115px; padding:33px 0 0 80px;}
.single-line-list li .cont em{float:left;padding-top:1px;font-weight:500;font-size:18px;color:#404040;}
.single-line-list li .cont em + p{padding-top:8px;}
.single-line-list li .cont p{overflow:hidden;width:100%;padding:13px 0;font-weight:500;color:#666;white-space:pre-line;}
.single-line-list li > span{vertical-align:middle;}
.single-line-list li .img{position: relative;overflow: hidden;width:60px;height:60px;position:absolute;left:0;top:27px;}
.single-line-list li .img img{width:100%;height:100%;border-radius:50%;object-fit: cover;}
.single-line-list li .date{display:inline-block;vertical-align:top;color:#747474;font-size:13px;padding-left:15px;}
.single-line-list li .btn{position:absolute;right:0;top:33px;display:inline-block;color:#636363;}
.single-line-list li .btn a{display:inline-block;overflow:hidden;font-weight:500;}
.single-line-list li .btn a:before{content:'';display:inline-block;margin:0 11px 0 7px;width:1px;height:13px;background:#d8d8d8;vertical-align:-2px;}
.single-line-list li .btn a:first-child:before{display:none;}
.single-line-list li:last-child{border-bottom:0;}
.modify-form-wrap{display:block;padding:18px 0 28px 0;}
.modify-form-wrap .single-line-entry{margin-bottom:0;border:1px solid #d3d8dc;background:#fff;}
.modify-form-wrap .single-line-entry textarea{background:#fff;}
.modify-form-wrap .single-line-entry a{background:#fff;color:#000;border:1px solid #ddd;font-weight:500;}
.modify-form-wrap .single-line-entry .limit{color:#666;}
.single-line-list li .cont .single-line-entry .limit em{font-size:14px;color:#fb5b1c;font-weight:500;}

.comment-info-txt{display:block;padding:0 0 12px 30px;margin-top:60px;line-height:18px;font-size:13px;color:#767676;background: url(../images/common/bg_comment.png) no-repeat 3px 0;}
.single-line-wrap.modify{padding-top:0;}
.single-line-wrap.modify .single-line-list{margin-top:0;border-top:0;border-bottom:1px solid #dfdfdf;}
.single-line-wrap.modify .single-line-list li .cont{padding: 33px 0 0 0;}
.modify-form-wrap.reg{padding: 40px 0 45px 0;}

/* 게시판상세 */
.board-detail-box{padding:0 27px;border:1px solid #d9dfe5;}
.board-detail-box .title{position:relative;height:66px;border-bottom:1px solid #dfdfdf;}
.board-detail-box .title > strong{display:block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;padding:21px 230px 0 0;font-weight:500;color:#000;font-size:18px;}
.board-detail-box .title > strong img{vertical-align:-5px;margin-right:5px;}
.board-detail-box .title .right{position:absolute;right:0;top:21px;}
.board-detail-box .title .right{text-align:right;}
.board-detail-box .title .right .img{display:inline-block;margin-right:4px;width:33px;height:33px;}
.board-detail-box .title .right .img img{width:100%;height:100%;border-radius:50%;vertical-align:middle;}
.board-detail-box .title .right em{display:inline-block;padding-right:12px;font-weight:500;color:#404040;}
.board-detail-box .title .right .date{display:inline-block;color:#767676;}
.board-detail-box .title .right .date:after{content:'';display:inline-block;width:1px;height:13px;margin:0 6px 0 12px;vertical-align:-2px;background:#d9d9d9;}
.board-detail-box .title .right .date:last-child:after {display:none;}
.board-detail-box .title .right .inquiry{font-weight:500;color:#333;}
.board-detail-box .title .right .inquiry:before{content:'';display:inline-block;width:26px;height:17px;background: url(../images/common/bg_inquiry.png) no-repeat 0 0;vertical-align:-3px;}
.board-detail-box .title .right .inquiry strong{display:inline-block;padding-left:5px;}
.board-detail-box .cont{padding:25px 0 38px;color:#404040;line-height:24px;}
.board-detail-box .cont img {max-width:100%;max-height:100%; object-fit: contain;}
.board-detail-box .cont .image-align-center img{display: block; margin: 0 auto;}
.board-detail-box .file{width: 100%;overflow: hidden;padding:20px 0 19px;border-top:1px solid #dfdfdf;}
.board-detail-box .file em{float:left;width:70px;color:#333;font-weight:500;}
.board-detail-box .file>a{display: block;}
.board-detail-box .file span{display:block;padding:0 0 0 70px;}
.board-detail-box .file span a{color:#404040;}
.board-detail-box .file span a:first-child:before{display:none;}
.board-detail-box .file span a:before{content:'\002C';display:inline-block;margin-right:8px;}
.board-detail-box .file span a:hover{text-decoration:underline;}
.board-detail-box .caption {margin:65px 0 0;}

.page-title + .board-detail-box {margin-top:40px;}

/* 과제/동아리 상세 */
.project-data-area { border-top:2px solid #676c73; border-bottom:1px solid #d7d7d7; }
.project-data { position:relative; overflow:hidden; padding:33px 130px 35px 2px; }
.project-data .profile-img { float:left; overflow:hidden; width:60px; height:60px; margin-right:20px; border-radius:50%; }
.project-data .profile-img img { width:100%; height:100%; }
.project-data .profile-data { float:left; width:calc(100% - 80px); }
.project-data .profile-data .name { margin-right:13px; font-size:18px; font-weight:500; vertical-align:middle; }
.project-data .profile-data .date { color:#767676; vertical-align:middle; }
.project-data .profile-data .file-name { font-size:15px; font-weight:500; color:#666; }
.project-data .profile-data .file-name:hover, .project-data-area .project-data .profile-data .file-name:focus { color:#ff4b33; }
.project-data .profile-data .not-open { position:relative; display:inline-block; margin-left:10px; padding-left:33px; background:url(../images/cl/bl_not_open.png) no-repeat 13px 0; font-weight:500; color:#767676; }
.project-data .profile-data .not-open:after { content:''; position:absolute; top:5px; bottom:4px; left:0; width:1px; background:#d9d9d9; }
.project-data .profile-data > p { padding:1px 0 9px; }
.project-data .list-control { position:absolute; top:37px; right:30px; overflow:hidden; }
.project-data .list-control li { float:left; position:relative; margin-left:12px; padding-left:12px; font-weight:500; color:#636363; }
.project-data .list-control li:after { content:''; position:absolute; top:4px; bottom:4px; left:0; width:1px; background:#d9d9d9; }
.project-data .list-control li:first-child:after { display:none; }
.project-data .comment-guide-text { position:absolute; top:68px; right:27px; color:#e00; }
.project-data .img-view { clear:both; padding-top:30px; }
.project-data .img-view > img { max-width:298px; border:1px solid #d7d7d7; }

/* 설명 글 */
.important-text { padding-top:14px; }
.important-text li { display:inline-block; vertical-align:middle; }
.important-text.block li {display:block !important;}
.important-text li:before { content:'\203B'; margin-right:2px; font-size:14px; font-weight:500; line-height:21px; color:#f17f21; }
#tab_cont_misnChlg_1 .important-text li { display:block;}


/* 뱃지 팝업 */
.club-standard-info {width:100%;}
.club-standard-info .left{float:left;width:50%;padding-right:20px;}
.club-standard-info .right{float:left;width:50%;padding-left:20px;}
.club-standard-info h2{padding:12px 0 20px 0;font-size:18px;font-weight:500;color:#000;}
.club-standard-info .list-board{font-weight:500;}
.club-standard-info .left .list-board td{padding: 15px 0 14px;}
.club-standard-info .right .list-board td{padding: 17px 0 16px;}
.club-standard-info .list-board .icon img{width:25px;height:25px;margin-right:10px;vertical-align:middle;}
.club-standard-info .club-info-add {padding:0 0 0 20px;margin:10px 0 0;}

.underline {text-decoration:underline;}
.underline.blue{color: #3475cf;}
.underline2 {text-decoration:underline;color:#f96a00;}
.hidden-title {overflow:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0;}
.color-import {color:#f85a1c;}

/* 레이어 팝업 */

/*  여기부터 yeep.css 에도 있음  */
/* popup_preview */
.dim_preview {display:none;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, 0.4);z-index:110;}
.dim_preview.on {display:block;}

.popup-wrap {visibility:hidden;position:absolute;left:0;top:0;display:none;width:1px;height:1px;z-index:200;}
.popup-wrap.on {visibility:visible;display:table;width:100%;height:100%;}
.popup-inner {display:table-cell;text-align:center;vertical-align:middle;}
.popup_preview {position:relative;display:inline-block;border:2px solid #2c313e;background:#fff;text-align:left;width:100%;height:100%}
.popup_preview .title {line-height:23px;padding:12px 60px 15px 20px;background:#2c313e;color:#fff;font-size:16px;font-weight:bold;}
.popup_preview .popup-close {position:absolute;right:18px;top:13px;}
.popup_preview .close-today {height:33px;line-height:33px;padding-right:13px;border-top:1px solid #000;font-size:12px;color:#2c313e;text-align:right;}
.popup_preview .close-today input[type=checkbox] {margin-right:6px;vertical-align:middle;}
.popup_preview.no-border {border:none !important;}
/*  여기까지 yeep.css 에도 있음  */


/* 2019-07-12 추가 */
.popup-sel-list {width:470px;padding:20px 0 10px 50px;}
.popup-sel-list:after {display:block;clear:both;content:'';}
.popup-sel-list li {float:left;width:33%;font-size:14px;line-height:27px;}
.popup-sel-list input[type=checkbox] {margin-right:4px;vertical-align:middle;}
.popup-btn-area {margin:10px 0 20px;text-align:center;}
.cont-pad {padding:20px;}
.pagination.small a, .pagination.small span {width:26px;height:25px;font-size:12px;line-height:24px;}
.pagination.small .dir.first {background-position:-8px -6px;}
.pagination.small .dir.prev {background-position:-47px -6px;}
.pagination.small .dir.next {background-position:-85px -6px;}
.pagination.small .dir.last {background-position:-125px -6px;}

/**  여기부터 개발 시안용  **/
.createfunding { padding:20px; }
.createfunding table { width:100%; border-top :1px solid #d7d7d7; }
.createfunding th { padding:0px 0px; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; background:#f8f8f8; font-size:14px; font-weight:500;text-align:center;height:40px; }
.createfunding th:first-child { border-left:0; }
.createfunding td { padding:0px 0px; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; text-align:center;}
.createfunding td:first-child { border-left:0; }
.createfunding select { border:none; width:100% ; text-align: center ; }
.createfunding p { font-size:16px; font-weight:500; padding: 30px 30px 30px 30px; }
.createfunding a { background-color:#72767b; font-size:16px; font-weight:500; color:white ; padding:10px 50px ; text-align:center; }

.fundingNotiBox { margin-top: 60px; padding: 50px 0; background: #f9f9f9; text-align: center; display: block; color: #505256; font-size: 24px; }
.fundingNotiBox strong { color: #fb5b1c; font-weight: 400; }
.fundingNotiBox span { margin-right: 30px; }
.fundingNotiBox a { margin-left: 20px; }
.fundingNoneContentWrap {  background: url(../images/cl/icon_none_cont.png) no-repeat; background-position: center ; }
.found-box .fundingNoneContent { text-align: center; padding: 30px; overflow: hidden; height: 100px; color: #767676; font-size: 16px; font-weight: 400; }
.fundingContentList { overflow-x: hidden; overflow-y: auto; height: 130px; padding: 1px 50px 0 30px; }
.fundingContentList li:first-child { border: none; }
.fundingContentList li { display: table; width: 100%; padding: 36px 0; border-top: 1px solid #e9eff4; table-layout: fixed; }

.padding-top-10px    {  padding-top    :  10px !Important ;  }
.padding-top-20px    {  padding-top    :  20px !Important ;  }
.padding-top-30px    {  padding-top    :  30px !Important ;  }
.padding-top-40px    {  padding-top    :  40px !Important ;  }
.padding-top-50px    {  padding-top    :  50px !Important ;  }
.padding-right-10px  {  padding-right  :  10px !Important ;  }
.padding-right-20px  {  padding-right  :  20px !Important ;  }
.padding-right-30px  {  padding-right  :  30px !Important ;  }
.padding-right-40px  {  padding-right  :  40px !Important ;  }
.padding-right-50px  {  padding-right  :  50px !Important ;  }
.padding-bottom-10px {  padding-bottom :  10px !Important ;  }
.padding-bottom-20px {  padding-bottom :  20px !Important ;  }
.padding-bottom-30px {  padding-bottom :  30px !Important ;  }
.padding-bottom-40px {  padding-bottom :  40px !Important ;  }
.padding-bottom-50px {  padding-bottom :  50px !Important ;  }
.padding-left-10px   {  padding-left   :  10px !Important ;  }
.padding-left-20px   {  padding-left   :  20px !Important ;  }
.padding-left-30px   {  padding-left   :  30px !Important ;  }
.padding-left-40px   {  padding-left   :  40px !Important ;  }
.padding-left-50px   {  padding-left   :  50px !Important ;  }
.margin-top-10px     {  margin-top     :  10px !Important ;  }
.margin-top-20px     {  margin-top     :  20px !Important ;  }
.margin-top-30px     {  margin-top     :  30px !Important ;  }
.margin-top-40px     {  margin-top     :  40px !Important ;  }
.margin-top-50px     {  margin-top     :  50px !Important ;  }
.margin-right-10px   {  margin-right   :  10px !Important ;  }
.margin-right-20px   {  margin-right   :  20px !Important ;  }
.margin-right-30px   {  margin-right   :  30px !Important ;  }
.margin-right-40px   {  margin-right   :  40px !Important ;  }
.margin-right-50px   {  margin-right   :  50px !Important ;  }
.margin-bottom-10px  {  margin-bottom  :  10px !Important ;  }
.margin-bottom-20px  {  margin-bottom  :  20px !Important ;  }
.margin-bottom-30px  {  margin-bottom  :  30px !Important ;  }
.margin-bottom-40px  {  margin-bottom  :  40px !Important ;  }
.margin-bottom-50px  {  margin-bottom  :  50px !Important ;  }
.margin-left-10px    {  margin-left    :  10px !Important ;  }
.margin-left-20px    {  margin-left    :  20px !Important ;  }
.margin-left-30px    {  margin-left    :  30px !Important ;  }
.margin-left-40px    {  margin-left    :  40px !Important ;  }
.margin-left-50px    {  margin-left    :  50px !Important ;  }
.white-space-pre      {  white-space: pre      !Important ;  }
.white-space-pre-wrap {  white-space: pre-wrap !Important ;  }
/**  여기까지 개발 시안용  **/


/** 메인개편 START **/
#wrap.main-renew  {min-width:1150px;}

#header02 {position:absolute;left:0;right:0;top:0;overflow:hidden;height:139px;z-index:1000;min-width: 1150px;}
#header02.top-notice-view{height: 191px;}
#header02:before {content:'';display:block;width:100%;height:1px;position:absolute;left:0;right:0;top:50px;background:#d6dbdc;}
#header02:after {content:'';display:block;width:100%;height:1px;position:absolute;left:0;right:0;top:138px;background:#d6dbdc;}
 /* gnb 서브메뉴 열림 */
.header-member ul li.topentre img{position: relative; top:7px;}
#header02.gnbOpen {background:#fff;-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);}
#header02.gnbOpen .slogan {display:none;position:absolute;left:50%;margin-left:-551px;top:313px;display:block;width:282px;height:263px;background:url(../images/common/img_header_open.png) no-repeat 0 0;text-indent:-999999px;font-size:0;}
#header02.top-notice-view.gnbOpen .slogan{top:365px;}
#header02 .header-inner {position:relative;width:1098px;margin:0 auto;}
#header02 .header-inner:after {clear:both;display:block;content:'';}
#header02 .logo-header {position:absolute;left:0;top:58px;}
#header02 .header-member {float:right;height:50px;text-align:right;}
#header02 .header-member li {float:left;margin:0 15px 0 0;line-height:50px;font-size:15px;color:#252323;}
#header02 .header-member li:before {content:'';display:inline-block;width:1px;height:14px;margin:1px 17px 0 0;background:#ccc;}
#header02 .header-member li:first-child:before {display:none;}
#header02 .header-member li:last-child{margin:0;}
#header02 .header-member .img-profile {display:inline-block;overflow:hidden;width:36px;height:36px;border-radius:100%;margin:0 9px 0 0;vertical-align:middle;}
#header02 .header-member .notice-num {color:#fd524b;}
#header02 .header-member .logout {width:60px;height:50px;margin:0;background:#fd524b;}
#header02 .header-member .logout:before {display:none;}
#header02 .header-member .logout a {display:block;width:100%;height:100%;background:url(../images/common/btn_logout.png) no-repeat 20px 12px;text-indent:-99999px;font-size:0;}
#header02 .header-member li.state-roll:before{content:none;}
div.user-state{display: inline-block;position: relative;top: -2px;}
div.user-state>select{height: 34px;vertical-align: middle;}
div.user-state>a{display: inline-block;line-height: 32px;border: 1px solid #ddd;vertical-align: middle;padding: 0 10px;font-size: 13px;margin-left: -6px;background: #fff;}

#header02 #gnb02 {clear:both;position:relative;float:right;height:89px;z-index:2;}
#header02 #gnb02 ul:after {clear:both;display:block;content:'';}
#header02 #gnb02 li {position:relative;float:left;height:89px;}
#header02 #gnb02 li .depth1 {position:relative;display:block;width:80px;height:89px;line-height:89px;padding:0 0 0 50px;font-size:16px;font-weight:400;cursor:pointer;}
#header02 #gnb02 li .depth1:after {content:'';position:absolute;right:0;top:50%;margin-top:-7px;display:inline-block;width:1px;height:15px;background:#e1e1e1;}
#header02 #gnb02 li:first-child .depth1:before {display:none;}
#header02 #gnb02 li .depth1:hover,
#header02 #gnb02 li .depth1:focus,
#header02 #gnb02 li.active .depth1 {color:#e00;}
#header02 #gnb02 li .depth1:focus{outline:none;}
#header02 #gnb02 li .depth2 {display:none;position:absolute;top:89px;left:0;right:0;padding-top:15px;background:#fff;z-index:10;}
#header02 #gnb02 li .depth2.open {display:block;}
#header02 #gnb02 li .depth2 li {float:none;height:auto;padding:0 0 0 40px;margin:0 0 11px;font-size:14px;line-height:27px;color:#666;}
#header02 #gnb02 li .depth2 li strong {font-weight:500;color:#333; display: block;line-height: 1.4;padding: 3px 0 0 0;word-break: keep-all;}
#header02 #gnb02 li .depth3 {background:#fff;}
#header02 #gnb02 li .depth3 li {height:auto;line-height:21px;padding:0;margin:6px 0 0 0;}
#header02 #gnb02 li .depth3 li a {color:#858585;display: block;word-break: keep-all;line-height: 1.2;}
#header02 #gnb02 li .depth3 li a:hover,
#header02 #gnb02 li .depth3 li a:focus {color:#ee0000;}
#header02 #gnb02 li:first-child .depth1 {width:105px;}
#header02 #gnb02 li:nth-child(4) .depth1 {width:132px;}
#header02 #gnb02 li:nth-child(5) .depth1 {width: 120px;padding-left: 36px;}
#header02 #gnb02 li:nth-child(6) .depth1 {width: 102px;}
#header02 #gnb02 li .s-leaf{margin-left: 2px;}
#header02 #gnb02 li .s-leaf img{width: 11px; margin: 0 2px;}

.s-leaf{
    display: inline-block;
    height: 16px;
    margin-left: 5px;
    vertical-align: -1px;
}


#container02 {width:100%;margin-top:139px;}
#wrap.main-renew #container {}
#wrap.top + #container02 {width:100%;margin-top: 191px;}
#header02.top-notice-view + #container02 {width:100%;margin-top: 191px;}
#header02.top-notice-view:before{top: 101px;}
#header02.top-notice-view::after{top: 190px;}
#header02.top-notice-view.gnbOpen{height:620px}


#footer02 {border-top:1px solid #b7b7b7;background:#fff;}
#footer02 .footer-utill-area {border-bottom:1px solid #dedede;}
#footer02 .footer-utill {position:relative;overflow:hidden;width:1098px;margin:0 auto;padding:18px 0 20px;}
#footer02 .footer-utill li {float:left;padding-right:15px;font-size:16px;line-height:24px;color:#666;}
#footer02 .footer-utill li:before {content:'';display:inline-block;width:1px;height:14px;margin:-3px 13px 0 0;background:#c2c2c2;vertical-align:middle;}
#footer02 .footer-utill li:first-child:before {display:none;}
#footer02 .footer-utill li a:hover, #footer .footer-utill li a:focus, #footer .footer-utill li a:hover strong, #footer .footer-utill li a:focus strong {color:#fb2603;}
#footer02 .footer-utill li strong {font-weight:400;color:#fb2603;}
#footer02 .footer-utill .use-email {position:absolute;right:0;top:19px;float:none;padding:0;font-size:14px;letter-spacing:0;}
#footer02 .footer-utill .use-email:before {display:none;}
#footer02 .footer-cont {position:relative;overflow:hidden;width:1098px;height:150px;margin:0 auto;padding:24px 0 0;font-size:14px;line-height:26px;color:#666;letter-spacing:0;}
#footer02 .footer-cont address {padding-right:350px;letter-spacing:-0.5px;}
#footer02 .footer-cont .copyright {padding-top:13px;font-size:12px;color:#888;}
#footer02 .site_link {position:absolute;top:36px;right:2px;overflow:visible;}
#footer02 .site_link li {float:left;height:44px;margin-left:23px;vertical-align:middle;}
#footer02 .site_link li a {display:block;height:44px;line-height:44px;}
#footer02 .site_link li img {vertical-align:middle;}
/** 메인개편 END **/


#popupWrap.nopad-pop{padding-bottom:0}
.popup-title-txt{margin: -10px 0 40px 0; font-size: 14px; color:#666;}
.list-board .fix-hght table {width:100%;}
.list-board .fix-hght tbody {display:block;height:190px;overflow:auto;}
.list-board .fix-hght thead, .list-board .fix-hght tbody tr {display:table;width:100%;table-layout:fixed;}
.list-board .fix-hght thead th:first-child, .list-board .fix-hght tbody td:first-child{width: 70px;}
.list-board .fix-hght thead th:nth-child(2), .list-board .fix-hght tbody td:nth-child(2){width: 115px;}
.popup-inner-center .txt-cbx{width:100%; padding:22px; margin-top:25px; text-align: center; background:#f7f7f7}
.popup-inner-center .txt-cbx p{font-size: 15px; color:#111; line-height: 1.5;}
.popup-inner-center .txt-cbx p strong{font-weight: 500;}
.popup-inner-center .txt-cbx p span{color:#ed5b16;}
.popup-inner-center .info-bx{width:100%; padding: 0 25px; margin-top:25px; text-align: left;}
.popup-inner-center .info-bx > strong{font-size: 15px; font-weight: 500; color:#000; position: relative;}
.popup-inner-center .info-bx > strong:before{content:''; display:block; width: 83px; height: 6px; background:#ffbe9e; position: absolute; top:13px; left: 0; z-index: -1;}
.popup-inner-center .info-bx > p{font-size: 14px; color:#555; margin-top:10px;}
.popup-inner-center .info-bx .agree-bx{width: 100%; margin-top:18px; padding-top:18px; border-top:1px dashed #dbdbdb;}
.popup-inner-center .info-bx .agree-bx ul li{float: left; margin-right: 30px;}
.popup-inner-center .info-bx .agree-bx.radiobox01 label{line-height: 15px;}

.icon-txt{text-align: left; background:url(../images/i-ck.png) no-repeat 0 15px}
.icon-txt p{padding: 10px 0 20px 60px; font-size:15px; line-height: 1.6; border-bottom:1px solid #eee;}
.icon-txt p strong{font-weight: 500;}
.icon-txt p span{color:#ed5b16;}

.popup-inner-center .sb-date{float: right; margin:15px 10PX 0 0; font-size: 14px; color:#666;}
.popup-inner-center .sb-date > em{color:#000; letter-spacing: 0;}
.popup-inner-center .sb-date > em:before{content:''; display:inline-block; width: 1px; height: 10px; margin: 0 8px; background:#dbdbdb}

/* 관리자 에디터 헤드라인(가상마켓) */
.product-detail .tab-cont .intro-list h1{font-size:2em; margin-block-start: 0.67em; margin-block-end: 0.67em;}
.product-detail .tab-cont .intro-list h2{font-size:1.5em; margin-block-start: 0.83em; margin-block-end: 0.83em;}
.product-detail .tab-cont .intro-list h3{font-size:1.17em; margin-block-start: 1em; margin-block-end: 1em;}
.product-detail .tab-cont .intro-list h4{font-size:1em; margin-block-start: 1.33em; margin-block-end: 1.33em;}
.product-detail .tab-cont .intro-list h5{font-size:0.83em; margin-block-start: 1.67em; margin-block-end: 1.67em;}
.product-detail .tab-cont .intro-list h6{font-size:0.67em; margin-block-start: 2.33em; margin-block-end: 2.33em;}
.product-detail .tab-cont .intro-list h1, .product-detail .tab-cont .intro-list h2, .product-detail .tab-cont .intro-list h3, .product-detail .tab-cont .intro-list h4, .product-detail .tab-cont .intro-list h5, .product-detail .tab-cont .intro-list h6{line-height:1.2;}
.product-detail .tab-cont .intro-list p{margin-block-start: 1em; margin-block-end: 1em;}
.product-detail .tab-cont .intro-list pre{margin: 1em 0px;}
.product-detail .tab-cont .intro-list address{font-style:italic;}
.product-detail .tab-cont .intro-list .list > .list02{line-height:1.2;}
.product-detail .tab-cont .intro-list .list > .list02 > div{line-height:1.2;}

/* 관리자 에디터 헤드라인(온라인사업설명회) */
.cont-bx h1{font-size:2em; margin-block-start: 0.67em; margin-block-end: 0.67em;}
.cont-bx h2{font-size:1.5em; margin-block-start: 0.83em; margin-block-end: 0.83em;}
.cont-bx h3{font-size:1.17em; margin-block-start: 1em; margin-block-end: 1em;}
.cont-bx h4{font-size:1em; margin-block-start: 1.33em; margin-block-end: 1.33em;}
.cont-bx h5{font-size:0.83em; margin-block-start: 1.67em; margin-block-end: 1.67em;}
.cont-bx h6{font-size:0.67em; margin-block-start: 2.33em; margin-block-end: 2.33em;}
.cont-bx h1, .cont-bx h2, .cont-bx h3, .cont-bx h4, .cont-bx h5, .cont-bx h6{line-height:1.2;}
.cont-bx p{margin-block-start: 1em; margin-block-end: 1em;}
.cont-bx pre{margin: 1em 0px;}
.cont-bx address{font-style:italic;}

/* 멘토링 채팅 신청 라디오스타일 */
.radio-style01 input[type="radio"]{-webkit-appearance:none; position: absolute; width: 0; height: 0; z-index: 9; margin: 0 0 0 0px; top: 0;}
.radio-style01 label{display:block; width:148px; height: 46px; line-height: 42px; border-radius: 50px; border:1px solid #cbcbcb; text-align: center; font-size:18px; color:#333; font-weight: 500; position:relative;}
.radio-style01 label:before{content:''; display:block; width:28px;height: 28px; background:url(../images/chat/ico_rdostyle01.png) no-repeat; position:absolute; top:8px; left:8px;}
.radio-style01 label.checking{background:#5a6486; border-color:#616bce; color:#fff;}
.radio-style01 label.checking:before{background:url(../images/chat/ico_rdostyle01_checking.png) no-repeat;}
.radio-style01 label.disabled{color:#b2b2b2; background:#fafafa; cursor:default}
.radio-style01 ul{font-size:0;}
.radio-style01 ul li{display:inline-block;}
.radio-style01 ul li + li{margin-left:10px;}

.btn-border-navy{width:72px; height: 28px; line-height: 25px; border:1px solid #676c73; border-radius: 5px; background:#fff; color:#333; font-size:14px; padding:0;}
.btn-navy{width:72px; height: 28px; line-height: 25px; color:#fff; font-size:14px; border-radius: 5px; background:#5a6486; padding:0;}

/* 센드버드 참여 중인 채팅이 없을 때 알럿 */
.guesttester-cap{position: fixed; top:0; left: 0; z-index: 1000; background:rgba(0,0,0,0.5); width: 100%; height: 100%; display: none;}
.guesttester-cap .guesttester{position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); background: #fff; width: 350px; height: 200px; text-align: center; border:1px solid #e2e2e2; border-radius: 15px; position: relative;}
.guesttester-cap .guesttester .guesttester-close{position: absolute; top:15px; right: 15px;}
.guesttester-cap .guesttester p{font-size: 15px; margin-top: 45px;}
.guesttester-cap .guesttester .testerlog{font-size:15px; font-weight: 500; display: block; width: 152px; height: 40px; background: #fbfbfb; line-height: 38px; border: 1px solid #e2e2e2; border-radius: 10px; float: left; margin:28px 0 0 5px;}
.guesttester-cap .guesttester .test-login{margin-left: 20px;}
.guesttester-cap .guesttester a:visited{color:#000;}
.guesttester-cap .guesttester a:hover{color:#000;}
.chat-section .message-set .message-item .text a{text-decoration: underline;} /*채팅 링크 밑줄*/
.guesttester-cap .guesttester .testerlog.center{float:inherit; margin: 30px auto 0;} /*알럿 버튼 1개일때*/

/* 동아리 센드버드 */
.btn-chat{height: 43px; border:1px solid #bcbec2; background:#fff;}
.btn-chat > span{font-size:14px; font-weight: 500; color:#333;}
.btn-chat > span:before{content:''; display:inline-block; width: 17px; height: 17px; background:url(../images/chat/ico_btnChat.png) no-repeat; background-position: -1px 0; vertical-align: middle; margin:0 8px 3px 0;}

.btn-chat.open{border-color:#f55067;}
.btn-chat.open > span{color:#f55067;}
.btn-chat.open > span:before{background-position: -19px 0;}

.btn-chat.join{border-color:#509af5;}
.btn-chat.join > span{color:#509af5;}
.btn-chat.join > span:before{background-position: -37px 0;}

.btn-chat.none > span:before{display:none;}

.btn-chatGuide{position:relative; display:inline-block; padding:0 23px 0 48px; font-size:15px; font-weight:500; border: 1px solid #bcbec2; line-height: 43px; background:#f8f8f8 url(../images/chat/ico_chatGuide.png) no-repeat 18px 11px; color:#333;}

.enter-btn + .btn-chatGuide, .add-btn + .btn-chatGuide{margin-left:8px;}
.class-list{padding: 0 30px;}

.class-list li .class-state{width:130px;}
.chat-area{display:table-cell; width: 150px; text-align: center; vertical-align: middle;}

/* 에디터 공지사항 테이블(class 먼저 에디터에 붙여주기) */
.editTable td{border: 1px solid #000; text-align: center;}

/*오렌지 v표 라디오*/
.radioStyle01 [type="radio"]:checked,
.radioStyle01 [type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}
.radioStyle01 [type="radio"]:checked + label,
.radioStyle01 [type="radio"]:not(:checked) + label
{
	position: relative;
	padding-left: 26px;
	cursor: pointer;
	line-height: 40px;
	display: inline-block;
	color: #333;
}
.radioStyle01 [type="radio"]:checked + label:before,
.radioStyle01 [type="radio"]:not(:checked) + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 10px;
	width: 22px;
	height: 22px;
	background: url(../images/radioStyle01.png) no-repeat;
	background-position: -23px 0;
}
.radioStyle01 [type="radio"]:checked + label:after,
.radioStyle01 [type="radio"]:not(:checked) + label:after {
	content: '';
	position: absolute;
	left: 0;
	top: 10px;
	width: 22px;
	height: 22px;
	background: url(../images/radioStyle01.png) no-repeat;
}
.radioStyle01 [type="radio"]:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}
.radioStyle01 [type="radio"]:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

/*테이블 라디오 오렌지v표*/
.radioStyle01-tbl [type="radio"]:checked,
.radioStyle01-tbl [type="radio"]:not(:checked) {
	position: relative;
}
.radioStyle01-tbl [type="radio"]:checked:before,
.radioStyle01-tbl [type="radio"]:not(:checked):before {
	content: '';
	position: absolute;
	left: 0;
	top: -2px;
	width: 22px;
	height: 22px;
	background: url(../images/radioStyle01.png) no-repeat;
	background-position: -23px 0;
}
.radioStyle01-tbl [type="radio"]:checked:after,
.radioStyle01-tbl [type="radio"]:not(:checked):after {
	content: '';
	position: absolute;
	left: 0;
	top: -2px;
	width: 22px;
	height: 22px;
	background: url(../images/radioStyle01.png) no-repeat;
}
.radioStyle01-tbl [type="radio"]:not(:checked):after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}
.radioStyle01-tbl [type="radio"]:checked:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.blind{font-size:0 !important;line-height:0 !important;text-indent:-9999px !important;}
.popup-inner-center .alart-bx{background: #f7f7f7; padding: 25px; margin-top: 150px;}
.popup-inner-center .alart-bx p{font-size: 15px; font-weight: 500; color:#111; text-align: center;}
.popup-inner-center .alart-bx p span{color:#ed5b16;}

/* 중고등 활동리포트 */
.cf75c46{color: #f75c46;}
.reportWrap{width: 1100px; border-top: 2px solid #f17f21;}
.reportWrap .content{padding: 50px 30px;}
.reportWrap .full{padding: 0; background: #f7fafc;}
.reportWrap .top-wrap{padding: 0 30px;}
.reportWrap .topbtnWrap{position: absolute; top: 22px; right: 30px; display: flex; gap: 5px;}
.reportWrap .topbtnWrap li button{padding: 10px 20px 10px 45px; border: 1px solid #b7b7b7; background: #fafafa; position:relative;}
.reportWrap .topbtnWrap .sum button{background: #fb5b1c; border-color: #fb5b1c;}
.reportWrap .topbtnWrap .sum button span{color:#fff;}
.reportWrap .topbtnWrap li button:before{content:''; display:block; width: 18px; height: 19px; background: url(../images/actreport/ico_topbtn_report.png) no-repeat; position:absolute; top:10px; left: 18px;}
.reportWrap .topbtnWrap li:nth-child(2) button:before{background-position: -19px 0;}
.reportWrap .topbtnWrap li:nth-child(3) button:before{background-position: -41px 0;}
.reportWrap .topbtnWrap li:nth-child(4) button:before{background-position: -63px 0;}
.reportWrap .topbtnWrap li button span{font-size: 16px; color:#000; line-height: 1;}
.reportWrap .topbtnWrap .cancle button:before{background-position: -81px 0;}
.reportWrap .topbtnWrap .save button:before{background-position: -102px 0;}

.reportWrap .profileWrap{border: 2px solid #70d5e0; background: #f0fdfe url(../images/actreport/back_profileWrap.png) no-repeat 95% bottom; padding: 18px 0 18px 50px; display: flex; gap: 40px;}
.reportWrap .profileWrap .level{position:relative; width: 110px; height: 110px; border-radius: 50%; border: 2px solid #c6edf1; background: #fff; text-align: center;}
.reportWrap .profileWrap .level .img-level{margin-top: 20px;}
.reportWrap .profileWrap .level .mylevel{display:block; margin-top: -5px; font-size: 30px; font-weight: 600; color: #515151; font-family: 'NanumSquare', sans-serif;}
.reportWrap .profileWrap .level .ico-tooltip{position: absolute; top:0; left:0; cursor: pointer;}
.reportWrap .profileWrap .level .ico-tooltip:hover + .tooltipWrap{display:block;}
.reportWrap .profileWrap .level .tooltipWrap{display:none; width: 170px; padding: 12px 15px; background: #484b50; border-radius: 10px; position: absolute; top: 0; left:28px; text-align: left;}
.reportWrap .profileWrap .level .tooltipWrap dt, .reportWrap .profileWrap .level .tooltipWrap dd{font-size: 12px; color:#fff;}
.reportWrap .profileWrap .profile .name{display: block; font-size: 24px; font-weight: 500; color:#2380a4; margin: 10px 0 20px;}
.reportWrap .profileWrap .profile ul li{font-size: 16px; color:#404040; line-height: 25px;}
.reportWrap .profileWrap .profile ul li span{font-weight: 500; margin-right: 5px;}

.reportWrap .dot-title{font-size: 16px; color:#505256; font-weight: 600; margin: 0 0 20px;}
.reportWrap .dot-title:before{content:''; display: inline-block; width: 4px; height: 4px; background: #f85c46; border-radius: 50%; vertical-align: middle; margin: 0 8px 2px 0;}
.reportWrap .timeLine{border: 1px solid #a4abb5; position: relative; margin-bottom: 30px;}
.reportWrap .timeLine .title-bx{padding: 15px 28px; background: #fafafa; display: flex; font-weight: 600; border-bottom: 1px solid #a4abb5;}
.reportWrap .timeLine .title-bx .name{font-size: 16px; color:#666;}
.reportWrap .timeLine .title-bx .name em{font-size: 20px; font-weight: 600; color: #000;}
.reportWrap .timeLine .title-bx .date{font-size: 15px; color:#666; margin-left: auto;}

.reportWrap .timeLine .time-bx{padding: 30px 0; background: #fff;}
.reportWrap .timeLine .time-bx .lineArea{width: 900px; margin: 0 auto; position: relative;}
.reportWrap .timeLine .time-bx .lineArea:first-child::before{content:''; display: block; width: 100%; height: 14px; background: #ebf2fc; border-radius: 8px; position:absolute; top:29px; left:0;}
.reportWrap .timeLine .time-bx .lineArea + .lineArea{margin-top: 21px;}
.reportWrap .timeLine .time-bx .lineArea::after{content:''; display: block; clear: both;}
.reportWrap .timeLine .time-bx .lineArea > div{width: 150px; text-align: center; position: relative;}
.reportWrap .timeLine .time-bx .oddLine > div{float: left;}
.reportWrap .timeLine .time-bx .evenLine > div{float: right;}
.reportWrap .timeLine .time-bx .lineArea span{display: block; position:relative; font-size: 16px; font-weight: 500;}
.reportWrap .timeLine .time-bx .lineArea .detail{margin-top: 5px;}
.reportWrap .list-board + .timeLine{margin-top: 30px;}

.reportWrap .startupArea, .reportWrap .individualArea{position:relative;}
.reportWrap .hiddenArea{position:absolute; top: -44px; right:0;}
.reportWrap .hiddenArea .hiddenBtn{display: flex; gap: 5px;}
.reportWrap .hiddenArea .hiddenBtn button{display: block; width: 33px; height: 33px; border-radius: 5px; border: 1px solid #bee3e6; background: #f7feff;}
.reportWrap .hiddenArea .hiddenBtn button:before{content:''; display: inline-block; width: 18px; height: 18px; background: url(../images/actreport/ico_btn_hiddenArea.png) no-repeat; background-position: -19px 0; margin-top: 4px;}
.reportWrap .hiddenArea .hiddenBtn .down:before{rotate: 180deg; margin-top: 6px;}
.reportWrap .hiddenArea .hiddenBtn .btn-show, .reportWrap .hiddenArea .hiddenBtn .btn-hide{width: 90px; background: #3b9cc2;}
.reportWrap .hiddenArea .hiddenBtn .btn-show span, .reportWrap .hiddenArea .hiddenBtn .btn-hide{font-size: 14px; color:#fff; line-height: 29px;}
.reportWrap .hiddenArea .hiddenBtn .btn-show:before{background-position: -40px 0; vertical-align: middle; margin: 0 5px 2px 0;}
.reportWrap .hiddenArea .hiddenBtn .btn-hide{border: 1px solid #bee3e6;}
.reportWrap .hiddenArea .hiddenBtn .btn-hide:before{content:''; display: inline-block; width: 18px; height: 18px; background: url(../images/actreport/ico_btn_hiddenArea.png) no-repeat; vertical-align: middle; margin: 0 5px 2px 0;}

.reportWrap .dim:after{content:''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); position: absolute; top:0; left:0; z-index: 1;}
.reportWrap .half-wrap{display: flex; gap: 30px; width: 100%; position: relative;}
.reportWrap .half-wrap.dim:after{content:''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); position: absolute; top:0; left:0;}
.reportWrap .half-wrap .hiddenArea{top: 24px; right: 30px; z-index: 10;}

.reportWrap .startupArea .timeLine .list-board{margin: 30px;}
.reportWrap .startupArea .timeLine .time-bx .act01{color:#475f8c;}
.reportWrap .startupArea .timeLine .time-bx .act02{color:#19b4bf;}
.reportWrap .startupArea .timeLine .time-bx .act03{color:#f7a20e;}
.reportWrap .startupArea .timeLine .time-bx .act04{color:#ee4e3b;}
.reportWrap .startupArea .timeLine .time-bx .act05{color:#3ca848;}
.reportWrap .startupArea .timeLine .time-bx .act06{color:#7944e5;}

.reportWrap .startupArea .timeLine .time-bx .date:before{content:''; display:block; width: 150px; height: 14px; background: #ebf2fc; position:absolute; top: 29px; left: 0;}
.reportWrap .startupArea .timeLine .time-bx .date:after{content:''; display: block; width: 150px; height: 62px; margin-top: 8px; background: url(../images/actreport/icon_timeLine_startup_high.png) no-repeat; position:relative;}
.reportWrap .startupArea .timeLine .time-bx .act02 .date:after{background-position: -161px 0;}
.reportWrap .startupArea .timeLine .time-bx .act03 .date:after{background-position: -322px 0;}
.reportWrap .startupArea .timeLine .time-bx .act04 .date:after{background-position: -483px 0;}
.reportWrap .startupArea .timeLine .time-bx .act05 .date:after{background-position: -644px 0;}
.reportWrap .startupArea .timeLine .time-bx .act06 .date:after{background-position: -805px 0;}
.reportWrap .startupArea .timeLine .time-bx .evenLine .date:after{transform: scaleX(-1);}

.reportWrap .startupArea .timeLine .time-bx .detail:before{content:''; display: block; width: 20px; height: 20px; background: url(../images/actreport/icon_timeLine_startup_high2.png) no-repeat; position: absolute; top: -37px; left: 50%; margin-left: -11px;}
.reportWrap .startupArea .timeLine .time-bx .act02 .detail:before{background-position: -30px 0;}
.reportWrap .startupArea .timeLine .time-bx .act03 .detail:before{background-position: -58px 1px;}
.reportWrap .startupArea .timeLine .time-bx .act04 .detail:before{background-position: -84px 0;}
.reportWrap .startupArea .timeLine .time-bx .act05 .detail:before{background-position: -111px 0;}
.reportWrap .startupArea .timeLine .time-bx .act06 .detail:before{background-position: -140px 0;}

.reportWrap .individualArea .list-board{padding-bottom: 100px;}
.reportWrap .individualArea .list-board table{background: #fff;}
.reportWrap .individualArea .timeLine .time-bx .act01{color:#d72d45;}
.reportWrap .individualArea .timeLine .time-bx .act02{color:#ad473b;}
.reportWrap .individualArea .timeLine .time-bx .act03{color:#f46c08;}
.reportWrap .individualArea .timeLine .time-bx .act04{color:#189b8f;}
.reportWrap .individualArea .timeLine .time-bx .act05{color:#0091ba;}
.reportWrap .individualArea .timeLine .time-bx .act06{color:#0060ba;}
.reportWrap .individualArea .timeLine .time-bx .act07{color:#583bed;}
.reportWrap .individualArea .timeLine .time-bx .act08{color:#ef419f;}
.reportWrap .individualArea .timeLine .time-bx .act09{color:#85b541;}
.reportWrap .individualArea .timeLine .time-bx .act10{color:#73777f;}

.reportWrap .individualArea .timeLine .time-bx .date:before{content:''; display:block; width: 150px; height: 15px; background: #ebf2fc; position:absolute; top: 29px; left: 0;}
.reportWrap .individualArea .timeLine .time-bx .last-act .date:before{width: 20px; left: inherit; right: 0;}
.reportWrap .individualArea .timeLine .time-bx .date:after{content:''; display: block; width: 150px; height: 62px; margin-top: 8px; background: url(../images/actreport/icon_timeLine_individual_high.png) no-repeat; position: relative;}
.reportWrap .individualArea .timeLine .time-bx .act02 .date:after{background-position: -161px 0;}
.reportWrap .individualArea .timeLine .time-bx .act03 .date:after{background-position: -322px 0;}
.reportWrap .individualArea .timeLine .time-bx .act04 .date:after{background-position: -483px 0;}
.reportWrap .individualArea .timeLine .time-bx .act05 .date:after{background-position: -644px 0;}
.reportWrap .individualArea .timeLine .time-bx .act06 .date:after{background-position: -805px 0;}
.reportWrap .individualArea .timeLine .time-bx .act07 .date:after{background-position: -966px 0;}
.reportWrap .individualArea .timeLine .time-bx .act08 .date:after{background-position: -1127px 0;}
.reportWrap .individualArea .timeLine .time-bx .act09 .date:after{background-position: -1288px 0;}
.reportWrap .individualArea .timeLine .time-bx .act10 .date:after{background-position: -1449px 0;}
.reportWrap .individualArea .timeLine .time-bx .evenLine .date:after{transform: scaleX(-1);}

.reportWrap .individualArea .timeLine .time-bx .detail:before{content:''; display: block; width: 20px; height: 20px; background: url(../images/actreport/icon_timeLine_individual_high2.png) no-repeat; position: absolute; top: -37px; left: 50%; margin-left: -10px;}
.reportWrap .individualArea .timeLine .time-bx .act02 .detail:before{background-position: -26px 0;}
.reportWrap .individualArea .timeLine .time-bx .act03 .detail:before{background-position: -52px 0;}
.reportWrap .individualArea .timeLine .time-bx .act04 .detail:before{background-position: -75px 0;}
.reportWrap .individualArea .timeLine .time-bx .act05 .detail:before{background-position: -100px 0;}
.reportWrap .individualArea .timeLine .time-bx .act06 .detail:before{background-position: -126px 0;}
.reportWrap .individualArea .timeLine .time-bx .act07 .detail:before{background-position: -152px 0;}
.reportWrap .individualArea .timeLine .time-bx .act08 .detail:before{background-position: -178px 0;}
.reportWrap .individualArea .timeLine .time-bx .act09 .detail:before{background-position: -203px 0;}
.reportWrap .individualArea .timeLine .time-bx .act10 .detail:before{background-position: -230px 0;}

.reportWrap .startupArea .timeLine .time-bx .evenLine > div:first-child:before{content:''; display: block; width: 30px; height: 180px; background: url(../images/actreport/icon_timeLine_high_nextTail.png) no-repeat; position: absolute; top: -130px; right: -29px;}
.reportWrap .individualArea .timeLine .time-bx .evenLine > div:first-child:before{content:''; display: block; width: 30px; height: 180px; background: url(../images/actreport/icon_timeLine_high_nextTail.png) no-repeat; position: absolute; top: -130px; right: -29px;}

.reportWrap .timeLine .time-bx .evenLine > div:last-child:before{content:''; display: block; width: 30px; height: 180px; background: url(../images/actreport/icon_timeLine_high_nextTail_left.png) no-repeat; position: absolute; top: 28px; left: -29px;}
.reportWrap .timeLine .time-bx .evenLine > .last-act:first-child:before{left: inherit; rotate: 360deg;}/*추가*/
.reportWrap .timeLine .time-bx .evenLine > .last-act:last-child::before{display: none;}
.reportWrap .timeLine .time-bx .last-act .date:before{width: 20px; left: inherit; right: 0;}

.reportWrap .timeLine .btn-more{width: 32px; height: 32px; background: #8c96a4; position: absolute; bottom: 0; right: 0;}
.reportWrap .timeLine .btn-more:after{display: none;}
.reportWrap .timeLine .btn-more span{font-size: 25px; font-weight: 700; vertical-align: top; color:#fff; line-height: 30px;}

.reportWrap .subjectWrap{display: flex; flex-wrap: wrap; gap: 30px; padding-bottom: 100px;}
.reportWrap .subject-bx{position:relative; width: 100%; border: 1px solid #a4abb5; padding: 30px; background: #fff;}
.reportWrap .subject-bx.half{width: calc(50% - 15px);}
.reportWrap .subject-bx .hiddenArea{top: 22px; right: 30px; z-index: 10;}
.reportWrap .subject-bx h3{font-size: 20px; font-weight: 700; color:#000; margin-bottom: 20px;}
.reportWrap .subject-bx h3 .ico-leaf{vertical-align: -2px; width: 17px; margin: 0 3px;}
.reportWrap .subject-bx .view{border: 1px solid #bee3e6; background: #f7feff; border-radius: 10px; text-align: center; padding: 30px; position: relative;}
.reportWrap .subject-bx .view + .view{margin-top: 30px;}
.reportWrap .subject-bx .view ul{display: flex;}
.reportWrap .subject-bx .view ul li{width: 40%; font-size: 18px; font-weight: 500; color:#2380a4; position:relative;}
.reportWrap .subject-bx.group .view ul li{width: 20%;}
.reportWrap .subject-bx .view ul li:first-child{width: 60%;}
.reportWrap .subject-bx .view ul li + li:before{content:''; display: block; width: 1px; height: 100%; background: #bee3e6; position:absolute; top:0; left: 0;}
.reportWrap .subject-bx .view ul li em{display: block; font-size: 18px; font-weight: 500; color:#333; margin-top: 15px;}
.reportWrap .subject-bx .view ul li:first-child em{font-size: 24px;}
.reportWrap .subject-bx .view ul li em span{font-size: 30px; font-weight: 700; color:#fb5b1c; vertical-align: text-top; margin-right: 5px;}
.reportWrap .subject-bx .view .btn-more{position: absolute; right: -1px; bottom: -1px; width: 28px; height: 28px; background: #3b9cc2; border-radius: 10px 0 10px 0;}
.reportWrap .subject-bx .view .btn-more:after{display: none;}
.reportWrap .subject-bx .view .btn-more span{font-size: 23px; font-weight: 700; vertical-align: top; color:#fff; line-height: 26px;}
.reportWrap .subject-bx .list-board{margin: 30px 0 0;}
.reportWrap .subject-bx .list-board + .view{margin-top: 30px;}

.reportWrap .subject-bx .inner-wrap{display: flex; gap: 30px;}
.reportWrap .subject-bx .inner-bx{display: table; width: 100%; border: 1px solid #bee3e6; border-radius: 10px;}
.reportWrap .subject-bx .inner-bx.exchange{display: flex;}
.reportWrap .subject-bx .inner-bx > div{display: table-cell; padding: 25px; vertical-align: middle;}
.reportWrap .subject-bx .inner-bx .left{display: table-cell; width: 45%; background: #f7feff; border-radius: 10px 0 0 10px; text-align: center; vertical-align: middle;}
.reportWrap .subject-bx .inner-bx .left strong{display: block; font-size: 18px; font-weight: 700; color:#2380a4;}
.reportWrap .subject-bx .inner-bx .left .circle{display:block; width: 102px; height: 102px; line-height: 102px; font-size: 16px; font-weight: 500; margin: 15px auto 0; border-radius: 50%; border: 1px dashed #c8e7ea; background: #fff;}
.reportWrap .subject-bx .inner-bx .left .circle em{font-size: 38px; color:#fb5b1c; margin-right: 5px;}
.reportWrap .subject-bx .inner-bx .left .ico-leaf{vertical-align: -2px; width: 16px; margin: 0 3px;}
.reportWrap .subject-bx .inner-bx .left ul{margin-top: 15px;}
.reportWrap .subject-bx .inner-bx .left ul li{font-size: 14px; font-weight: 500;}
.reportWrap .subject-bx .inner-bx .left ul li:before{content:''; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #333; vertical-align: middle; margin: 0 5px 3px 0;}
.reportWrap .subject-bx .inner-bx .left ul li + li{margin-top: 0px;}
.reportWrap .subject-bx .inner-bx .right ul li{font-size: 14px; font-weight: 500;}
.reportWrap .subject-bx .inner-bx .right ul li:before{content:''; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #333; vertical-align: middle; margin: 0 5px 3px 0;}
.reportWrap .subject-bx .inner-bx .right ul li + li{margin-top: 8px;}
.reportWrap .subject-bx .inner-bx.exchange .left, .reportWrap .subject-bx .inner-bx.exchange .right{display: table; text-align: center; width: 100%;}
.reportWrap .subject-bx .inner-bx.exchange .left strong, .reportWrap .subject-bx .inner-bx.exchange .right strong{display: table-cell; vertical-align: middle; line-height: 1.5;}
.reportWrap .subject-bx .inner-bx.exchange .right strong{display: table-cell; font-size: 28px; color:#fb5b1c; vertical-align: middle;}
.reportWrap .subject-bx .inner-bx.exchange .right strong img{vertical-align: middle; margin: 0 0 2px 8px; width: 24px;}

.reportWrap .noDataArea{background: #fafafa; padding: 40px; text-align: center;}
.reportWrap .noDataArea p{padding-top: 70px; background: url(../images/actreport/img_nodata_actReport.png) no-repeat center top; font-size: 16px; color:#666;}
.reportWrap .noDataArea .btn-go{display: inline-block; padding: 14px 48px 14px 30px; margin-top: 18px; border: 1px solid #a7a7a7; border-radius: 5px; background: #fff; font-size: 15px; color: #000; line-height: 1; position: relative;}
.reportWrap .noDataArea .btn-go:after{content:''; display: block; width: 7px; height: 7px; border-top: 1px solid #555; border-right: 1px solid #555; rotate: 45deg; position: absolute; top: 18px; right: 32px;}
.reportWrap .subject-bx .noDataArea{width: 100%; border: 1px solid #d6d6d6; border-radius: 5px;}

/* 초등 활동리포트 */
.reportWrap.ele .dim:after{border-radius: 15px;}
.reportWrap.ele .profileWrap{border-color:#b5b5f5; background: #f5f5ff url(../images/actreport/back_profileWrap_element.png) no-repeat 95% bottom; border-radius: 15px;}
.reportWrap.ele .profileWrap .level{border-color:#cbcbff;}
.reportWrap.ele .profileWrap .profile .name{color:#5354cd;}
.reportWrap.ele .dot-title{font-size: 24px; color: #333; text-align: center;}
.reportWrap.ele .dot-title span{color:#4a39c3; position: relative; z-index: 1;}
.reportWrap.ele .dot-title:before{width: 32px; height: 32px; border-radius: 0; background: url(../images/actreport/ico_title_element.png) no-repeat;}
.reportWrap.ele .dot-title span:before{content:''; display: block; width: 100%; height: 10px; background: #cbcbff; border-radius: 10px; position: absolute; left: 0; bottom: 3px; z-index: -1;}
.reportWrap.ele .dot-title.tit02:before{background-position: -36px 0; z-index: -1;}

.reportWrap.ele .timeLine{border-color:#6554e3; border-radius: 15px;}
.reportWrap.ele .timeLine .title-bx{background: #6554e3; border-radius: 12px 12px 0 0;}
.reportWrap.ele .timeLine .title-bx .name, .reportWrap.ele .timeLine .title-bx .name em, .reportWrap.ele .timeLine .title-bx .date{color:#fff; z-index: 10;}
.reportWrap.ele .timeLine .btn-more{background: #6554e3; border-radius: 13px 0 13px 0;}
.reportWrap.ele .timeLine .time-bx{border-radius: 13px;}
.reportWrap.ele .timeLine .time-bx .lineArea + .lineArea{margin-top: 24px;}
.reportWrap.ele .timeLine .time-bx .lineArea > div{width: 150px; height: 160px;}

.reportWrap.ele .full{background: #f5f5ff;}
.reportWrap.ele .timeLine .time-bx .lineArea span{z-index: 1;}
.reportWrap.ele .timeLine .time-bx .lineArea .date{font-size: 18px;}
.reportWrap.ele .timeLine .time-bx .date:after{display: none;}
.reportWrap.ele .timeLine .time-bx .lineArea .detail{padding-top: 65px; line-height: 1.2; font-size: 15px; color: #fff;}
.reportWrap.ele .startupArea .timeLine .time-bx .detail:before{content:''; display: block; width: 132px; height: 132px; border-radius: 50%; background: url(../images/actreport/icon_timeLine_startup_ele.png) no-repeat; position: absolute; top:0; left: 50%; z-index: -1; margin-left: -66px;}
.reportWrap.ele .startupArea .timeLine .time-bx .act02 .detail:before{background-position: -157px 0;}
.reportWrap.ele .startupArea .timeLine .time-bx .act03 .detail:before{background-position: -314px 0;}
.reportWrap.ele .startupArea .timeLine .time-bx .act04 .detail:before{background-position: -471px 0;}
.reportWrap.ele .startupArea .timeLine .time-bx .act05 .detail:before{background-position: -628px 0;}
.reportWrap.ele .startupArea .timeLine .time-bx .act06 .detail:before{background-position: -785px 0;}

.reportWrap.ele .timeLine .time-bx .lineArea:first-child::before{width: 98%; height: 20px; top: 83px;}
.reportWrap.ele .timeLine .time-bx .date:before{height: 20px; top: 83px; background: #cecee6;}
.reportWrap.ele .timeLine .time-bx .evenLine > div:first-child:before{content:''; display: block; width: 50px; height: 205px; background: url(../images/actreport/icon_timeLine_ele_nextTail.png) no-repeat; position: absolute; top: -101px; right: -40px;}
.reportWrap.ele .timeLine .time-bx .evenLine > div:last-child:before{content:''; display: block; width: 50px; height: 205px; background: url(../images/actreport/icon_timeLine_ele_nextTail_left.png) no-repeat; position: absolute; top: 82px; left: -40px;}
.reportWrap.ele .timeLine .time-bx .evenLine > div.last-act:last-child:before{display: none;}
.reportWrap.ele .timeLine .time-bx .evenLine > div.last-act:first-child:before{content:''; display: block; width: 50px; height: 205px; background: url(../images/actreport/icon_timeLine_ele_nextTail.png) no-repeat; position: absolute; top: -101px; left: inherit; right: -40px; rotate: 360deg;}
.reportWrap.ele .timeLine .time-bx .last-act .date:before{content:''; display: block; width: 200px; height: 44px; background: url(../images/actreport/icon_timeLine_ele_nextTail_end.png) no-repeat; top: 71px; right: -44px;}
.reportWrap.ele .timeLine .time-bx .evenLine .last-act .date:before{right: inherit; left: -44px; rotate: 180deg;}

.reportWrap.ele .individualArea .timeLine .time-bx .detail:before{content:''; display: block; width: 132px; height: 132px; border-radius: 50%; background: url(../images/actreport/icon_timeLine_individual_ele.png) no-repeat; position: absolute; top:0; left: 50%; z-index: -1; margin-left: -66px;}
.reportWrap.ele .individualArea .timeLine .time-bx .act02 .detail:before{background-position: -144px 0;}
.reportWrap.ele .individualArea .timeLine .time-bx .act03 .detail:before{background-position: -288px 0;}
.reportWrap.ele .individualArea .timeLine .time-bx .act04 .detail:before{background-position: -431px 0;}
.reportWrap.ele .individualArea .timeLine .time-bx .act05 .detail:before{background-position: -575px 0;}
.reportWrap.ele .individualArea .timeLine .time-bx .act06 .detail:before{background-position: -717px 0;}
.reportWrap.ele .individualArea .timeLine .time-bx .act07 .detail:before{background-position: -860px 0;}
.reportWrap.ele .individualArea .timeLine .time-bx .act08 .detail:before{background-position: -1003px 0;}
.reportWrap.ele .individualArea .timeLine .time-bx .act09 .detail:before{background-position: -1148px 0;}
.reportWrap.ele .individualArea .timeLine .time-bx .act10 .detail:before{background-position: -1293px 0;}

.reportWrap.ele .subject-bx{padding: 85px 30px 30px; border-color: #cbcbff; border-radius: 15px;}
.reportWrap.ele .subject-bx h3{line-height: 55px; padding-left: 120px; color:#fff; background: #8388df; border-radius: 13px 13px 0 0; position:absolute; top:0; left:0; width: 100%; height: 55px;}
.reportWrap.ele .subject-bx h3:before{content:''; display: block; width: 70px; height: 66px; background: url(../images/actreport/ico_title_element.png) no-repeat; background-position:-70px 0; position: absolute; top: -7px; left: 30px; z-index: 10;}
.reportWrap.ele .subject-bx h3 span{position:relative; z-index: 10;}
.reportWrap.ele .subject-bx h3 .ico-leaf{vertical-align: -3px; margin: 0 4px;}

.reportWrap.ele .subjectWrap .subject-bx .sub02:before{background-position: -143px 0;}
.reportWrap.ele .subjectWrap .subject-bx .sub03:before{background-position: -220px 0;}
.reportWrap.ele .subjectWrap .subject-bx .sub04:before{background-position: -372px 0;}
.reportWrap.ele .subjectWrap .subject-bx .sub05:before{background-position: -298px 0;}
.reportWrap.ele .subjectWrap .subject-bx .sub06:before{background-position: -451px 0;}
.reportWrap.ele .subjectWrap .subject-bx .sub07:before{background-position: -529px 0;}

.reportWrap.ele .subject-bx .view{border-color:#cbcbff; background: #f9f9ff;}
.reportWrap.ele .subject-bx .view ul li{color:#6969d5;}
.reportWrap.ele .subject-bx .view ul li + li:before{background: #cbcbff}
.reportWrap.ele .subject-bx .view .btn-more{background: #6969d5;}

.reportWrap.ele .subject-bx .inner-bx{border-color:#cbcbff;}
.reportWrap.ele .subject-bx .inner-bx .ico-leaf{vertical-align: -3px; width: 17px; margin: 0 3px;}
.reportWrap.ele .subject-bx .inner-bx .left{background: #f9f9ff;}
.reportWrap.ele .subject-bx .inner-bx .left strong{color: #6969d5;}
.reportWrap.ele .subject-bx .inner-bx .left .circle{border:none; border-radius: 0; background: url(../images/actreport/back_view_element.png) no-repeat;}


.reportWrap.ele .subjectWrap .subject-bx:nth-child(2) h3, .reportWrap.ele .subjectWrap .subject-bx:nth-child(4) h3, .reportWrap.ele .subjectWrap .subject-bx:nth-child(5) h3, .reportWrap.ele .subjectWrap .subject-bx:nth-child(7) h3{background: #8183a1;}

.reportWrap.ele .hiddenArea{position:absolute; top: -53px; right:0;}
.reportWrap.ele .hiddenArea .hiddenBtn button{border: 1px solid #a4adee; background: #fff;}
.reportWrap.ele .hiddenArea .hiddenBtn button:before{content:''; display: inline-block; width: 16px; height: 16px; background: url(../images/actreport/ico_btn_hiddenArea_ele.png) no-repeat; margin-top: 4px;}
.reportWrap.ele .hiddenArea .hiddenBtn .down:before{rotate: 180deg; margin-top: 5px;}
.reportWrap.ele .hiddenArea .hiddenBtn .btn-show, .reportWrap.ele .hiddenArea .hiddenBtn .btn-hide{width: 90px; background: #fff;}
.reportWrap.ele .hiddenArea .hiddenBtn .btn-show span, .reportWrap.ele .hiddenArea .hiddenBtn .btn-hide{font-size: 14px; color:#636eb9; line-height: 29px;}
.reportWrap.ele .hiddenArea .hiddenBtn .btn-show:before{width: 18px; height: 18px; background-position: -18px 0; vertical-align: middle; margin: 0 5px 2px 0;}
.reportWrap.ele .hiddenArea .hiddenBtn .btn-hide{border: 1px solid #a4adee;}
.reportWrap.ele .hiddenArea .hiddenBtn .btn-hide:before{content:''; display: inline-block; width: 18px; height: 18px; background: url(../images/actreport/ico_btn_hiddenArea_ele.png) no-repeat; background-position: -38px 0; vertical-align: middle; margin: 0 5px 2px 0;}
.reportWrap.ele .subject-bx .hiddenArea{top: 11px; right: 30px;}
.reportWrap.ele .half-wrap .hiddenArea{top: 12px; right: 30px;}

.popup-page-btn{z-index: 10;}

.reportWrap.ele .noDataArea{background: #fff; border-radius: 15px;}
.reportWrap.ele .noDataArea .btn-go{border-color:#cbcbff; border-radius: 30px; background: #f5f5ff;}
.reportWrap.ele .subject-bx .noDataArea{border: none;}
.reportWrap.ele .subject-bx .noDataArea .ico-leaf{vertical-align: middle; margin: 0 3px 2px;}
.reportWrap.ele .subject-bx .inner-wrap .noDataArea{border: 1px solid #cbcbff; border-radius: 15px;}

.reportWrap .startupArea + .startupArea{margin-top: 80px;}

.popup-title .tooltip-box .tooltip{bottom: 7px; left: 35px;}/*소멸 예정 잎 상세 내역 팝업 툴팁*/

.board-detail-box .addendum{overflow: hidden;padding:20px 0 19px;border-top:1px solid #dfdfdf;}
.board-detail-box .addendum em{float:left;width:70px;color:#333;font-weight:500;}
.board-detail-box .addendum ul li .noti{display: block; color:#fb5b1d; margin-left: 70px;}
.data-board .noti{display: block; color:#fb5b1d;}

.cheering-cont {
	padding: 35px;
	border: 1px solid #d9dfe5;
	border-radius: 15px;
	background: #fdfdfd;
}
.cheering-cont .single-line-entry + .search-count-btn {
	margin-top: 22px;
}
.cheering-cont .cheering-list li {
	padding: 30px 0 23px;
	border-top: 1px solid #dfdfdf;
	overflow: hidden;
}
.cheering-cont .cheering-list .cont {
	float: left;
}
.cheering-cont .cheering-list .cont .name {
	font-size: 18px;
	font-weight: 500;
	line-height: 26px;
	color: #404040;
}
.cheering-cont .cheering-list .cont .txt {
	width: 900px;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	color: #666;
}
.cheering-cont .cheering-list .date {
	float: right;
	margin-right: 2px;
	font-size: 13px;
	font-weight: 500;
	color: #747474;
}
.cheering-cont .cheering-list .no-list {
	padding: 40px 0 20px;
	font-size: 16px;
	font-weight: 500;
	color: #767676;
	text-align: center;
}
.list-board td .icon-reply,
.list-board td .icon-lock  {
	display: inline-block;
	margin-right: 5px;
}


.tab-select-type {
    display: flex;
    width: 100%;
    height: 55px;
    margin: 40px 0 0;
}

.tab-select-type li {
    width: 100%;
}

.tab-select-type li a {
    position: relative;
    display: block;
    width: 100%;
    height: 55px;
    line-height: 53px;
    border: 1px solid #d9dfe5;
    background: #f5f7f9;
    text-align: center;
    font-size: 18px;
}

.tab-select-type li.on a {
    border-color: #5e6d83;
    background: #5e6d83;
    color: #fff;
}

.tab-select-type li.on a:after {
    content: '';
    display: block;
    width: 20px;
    height: 12px;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: -12px;
    background: url(../images/gr/bg_gr_tabArw.png) no-repeat 0 0;
}

.page-search.gr-search {
    padding: 30px;
    text-align: right;
}

.page-search.gr-search .state {
    float: left;
}

.page-search.gr-search .state ul {
    float: left;
}

.page-search.gr-search .state li {
    display: inline-block;
}

.page-search.gr-search .state li+li {
    margin-left: 5px;
}

.page-search.gr-search .state li a {
    display: block;
    min-width: 70px;
    height: 38px;
    padding: 0 13px;
    border: 1px solid #dcdcdc;
    background: #fff;
    font-size: 14px;
    color: #333;
    line-height: 36px;
    text-align: center;
    border-radius: 25px;
}

.page-search.gr-search .state li.on a {
    border: 1px solid #f85a1c;
    background: #f85a1c;
    font-weight: 500;
    color: #fff;
}

.page-search.gr-search.n-outline {
    border: none;
    padding: 0 0 18px 0;
    background: none;
}

.page-search.gr-search.n-outline .state li a {
    min-width: 56px;
}

.btn-gr-badge-info {
    float: left;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 16px 0 33px;
    margin: 4px 0 0 16px;
    border-radius: 13px;
    background: url(../images/gr/ico_gr_bginfo.png) no-repeat 11px 7px #dee1ea;
    font-size: 12px;
    color: #52607b;
    text-shadow: 1px 1px 2px #fff;
}

.btn-gr-badge-info:hover, .btn-gr-badge-info:focus {
    color: #000;
}



.search-results {
    margin-top: -1px;
    padding: 0 30px;
    border: 1px solid #d9dfe5;
    border-top-color: #9ba6b3;
}

.search-results .search-count-btn {
    margin-top: 30px;
}

.search-results .btn-more {
    border-top: 1px solid #d9dfe5;
}

.btn-more {
    display: block;
    height: 80px;
    color: #3c4154;
    font-size: 16px;
    font-weight: 500;
    line-height: 80px;
    text-align: center;
}

.btn-more:after {
    content: '';
    display: inline-block;
    width: 17px;
    height: 11px;
    margin-left: 10px;
    background: url(../images/common/bl_more.png) no-repeat;
    vertical-align: 0;
}


.tbl-compulsory-right {
    margin: -37px 14px 10px 0;
    text-align: right;
}

.tbl-compulsory-right .compulsory:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #e70c2b;
    border-radius: 50%;
    vertical-align: 3px;
    margin-right: 8px;
}

.class-closed{position:relative;}
.class-closed .title-more {
    position: absolute;
    top: 10px;
    right: 0;
    padding-right: 18px;
    display: inline-block;
    font-weight: 500;
    text-decoration: underline;
    vertical-align: middle;
    color: #333;
}

.class-closed .title-more:after {
    content: '';
    position: absolute;
    top: 4px;
    right: 0px;
    width: 8px;
    height: 14px;
    background: url(../images/common/bg_title_more.png) no-repeat 0 0;
}

/* 동아리개설, 교원그룹개설 */
.gr-open-step {
    width: 100%;
    margin: 50px 0 0;
}

.gr-open-step .open-desc {
    position: relative;
    padding: 23px 150px 27px 109px;
    margin: 15px 0 0;
    border: 1px solid #ccc;
    color: #555;
    letter-spacing: -0.1em;
}

.gr-open-step .open-desc .note {
    margin: 6px 0 0;
    color: #ed1c24;
    line-height: 24px;
}

.gr-open-step .open-desc .note.fblack {
    color: #555;
}

.gr-open-step .open-desc.bg-gr-step01 {
    background: url(../images/gr/bg_grOpen_step01.png) no-repeat 32px 28px;
}

.gr-open-step .open-desc.bg-gr-step02 {
    background: url(../images/gr/bg_grOpen_step02.png) no-repeat 32px 26px;
}

.gr-open-step .open-desc .btn-white {
    position: absolute;
    right: 22px;
    top: 32px;
    color: #000;
}

.gr-open-step .open-desc .btn-white .arw {
    display: inline-block;
    width: 6px;
    height: 7px;
    margin: 0 0 0 7px;
    background: url(../images/cl/bg_arw.png) no-repeat 0 0;
    vertical-align: middle;
}


.group-representative-img .img {
    float: left;
    width: 80px;
    height: 80px;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
}

.group-representative-img .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
}

.group-representative-img p {
    display: block;
    padding: 15px 0 0 100px;
    font-size: 13px;
}

.group-representative-img p .ced1c24 {
    color: #ed1c24;
}

.group-representative-img .btn {
    display: block;
    padding: 6px 0 0 100px;
}

.group-representative-img .btn .file-input.file-btn-type label {
    min-height: auto;
}

.group-representative-img.intro {
    padding-bottom: 20px;
}

.group-representative-img.intro .img {
    width: 200px;
    height: 150px;
    border-radius: 0%;
    background-color: #fafafa;
}

.group-representative-img.intro .img img {
    position: static;
    left: 0;
    top: 0;
    transform: inherit;
    width: 100%;
    height: 100%;
}

.group-representative-img.intro p {
    padding: 0 0 0 220px;
}

.group-representative-img.intro p .ced1c24 {
    color: #ed1c24;
}

.group-representative-img.intro .btn {
    padding: 6px 0 0 220px;
}



.check-num {
    position: relative;
    float: left;
}

.check-num input[type=text] {
    padding-right: 45px;
    font-weight: 400;
}

.check-num input[type=text]::placeholder {
    font-weight: 400;
}

.check-num .word-num {
    position: absolute;
    right: 8px;
    top: 19px;
    font-size: 14px;
    color: #666;
    letter-spacing: 0;
}

.check-num .word-num em {
    color: #fb5b1c;
}


/* 동아리, 교원그룹 개설 완료 */
.class-open-finish {
    overflow: hidden;
    padding-bottom: 60px;
}

.class-open-finish .tit {
    display: block;
    padding: 243px 0 0 0;
    font-weight: 500;
    color: #505256;
    font-size: 24px;
    text-align: center;
    background: url(../images/cl/bg_class_finish.png) no-repeat center 60px;
}

.class-open-finish .tit em {
    font-weight: 500;
    color: #fb5b1c;
}

.class-open-finish .color-point {
    color: #fb5b1c;
}

.class-open-finish .finish-info {
    margin: 42px 0 0;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
}


.mt0{margin-top: 0;}
.mt50{margin-top: 50px;}

.img-profile-exchg {
	display:inline-block;
	overflow:hidden;
	width:36px;
	height:36px;
	border-radius:100%;
	margin:0 9px 0 0;
	vertical-align:middle;
}

/* 콘텐츠 등록 유의사항 */
.notice-img > strong{font-size: 14px; line-height: 1; font-weight: 500;}
.notice-img > p{margin: 5px 0; font-size: 13px; line-height: 1;}
.notice-img ul{list-style: none; padding: 0; }
.notice-img ul li{font-size: 13px; line-height: 1.2;}
.notice-img ul li + li{margin-top: 5px;}
.data-board td.input-td .notice-img{width: 100%;}
.group-representative-img .notice-img{padding-left: 220px;}
.group-representative-img .notice-img > p{padding: 0;}
.group-representative-img.intro .notice-img > p{padding: 0;}
.group-representative-img .right .notice-img{padding-left: 0;}
.group-representative-img .right .notice-img > p{padding: 0;}
#cont_info_TchrGrpModify .group-representative-img .notice-img{padding-left: 100px;}
#cont_info_AprtModify .group-representative-img .notice-img{padding-left: 100px;}
#cont_info_AprtModify .group-representative-img.intro .notice-img{padding-left: 220px;}
.class-representative-img .notice-img{padding-left: 100px;}
.class-representative-img .notice-img p{padding: 0;}