@charset "utf-8";



/*********************************************/
/* notokr-thin:100;
   notokr-light:300;
   notokr-regular:500;
   notokr-medium:700;
   notokr-bold:900; */
/********************************************/





/********************************************************************************************************************/
												/* 레이아웃 */
/********************************************************************************************************************/
#wrap2{ min-width:1140px; }
#wrap2 #header{ min-width:1140px; }
#content{ padding:104px 0; width:100%; overflow:hidden } /* 20210217  outline삭제 width 추가 */
#footer{ width:100%; } /* 20210217 추가 */






/********************************************************************************************************************/
												/* 헤더 */
/********************************************************************************************************************/
#skipNav{ position:relative; z-index:9999; }
#skipNav a { position:fixed; width:100%; top:-200px; left:0; padding:5px 0; font-size:13px; color:#fff; background-color:#333; text-align:center; }
#skipNav a:hover,
#skipNav a:active,
#skipNav a:visited,
#skipNav a:focus {
    top: 0;
	border: 4px dotted red;
}
/* #gnb > li > a:focus + .depth2{ display:block; } */
	/* #gnb a:hover + .depth2,
	#gnb a:active + .depth2,
	#gnb a:visited + .depth2,
	#gnb a:focus + .depth2{ display:block; } */

#header{ position:fixed; top:0; left:0; width:100%; height:105px; /* border-bottom:1px solid #e4e4e4; */ z-index:99; background-color:#fff; }
#header:after{ content:''; position:absolute; left:0; right:0; bottom:1px; height:1px; background-color:#e4e4e4; z-index:99999; }
#header .inner{ position:relative; max-width:1200px}
.gnb-area{ float:left; padding-left:150px; }
#gnb > li{ float:left; }
#gnb > li > a:focus{ color:#5c3f89; } /* 202203 수정 */
#gnb > li:hover > a{ color:#5c3f89; } /* 202203 수정 */
#gnb > li > a{ display:block; padding:40px 36px 35px; font-size:20px; font-weight:900; color:#222; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
#gnb > li.active a + .depth2{ display:block; }
#gnb:after{ content:''; display:block; clear:both;}
.logo{ float:left; width:130px; height:46px;  margin-top:30px; background:url('../../resource/images/common/logo_new.png') no-repeat 50%; cursor:pointer; font-size:0; } /* 202203 수정 */
.logo a{ display:inline-block;  width:130px; height:46px; text-indent:-9999px; }
.depth2-area{ display:none; position:fixed; top:103px; left:0; right:0; width:100%; height:281px; background-color:#fff; z-index:99997; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.23); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.23); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.23); border-top:1px solid #e4e4e4; }
.depth2{ display:none; position:absolute; left:22%; right:0; top:104px; height:280px; overflow:hidden; margin:0 auto; z-index:99999; background-color:#fff; }
.depth2-area:after{ content:''; display:block; clear:both; }
.depth2-area .left-menu{ width:22%; height:280px; padding:60px 32px 55px 30px; background-color:#f3f3f3; }
.depth2-area .left-menu .link li + li{ margin-top:10px; }
.depth2-area .left-menu .link li a{ display:block; padding-right:8px; font-size:15px; font-weight:700; }
.depth2-area .left-menu .link li a:focus,
.depth2-area .left-menu .link li a:hover{ background:url('../../resource/images/common/left_menu_arr.png') no-repeat 100% 50%; }
.depth2-area .left-menu .link li a span{ display:inline-block; width:34px; height:34px; margin-right:10px; border-radius:100%; vertical-align:middle; }
.depth2-area .left-menu .link li a span.ico01{ background:#fff url('../../resource/images/common/ico_gnb_left_menu01.png') no-repeat 50%; }
.depth2-area .left-menu .link li a span.ico02{ background:#fff url('../../resource/images/common/ico_gnb_left_menu02.png') no-repeat 50%; }
.depth2-area .left-menu .link li a span.ico03{ background:#fff url('../../resource/images/common/ico_gnb_left_menu03.png') no-repeat 50%; }
.depth2-area .left-menu .link li a span.ico04{ background:#fff url('../../resource/images/common/ico_gnb_left_menu04.png') no-repeat 50%; }
.depth2-area .left-menu .link li a span.ico05{ background:#fff url('../../resource/images/common/ico_gnb_left_menu05.png') no-repeat 50%; }
.depth2 .right-menu{/*  float:right; width:78%;  */padding:42px 0 25px 44px; height:280px; box-sizing:border-box; }
.depth2-area .inner{ max-width:1140px; margin:0 auto; }

#wrap2 .depth2 .right-menu{ width:100%; padding:42px 0 80px 0; }
.depth2 .right-menu .menu-row{ /* overflow:hidden; */ height:280px; }
.depth2 .right-menu .menu-row .menu-col{ float:left; }
.depth2 .right-menu .menu-row .menu-col > a{ display:block; font-size:18px; padding-bottom:8px; border-bottom:1px solid #e3e3e3; color:#666; font-weight:700; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;  }
.depth2 .right-menu .menu-row .menu-col > a + a{ margin-top:26px; }
.depth2 .right-menu .menu-row .menu-col > a:focus,
.depth2 .right-menu .menu-row .menu-col > a:hover{ border-color:#5c3f89; color:#5c3f89; } /* 202203 수정 */
.depth2 .right-menu .menu-row .menu-col{ width:33.33%; padding:0 28px; }
.depth2 .open-menu{ margin-top:10px; }
.depth2 .open-menu li a{ display:block; position:relative; padding:4px 0 5px 12px; font-size:14px; color:#666; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; }
.depth2 .open-menu li a:focus,
.depth2 .open-menu li a:hover{ color:#000; }
.depth2 .open-menu li a:before{ content:''; position:absolute; left:0; top:12px; width:3px; height:3px; background-color:#bcbcbc; }
#gnb.st2{ padding-left:40px; }
#gnb.hide{ display:none; }
.util{ position:absolute; top:34px; right:0; }
.util:after{ content:''; display:block; clear:both; }
.util li{ float:left; margin-left:7px; } /* 202203 수정 */
.util li:first-child{ margin-left:0; }
.util li:nth-child(3){ margin-left:12px; }
.util li a{ display:block; width:37px; height:37px; text-indent:-9999px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;  }
.util li a:focus,
.util li a:hover{ background-color:#e6e6e6; }
.my-page{ width:37px; height:37px; background:url('../../resource/images/common/btn_mypage.png') no-repeat 50%; }
.logout{ width:37px; height:37px; background:url('../../resource/images/common/btn_logout.png') no-repeat 50%; }
.p-scholar{ width:27px; height:24px; background:url('../../resource/images/common/btn_scholar.png') no-repeat 50%; } /* 202203 추가 */
.p-scholar:hover, .p-scholar:focus { background:url('../../resource/images/common/btn_scholar_hover.png') no-repeat 50%; } /* 202203 추가 */
.btn-sitemap{ width:37px; height:37px; background:url('../../resource/images/common/btn_sitemap.png') no-repeat 50%; text-indent:-9999px; }
.btn-sitemap:focus,
.btn-sitemap:hover{ background-color:#e6e6e6; }
/*.btn-sitemap.on{ background:url('../../resource/images/common/btn_sitemap_close.png') no-repeat 50%; text-indent:-9999px; }
.btn-sitemap.on:hover{ background-color:#e6e6e6; } */
.util li .link{ background:url('../../resource/images/common/btn_admin_link2.png') no-repeat 50%; text-indent:-9999px; background-size:22px auto; }
.util li .link2{ background:url('../../resource/images/common/btn_admin_link3.png') no-repeat 50%; text-indent:-9999px; background-size:22px auto; }

.sign-up{ background:url('../../resource/images/common/btn_signup.png') no-repeat 50%; background-size:21px auto;  }
.login{ background:url('../../resource/images/common/btn_login.png') no-repeat 50%; background-size:26px auto; }
.kor { background:url('../../resource/images/common/site_kr.png') no-repeat 50%; background-size:23px auto; }
.eng { background:url('../../resource/images/common/site_en.png') no-repeat 50%; background-size:23px auto; }
.mb-eng { background:url('../../resource/images/common/m_site_en.png') no-repeat 50%; background-size:auto 25px; }

.sitemap .inner .btn-sitemap-close{ position:absolute; top:25px; right:0; width:37px; height:37px; background:url('../../resource/images/common/btn_sitemap_close.png') no-repeat 50%; text-indent:-9999px; }
.sitemap .inner .btn-sitemap-close:focus,
.sitemap .inner .btn-sitemap-close:hover{ background-color:#e6e6e6; }


/* 써니리더그룹 (관리자) */
#wrap2 #gnb > li .depth2 .left-menu{ display:none; }
#wrap2 #gnb > li .depth2 .right-menu{ width:100%; padding:42px 0 81px 20px; }





/* 사이트맵 */
.sitemap{ display:none; position:fixed; top:104px; left:0; right:0; background-color:#fff; z-index:99999; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.23); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.23); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.23); /* border-top:1px solid #e4e4e4; */ }
#header .sitemap .inner{ display:table; width:100%; padding:35px 30px 40px 30px; }
#header .sitemap .inner:after{ content:''; display:block; clear:both; }
.sitemap .inner .col{ display:table-cell; width:20%; padding-bottom:22px; border-left:1px solid #d9d9d9; }
.sitemap .inner .col .tit{ position:relative; padding:0 0 45px 13px; font-size:20px; font-weight:900; line-height:20px; }
.sitemap .inner .col .tit:before{ content:''; position:absolute; left:-1px; top:0; width:2px; height:23px; background-color:#222; }
.sitemap .inner .col .menu{ padding-left:12px; }
.sitemap .inner .col .menu > li + li{ margin-top:28px; }
.sitemap .inner .col .menu > li > a{ display:block; position:relative; font-size:14px; }
.sitemap .inner .col .menu > li > a:focus,
.sitemap .inner .col .menu > li > a:hover{ color:#5c3f89; } /* 202203 수정 */
.sitemap .inner .col .menu > li > a:focus:before,
.sitemap .inner .col .menu > li > a:hover:before{ content:''; position:absolute; left:-13px; top:3px; width:1px; height:16px; background-color:#5c3f89; } /* 202203 수정 */
.sitemap .inner .col .menu > li .depth3{ padding:10px 0 4px; }
.sitemap .inner .col .menu > li .depth3 li a{ position:relative; display:block; padding:3px 5px 4px 10px; font-size:14px; color:#666; }
.sitemap .inner .col .menu > li .depth3 li a:focus,
.sitemap .inner .col .menu > li .depth3 li a:hover{ color:#5c3f89; } /* 202203 수정 */
.sitemap .inner .col .menu > li .depth3 li a:before{ content:''; position:absolute; left:0; top:12px; width:2px; height:2px; background-color:#888; }
.sitemap .inner .col .menu > li .depth3 li a:focus:before,
.sitemap .inner .col .menu > li .depth3 li a:hover:before{ background-color:#5c3f89; } /* 202203 수정 */



/********************************************************************************************************************/
														/* LNB */
/********************************************************************************************************************/
#lnbWrap{ position:fixed;top:0;right:0;right:-100%;bottom:0;width: 90%;overflow-y:auto;-webkit-transition:all ease-in-out 0.3s;transition:all ease-in-out 0.3s;z-index:9999;background-color:#fff;}
#lnbWrap:before{ content:''; position:absolute; top:0; left:0; bottom:0; width:36%; background-color:#e9e9e9; }
.dim{ display:none; position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,.5); z-index:110; }
.lnb-open{ display:none; position:absolute; top:50%; right:30px; margin-top:-10.5px; width:23.5px; height:26px; background:url('../../resource/images/common/btn_lnb_open.png') no-repeat 50%; background-size:100%; font-size:0;}
.lnb-top{ position:relative; background: #674994; background: -moz-linear-gradient(left, #674994 1%, #8669b4 100%); background: -webkit-linear-gradient(left, #674994 1%,#8669b4 100%); background: linear-gradient(to right, #674994 1%,#8669b4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#674994', endColorstr='#8669b4',GradientType=1 ); z-index:99; }
.user-login{ overflow:hidden; padding:0 4% 0; }
.user-login .name{ float:left; padding-top:35px; font-size:22px; color:#fff; }
.user-login .name strong{ font-size:22px; color:#fff; font-weight:900; }
.user-login .name em{ font-size:22px; color:#fff; }

.mb-util{ float:right; }
.mb-util .list{ float:left; /* margin-right:30px; */ }
.mb-util .list li{ float:left; }
/* .mb-util .list li + li{ margin-left:14px; }  */
.mb-util .list li a{ display:block; width:56px; height:105px; text-indent:-999999px; }
.mb-util .list li a.mb-mypage{ display:block; background:url('../../resource/images/common/btn_mypage_mb.png') no-repeat 50%; background-size:auto 25px; }
.mb-util .list li a.mb-logout{ display:block; background:url('../../resource/images/common/btn_logout_mb.png') no-repeat 50%; background-size:auto 25px; }

.mb-util .list li a.mb-login{ display:block; background:url('../../resource/images/common/btn_login_mb.png') no-repeat 50%; background-size:auto 25px; }
.mb-util .list li a.mb-scholar{ display:block; background:url('../../resource/images/common/scholar_m.png') no-repeat 50%; background-size:auto 24px; } /* 202203 추가 */
.mb-util .list li a.mb-signup{ display:block; background:url('../../resource/images/common/btn_signup_mb.png') no-repeat 50%; background-size:auto 25px; }


.mb-util .list li a.mb-link{ display:block; margin-left:4px; background:url('../../resource/images/common/btn_mb_admin_link01.png') no-repeat 50%; background-size:auto 22px; }
.mb-util .list li a.mb-link2{ display:block;  margin-left:4px; background:url('../../resource/images/common/btn_mb_admin_link02.png') no-repeat 50%; background-size:auto 22px; }


.lnb-close{ float:left; width:56px; height:106px; background:url('../../resource/images/common/btn_lnb_close.png') no-repeat 50%; background-size:25px auto; text-indent:-999999px; }
.lnb-quick_menu{ overflow:hidden; padding:4% 3.4% 6% 3.4%; border-top:1px solid rgba(255,255,255,.2); }
.lnb-quick_menu .menu-list{ margin:0 -3.4%; }
.lnb-quick_menu .menu-list li{ float:left; width:25%; padding:0 3.4%; }
.lnb-quick_menu .menu-list li a{ display:block; position:relative; padding-top:65px; font-size:14px; color:#fff; text-align:center; }
.lnb-quick_menu .menu-list li a span{ position:absolute; left:0; right:0; top:0; width:55px; height:55px; margin:0 auto; border-radius:100%; background-size:35px auto; background-color:#fff; background-position:50%; background-repeat:no-repeat; }/* 2019-04-24 */
.lnb-quick_menu .menu-list li a span.ico01{ background-image: url('../../resource/images/common/ico_quick_menu01.png'); }
.lnb-quick_menu .menu-list li a span.ico02{ background-image: url('../../resource/images/common/ico_quick_menu02.png'); }
.lnb-quick_menu .menu-list li a span.ico03{ background-image: url('../../resource/images/common/ico_quick_menu03.png'); }
.lnb-quick_menu .menu-list li a span.ico04{ background-image: url('../../resource/images/common/ico_quick_menu04.png'); }
.lnb-quick_menu .menu-list li a span.ico05{ background-image: url('../../resource/images/common/ico_quick_menu05.png'); }
.lnb-cont{ display:table; width:100%; position:relative; height:100%; box-sizing:border-box; }
.lnb-cont .lnb-tab{ display:table-cell; width:36%; height:100%; vertical-align:top; box-sizing:border-box; }
.lnb-cont .lnb-tab li{ padding:16px 12.2% 16px; }
.lnb-cont .lnb-tab li.lnb-tab-on{ background-color:#fff; }
.lnb-tab-cont{ display:table-cell; }
.lnb-cont .lnb-tab li span{ display:inline-block; position:relative; font-size:17px; font-weight:700; text-align:center; cursor:pointer; }
.lnb-cont .lnb-tab li.lnb-tab-on span{ padding-left:10px; color:#5c3f89; }
.lnb-cont .lnb-tab li.lnb-tab-on span:before{ content:''; position:absolute; left:0; top:50%; margin-top:-2.5px; width:5px; height:5px; border-radius:100%; background-color:#5c3f89; }
.lnb-accordion{ padding:0 6.5% 0 6.5%; }
.lnb-accordion dt{ padding:16px 0 16px;; font-size:17px; font-weight:700; border-bottom:1px solid #e1dfe2; }
.lnb-accordion dt > a{ display:block;  }
.lnb-accordion dt.has-sub{ background:url(../images/common/lnb_down_arr.png) no-repeat right center; background-size:9px auto; }
.lnb-accordion dt.has-sub.active{ background:url(../images/common/lnb_up_arr.png) no-repeat right center; background-size:9px auto; }
.lnb-accordion dd{ display:none; }
.lnb-accordion dd .menu{ padding:8px 0 0 0; background-color:#fff; }
.lnb-accordion dd .menu li a{ display:block; position:relative; padding:8px 0 8px 10px; font-size:14px; color:#666; }
.lnb-accordion dd .menu li a:before{ content:''; position:absolute; left:0; top:50%; margin-top:-1px; width:2px; height:2px; background-color:#9e9e9e; border-radius:100%; }









/********************************************************************************************************************************************************************/
																				/* 공통 */
/********************************************************************************************************************************************************************/
html { -ms-touch-action: manipulation; touch-action: manipulation;}

/* input:focus{ outline:-webkit-focus-ring-color auto 1px; outline:1px solid #a6c8ff; } */
.inner{ position:relative; max-width:1140px; margin:0 auto;  }
.main .inner{ max-width:1200px; padding:0 30px; }
.sub-content{ max-width:1140px; margin:0 auto; }
.inner:after{ content:''; display:block; clear:both; }
caption{ position:static; text-indent:-10000px; font-size:0; }
textarea.autosize{ border:0; }
.suggest-area dd textarea.autosize{ background-color:#f7f7f7; }
/* BXSLIDER RESET */
.bx-wrapper{ margin:0; box-shadow:0 0 0 #fff; border:0; background:none; }
.pre-st{ text-align:left; white-space:pre-line; }

/* 상단으로 이동 */
.top-btn{ display:none; position:fixed; right:76px; bottom:175px; width:60px; height:60px; padding-top:16px; font-size:14px; color:#5c3f89; text-align:center; font-weight:700; border:1px solid #5c3f89; background:#fff url('../../resource/images/common/btn_top_arr.png') no-repeat 50% 18px; cursor:pointer; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } /* 202203 수정 */
.top-btn:focus,
.top-btn:hover{ color:#fff; background:#5c3f89 url('../../resource/images/common/btn_top_arr_h.png') no-repeat 50% 18px; } /* 202203 수정 */
.top-btn .blind{ display:block; }
.top-btn-area{ display:none; padding:0 14px 20px 0; text-align:right; }
.topbtn{ width:30px; height:30px; padding-top:16px; font-size:14px; color:#5c3f89; text-align:center; font-weight:700; border:1px solid #5c3f89; background:#fff url('../../resource/images/common/btn_top_arr.png') no-repeat 50%; text-indent:-9999px; }


.hidden { position:absolute; top:0px; left:-10000px; font-size:0; line-height:0; }


/* 로케이션 */
.location{ overflow:hidden; margin-top:20px; }
.location li{ float:left; position:relative; padding-left:20px; margin-left:13px; font-size:14px; color:#666; }
.location li:before{ content:''; position:absolute; left:0; top:4px; width:7px; height:9px; background:url('../../resource/images/common/ico_nav_arrow.png') no-repeat 50%; background-size:100%; }
.location li:last-child{ color:#222; }
.location li.home{ width:15px; height:19px; padding-left:0; margin-left:0; background:url('../../resource/images/common/ico_nav_home.png') no-repeat 50%; background-size:100%; text-indent:-9999px; }
.location li.home:before{ display:none; }
.location .blind {display: inline-block; text-indent: -9999px;}


/* safari  */
.btn{ display:inline-block; padding:5px 28px 7px 28px; border:1px solid #5c3f89; color:#5c3f89; font-size:15px; font-weight:700; background-color:#fff; vertical-align:middle; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;  }  /* 202203 수정 */
_:-webkit-full-screen:not(:root:root), .btn {
	 padding:9px 28px 7px 28px;
}
_:-webkit-full-screen:not(:root:root), .file-link {
	background:url('../../resource/images/common/ico_file_link.png') no-repeat 0 2px; background-size:15px auto;
}
_:-webkit-full-screen:not(:root:root), .file-link {
	background:url('../../resource/images/common/ico_file_link.png') no-repeat 0 2px;
	background-size:14px auto;
}
_:-webkit-full-screen:not(:root:root), .regi li strong {
	line-height:24px;
}
_:-webkit-full-screen:not(:root:root), .view-paging li .paging-box .ico-paging {
	vertical-align:2px;
}
_:-webkit-full-screen:not(:root:root), .attend-list-area .list li .box .cont .desc {
	word-break:break-all;
}
_:-webkit-full-screen:not(:root:root), .tbl-style01{
	min-width:100%; max-width:none; width:auto;
}
_:-webkit-full-screen:not(:root:root), .tbl-style02{
	min-width:100%; max-width:none; width:auto;
}


/* ie9 */
@media all and (min-width:0\0) and (min-resolution:.001dpcm)
{
    select { background-image:none; padding:0 0 0 5px; }
	.search-area-box .search-select select{ background-image:none !important; padding:0 0 0 0 !important; }
}
_:-webkit-full-screen:not(:root:root), .notice-cont dd p {
  height:36px;
}



/* 타이틀 */
.sub-tit-area{ padding:40px 0 45px; text-align:center; }
.sub-tit-area .sub-tit{ font-size:40px; font-weight:700; }

.tit-h3-area{ overflow:hidden; padding:40px 0 15px 0; border-bottom:1px solid #222; }
.tit-h3-area + .tbl-style02{ border-top:0; }
.tit-h3{ float:left; font-size:23px; font-weight:bold; }
.tit-h3-area .req-desc{ float:right; margin-top:10px; }

.tit-c-area{ padding:40px 0 42px; }
.tit-c-area .tit-c{ font-size:22px; color:#222; text-align:center; }

.stit-area{ overflow:hidden; }
.stit-area .stit{ float:left; font-size:24px; font-weight:700; color:#222; }
.stit-area span{ margin-left:2px; font-size:20px; font-weight:700; color:#222; }
.stit-area span strong{ font-size:20px; font-weight:700; color:#5c3f89; }


.tbl-top{ overflow:hidden; padding:40px 0 15px 0; }
.tbl-top .stit{ float:left; font-size:23px; font-weight:bold; }

/* 버튼 */
.bot-btn-area{ margin-top:30px; }
.bot-btn-area:after{ content:''; display:block; clear:both; }
.tbtn{ display:inline-block; padding:8px 0 9px 0; min-width:110px; height:36px; background-color:#333; text-align:center; font-size:14px; color:#fff; vertical-align:middle; cursor:pointer; }/* 테이블내 버튼*/
.tbtn:focus,
.tbtn:hover{ background-color:#4b4b4b; }
.btn + .btn{ margin-left:6px; }
.btn:focus,
.btn:hover{ color:#fff; background-color:#5c3f89; } /* 202203 수정 */
.btn.st2{ color:#1D1E38; border-color:#1D1E38; } /* 취소 */
.btn.st2:focus,
.btn.st2:hover{ color:#fff; background-color:#1D1E38; }
.btn.st3{ color:#2b2c45; border-color:#2b2c45; } /* 임시저장 */
.btn.st3:focus,
.btn.st3:hover{ color:#fff; background-color:#2b2c45; }
.right-btn{ float:right; }
.bot-btn-area + .tabs-area{ margin-top:12px; }
.btn-box{ overflow:hidden; margin-top:28px; padding-right:50px; }
.btn-box .btn{ float:right; }
.btn.st4{ color:#2b2c45; border-color:#2b2c45; } /* 임시저장 */
.btn.st4:focus,
.btn.st4:hover{ color:#fff; background-color:#2b2c45; }
.btn.st5{ padding:7px 28px 8px 28px; font-size:14px; color:#2b2c45; border-color:#2b2c45; }
.btn.st5:focus,
.btn.st5:hover{ color:#fff; background-color:#2b2c45; }

.sec-top .btn.st4{ transition:none; border:1px solid #1b7142; color:#1b7142; padding:6px 15px 6px 15px; }
.sec-top .btn.st4:hover{ color:#fff; background-color:#1b7142; }
.sec-top .desc{ float:right; margin-top:18px; color:#5c3f89; font-weight:700; }

.btn em{ display:inline-block; width:16px; height:15px; margin-right:6px; vertical-align:-2px; }
.btn em.ico01{ background:url('../../resource/images/common/ico_down.png') no-repeat 50%; }
.btn.st4:hover .ico01{ background:url('../../resource/images/common/ico_down_hover.png') no-repeat 50%; }
.btn em.ico02{ background:url('../../resource/images/common/ico_excel_down.png') no-repeat 50%; background-size:100%; }
.btn.st4:hover .ico02{ background:url('../../resource/images/common/ico_excel_down_hover.png') no-repeat 50%; background-size:100%; }




.sec-top .left-btn{ float:left; }
.sec-top .left-btn .total{ float:none; margin-top:0; margin-right:10px; }

.btn.small{ padding:5px 20px 7px 20px; }

.sbtn{ display:inline-block; border:1px solid #a5a5a5; color:#666; padding:5px 8px 5px 8px; font-size:13px; transition:all .5s ease .1s; }
.sbtn:hover{ background-color:#8c8c8c; color:#fff; }


.tbl-btn.type3{ color:#111158; border:1px solid #111158; }
.tbl-btn.type3:hover{ color:#fff; background-color:#111158; }
.tbl-btn.type4{ color:#0055a4; border:1px solid #0055a4; }
.tbl-btn.type4:hover{ color:#fff; background-color:#0055a4; }

.cbtn{ display:inline-block; padding:4px 14px 4px 14px; border:1px solid #5c3f89; background-color:#fff; color:#5c3f89; font-size:13px; font-weight:700; transition:all .5s ease .1s;  }
.cbtn.st2{ border:1px solid #1D1E38; color:#1D1E38; }
.cbtn:hover{ background-color:#5c3f89; color:#fff; }
.cbtn.st2:hover{ background-color:#1D1E38; color:#fff; }

.cbtn2{ position:absolute; top:0; right:-1px; padding:9px 25px 9px; background-color:#fff; color:#5c3f89; border:1px solid #5c3f89; font-size:16px; transition:all .5s ease .1s; }
.cbtn2:hover{ background-color:#5c3f89; color:#fff; }

.btn-txt-hide{ display:inline-block; }
.btn-tbl-down{ display:inline-block; margin-left:5px; width:22px; height:22px; background:url('../../resource/images/common/btn_tbl_down.png') no-repeat 50%; background-size:16px auto; vertical-align:middle; border:1px solid #666; }

.btn-more{ position:absolute; top:0; left:0; right:0; width:100%; text-align:center; }


/* 정렬 */
.f-right{ float:right; }
.f-left{ float:left; }
.t-center{ text-align:center; }


/* 테이블내 버튼 */
.tbl-btn{ display:inline-block; width:70px; padding:9px 0 9px 0; border:1px solid #5c3f89; color:#5c3f89; vertical-align:middle; font-size:13px; }
.tbl-btn + .tbl-btn{ margin-top:3px; }
.tbl-btn.type2{ color:#666; border-color:#888; }
.tbl-btn:hover{ color:#fff; background-color:#5c3f89;  }
.tbl-btn.type2:hover{ color:#fff; background-color:#888; }


/* 아이콘 */
.req-desc{ display:inline-block; padding-left:14px; font-size:14px; color:#666; background:url('../../resource/images/common/ico_req.png') no-repeat 0 50%; background-size:6px auto; }
.req{ display:inline-block; width:6px; height:5px; margin-left:7px; background:url('../../resource/images/common/ico_req.png') no-repeat 0 50%; background-size:6px auto; vertical-align:3px; }
.ico-file-link2{ width:19px; height:auto; }

/* EDIT */
.edit-area input[type="text"] + .edit{ margin-top:10px; }



/* 인풋타입 */
.rdo{ display:inline-block; position:relative; }
.rdo input[type="radio"] { position:absolute; left:0; top:2px; width:15px; height:15px; }
.rdo input[type="radio"] + label span { display:inline-block; width:15px; height:15px; margin:-2px 6px 0 0; vertical-align:middle; background:url('../../resource/images/common/ico_register_radio.png') no-repeat 50%; background-size:100%; cursor:pointer; }
.rdo input[type="radio"]:checked + label span { background:url('../../resource/images/common/ico_register_radio_on.png') no-repeat 50%; background-size:100%; }
.rdo + .rdo{ margin-left:18px; }
.rdo.st2 input[type="radio"] { position:relative; }


.chk{ display:inline-block; position:relative; }
.chk input[type="checkbox"] { position:absolute; left:0; top:2px; width:17px; height:17px; }
.chk input[type="checkbox"] + label span { display:inline-block; width:17px; height:17px; margin:-2px 6px 0 0; vertical-align:middle; background:url('../../resource/images/common/ico_check.png') no-repeat 0 50%; background-size:17px 17px; cursor:pointer; }
.chk input[type="checkbox"]:checked + label span { background:url('../../resource/images/common/ico_check_on.png') no-repeat 50%; background-size:17px 17px; }
.chk input[type="checkbox"] + span.n_c1 { display:inline-block; width:17px; height:17px; margin:-2px 6px 0 0; vertical-align:middle; background:url('../../resource/images/common/ico_check.png') no-repeat 0 50%; background-size:17px 17px; cursor:pointer; } /* 20210126 웹접근성 추가 */
.chk input[type="checkbox"]:checked + span.n_c1 { background:url('../../resource/images/common/ico_check_on.png') no-repeat 50%; background-size:17px 17px; } /* 20210126 웹접근성 추가 */
.chk + .chk{ margin-left:18px; }


.inp-area .chk input[type="checkbox"] + label{ display:inline-block; padding-left:22px; }
.inp-area .chk input[type="checkbox"] + label span { position:absolute; left:0; top:3px; width:17px; height:17px;  vertical-align:middle; background:url('../../resource/images/common/ico_check.png') no-repeat 0 50%; background-size:17px 17px; cursor:pointer; }
.inp-area .chk input[type="checkbox"]:checked + label span { background:url('../../resource/images/common/ico_check_on.png') no-repeat 50%; background-size:17px 17px; }



.file-upload li + li{ margin-top:10px; }

.inp-box{ position:relative; padding-right:110px; }
.inp-box .tbtn{ position:absolute; right:0; top:0; z-index:1; }
.inp-box .tbtn:focus,
.inp-box .tbtn:focus-visible {outline: 2px solid red; outline-offset: 1px;}
.inp-box{ position:relative; padding-right:110px; }
.inp-box ~ .inp-box{ margin-top:10px; }
.inp-box input[type="file"]{ /* display:none; */ position: absolute; width:105px; height:36px; padding: 0; overflow: hidden; /* clip:rect(0,0,0,0);  */ text-indent: -9999px; z-index: 1;}
.inp-box input[type="file"]:focus,
.inp-box input[type="file"]:focus-visible {outline: 2px solid red; outline-offset: 2px;}

.inp-box input::-ms-clear { display: none; }

.inp-mail{ display:table; width:100%; }
.inp-mail li{ display:table-cell; }
.inp-mail li:nth-child(1){ width:22%; }
.inp-mail li:nth-child(2){ width:4%; text-align:center; }
.inp-mail li:nth-child(3){ width:36%; }
.inp-mail input[type="text"]{ width:100%; }
.inp-mail select{ width:100%; border-left:0; }





/* .login-area .login-inpt li input[type="text"]:-internal-autofill-selected{ background-color:#fff !important;  background:url('../../resource/images/common/ico_userid.png') no-repeat left 30px center !important; }
.login-area .login-inpt li input[type="password"]:-internal-autofill-selected{ background-color:#fff !important;  background:url('../../resource/images/common/ico_userpw.png') no-repeat left 30px center !important; } */

.login-logo{ height:85px; margin-bottom:50px; background:url('../../resource/images/common/logo_new.png') no-repeat 50%; text-indent:-9999px;}



input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-animation: autofill 0s forwards;
    animation: autofill 0s forwards;
}

@keyframes autofill {
    100% {
        background-color: #fff;
    }
}

@-webkit-keyframes autofill {
    100% {
        background-color: #fff;
        color: inherit;
    }
}











/* 설명 */
.t-desc{ font-size:13px; color:#666; line-height:18px; }
.t-desc.mb{ display:none; }
.ico-desc{ margin-top:24px; padding-left:20px; color:#5c3f89; font-size:14px; background:url('../../resource/images/common/ico_desc.png') no-repeat 0 1px; background-size:16px auto; }





/* 테이블 */
.tbl-cell{ overflow:hidden; }
.tbl-cell li{ float:left; width:50%; }
.tbl-cell li + li select{ border-left:0 }
.tbl-cell li + li input{ border-left:0 }
.tbl-check{ overflow:hidden; border-top:1px solid #999; }
.tbl-check li{ position:relative; float:left; width:25%; min-height:22px; margin-top:15px; }
.tbl-check.type2{ border-top:0; }
.tbl-check.type2 li{ margin-top:5px; }

.tbl-check.type3{ margin-top:-13px; border-top:0; }

.tbl-cell.st2 li + li{ padding-left:5px; }
.tbl-cell.st2 li + li input{ border-left:1px solid #e7e7e7; }

#memberForm .tbl-check li{ height:38px; margin-top:10px;  }



.tbl-cell .t-input{ position:relative; }/* 인풋박스 옆에 텍스트 나열 */
.tbl-cell .t-input.txt1{ padding-right:20px; }/* 인풋박스 옆에 텍스트 한개일경우 */
.tbl-cell .t-input .txt{ position:absolute; right:0; top:8px; }/* 인풋박스 옆에 텍스트 나열 */





/* 테이블 선택 */
.list-talent{ overflow:hidden; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-top:5px;}
.list-talent > li{ float:left; border-right:1px solid #e5e5e5;  border-top:1px solid #000; width:20%;  box-sizing:border-box;}
.list-talent > li:nth-child(5){ border-bottom:1px solid #e5e5e5; }
.list-talent > li h5{ font-size:12px; text-align:center; color:#222; background-color:#f6f6f6; border-bottom:1px solid #e5e5e5; height:40px; line-height:40px; font-weight:700; }
.list-talent-select{ padding:10px 15px; height:185px; }
.list-talent-select li{ margin-bottom:5px;}
.list-talent-select .chk + input[type="text"]{ margin-top:5px; }




/* 테이블 검색 */
.tbl-search-wrap{ display:table; width:100%; border-top:2px solid #d8d8d8; border-bottom:2px solid #d8d8d8; background-color:#f6f6f6; padding:10px 0 10px 4.4%; }
.tbl-search-wrap .tbl-search{ display:table-cell; padding-right:20px; border-right:1px solid #d8d8d8;}
.tbl-search-wrap .tbl-search table{ width:100%; }
.tbl-search-wrap .tbl-search table tbody th{ text-align:left; padding:5px 20px 5px 7px; }
.tbl-search-wrap .tbl-search table tbody th span{ display:inline-block; position:relative; padding-left:10px; font-size:15px; font-weight:bold; }
.tbl-search-wrap .tbl-search table tbody th span:after{ content:""; position:absolute; top:8px; left:0; width:3px; height:3px; background-color:#5c3f89; border-radius:50%; }
.tbl-search-wrap .tbl-search table tbody td{ color:#666; font-size:15px; padding:5px 20px 5px 7px; }
.tbl-search-wrap .tbl-search-btn{ display:table-cell; /* width:15%; */ width:120px; vertical-align:middle; text-align:center; }
.tbl-search-wrap .tbl-search-btn button{ display:inline-block; padding:10px 22px 10px 35px; font-size:14px; color:#fff; background:#2b2c45 url('../../resource/images/common/ico_tbl_search.png') no-repeat 18px 50%; }
.tbl-search-wrap .tbl-search-btn button:hover{ background-color:#1c1c1c; }
.tbl-search-wrap + .tbl-style01{ margin-top:30px; }

/* 테이블 총건수,페이지수 */
.sec-top{ overflow:hidden; margin:30px 0 10px; position:relative; }
.sec-top .total{ float:left; margin-top:15px; color:#666; font-size:14px; }
.sec-top .total strong{ color:#222; font-size:16px; font-weight:800; }



/* 테이블 리스트 */
.tbl-style01 { position:relative; table-layout:fixed; width:100%; border-top:1px solid #000000; border-left-style:hidden;  }
.tbl-style01 th {padding:10px 0; color:#222; font-size:15px; background:#fff; font-weight:700; border-bottom:1px solid #000000; text-align:center; line-height:16px; }
.tbl-style01 td {padding:7px 7px; height:42px;  border-bottom:1px solid #e4e4e4; color:#666; text-align:center; font-size:14px; background-color:#fff; line-height:16px; word-break:break-all; }
.tbl-style01 tbody td.subject-desc{ text-align:left; }
.tbl-style01 td .subject{display:inline-block; max-width:95%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#666; vertical-align:bottom; text-align:left; }
.tbl-style01 td a.subject:hover{ color:#818181; text-decoration:underline; }
.tbl-style01 .chk input[type="checkbox"] + label span{ margin-right:0; }
.status-y{ color:#5c3f89; font-size:13px; font-weight:bold; }
.status-n{ color:#111158; font-size:13px; font-weight:bold; }


.tbl-st01 { position:relative; table-layout:fixed; width:100%; border-top:1px solid #000000; border-left-style:hidden;  }
.tbl-st01 th {padding:10px 0; color:#222; font-size:15px; background:#fff; font-weight:700; border-bottom:1px solid #000000; text-align:center; line-height:16px; }
.tbl-st01 td {padding:7px 7px; height:42px;  border-bottom:1px solid #e4e4e4; color:#666; text-align:center; font-size:14px; background-color:#fff; line-height:16px; word-break:break-all; }
.bot-btn-area + .tbl-st01{ margin-top:30px; }

/* 테이블 쓰기 */
/* .tbl-area{ border-top:1px solid #222; border-bottom:1px solid #e8e8e8; } */
.tbl-style02 { width:100%; border-collapse:separate; table-layout:fixed; border-top:1px solid #222; border-bottom:1px solid #d9d9d9;  }
.tbl-style02 tbody th{ padding:20px 1% 20px 1.8%; text-align:left; font-size:15px; font-weight:bold; border-top:1px dotted #dcdcdc; }
.tbl-style02 tbody td{ padding:20px 1% 20px 1.8%; color:#666; font-size:15px; border-top:1px dotted #dcdcdc; }
.tbl-style02 tbody tr:first-child th,
.tbl-style02 tbody tr:first-child td{ border-top:0; }

/* 테이블 리스트 border버전 */
.tbl-style01.type2 thead th{ font-size:13px; border-left:1px solid #e4e4e4; } /* 써니리더그룹영역 border 추가 */
.tbl-style01.type2 tbody th{ font-size:13px; }
.tbl-style01.type2 tbody td{ font-size:13px; border-left:1px solid #e4e4e4; }

.tbl-style01.type3{ border-left:1px solid #e4e4e4;  }
.tbl-style01.type3 thead th{ border-left:1px solid #000; } /* 써니리더그룹영역 border 추가 */
.tbl-style01.type3 thead th:last-child{ border-right:1px solid #000; } /* 써니리더그룹영역 border 추가 */
.tbl-style01.type3 tbody td{ border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; }





/* 테이블 textarea 리스트*/
.tbl-list > li ~ li{ margin-top:10px; }
.tbl-list > li .t-desc{ margin-bottom:5px; }

/* 테이블 쓰기 */
.desc-p{ color:#666; font-size:15px; line-height:23px; }

/* 테이블내 목록 */
.list-st2 li{ padding-left:15px; text-indent:-15px; color:#666; font-size:15px; line-height:25px; }
.list-st2 li ~ li{ margin-top:5px; }

/* 테이블내 이미지 */
.img-hold{width:15px; height:auto; }



/* 에디터 사용 테이블 */
.view-cont table{ position:relative; table-layout:fixed; width:100%; border-top:1px solid #000000; border-left-style:hidden;  }
.view-cont table th {padding:10px 0; color:#222; font-size:15px; background:#fff; font-weight:700; border-bottom:1px solid #000000; text-align:center; line-height:16px; }
.view-cont table td {padding:7px 7px; height:42px;  border-bottom:1px solid #e4e4e4; color:#666; text-align:center; font-size:14px; background-color:#fff; line-height:16px; }


.view-cont ol li{ list-style-type:decimal; }
.view-cont ul li{ list-style-type:disc; }



/* 페이징 */
.paging-area{ margin-top:40px; }
.paging{ text-align:center; }
.paging a.active{ background-color:#444; color:#fff; border-color:#444; }
.paging a{ display:inline-block; width:40px; height:40px; border:1px solid #ddd; color:#666; font-size:15px; line-height:40px; transition:all .1s;  vertical-align:top; }
.paging a.first{ text-indent:-9999px; background:url('../../resource/images/common/ico_paging_first.png') no-repeat 50%; background-size:13px auto; }
.paging a.prev{ margin-right:30px; text-indent:-9999px; background:url('../../resource/images/common/ico_paging_prev.png') no-repeat 50%; background-size:7px auto;}
.paging a.next{ margin-left:30px; text-indent:-9999px; background:url('../../resource/images/common/ico_paging_next.png') no-repeat 50%; background-size:7px auto;}
.paging a.last{ text-indent:-9999px; background:url('../../resource/images/common/ico_paging_last.png') no-repeat 50%; background-size:13px auto;}
.paging a:focus,
.paging a:hover{ background-color:#444; color:#fff; border-color:#444; }
.paging a:focus,
.paging a:focus-visible {outline: 2px solid red; outline-offset: 1px;}
.paging a.first:focus,
.paging a.first:hover{ background:#444 url('../../resource/images/common/ico_paging_first_hover.png') no-repeat 50%; background-size:13px auto; }
.paging a.prev:focus,
.paging a.prev:hover{ background:#444 url('../../resource/images/common/ico_paging_prev_hover.png') no-repeat 50%; background-size:7px auto;}
.paging a.next:focus,
.paging a.next:hover{ background:#444 url('../../resource/images/common/ico_paging_next_hover.png') no-repeat 50%; background-size:7px auto;}
.paging a.last:focus,
.paging a.last:hover{ background:#444 url('../../resource/images/common/ico_paging_last_hover.png') no-repeat 50%; background-size:13px auto;}
.paging-area{ position:relative; }
.paging-area select{ position:absolute; top:0; left:0; height:40px; display:none; } /* 2020-01-20 */
.paging-area .right-btn{ position:absolute; top:0; right:0; }


.paging-area.st2 .paging{  float:right; }
.paging-area.st2 .paging a.prev { margin-right:0; }
.paging-area.st2 .paging a.next{ margin-left:0; }


/* 검색폼 */
.search-area-box{ text-align:center; }
.search-area-box .search-select{ display:inline-block;  margin-right:10px; padding-bottom:10px; border-bottom:2px solid #333; }
.search-area-box .search-select select{ width:100%; padding-right:30px; border:0; background:url('../../resource/images/common/ico_qna_selec.png') no-repeat right 10px center; background-size:10px auto; color:#333; font-size:16px; text-align:left; -webkit-appearance:none; }
/* .search-area-box .search-select select:focus{ background-color:#; } */
.search-area-box .search-select select::-ms-expand{ display:none; }
.search-box{ display:inline-block; position:relative; max-width:370px; padding-left:10px; padding-bottom:10px; width:370px; border-bottom:2px solid #333; }
.search-box input[type="text"]{ width:100%; padding:0 40px 0 0; border:0; color:#666; font-size:16px; }
.search-box a{ display:inline-block; position:absolute; top:0; right:5px; width:34px; height:33px; background:url('../../resource/images/common/ico_qna_search.png') no-repeat 50%; text-indent:-9999px; background-size:23px auto; }
.search-box a:focus,
.search-box a:hover{ background-color:#e6e6e6; }
.tabs-area .search-area-box{ margin-top:4.5%; }
.search-area-box + .tabs-style{ margin-top:60px; }
.search-area-box  + .sec-top{ margin-top:20px; }
.search-box.type2{ max-width:none; width:100%; padding-bottom:0; }
.search-box.type2 + .sec-top{ margin:10px 0; }

/* 팝업 모음 */

/* 레이어팝업 */
.layer-pop{ position:absolute; left:50%; top:50%; background-color:#fff; z-index:99999; box-sizing:border-box; }
.layer-pop .layer-tit{ position:relative; padding:17px 40px; background:#2b2c45 url('../../resource/images/common/bg_layer_tit.png') no-repeat right 10% top; }
.layer-pop .layer-tit h2{ color:#fff; }
.layer-pop .layer-tit a{ display:inline-block; position:absolute; top:50%; right:20px; margin-top:-10px; width:18px; height:18px; background:url('../../resource/images/common/ico_pop_close.png') no-repeat 50%; background-size:100%; text-indent:-9999px;}
.layer-pop .layer-cont{ padding:40px; max-height:700px; }
.layer-pop .layer-cont .paging-area{ margin-top:20px; }
.p-btn-area{ overflow:hidden; margin-top:20px; padding-top:20px; }
.layer-cont .calender{margin-bottom:20px;}


/* 팝업용 공지사항,유의사항 */
.layer-cont .box-desc h3{ width:18%; font-size:14px; }
.layer-cont .box-desc .info{ width:65%; padding-left:20px; }
.layer-cont .calender{ font-size:24px; font-weight:bold; text-align:center; }

/* 팝업 */
.layer { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:999999; }
.layer .bg { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.8; }
.pop-layer{ position:absolute; left:50%; top:50%; background:#fff; z-index:999; box-sizing:border-box; border:2px solid #2b2d45;}
.pop-layer .layer-wrap{ padding:55px 30px 30px 30px; }
.pop-layer .layer-wrap .pop-msg{ font-size:18px; text-align:center; line-height:28px; }
.pop-layer .pop-btn-area{ margin-top:50px; padding-top:20px; border-top:1px solid #d9d9d9; text-align:center; font-size:0; }


/* 인증서 발급 (윈도우팝업) */
.win-pop-area{ border:1px solid #010101; }
.win-pop-area .win-pop-tit{ position:relative; padding:14px 30px; background-color:#2b2d45; text-align:center; }
.win-pop-area .win-pop-tit h2{ position:absolute; top:14px; left:30px; color:#babbcc; font-size:15px; }
.win-pop-area .win-pop-tit span{ color:#babbcc; font-size:15px; }
.win-pop-area .win-pop-tit span strong{ color:#fff; font-weight:bold; }
.win-pop-area .win-pop-tit ul{ overflow:hidden; position:absolute; top:17px; right:30px; }
.win-pop-area .win-pop-tit ul li{ position:relative; float:left; margin-left:10px; padding-left:10px; }
.win-pop-area .win-pop-tit ul li:before{ content:""; position:absolute; top:50%; left:0; width:1px; height:20px; margin-top:-10px; background-color:#43455a; }
.win-pop-area .win-pop-tit ul li:first-child{ margin-left:0; padding-left:0; }
.win-pop-area .win-pop-tit ul li:first-child:before{ display:none; }
.win-pop-area .win-pop-tit ul li a{ display:inline-block; width:20px; height:20px; text-indent:-99999px;  }
.win-pop-area .win-pop-tit ul li a.ico-return{ background:url('../../resource/images/common/ico_pdf_return.png') no-repeat 50%; background-size:20px auto; }
.win-pop-area .win-pop-tit ul li a.ico-down{ background:url('../../resource/images/common/ico_pdf_down.png') no-repeat 50%; background-size:20px auto; }
.win-pop-area .win-pop-tit ul li a.ico-print{ background:url('../../resource/images/common/ico_pdf_print.png') no-repeat 50%; background-size:20px auto; }
.win-pop-area .win-pop-cont{ padding:30px; }

/* 오픈공지 팝업 */
.pop-wrap{ max-width:600px; border:2px solid #222; }
.pop-head{ padding:25px 30px 25px 30px; background:#5c3f89 url('../../resource/images/common/bg_open_pop.png') no-repeat right; }
.pop-head h2{ color:#fff; font-size:28px; font-weight:bold; }
.pop-cont{ padding:40px 30px 60px 30px; }
.pop-cont .pop-desc{ color:#444; font-size:16px; }
.pop-cont .pop-desc + .pop-desc{ margin-top:24px; }
.pop-cont .pop-btn{ margin-top:100px; text-align:center; }
.pop-footer{ position:relative; padding:15px 30px 15px 30px; background-color:#f4f4f4; border-top:1px solid #e5e5e5; }
.pop-footer .chk label{ color:#444; font-size:15px; }
.pop-colose{ display:inline-block; position:absolute; top:50%; right:30px; width:20px; height:20px; margin-top:-10px; text-indent:-9999px; background:url('../../resource/images/common/ico_pop_close2.png') no-repeat 50%; background-size:100%; }

.agree-tit{ margin-top:15px; text-align:center; font-size:18px; font-weight:bold; }
.agree-view{ overflow:auto; margin-top:10px; padding:16px 26px; border:1px solid #e8e8e8;  }


/* datepicker 달력 */
.ui-datepicker{ z-index:99999999 !important }
/* .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{top:18px;} */
.month-picker{ width:80px; color:#757575; }
.datepicker-area .ui-datepicker-trigger{ width:20px; height:20px; margin-left:5px; cursor:pointer; }
.ui-datepicker-trigger{ width:20px; height:20px; }
.ui-widget-header .ui-icon{ background-image:url('../images/datepicker/ui-icons_444444_256x240.png'); }
.hide-calendar .ui-datepicker-calendar{ display: none; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{ top:8px !important; }
.datepicker{ display:inline-block; position:relative; padding-right:8px; border:1px solid #e7e7e7; background-color:#fff; }
.datepicker.disabled{ background-color:#e9e9e9; }
.datepicker input[type="text"]{ width:90px; height:34px; border:0; background:none; }
.datepicker + .datepicker{ margin-left:20px; }
.datepicker + .datepicker:before{ content:'~'; position:absolute; left:-15px; top:8px; }



/* timepicker 시간달력 */
.timepicker{ display:inline-block; position:relative; padding-right:8px; border:1px solid #dedede; background-color:#fff; }
.timepicker input[type="text"]{ height:34px; border:0; background:none; }
.datetimepicker{ width:53px; }
.ui-timepicker-trigger{ width:20px; height:20px; margin-left:3px; cursor:pointer; }
.xdsoft_datetimepicker{ z-index:99999999 !important }



/* 이미지 박스 */
.editor-area{ margin-top:20px; }
.editor-area img{ width:100%; }


/* 테이블내 추가,삭제 박스 */
.add-box{ position:relative; padding-right:40px; }
.add-box .file-add{ position:absolute; top:0; right:0; }
.add-box ~ .add-box{ margin-top:5px; }
.add-box .desc{ display:inline-block; width:100px; margin-right:5px; }



/* 상태값 */
.status{ display:inline-block; padding:2px 19px 2px 19px; font-size:14px; border-radius:30px; color:#5c3f89;  border:1px solid #5c3f89; } /* 202203 수정 */
.status.st2{ border:1px solid #c8c8e5; color:#6b6ba0; }/* 보라색 */
.status.st3{ color:#09aeae; border:1px solid #9bd6d6; }/* 녹색 */
.status.all{ background-color:#5c3f89; color:#fff; } /* 202203 수정 */
.answer01{ font-size:16px; font-weight:700; color:#0055a4; }/* 심사중, 진행중, 인증서 신청중, 예약, 요청, 모집중*/
.answer02{ font-size:16px; font-weight:700; color:#093479; }/* 리더승인, 최종승인, 합격, 출석 */
.answer03{ font-size:16px; font-weight:700; color:#999; }/* 대기, 답변대기 */
.answer04{ font-size:16px; font-weight:700; color:#5c3f89; }/* 반려, 불합격, 불참, 취소 */
.answer05{ font-size:16px; font-weight:700; color:#111158; }/* 종료, 답변완료, 인증서 발급완료, VMS 발급완료, 인증서확인 */
.answer06{ font-size:16px; font-weight:700; color:#0055a4; }/* 합격자 처리 */

.tbl-style01 .answer01{ font-size:13px; font-weight:500; }
.tbl-style01 .answer02{ font-size:13px; font-weight:500; }
.tbl-style01 .answer03{ font-size:13px; font-weight:500; }
.tbl-style01 .answer04{ font-size:13px; font-weight:500; }
.tbl-style01 .answer05{ font-size:13px; font-weight:500; }
.tbl-style01 .answer06{ font-size:13px; font-weight:500; }


/* 공지사항, 유의사항 */
.box-desc{ display:table; width:100%; margin-top:66px; padding:20px 6%;  border:10px solid #eaeaea; }
.box-desc h3{ display:table-cell; width:25%; padding:5px 0 5px 33px; font-size:18px; font-weight:700; vertical-align:middle; }
.box-desc h3 .sbtn{ margin-top:5px; }
.box-desc h3.ico01{ background:url('../../resource/images/common/ico_notice_msg.png') no-repeat 0 50%; background-size:19px auto; }
/* .box-desc h3.ico01.st2{ background-position:0 16px; } */
.box-desc h3.ico02{ background:url('../../resource/images/common/ico_notice_msg02.png') no-repeat 0 50%; background-size:26px auto; }
.box-desc .info{ position:relative; display:table-cell; width:75%; padding-left:57px; vertical-align:middle; }
.box-desc .info:before{ content:''; position:absolute; left:0; top:0; bottom:0; width:1px; /* background-color:#e6e6e6; */ background-color:#d9d9d9; }
.box-desc .info .desc li{ position:relative; font-size:14px; color:#666; padding:4px 0 5px 10px; }
.box-desc .info .desc li:before{ content:""; position:absolute; top:10.5px; left:0; width:2px; height:2px; background-color:#acacac; border-radius:50%;  }
.box-desc .info .num{ margin-top:2px; font-size:14px; color:#444; }
.box-desc .info .num strong{ font-size:15px; color:#222; font-weight:700; }
.box-desc.st2{ border-color:#f7f7f7; background-color:#f7f7f7; }
.box-desc + .box-desc{ margin-top:50px; }


.box-desc.st3{ margin-top:30px; border-color:#5c3f89; }
.box-desc.st3 .txt{ font-size:16px; font-weight:900; }


/* 글자수 제한 */
.limit{ margin-top:5px; text-align:right; font-size:15px; color:#666;}
.limit strong{ color:#222; }


/* 댓글 */
.comment-list li{ border-bottom:1px solid #e1e3e4; }
.comment-list li.reply{ padding:20px 30px 20px 50px; background:#f8f8f9 url('../images/common/bg_reply.png') no-repeat 24px 20px; }
.comment-list li.reply.depth2{display: block; position: relative; left: 0; right: 0;  top: 0; padding:20px 30px 20px 70px; background:#f8f8f9 url('../images/common/bg_reply.png') no-repeat 40px 20px; }
.comment-list li.reply.depth3{display: block; position: relative; left: 0; right: 0;  top: 0; padding:20px 30px 20px 90px; background:#f8f8f9 url('../images/common/bg_reply.png') no-repeat 60px 20px; }
.comment-list li.comment.depth2{ padding:28px 30px 20px 60px; background:url('../images/common/bg_reply.png') no-repeat 24px 28px; }
.comment-list li.comment.depth2 .comment-inner{ padding:0; }
.comment-list li.comment.depth2 .btn-area{ padding:0 10px 0 0; }
.comment-list li.comment.depth3{ padding:28px 30px 20px 140px; background:url('../images/common/bg_reply.png') no-repeat 104px 28px; }
.comment-list li.comment.depth3 .comment-inner{ padding:0; }
.comment-list li.comment.depth3 .btn-area{ padding:0 10px 0 0; }
.comment-list li textarea{ border:0; }
.reply .comment .comment-inner{ padding:0; }
.reply .comment .btn-area{ padding:0 0 20px 0; }

.comment .comment-inner{ padding:28px 10px 0 10px; }
.comment .info{ overflow:hidden; }
.comment .info .user-area{ float:left; }
.comment .info .file-link{ float:right; }
.comment .info .user-area .user{ display:inline-block; color:#222; font-size:15px; font-weight:bold; }
.comment .info .user-area .date{ display:inline-block; position:relative; margin-left:8px; padding-left:8px; font-size:13px; color:#888; line-height:19px; }
.comment .info .user-area .date:before{ content:""; position:absolute; left:0; top:3px; bottom:2px; width:1px; background-color:#e0e0e0; }

.comment .txt{ margin:14px 0 18px; font-size:14px; color:#666; word-break:break-all; }
.comment .btn-area{ padding:0 10px 20px 10px; }

.comment.type2{ border:1px solid #afafaf; background-color:#fff; }
.comment.type2 .comment-inner{ padding:20px 20px 0 20px; }
.comment.type2 .btn-area{ position:relative; height:43px; margin-top:18px; padding:7px 20px 6px 20px; border-top:1px solid #ebebeb; box-sizing:border-box; }
.comment.type2 textarea{ margin-top:6px; border:0; }



.comment-list li textarea .cmmtContent{ margin-top:8px; border:1px solid #e7e7e7; }
.comment .file-list{ margin-bottom:15px; }

/* file-link */
.file-link{ display:inline-block; color:#444; font-size:13px; padding-left:20px; background:url('../../resource/images/common/ico_file_link.png') no-repeat 0 4px; background-size:14px auto; }
.file-link:hover{ text-decoration:underline; }

/* thead 정렬 버튼 */
.head-btn{ position:relative; }
.head-btn span{ position:absolute; width:11px; height:6px; text-indent:-9999px; margin-left:5px; cursor:pointer; }
.btn-up{ top:1px;background:url('../../resource/images/common/ico_thead_btn_up.png') no-repeat 50%; }
.btn-down{ bottom:0; background:url('../../resource/images/common/ico_thead_btn_down.png') no-repeat 50%; }


/********************************************/
/* UI 탭디자인 */
/********************************************/

/* UI 탭 공통 */
.tabs-area.ui-tabs .ui-tabs-panel{ padding:0; margin-top:57px; }
.ui-tabs.ui-widget.ui-widget-content .ui-widget-header{ padding:0; }

.ui-tabs.ui-widget.ui-widget-content{ padding:0; border:0; }
.ui-tabs.ui-widget.ui-widget-content .ui-widget-header{ background:none; border:0; }
.ui-tabs .ui-widget-header .ui-state-default{ margin-top:0; margin-right:0; border:0; background:none; }



.ui-tabs.ui-corner-all .ui-tab-style li a{ position:relative; float:left; padding:0 8px 8px 8px; border-bottom:2px solid rgba(0,0,0,0); font-weight:700; font-size:18px; color:#666; cursor:pointer; }
.ui-tabs.ui-corner-all .ui-tab-style li.ui-tabs-active a{ position:relative; color:#222 !important; /* border-bottom:2px solid #5c3f89 !important;  */ }
.ui-tabs.ui-corner-all .ui-tab-style li.ui-tabs-active a:after{ content:''; position:absolute; left:0; bottom:-3px; height:2px; width:100%; background-color:#5c3f89; z-index:9; } /* 202203 수정 */
.main .ui-tabs.ui-corner-all .ui-tab-style li.ui-tabs-active a:after{ bottom:-1px; }
.ui-tabs .ui-tabs-panel{ padding:0; }
.search-area-box + .tabs-area{ margin-top:6%; }
.tabs-info.ui-tabs .ui-tabs-nav li.ui-tabs-active{ margin:0; padding:0; }


/* UI 메인 탭 */
.main .ui-tabs.ui-corner-all .ui-tab-style li a{ font-size:20px; }
.main .ui-tabs.ui-widget.ui-widget-content{ background:none;}
.main .ui-tabs .ui-tabs-nav{ padding:0; }
.main .ui-tabs .ui-tabs-panel{ padding:0; }
.main .ui-tab-style li:before{ content:''; position:absolute; top:14px; left:-19px; width:3px; height:3px; border-radius:100%; background-color:#909090; }
.main .ui-tab-style li + li{ margin-left:20px !important; }
.main .ui-tab-style li + li{ margin-left:40px !important; }
.main .ui-tab-style li:first-child:before{ display:none; }
.main-tab-content{ position:relative; }
.main-tab-content p.desc{ margin-top:12px; font-size:18px; line-height:32px; letter-spacing: -1.25px;}
.main-tab-content p.desc strong {color: #5c3f89;}

/* UI 언더라인 탭 */
.tabs-style.ui-tabs.ui-widget.ui-widget-content .ui-tab-style.ui-widget-header{ position:relative; margin-bottom:30px; text-align:center; }
.tabs-style.ui-tabs.ui-widget.ui-widget-content .ui-tab-style.ui-widget-header:after{ content:''; position:absolute; left:0; bottom:1px; height:1px; width:100%; background-color:#ddd; }
.tabs-style.ui-tabs .ui-widget-header.ui-tab-style .ui-state-default{ display:inline-block; float:none; }

.tabs-style .ui-tab-style li:before{ content:''; position:absolute; top:50%; left:0; width:3px; height:3px; margin-top:-4px; border-radius:100%; background-color:#909090; }
.tabs-style .ui-tab-style li:first-child{ padding-left:0; margin-left:0; }
.tabs-style .ui-tab-style li:first-child:before{ display:none; }
.tabs-style .ui-tab-style li{ padding-left:10px; margin-left:10px; }
.tabs-style.ui-tabs .ui-tab-style.ui-tabs-nav li.ui-tabs-active{ padding-bottom:0; }
.tabs-style.ui-tabs .ui-tab-style.ui-corner-all .ui-tab-style li a{ padding:0 10px 5px 10px; }




/* UI 탭 GRADIENT 박스  */
.ui-tab-style2:after{ content:''; display:block; clear:both; }
.ui-tab-style2.ui-tabs-nav li{ float:left; width:50%; line-height:50px; cursor:pointer; }
.ui-tab-style2.ui-tabs-nav li a.ui-tabs-anchor{ display:block; float:none; padding:0; margin-top:-1px; margin-left:-1px; border:1px solid #ededed; background-color:#f9f9f9; color:#737373; font-size:16px; font-weight:bold; text-align:center; cursor:pointer; }
.ui-tab-style2.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header{ overflow:initial; border-top:1px solid #ededed; border-left:1px solid #ededed; padding:0; border-radius:0; }
.ui-tab-style2.ui-tabs-nav li.ui-tabs-active a,
.ui-tab-style2.ui-tabs-nav a.active{ background:#674994; background:-moz-linear-gradient(left, #674994 0%, #8669b4 100%); background: -webkit-linear-gradient(left, #674994 0%,#8669b4 100%); background: linear-gradient(to right, #674994 0%,#8669b4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#674994', endColorstr='#8669b4',GradientType=1 ); color:#fff; }









/* UI 탭 GRADIENT 박스  */
.ui-tab-style2{ /* overflow:hidden; */ margin-bottom:57px; border-style:solid; border-width:1px 0 0 1px; border-color:#ededed; }
.ui-tab-style2 li{ float:left; width:50%; line-height:50px; cursor:pointer; }
.ui-tab-style2 li a{ display:block; float:none; padding:0; margin-top:-1px; margin-left:-1px; border:1px solid #ededed; background-color:#f9f9f9; color:#737373; font-size:16px; font-weight:bold; text-align:center; cursor:pointer; }
.ui-tab-style2 a.active{ background:#674994; background:-moz-linear-gradient(left, #674994 0%, #8669b4 100%); background: -webkit-linear-gradient(left, #674994 0%,#8669b4 100%); background: linear-gradient(to right, #674994 0%,#8669b4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#674994', endColorstr='#8669b4',GradientType=1 ); color:#fff; }
.ui-tab-style2 a:focus,
.ui-tab-style2 a:focus-visible {outline: 2px solid red; outline-offset: -3px;}




























/* UI 탭 박스 */
.ui-tab-style3:after{ content:''; display:block; clear:both; }
.ui-tab-style3.ui-tabs-nav li{ float:left; width:50%; line-height:50px; cursor:pointer; }
.ui-tab-style3.ui-tabs-nav li a.ui-tabs-anchor{ display:block; float:none; padding:0; margin-top:-1px; margin-left:-1px; border:1px solid #ededed; background-color:#f9f9f9; color:#666; font-size:16px; font-weight:bold; text-align:center; cursor:pointer; }
.ui-tab-style3.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header{ overflow:hidden; border-top:1px solid #ededed; border-left:1px solid #ededed; padding:0; border-radius:0; }
.ui-tab-style3.ui-tabs-nav li.ui-tabs-active a{ background:none; background-color:#2b2c45; color:#fff; }



.ui-tab-style3.ui-tabs-nav li a strong{ color:#5c3f89; font-size:16px; padding-left:8px; text-decoration:underline;  }
.ui-tab-style3.ui-tabs-nav li.ui-tabs-active a strong{ color:#fff; }




/* UI 탭 박스 */
.ui-tab-style3{ border-style:solid; border-width:1px 0 0 1px; border-color:#ededed; }
.ui-tab-style3 li{ float:left; width:50%; line-height:50px; cursor:pointer; }
.ui-tab-style3 li a{ display:block; padding:0; margin-top:-1px; margin-left:-1px; border:1px solid #ededed; background-color:#f9f9f9; color:#737373; font-size:16px; font-weight:bold; text-align:center; cursor:pointer; }
.ui-tab-style3 li a.active{ display:block; background-color:#2b2c45; color:#fff; }
.ui-tab-style3 li a strong{ color:#5c3f89; font-size:16px; padding-left:8px; text-decoration:underline;  }
.ui-tab-style3 li a.active strong{ color:#fff; }




/* UI 탭 화살표 */
.ui-tabs.ui-widget.ui-widget-content .ui-tab-style4.ui-widget-header{ border-bottom:1px solid #ddd; }
.ui-tab-style4:after{ content:''; display:block; clear:both; }
.ui-tabs .ui-tab-style4.ui-tabs-nav li{ display:table; float:left; width:33.33%;/*  padding:0 6%;  */}
.ui-tabs .ui-tab-style4.ui-tabs-nav.st2.col5 li{ width:20%; }
.ui-tabs .ui-tab-style4.ui-tabs-nav.st2.col4 li{ width:25%; }
.ui-tabs .ui-tab-style4.ui-tabs-nav.st2.col2 li{ width:50%; }



.ui-tab-style4 li a{ display:block; float:none; font-size:15px; font-weight:700; color:#666; text-align:center; }
.ui-tab-style4 li a em{ display:block; font-size:15px; font-weight:700; color:#888; text-align:center; }
.ui-tab-style4 li.ui-tabs-active a{ position:relative; color:#222; }
.ui-tab-style4 li.ui-tabs-active a:before{ content:''; position:absolute; bottom:-3px; left:0; width:100%; height:2px; background-color:#222; }
.ui-tab-style4 li.ui-tabs-active a:after{ content:''; position:absolute; bottom:-10px; left:50%; margin-left:-7px; width:14px; height:7px; background:url('../../resource/images/common/img_tabs_arr.png') no-repeat 50%; background-size:100%; }
.ui-tab-style4.ui-tabs-nav .ui-tabs-anchor{ float:none; }
#tabs-area #tabs-area3{ margin-top:-20px; }
.ui-tabs .ui-tab-style4.ui-tabs-nav .ui-tabs-anchor{ display:table-cell; height:53px; /* padding:0 0 15px 0; */ padding:0; vertical-align:middle; }


.ui-tab-style4{ border-bottom:1px solid #ddd; }
.ui-tab-style4:after{ content:''; display:block; clear:both; }
.ui-tab-style4 li{ float:left; display:table; }
.ui-tab-style4 li a{ display:table-cell; height:53px; font-size:15px; font-weight:700; color:#666; text-align:center; vertical-align:middle; }
.ui-tab-style4 li a em{ display:block; font-size:15px; font-weight:700; color:#888; text-align:center; }
.ui-tab-style4 li a.active{ position:relative; color:#222; }
.ui-tab-style4 li a.active:before{ content:''; position:absolute; bottom:-3px; left:0; width:100%; height:2px; background-color:#222; }
.ui-tab-style4 li a.active:after{ content:''; position:absolute; bottom:-10px; left:50%; margin-left:-7px; width:14px; height:7px; background:url('../../resource/images/common/img_tabs_arr.png') no-repeat 50%; background-size:100%; }
.m_b57{ margin-bottom:57px !important;}

/* UI 탭 가로값 */
div.tabs-area > .ui-tabs-nav.col3 > li{ width:33.33%; }
div.tabs-area > .ui-tabs-nav.col4 > li{ width:25%; }
div.tabs-area .ui-tabs-nav.col5 > li{ width:20%; }


div.tabs-area > .col3 > li{ width:33.33%; }
div.tabs-area > .col4 > li{ width:25%; }
div.tabs-area .col5 > li{ width:20%; }



/* 연관검색 */
.keyword{ position:relative; }
.keyword .list{ position:absolute; left:0; top:36px; width:100%; border:1px solid #222; background-color:#fff; padding:16px 0; z-index:1; }
.keyword .list a{ display:block; font-size:15px; color:#444; padding:5px 20px 6px; }
.keyword .list a:hover{ background-color:#f3f3f3; }
.keyword .list a em{ color:#5c3f89; }


/* 자동완성검색 */
.ui-widget.ui-widget-content.ui-autocomplete{ padding:16px 0; border:1px solid #222; display:block !important; }
.ui-widget.ui-widget-content.ui-autocomplete .ui-menu-item:hover{ border:0; }
.ui-widget.ui-widget-content.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper{ font-size:15px; color:#444; padding:5px 20px 6px; }
.ui-widget.ui-widget-content.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper:hover{ }


.autocomplete-suggestions{ overflow-y:auto; /* padding:16px 0;  */ border:1px solid #222; background-color:#fff; }
.autocomplete-suggestions .autocomplete-suggestion{ padding:5px 20px 6px; font-size:15px; color:#444; cursor:pointer; }
.autocomplete-suggestions .autocomplete-suggestion:hover{ background-color:#f3f3f3; }
.autocomplete-suggestions .autocomplete-suggestion strong{ font-size:15px; color:#5c3f89; }



.ui-widget.ui-widget-content.ui-autocomplete .ui-state-active{ margin:0; background:#f3f3f3; border:0; }
.ui-widget.ui-widget-content.ui-autocomplete .ui-state-active:hover{ background:#f3f3f3; border:0; }




/********************************************************************************************************************/
														/* 메인 */
/********************************************************************************************************************/

/* 메인비주얼 */
.main-visual{ position:relative; width:100%;  background-color:#e2eefd; }
.main-slider > li > div{ max-width:1600px;  margin:0 auto; cursor:pointer; }
.main-slider > li a{ display:block; max-width:1600px;  margin:0 auto; cursor:pointer; }
.main-visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{ position:absolute; /* max-width:1140px;  */ width:1200px; margin:0 auto; left:0; right:0; bottom:33%; height:22px; padding-left:90px; text-align:left; box-sizing:border-box }
.main-visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{ position:absolute; width:100%; max-width:1200px; margin:0 auto; padding-left:60px; right:0; bottom:33.4%; text-align:left;  }
.main-visual .bx-controls-direction{ position:absolute; top:50%; margin-top:-30px; left:0; right:0; /* max-width:1200px;  */ width:1200px; margin:0 auto; }
.main-visual .bx-wrapper .bx-pager.bx-default-pager a{ width:7px; height:7px; background-color:#777; border-radius:100px; }
.main-visual .bx-wrapper .bx-pager.bx-default-pager a.active{ width:30px; background-color:#4d4d4d; border:0; }
.main-visual .bx-wrapper .bx-pager.bx-default-pager a { margin:0 0 0 8px; border:1px solid #fff; }
.main-visual .bx-wrapper .bx-pager.bx-default-pager a:focus {outline: red solid 4px; outline-offset: 1px;}

.main-visual .bx-wrapper .bx-pager.bx-default-pager:first-child a{ margin-left:0; }
.main-visual .bx-wrapper .bx-controls-auto a{ position:relative; width:24px; height:24px; border:1px solid #b5b5b5; border-radius:100%; z-index:9; }
/* .main-visual .bx-wrapper .bx-controls-auto a:focus{ outline:-webkit-focus-ring-color auto 1px; } */
.main-visual .bx-wrapper .bx-controls-auto .bx-start{ background:url('../../resource/images/common/btn_slide_play.png') no-repeat 50%; }
/* .bx-start:focus { outline:-webkit-focus-ring-color auto 1px; outline:1px solid #a6c8ff !important; } */
.main-visual .bx-wrapper .bx-controls-auto .bx-stop { background:url('../../resource/images/common/btn_slide_stop.png') no-repeat 50%; }
/* .bx-stop:focus { outline:-webkit-focus-ring-color auto 1px; outline:1px solid #a6c8ff !important; } */
.main-visual .bx-wrapper .bx-controls-direction a{ width:60px; height:60px; margin-top:-30px; border-radius:100%; z-index:9; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.main-visual .bx-wrapper .bx-controls-direction a.bx-prev{ left:0; background:url('../../resource/images/common/btn_mainslide_prev.png') no-repeat 50%; }
.main-visual .bx-wrapper .bx-controls-direction a.bx-prev:focus{ outline:-webkit-focus-ring-color auto 1px; }
.main-visual .bx-wrapper .bx-controls-direction a.bx-next{ right:0; background:url('../../resource/images/common/btn_mainslide_next.png') no-repeat 50%; }
.main-visual .bx-wrapper .bx-controls-direction a.bx-next:focus{ outline:-webkit-focus-ring-color auto 1px; }

/*
.main-visual .bx-wrapper .bx-controls-direction a.bx-prev:hover,
.main-visual .bx-wrapper .bx-controls-direction a.bx-next:hover{ opacity:.4; } */
.main-visual .bx-controls.bx-has-controls-direction.bx-has-controls-auto.bx-has-pager{ max-width:1200px; margin-top:0; text-align:left; }
.bx-wrapper .bx-controls-auto .bx-start{ width:11px; height:13px; background:url('../../resource/images/common/btn_slider_play.png') no-repeat 50%; }
.bx-wrapper .bx-controls-auto .bx-stop { width:11px; height:13px; background:url('../../resource/images/common/btn_slider_stop.png') no-repeat 50%; }

.main-visual{ visibility: hidden; }
.main-tab-area{ visibility: hidden; }
/* .slider-wrap{ visibility: hidden; } */



.admin-link{ display:inline-block; padding:2px 21px 3px 8px; margin-left:2px; font-size:11px; color:#eb1836; font-weight:700; border-radius:3px; background:#fff495 url('../../resource/images/common/btn_admin_link.png') no-repeat right 7px center; background-size:10px auto; vertical-align:4px;  transition:all .5s ease .1s; }
.admin-link:hover{ background:#faf4bc url('../../resource/images/common/btn_admin_link.png') no-repeat right 7px center; background-size:10px auto; vertical-align:4px; transition:all .5s ease .1s; }
.admin-link.st2{ color:#fff; background:#444 url('../../resource/images/common/btn_admin_link3.png') no-repeat right 7px center; background-size:10px auto; }
.admin-link.st2:hover{ background:#888 url('../../resource/images/common/btn_admin_link3.png') no-repeat right 7px center; background-size:10px auto; }
.box-program .admin-link.st2{ position:absolute; right:10px; top:10px; }

.main-banner{ display:table; width:100%; overflow:hidden; position:relative; max-width:1140px;  margin:0 auto; margin-top:-50px; border-radius:100px; background:#674994; background:-moz-linear-gradient(left, #674994 0%, #8669b4 100%); background:-webkit-linear-gradient(left, #674994 0%,#8669b4 100%); background:linear-gradient(to right, #674994 0%,#8669b4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#674994', endColorstr='#8669b4',GradientType=1 ); z-index:1; -webkit-box-shadow: 3px 7px 17px 0px rgba(0,0,0,0.17); -moz-box-shadow: 3px 7px 17px 0px rgba(0,0,0,0.17); box-shadow: 3px 7px 17px 0px rgba(0,0,0,0.17); } /* 202203 수정 */
.main-banner .user-info{ position:relative; display:table-cell;/*  width:31%; padding:24px 0 29px 24px; */ width:33%; padding:24px 0 29px 40px; vertical-align:middle; background:url('../../resource/images/common/bg_my_menu.png') no-repeat} /* 202203 수정 */
.main-banner .user-info:after{ content:''; position:absolute; width:2px; top:20px; bottom:20px; right:0; background:url('../../resource/images/common/line_banner.png') repeat-y 50%;  }
.main-banner .user-info .l-info{ float:left; width:32%; }
.main-banner .user-info .r-info{ float:left; width:68%; padding:8px 15px 0 28px; }
.main-banner .user-info .l-info .info{ display:inline-block; color:#fff; }


.main-banner .user-info .r-info li{ padding-left:20px; font-size:14px; color:#fff;  max-width:98%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  }
.main-banner .user-info .r-info li.ico01{ background:url('../../resource/images/common/ico_main_banner_location.png') no-repeat 0 50%; background-size:11px 13px; }
.main-banner .user-info .r-info li.ico02{ background:url('../../resource/images/common/ico_main_banner_school.png') no-repeat 0 50%; background-size:13px 13px; }
.main-banner .user-info .name{ display:block; font-size:16px; color:#fff; }
.main-banner .user-info .info{ overflow:hidden; }
.main-banner .user-info .info > li{ float:left; position:relative; font-size:14px; font-weight:700; color:#fff; }
.main-banner .user-info .info > li + li{ padding-left:5px; margin-left:5px; }
.main-banner .user-info .info > li + li:before{ content:''; position:absolute; left:0; top:3px; width:1px; height:13px; background-color:rgba(255,255,255,.5); }
.main-banner .user-info .name em{ display:inline-block; max-width:81%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-right:4px; font-size:20px; font-weight:700; color:#fff; vertical-align:bottom; }
.main-banner .list-area{ display:table-cell; width:69%; /* padding-left:36px; */ padding-left:10px; vertical-align:middle; }
.main-banner .list li{ float:left; width:19%;  }
.main-banner .list:after{ content:''; display:block; clear:both; }
.main-banner .list li a{ display:block; height:60px; text-align:center; border-radius:100px;  border-radius:100px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
.main-banner .list li a:hover{ background-color:#fff; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.23); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.23); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.23); }
.main-banner .list li a span{ display:inline-block; height:60px; padding:12px 10px 0 48px; font-size:15px; font-weight:700; color:#fff; line-height:18px; }
.main-banner .list li a:hover span{ color:#5c3f89; } /* 202203 수정 */
.main-banner .list li a span.line1{ padding-top:20px; }



.main-banner .list li a:focus{ background-color:#fff; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.23); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.23); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.23); }
.main-banner .list li a:focus span{ color:#5c3f89; } /* 202203 수정 */

.main-banner.log .user-info{ width:36%; padding-left:76px; }
.main-banner.log .list-area .list{ padding-right:30px; font-size:0; text-align:right; }
.main-banner.log .list-area .list li{ float:none; display:inline-block; width:24%; }


.log-tit strong{ font-size:22px; font-weight:500; color:#fff; }
.log-tit p{ font-size:13px; font-weight:500; color:#fff; }

.main-banner-mb .log-tit strong{ font-size:18px; }


.main .list-area .list li a span{ display:inline-block; }
.main .list-area .list li a span.ico01{ background:url('../../resource/images/common/ico_mymenu_volunteer.png') no-repeat 14px 50%; background-size:23px auto; }/* 지원하기 */
.main .list-area .list li a span.ico02{ background:url('../../resource/images/common/ico_mymenu_program.png') no-repeat 14px 50%; background-size:27px auto; }/* 내가지원한 프로그램 */
.main .list-area .list li a span.ico03{ background:url('../../resource/images/common/ico_mymenu_qna.png') no-repeat 14px 50%; background-size:23px auto; }/* 나의 질문내역 */
.main .list-area .list li a span.ico04{ background:url('../../resource/images/common/ico_mymenu_activity.png') no-repeat 14px 50%; background-size:25px auto; }/* 내가 활동한 내역 */
.main .list-area .list li a span.ico05{ background:url('../../resource/images/common/ico_mymenu_certifi.png') no-repeat 14px 50%; background-size:25px auto; }/* 인증관리 */

.main .list-area .list li a span.ico06{ background:url('../../resource/images/common/ico_mymenu_join.png') no-repeat 14px 50%; background-size:23px auto; }/* 내가 참여한팀 */
.main .list-area .list li a span.ico07{ background:url('../../resource/images/common/ico_mymenu_meeting.png') no-repeat 14px 50%; background-size:25px auto; }/* 회의록 */
.main .list-area .list li a span.ico08{ background:url('../../resource/images/common/ico_mymenu_diary.png') no-repeat 14px 50%; background-size:21px auto; }/* 활동일지 */
.main .list-area .list li a span.ico09{ background:url('../../resource/images/common/ico_mymenu_account.png') no-repeat 14px 50%; background-size:21px auto; }/* 정산 */
.main .list-area .list li a span.ico10{ background:url('../../resource/images/common/ico_mymenu_report.png') no-repeat 14px 50%; background-size:21px auto; }/* 종결보고서 */
.main .list-area .list li a span.ico11{ background:url('../../resource/images/common/ico_mymenu_faq.png') no-repeat 14px 50%; background-size:24px auto; }/* faq */
.main .list-area .list li a span.ico12{ background:url('../../resource/images/common/ico_mymenu_login.png') no-repeat 8px 50%; background-size:26px auto; }/* login */
.main .list-area .list li a span.ico13{ background:url('../../resource/images/common/ico_mymenu_signup.png') no-repeat 14px 50%; background-size:21px auto; }/* 회원가입 */



.main .list-area .list li a:hover span.ico01{ background:url('../../resource/images/common/ico_mymenu_volunteer_on.png') no-repeat 14px 50%; background-size:23px auto; }
.main .list-area .list li a:hover span.ico02{ background:url('../../resource/images/common/ico_mymenu_program_on.png') no-repeat 14px 50%; background-size:27px auto; }
.main .list-area .list li a:hover span.ico03{ background:url('../../resource/images/common/ico_mymenu_qna_on.png') no-repeat 14px 50%; background-size:23px auto; }
.main .list-area .list li a:hover span.ico04{ background:url('../../resource/images/common/ico_mymenu_activity_on.png') no-repeat 14px 50%; background-size:25px auto; }
.main .list-area .list li a:hover span.ico05{ background:url('../../resource/images/common/ico_mymenu_certifi_on.png') no-repeat 14px 50%; background-size:25px auto; }

.main .list-area .list li a:hover span.ico06{ background:url('../../resource/images/common/ico_mymenu_join_on.png') no-repeat 14px 50%; background-size:23px auto; }
.main .list-area .list li a:hover span.ico07{ background:url('../../resource/images/common/ico_mymenu_meeting_on.png') no-repeat 14px 50%; background-size:25px auto; }
.main .list-area .list li a:hover span.ico08{ background:url('../../resource/images/common/ico_mymenu_diary_on.png') no-repeat 14px 50%; background-size:21px auto; }
.main .list-area .list li a:hover span.ico09{ background:url('../../resource/images/common/ico_mymenu_account_on.png') no-repeat 14px 50%; background-size:21px auto; }
.main .list-area .list li a:hover span.ico10{ background:url('../../resource/images/common/ico_mymenu_report_on.png') no-repeat 14px 50%; background-size:21px auto; }
.main .list-area .list li a:hover span.ico11{ background:url('../../resource/images/common/ico_mymenu_faq_on.png') no-repeat 14px 50%; background-size:24px auto; }


.main .list-area .list li a:hover span.ico12{ background:url('../../resource/images/common/ico_mymenu_login_on.png') no-repeat 8px 50%; background-size:26px auto; }
.main .list-area .list li a:hover span.ico13{ background:url('../../resource/images/common/ico_mymenu_signup_on.png') no-repeat 14px 50%; background-size:21px auto; }



.main .list-area .list li a:focus span.ico01{ background:url('../../resource/images/common/ico_mymenu_volunteer_on.png') no-repeat 14px 50%; background-size:23px auto; }
.main .list-area .list li a:focus span.ico02{ background:url('../../resource/images/common/ico_mymenu_program_on.png') no-repeat 14px 50%; background-size:27px auto; }
.main .list-area .list li a:focus span.ico03{ background:url('../../resource/images/common/ico_mymenu_qna_on.png') no-repeat 14px 50%; background-size:23px auto; }
.main .list-area .list li a:focus span.ico04{ background:url('../../resource/images/common/ico_mymenu_activity_on.png') no-repeat 14px 50%; background-size:25px auto; }
.main .list-area .list li a:focus span.ico05{ background:url('../../resource/images/common/ico_mymenu_certifi_on.png') no-repeat 14px 50%; background-size:25px auto; }

.main .list-area .list li a:focus span.ico06{ background:url('../../resource/images/common/ico_mymenu_join_on.png') no-repeat 14px 50%; background-size:23px auto; }
.main .list-area .list li a:focus span.ico07{ background:url('../../resource/images/common/ico_mymenu_meeting_on.png') no-repeat 14px 50%; background-size:25px auto; }
.main .list-area .list li a:focus span.ico08{ background:url('../../resource/images/common/ico_mymenu_diary_on.png') no-repeat 14px 50%; background-size:21px auto; }
.main .list-area .list li a:focus span.ico09{ background:url('../../resource/images/common/ico_mymenu_account_on.png') no-repeat 14px 50%; background-size:21px auto; }
.main .list-area .list li a:focus span.ico10{ background:url('../../resource/images/common/ico_mymenu_report_on.png') no-repeat 14px 50%; background-size:21px auto; }
.main .list-area .list li a:focus span.ico11{ background:url('../../resource/images/common/ico_mymenu_faq_on.png') no-repeat 14px 50%; background-size:24px auto; }


.main .list-area .list li a:focus span.ico12{ background:url('../../resource/images/common/ico_mymenu_login_on.png') no-repeat 8px 50%; background-size:26px auto; }
.main .list-area .list li a:focus span.ico13{ background:url('../../resource/images/common/ico_mymenu_signup_on.png') no-repeat 14px 50%; background-size:21px auto; }

/*
.main-banner.st2{ padding:20px 0; border-radius:10px; }
.main-banner.st2 .user-info:after{ top:0; bottom:0; } */
.tab-banner{ overflow:hidden; position:relative; margin-bottom:10px; border-bottom:1px solid rgba(255,255,255,.3); }
.tab-banner li{ position:relative; float:left; padding:0 12px 13px 12px; color:#fff; font-size:15px; text-align:center; font-weight:700; cursor:pointer; }
.tab-banner li.on:after{ content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:#fff; }

.main-banner-mb{ display:none; border-radius:7px; overflow:hidden; margin:0 10px; }
.main-banner-mb{ background:#674994; background:-moz-linear-gradient(left, #674994 0%, #8669b4 100%); background:-webkit-linear-gradient(left, #674994 0%,#8669b4 100%); background:linear-gradient(to right, #674994 0%,#8669b4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#674994', endColorstr='#8669b4',GradientType=1 ); z-index:1; -webkit-box-shadow: 3px 7px 17px 0px rgba(0,0,0,0.17); -moz-box-shadow: 3px 7px 17px 0px rgba(0,0,0,0.17); box-shadow: 3px 7px 17px 0px rgba(0,0,0,0.17); } /* 202203 수정 */
.main-banner-mb .top{ overflow:hidden; padding:10px 22px 10px 20px; border-bottom:1px solid rgba(255,255,255,.3); }
.main-banner-mb .top .left{ display:inline-block; vertical-align:middle; }
.main-banner-mb .top .left .admin-link{ margin-left:5px; }
.main-banner-mb .top .left .name{ float:left; font-size:12px; color:#fff; } /* 202203 수정 */
.main-banner-mb .top .left .name strong{ font-size:13px; color:#fff; font-weight:700; }
.main-banner-mb .top .left .list{ overflow:hidden; float:left; margin:2px 0 0 12px; }
.main-banner-mb .top .left .list > li{ float:left; position:relative; font-size:12px; font-weight:700; color:#fff; }
.main-banner-mb .top .left .list > li + li{ padding-left:5px; margin-left:5px; }
.main-banner-mb .top .left .list > li + li:before{ content:''; position:absolute; left:0; top:3px; width:1px; height:13px; background-color:rgba(255,255,255,.5); }

.main-banner-mb .top.st2 .left .name{ display:block; float:none; }
.main-banner-mb .top.st2 .left .list{ margin:0; }
.main-banner-mb .top.st2 .right .info{ margin:8px 0 0 28px; }

.main-banner-mb.st2{ background:#ff7b09; }
.main-banner-mb.st2 .top{ background:#fb4f1b; border-bottom:0; }

.main-banner-mb .right{ display:inline-block;  vertical-align:middle; }
.main-banner-mb .right .info{ display:inline-block; margin:8px 0 0 23px; }
.main-banner-mb .right .info li{ padding-left:20px; font-size:13px; color:#fff;  max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  }
.main-banner-mb .right .info li.ico01{ background:url('../../resource/images/common/ico_main_banner_location.png') no-repeat 0 50%; background-size:11px 13px; }
.main-banner-mb .right .info li.ico02{ background:url('../../resource/images/common/ico_main_banner_school.png') no-repeat 0 50%; background-size:13px 13px; }





.main-banner-mb .main-banner-list li a span{ display:inline-block; margin-top:6px; padding-top:38px; background-position:50% 4px !important; }
.main-banner-mb .main-banner-list li a span.ico01{ background:url('../../resource/images/common/ico_mymenu_volunteer.png') no-repeat 14px 50%; background-size:23px auto; }/* 지원하기 */
.main-banner-mb .main-banner-list li a span.ico02{ background:url('../../resource/images/common/ico_mymenu_program.png') no-repeat 14px 50%; background-size:27px auto; }/* 내가지원한 프로그램 */
.main-banner-mb .main-banner-list li a span.ico03{ background:url('../../resource/images/common/ico_mymenu_qna.png') no-repeat 14px 50%; background-size:23px auto; }/* 나의 질문내역 */
.main-banner-mb .main-banner-list li a span.ico04{ background:url('../../resource/images/common/ico_mymenu_activity.png') no-repeat 14px 50%; background-size:25px auto; }/* 내가 활동한 내역 */
.main-banner-mb .main-banner-list li a span.ico05{ background:url('../../resource/images/common/ico_mymenu_certifi.png') no-repeat 14px 50%; background-size:25px auto; }/* 인증관리 */

.main-banner-mb .main-banner-list li a span.ico06{ background:url('../../resource/images/common/ico_mymenu_join.png') no-repeat 14px 50%; background-size:23px auto; }/* 내가 참여한팀 */
.main-banner-mb .main-banner-list li a span.ico07{ background:url('../../resource/images/common/ico_mymenu_meeting.png') no-repeat 14px 50%; background-size:25px auto; }/* 회의록 */
.main-banner-mb .main-banner-list li a span.ico08{ background:url('../../resource/images/common/ico_mymenu_diary.png') no-repeat 14px 50%; background-size:21px auto; }/* 활동일지 */
.main-banner-mb .main-banner-list li a span.ico09{ background:url('../../resource/images/common/ico_mymenu_account.png') no-repeat 14px 50%; background-size:21px auto; }/* 정산 */
.main-banner-mb .main-banner-list li a span.ico10{ background:url('../../resource/images/common/ico_mymenu_report.png') no-repeat 14px 50%; background-size:21px auto; }/* 종결보고서 */
.main-banner-mb .main-banner-list li a span.ico11{ background:url('../../resource/images/common/ico_mymenu_faq.png') no-repeat 14px 50%; background-size:24px auto; }/* faq */
.main-banner-mb .main-banner-list li a span.ico12{ background:url('../../resource/images/common/ico_mymenu_login.png') no-repeat 8px 50%; background-size:26px auto; }/* login */
.main-banner-mb .main-banner-list li a span.ico13{ background:url('../../resource/images/common/ico_mymenu_signup.png') no-repeat 14px 50%; background-size:21px auto; }/* 회원가입 */

.main-banner-mb .main-banner-list li a:hover span.ico01{ background:url('../../resource/images/common/ico_mymenu_volunteer_on.png') no-repeat 14px 50%; background-size:23px auto; }
.main-banner-mb .main-banner-list li a:hover span.ico02{ background:url('../../resource/images/common/ico_mymenu_program_on.png') no-repeat 14px 50%; background-size:27px auto; }
.main-banner-mb .main-banner-list li a:hover span.ico03{ background:url('../../resource/images/common/ico_mymenu_qna_on.png') no-repeat 14px 50%; background-size:23px auto; }
.main-banner-mb .main-banner-list li a:hover span.ico04{ background:url('../../resource/images/common/ico_mymenu_activity_on.png') no-repeat 14px 50%; background-size:25px auto; }
.main-banner-mb .main-banner-list li a:hover span.ico05{ background:url('../../resource/images/common/ico_mymenu_certifi_on.png') no-repeat 14px 50%; background-size:25px auto; }

.main-banner-mb .main-banner-list li a:hover span.ico06{ background:url('../../resource/images/common/ico_mymenu_join_on.png') no-repeat 14px 50%; background-size:23px auto; }
.main-banner-mb .main-banner-list li a:hover span.ico07{ background:url('../../resource/images/common/ico_mymenu_meeting_on.png') no-repeat 14px 50%; background-size:25px auto; }
.main-banner-mb .main-banner-list li a:hover span.ico08{ background:url('../../resource/images/common/ico_mymenu_diary_on.png') no-repeat 14px 50%; background-size:21px auto; }
.main-banner-mb .main-banner-list li a:hover span.ico09{ background:url('../../resource/images/common/ico_mymenu_account_on.png') no-repeat 14px 50%; background-size:21px auto; }
.main-banner-mb .main-banner-list li a:hover span.ico10{ background:url('../../resource/images/common/ico_mymenu_report_on.png') no-repeat 14px 50%; background-size:21px auto; }
.main-banner-mb .main-banner-list li a:hover span.ico11{ background:url('../../resource/images/common/ico_mymenu_faq_on.png') no-repeat 14px 50%; background-size:24px auto; }
.main-banner-mb .main-banner-list li a:hover span.ico12{ background:url('../../resource/images/common/ico_mymenu_login_on.png') no-repeat 8px 50%; background-size:26px auto; }
.main-banner-mb .main-banner-list li a:hover span.ico13{ background:url('../../resource/images/common/ico_mymenu_signup_on.png') no-repeat 14px 50%; background-size:21px auto; }

.main-banner-mb .admin-link{ padding:3px 10px 4px 10px; text-indent:-9999px; background-position:50%; }





.main-banner-mb .bx-controls-direction{ display:none; }
.main-banner-list{ overflow:hidden; padding:4px 3% 20px 3%; }
.main-banner-list li{ float:left; width:33.33%; min-height:65px; margin-top:16px; padding:0 15px; text-align:center; }
.main-banner-mb .main-banner-list li{ padding:0; }
.main-banner-mb .main-banner-list li a{ display:block; height:74px; border-radius:5px; }
.main-banner-list li a{ display:inline-block; }
.main-banner-list li a span{ display:block; padding-top:36px; text-align:center; font-size:12px; color:#fff; font-weight:700; background-position:50% 0 !important; line-height:14px; }
.main-banner-mb .main .list-area .list li a span.ico07{ background-position:50% 5px !important;}
.main-banner-mb .bx-wrapper .bx-pager{ padding-top:0; }
.main-banner-mb .bx-wrapper .bx-pager.bx-default-pager a{ width:6px; height:6px; background-color:rgba(255,255,255,.3); border:0; }
.main-banner-mb .bx-wrapper .bx-pager.bx-default-pager a.active{ background-color:#fff; }
.main-banner-mb .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ bottom:9px; }
.tab-banner-mb{ overflow:hidden; position:relative; border-bottom:1px solid rgba(255,255,255,.3); }
.tab-banner-mb li{ position:relative; float:left; width:50%; padding:12px 0 11px 0; color:#ffb790; font-size:13px; text-align:center; font-weight:700; cursor:pointer; }
.tab-banner-mb li.on{ color:#fff; }
.tab-banner-mb li.on:after{ content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:#fff; }




/* youtube 영상 */
.video-area{ position:relative; margin-top:94px; }
.video-area .main-tab-area{ margin-top:65px;  }
.video-area .main-tab-area:after{ content:''; display:block; clear:both; }
.video-area .img-area{  position:relative; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.23); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.23); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.23); }
.video-area .img-area img{ display:block; width:100%; max-width:100%; }
.play-button{ position:absolute; top:50%; margin-top:-37.5px; left:50%; margin-left:-37.5px; width:75px; height:75px; font-size:0; background:rgba(255,255,255,.9) url('../../resource/images/common/btn_video_play.png') no-repeat 50%; background-size:21px auto !important; border-radius:100%; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; }
.play-button:focus,
.play-button:hover{ background:rgba(255,255,255,1) url('../../resource/images/common/btn_video_play.png') no-repeat 50%; }
.main-tab-area .video{ float:left; width:50%; }
.main-tab-area .video-info{  float:left; width:50%; padding:6% 0 0 4%; }
.video-area .inner{ position:relative; }
.video-area .inner:after{ content:''; position:absolute; right:0; bottom:-19%; width:54.5%; height:284px; background-color:#f4f4f4; z-index:-1; }
.video-area .ui-tab-style{ position:absolute; left:54%; top:0; z-index:1; }
.video-area .main-tab-area a{ display:inline-block; height:48px; border:2px solid #5c3f89; padding:0 90px 0 32px; margin-top:30px; line-height:42px; font-size:15px; color:#fff; font-weight:700; background:#5c3f89 url('../../resource/images/common/ico_main_link.png') no-repeat right 30px center; border-radius:100px; -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.15); -moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.15); box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.15); background-size:16px auto !important;  -webkit-transition: all .28s ease-in-out; transition: all .28s ease-in-out; box-shadow:1px 1px #d5d5d5, 2px 2px #d5d5d5, 3px 3px #d5d5d5; }  /* 202203 수정 */
.video-area .main-tab-area a:focus,
.video-area .main-tab-area a:hover{ border:2px solid #5c3f89; color:#5c3f89; background:#fff url('../../resource/images/common/ico_main_link_h.png') no-repeat right 30px center; background-size:16px auto !important; -webkit-transform: translateX(-3px); transform: translateX(-3px); }  /* 202203 수정 */
.video-area .main-tab-area .img-area a{display: block; background: none; border: none; height: auto; padding: 0; margin: 0; line-height: 0; border-radius: 0; box-shadow: none; transform: none;} /* 202201 추가 */



/* 사업소개 */
.business-introduction{ padding-bottom:103px; margin-top:172px; background-color:#f6f1ff; } /* 202203 수정 */
.mtit-area{ padding-top:76px; }
.m-tit{ font-size:41px; font-weight:700; text-align:center; }
.m-tit.eng{ font-size:44px; }
.mtit-area p{ margin-top:10px; font-size:18px; color:#666; text-align:center; }

.thumnail-slider li a{ display:block; }
.thumnail-slider .thumnail.img01{ background:url('../../resource/images/common/img_introduce_sample01.jpg') no-repeat 50%; background-size:100%; }
.thumnail-slider .thumnail.img02{ background:url('../../resource/images/common/img_introduce_sample02.jpg') no-repeat 50%; background-size:100%; }
.thumnail-slider .thumnail.img03{ background:url('../../resource/images/common/img_introduce_sample03.jpg') no-repeat 50%; background-size:100%; }
.business-introduction .ui-tabs{ text-align:center; }
.business-introduction .ui-tab-style{ display:inline-block; position:static; left:0; margin-top:18px; }
.main-tab-area .bx-viewport{ padding-bottom:5px; }
.thumnail-slider li .txt{ position:relative; margin:-53px 42px 0 42px; padding:0 40px; background-color:#fbf5ee; z-index:1; }
.thumnail-slider li span{ display:block; padding:8px 0; font-size:18px; font-weight:900; }
.thumnail-slider li p{ padding-top:5px; font-size:12px; color:#666; line-height:16px; }
.main-tab-area{ margin-top:50px; }
.thumnail-slider .active-slide .thumnail:after{ opacity:0; }
.thumnail-slider li a{ position:relative; }
.thumnail-slider li a:focus {border: 4px solid red; outline-offset: 1px;}
.thumnail-slider li .txt{ position:absolute; bottom:0; left:0; right:0; z-index:40; padding:0; max-width: 75%; margin:0 auto; }
.thumnail-slider.n2 img {max-width: 84%; margin: 0 auto;}



/* 메인 공통 슬라이더 */
.bx-wrapper .bx-controls-direction a{ width:18px; height:32px; margin-top:-45px; z-index:9; }
/* .bx-wrapper .bx-controls-direction a:focus{ outline:-webkit-focus-ring-color auto 1px; outline:1px solid #a6c8ff; } */
.bx-wrapper .bx-prev{ left:-30px; background:url('../../resource/images/common/btn_slide_prev.png') no-repeat 50%; }
.bx-wrapper .bx-next{ right:-30px; background:url('../../resource/images/common/btn_slide_next.png') no-repeat 50%; }
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus,
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus{ background-position:50%; }
.bx-wrapper .bx-pager.bx-default-pager a{ width:12px; height:12px; border:2px solid #818181; background:none; }
/*.bx-wrapper .bx-pager.bx-default-pager a:focus{ outline:-webkit-focus-ring-color auto 1px; outline:1px solid #a6c8ff; } */
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus{ width: 40px; background:#818181; }
.bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:focus-visible,
.bx-wrapper .bx-pager.bx-default-pager a.active:focus,
.bx-wrapper .bx-pager.bx-default-pager a.active:focus-visible {outline: red solid 2px; outline-offset: 1px;}
.bx-wrapper .bx-controls-auto .bx-start{ width:11px; height:13px; background:url('../../resource/images/common/btn_slider_play.png') no-repeat 50%; }
.bx-wrapper .bx-controls-auto .bx-stop { width:11px; height:13px; background:url('../../resource/images/common/btn_slider_stop.png') no-repeat 50%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{ display:inline-block; position:relative; left:0; right:0; bottom:1px; margin:0 auto; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{ position:relative; display:inline-block; width:auto; padding-top:0; bottom:0; text-align:center; }
.bx-controls.bx-has-controls-direction.bx-has-controls-auto.bx-has-pager{ margin-top:45px; text-align:center; }
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus{ background-position:50%; }
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus{ background-position:50%; }


/* SNS TODAY */
.sns-link{ text-align:right; margin:24px 0 14px; }
.sns-link li{ display:inline-block; padding:0 17px; border-left:1px solid #d6d6d6; }
.sns-link li:first-child{ margin-left:0; border-left:0; }
.sns-link li a{ display:block; width:24px; height:22px; font-size:0; }
.sns-link li a.ico01{ display:block; background:url('../../resource/images/common/ico_sns_facebook.png') no-repeat 50%; background-size:9px auto; }
.sns-link li a.ico01:focus,
.sns-link li a.ico01:hover,
.sns-link li a.ico01.active{ background:url('../../resource/images/common/ico_sns_facebook_on.png') no-repeat 50%; background-size:9px auto;  }
.sns-link li a.ico02{ background:url('../../resource/images/common/ico_sns_instagram.png') no-repeat 50%; background-size:17px auto; }
.sns-link li a.ico02:focus,
.sns-link li a.ico02:hover,
.sns-link li a.ico02.active{ background:url('../../resource/images/common/ico_sns_instagram_on.png') no-repeat 50%; background-size:17px auto; }
.sns-link li a.ico03{ background:url('../../resource/images/common/ico_sns_blog.png') no-repeat 50%; background-size:17px auto; }
.sns-link li a.ico03:focus,
.sns-link li a.ico03:hover,
.sns-link li a.ico03.active{ background:url('../../resource/images/common/ico_sns_blog_on.png') no-repeat 50%; background-size:17px auto; }
.sns-link li a.ico04{ background:url('../../resource/images/common/ico_sns_youtube.png') no-repeat 50%; background-size:24px auto; }
.sns-link li a.ico04:focus,
.sns-link li a.ico04:hover,
.sns-link li a.ico04.active{ background:url('../../resource/images/common/ico_sns_youtube_on.png') no-repeat 50%; background-size:24px auto; }

.sns-slider li a{ display:block; position:relative; overflow:hidden; border-radius:5px; border:1px solid #ddd; }
.sns-slider li a .mark{ position:absolute; left:0; right:0; top:25%; padding-top:60px; text-align:center; font-size:18px; color:#fff; }
.sns-slider li a .mark.youtube{ background:url('../../resource/images/common/ico_snstoday_tube.png') no-repeat 50% 0; background-size:47px auto; }
.sns-slider li a .mark.facebook{ background:url('../../resource/images/common/ico_snstoday_face.png') no-repeat 50% 0; background-size:47px auto; }
.sns-slider li a .mark.instagram{ background:url('../../resource/images/common/ico_snstoday_insta.png') no-repeat 50% 0; background-size:47px auto; }
.sns-slider li a .mark.blog{ background:url('../../resource/images/common/ico_snstoday_blog.png') no-repeat 50% 0; background-size:47px auto; }
.sns-slider li img{ width:100%; height:252px; }
.sns-slider li a .info{ /* opacity:0; position:absolute; left:0; top:0;  */ display:block; width:100%; height:170px; overflow:hidden; padding:16px 16px;/*  background: #e1012a; background: -moz-linear-gradient(45deg, #e1012a 0%,
#ee7302 100%); background: -webkit-linear-gradient(45deg, #e1012a 0%,#ee7302 100%); background: linear-gradient(45deg, #e1012a 0%,#ee7302 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1012a', endColorstr='#ee7302',GradientType=1 );  text-align:center;  */}


.sns-slider li:hover .info,
.sns-slider li.hover .info,
.sns-slider li a:focus .info{ opacity:1; }


.sns-slider li a .info .name{ display:block; font-size:17px; color:#000; }
.sns-slider li a .info .date{ display:block; font-size:14px; color:#000; }
.sns-slider li a .info .txt{ display:block; clear:both; overflow:hidden; max-height:96px; padding:15px 0 0 0; font-size:15px; color:#000; }
/* .sns-slider li a .info .txt .mCustomScrollBox{ max-height:104px !important;  } */
.sns-slider li a .info .link{ display:none; position:absolute; left:50%; margin-left:-44px; bottom:20px; padding:6px 20px; font-size:13px; color:#fff; text-align:center; border:1px solid #fff; }
.sns-slider li a .info .txt .mCSB_container{ color:#000; }

.sns-link-area{ overflow:hidden; margin-bottom:43px; }
.sns-link-area .sns-link{ float:left; margin:12px 0 0; }
.sns-link-area .sns-link li a.all{ width:auto; }
.sns-link-area .sns-link li a.all span{ font-size:20px; font-weight:700; color:#808080; vertical-align:2px; }
.sns-link-area .sns-link li a.all:hover,
.sns-link-area .sns-link li a.all.active span{ color:#5c3f89; }

.sns-slider.st2{ overflow:hidden; margin:0 -0.87%; }
.sns-slider.st2 li{ float:left; width:25%; padding:0 0.87%; }
.sns-slider.st2 li{ margin-top:10px; }


.sns-link-area .search-box{ float:right; }


/* .main .sns-slider li img{ height:220px; } */


/* 활동하기 */
.bg-tit{ width:100%; height:264px; background:url('../../resource/images/common/bg_work.jpg') no-repeat 50%; background-size:cover; }
.bg-tit h2{ padding-top:86px; vertical-align:middle; font-size:41px; color:#fff; text-align:center; }
.activity-area{ margin-top:96px; }
.activity-area .inner{ margin-top:-118px; }
.status-activity{  margin-bottom:14px; text-align:right; }
.status-activity li{ display:inline-block; }
.status-activity li + li{ margin-left:28px; }
.status-activity li div{ display:inline-block; line-height:41px; font-size:16px; color:#fff; font-weight:900; }
.status-activity li div span{ display:inline-block; width:41px; height:41px; margin-right:7px; border-radius:100%; vertical-align:middle; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); }
.status-activity li div span.ico01{ background:#8985ce url('../../resource/images/common/ico_volunteer.png') no-repeat 50%; background-size:19px auto; }
.status-activity li div span.ico02{ background:#01a3b0 url('../../resource/images/common/ico_sunnyfamily.png') no-repeat 50%; background-size:23px auto; }
.act-area{ display: table; width: 100%; /* overflow:hidden; */ margin-top:20px }
.act-area .act-slider{ margin:0 -9px; }
.act-area .act-slider > li{ float:left; padding:0 9px }
.act-box-style{ position:relative; display:block; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); }
.activity-area .bx-viewport {height: auto !important;}
.activity-area .act-box-style:focus {border: 2px solid red; outline-offset: 1px;}


.act-area .act-slider li .act-box-style{ -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0); }
.act-area .act-slider li .act-box-style:focus-visible{outline: 2px solid red; outline-offset: 1px;}
.act-box-style .act-contbox{ position:relative; }
.act-box-style .act-contbox img{ display:block; width:100%; /* max-width:271.5px;  */max-height:420.77px; }
.act-contbox .day{ position:absolute; right:13px; top:13px; width:40px; height:40px; border-radius:100%; text-align:center; font-size:14px; font-weight:900; line-height:40px; background-color:#444; color:#fff; border:1px solid #7f7f7f; }
.act-contbox .info{ position:absolute; left:0; top:0; bottom:0;width:100%; overflow:hidden; padding:70px 32px 0 32px; background-color:#788bcd; opacity:0; background: #768bcd;  background: -moz-linear-gradient(top, #768bcd 1%, #8b84ce 100%); 	background: -webkit-linear-gradient(top, #768bcd 1%,#8b84ce 100%); 	background: linear-gradient(to bottom, #768bcd 1%,#8b84ce 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#768bcd', endColorstr='#8b84ce',GradientType=0 ); }
.act-contbox.st2 .info{ background: #01a3b0; background: -moz-linear-gradient(top, #01a3b0 0%, #13bdab 100%); background: -webkit-linear-gradient(top, #01a3b0 0%,#13bdab 100%); background: linear-gradient(to bottom, #01a3b0 0%,#13bdab 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01a3b0', endColorstr='#13bdab',GradientType=0 ); }
.act-contbox .info .tit{ overflow:hidden; font-size:18px; line-height:24px; color:#fff; font-weight:900; max-height:46px; letter-spacing:-1px; }
.act-contbox .info .list li{ padding:3px 0 3px 29px; font-size:14px; color:#fff; font-weight:700; }
.act-contbox .info .list{ margin-top:26px; }
.act-contbox .info .list li.ico01{ background:url('../../resource/images/common/ico_work_list01.png') no-repeat 0 6px; background-size:14px auto; }
.act-contbox .info .list li.ico02{ background:url('../../resource/images/common/ico_work_list02.png') no-repeat 0 6px; background-size:15px auto; }
.act-contbox .info .list li.ico03{ background:url('../../resource/images/common/ico_work_list03.png') no-repeat 0 6px; background-size:12px auto; }
.act-contbox .info .list li.ico04{ background:url('../../resource/images/common/ico_work_list04.png') no-repeat 0 6px; background-size:14px auto; }
.act-contbox .info .list li.ico05{ background:url('../../resource/images/common/ico_work_list05.png') no-repeat 0 6px; background-size:16px auto; }

.act-contbox .info .list li.ico06{ background:url('../../resource/images/common/ico_work_list06.png') no-repeat 0 6px; background-size:14px auto; }
.act-contbox .info .list li.ico07{ background:url('../../resource/images/common/ico_work_list07.png') no-repeat 0 6px; background-size:14px auto; }




.act-contbox .info .btn-area{  margin-top:34px; text-align:center; }
.act-contbox .info .btn-link{ position:absolute; left:0; right:0; bottom:20px; margin:0 auto; padding:12px 0; width:100%; max-width:185px; border-radius:50px; border:1px solid #fff; font-size:16px; color:#fff; font-weight:900; text-align:center; }
.act-contbox .info .btn-link:hover{ /* background-color:#0e9689; color:#fff; */ }
/* .act-box-style:hover .info{ transition:all .1s;  opacity:1; } */
/* .act-box-style:hover .info{ opacity:1; }
.act-box-style:focus .info{ opacity:1; } */
.btn-txt{ display:block; text-align:center; height:50px; line-height:50px; background-color:#676767; }
.btn-txt span{ font-size:15px; color:#fff; }

.act-slider li:hover .info{ opacity:1; }
.act-slider li:focus .info{ opacity:1; }

.act-contbox .imgbox .cont{ position:absolute; left:0; right:0; bottom:7%; width:100%; padding:0 8%;  }
.act-contbox .imgbox .cont .round-box{ display:block; }
.act-contbox .imgbox .cont .round-box + .round-box{ margin-top:10px; }
.act-contbox .imgbox .cont .round-box em{ display:inline-block; padding:4px 10px 6px; border:1px solid #fff; border-radius:3px; font-size:14px; color:#fff; font-weight:300; letter-spacing:-1px; }
.act-contbox .info .btn-link.end{ z-index:9; }

.act-contbox .imgbox .cont .round-box em + em{ margin-left:2px; }

.act-contbox .imgbox .cont .area{ display:block; margin-top:12px; }
.act-contbox .imgbox .cont .area span{ display:block; color:#fff; font-size:14px; font-weight:700; } /* 20220128 수정 */
.act-contbox .imgbox .cont .area strong{ display:block; color:#fff; font-size:18px; font-weight:700; max-width:98%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } /* 20220128 수정 */
.act-contbox .imgbox .cont .area em{ display:block; margin-top:3px; color:#fff; font-size:14px; font-weight:500; } /* 20220128 수정 */
/* .act-box-style:hover .day,
.act-box-style.hover .day{ border-color:#fff; background:none; } */


.act-box-style .act-contbox .cont-top{ position:absolute; left:0; top:0; right:0; text-align:center; width:100%; padding:35px 14px 0 14px; }
.act-box-style .act-contbox .cont-top .rtxt{ display:inline-block; padding:3px 13px 5px; font-size:13px; font-weight:700;/*  color:#e73649; border:1px solid #e73649;  */ background-color:#3e3b6f; color:#fff; border-radius:50px; text-align:center; }
.act-box-style .act-contbox .cont-top h3, .act-box-style .act-contbox .cont-top strong { display: inline-block; width: 100%; overflow:hidden; max-height:50px; margin-top:5px; font-size:20px; color:#000; text-align:center; font-weight:900; letter-spacing:-1px; line-height:24px; }
/* .act-box-style .act-contbox.st2 .cont-top .rtxt{  /* color:#09aeae; border:1px solid #09aeae; */ /* background-color:#116268; color:#fff; } /* 2021 웹접근성 주석처리함. */
.act-box-style .act-contbox.st2 .cont-top .rtxt{  /* color:#09aeae; border:1px solid #09aeae; */ background: #61b1a9 url('../../resource/images/common/2020_c_img04.png') repeat; color: #fff; } /* 2021 웹접근성 추가. */

/* 활동하기 (써니패밀리) */
.act-contbox.st2 .imgbox .cont .round-box.st2{ border-top:1px solid rgba(255,255,255,.4); margin-top:10px; padding-top:10px; }
.act-contbox.st2 .imgbox .cont .round-box.st2 em{ background-color:#0e9689; border-color:rgba(37,97,91,.5);  }
.act-contbox.st2 .imgbox .cont .area{ margin-top:5px; }
.act-contbox.st2 .imgbox .cont{ bottom:2.2%; }

/* 공지사항,이벤트, FAQ, Q&A */
.main-info{ margin-top:88px; }
.main-info .row{ margin:0 -10px; }
.main-info .row:after{ content:''; display:block; clear:both; }
.main-info .row > li{ float:left; padding:0 10px; width:50%;  }

.tabs-info{ position:relative; }
/* .tabs-info .info-list-area{ position:absolute; left:0; top:44px; right:0; width:100%; height:174px; } */
.tabs-info{ border-radius:0; }
.tabs-info .ui-tabs-nav{ padding-bottom:14px !important; border-bottom:2px solid #3e3e3c !important; border-radius:0; }
.tabs-info > ul > li{ float:none !important; }
.tabs-info > ul > li > a{ display:block; font-size:22px; font-weight:700; color:#888; }
.tabs-info > ul > li.ui-tabs-active a{ color:#222; }
.tabs-info > ul > li > a:hover{ color:#222; }


.tabs-content{ position:relative; }
.btn-view{ position:absolute; right:0; top:-46px; width:16px; height:44px; background:url('../../resource/images/common/btn_view.png') no-repeat 50%; text-indent:-9999px; z-index:9; }
.main-info .ui-tabs-active a{ border-bottom:0 !important;}
.main-info .ui-tabs .ui-tabs-nav .ui-tabs-anchor{ padding:0; }
.main-info .ui-tabs .ui-tabs-nav li + li a{ margin-left:20px; }
.ico-noti{ display:inline-block; padding:2px 11px 1px; border-radius:30px; border:1px solid #5c3f89; color:#5c3f89; font-size:13px; } /* 202203 수정 */
.ico-noti.st2{ color:#6b6b6b; border-color:#6b6b6b; }
.ico-noti.st3{ color:#bd9f88; border-color:#bd9f88; }
.info-list{ width:100%; max-width:100%; table-layout:fixed; }
.info-list td,
.info-list th{ height:58px; padding:0 6px; border-top:1px solid #ededec; vertical-align:middle; text-align:left; }
.info-list tr:first-child th,
.info-list tr:first-child td{ border-top:0; }
.info-list .subject{ display:inline-block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; font-weight:700; vertical-align:middle; }
.info-list .subject:focus,
.info-list .subject:hover{ text-decoration:underline; }
.info-list .date{ font-size:13px; color:#666; }
.info-list .name{ font-size:13px; color:#666; }
.info-list .q-txt{ display:inline-block; margin-right:5px; font-size:17px; color:#666; font-weight:900; }
.main-link-banner{ overflow:hidden; }
.main-link-banner{ margin:0 -10px; }
.main-link-banner > li{ float:left; width:50%; padding:0 10px;}
.link-banner{ margin-top:28px; }
.link-banner a{ display:block; padding:20px 38px 27px; border:1px solid #e5e5e5; background:#f6f6f6 url('../../resource/images/common/ico_survey.png') no-repeat right 47px center; }
.link-banner.st2 a{ background:#f6f6f6 url('../../resource/images/common/ico_reserve.png') no-repeat right 47px center; }
.link-banner strong{ font-size:22px; font-weight:900; }
.link-banner p{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:80px; margin-top:4px; font-size:14px; line-height:20px; }
.link-banner span{ display:block; margin-top:1px; font-size:14px; color:#666; }

.grtyoutube-popup-content { /* border:4px solid #5c3f89; */  } /* 수정 2019-12-23 */
.grtyoutube-dark-theme .grtyoutube-popup-close { width:58px; height:58px; font-size:0; background:url('../../resource/images/common/btn_video_close.png') no-repeat 50%; top:-70px; }



/* box-design-area 레이아웃 */
.box-design-area{ overflow:hidden; }
.box-inner{ display:flex; flex-wrap:wrap; overflow:hidden; margin:-30px -1.3% 0 -1.3%; }
.box-inner > li{ float:left; width:33.33%; padding:0 1.3% 0 1.3%; margin-top:30px; }
.box-inner .cont{  border:1px solid #d5d5d5; }
.cont .title{ overflow:hidden; /*height:49px;*/ padding:15px 30px; /*line-height:49px;*/ border-bottom:1px solid #e8e8e8; }
.label-txt { color:#fff; font-size:13px; border-bottom:1px solid #dcdcdc; padding-bottom:10px; margin-bottom:10px; }

.cont .title .numb{ display:inline-block; float:left; color:#666; font-size:13px; }
.cont .title .writer{ display:flex; width: 60%; justify-content: flex-end; float:right; color:#666; font-size:13px; }
.cont .title .writer strong{ display: inline-block; max-width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; margin: 0 5px 0 0; }
.cont .infor{ padding:30px 30px; }
.cont .infor .top{ overflow:hidden; }
.cont .infor .top .status{ float:left; }
.cont .infor .top .f-r{ float:right; }
.cont .infor .subject-box{ margin-top:10px; }
.cont .infor .subject-box .subject{ display:block; display:-webkit-box; color:#666; font-size:18px; font-weight:bold; vertical-align:-3px;  overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all; line-height:23px; height:46px; }
.cont .infor .subject-box .subject:focus,
.cont .infor .subject-box .subject:hover{text-decoration:underline;}
.cont .infor .limit{ display:inline-block; margin-top:5px; color:#666; font-size:14px; }
.cont .bfoot{ overflow:hidden; border-top:1px solid #e9e9e9; padding:16px 0 16px 0; margin:0 30px; }
.cont .bfoot .answer{ float:right; color:#666; font-size:16px; font-weight:bold; }
.new{ display:inline-block; width:18px; height:18px; border-radius:50%; background-color:#5c3f89; color:#fff; font-size:9px; text-align:center; line-height:18px; margin: 0 2px;} /* 202203 수정 */
.new .blind { display:table; width:1px; height:1px; font-size:9px;} /* 202203 추가 */

/* box-design-area 마노컴퍼니1팀,서울,써니룸 */
.cont .infor .list-location{ margin-bottom:10px; text-align:right; font-size:0; }

.cont .infor .list-location span{ display:inline-block; max-width:65%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:2px 10px 2px 10px; color:#6b6ba0; font-size:13px; border:1px solid #c8c8e5; background-color:#f8f8fc; }/* 보라색 */
.cont .infor .list-location span + span{ max-width:initial; border-left:0;  }
.cont.type2 .infor .list-location span{ margin-left:2px; color:#107c83; border:1px solid #9bd6d6; background-color:#f0fafa; }/* 녹색 */

.in-box{ overflow:hidden; }
.in-box .status{ float:left; }
.in-box .list-location{ float:right; }

/* box-design-area 시간,날짜 */
.cont .infor .date{ display:inline-block; margin-top:15px; padding-left:25px; font-size:14px; background:url('../../resource/images/common/ico_report_calendar.png') no-repeat left top; background-size:16px auto; }/* 날짜 아이콘*/
.cont .infor .date.time{ padding-left:20px; background:url('../../resource/images/common/ico_time.png') no-repeat left 50%; background-size:14px auto; } /* 시간 아이콘*/

/* box-design-area 상태값 */
.cont .bfoot .answer-g{ color:#239c9d; }/* 심사중 */
.cont .bfoot .answer-b{ color:#0055a4; }/* 승인 */
.cont .bfoot .answer-r{ color:#5c3f89; }/* 반려 */
.cont .bfoot .answer-v{ color:#111158; }/* 종료 */

/* box-design-area 답변완료시 */
.cont.answer-finish{ border:1px solid #111158; }
.cont.answer-finish .infor .subject-box .subject{ color:#222; }
.cont.answer-finish .bfoot .answer{ color:#111158; }

/* box-design-area 설문조사 완료시 */
.box-inner .cont.finish .infor .status{ border:1px solid #c5c5c5; color:#b5b5b5; }
.box-inner.st3 .cont.finish .infor .subject-box .subject{ color:#666; }
.box-inner .cont.finish .infor .date.time{ color:#666; }

/* box-design-area VMS 신청 */
.box-inner.st2 .cont .infor.vms-finish .date.time{ color:#666; background:url('../../resource/images/common/ico_time02.png') no-repeat left 50%; background-size:14px auto; }/* 발급완료시 시간색상 */
.box-inner.st2 .cont .infor.vms-finish .subject-box .subject{ color:#666; }/* 발급완료시 subject 색상 */

/* box-design-area 그라데이션 */
.box-inner.st2 .cont .title{ background: rgb(118,139,205); background: -moz-linear-gradient(left, rgba(118,139,205,1) 0%, rgba(139,132,206,1) 100%); background:-webkit-linear-gradient(left, rgba(118,139,205,1) 0%,rgba(139,132,206,1) 100%); background: linear-gradient(to right, rgba(118,139,205,1) 0%,rgba(139,132,206,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#768bcd', endColorstr='#8b84ce',GradientType=1 ); color:#fff; }
/* .box-inner.st2 .cont.type2 .title{ background: rgb(19,189,171); background: -moz-linear-gradient(left, rgba(19,189,171,1) 0%, rgba(1,163,176,1) 100%); background: -webkit-linear-gradient(left, rgba(19,189,171,1) 0%,rgba(1,163,176,1) 100%);	background: linear-gradient(to right, rgba(19,189,171,1) 0%,rgba(1,163,176,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13bdab', endColorstr='#01a3b0',GradientType=1 ); } */ /* 2021 웹접근성 주석처리함. */
.box-inner.st2 .cont.type2 .title{ background:url('../../resource/images/common/mypage_bg01.png') repeat; }
.box-inner.st2 .cont .title .numb{ color:#fff; }
.box-inner.st2 .cont .title .writer, .box-inner.st2 .cont .title .writer *{ color:#fff; }
.box-inner.st2 .cont .infor .subject-box .subject{ color:#222; }

/* box-design-area 써니룸예약내역 */
.box-inner.st3 .cont .infor .subject-box .subject{ color:#222; }
.box-inner.st3 .cont .infor .list-location span{ max-width:100%; border:1px solid #999; color:#666; background-color:#fff; }

/* box-design-area 내가 활동한 프로그램 */
.answer-list{ overflow:hidden; float:right; }
.answer-list li{ overflow:hidden; float:left; position:relative; padding-left:10px; margin-left:10px; }
.answer-list li:first-child{ padding-left:0; margin-left:0; }
.answer-list li:first-child:after{ display:none; }
.answer-list li:after{ content:""; position:absolute; top:5px; left:0; width:1px; height:15px; background-color:#d1d1d1; }
/* 툴팁이미지 */
.tooltip-box{ display:inline-block; position:relative; background-color:#fff;  }
/* .tooltip-box:hover .tooltip-img{ display:block; } */
.tooltip-box.hover .tooltip-img{ display:block; }


.tooltip-img{ display:none; position:absolute; top:-7px; left:87px; border:2px solid #2b2c45; width:320px; border-radius:5px; background-color:#fff; padding:20px; transition:all .5s; z-index:9; }
.tooltip-img:before{ content:""; position:absolute; top:15px; left:-15px; width:15px; height:17px; background:url('../../resource/images/common/img_tooltip_arrow.png') no-repeat 50%; }
.tooltip-img img{ max-width:100%; }
.tooltip-img a { width:16px; height:16px; position:absolute; top:15px; right:15px; background:url('../../resource/images/common/ico_pop_close_b.png') no-repeat 50%;  background-size:100%; font-size:0; text-indent:-9999px; }


/* 지원하기 */
.question{ color:#5c3f89; font-size:18px; font-weight:bold; }
.question span{ display:inline-block; width:23px; height:23px; margin-right:5px; line-height:23px; border-radius:50%; background-color:#5c3f89; color:#fff; font-size:11px; text-align:center; vertical-align:2px; }
.kakao-link{ display:inline-block; width:36px; height:36px; margin-left:3px; background:url('../../resource/images/common/btn_kakao_link.png') no-repeat 50%; background-size:100%; vertical-align:middle; text-indent:-9999px; } /* 2021 웹접근성 수정 */




.detail-top{ position:relative; }
.detail-top .layer{ position:static; max-width:650px; }
.detail-top .info{ position:relative;  }
.detail-top .layer-pop{ top:-37px; left:auto; right:0; margin-top:0 !important; z-index:9; }
.detail-top .layer-pop .layer-tit{ border-style:solid; border-width:1px 1px 0 1px; border-color:#222; }
.detail-top .layer-pop .layer-cont{ padding-bottom:30px; background-color:#fbfcfd; border-style:solid; border-width:0 1px 1px 1px; border-color:#222; }
.detail-top .layer-pop .layer-cont .tit{ margin-top:-20px; font-size:32px; color:#5c3f89; font-weight:900; }
.detail-top .layer-pop .layer-cont .layer-desc{ margin-top:14px; font-size:18px; color:#222; font-weight:700; }
.detail-top .layer-pop .layer-cont .layer-desc strong{ display:inline-block; font-size:18px; color:#5c3f89; font-weight:900; text-decoration:underline; }
.detail-top .layer-pop .layer-cont .layer-desc2{ margin-top:8px; font-size:15px; color:#454545; line-height:24px; }
.detail-top .layer-pop .layer-cont .layer-box{ padding:16px 28px; margin-top:12px; border:2px solid #e8e8e8; background-color:#fff; }
.detail-top .layer-pop .layer-cont .layer-box li{ display:table; width:100%; line-height:28px; }
.detail-top .layer-pop .layer-cont .layer-box li span{ display:table-cell; width:156px; font-size:15px; font-weight:900; color:#222; vertical-align:middle; }
.detail-top .layer-pop .layer-cont .layer-box li em{ display:table-cell; font-size:15px; color:#222; vertical-align:middle; }









/* 등록자 */
.regi-box{ overflow:hidden; margin-top:30px; padding:30px 60px; background-color:#f7f7f7; }
.regi-box.st2 .regi.right{ padding-left:50px; border-left:1px solid #d8d8d8; }
.regi{ overflow:hidden; }
.regi.left{ float:left; }
.regi.right{ float:right; }
.regi li{ float:left; }
.regi li + li{ margin-left:40px; }
.regi li strong{ /* display:inline-block; */ float:left; padding-left:25px; margin-right:10px; font-size:15px; font-weight:bold; }
.regi li strong.ico1{ background:url('../../resource/images/common/ico_regi_ico1.png') no-repeat left 50%; background-size:20px auto; }
.regi li strong.ico2{ background:url('../../resource/images/common/ico_regi_ico2.png') no-repeat left 50%; background-size:20px auto; }
.regi li strong.ico3{ background:url('../../resource/images/common/ico_regi_ico3.png') no-repeat left 50%; background-size:20px auto; }
.regi li em{ /* display:inline-block;  */ float:left; margin-top:2px; color:#666; font-size:15px; }


/* 합격자 처리 */
.board-area{ position:relative; margin-bottom:25px; }
.board-inner{ min-width:800px; margin:0 auto; text-align:center; }
.board-inner h3 + .board{ display:inline-block; width:100%; padding:0 90px; }
.board.col3{ padding-left:0; }
.board.col3 li{ text-align:center; }
.board-area h3{ font-size:22px; font-weight:bold; text-align:center; }
.board{ overflow:hidden; margin-top:30px; }
.board li{ float:left; width:25%; text-align:left; }
.board.col3 li{ width:33.33%; }
.board li strong{ display:inline-block; max-width:78%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:20px; font-size:16px; vertical-align:-5px; }
.board li strong.ico1{ background:url('../../resource/images/common/ico_program01.png') no-repeat left 4px; }
.board li strong.ico2{ background:url('../../resource/images/common/ico_program02.png') no-repeat left 4px; }
.board li strong.ico3{ background:url('../../resource/images/common/ico_program03.png') no-repeat left 4px; }
.board li span{ display:inline-block; font-size:16px; }
.board li span em{ font-size:16px; font-weight:bold; color:#5c3f89; }
.board-btn{ display:inline-block; position:absolute; top:0; width:36px; height:36px; border:1px solid #ddd; text-indent:-9999px; transition:all .2s; }
.board-btn:hover{ background-color:#ddd; }
.b-prev{ left:0; background:#fff url('../../resource/images/common/btn_prev.png') no-repeat 50%; }
.b-next{ right:0; background:#fff url('../../resource/images/common/btn_next.png') no-repeat 50%; }
.board-btn:hover.b-prev{ background:#ddd url('../../resource/images/common/btn_prev_hover.png') no-repeat 50%; }
.board-btn:hover.b-next{ background:#ddd url('../../resource/images/common/btn_next_hover.png') no-repeat 50%; }


/* 지원자 관리 */
.suggest-area{ background-color:#f7f7f7; border:1px solid #e7e7e7; padding:15px; }
.suggest-area ~ .suggest-area{ margin-top:15px; }
.suggest-box{ margin-bottom:15px; }
.suggest-box:last-child{ margin-bottom:0; }
.suggest-box dt{ overflow:hidden; }
.suggest-box dt strong{ display:inline-block; position:relative; color:#111158; font-size:15px; padding-left:10px; line-height:33px;}
.suggest-box dt strong:before{ content:""; position:absolute; top:15px; left:0; width:3px; height:3px; background-color:#111158; }
.suggest-box dt .btn{ float:right; }
.suggest-box dd{ margin:5px 10px 10px 10px; line-height:23px; color:#666; font-size:15px; }



/* 리더공지사항상세 */
.check-notice{ display:table; width:100%; padding:25px 40px; background-color:#f9f9f9; margin-top:20px; }
.check-notice .check-btn{ display:table-cell; width:150px; border-right:1px solid #dcdcdc; }
.check-notice .check-list{ display:table-cell; overflow:hidden; vertical-align:middle; padding-left:40px; }
.check-notice .check-list li{ float:left; position:relative; padding-left:10px; margin-left:10px; color:#666; font-size:14px; }
.check-notice .check-list li:before{ content:""; position:absolute; top:3px; left:0; width:1px; height:14px; background-color:#d9d9d9; }
.check-notice .check-list li:first-child{ padding-left:0; margin-left:0; }
.check-notice .check-list li:first-child:before{ display:none; }
.check-notice .check-list li strong{ color:#444; }


/* 개인정보 처리 방침 */
.agree-p{ color:#444; font-size:14px; line-height:23px; margin-bottom:15px; }
.agree-h3{ margin-bottom:5px; margin-top:20px; color:#222; font-size:14px; font-weight:bold; }
.agree-list > li{ padding-left:15px; text-indent:-15px; color:#444; font-size:14px; line-height:23px; }
.agree-list > li + li{ margin-top:5px; }
.agree-list2 > li + li{ margin-top:5px; }
.agree-list2 > li{ position:relative; padding-left:7px; color:#444; font-size:14px; line-height:23px; }
.agree-list2 > li:before{ content:""; position:absolute; top:10px; left:0; width:2px; height:2px; background-color:#444; }
.agree-list2 > li > .agree-list{ padding:5px; }
/* .agree-p + .agree-h3{ margin-top:15px; }
.agree-h3 ~ .agree-h3{ margin-top:20px; }
.agree-list + .agree-h3{ margin-top:15px; }
.agree-list2 + .agree-h3{ margin-top:15px; }
.agree-p + .agree-list{ margin-top:15px; } */
.agree-notice{ color:#888; font-size:15px; text-align:right; }
.support-list.st2{ margin-top:15px; padding-top:15px; border-top:1px solid #d9d9d9; }
.support-list.st2 > li dl dt{ font-size:21px; }
.layer-cont .support-list.st2 > li dl dt{ width:100px; }
.agree-list + .tbl-style01.type3{ margin-top:10px; }

.trust-company{ overflow:hidden; margin:0 -10px 20px -10px; }
.trust-company li{ float:left; width:50%; padding:0 10px; }
.trust-company li div{ border:1px solid #ddd; }
.trust-company li:last-child{ border-left:0; }
.trust-company li p{ display:table; width:100%; font-size:14px; color:#444;  border-top:1px solid #ddd; }
.trust-company li p strong{ display:table-cell; width:97px; padding:10px; background-color:#f6f6f6; font-size:14px; border-right:1px solid #ddd; }
.trust-company li p span{ display:table-cell; padding:10px; }
.trust-company li p:first-child{ border-top:0; }



/* 이메일무단수집거부 */
.email-notice{ max-width:980px; margin:0 auto; padding:186px 20px 60px; background:#f7f7f7 url('../../resource/images/common/bg_email.png') no-repeat 50% 27%; background-size:101px auto; }
.email-notice p{ color:#222; font-size:15px; font-weight:bold; line-height:25px; text-align:center; }
.email-notice span{ display:block; margin-top:30px; color:#444; font-size:14px; text-align:center; }


/* 활동하기 메인 써니패밀리 */
.idea-link{ overflow:hidden; height:137px; margin-top:50px;  background:#46c6c7 url('../../resource/images/common/bg_idea_link.png') no-repeat right bottom; }
.idea-link .sec{ max-width:850px; width:100%; margin:0 auto; padding:0 14px; }
.idea-link .txt{ float:left; width:50%; width:66%; padding-top:34px; }
.idea-link .txt p{ font-size:18px; color:#0b6162; }
.idea-link .txt strong{ display:inline-block; font-size:30px; font-weight:900; }
.idea-link .txt a{ display:inline-block; padding:8px 50px 8px 24px; margin-left:14px; font-size:14px; font-weight:700; font-size:14px; color:#fff; font-weight:700; background:#222 url('../../resource/images/common/btn_idea_link.png') no-repeat right 15px center; background-size:12px auto; border-radius:30px; vertical-align:5px; }
.idea-link .imgbox{ float:right; width:34%; padding-top:18px; }





/********************************************************************************************************************/
													/* FOOTER */
/********************************************************************************************************************/

/* 관련사이트 */
.site-link{ border-top:1px solid #e1e1e1; }
.site-link:after{ content:''; display:block; clear:both; }
.site-link .inner > ul:nth-child(1){ float:left; }
.site-link .inner > ul:nth-child(1)> li{ float:left; margin-left:52px;}
.site-link.en .inner > ul:nth-child(1)> li {margin-left: 25px;}
.site-link .inner > ul:nth-child(1) > li:first-child{ margin-left:0; }
.site-link .inner > ul:nth-child(1) > li > a{ display:block; height:66px; text-indent:-9999px; }
.site-link .inner > ul:nth-child(1) > li > a.img01{ width:46px; background:url('../../resource/images/common/img_site_link01.png') no-repeat 50%; background-size:100%; }
.site-link .inner > ul:nth-child(1) > li > a.img02{ width:77px; background:url('../../resource/images/common/img_site_link02.png') no-repeat 50%; background-size:100%; }
.site-link .inner > ul:nth-child(1) > li > a.en_img02{ width:160px; background:url('../../resource/images/common/en_img_site_link02.png') no-repeat 50%; background-size:100%; }
.site-link .inner > ul:nth-child(1) > li > a.img03{ width:66px; background:url('../../resource/images/common/img_site_link03.png') no-repeat 50%; background-size:100%; }
.site-link .sns-link{ margin-top:7px; float:right; }




.footer-info{ position:relative; padding:35px 0 64px; background-color:#3a3a3a; }
.footer-info .link:after{ content:''; display:block; clear:both; }
.footer-info .link li{ float:left; }
.footer-info .link li a{ display:block; position:relative; padding:0 13px; font-size:14px; font-weight:700; color:#ccc; }
.footer-info .link li a:before{ content:''; position:absolute; top:2px; left:0; width:1px; height:15px; background-color:#757575; }
.footer-info .link li:first-child a{ padding-left:0; color:#a987dc; } /* 202203 수정 */
.footer-info .link li:first-child a:before{ display:none; }
.footer-info address{ margin-top:10px; font-size:14px; color:#b4b4b4; line-height:22px; }


.family-site{ position:absolute; top:0; right:0; width:183px; height:40px; border:1px solid #747474; }
.family-site button{ display:block; width:100%; height:38px; line-height:38px; padding:0 20px; font-size:14px; color:#bababa; font-weight:500; text-align:left; background:#3a3a3a url(../images/common/footer_select_arr.png) no-repeat 90% center; }

.family-site button:focus,
.family-site button.active{ display:block; width:100%; height:38px; line-height:38px; padding:0 20px;  font-size:14px; color:#222; font-weight:500; text-align:left; background:#fff url(../images/common/footer_select_arr_act.png) no-repeat 90% center;  }
.family-site ul{ display:none; position:absolute; /* overflow-y:auto; */ bottom:38px; left:-1px; right:-1px; max-height:314px; border:1px solid #747474; z-index:99; }
.family-site ul li a{ display:block; width:100%; padding:0 20px; font-size:14px; line-height:38px; color:#bababa; font-weight:500; background-color:#3a3a3a; border-top:1px solid #5b5b61;  }
.family-site select::-ms-expand { display: none; }


.family-site-mb{ display:none; height:38px; border-radius:3px; border:1px solid #cbcbcb; background:#fff url('../../resource/images/common/footer_select_mb_arr.png') no-repeat right 5% center; background-size:15px auto;  -webkit-appearance: none; }
.family-site-mb::-ms-expand{ display:none; }


.wa{ position:absolute; right:0; top:50px; width:60px; height:auto; }
.wa img{ width:100%; }









/********************************************************************************************************************/
															/* 컨텐츠 */
/********************************************************************************************************************/


/* 회원가입 */
.step-area{ position:relative; border-bottom:1px solid #919191; }
.step-area:after{ content:''; display:block; clear:both; }
.step-area ul li{ position:relative; float:left; width:25%; padding:0 14px 15px 14px;  }
.step-area ul li.on:after{ content:''; position:absolute; bottom:-1px; left:0; right:0; height:4px; background-color:#5c3f89; } /* 202203 수정 */
.step-area ul li:first-child{ padding-left:0; }
.step-area ul li:before{ content:''; position:absolute; left:-5px; top:50%; margin-top:-13px; width:14px; height:26px; background:url('../../resource/images/common/ico_register_arrow.png') no-repeat 50%; background-size:14px auto; }
.step-area ul li:first-child:before{ display:none; }
.step-area ul li span{ display:block; padding-top:67px; text-align:center;  }
.step-area ul li span.img01{ background:url('../../resource/images/common/ico_register_process01.png') no-repeat 50% 0; background-size:70px auto; }
.step-area ul li.on span.img01{ background:url('../../resource/images/common/ico_register_process01_on.png') no-repeat 50% 0; /* background-size:70px auto; */ }
.step-area ul li span.img02{ background:url('../../resource/images/common/ico_register_process02.png') no-repeat 50% 0; background-size:39px auto; }
.step-area ul li.on span.img02{ background:url('../../resource/images/common/ico_register_process02_on.png') no-repeat 50% 0; background-size:39px auto; }
.step-area ul li span.img03{ background:url('../../resource/images/common/ico_register_process03.png') no-repeat 50% 0; background-size:60px auto; }
.step-area ul li.on span.img03{ background:url('../../resource/images/common/ico_register_process03_on.png') no-repeat 50% 0; /* background-size:73px auto; */ }
.step-area ul li span.img04{ background:url('../../resource/images/common/ico_register_process04.png') no-repeat 50% 0; background-size:61px auto; }
.step-area ul li.on span.img04{ background:url('../../resource/images/common/ico_register_process04_on.png') no-repeat 50% 0; background-size:61px auto; }
.step-area ul li em{ display:block; font-size:14px; color:#444; font-weight:700; text-align:center; }



/* 약관동의 */
.agree-chk.all{ width:100%; max-width:1000px; margin:66px auto 0 auto; text-align:center; }
.agree-chk.all label{ font-size:20px; font-weight:500; }
.agree-chk.all label p{ display:inline-block; font-size:20px; font-weight:500; }
.agree-chk{ position:relative; }
.agree-chk label{ font-size:18px; font-weight:700; }
.agree-chk label em{ margin-right:7px; font-size:18px; font-weight:700; color:#666; vertical-align:bottom; }
.agree-chk.all input[type="checkbox"].style-chk{ left: 3px; top: 4px; }
input[type="checkbox"].style-chk{ position:absolute; left:0; top:2px; width:22px; height:22px; }
input[type="checkbox"].style-chk + label span {display:inline-block; margin-right:7px; width:22px; height:22px; vertical-align:middle; background:url('../../resource/images/common/ico_register_check.png') no-repeat 50%; background-size:100%; cursor:pointer; vertical-align:-4px; }
input[type="checkbox"].style-chk:checked + label span { background:url('../../resource/images/common/ico_register_check_on.png') no-repeat 50%; background-size:100%; }
.agree-box{ margin-top:66px; border:1px solid #e8e8e8; }
.agree-info{ /* padding:40px 75px 36px; */ }
.agree-info > dt{ position:relative; padding:30px 75px; border-top:1px solid #e7e7e7; }
.agree-info > dt.active{ /* padding-bottom:15px; */  }
.agree-box dl:first-child dt{ border-top:0; }
.agree-info > dd{ display:none; margin:0 75px 35px 75px; border:1px solid #e8e8e8; }
.agree-info > dd .info-box{ overflow-y:auto; padding:16px 26px;  }
.agree-info .agree-chk{ /*position:absolute; left:78px; top:50%; margin-top:-13px; */} /* 2020-01-13 수정 */
.agree-info > dt h3{ padding-left:26px; padding:28px 0 28px 34px; font-size:18px; font-weight:700; }
.agree-info > dt a{ position:absolute; right:75px; top:45%; margin-top:-5px; width:17px; height:17px; background:url('../../resource/images/common/ico_register_down.png') no-repeat 50%; background-size:17px auto; cursor:pointer; font-size:0; }
.agree-info > dt a.active{ background:url('../../resource/images/common/ico_register_up.png') no-repeat 50%; background-size:17px auto; }

.agree-box .support-list.st2{ margin-top:0; padding-top:0; border-top:0; }
.agree-box .support-list.st2 li:first-child{ padding-top:0; }
.agree-box .support-list.st2 li dl dt{ width:140px; font-size:18px; }
.agree-box .support-list.st2 li dl dd{ padding-left:2.8%; }


/* 본인인증 */
.agree-desc{ margin-top:65px; font-size:20px; line-height:30px; text-align:center; }
.certification-link{ overflow:hidden; margin-top:68px; }
.certification-link .list{ margin:0 -15px; }
.certification-link .list li{ float:left; width:50%; padding:0 10px; }
.certification-link .list li .box{ padding:66px 20px 42px; background-color:#f7f7f7; text-align:center;; }
.certification-link .list li .box h3{ padding-top:88px; font-size:20px; font-weight:900; text-align:center; }
.certification-link .list li .box h3 strong{ color:#5c3f89; font-weight:900; } /* 202203 수정 */
.certification-link .list li .box h3.st1{ background:url('../../resource/images/common/ico_register_phone.png') no-repeat 50% 0; background-size:79.66px auto; }
.certification-link .list li .box h3.st2{ background:url('../../resource/images/common/ico_register_ipin.png') no-repeat 50% 0; background-size:78px auto; }
.certification-link .list li .box p{ margin-top:30px; font-size:14px; line-height:22px; color:#666; text-align:center; }
.certification-link .list li .box .btn{ margin-top:20px; }





/* 기본정보 */
.inp-top{ margin-top:44px; }
.inp-top{ overflow:hidden; margin-top:44px; }
.inp-top .req-desc{ float:right; }
.inp-area{ margin-top:12px; padding:6% 9%; border:1px solid #e7e7e7; }
.inp-area .i-inner > li + li{ margin-top:14px; }
.inp-area .i-inner > li .list{ display:table; width:100%; }
.inp-area .i-inner > li .list > li{ display:table-cell; height:36px; font-size:14px; font-weight:700; vertical-align:middle; }
.inp-area .i-inner > li .list > li:first-child{ width:20%;/*  padding-top:7px; */ }



/* 가입완료 */
.signed-up{ max-width:980px; margin:0 auto; margin-top:74px; padding:145px 20px 40px; background:#f7f7f7 url('../../resource/images/common/bg_signed_up.png') no-repeat 50% 18%; background-size:82px auto; }
.signed-up p{ font-size:30px; font-weight:700; line-height:46px; text-align:center; }
.signed-up p strong{ font-size:30px; font-weight:700; line-height:46px; color:#5c3f89; font-weight:900; } /* 202203 수정 */
.signed-up span{ display:block; margin-top:22px; font-size:22px; text-align:center; }
.signed-up span strong{ font-size:22px; line-height:46px; color:#5c3f89; font-weight:900; } /* 202203 수정 */
.signed-up.family{ background:#f7f7f7 url('../../resource/images/common/bg_signed_up_family.png') no-repeat 50% 18%; background-size:82px auto; }
.signed-up p em{ font-weight:900; }
.signed-up span em{ font-weight:bold; }


/* 지원하기 */
.separate-list{ overflow:hidden; float:left; margin:17px 0 0 38px; }
.separate-list li{ float:left; position:relative; padding-left:19px; font-size:14px; color:#666; }
.separate-list li + li{ margin-left:18px; }
.separate-list li:before{ content:''; position:absolute; left:0; top:3px; width:13px; height:12px; border-radius:100%; }
.separate-list li.c1:before{ background-color:#8287ce; }
.separate-list li.c2:before{ background-color:#0bb1ad; }
.top-sch-list{ position:relative; padding-right:38.4%; }
.top-sch-list .search-box{ position:absolute; right:0; top:0;  }
.top-sch-list .tbl-cell li{ width:20%; }
.top-sch-list .tbl-cell select{ height:46px; border-color:#b3b3b3; font-size:16px; }
.act-area.st2 .act-slider{ margin:-30px -9px 0; }
.act-area.st2 .act-slider > li{ width:25%; margin-top:30px; }




/* 회원탈퇴완료 */
.withdrawal-completed{ max-width:980px; margin:0 auto; padding:150px 20px 60px; background:#f7f7f7 url('../../resource/images/common/bg_withdrawal_completed.png') no-repeat 50% 16%; background-size:104px auto; }
.withdrawal-completed h3{ font-size:30px; font-weight:700; line-height:46px; text-align:center; }
.withdrawal-completed h3 strong{ font-size:30px; font-weight:900; }
.withdrawal-completed p{ margin-top:14px; font-size:22px; text-align:center; }
.withdrawal-completed p strong{ font-size:22px; font-weight:900; }
.withdrawal-completed span{ display:block; margin-top:30px; font-size:22px; font-weight:700; text-align:center; }
.withdrawal-completed span strong{ font-size:22px; font-weight:700; color:#5c3f89; }




/* 로그인 */
.login-area{ overflow:hidden; max-width:620px; margin:0 auto; padding:100px 0 30px; }
.login-area .inner{ padding:60px 70px 40px 70px; border:8px solid #e0e0e0; box-sizing:border-box; }
.login-area h1{ height:85px; background:url('../../resource/images/common/logo_new.png') no-repeat 50%; text-indent:-9999px;} /* 202203 수정 */
.login-area .login-inpt{ margin-top:60px; }
.login-area .login-inpt li + li{ margin-top:15px; }
.login-area .login-inpt li input[type="text"],
.login-area .login-inpt li input[type="password"]{ width:100%; height:50px; padding:0 25px 0 70px; font-size:16px; border:1px solid #d2d2d2; border-radius:30px; }

.login-area .login-inpt li input[type="text"]{ background:url('../../resource/images/common/ico_userid.png') no-repeat left 30px center; background-size:19px auto; }
.login-area .login-inpt li input[type="password"]{ background:url('../../resource/images/common/ico_userpw.png') no-repeat left 30px center; background-size:19px auto;}
/* .login-area .login-inpt li input:focus{ border:1px solid #5c3f89; } */
.login-area .login-inpt li button{ width:100%; height:60px; color:#fff; font-size:20px; border-radius:30px; background: #674994; background:-moz-linear-gradient(left, #674994 0%, #8669b4 100%); background: -webkit-linear-gradient(left, #674994 0%,#8669b4 100%); background: linear-gradient(to right, #674994 0%,#8669b4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#674994', endColorstr='#8669b4',GradientType=1 ); }
.login-area .login-inpt li:last-child{ border-radius:30px; }
.login-area .login-chk{ margin-top:20px; }
.login-etc{ overflow:hidden;  padding:25px 0 5px 0; text-align:center; }
.login-etc li{ display:inline; position:relative; padding:0 7px; }
.login-etc li a{ color:#666; font-size:14px; font-weight:bold; }
.login-etc li:before{ content:""; position:absolute; top:50%; left:0; width:1px; height:13px; margin-top:-6px; background-color:#e5e5e5; }
.login-etc li:first-child:before{ display:none; }
.login-etc li:first-child a{ color:#5c3f89; } /* 202203 수정 */
.copy{ color:#666; font-size:14px; text-align:center; }
.login-chk label{ color:#666; font-size:14px; }
.login-btn{ overflow:hidden; margin:20px -1px 0; padding-top:20px; text-align:center; border-top:1px solid #dcdcdc; }
.login-btn li{ float:left; width:33.33%; padding:0 1px; }
.login-btn li a.btn{ display:block; width:100%; padding:6px 0 6px 0; }



/* 아이디 패스워드 찾기 */
.idpw-area{ max-width:980px; margin:0 auto; padding:100px 0 50px; }



/* 아이디 찾기 결과 */
.idpw-cont{ margin-top:50px; }
.idpw-tit{ font-size:40px; font-weight:bold; text-align:center; }
.idpw-cont p{ margin-top:20px; font-size:20px; text-align:center; }
.idpw-msg{ margin-top:50px;text-align:center; }
.idpw-msg span{ display:inline-block; padding-left:20px; background:url('../../resource/images/common/ico_login_caution.png') no-repeat left 2px; background-size:15px auto; color:#666; font-size:13px; line-height:18px; }
.idpw-msg a{ display:inline-block; margin-left:15px; color:#2b2c45; font-size:16px; font-weight:bold; }
.idpw-cont .search-box{ display:block; margin:30px auto 0; padding-right:0; }
.idpw-cont .search-box input[type="text"]{ color:#666; padding:3px 15px; font-size:16px; }
.idpw-cont .search-box input[type="text"]:-ms-input-placeholder { color:#666; }
.id-result{ margin-top:45px; padding-top:135px; padding:135px 0 70px 0; background:#f7f7f7 url('../../resource/images/common/img_id_result.png') no-repeat 50% 18%; background-size:141px auto; }
.id-result p{ font-size:20px; text-align:center; }
.id-result strong{ display:block; margin-top:15px; color:#5c3f89; font-size:30px; text-align:center; }
.idpw-btn{ margin-top:40px; font-size:0; text-align:center; }
.idpw-btn a + a{ margin-left:7px; }
.idpw-btn .b-link.st3{ padding:13px 40px 13px 30px; background:#999 url('../../resource/images/common/ico_btn_link.png') no-repeat right 20px center;}




/* 로그인 비밀번호 변경 */
.idpw-sub{ margin-top:20px; font-size:20px; text-align:center; }
.pw-result-area{  margin-top:45px; padding:150px 0 65px 0; background:#f7f7f7 url('../../resource/images/common/bg_pw_result.png') no-repeat 50% 18%; background-size:119px auto; }
.pw-result{ overflow:hidden; max-width:490px; margin:0 auto; padding:0 20px; }
.pw-result .pw-inpt{ display:table; width:100%; }
.pw-result .pw-inpt > li:first-child{ width:30%; }
.pw-result > li + li{ margin-top:15px; }
.pw-result .pw-inpt > li{ width:70%; display:table-cell; vertical-align:middle; }
.pw-result .pw-inpt > li > label{ font-size:16px; font-weight:600; }
.pw-result .pw-inpt > li >input[type="password"]{ width:100%; height:50px; font-size:16px; padding:0 20px; border:1px solid #999; }
.pw-result .pw-inpt > li >input[type="password"]:focus{ color:#5c3f89; border:1px solid #5c3f89; }
.pw-result .pw-inpt > li >input[type="password"]:focus::placeholder{ color:#5c3f89; }





.file-list{ margin-top:10px; }
.file-list li{ display:inline-block; position:relative; padding:10px 30px 10px 15px; margin-top:5px; background-color:#f6f6f6;  border:1px solid #e7e7e7;}
.file-list li .file-name{ display:inline-block; padding-left:20px; color:#444; font-size:14px; background:url('../../resource/images/common/ico_file_link.png') no-repeat 0 4px; background-size:15px auto; }


.file-list li .file-name span{ color:#666; font-size:14px; }
.file-list li .file-close{ display:inline-block; position:absolute; top:50%; right:10px; width:15px; margin-top:-9px; background:url('../../resource/images/common/ico_file_close.png') no-repeat 50%; background-size:10px auto; text-indent:-9999px; }
.file-list li .file-name:hover{ text-decoration:underline; }

.file-add{ display:inline-block; width:36px; height:36px; margin-left:10px; border:1px solid #d4d4d4; background:url('../../resource/images/common/ico_file_add.png') no-repeat 50%; background-size:20px auto; text-indent:-9999px; vertical-align:middle; }
.file-add.type2{ background:url('../../resource/images/common/ico_file_minus.png') no-repeat 50%; background-size:20px auto }

.cont .bfoot .status{ display:inline-block; float:left; padding:3px 11px 3px 11px; border:1px solid #b7b7b7; color:#666; font-size:13px; border-radius:0;  }




/* 내가 지원한 프로그램 */
.my-profile-area{ overflow:hidden; padding:0 2.7% 40px 5.3%; margin-bottom:6%; border-bottom:1px solid #e1e1e1; }
.my-profile-area .my-name{ float:left; color:#222; font-size:28px; }
.my-profile-area .my-name strong{ display:inline-block; padding-left:10px; }

.my-profile-area .my-grade{ float:left; overflow:hidden; margin-left:20px; margin-top:20px; }
.my-profile-area .my-grade li{ float:left; position:relative; margin-left:10px; padding-left:10px; color:#444; font-size:16px; }
.my-profile-area .my-grade li:before{ content:""; position:absolute; top:50%; left:0; width:1px; height:16px; margin-top:-8px; background-color:#bfbfbf; }
.my-profile-area .my-grade li:first-child{ margin-left:0; padding-left:0; }
.my-profile-area .my-grade li:first-child:before{ display:none; }
.my-profile-area .my-grade li strong{ color:#5c3f89; }
.my-profile-area .btn{ float:right; margin-top:10px; }




/* 내가 활동한 프로그램 */
.answer-area{ overflow:hidden; float:right; }
.answer-area li{ float:left; position:relative; margin-left:10px; padding-left:10px; }
.answer-area li:first-child{ margin-left:0; padding-left:0; }
.answer-area li:first-child:before{ display:none; }
.answer-area li:before{ content:""; position:absolute; top:50%; left:0; width:1px; height:15px; margin-top:-7px; background-color:#d1d1d1; }









/* FAQ */
.faq-style .faq-box{ border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; transition:all .2s; }
.faq-style .faq-box + dl{ border-top:0; }
.faq-style .faq-box dt{ overflow:hidden; padding:2.5% 0; background:url('../../resource/images/common/ico_accordion_down.png') no-repeat right 4% top 50%; cursor:pointer; background-size:21px auto; }
.faq-style .faq-box dt .faq-type{ display:block; float:left; width:15%;  color:#5c3f89; font-size:16px; text-align:center; line-height:39px; } /* 202203 수정 */
.faq-style .faq-box dt .faq-tit{ display:block; float:left; position:relative; width:85%; padding-left:36px; padding-right:9%; color:#444; font-size:18px; font-weight:bold; line-height:39px; }
.faq-style .faq-box .blind {display: inherit;}
.faq-style .faq-box dt .faq-tit:before{ content:"Q."; position:absolute; top:-3px; left:0; color:#5c3f89; font-size:24px; font-weight:bold; } /* 202203 수정 */
.faq-style .faq-box dd{ display:none; padding:3% 0 3% 15%; }
.faq-style .faq-box dd .faq-answer{ position:relative; padding-left:35px; color:#666; font-size:16px; line-height:30px; }
.faq-style .faq-box dd .faq-answer:before{ content:"A."; position:absolute; top:-3px; left:0; color:#222; font-size:24px; font-weight:bold; }
.faq-style .faq-box dt.active + dl{ border-top:0; }
.faq-style .faq-box dt.active{ border-top:1px solid #222;  border-bottom:1px solid #e0e0e0; background:url('../../resource/images/common/ico_accordion_up.png') no-repeat right 4% top 50%; background-size:21px auto; }
.faq-style .faq-box dt.active .faq-tit{ color:#5c3f89; font-weight:bold; } /* 202203 수정 */
.faq-style .faq-box dd.active{ border-bottom:1px solid #222; }

.faq-style .faq-box dd p{ padding-left:35px !important; font-size:16px; }
.faq-style .faq-box dd ul{ padding-left:35px !important; }
.faq-style .faq-box dd ol{ padding-left:35px !important; }
.faq-style .faq-box dd p span{ font-family:'NotoSans' !important; }



/* 에디터 사용 테이블 */
.faq-style .faq-box dd  table{ position:relative; table-layout:fixed; width:100%; border-top:1px solid #000000; border-left-style:hidden;  }
.faq-style .faq-box dd  table th {padding:10px 0; color:#222; font-size:15px; background:#fff; font-weight:700; border-bottom:1px solid #000000; text-align:center; line-height:16px; }
.faq-style .faq-box dd  table td {padding:7px 7px; height:42px;  border-bottom:1px solid #e4e4e4; color:#666; text-align:center; font-size:14px; background-color:#fff; line-height:16px; }

.faq-style .faq-box dd  ol li{ list-style-type:decimal; }
.faq-style .faq-box dd  ul li{ list-style-type:disc; }

/* QnA 상세 */
.tbl-view{ width:100%; padding:0 4.5%; padding-bottom:30px; border-bottom:1px solid #222; table-layout:fixed; }
.tbl-view > thead > tr > th, .tbl-view.area-noti > thead > tr > td { padding:2.5% 4.5%; border-top:1px solid #222; border-bottom:1px solid #d9d9d9; text-align:left; } /* 202201 수정 */
.tbl-view.notice > tbody > tr > th, .tbl-view.notice > tbody > .tr_line > td { padding:2.5% 4.5%; border-top:1px solid #222; border-bottom:1px solid #d9d9d9; text-align:left; } 
.tbl-view > tbody > tr > td{ padding:4.4% 4.5%; }
.tbl-view.bb_none{ border-bottom:1px solid #222 !important; }
.view-head .view-tit h3{ display:inline-block; font-size:22px; font-weight:bold; line-height:30px; word-break:break-all; }
/* .view-head.st2 .view-tit{ position:relative; padding-left:77px; } */
.view-head.st2 .view-tit .status + h3{ margin-left:8px; }


.view-head .view-tit strong img{ padding-left:10px; }
.view-head .view-tit .status{ vertical-align:3px; }


.view-user{ overflow:hidden; margin-top:5px; }
/* .view-head.st2 .view-user{ padding-left:78px; } */
.view-user li{ position:relative; float:left; margin-left:10px; padding-left:10px; font-size:14px; }
.view-user li:before{ content:""; position:absolute; top:50%; left:0; width:1px; height:14px; margin-top:-7px; background-color:#d9d9d9; }
.view-user li:first-child{ margin-left:0; padding-left:0; }
.view-user li:first-child:before{ display:none; }
.view-user li.date{ color:#666; }
.view-user li.user{ color:#666; }


.view-cont p{ max-width:1100px; color:#444; font-size:14px; line-height:25px; word-break:break-all; }
.view-cont p img{ max-width:100%; }
.view-cont p + p{ margin-top:15px; }


.view-comment{ display:table; width:100%; padding:3.5% 4.5%; margin-top:-1px; border-top:1px solid #999; border-bottom:1px solid #999; word-break:break-all; }
.view-comment dt{ display:table-cell; width:80px; padding-left:20px; background:url('../../resource/images/common/img_comment_shape.png') no-repeat 0 5px; color:#5c3f89; font-size:20px;  }
.view-comment dd{ display:table-cell; }
.view-comment dd strong{ font-size:18px; font-weight:bold; }
.view-comment dd p{ padding-top:1%; color:#444; font-size:14px; line-height:25px; }









/* 공지사항 상세 */
.file-count{ color:#444; font-size:15px; font-weight:bold; }
.file-count strong{ color:#5c3f89; font-size:18px; } /* 202203 수정 */
.view-paging{ overflow:hidden; position:relative; margin-top:20px; border:1px solid #d1d1d1; }
.view-paging li{ float:left; width:50%; height:55px; }
.view-paging li:first-child{ padding-right:40px; }
.view-paging li:last-child{ padding-left:40px; }
.view-paging li.view-menu{ position:absolute; top:0; left:50%; z-index:20; width:80px; margin-left:-40px; line-height:55px; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; }
.view-paging li.view-menu > a{ display:block; background:url('../../resource/images/common/ico_view_menu.png') no-repeat 50%; text-indent:-9999px; background-size:26px auto; }
.view-paging li.view-menu:hover a{ background:url('../../resource/images/common/ico_view_menu_on.png') no-repeat 50%; background-size:26px auto; }

.view-paging li .paging-box{ display:block; overflow:hidden; margin:13px 0; }
.view-paging li .paging-box .view-box{ display:inline-block; position:relative; overflow:hidden; max-width:68%; border-left:1px solid #dcdcdc; padding-left:15px; }
.view-paging li .paging-box .view-box span{ position:absolute; top:7px; left:22px; color:#666; font-size:13px; }
.view-paging li .paging-box .view-box strong{ margin-left:10px; margin-top:5px; display:inline-block;  color:#444; font-size:15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; max-width:100%; padding-left:60px; }
.view-paging li .paging-box .ico-paging { display:inline-block; width:70px; background:url('../../resource/images/common/ico_view_paging_prev.png') no-repeat 50%; text-indent:-9999px; vertical-align:10px; background-size:21px auto; }


.view-paging li .paging-box.type2{ text-align:right; }
.view-paging li .paging-box.type2 .view-box{ border-right:1px solid #dcdcdc; padding-right:15px; border-left:0; padding-left:0; vertical-align:3px; }
.view-paging li .paging-box.type2 .view-box span{ right:22px; }
.view-paging li .paging-box.type2 .view-box strong{ margin-left:0; padding-left:0; margin-right:10px; padding-right:60px; }


.view-paging li .paging-box.type2 .ico-paging{ background:url('../../resource/images/common/ico_view_paging_next.png') no-repeat 50%; height:18px; background-size:21px auto; }

.view-paging li .paging-box:hover strong{ text-decoration:underline; color:#5c3f89; } /* 202203 수정 */
.view-paging li .paging-box:hover span{ color:#5c3f89; } /* 202203 수정 */
.view-paging li .paging-box:hover .prev{ background:url('../../resource/images/common/ico_view_paging_prev_on.png') no-repeat 50%; background-size:21px auto; }
.view-paging li .paging-box:hover .next{ background:url('../../resource/images/common/ico_view_paging_next_on.png') no-repeat 50%; background-size:21px auto; }








/* 공지사항_list */
.notice-list-box{ border-top:1px solid #222; }
.notice-list-box > li{ overflow:hidden; padding:25px 0; border-bottom:1px solid #d9d9d9;  }
.notice-list-box > li .notice-list-cont{ float:left; width:100%; padding-right:3.5%; position:relative; }
.notice-list-box > li .notice-list-cont .tit{ /* overflow:hidden; */ display:block; width:100%; }
.notice-list-box > li .notice-list-cont .tit .notice{ display:inline-block; width:25px; background:url('../../resource/images/common/ico_notice.png') no-repeat 50%; text-indent:-9999px; margin-right:10px; }
.notice-list-box > li .notice-list-cont .tit p{ display:inline-block; max-width:90%; font-size:18px; font-weight:bold; /*text-overflow:ellipsis;*/ white-space:nowrap; /*overflow:hidden;*/ vertical-align:middle; margin:0 10px 0 0; }
.notice-list-box > li .notice-list-cont .tit p a{ display:inline-block; max-width:80%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle; }
.notice-nub{ display:inline-block; width:90px; margin-right:7px; text-align:right; }
.notice-list-box > li .notice-list-cont .tit img{ margin-left:5px; }
.notice-list-box > li .notice-list-cont .tit .status{ margin-right:7px; width:90px; text-align:center; }
.notice-list-box > li .notice-list-cont .tit .new{ margin-left:5px; }
.notice-list-box > li .notice-list-cont .desc{ display:none; overflow:hidden; display:-webkit-box; padding-left:100px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all; margin-top:10px; color:#666; font-size:14px; line-height:23px; max-height:46px;  }
.notice-list-box > li .notice-list-cont .desc p{ margin:0 !important; text-align:left !important;  }

.notice-list-box > li .notice-list-cont .desc table{ position:relative; table-layout:fixed; width:100%; border-top:1px solid #000000; border-left-style:hidden;  }
.notice-list-box > li .notice-list-cont .desc table th {padding:10px 0; color:#222; font-size:15px; background:#fff; font-weight:700; border-bottom:1px solid #000000; text-align:center; line-height:16px; }
.notice-list-box > li .notice-list-cont .desc table td {padding:7px 7px; height:42px;  border-bottom:1px solid #e4e4e4; color:#666; text-align:center; font-size:14px; background-color:#fff; line-height:16px; }

.notice-list-box > li .notice-list-cont .desc ol li{ list-style-type:decimal; }
.notice-list-box > li .notice-list-cont .desc ul li{ list-style-type:disc; }


.notice-list-box > li .notice-list-cont .desc img{ display:none; }
.notice-list-box > li .notice-list-cont .date{ display:inline-block; color:#666; font-size:14px; margin-top:20px; padding-left:100px; }
.notice-list-box > li .notice-list-cont .group{ font-size:14px; margin:20px 0 0 0; padding-left:100px; }
.notice-list-box > li .notice-list-cont .group + .date{ margin-left:8px; padding-left:0; }
.notice-list-box > li .notice-list-img{ float:right; width:30%;  }
.notice-list-box > li .notice-list-img .img-box{ background-color:#d6d6d6; margin-left:32%; }
.notice-list-box > li .notice-list-img .img-box img{ width:100%; max-height:200px; }
.notice-list-box > li .notice-list-cont .tit a:focus,
.notice-list-box > li .notice-list-cont .tit a:hover{ text-decoration:underline; }
.notice-list-box > li .notice-list-img + .notice-list-cont{ width:70%; padding-right:0; }


.notice-list-box.st2 > li .notice-list-cont{ overflow:hidden; }
.notice-list-box.st2 > li .notice-list-cont .tit{ float:left; width:80%; }
.notice-list-box.st2 > li .notice-list-cont .date{ float:left; width:10%; margin-top:0; padding:2px 0 0 4px; text-align:right; }
.notice-list-box.st2 > li .notice-list-cont .name{ float:left; width:10%; padding:2px 0 0 4px; font-size:14px; color:#666; text-align:right; }

.notice-list-box.st2 > li .notice-list-cont .notice-nub{ text-align:center;  }


/* 이벤트 상세 */
.view-head .event-tit{ font-size:22px; }
.event-cont{ padding:2.8% 7%; border-bottom:1px solid #ddd; }
.event-img img{ width:100%; }




/* 이벤트 리스트 */
.event-list-area{ overflow:hidden; }
.event-list-area .event-list{ overflow:hidden; margin:-15px -1.3% 0 -1.3%; }
.event-list-area .event-list > li{ float:left; width:33.333%; padding:30px 1.3% 0 1.3%; }
.event-list-area .event-list > li .event-box{ border:1px solid #d5d5d5; }
.event-list-area .event-list > li .event-box:hover{ border:1px solid #222; }
.event-list-area .event-list > li .event-box .event-img{ border-bottom:1px solid #f1f1f1; }
.event-list-area .event-list > li .event-box .event-img img{ width:100%; height:auto; }
.event-list-area .event-list > li .event-box .event-desc{ padding:15px 9% 30px 9%; }
.event-list-area .event-list > li .event-box .event-desc .event-numb{ overflow:hidden; padding-bottom:10px; border-bottom:1px solid #ececec; }
.event-list-area .event-list > li .event-box .event-desc .event-numb em{ float:left; color:#666; font-size:13px; line-height:23px; }
.event-list-area .event-list > li .event-box .event-desc .event-numb span{ float:right; color:#239c9d; font-size:16px; font-weight:bold; }
.event-list-area .event-list > li .event-box .event-desc .evnet-txt{ overflow:hidden; padding-top:15px; }
.event-list-area .event-list > li .event-box .event-desc .evnet-txt a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:18px; font-weight:bold; }
.event-list-area .event-list > li .event-box .event-desc .evnet-txt a:hover{ text-decoration:underline; }
.event-list-area .event-list > li .event-box .event-desc .evnet-txt strong{ display:inline-block; color:#222; margin-top:5px; font-size:18px; font-weight:normal; }
/* 이벤트 리스트_당첨자 발표 */
.event-list-area .event-list > li .event-box.type2 .event-desc .event-numb span{ color:#0055a4; }
/* 이벤트 리스트_이벤트종료 */
.event-list-area .event-list > li .event-box.type3 .event-desc .evnet-txt a{ color:#828282; }
.event-list-area .event-list > li .event-box.type3 .event-desc .event-numb span{ color:#6e6e91; }
.event-list-area .event-list > li .event-box.type3 .event-img{ position:relative; }
.end-event{ position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.7); }
.end-event strong{ position:absolute; top:50%; left:0; width:100%; text-align:center; color:#fff; font-size:16px; }

.sorting{ overflow:hidden; float:right; padding-top:18px; }
.sorting li{ position:relative; float:left; padding-left:14px; margin-left:14px; }
.sorting li:before{ content:''; position:absolute; left:0; top:4px; width:1px; height:17px; background-color:#d6d6d6; }
.sorting li:first-child:before{ display:none; }
.sorting li button{ font-size:18px; font-weight:700; color:#666; }
.sorting li button.on{ color:#242424; }








/* 활동일지 등록 */
.attend-top{ overflow:hidden; margin-top:32px; }
.attend-top .f-left .chk{ display:inline-block; padding-top:8px; font-size:15px; color:#222; }
.attend-area{ margin-top:8px; border-top:2px solid #d9d9d9; border-bottom:1px solid #d9d9d9; }
.attend-area .list > li{ border-top:1px dashed #dfdfdf; }
.attend-area .list > li:first-child{ border-top:0; }
.attend-area .sel{ overflow:hidden; padding:0 4%; }
.attend-area .sel li{ float:left; width:50%; padding:6px 0; }
.attend-area .sel li:last-child{/*  text-align:right;  */}
.attend-area .sel li .chk{ padding-top:6px; margin-right:15%; }
.attend-area .sel li .chk label{ font-size:15px; color:#666; }
.attend-area .sel li .rdo label{ font-size:15px; color:#444; }
.attend-area .sel li .tit{ font-weight:700; font-size:15px; padding-right:4%; }
.attend-area .list > li .write{ position:relative; height:50px;  padding:6px 4% 6px 24.4%; background-color:#f9f9f9; }
.attend-area .list > li .write .txt{ position:relative; display:inline-block; width:100%; padding:0 0 0 80px; }
.attend-area .list > li .write .txt em{ position:absolute; top:7px; left:0; color:#666; font-size:15px;}
.attend-area .list > li .write .txt textarea{ width:100%; height:36px; }




/* sunny소개 */
.sub-introduce .img{ display:block; text-align:center; }
.sub-introduce .video{ position:relative; max-width:570px; width:100%; margin:0 auto; margin-top:56px; text-align:center; -webkit-box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.2); }
.sub-introduce .video.s_info{ max-width:570px;} /* 20220405 추가 */
.sub-introduce .video img{ width:100%; }
.sub-introduce p{ margin-top:50px; font-size:14px; color:#444; line-height:26px; text-align:center; }
.sub-introduce strong.sf {font-size:30px; color:#5c3f89; position:relative; top:5px; left:5px;}
.sub-introduce .talent-desc.info {font-size:17px;}


.sunny-system{ margin-top:70px; padding-top:82px; border-top:1px solid #444; }
.tit-s{ font-size:24px; font-weight:700; text-align:center; letter-spacing:-1.2px; }
.sys-list h4{ font-size:20px; font-weight:700; }
.sys-list{ overflow:hidden; margin-top:28px; }
.sys-list > ul{ overflow:hidden; margin:0 -1.8% 0; padding:40px 0; }
.sys-list > ul:first-child{ padding-top:0; }
.sys-list > ul > li{ float:left; width:50%; padding:0 1.8%; margin-top:28px; }
.sys-list > ul > li .box{ height:168px; padding:32px 14px 45px 153px; background-color:#f7f7f7; border:1px solid #e4e4e5; background-position:58px 50%; background-repeat:no-repeat; }
.sys-list > ul > li .box.bg01{ background-image:url('../../resource/images/common/ico_system01.png'); background-size:56px auto; }
.sys-list > ul > li .box.bg02{ background-image:url('../../resource/images/common/ico_system02.png'); background-size:63px auto; }
.sys-list > ul > li .box.bg03{ background-image:url('../../resource/images/common/ico_system03.png'); background-size:60px auto; }
.sys-list > ul > li .box.bg04{ background-image:url('../../resource/images/common/ico_system04.png'); background-size:74px auto; }

.sys-list > ul > li .box ul{ margin-top:4px; }
.sys-list > ul > li .box ul li{ position:relative; padding:1px 0 2px 10px; font-size:14px; line-height:22px; color:#444; }
.sys-list > ul > li .box ul li:before{ content:''; position:absolute; left:0; top:10px; width:2px; height:2px; background-color:#5f5f5f; }
.sys-list > ul > li .box ul + ul{ margin-left:20px; }



.sunny-talent{ margin-top:76px; }

.talent-desc{ margin-top:35px; font-size:20px; line-height:30px; font-weight:700; text-align:center; }
.talent-desc strong{ font-size:20px; color:#5c3f89; font-weight:900; } /* 202203 수정 */


.talent-area{ margin-top:52px; }
.talent-list{ display:table; width:100%; table-layout:fixed; margin-top:64px; }
.talent-list > li + li{ margin-top:70px; }
.talent-list > li .imgbox{ display:table-cell; width:362px; vertical-align:top; }
.talent-list > li .imgbox img{ border:1px solid #999; max-width:100%; width:100%; }
.talent-list > li .info-area{ display:table-cell; padding-left:36px; vertical-align:top; }
.talent-list > li .tit{ margin-top:6px; font-size:22px; line-height:28px; font-weight:700; }

.talent-list li .t-info{ margin-top:36px; }
.talent-list li .t-info li{ position:relative; padding-left:10px; font-size:14px; color:#444; line-height:22px; }
.talent-list li .t-info li + li{ margin-top:12px; }
.talent-list li .t-info li:before{ content:''; position:absolute; left:0; top:9px; width:2px; height:2px; background-color:#444; }



/* 써니패밀리는 */
.sunny-fam-list{ overflow:hidden; margin-top:105px; }
.sunny-fam-list li{ float:left; width:33.33%; text-align:center; border-left:1px solid #e0dfdf; }
.sunny-fam-list li:first-child{ border-left:0; }
.sunny-fam-list li .sec{ display:inline-block; height:68px; padding-left:78px; background-position:0 50%; background-repeat:no-repeat; }
.sunny-fam-list li .sec.bg05{ background-image:url('../../resource/images/common/ico_system05.png'); background-size:47px auto; }
.sunny-fam-list li .sec.bg06{ background-image:url('../../resource/images/common/ico_system06.png'); background-size:56px auto; }
.sunny-fam-list li .sec.bg07{ background-image:url('../../resource/images/common/ico_system07.png'); background-size:51px auto; }
.sunny-fam-list li strong{ display:block; font-size:24px; color:#222; text-align:left; }
.sunny-fam-list li p{ padding-top:5px; font-size:14px; color:#666; text-align:left; }
.sunny-fam-list + .sunny-system{ margin-top:90px; }


.sunny-fam-info{ overflow:hidden; margin-top:66px; padding:34px 0; background-color:#f7f7f7; }
.tit-s + .sunny-fam-info{ margin-top:85px; }
.sunny-fam-info li{ float:left; width:25%; text-align:center; }
.sunny-fam-info li div{ display:inline-block; }
.sunny-fam-info li div h4{ height:27px; padding-left:36px; font-size:16px; font-weight:700; background-position:0 50%; background-repeat:no-repeat; text-align:left; }
.sunny-fam-info li div h4.ico01{ background-image:url('../../resource/images/common/ico_sunny_fam_info01.png'); background-size:26px auto; }
.sunny-fam-info li div h4.ico02{ background-image:url('../../resource/images/common/ico_sunny_fam_info02.png'); background-size:26px auto; }
.sunny-fam-info li div h4.ico03{ background-image:url('../../resource/images/common/ico_sunny_fam_info03.png'); background-size:28px auto; }
.sunny-fam-info li div h4.ico04{ background-image:url('../../resource/images/common/ico_sunny_fam_info04.png'); background-size:25px auto; }
.sunny-fam-info li div h4.ico05{ background-image:url('../../resource/images/common/ico_sunny_fam_info05.png'); background-size:27px auto; }
.sunny-fam-info li div span{ display:block; margin-top:10px; font-size:16px; font-weight:700; color:#5c3f89; } /* 202203 수정 */
.sunny-fam-info li div span strong{ font-size:42px; color:#5c3f89; font-family:Arial; font-weight:500; } /* 202203 수정 */


.sunny-fam-field{ overflow:hidden; margin-bottom:66px; }
.sunny-fam-field ul{ overflow:hidden; margin:0 -8px; }
.sunny-fam-field ul li{ float:left; width:20%; padding:0 8px; }
.sunny-fam-field ul li span{ display:block; }
.sunny-fam-field ul li span img{ max-width:100%; width:100%; }
.sunny-fam-field ul li em{ display:block; margin-top:12px; font-size:16px; font-weight:700; }

.sunny-fam-field .tit-s{ padding:110px 0 54px; }




/* 주요연혁 */

.intro-history-area{ padding:0 5%; }
.intro-his-list > li{ position:relative; }

.his-info{ display:table; width:100%; }
.his-info > dt{ display:table-cell; width:235px;  vertical-align:top; }
.his-info > dt .img-box{ display:block; max-width:235px; }
.his-info > dt .img-box img{ width:100%; max-width:100%; }
.his-info > dd{ display:table-cell; vertical-align:top; padding-left:35px; padding-bottom:102px; }
.his-info > dd:before{ content:''; position:absolute; left:270px; top:0; bottom:0; width:2px; height:100%; background-color:#e1e1e1; }

.his-info dd .h-top:after{ content:''; display:block; clear:both; }
.his-info dd .h-top .year{ position:relative; float:left; padding-left:28px; font-size:40px; color:#5c3f89; line-height:22px; } /* 202203 수정 */
.his-info dd .h-top .year:before{ content:''; position:absolute; left:-10px; top:0; width:14px; height:14px; border:4px solid #e1e1e1; border-radius:100%; background-color:#fff; }
.his-info dd .h-top .btn{ float:right; }

.his-list{ margin-top:18px; padding-left:33px; }
.his-list li{ position:relative; padding:8px 0; font-size:14px; font-weight:700; }
.his-list li:before{ content:''; position:absolute; left:-37px; top:12px; width:5px; height:5px; background-color:#fff; border-radius:100%; border:3px solid #e1e1e1; }
.program-accordion{ padding:0 20px 0 28px; margin:15px 0 0 30px; border:1px solid #e7e7e7; background-color:#f7f7f7; }
.program-accordion dt{ background:url('../../resource/images/common/img_down_arr.png') no-repeat right 22px center; background-size:auto 9px; }
.program-accordion dt.active{ background:url('../../resource/images/common/img_up_arr.png') no-repeat right 22px center; background-size:auto 9px; }
.program-accordion dt a{ display:block; padding:13px 0 15px 34px; font-size:15px; font-weight:700; color:#444; background:url('../../resource/images/common/ico_program.png') no-repeat 0 50%; background-size:24px auto; }
.program-accordion dd{ display:none; padding-bottom:22px; }
.program-accordion dd ul li{ position:relative; padding:4px 0 4px 10px; font-size:13px; color:#666; }
.program-accordion dd ul li:before{ content:'-'; position:absolute; left:0; top:2px; font-size:13px; color:#666; }
.sub-introduce .img-view{ display:block; max-width:760px; width:100%; margin:0 auto; margin-top:42px; text-align:center; -webkit-box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.2); }
.sub-introduce .img-view img{ width:100%; max-width:100%; }
.sub-introduce h3{ font-size:22px; color:#666; font-weight:700; text-align:center; }
.sub-introduce h4{ font-size:30px; font-weight:700; text-align:center; }
.sunny-system .txt{ margin-top:6px; font-size:14px; color:#666; text-align:center; }


.list-alumni-area{ overflow:hidden; margin-top:6px; padding-bottom:25px; }
.list-alumni-area .list-photo{ overflow:hidden; margin:0 -1.3%; }
.list-alumni-area .list-photo li{ float:left; width:33.33%; padding:0 1.3%; margin-top:34px; }
.list-alumni-area .list-photo li .img img{ width:100%; }
.list-alumni-area .list-photo li .box{ position:relative; border:1px solid #d5d5d5; }
.list-alumni-area .list-photo li .box .desc{ position:absolute; left:0; bottom:0; width:100%; padding:17px 0 18px 23px; background-color:rgba(27,27,27,.8);  }
.list-alumni-area .list-photo li .box .desc .tit{ font-size:16px; font-weight:700; color:#fff; }


.blog-content{ overflow:hidden; margin-top:44px; }
.blog-content .list{ overflow:hidden; margin:0 -1.3%; margin-top:40px; }
.blog-content .list li{ float:left; width:33.33%; padding:0 1.3%; }
.blog-content .list li a{ display:block; padding:22px 30px 22px 30px; border:1px solid #c2c2c2; }
.blog-content .list li a:hover{ border-color:#5c3f89; }
.blog-content .list li a h4{ padding-bottom:16px; font-size:18px; border-bottom:1px solid #ececec; }
.blog-content .list li a p{ overflow:hidden; height:66px; margin-top:20px; font-size:14px; color:#666; line-height:22px; }


/* 조직소개 */
.list-organ{  }
.list-organ > li { display:table; width:100%; }
.list-organ > li + li { margin-top:74px; }
.list-organ > li .img{ display:table-cell; width:362px; vertical-align:top; }
.list-organ > li .img img{ width:100%; border:1px solid #999; }
.list-organ > li .desc{ display:table-cell; padding-left:36px;  vertical-align:top; }
.list-organ > li .desc .h-t01{ margin-top:4px; font-size:22px; font-weight:700 }
.list-organ > li .desc .txt{ margin-top:28px; font-size:14px; line-height:22px; }
.list-organ .list-t03{ overflow:hidden; }
.list-organ .list-t03 li{ float:left; font-size:14px; color:#444; }
.list-organ .list-t03 li + li{ margin-left:8px; }
.list-organ .list-t03 li strong{ color:#5c3f89; font-weight:700; } /* 202203 수정 */
.list-organ > li .desc .btn-box .txt{ float:left; margin-top:0; }

/* 창의인재양성 */
.list-organ.st2{ }
.list-organ.st2 > li .desc{ position:relative; padding-top:20px; background-color:#f7f7f7; }
.list-organ.st2 > li .desc .il-img{ position:absolute; bottom:38px; right:48px; }
.list-p01{ margin-top:2px; padding-left:22px; background:url('../../resource/images/common/ico_list_p01.png') no-repeat 0 2px; background-size:15px auto; }
.list-p01 li{ padding:0 0 1px; font-size:14px; color:#5c3f89; }



/* 활동하기메인(써니리더그룹) */
.ui-tab-style-area{ position:relative; }
.ui-tab-style-area{ position:relative; }
.tit-h3-l-area{ overflow:hidden; }

.tit-h3-l-area .f-right .btn{ width:100%; margin:0; }
.tit-h3-l{ margin-bottom:12px; font-size:30px; font-weight:700; }
.btn-act{ position:absolute; right:0; bottom:6px; padding:2px 10px 4px; border:1px solid #2b2c45; font-size:13px; color:#2b2c45; font-weight:700; }
.btn-act:hover{ color:#fff; background-color:#2b2c45; }

.program-section{ overflow:hidden; }
.program-section .list{ margin:0 -4%; }
.program-section .list > li{ float:left; width:54%; padding:0 4%; }
.program-section .list > li:last-child{ width:46%; }



.pro-link{ overflow:hidden; margin:0 -3.8%; }
.pro-link > li{ float:left; width:54%; padding:0 3.8%; }
.pro-link > li:first-child{ width:46%; }
.pro-link > li .imgbox{ position:relative; background-color:#f4f4f4; }
.pro-link > li .imgbox span{ display:block; padding-top:23px; text-align:center; }
.pro-link > li .imgbox span img{ width:107px; height:auto; }
.pro-link > li .imgbox em{ display:block; min-height:166px; padding:40px 12% 30px; margin-top:-5px; background-color:#8a85ce; font-size:24px; font-weight:900; color:#fff; line-height:32px; text-align:center; }
.pro-link > li .info{  }
.pro-link > li .info .title{ overflow:hidden; height:96px; margin-top:23px; font-size:22px; font-weight:700; line-height:32px; }
.btn-list{ overflow:hidden; margin:46px 0 0 0; }
.btn-list li{ float:left; width:25%; /* padding:0 3.5%;  */ text-align:center; }
.ico-new{ position:absolute; right:0; top:0; width:17px; height:17px; line-height:17px; font-size:9px; font-weight:700; color:#fff; border-radius:100%; background-color:#5c3f89; text-align:center; }
.btn-list li a{  display:inline-block; position:relative; font-size:14px; font-weight:700; color:#666; text-align:center; }
.btn-list li a:hover{ color:#5c3f89; }
.btn-list li a span{ display:block; width:50px; height:50px; margin:0 auto; margin-bottom:6px; border-radius:100%; background-color:#eee; background-repeat:no-repeat; background-position:50%; }
.btn-list li a span.ico01{ background-image:url('../../resource/images/common/ico_act_link01.png'); background-size:25px auto; }
.btn-list li a span.ico02{ background-image:url('../../resource/images/common/ico_act_link02.png'); background-size:21px auto; }
.btn-list li a span.ico03{ background-image:url('../../resource/images/common/ico_act_link03.png'); background-size:21px auto; }
.btn-list li a span.ico04{ background-image:url('../../resource/images/common/ico_act_link04.png'); background-size:21px auto; }


.btn-list li a:hover span.ico01{ background-image:url('../../resource/images/common/ico_act_link01_h.png'); background-size:25px auto; }
.btn-list li a:hover span.ico02{ background-image:url('../../resource/images/common/ico_act_link02_h.png'); background-size:21px auto; }
.btn-list li a:hover span.ico03{ background-image:url('../../resource/images/common/ico_act_link03_h.png'); background-size:21px auto; }
.btn-list li a:hover span.ico04{ background-image:url('../../resource/images/common/ico_act_link04_h.png'); background-size:21px auto; }


.tit-n-area{ overflow:hidden; margin-bottom:15px; }
.tit-n-area .title{ float:left;font-size:20px; font-weight:700; }
/* .tit-n-area a{ float:right; width:21px; height:28px; margin-top:12px; background:url('../../resource/images/common/btn_more.png') no-repeat 50% 0; background-size:100%; text-indent:-9999px; } */
.tit-n-area a{ float:right; width:21px; height:28px; margin-top:12px; background:url('../../resource/images/common/btn_view.png') no-repeat 50% 0; background-size:100%; text-indent:-9999px; }

.noti-list{ border-bottom:1px solid #e2e2e2; }
.noti-list li{ padding:14px 0; border-top:1px solid #e2e2e2; }
.noti-list li .day{ display:inline-block; vertical-align:middle; padding:0 15px 0 18px; }
.noti-list li .day strong{ display:block; font-size:34px; color:#f14652; line-height:30px; font-family:'Arial'; font-weight:500; }
.noti-list li .day em{ display:block; font-size:10px; color:#f14652; }
.noti-subject{ display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; line-height:44px; font-size:16px; font-weight:700; color:#444; vertical-align:middle; }
.noti-subject:hover{ text-decoration:underline; }


.day + .noti-subject{ max-width:80%; }



.community-section{ overflow:hidden; }
.community-section > .list{ overflow:hidden; padding-top:65px; margin:0 -2.6%; margin-top:56px; border-top:2px solid #000; }
.community-section > .list > li{ float:left; width:50%; padding:0 2.6%; }

.local-news .info-area{ overflow:hidden; }
.local-news .info-area .imgbox{ float:left; width:43%; }
.local-news .info-area .imgbox img{ width:100%; }
.local-news .info-area .imgbox + .info{ float:left; width:57%; padding-left:5%;  }
.local-news .info-area .info .tit{ margin-top:-5px; }
.local-news .info-area .info .tit a{ display:block; overflow:hidden; height:56px; font-size:20px; color:#444; font-weight:700; line-height:28px; }
.local-news .info-area .info .tit a:hover{ text-decoration:underline; }
.local-news .info-area .info .desc{ overflow:hidden; max-height:42px; margin-top:22px; }
.local-news .info-area .info p{ font-size:14px; color:#666; line-height:20px; }
.local-news .info-area .info .list{ overflow:hidden; margin-top:18px; }
.noti-info{ overflow:hidden; margin-top:18px; }
.noti-info li{ float:left; font-size:14px; }
.noti-info li.date{ color:#666; }
.noti-info li + li{ margin-left:7px; }
.info-area + .noti-list{ margin-top:24px; }




.act-news .info-area{ overflow:hidden; }
.act-news .info-area .imgbox{ float:left; width:50%; padding-right:7.42%; }
.act-news .info-area .imgbox .img{ display:block; overflow:hidden; max-height:150px; }
.act-news .info-area .imgbox img{ width:100%; }
.act-news .info-area .imgbox + .imgbox{ padding-right:0; padding-left:7.42%; border-left:1px solid #e0e0e0; }

.act-news .info-area .info{ float:left; width:50%; padding-left:7.42%; border-left:1px solid #e0e0e0;}
.act-news .info-area .info:first-child{ padding:0 7.42% 0 0; border-left:0; }
.act-news .info-area .subject-area{ position:relative; padding-bottom:20px;}
.act-news .info-area .info .subject-area{ position:relative; padding-bottom:28px;}
.act-news .info-area .img + .subject-area{ margin-top:12px; }
.act-news .info-area .subject-area:after{ content:''; position:absolute; left:0; bottom:0; width:32px; height:1px; background-color:#ddd; }
.act-news .info-area .subject-area .tit{ display:block; overflow:hidden; height:47px; font-size:16px; font-weight:700; color:#444; line-height:24px; }
.act-news .info-area .info p{ overflow:hidden; height:60px; margin-top:24px; font-size:14px; color:#666; line-height:20px; }
.act-news .info-area .info p + .noti-info{ margin-top:38px; }
.act-news .info-area .info .subject-area .tit{ height:68px;}


.local-link{ clear:both; display:block; padding:20px 10px 20px 30px; margin-top:15px; background:#fafafa url('../../resource/images/common/bg_local_link.png') no-repeat 100% 50%; border:1px solid #cecece; }
.local-link span{ display:inline-block; padding-left:73px; font-size:16px; line-height:33px; font-weight:900; color:#666; background:url('../../resource/images/common/ico_local_link.png') no-repeat 0 50%; background-size:51px auto; }
.local-link span strong{ color:#db2a30; }



/* 활동하기메인(YB활동자) */
.tabs-area .tit-h3-l-area{ margin:-30px 0 56px; border-bottom:1px solid #ddd; }



/* 내가 활동한 프로그램 상세 */
.list-tit{ margin-bottom:35px; text-align:center; }
.list-tit h3{ position:relative; font-size:26px; margin-bottom:15px; padding-bottom:15px; }
.list-tit h3:before{ content:""; position:absolute; bottom:0; left:50%; width:20px; height:1px; margin-left:-10px; background-color:#000; }
.list-tit p{ color:#5c3f89; font-size:20px; }



/* 지원하기 */
.detail-top{ overflow:hidden; padding:40px 0; border-top:1px solid #222; border-bottom:1px solid #d9d9d9; }
.detail-top .img{ float:left; width:38.5%; border:1px solid #ddd; }
.detail-top .img img{ width:100%; max-width:440px; max-height:300px; }
.detail-top .info{ float:left; width:61.5%; padding-left:5.26%; }
.detail-top .info .title{ font-size:30px; font-weight:900; line-height:36px; }
.detail-top .info .stitle{ font-size:18px; color:#666; }
.detail-top .info .stitle + .title + .date + .list{ margin-top:40px; }
.detail-top .info .date{ display:block; margin-top:5px; font-size:18px; color:#666; }
.detail-top .info .list{ margin-top:60px; }
.detail-top .info .list > li:after{ content:''; display:block; clear:both; }
.detail-top .info .list > li + li{ margin-top:8px; }
.detail-top .info .list > li > em{ float:left; width:17%; font-size:15px; color:#666; }
.detail-top .info .list > li span{ float:left; width:83%; padding-left:4%; font-size:15px; color:#444; }
.detail-top .bot-btn-area{ clear:both; }

.detail-top .info .list > li ul{ float:left; width:83%; padding-left:4%; }
.detail-top .info .list > li ul li{ font-size:15px; color:#444; }


.list-rbox{ display:inline-block; padding:3px 10px 4px; border:1px solid #b1b1b1; border-radius:3px; font-size:12px; color:#666; letter-spacing:-1px; }



.step-list{ padding-top:46px; }
.step-list > .list{ font-size:0; }
.step-list > .list > li{ display:inline-block; position:relative; padding-right:42px; margin-top:16px; vertical-align:top; max-width:190px; }
.step-list > .list > li:after{ content:''; position:absolute;  right:4px; top:66px; width:32px; height:13px; background:url('../../resource/images/common/img_step_list_arr.png') no-repeat 50%; background-size:100%; }
.step-list > .list > li:last-child:before{ display:none; }
.step-list > .list > li:last-child:after{ display:none; }
.rbox-area{ text-align:center; }
.step-list > .list > li .rbox{ position:relative; display:inline-block; width:148px; height:148px; padding:80px 0 24px; background-color:#f6f6f6; background-repeat:no-repeat; background-position:50% 37px; font-size:15px; line-height:20px; text-align:center; border-radius:100%; border:1px solid #e3e3e4; z-index:9; }
/* .step-list > .list > li .rbox:before{ content:''; position:absolute; right:-50%; margin-right:32px; top:66px; width:32px; height:13px; background:url('../../resource/images/common/img_step_list_arr.png') no-repeat 50%; } */
.step-list > .list > li:last-child .rbox:before{ background:none; }
/* .step-list > .list > li.last .rbox{ background-color:#5c3f89; color:#fff; border-color:#5c3f89; } */
.step-list > .list > li .rbox.ico01{ background-image:url('../../resource/images/common/ico_step_list01.png'); background-size:25px auto; }
.step-list > .list > li .rbox.ico02{ background-image:url('../../resource/images/common/ico_step_list02.png'); background-size:27px auto; }
.step-list > .list > li .rbox.ico03{ background-image:url('../../resource/images/common/ico_step_list03.png'); background-size:50px auto; }
.step-list > .list > li .rbox.ico04{ background-image:url('../../resource/images/common/ico_step_list04.png'); background-size:37px auto; }
.step-list > .list > li .rbox.ico05{ background-image:url('../../resource/images/common/ico_step_list05.png'); background-size:33px auto; }
.step-list > .list > li .rbox.ico06{ background-image:url('../../resource/images/common/ico_step_list06.png'); background-size:28px auto; }
.step-list > .list > li .day{ margin-top:15px; }
.step-list > .list > li .day li{ font-size:15px; line-height:20px; text-align:center; }
.step-list > .list > li .txt{ margin-top:4px; font-size:13px; color:#5c3f89; text-align:center; }


.act-info{ margin-top:85px; }
.act-info .list{ overflow:hidden; margin-top:16px; /* border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9;  */}
.act-info .list li{ float:left; width:20%; padding:30px; height:198px; border-style:solid; border-color:#d9d9d9;/*  border-width:1px 0 0 1px; */ border-width:1px; margin:0 -1px 0 0; }
.act-info .list li:nth-child(6),
.act-info .list li:nth-child(7),
.act-info .list li:nth-child(8),
.act-info .list li:nth-child(9),
.act-info .list li:nth-child(10){ border-top:0; }
.act-info .list li strong{ display:block; font-size:16px; line-height:30px; }
.act-info .list li strong span{ display:inline-block; width:30px; height:30px; margin-right:4px; border-radius:100%; background-color:#1c1c60; color:#fff; font-size:18px; font-weight:900; text-align:center; line-height:30px; word-break:break-all; }
.act-info .list li p{ max-height:82px; margin-top:18px; color:#fff; font-size:13px; line-height:20px; color:#666; }
.support-list{ margin-top:42px; }
.support-list > li{ padding:30px 0 58px; border-bottom:1px solid #eaeaea; }
.support-list > li dl{ display:table; width:100%; }
.support-list > li dl dt{ display:table-cell; width:180px; font-size:24px; font-weight:900; vertical-align:top; letter-spacing:-1px; }
.support-list > li dl dd{ display:table-cell; padding-left:9.8%; vertical-align:top; }
.support-list > li dl dd p img{ width:100%; }
.support-list > li dl dd .list li{ font-size:14px; line-height:24px; color:#666; }
.support-list > li dl .desc{ font-size:14px; color:#666; line-height:24px; }
.support-list > li dl .desc + .desc{ margin-top:32px; }
.support-list > li dl > ul.list > li{ font-size:14px; color:#666; line-height:24px; }
.img-detail{ margin-top:60px; padding:0 5.61%; text-align:center; }
.img-detail p{ word-break:break-all; }
.img-detail img{ width:100%; }
.map-area{ overflow:hidden; }
.map-area .map{ float:left; width:43%; border:1px solid #cecece; }
.map-area .traffic{ float:left; width:57%; padding:0 9% 0 6.8%; }
.map-area .traffic li + li{ margin-top:40px; }
.map-area .traffic li strong{ display:block; position:relative; padding-left:24px; font-size:16px; font-weight:900; }
.map-area .traffic li strong.ico01{ background:url('../../resource/images/common/ico_traffic01.png') no-repeat 0 50%; background-size:14px auto; }
.map-area .traffic li strong.ico02{ background:url('../../resource/images/common/ico_traffic02.png') no-repeat 0 50%; background-size:12px auto; }
.map-area .traffic li p{ margin-top:2px; font-size:14px; color:#666; line-height:24px; }

/* 스크롤바 */
.act-info .list li .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.act-info .list li .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right:-20px; }


/* 정산하기 */
.tit-h3-area + .sum-area{ border-top:0; }
.sum-area + .tbl-style02{ border-top:0; }
.sum-area{ display:table; width:100%; /* overflow:hidden; */ padding:12px 0; border-top:1px solid #222; border-bottom:1px dashed #dadada; background-color:#f8f8f8; }
.sum-area li{ display:table-cell; /* float:left;  */position:relative; padding:22px 0 24px; position:relative; width:33.33%; border-left:1px dashed #adadad; text-align:center; vertical-align:bottom; }
.sum-area li:first-child{ border-left:0; }
.sum-area li p{ font-size:15px; color:#666; }
.sum-area li span{ display:block; font-size:20px; color:#666; }
.sum-area li span strong{ margin-right:2px; font-size:32px; color:#222; font-weight:900; line-height:49px; font-family:Arial; }
.sum-area li:last-child strong{ font-size:38px; color:#5c3f89; }
.sum-area li em{ position:absolute; right:-14px; top:50%; margin-top:-14px; width:27px; height:27px; border-radius:100%; background-color:#444; background-position:50%; background-repeat:no-repeat; z-index:1 }
.sum-area li em.minus{ background-image:url('../../resource/images/common/ico_minus.png'); }
.sum-area li em.plus{ background-image:url('../../resource/images/common/ico_plus.png'); }
.sum-area li em.sum{ background-image:url('../../resource/images/common/ico_sum.png'); }
.sum-area.col4 li{ width:25%; }



/* 활동일지 상세 */
.act-detail-top{ padding:37px 0 40px; border-top:1px solid #222; border-bottom:1px solid #e8e8e8; }
.act-detail-top h3{ text-align:center; font-size:22px; color:#737373; }
.act-detail-top h4{ margin-top:2px; text-align:center; font-size:30px; font-weight:700; }
.act-detail-top .status-area{ margin-top:15px; text-align:center; }

.ico-status{ display:inline-block; padding:7px 18px 8px; border:1px solid #c8c8e5; color:#6b6ba0; font-size:14px; background-color:#f8f8fc; }
.ico-status + .ico-status{ margin-left:2px; }

.ico-status + .bg-status{ margin-left:2px; }
.bg-status{ display:inline-block; font-size:14px; color:#fff; padding:8px 18px 9px; background-color:#239c9d; }/* 심사중 */
.bg-status.st2{ background-color:#093479; }/* 최종승인, 리더승인 */
.bg-status.st3{ background-color:#999; }/* 대기 */
.bg-status.st4{ background-color:#5c3f89; }/* 반려 */

.status-area .ico-status{ margin-top:5px; }
.status-area .bg-status{ margin-top:5px; }

.act-detail-list{ border:7px solid #ededed; }
.act-detail-list .list{ overflow:hidden; }
.act-detail-list .list li{ float:left; position:relative; width:33.33%; text-align:center; padding:0 3%; }
.act-detail-list .list li:before{ content:''; position:absolute; left:0; top:24px; bottom:24px; width:1px; background-color:#e2e2e2; }
.act-detail-list .list li:first-child:before{ display:none; }
.act-detail-list .item{ display:inline-block; padding:26px 0 26px 72px; background-repeat:no-repeat; background-position:0 50%; }
.act-detail-list .item.img01{ background-image:url('../../resource/images/common/ico_act_detail01.png'); /* background-size:52px auto; */ }
.act-detail-list .item.img02{ background-image:url('../../resource/images/common/ico_act_detail02.png'); /* background-size:54px auto; */ }
.act-detail-list .item.img03{ background-image:url('../../resource/images/common/ico_act_detail03.png'); /* background-size:51px auto; */ }
.act-detail-list .item.img04{ background-image:url('../../resource/images/common/ico_act_detail04.png'); background-size:40px auto; }
.act-detail-list .item.img05{ background-image:url('../../resource/images/common/ico_act_detail05.png'); background-size:52px auto; }

.act-detail-list .tit{ display:block; font-size:12px; font-weight:700; color:#666; text-align:left; }
.act-detail-list .desc{ display:block; margin-top:8px; font-size:14px; font-weight:700; text-align:left; }

.act-detail-list.col4 .list li .item{ height:125px; padding-top:37px; }
.act-detail-list.col4 .list li{ width:22%; }
.act-detail-list.col4 .list li:last-child{ width:34%; }


.attend-list-area{ overflow:hidden; margin-top:76px; }
.attend-list-area .list{ overflow:hidden; margin:0 -1.3%; }
.attend-list-area .list li{ float:left; width:33.33%; margin-top:16px; padding:0 1.3%; }
.attend-list-area .list li .box{ height:177px; border:1px solid #cacaca; }



.attend-list-area .list li .box .top{ overflow:hidden; padding:14px 18px; border-bottom:1px solid #ededed; }
.attend-list-area .list li .box .top .user{ float:left; padding-left:30px; line-height:22px; font-size:14px; background:url('../../resource/images/common/ico_user.png') no-repeat 0 50%; background-size:22px auto; }
.attend-list-area .list li .box .top span{ float:right; }
.attend-list-area .list li .box .cont .tit{ display:block; padding-top:24px; font-size:14px; color:#666; text-align:center; }
.attend-list-area .list li .box .cont .time{ display:block; margin-top:5px; font-size:23px; color:#444; font-weight:900; text-align:center; }
.attend-list-area .list li .box .cont .desc{ overflow:hidden; max-height:40px; padding:0 30px; margin-top:6px; font-size:14px; color:#444; font-weight:700; line-height:22px; text-align:center; word-break:break-all; }


.act-photo-area{ overflow:hidden; margin-top:38px; padding-bottom:36px; border-bottom:1px solid #e8e8e8; }
.act-photo-area .list{ overflow:hidden; margin:0 -1.3%; }
.act-photo-area .list li{ float:left; width:33.33%; padding:0 1.3%; margin-top:16px; }
.act-photo-area .list li img{ width:100%; max-width:100%; border:1px solid #ddd; }



/* 써니패밀리(써니패밀리 프로그램 참여자) */
.sunny-fam-top + .act-area.st2{ margin-top:48px; }
.sunny-fam-top + .act-area.st2 .act-contbox .imgbox .cont{ bottom:5%; }
.sunny-fam-top{ overflow:hidden; padding-bottom:46px; border-bottom:2px solid #222; }
.sunny-fam-top > .list{ margin:0 -1.3%; }
.sunny-fam-top > .list > li{ overflow:hidden; float:left; width:50%; padding:0 1.3%; }

.box-program{ position:relative; float:left; width:50%; border:1px solid #d5d5d5; }
.box-program .img{ display:block; }

.box-program .img img{ width:100%; }

.box-program .cont-top{position:absolute;left:0;top:0;right:0;text-align:center;width:100%;padding:35px 14px 0 14px;z-index: 9999;}
.box-program .cont-top .rtxt{ display:inline-block; padding:3px 13px 5px; font-size:13px; font-weight:700; color:#e73649; border:1px solid #e73649; border-radius:50px; text-align:center; }
.box-program .cont-top h3{ margin-top:5px; font-size:20px; color:#000; text-align:center; font-weight:900; word-break:break-all; }


.round-txt{ display:inline-block; padding:3px 22px 5px; border:1px solid #09aeae; font-size:14px; color:#09aeae; font-weight:700; border-radius:30px; }


.program-info{ float:left; width:50%; padding-left:24px; }
.program-info .p-list li{ overflow:hidden; margin-top:5px; }
.program-info .p-list li:first-child{ margin-top:0; }
.program-info .p-list span{ float:left; width:21%; font-size:14px; font-weight:900; }
.program-info .p-list em{ float:left; width:79%; padding-left:24px; font-size:14px; color:#666; }
.program-info .p-list p{ overflow:hidden;clear:both; font-size:14px; color:#666; padding-top:5px; max-height:65px; }


.local-info{ padding:20px 25px; background-color:#f7f7f7; }
.local-info .map-area .map{ width:51%; }
.local-info .map-area .traffic{ width:49%; padding-right:3%; }
.local-info .map-area .traffic li + li{ margin-top:12px; }



/* 써니패밀리(써니패밀리 프로그램 제안자) */
.sunny-fam-top .program-info{ overflow:hidden; }
.sunny-fam-top .program-info .list{ overflow:hidden;  }
.sunny-fam-top .program-info .list li{ float:left; width:25%; }
.sunny-fam-top .program-info .list li a{ display:block; text-align:center; font-size:14px; color:#666; line-height:18px; }
.sunny-fam-top .program-info .list li a:hover{ color:#5c3f89; }
.sunny-fam-top .program-info .list li a span{ display:block; width:50px; height:50px; margin:0 auto; margin-bottom:2px; border-radius:100%; background-position:50%; background-repeat:no-repeat; border-radius:100%; background-color:#f4f4f4; }
.sunny-fam-top .program-info .list li a span.ico01{ background-image:url('../../resource/images/common/ico_program_link01.png'); background-size:17px auto; }
.sunny-fam-top .program-info .list li a span.ico02{ background-image:url('../../resource/images/common/ico_program_link02.png'); background-size:22px auto; }
.sunny-fam-top .program-info .list li a span.ico03{ background-image:url('../../resource/images/common/ico_program_link03.png'); background-size:16px auto; }
.sunny-fam-top .program-info .list li a span.ico04{ background-image:url('../../resource/images/common/ico_program_link04.png'); background-size:16px auto; }

.sunny-fam-top .btn-list{ float:left; width:50%; padding-left:24px; margin-top:20px; }


/* 써니룸예약하기 */
.l-desc{ position:relative; margin-top:16px; padding-top:22px; font-size:20px; text-align:center; }
.l-desc:before{ content:''; position:absolute; left:50%; top:0; margin-left:-15px; width:30px; height:2px; background-color:#000; }
.l-desc strong{ font-size:15px; color:#5c3f89; }
.calendar-link{ overflow:hidden; margin-bottom:18px; }
.calendar-link .calendar-status{ float:left; margin-top:15px; }
.calendar-link .calendar-status li{ display:inline-block; margin-left:24px; }
.calendar-link .calendar-status li:first-child{ margin-left:0; }
.calendar-link .calendar-status li em{ display:inline-block; width:13px; height:13px; margin-right:6px; border-radius:100%; font-size:14px; color:#666; vertical-align:-1px; }
.calendar-link .calendar-status li em.c-st1{ border:1px solid #c1c1c1; background-color:#fff; }
.calendar-link .calendar-status li em.c-st2{ border:1px solid #c7c7c7; background-color:#e5e5e5; }
.calendar-link .calendar-status li em.c-st3{ border:1px solid #239c9d; background-color:#239c9d; }


.calendar-top{ padding:18px 0; text-align:center; border-top:1px solid #000; }
.calendar-top button{ width:30px; height:30px; text-indent:-9999px; background-position:50%; background-repeat:no-repeat; vertical-align:middle; }
.calendar-top .prev-month{ margin-right:56px; background-image:url('../../resource/images/common/btn_prev_month.png'); background-size:10px auto; }
.calendar-top .next-month{ margin-left:56px; background-image:url('../../resource/images/common/btn_next_month.png'); background-size:10px auto; }
.calendar-top .date{ display:inline-block; font-size:30px; vertical-align:middle; }


.calendar-defalut{ table-layout:fixed; width:100%; border-left-style:hidden; }
.calendar-defalut thead th { padding:9px 0 11px 20px; font-size:16px; color:#666; border-top:1px solid #222; border-bottom:1px solid #999; background:#fff; text-align:left; }
.calendar-defalut tbody td { height:150px; border-left:1px solid #f2f2f2; border-bottom:1px solid #999; background:#fff; vertical-align:top; }
.calendar-defalut tbody td > a{ display:block; height:150px; }



.cell-top{ position:relative; padding:18px 0 2px 20px; z-index:2; }
.cell-inner{ position:relative; width:100%; height:100%; }


/* Today */
.cell-inner.today .cell-date{ color:#5c3f89; }
.cell-inner.today .cell-day{ margin-left:5px; font-size:14px; color:#5c3f89; }
.cell-inner.today:before{ content:''; position:absolute; left:0; right:0; top:0; width:100%; height:100%; }
.cell-inner.today .cell-hover .cell-day{ display:none; }

/* 예약불가 */
.cell-inner.no-reser:before{ content:''; position:absolute; left:-1px; right:-1px; top:-1px; bottom:-1px; width:100%; height:100%; border:1px solid #c7c7c7; background-color:#e5e5e5; }
.cell-inner.no-reser .cell-date{ color:#666; }


/* 날짜 */
.cell-top .cell-date{ font-size:24px; color:#222; }
.cell-inner.holiday .cell-date{ color:#5c3f89; }
.cell-inner.inactive .cell-date{ color:#bfbfbf; }

.cell-hover{ /* display:none; */ opacity:0; position:absolute; left:-1px; right:-1px; top:-1px; bottom:-1px;  font-size:20px; color:#fff; font-weight:700; line-height:26px; padding:30px 0 44px 0; text-align:center; background: #674994; background: -moz-linear-gradient(left, #674994 0%, #8669b4 100%); background: -webkit-linear-gradient(left, #674994 0%, #8669b4 100%); background: linear-gradient(to right, #674994 0%, #8669b4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#674994', endColorstr='#8669b4',GradientType=1 ); z-index:3; }
.cell-hover:before{ content:''; position:absolute; left:50%; bottom:26px; margin-left:-13.5px; width:27px; height:27px; border:1px solid #fff; background:url('../../resource/images/common/btn_reservation.png') no-repeat 50%; border-radius:100%; }

/* .cell-inner:hover .cell-hover{ display:block; }
.cell-inner.hover .cell-hover{ display:block; }

.cell-inner.inactive:hover .cell-hover{ display:none; }
.cell-inner.no-reser:hover .cell-hover{ display:none; } */

.calendar-defalut tbody td > a:hover .cell-hover,
.calendar-defalut tbody td > a:focus .cell-hover { opacity:1; }


/* 예약리스트 */
.reser-list{ margin-top:18px; }
.reser-list li{ margin-top:2px; overflow:hidden; height:20px; font-size:11px; color:#666; text-align:center; background-color:#f1f1f1; white-space:nowrap; }
.reser-list li span{ font-size:11px; font-family:'Arial';}
.reser-list li.on{ color:#fff; background-color:#239c9d; }
.reser-list li.on span{ color:#fff; }
.reser-num{ position:absolute; right:18px; top:17px; padding:0 10px 1px; border:1px solid #d1d1d1; background-color:#f0f0f0; border-radius:20px; font-size:14px; color:#888; font-weight:900; }



/* 사회변화프로그램 */
.tabs-area .tit-c-area{ margin-top:-10px; padding-top:0; }
.lst-thum-area{ overflow:hidden; }
.lst-thum-area .lst-thum{ overflow:hidden; margin:0 -1.31%; }
.lst-thum-area .lst-thum > li{ float:left; width:33.33%; padding:0 1.31%; }
.lst-thum-area .lst-thum > li .thum{ height:325px; border:1px solid #c2c2c2; }
.lst-thum-area .lst-thum > li .thum .imgbox{ display:block; border-bottom:1px solid #c2c2c2; }
.lst-thum-area .lst-thum > li .thum .imgbox img{ width:100%; }
.lst-thum-area .lst-thum > li .thum .info .top{ padding:14px 0 10px; }
.lst-thum-area .lst-thum > li .thum .info .top h4{ font-size:18px; font-weight:700; vertical-align:middle; line-height:19px; text-align:left; }
.lst-thum-area .lst-thum > li .thum .info .top h4 em{ display:inline-block; width:24px; height:26px; margin-right:6px; background-repeat:no-repeat; background-position:0 1px; vertical-align:middle; }
.lst-thum-area .lst-thum > li .thum .info .top h4 em.ico01{ background-image:url('../../resource/images/common/ico_thum01.png'); background-size:20px auto; }
.lst-thum-area .lst-thum > li .thum .info .top h4 em.ico02{ background-image:url('../../resource/images/common/ico_thum02.png'); background-size:24px auto; background-position:0 0;  }
.lst-thum-area .lst-thum > li .thum .info .top h4 em.ico03{ background-image:url('../../resource/images/common/ico_thum03.png'); background-size:20px auto; }
.lst-thum-area .lst-thum > li .thum .info .top h4 em.ico04{ background-image:url('../../resource/images/common/ico_thum04.png'); background-size:18px auto; }
.lst-thum-area .lst-thum > li .thum .info .top h4 em.ico05{ background-image:url('../../resource/images/common/ico_thum05.png'); background-size:22px auto; }
.lst-thum-area .lst-thum > li .thum .info .top h4 em.ico06{ background-image:url('../../resource/images/common/ico_thum06.png'); background-size:21px auto; }
.lst-thum-area .lst-thum > li .thum .info .top h4 em.ico07{ background-image:url('../../resource/images/common/ico_thum07.png'); background-size:23px auto; }
.lst-thum-area .lst-thum > li .thum .info .top h4 em.ico08{ background-image:url('../../resource/images/common/ico_thum08.png'); background-size:16px auto; }
.lst-thum-area .lst-thum > li .thum .info .top h4 em.ico09{ background-image:url('../../resource/images/common/ico_thum09.png'); background-size:22px auto; }


.lst-thum-area .lst-thum > li .thum .info .top h4 em.ico10{ background-image:url('../../resource/images/common/ico_thum10.png'); background-size:22px auto; }
.lst-thum-area .lst-thum > li .thum .info .top h4 em.ico11{ background-image:url('../../resource/images/common/ico_thum11.png'); background-size:23px auto; }
.lst-thum-area .lst-thum > li .thum .info .top h4 em.ico12{ background-image:url('../../resource/images/common/ico_thum12.png'); background-size:23px auto; }


.lst-thum-area .lst-thum > li .thum .info .top h4 em.ico13{ background-image:url('../../resource/images/common/ico_thum13.png'); background-size:18px auto; }
.lst-thum-area .lst-thum > li .thum .info .top h4 em.ico14{ background-image:url('../../resource/images/common/ico_thum14.png'); background-size:21px auto; }
.lst-thum-area .lst-thum > li .thum .info .top h4 em.ico15{ background-image:url('../../resource/images/common/ico_thum15.png'); background-size:28px auto; }


.lst-thum-area .lst-thum > li .thum .info{ padding:0 30px 16px 30px; }
.lst-thum-area .lst-thum > li .thum .info .desc{ padding-top:14px; border-top:1px solid #ececec; font-size:14px; line-height:18px; color:#666; text-align:left; }



/* 글로벌리더양성 */
.lst-thum-area.col2{ text-align:center; }
.lst-thum-area.col2 .lst-thum{ display:inline-block; max-width:943px; margin:-60px -3.1% 0 -3.1%; }
.lst-thum-area.col2 .lst-thum > li{ width:50%; padding:0 3.1%; margin-top:60px; text-align:left; }
.lst-thum-area.col2 .lst-thum .btn-area{ margin-top:18px; text-align:center; }
.lst-thum-area.col2 .lst-thum > li .thum{ height:376px; }
.stit-area + .lst-thum{ margin-top:18px; }
.lst-thum-area .stit-area{ padding-bottom:10px; border-bottom:1px solid #ddd; }

.lst-thum-area .lst-thum > li .thum.st2{ height:auto; }
.lst-thum-area .lst-thum > li .thum.st2 .info .top{ padding:16px 0 2px; }
.lst-thum-area + .lst-thum-area{ margin-top:56px; }
.img-global{ margin:-10px 0 24px; text-align:center; }
.img-global img{ width:120px; height:auto; }



.gl-blog-link{ width:100%; max-width:500px; margin:0 auto; }
.gl-blog-link .imgbox{ border:1px solid #c2c2c2; }
.gl-blog-link .imgbox img{ width:100%; }
.gl-blog-link .btn-area{ margin-top:20px; text-align:center; }


.gl-thum-list{ overflow:hidden; margin-top:16px; }
.gl-thum-list .list{ overflow:hidden; margin:0 -1.31%; }
.gl-thum-list .list > li{ float:left; width:33.33%; padding:0 1.31%; margin-top:48px; }
.gl-thum-list .list > li .thum{ height:380px; }
.gl-thum-list .list > li .thum .imgbox{ display:block; border:1px solid #c2c2c2; }
.gl-thum-list .list > li .thum .imgbox img{ width:100%; }


.gl-thum-list .list > li .thum .info .tit{ padding:15px 0 16px; font-size:18px; font-weight:700; border-bottom:1px solid #666; letter-spacing:-1px; }
.gl-thum-list .list > li .thum .info .tit strong{ font-size:18px; color:#5c3f89; font-weight:700; }
.gl-thum-list .list > li .thum .info p.desc{ margin-top:18px; font-size:14px; color:#666; line-height:20px; }
.gl-thum-list .list > li .thum .info ul.desc{ margin-top:18px; }
.gl-thum-list .list > li .thum .info ul.desc li{ position:relative; padding:2px 0 3px 10px; font-size:14px; color:#666; line-height:20px; }
.gl-thum-list .list > li .thum .info ul.desc li:before{ content:''; position:absolute; left:0; top:10px; width:3px; height:3px; background-color:#666; }


.gl-thum-list .list > li .thum .info ul.lst{ margin-top:18px; }
.gl-thum-list .list > li .thum .info ul.lst li{ overflow:hidden; }
.gl-thum-list .list > li .thum .info ul.lst li + li{ margin-top:15px; }
.gl-thum-list .list > li .thum .info ul.lst li span{ float:left; width:14%; font-size:14px; color:#222; font-weight:900; }
.gl-thum-list .list > li .thum .info ul.lst li p{ float:left; width:86%; font-size:14px; color:#666; line-height:20px; }



/* 사회변화인재양성 */
.leader-visual{ position:relative; }
.leader-visual .img img{ width:100%; }
.leader-visual .box{ position:absolute; top:90px; left:60px; width:360px; padding:42px 40px 42px; background-color:#5c3f89; }
.leader-visual .box .tit{ font-size:35px; color:#fff; font-weight:900; }
.leader-visual .box .desc{ margin-top:38px; font-size:15px; color:#fff; line-height:28px; }


.act-step img{ width:100%; }

.act-list-sec{ margin-top:80px; }
.act-list-sec dl{ display:table; width:100%; padding:0 0 66px; }
.act-list-sec li:last-child dl{ padding-bottom:0; }
.act-list-sec dl dt{ display:table-cell; width:230px; padding-right:30px; vertical-align:top; }
.act-list-sec dl dt .tit{ padding-top:22px; font-size:22px; color:#5c3f89; font-weight:700; border-top:2px solid #5c3f89; }
.act-list-sec dl dd{ display:table-cell; padding-top:22px; border-top:2px solid #e8e8e8; }


.act-list-sec .list li{ display:table; width:100%}
.act-list-sec .list li span{ display:table-cell; width:138px; padding:7px 0 8px; font-size:15px; font-weight:700; letter-spacing:-1px; }
.act-list-sec .list li p{ display:table-cell; padding:7px 0 8px 27px; font-size:15px; color:#444; letter-spacing:-1px; }
.act-list-sec .list li em{ display:block; clear:both; margin-top:2px; font-size:14px; color:#666; }


.tit-a{ padding:75px 0 38px; font-size:22px; font-weight:700; text-align:center; }


.sunny-visual{ padding-bottom:48px; border-bottom:1px solid #444; }
.sunny-visual .sunny-top .tit{ font-size:35px; color:#5c3f89; text-align:center; font-weight:900; }
.sunny-visual .sunny-top .desc{ padding-top:8px; font-size:15px; color:#444; text-align:center; }
.sunny-visual .sunny-top .img-design{ margin-top:25px; text-align:center; }
.sunny-visual .img{ margin-top:26px; text-align:center; }
.sunny-visual .img img{ width:100%; max-width:800px; }
.sunny-fam-visual{ position:relative; }
.sunny-fam-visual:after{ content:''; clear:both; display:block; }
.sunny-fam-visual .img{ position:relative; float:left; width:50%; }
.sunny-fam-visual .img img{ width:100%; }
.sunny-fam-visual .box{ position:relative; float:left; width:50%; padding:7.7% 0 0 4%; }
.sunny-fam-visual:before{ content:''; position:absolute; right:0; bottom:-12%; width:54.5%; height:341px; background-color:#f4f4f4/* ; z-index:-1; */ }
.sunny-fam-visual + .act-list-sec{ margin-top:110px; }
.sunny-fam-visual .box .stit{ margin-top:30px; font-size:18px; color:#5c3f89; font-weight:900; }
.sunny-fam-visual .box p{ margin-top:16px; font-size:15px; color:#444; line-height:26px;}
.sunny-fam-visual .box h3 img {max-width: 100%}





.sunny-chn-top{ overflow:hidden; padding-bottom:40px; border-bottom:1px solid #444; }
.sunny-chn-top .info-area{ float:left; width:50%; padding-right:10px; }
.sunny-chn-top .info-area .tit{ font-size:35px; color:#5c3f89; font-weight:900; padding: 0 0 25px 0;}
.sunny-chn-top .info-area .desc{ font-size:15px; color:#444; line-height:28px; }


.sunny-chn-top .imgbox{ float:right; width:50%; padding-left:10px; }
.sunny-chn-top .imgbox img{ width:100%; }
.sunny-chn-top .info-list{ margin-top:34px; }
.sunny-chn-top .info-list li{ padding:8px 0; }
.sunny-chn-top .info-list dl{ display:table; width:100%; }
.sunny-chn-top .info-list dl dt{ display:table-cell; width:68px; }
.sunny-chn-top .info-list dl dt span{ position:relative; display:inline-block; padding-left:12px; font-size:15px; font-weight:700; }
.sunny-chn-top .info-list dl dt span:before{ content:''; position:absolute; left:0; top:50%; margin-top:-2px; width:4px; height:4px; background-color:#5c3f89; }
.sunny-chn-top .info-list dl dd{ display:table-cell; padding-left:36px; font-size:15px; color:#444; }
.sunny-chn-top .info-list dl dd em{ display:block; margin-top:8px; font-size:14px; color:#666; }


.info-business{ overflow:hidden; }
.info-business .list{ margin:0 -10px 0 -10px; }
.info-business .list > li{ float:left; width:50%; padding:0 10px; }
.info-business.vietnam .list > li{ width: 100%;}
.info-business.vietnam .list > li dl {padding: 80px 40px; text-align: center;}
.info-business .list > li dl{ display:table; width:100%; height:180px; padding:35px 34px 0 38px; background-color:#f7f7f7; border:1px solid #e4e4e5; }
.info-business .list > li dl dt{ display:table-cell; width:127px; font-size:18px; font-weight:700; color:#5c3f89; vertical-align:top; }
.info-business .list > li dl dd{ display:table-cell; font-size:15px; line-height:28px; vertical-align:top; }
.info-business .list > li:nth-child(3),
.info-business .list > li:nth-child(4){ margin-top:20px; }

.info-business .list > li .slist{ overflow:hidden; margin-left:-20px; }
.info-business .list > li .slist li{ position:relative; float:left; padding:5px 0 5px 8px; margin-left:20px; font-size:14px; color:#444; line-height:16px; }
.info-business .list > li .slist li:before{ content:''; position:absolute; top:13px; left:0; width:2px; height:2px; background-color:#666; }










/* 회원탈퇴 */
.withdrawal-area{ padding:148px 14px 52px 14px; background:#f7f7f7 url('../../resource/images/common/bg_withdrawal.png') no-repeat 50% 50px; background-size:118px auto; }
.withdrawal-area .sec{ max-width:360px; margin:0 auto; text-align:center; }
.withdrawal-area .sec .list{ display:inline-block; }
.withdrawal-area .sec .list li{ position:relative; padding:3px 0 5px 13px; font-size:14px; line-height: 22px; color:#444; text-align:left; } /* 20210909 수정 */
.withdrawal-area .sec .list li strong{font-size: 15px; font-weight: 700; color: #5c3f89;} /* 20210909 추가 */
.withdrawal-area .sec .list li:before{ content:''; position:absolute; left:0; top:13px; width:3px; height:3px; background-color:#444; } /* 20210909 수정 */
.withdrawal-area .sec input[type="password"]{ width:100%; height:48px; margin-top:37px; border:1px solid #999; background-color:#fff; }
.withdrawal-area .sec .desc{ margin-top:10px; font-size:15px; font-weight:700; text-align:center; }
.withdrawal-area .sec .desc strong{ font-size:15px; font-weight:700; color:#5c3f89; }
.withdrawal-area .sec .desc br{ display:none; }


/* 설문조사 미리보기 */
.survey-body{ background-color:#dedede; }
.survey-area{ position:relative; padding:60px; box-sizing:border-box; margin:0 auto;  background-color:#fff; -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.03);-moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.03); box-shadow:0px 0px 5px 5px rgba(0,0,0,0.03);}
.survey-area:before{ content:""; position:absolute; top:0; left:0; right:0; height:7px; background: #674994; background: -moz-linear-gradient(left, #674994 0%, #8669b4 100%); background: -webkit-linear-gradient(left, #674994 0%,#8669b4 100%); background: linear-gradient(to right, #674994 0%,#8669b4 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#674994', endColorstr='#8669b4',GradientType=1 ); }
.survey-area h2{ color:#222; font-size:34px; font-weight:bold;  }
.survey-area .survey-desc{ margin-top:30px; color:#666; font-size:14px; line-height:25px; }
.survey-area .survey-tit{ padding:30px 0 20px 0; border-bottom:2px solid #cbcbcb; }
.survey-area .survey-tit h3{ color:#222; font-size:24px; font-weight:bold; padding-left:12px; background:url('../images/common/ico_survey_tit.png') no-repeat left 8px; }
.survey-area .survey-tit p{ margin-top:10px; color:#666; font-size:14px; line-height:25px; }
.survey-area .survey-cont{ padding:45px 0;  }
.survey-area .survey-cont ~ .survey-cont{ border-top:1px dashed #d5d5d5; }
.survey-area .survey-cont h4{ margin-bottom:15px; color:#222; font-size:18px; }
.survey-area .survey-cont .survey-list li{ line-height:25px; }
.survey-tbl{ width:100%; table-layout:fixed; border-top:1px solid #444; }
.survey-tbl thead th{ padding:15px 15px 15px 15px; color:#222; font-size:14px; font-weight:bold; border-bottom:1px solid #444; }
.survey-tbl tbody td{ padding:15px 15px 15px 15px; color:#222; font-size:14px; text-align:center; border-bottom:1px solid #dedede; }
.tit-st{ display:inline-block; position:relative; padding-left:13px; margin-bottom:15px; color:#222; font-size:20px; font-weight:bold; }
.tit-st:before{ content:""; position:absolute; left:0; top:10px; width:5px; height:5px; background-color:#5c3f89; }

.survey-area.st2 .survey-tit h3{ background:url('../images/common/ico_survey_tit2.png') no-repeat left 8px; }
.survey-area.st2:before{ background: rgb(6,53,122); background: -moz-linear-gradient(left, rgba(6,53,122,1) 38%, rgba(140,198,63,1) 100%);  background: -webkit-linear-gradient(left, rgba(6,53,122,1) 38%,rgba(140,198,63,1) 100%); background: linear-gradient(to right, rgba(6,53,122,1) 38%,rgba(140,198,63,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06357a', endColorstr='#8cc63f',GradientType=1 ); }
.survey-area.st2 .tit-st:before{ background-color:#06357a; }

.survey-body .rdo input[type="radio"]{ display:inline-block; -webkit-appearance:radio; position:relative; }
.survey-body .chk input[type="checkbox"]{ display:inline-block; -webkit-appearance:checkbox;}
.survey-list .rdo.st2 input[type="radio"], .survey-list .chk.st2 input[type="checkbox"]{ margin-right:7px; }



.survey-body .rdo input[type="radio"]{ content:''; display:inline-block; width:15px; height:15px; margin:-2px 6px 0 0; vertical-align:middle; background:url('../../resource/images/common/ico_register_radio.png') no-repeat 50%; background-size:100%; cursor:pointer; }
.survey-body .rdo input[type="radio"]:checked{ background:url('../../resource/images/common/ico_register_radio_on.png') no-repeat 50%; background-size:100%; }

.survey-body .chk{ padding-left:24px; }
.survey-body .chk input[type="checkbox"]{ display:inline-block; width:17px; height:17px; margin:3px 6px 0 0; vertical-align:middle; background:url('../../resource/images/common/ico_check.png') no-repeat 0 50%; background-size:17px 17px; cursor:pointer; }
.survey-body .chk input[type="checkbox"]:checked { background:url('../../resource/images/common/ico_check_on.png') no-repeat 50%; background-size:17px 17px; }



/* 써니리더그룹 메인 */
.user-name{ overflow:hidden; margin-bottom:20px; }
.user-name p{ float:right;  padding-left:35px; font-size:20px; color:#444; background:url('../images/common/ico_user_profile.png') no-repeat left;}
.user-name p strong{ color:#222; font-weight:bold; }

.main-board-area{ overflow:hidden; padding:40px 0 40px 0; border-top:2px solid #222; border-bottom:2px solid #222; }
.main-board-area > li{ float:left; width:33.333%; padding:0 40px; border-left:1px solid #e7e7e7; box-sizing:border-box; }
.main-board-area > li:first-child{ border-left:0; }
.main-board{ overflow:hidden; }
.main-board dt{ float:left; width:45%; text-align:center; }
.main-board dt em{ display:block; width:80px; height:80px; margin:0 auto; border-radius:50%; background-color:#ebebeb; text-indent:-9999px; }
.main-board dt em.ico01{ background:#ebebeb url('../images/common/ico_board_tit01.png') no-repeat 50%; }
.main-board dt em.ico02{ background:#ebebeb url('../images/common/ico_board_tit02.png') no-repeat 50%; }
.main-board dt em.ico03{ background:#ebebeb url('../images/common/ico_board_tit03.png') no-repeat 50%; }
.main-board dt strong{ display:inline-block; margin-top:10px; color:#222; font-size:22px; font-weight:bold; }

.main-board dd{ float:left; width:55%; padding-left:20px; }
.main-board dd .board-list li{ position:relative; margin-top:5px; padding-bottom:5px; border-bottom:1px dashed #d5d5d5; }
.main-board dd .board-list li:first-child{ margin-top:0; }
.main-board dd .board-list li:last-child{ border-bottom:0; }
.main-board dd .board-list li span{ display:inline-block; margin-top:5px; color:#444; font-size:15px;  }
.main-board dd .board-list li a{ display:inline-block; position:absolute; top:50%; right:0; margin-top:-16px; color:#5c3f89; font-size:20px; font-weight:bold; }
.main-board dd .board-list li a:hover{ text-decoration:underline; }

.main-board-notice{ overflow:hidden; margin-top:40px; border:8px solid #e9e9e9; }
.main-board-notice > li{ float:left; width:33.333%; min-height:311px; padding:35px 40px 35px 40px; border-left:1px solid #e5e5e5; box-sizing:border-box; }
.main-board-notice > li:first-child{ border-left:0; }
.notice-tit{ overflow:hidden; }
.notice-tit h3{ float:left; color:#222; font-size:19px; font-weight:bold; }
.more{ display:inline-block; float:right; width:21px; line-height:27px; background:url('../../resource/images/common/btn_more.png') no-repeat 50%; background-size:100%; text-indent:-9999px; }
.notice-cont{ padding:25px 0 15px 0; border-bottom:1px dashed #d5d5d5; }
.notice-cont dt{ overflow:hidden; }
.notice-cont dt a{ display:inline-block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; color:#444; font-size:18px; font-weight:bold; }
.notice-cont dt a:hover{ text-decoration:underline; }
.notice-cont dd{ margin-top:10px; display:-webkit-box; overflow:hidden; line-height:20px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all; height:37px; }
.notice-cont dd p{ margin:0 !important; color:#666; font-size:14px; text-align:left !important; }
.notice-cont dd p img{  display:none; }
.notice-cont .notice-info{ overflow:hidden; margin-top:15px }
.notice-cont .notice-info li{ float:left; margin-left:5px; color:#666; font-size:13px; }
.notice-cont .notice-info li.name{ color:#666; }
.notice-cont .notice-info li:first-child{ margin-left:0; }
.notice-list{ margin-top:15px; }
.notice-list li{ overflow:hidden; margin-top:10px; }
.notice-list li:first-child{ margin-top:0; }
.notice-list li a{ display:inline-block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; color:#666; font-size:14px; }
.notice-list li a:hover{ text-decoration:underline; }

.sub-tit-area.st2{ padding:50px 0 20px 0; }

/* 주소검색 팝업 */
.address-list li{ margin-top:5px; }
.address-list li:first-child{ margin-top:0; }
.address-list li a span{ display:inline-block; width:40px; text-align:center; background-color:#5c3f89; color:#fff; height:22px; line-height:22px; font-size:11px; border-radius:4px; }
.address-list li a:hover{ text-decoration:underline; }
.address-list li a .address2{ color:#fff; background-color:#888; }
.address-none{ padding:5px 0; }
.school{ display:inline-block; padding:5px 0; }
.school:hover{ text-decoration:underline;  }

.social-tit{ margin-top:10px; }
.social-tit p{ font-size:18px; color:#666; }
.social-tit h3{ font-size:42px; color:#5c3f89; font-weight:900; }


.social-img{ overflow:hidden; margin:0 -5px; margin-top:22px; }
.social-img li{ float:left; width:50%; padding:0 5px; }
.social-img li .img img{ width:100%; }


.social-desc{ margin-top:25px; }
.social-desc li + li{ margin-top:32px; }
.social-desc li h4{ font-size:24px; font-weight:900; }
.social-desc li p{ font-size:15px; color:#5a5a5a; line-height:26px; }

.social-box{ margin-top:53px; padding:36px 50px 33px; background-color:#fafafa; }
.social-box h4{ font-size:20px; font-weight:900; color:#5c3f89; }
.social-box p{ margin-top:12px; font-size:15px; color:#5a5a5a; line-height:26px; }
.social-il{ margin-top:68px; text-align:center; }



/* 검색결과가 없습니다. */
.no-result{ width: 100%; margin-top:20px; padding:154px 0 65px; background:#f7f7f7 url('../../resource/images/common/img_no_result.png') no-repeat 50% 50px; background-size:111px auto; }
.no-result strong{ display:block; font-size:24px; font-weight:900; text-align:center; }
.no-result p{ margin-top:5px; font-size:16px; line-height:20px; color:#666; text-align:center; }
.support-status{ display:inline-block; padding:5px 28px 7px 42px; border:1px solid #5c3f89; color:#5c3f89; font-size:15px; font-weight:700; vertical-align:middle; background:url('../../resource/images/common/ico_support.png') no-repeat 20px 50%; }




/* 이미회원가입중 */
.not-found{ max-width:1008px; margin:0 auto; padding:296px 14px 0 14px; }
.not-found .info{ padding:146px 14px 0; background:#f7f7f7 url('../../resource/images/common/img_already_member.png') no-repeat 50% 50px; background-size:128px auto; }
.not-found .info h1{ font-size:24px; text-align:center; }
.not-found .info h2{ margin-top:2px; font-size:35px; font-weight:900; text-align:center; }
.not-found .info h2 strong{ font-size:35px; font-weight:900; color:#5c3f89; text-align:center; }
.not-found .info p{ margin-top:20px; font-size:18px; color:#666; line-height:25px; text-align:center; }
.not-found .info em{ display:block; margin-top:6px; font-size:25px; text-align:center; font-weight:900; }




.not-found.st2{ padding-top:216px; }
.not-found.st2 .info{ padding-top:195px; background:#f7f7f7 url('../../resource/images/common/img_not_found.png') no-repeat 50% 50px; background-size:210px auto; }
.not-found.st2 .info h1{ font-size:38px; font-weight:900; }
.not-found.st2 .info h2{ margin-top:0; font-size:32px; font-weight:500; }
.not-found.st2 .img-logo{ margin-top:80px; text-align:center; }




/* 계정안내 */
/* .infopop{ position:absolute; left:50%; top:50%; background-color:#fff; z-index:99999; box-sizing:border-box; } */
.infopop{ position:absolute; top:100px; left:100px; background-color:#fff; z-index:99999; box-sizing:border-box; border:1px solid #ddd; }
.infopop .info-tit a{ display:inline-block; position:absolute; top:50%; right:20px; margin-top:-10px; width:18px; height:18px; background:url('../../resource/images/common/ico_pop_close.png') no-repeat 50%; background-size:100%; text-indent:-9999px;}
.infopop .info-tit{ position:relative; padding:17px 24px; background:#2b2c45 url('../../resource/images/common/bg_layer_tit.png') no-repeat right 10% top; }
.infopop .info-tit h2{ font-size:16px; color:#fff; }
.infopop .info-cont{ padding:30px 20px; max-height:700px; }
.info-account .stit{ display:block; font-size:13px; color:#222; font-weight:700; }
.info-account .info-desc{ font-size:15px; color:#222; line-height:22px; letter-spacing:-1px; }
.info-account .info-desc span{ color:#222; font-weight:900; font-size:15px; }
.info-account .info-desc span strong{ color:#5c3f89; font-weight:900; font-size:15px; }

.infobox{ border:2px solid #f1f1f1; background-color:#fcfcfc; }
.info-account .infobox{ margin-top:14px; }
.infobox .num{ display:inline-block; padding:8px 0 10px 16px; font-size:14px; color:#222; font-weight:700; background:url('../../resource/images/common/ico_num.png') no-repeat 0 50%; background-size:10px auto; }
.infobox .num em{ margin-left:5px; font-size:12px; color:#444; font-weight:700; vertical-align:1px; }
.info-cont + .pop-footer{ padding:13px 30px 13px 30px; }
.info-cont + .pop-footer .chk label{ font-size:13px; }

.infopop .infolist li{ padding:2px 0 2px 18px; padding-left:18px; font-size:15px; text-indent:-14px; }
.infopop .info-desc{ font-size:15px; }
.infopop .info-desc span{ color:#5c3f89; font-weight:700 }
.infopop .info-desc strong{ color:#5c3f89; }


.state-area .stit{ display:block; padding-top:80px; text-align:center; font-size:30px; color:#5c3f89; font-weight:900; color:#5c3f89; background:url('../../resource/images/common/bg_state.png') no-repeat 50% 0; }
.state-area p{ display:block; margin-top:14px; text-align:center; font-size:22px; color:#222; }
.state-area p strong{ font-size:22px; color:#222; font-weight:900; }
.state-list{ padding:14px 20px 15px; }
.state-list li{ position:relative; padding:2px 0 3px 20px; font-size:15px; color:#444; }
.state-list li:before{ content:''; position:absolute; left:0; top:11px; width:4px; height:4px; background-color:#5c3f89; }
.pop-msg.bg1{ padding-top:60px; background:url('../../resource/images/common/ico_state_alert.png') no-repeat 50% 0; }
.state-area p + .infobox{ margin-top:20px; }



strong.black{ color:#000; font-weight:900; }
p.red{ color:#5c3f89; }
p.red strong{ color:#5c3f89; }

.cont-top .ltxt{ margin-bottom:5px; text-align:center; color:#000; text-shadow: 1px 1px 1px rgba(255,255,255, 0.8); }
.cont .ltxt{ display:none; margin-bottom:10px; color:#fff; }




/* 텝 디자인 변경  */
.notice-tab-area {	max-width: 1200px;	padding: 0 30px;	margin: 0 auto;}
.tab-menu-list {	position:relative;	height:230px;}
.tab-menu-list:after {	content:"";	width:100%; height:2px; background:#393939; position:absolute; top:52px; left:0; z-index:-1;}
.tab-menu-list li {	float:left;	width:25%;}
.tab-menu-list li > a.tab-tit { 	display:block;	line-height:50px;	text-align:center;	font-size:20px;	color:#777;	background:#f6f6f6;	border:2px solid #f6f6f6;	border-bottom:0;	box-sizing:border-box;	position:relative;}
.tab-menu-list li.active > a.tab-tit { 	color:#393939;	background:#fff;	border:2px solid #393939;	border-bottom:0;}
.tab-menu-list li.active > a.tab-tit:after {	content:"";	width:100%;	height:2px;	background:#fff;	position:absolute; bottom:-2px; left:0;}
.tab-cont {	position:absolute; top:54px; left:0;	width:100%; }
.notice-more-btn {	position:absolute; top:-54px; right:0;	width:50px;	height:50px;	background:url('../../resource/images/common/btn_view.png') no-repeat 50%; text-indent:-9999px; 	font-size:0;}
@media all and (max-width: 480px) {
	.tab-menu-list li {	 width:30%;}
	.tab-menu-list li > a.tab-tit { font-size:18px; }
}

/* 20200918 팝업 */
#s_warn_popup {width: 630px; height: 491px; background-color: #fff; z-index: 999999;}
#s_warn_popup .popup_logo {position: absolute; top: 15px; left: 15px;}
#s_warn_popup .popup_close {position: absolute; top: 30px; right: 30px; width: 24px; height: 23px; font-size:0;}
.s_modal_overlay {opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; background: #000 !important;}
#s_warn_popup.modal_box {display: none; position: fixed; top: 50px; left: 50px;}
#s_warn_popup.modal_box * {box-sizing: border-box;}
#s_warn_popup .close_option {position: absolute; bottom: 0; left: 0; width: 100%; padding: 6px 0; background: #333; font-size: 12px; color: #fff;}
#s_warn_popup .close_option a {color: #fff; text-decoration: none;}
#s_warn_popup .close_option:after {content: '.'; display: block; clear: both; height: 0; line-height: 0; visibility: hidden;}
#s_warn_popup .close_option input {position: relative; top: 2px; width: 14px; height: 14px; background: #fff; margin: 0 5px;}
#s_warn_popup .close_option input:checked {background: url('../../resource/images/common/check_o.png') no-repeat; background-size: 100%;}
#s_warn_popup .close_option label {padding-left: 3px; color: #fff;}
#s_warn_popup .close_option .lt {float: left; padding-left: 5px;}
#s_warn_popup .close_option .rt {float: right; padding-top: 2px; padding-right: 12px;}

@media all and (max-width: 700px) {
	#s_warn_popup {width: 90%; height: auto;}
	#s_warn_popup.modal_box {left: 50%; margin: -25px 0 0 -45%; padding-bottom: 30px;}
}

/* 20201216 팝업 */
#s_warn_popup.apply_pop .inner {height: auto; padding: 60px 20px 40px 20px; border: 3px solid #5c3f89;}
#s_warn_popup.apply_pop .inner h2 {font-size: 20px; line-height: 25px; font-weight: 700; padding: 0 0 20px 0;}
#s_warn_popup.apply_pop .inner h2:before {content:""; display: inline-block; margin-right: 5px; width: 15px; height: 15px; background: url('../../resource/images/common/pop_check.png') no-repeat; background-size: 100%;}
#s_warn_popup.apply_pop .inner li {font-size: 16px; line-height: 27px; text-align: justify; padding: 0 0 12px 0;}
#s_warn_popup.apply_pop .inner a {text-decoration: underline;}
#s_warn_popup.apply_pop .close_option {position: relative;}
#s_warn_popup.apply_pop .popup_close {z-index: 10;}

@media all and (max-width: 700px) {
	#s_warn_popup.apply_pop .inner {padding: 40px 20px 20px 20px;}
	#s_warn_popup.apply_pop.modal_box {padding-bottom: 0px;}
	#s_warn_popup.apply_pop .inner h2 {font-size: 18px;}
	#s_warn_popup.apply_pop .inner li {font-size: 14px; line-height: 20px; text-align: left; padding: 0 0 8px 0;}
}

/* 2021 웹접근성 추가 */
.btn-tbl-down.cl_btn {text-indent: -9999px;}
.suddenly_pop a {position:fixed; top:-30px; background:#000; width:100%; height: 30px; text-align: center; color: #fff; line-height: 30px; font-weight: bold; z-index: 100; text-decoration: none; font-size: 12px; opacity: 0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60);}
.suddenly_pop a:focus, .suddenly_pop a:hover, .suddenly_pop a:active {top:0;}
.separate-list.prog li.c2:before, .separate-list.mypage li.c2:before {width: 14px; height: 14px; background: url('../../resource/images/common/2020_c_img01.png') no-repeat;}
.calendar-link .calendar-status.sunnyroom li em.c-st2 {width: 15px; height: 15px; border: none; background: url('../../resource/images/common/2020_c_img02.png') no-repeat;}
.calendar-link .calendar-status.sunnyroom li em.c-st3 {width: 15px; height: 15px; border: none; background: url('../../resource/images/common/2020_c_img03.png') no-repeat;}


/* 20210319 추가 */
#s_warn_popup.prog_pop {width: 600px; height: 632px; border: 1px solid #ccc;}
#s_warn_popup.prog_pop img {max-width: 100%;}

@media (max-width: 700px){
	#s_warn_popup.prog_pop {width: 90%; height: auto;}
}

/* 20210924 추가 */
#s_warn_popup.m_privacy_pop {height: auto; border: 2px solid #333;}
.m_privacy_pop p {font-size: 17px; font-weight: 700; line-height: 30px; margin: 0 0 10px 0;} /* 20220119 수정 */
.m_privacy_pop .inner {padding: 20px 30px;}

@media (max-width: 1024px){
	#s_warn_popup.m_privacy_pop {width: auto; max-width: 90%; padding: 0;}
	#s_warn_popup.m_privacy_pop .pop-head {padding: 15px;}
	#s_warn_popup.m_privacy_pop .pop-head h2 {font-size: 17px;} /* 20220119 수정 */
	.m_privacy_pop p {font-size: 14px; line-height: 24px; margin: 0;} /* 20220119 수정 */
	.m_privacy_pop .inner {padding: 15px;}
}

/* 20210928 추가 */
.tbl-style01.type3.pv {margin: 0 0 20px 0;}
.tbl-style01.type3.pv thead th {background-color: #f6f6f6; font-size: 14px; border: 1px solid #ddd; border-width: 1px 1px 1px 0px; padding: 12px;}
.tbl-style01.type3.pv thead th:last-child {border-right: 1px solid #ddd;}
.privacy a {margin-bottom: 10px !important;}
.privacy a.prev {display: none;}

/* 20211004 추가 (개인정보 재동의) */
.re_agree strong {display: inline-block; font-size: 16px; padding-bottom: 15px;}
.re_agree table td {line-height: 20px;}
.re_agree .tbl-style01.type3.pv {margin: 0 0 10px 0;}
.re_agree .fr {text-align: right;}
.re_agree .fr .chk {display: block; margin: 0 0 20px 0;}
.re_agree .fr .chk input[type="checkbox"] {left: auto; right: 6px; top: 1px;}
.re_agree .fr .chk input[type="checkbox"] + label span {margin: -2px 6px 0 10px;}

/* 20220110 추가 (스콜라/m) */
.sunny_sm * {font-family: "Open Sans", sans-serif;}
.sunny_sm .pl-10 {padding-left: 10px !important;}
.sunny_sm .m {display: none !important;}
.sunny_sm .sub-tit strong {font-size: 36px; font-family: 'NotoSans'; font-weight: 700; color: #111;}
.sunny_sm .sub-tit.white strong {color: #fff}
.sunny_sm .lst-thum-area.col2 .lst-thum {max-width: 1200px; margin: 0;}
.sunny_sm .act-list-sec {max-width: 1200px; margin: 80px auto 0 auto;}
.sunny_sm .act-list-sec dl dt {width: 327px;}
.sunny_sm .act-list-sec dl dt .tit {font-size: 26px; font-family: 'NotoSans'; padding-top: 30px; text-align: left;}
.sunny_sm.scholar .act-list-sec dl dt .tit {color: #5c3f89; border-top: 2px solid #5c3f89;} /* 20220310 수정 */
.sunny_sm.mns .act-list-sec dl dt .tit {color: #5c3f89; border-top: 2px solid #5c3f89;} /* 20220310 수정 */
.sunny_sm .act-list-sec dl dd {padding-top: 30px; border-top: 2px solid #dcdcdc;}

.sunny_sm .sub-introduce .img {padding: 120px 0 30px 0;}
.sunny_sm .sub-tit-area {padding: 0;}
.sunny_sm .sub-tit-area h2 {color: #fff; font-size: 30px; padding: 0 0 40px 0;} /* 20220314 수정 */
.sunny_sm .lst-thum-area.col2 .lst-thum > li {padding: 0 1.31%;}
.sunny_sm .list-organ {margin: 0 auto; width: 100%;}
.sunny_sm.scholar .list-organ {max-width: 960px; overflow: hidden;} /* 20220310 수정 */
.sunny_sm.mns .list-organ {max-width: 690px;}
.sunny_sm .list-organ > li .desc {padding: 0;}
.sunny_sm .list-organ > li .desc * {display: table-cell; text-align: left; color: #000;}
.sunny_sm .list-organ > li .desc h3 {width: 150px;}
.sunny_sm .list-organ > li {display: table-cell;}
.sunny_sm .list-organ > li + li {position: relative; left: -29px;}
.sunny_sm .list-organ > li + li + li {position: relative; left: -58px;}
.sunny_sm .sec {text-align: center;}
.sunny_sm .sec .sub-tit {position: relative; display: inline-block;}
.sunny_sm .sec .sub-tit:before {content: ""; display: inline-block; position: absolute; right: 100%; top: 50%; height: 1px; width: 520px; margin: 0 10px; background: #a3a3a3;}
.sunny_sm .sec .sub-tit:after {content: ""; display: inline-block; position: absolute; left: 100%; top: 50%; height: 1px; width: 520px; margin: 0 10px; background: #a3a3a3;}
.sunny_sm .lst-thum-area .lst-thum > li .thum .imgbox {border: 0;}
.sunny_sm .lst-thum-area .lst-thum > li p {line-height: 38px;}
.sunny_sm .lst-thum-area .lst-thum > li .thum {height: auto; border: 0}
.sunny_sm .sub-introduce p {font-family: 'NotoSans'; font-size: 26px; line-height: 34px; font-weight: 300; color: #333;}
.sunny_sm .sub-introduce p br {display: block !important;}
.sunny_sm .schedule {width: 100%; max-width: 1200px; margin: 80px auto 0 auto;}
.sunny_sm .schedule li {display: inline-block; width: 30%; margin: 0 4% 0 0;}
.sunny_sm .schedule li:last-child {margin: 0;}
.sunny_sm .schedule li img {max-width: 100%}
.sunny_sm a.sm_btn {display: block; width: 660px; height: 91px; padding: 30px 0; margin: 80px auto; text-align: center; font-size: 24px; font-weight: 700; line-height: 24px; font-family: 'NotoSans'; color: #fff;}
.sunny_sm.scholar a.sm_btn {background-image: url('../../resource/images/common/scholar_bg11.png'); background-repeat: no-repeat;}
.sunny_sm.mns a.sm_btn {background-image: url('../../resource/images/common/mns_bg08.png');}

.sunny_sm h5.tit {color: #333; font-size: 20px; font-family: 'NotoSans'; text-align: left; margin-bottom: 20px; font-weight: 900}
.sunny_sm h5.tit:not(:first-child) {margin-top: 40px; }
.sunny_sm h6.tit {color: #333; font-size: 20px; font-family: 'NotoSans'; text-align: left;  font-weight: 900; margin-top: 10px;}
.sunny_sm h6.tit strong {color: #00b993;}

.sunny_sm ul.list * {text-align: left; color: #333; font-size: 20px; font-family: 'NotoSans'; line-height: 34px;}
.sunny_sm ul.list li span.bold {font-weight: 900;}
.sunny_sm ul.list li strong {font-weight: 900;}
.sunny_sm ul.list.dot li {position: relative; padding-left: 10px;}
.sunny_sm ul.list.dot li:before {content: ""; position: absolute; top: 18px; left: 0; width: 2px; height: 2px; border-radius: 100%; background-color: #333}
.sunny_sm ul.list.dot li.none:before {display: none;}

.sunny_sm ul.list01 {margin: 30px 0 0 0;}
.sunny_sm ul.list01 li {text-align: left; color: #333; font-size: 16px; font-family: 'NotoSans'; line-height: 24px;}
.sunny_sm .gray {background: #f5f5f5; padding: 70px 20px 80px 20px;}
.sunny_sm .sec01 {width: 100%; height: 713px; padding: 0 20px; background-size: 100% 100%; background-repeat: no-repeat;}
.sunny_sm.scholar .sec01 {background-image: url('../../resource/images/common/scholar_bg01.png');}
.sunny_sm.scholar.caps .sec01 {background-image: url('../../resource/images/common/bg_capstone01.png');}
.sunny_sm.mns .sec01 {background-image: url('../../resource/images/common/mns_bg01.png');}
.sunny_sm .sec02 {background-size: cover; padding: 70px 20px;}
.sunny_sm.scholar .sec02 {height: 442px; background: url('../../resource/images/common/scholar_bg_sec02.png') no-repeat;}
.sunny_sm.mns .sec02 {height: 530px; background: #f0f0f0;}
.sunny_sm.mns .sec02 p {margin: 60px 0 20px 0;}
.sunny_sm .sec03 {width: 100%; position: relative;}
.sunny_sm .sec03 .inner-s {padding: 0 20px; background-repeat: no-repeat; background-size: 100% 100%;}
.sunny_sm.scholar .sec03 .inner-s {height: 373px; background-image: url('../../resource/images/common/scholar_bg02.png');}
.sunny_sm.mns .sec03 .inner-s {height: 420px; background-image: url('../../resource/images/common/mns_bg03.png');}
.sunny_sm .sec03 .inner-s:before {content:""; display: block; max-width: 100%; background-size: 100% 100%; background-repeat: no-repeat; position: relative; margin: 0 auto;}
.sunny_sm.scholar .sec03 .inner-s:before {width: 541px; height: 198px; background-image: url('../../resource/images/common/scholar_bg03.png'); top: -150px;}
.sunny_sm.scholar.caps .sec03 .inner-s:before {width: 540px; height: 205px; background-image: url('../../resource/images/common/bg_capstone02.png'); top: -175px;}
.sunny_sm.mns .sec03 .inner-s:before {width: 744px; height: 228px; background-image: url('../../resource/images/common/mns_bg02.png'); top: -189px;}
.sunny_sm.scholar .sec03 .sub-tit {top: -120px;}
.sunny_sm.mns .sec03 .sub-tit {top: -160px;}
.sunny_sm .sec03 p {position: relative; line-height: 32px; color: #fff !important;}
.sunny_sm.scholar .sec03 p {top: -100px;}
.sunny_sm.mns .sec03 p {top: -90px;}
.sunny_sm .sec.sec03 .sub-tit:before, .sunny_sm .sec.sec03 .sub-tit:after {width: 570px; background: #fff;}
.sunny_sm .sec04 {padding: 70px 20px 100px 20px;}
.sunny_sm.scholar .sub-introduce .sec04 p {margin: 0 0 40px 0;}
.sunny_sm.mns .sub-introduce .sec04 p {margin: 40px 0 0 0;}
.sunny_sm .sub-introduce .sec04 p strong {display: block; font-size: 18px; font-weight: 300;}
.sunny_sm .sec06 {padding: 70px 20px}
.sunny_sm.scholar .sec06 .sub-tit strong {font-size: 30px;}
.sunny_sm .sec06 .sub-tit img {width: 45%; margin: -5px 0 0 0;}
.sunny_sm .sec06 .box {max-width: 800px; margin: 75px auto;}
.sunny_sm .sec06 .box li {position: relative; text-align: left; color: #333; font-size: 20px; font-family: 'NotoSans'; line-height: 32px; padding: 0 0 0 110px; margin: 0 0 60px 0; vertical-align: middle;}
.sunny_sm .sec06 .box li strong {font-size: 18px; font-weight: 300;}
.sunny_sm .sec06 .box li:before {content:""; display: inline-block; position: absolute; top: -10px; left: 0; background-repeat: no-repeat;}
.sunny_sm .sec06 .box li:nth-child(1):before {width: 48px; height: 72px; background-image: url('../../resource/images/common/scholar_bg04.png');}
.sunny_sm .sec06 .box li:nth-child(2):before {width: 53px; height: 72px; background-image: url('../../resource/images/common/scholar_bg05.png');}
.sunny_sm .sec06 .box li:nth-child(3):before {width: 52px; height: 70px; background-image: url('../../resource/images/common/scholar_bg06.png');}
.sunny_sm .sec06 dl {background: #f9f9f9; width: 1200px; max-width: 100%; margin: 0 auto; padding: 47px 0 47px 80px; text-align: left; border-radius: 60px;}
.sunny_sm .sec06 dt {display: inline-block; font-size: 26px; font-weight: 700; font-family: 'NotoSans'; color: #111; vertical-align: top;}
.sunny_sm .sec06 dd {display: inline-block; padding: 0 0 0 40px; margin: 0 0 0 40px; border-left: 1px solid #d7d7d7; color: #333; line-height: 24px; font-size: 18px; font-weight: 400; font-family: 'NotoSans';}
.sunny_sm.mns .sec06 dt {font-size: 22px;}
.sunny_sm.mns .sec06 dd {font-size: 16px;}

.sunny_sm.mns .sec06 .target {width: 1404px; max-width: 100%; height: 509px; margin: 140px auto 60px auto; background-image: url('../../resource/images/common/mns_bg09.png'); background-repeat: no-repeat; background-size: 100% 100%;}
.sunny_sm.mns .sec06 .top {position: relative; top: -65px;}
.sunny_sm.mns .sec06 .target .mo_step {display: none}
.sunny_sm.mns .sec06 .target .pc_step {display: block; margin-top: 30px;}
.sunny_sm.mns .sec06 ul li {display: inline-block; width: 28%; vertical-align: top; padding: 0 0 55px 0;}
.sunny_sm.mns .sec06 ul li strong {color: #5c3f89; font-size: 32px} /* 20220310 수정 */
.sunny_sm.mns .sec06 ul li p {color: #333; font-size: 15px; font-weight: 400; line-height: 25px; margin: 20px 10px 0 10px;}
.sunny_sm.mns .sec06 ul li span.bold {font-weight: bold;}
.sunny_sm.mns .sec06 ul li span.color {color: #5c3f89} /* 20220310 수정 */

.sunny_sm.mns .sec06 .mt {position: relative; top: -65px;}
.sunny_sm .sec07 li {font-size: 22px; line-height: 30px; font-weight: 300;}
.sunny_sm .sec07 ul.list li p {font-size: 22px; line-height: 30px; font-weight: 300; position: relative; padding: 0 0 0 10px; display: block; width: 100%; margin-top: 0; margin-bottom: 10px;}
.sunny_sm .sec07 ul.list li p:before {content: ""; position: absolute; top: 15px; left: 0; width: 3px; height: 3px; border-radius: 100%; background-color: #333}
.sunny_sm .sec07 ul.list li strong {display: block; font-size: 24px; padding: 0 0 20px 18px;}
.sunny_sm .sec07 ol {max-width: 1200px; margin: 70px auto 0 auto;}
.sunny_sm .sec07 ol li {display: inline-block; position: relative; width: 300px; height: 390px; margin: 0 100px 0 0; background-size: 100%; background-repeat: no-repeat; vertical-align: top; font-size: 22px; line-height: 30px; font-weight: 300;}
.sunny_sm.scholar .sec07 ol li:nth-child(1) {background-image: url('../../resource/images/common/scholar_bg07.png');}
.sunny_sm.scholar .sec07 ol li:nth-child(2) {background-image: url('../../resource/images/common/scholar_bg08.png');}
.sunny_sm.scholar .sec07 ol li:nth-child(3) {background-image: url('../../resource/images/common/scholar_bg09.png'); margin: 0;}
.sunny_sm.mns .sec07 ol li:nth-child(1) {background-image: url('../../resource/images/common/mns_bg04.png');}
.sunny_sm.mns .sec07 ol li:nth-child(2) {background-image: url('../../resource/images/common/mns_bg05.png');}
.sunny_sm.mns .sec07 ol li:nth-child(3) {height: 375px; background-image: url('../../resource/images/common/mns_bg06.png'); margin: 0;}
.sunny_sm .sec07 ol li:nth-child(3):after {content: none;}
.sunny_sm .sec07 ol li:after {content:""; display: inline-block; width: 105px; height: 44px; position: absolute; top: 50%; right: -100px; background-repeat: no-repeat;}
.sunny_sm.scholar .sec07 ol li:after {background-image: url('../../resource/images/common/scholar_bg10.png');}
.sunny_sm.mns .sec07 ol li:after {background-image: url('../../resource/images/common/mns_bg07.png');}
.sunny_sm .sec07 ol li strong {display: block; font-size: 24px; padding: 104px 0 20px 0; font-family: 'NotoSans';}
.sunny_sm.scholar .sec07 ol li strong {color: #ff3c00;}
.sunny_sm.mns .sec07 ol li strong {color: #00b993; padding: 50px 0 20px 0;}
.sunny_sm .sec07 ol li p {font-size: 24px; margin: 0;}
.sunny_sm.mns .sec07 p.tit {display: inline-block; font-size: 18px; font-weight: 300; padding: 0 0 0 10px; margin: 0; position: relative; color: #00b993; font-weight: bold;}
.sunny_sm.mns .sec07 p.tit:before {content: "*"; position: absolute; top: 5px; left: 0;}
.sunny_sm .sec08, .sunny_sm .sec10 {padding: 70px 20px}
.sunny_sm .sec08 table {display: table; width: 100%; min-width: auto; max-width: 1200px; margin: 80px auto 20px auto; border: none;}
.sunny_sm .sec08 table th, .sunny_sm .sec08 table td {color: #333; font-size: 20px; line-height: 25px; padding: 20px 14px; font-family: 'NotoSans'; font-weight: normal;}
.sunny_sm .sec08 table th {border: none; background: #333; color: #fff;}
.sunny_sm .sec08 table thead th:nth-child(1) {border-radius: 40px 0 0 40px}
.sunny_sm .sec08 table thead th:nth-child(2) {border-left: 1px solid #333}
.sunny_sm .sec08 table thead th:last-child {border-radius: 0 40px 40px 0; border-right: 1px solid #fff;} /* 20220119 수정 */
.sunny_sm .sec08 table td {border-left: none;} 
.sunny_sm .sec08 table td[rowspan] {border-right: none;}
.sunny_sm .sec08 table td[rowspan].row {border-right: 1px solid #e4e4e4;}

.sunny_sm .sec08 p {display: inline-block; font-size: 18px; font-weight: 300; padding: 0 0 0 10px; margin: 0; position: relative;}
.sunny_sm .sec08 p:before {content: "*"; position: absolute; top: 5px; left: 0;}
.sunny_sm .sec09 .lst-thum-area .lst-thum {display: table; max-width: 1200px; text-align: center; margin: 40px auto;}
.sunny_sm .sec09 .lst-thum-area .lst-thum.kr {max-width: 1090px;}
.sunny_sm.mns .sec09 .lst-thum-area .lst-thum {text-align: left;}
.sunny_sm .sec09 .lst-thum-area .lst-thum li {display: inline-block; float: none; width: 32%; padding: 0; margin: 1% 0.5%;}
.sunny_sm .sec09 .lst-thum-area .lst-thum.kr li {width: 49%; margin: 0.5% 0.5% 1% 0;}
.sunny_sm .sec09 .lst-thum-area .lst-thum.kr li:nth-child(2n) {margin-left: 0.5%;}
.sunny_sm .sec09 .lst-thum-area .lst-thum li.box {width: 65%; height: 370px; border: 3px solid #fff; vertical-align: top;}
.sunny_sm .sec09 .lst-thum-area .lst-thum li.box ol {padding: 90px 0 0 30px;}
.sunny_sm .sec09 .lst-thum-area .lst-thum li.box li {position: relative; display: block; width: 100%; padding: 0 0 0 10px; text-align: left; color: #333; font-size: 20px; font-family: 'NotoSans';}
.sunny_sm .sec09 .lst-thum-area .lst-thum li.box li:nth-child(3) {font-size: 16px; font-weight: 300;}
.sunny_sm .sec09 .lst-thum-area .lst-thum li.box li:nth-child(3):before {content: none;}
.sunny_sm .sec09 .lst-thum-area .lst-thum li.box li:before {content: "·"; position: absolute; top: 2px; left: -5px}
.sunny_sm .sec09 .lst-thum-area .lst-thum li img {max-width: 100%;}
.sunny_sm .sec10 .sm_btn {margin: 0;}
.sunny_sm.mns .sec10 .sm_btn {width: 260px; height: 50px; background-size: 100% 100%; padding: 12px 0 0 0; margin: 20px 0; font-size: 18px; line-height: 100% !important;}
.sunny_sm .sec10 span, .sunny_sm .sec10 b {display: block; padding: 0 0 0 10px; margin: 10px 0 0 0; text-align: left; font-size: 17px; font-weight: 700; position: relative;}
.sunny_sm .sec10 b {padding: 0; font-weight: normal;}
.sunny_sm .sec10 b:before{content:none;}
.sunny_sm .sec10 span:before {content: "*"; position: absolute; top: 3px; left: 0;}
.sunny_sm .sec10 .mb20 li {font-weight: 700; margin: 0 0 20px 0;}
.sunny_sm .sec10 .mb20 ol {margin: 10px 0 0 0;}
.sunny_sm .sec10 .mb20 ol li {font-size: 16.5px; font-weight: normal; line-height: 30px; padding: 0 0 0 10px; margin: 0;}
.sunny_sm .sec10 .mb20 ol li ol li {padding: 0; margin: 0 0 0 70px;}
.sunny_sm .sec10 .mb20 .star {position: relative; display: inline-block; padding: 0 0 0 10px; margin-top: 0;}
.sunny_sm .sec10 .mb20 .star:before {content: "*"; position: absolute; top: 5px; left: 0;}

.sunny_sm .video_area {margin: 70px 0 100px 0;}
.sunny_sm .video_area .video_thumb {max-width: 1200px; margin: 50px auto 0;}
.sunny_sm .video_area .video_thumb img {width: 100%;}

/* 영문 */
.video-area.en .inner:after {top: 31%; bottom: auto;}
.video-area.en #tabs-2 .video-info img {width: 210px;}
.sunny-fam-visual.en .box {padding: 7.7% 4% 0 4%;}
.lnb-cont.en .lnb-tab li span {text-align: left;}
.main .business-introduction.en .ui-tabs.ui-corner-all .ui-tab-style li a {font-size: 18px;}
.sub-introduce.en .talent-desc.info {text-align: left; letter-spacing: -0.7px;}
.sunny-fam-info.en li div span strong {font-size: 35px;}
.sunny-fam-info.en li div span {margin-top: 25px;}
.list-organ.en > li .img {vertical-align: middle;}
.list-organ.en .list-t03 li {letter-spacing: -0.5px;}
.family-site ul li.small a {font-size: 11.7px;}
.footer-info .link.en li:first-child a {color: #ccc;}
.mb-util .list li a.mb-kor {display: block; background: url(../../resource/images/common/m_site_kr.png) no-repeat 50%; background-size: auto 25px;}
.sunny_sm.en .sub-introduce .sec04 p strong {line-height: 26px;}
.sunny_sm.en .sec06 .sub-tit img {margin: 0;}
.sunny_sm.en .sec06 .box {max-width: 950px;}
.sunny_sm.en .sec06 dd {display: block; border: none; padding: 20px 0 0 0; margin: 0;}
.act-list-sec.en .list li span {width: 170px;}
.talent-list.en > li .imgbox {vertical-align: middle;}
.sunny-chn-top.en .info-list dl dt {width: 200px;}
.info-business.en .list > li dl {height: 230px;}
.info-business.vietnam.en .list > li dl dt {width: 240px;}
.info-business.en .list > li dl dd {text-align: left;}

@media (max-width: 1200px){
	.info-business.en .list > li dl {height: 285px;}
}

@media (max-width: 1024px){
	.talent-desc.en br {display: none;}
	.info-business.en .list > li {float: none; width: 100%; margin: 20px 0 0 0;}
	.info-business.en .list > li dl {height: auto; padding: 30px 15px;}
	.info-business.en .list > li .slist li {float: none;}
	.sunny-chn-top.en .imgbox {float: none; margin: auto}
	.sunny-chn-top.en .info-area {float: none; width: 100%;}
}
@media (max-width: 930px){
	div.tabs-area > .col4.en_m1 > li {width: 50%;}
	.sunny-fam-info.en li {width: 50%; margin-top: 34px;}
}
@media (max-width: 700px){
	.email-notice.en {padding: 200px 20px 60px;}
	.email-notice.en br {display: none;}
	.email-notice.en br.m-b {display: block;}
	
}
@media (max-width: 680px){
	.business-introduction.en .ui-tabs.ui-corner-all .ui-tab-style li {width: 100%; margin-bottom: 5px;}
	.main .business-introduction.en .ui-tabs.ui-corner-all .ui-tab-style li a {font-size: 16px; white-space: pre-line}
	.talent-list.en > li .imgbox {display: block; width: 100%;}
	.talent-list.en > li .info-area {display: block; padding: 8px 0 0 0;}
}
@media (max-width: 500px){
	.sunny-fam-info.en li {width: 100%;}
	.main .business-introduction.en .ui-tabs.ui-corner-all .ui-tab-style li a {font-size: 14px;}
	.sunny-chn-top.en .info-list dl dt, .sunny-chn-top.en .info-list dl dd {display: block; width: 100%; padding: 0;}
}
@media (max-width: 390px){
	div.tabs-area > .col4.en_m1 > li {width: 100%;}
}