@charset 'utf-8';

/* developer Code Starts */
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 로그인 창*/	
.loginWrap					{width:500px; height:150px; margin:0 auto; padding:30px 50px; border:1px solid #e1e1e1; background-color:#f5f5f5;}
.loginWrap .boxLogin	{float:left; width:260px;}
.loginWrap .boxLogin .txt	{width:220px; font-size:16px; font-weight:bold;}
.loginWrap .boxLogin .inputEm {width:220px; margin-bottom:10px;}
.loginWrap .boxLogin .button {float:left; width:240px;}
.loginWrap .boxLogin .button .btnEmBlue {width:240px;}

input.inputEm	{height:42px; padding:0 15px 2px; border:1px solid #314c9d; font-size:14px; line-height:18px;}

.btnEmBlue, 
a.btnEmBlue.disable:hover{display:inline-block; width:130px; height:57px; padding-top:45px; background:#314c9d; text-align:center;}
a.btnEmBlue:hover			{background:#0076b7; text-decoration:none;}
.btnEmBlue .btnTxt			{display:inline-block; color:#fff; font-size:18px; vertical-align:top; margin-top:-7px; line-height:normal;}


.strCut {overflow:hidden;text-overflow:ellipsis;height:20px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {;height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('/img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('/img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('/img/captcha2.png') no-repeat  0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('/img/captcha2.png') no-repeat 0 0 ;  vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}


/* [faq-list] */
.faqList	{clear:both; border-top:1px solid #dfdfdf; margin-bottom:20px;}
.faqList .bgGray	{background:#f3f3f3 !important;}

.answer			{position:relative; padding: 10px 20px 18px 45px; background:url("/img/sub/icon_a.png") no-repeat 15px 12px; text-align:left; border-bottom:1px solid #dddddd; color:#666; border-top:0;}
.answer ul li   {list-style:disc}
.answer ol li   {list-style:decimal}
.answer .btn	{position:absolute; bottom:15px; right:10px;}

.faqList ul		{height: 100%;}
.faqQuestion	{position:relative; padding:8px 15px; font-weight:600; border-top:1px solid #dfdfdf; border-top:0; border-bottom:1px solid #dfdfdf; text-align:left;border-right:1px solid #dfdfdf; border-left:1px solid #dfdfdf;/*background:#e5eef3;*/}

.questionTitle	{display:inline-block; padding:10px 0px 10px 26px;font-size:14px; background:url("/img/sub/icon_q.png") no-repeat 0 50%;}


/* 약관동의 */
.agreebox		{width:100%; max-width:100%; padding-bottom:40px; margin-top:20px;}
.agreebox3		{width:100%;  padding-bottom:40px; margin-top:20px;}/* 20240802추가 */
.agreebox2		{width:100%; max-width:100%; padding-bottom:20px; margin-top:0px;}
.agreebox .bx	{height:80px; padding:20px 40px; border:1px solid #ddd; font-size:0.9rem; line-height:1.6em; overflow:auto; scrollbar-base-color: #d9d9d9; scrollbar-3dlight-color: #d9d9d9; scrollbar-darkshadow-color: #d9d9d9; scrollbar-face-color: #d9d9d9; scrollbar-highlight-color: #d9d9d9; scrollbar-shadow-color: #d9d9d9; scrollbar-track-color: #f2f2f2;}
.agreebox2 .bx2	{height:200px; padding:20px 40px; border:1px solid #ddd; font-size:0.9rem; line-height:1.6em; overflow:auto; scrollbar-base-color: #d9d9d9; scrollbar-3dlight-color: #d9d9d9; scrollbar-darkshadow-color: #d9d9d9; scrollbar-face-color: #d9d9d9; scrollbar-highlight-color: #d9d9d9; scrollbar-shadow-color: #d9d9d9; scrollbar-track-color: #f2f2f2;}
.agreebox3 .bx3	{height:200px; padding:20px 40px; border:1px solid #ddd; font-size:0.9rem; line-height:1.6em; overflow:auto; scrollbar-base-color: #d9d9d9; scrollbar-3dlight-color: #d9d9d9; scrollbar-darkshadow-color: #d9d9d9; scrollbar-face-color: #d9d9d9; scrollbar-highlight-color: #d9d9d9; scrollbar-shadow-color: #d9d9d9; scrollbar-track-color: #f2f2f2;}
/* 20240802추가 */
.checkbox		{width:100%; max-width:100%; padding:10px 0; background:#f2f2f2; border-right:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; color:#333;}
.checkbox2		{width:100%; max-width:100%; padding:10px 0; background:#fff;  text-align:left; color:#333; vertical-align:bottom; line-height:30px; font-weight:400;}/* 20240729수정 */
.checkbox3		{width:100%; padding:10px 0;background:#f2f2f2;  border-right:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; color:#333;}/* 20240802추가 */
.agreebox_tit		{width:100%; max-width:100%; padding:20px; background:#e9f3ff; border-right:1px solid #ddd; border-left:1px solid #ddd; border-top:1px solid #ddd; color:#333; font-size:20px; font-weight:600;}
.guide{border-radius:10px; border:2px dotted #ddd; width:100%; max-width:100%; padding:20px; margin-top:30px;}

/*  회원가입 */
.member {width:1040px;margin:0 auto;border:1px solid #ddd; padding:80px;background:#f9f9f9; height:100%; overflow:hidden;}
.member ul{margin:30px 0;}
.member li{float:left; border-radius:30px; padding:40px; border:1px solid #ddd; background:#fff; width:478px; box-sizing: border-box; text-align:center;}
.member li .member_t {font-size:24px; font-weight:600; color:#014d4d;}
.member .member_txt {font-size:20px;}
.member .ico_c{width:150px; height:150px; border-radius:150px;background:url('../images/member/join_img1_off.png') no-repeat  0  0 ; margin:20px auto;}
.member .ico_g{width:150px; height:150px; border-radius:150px;background:url('../images/member/join_img2_off.png') no-repeat  0  0 ; margin:20px auto;}
.member .ico img{ line-height:150px; text-align:center;}
.member .mem_join {padding:10px 40px; width:120px; margin:0 auto;text-align:center; background:#014d4d;border:1px solid #014d4d;  border-radius:30px; color:#fff; font-weight:500;}
.member li:hover{background:#e8f2fe; }
.member li:hover .ico {background:#fff; }
.member li:hover .mem_join {background:#fff;  border:1px solid #014d4d; color:#014d4d;}
.member li:hover  .ico_c{background:url('../images/member/join_img1_on.png') no-repeat  0  0 ; }
.member li:hover  .ico_g{background:url('../images/member/join_img2_on.png') no-repeat  0  0 ; }

.mem_join {padding:15px 0px; width:100px; margin:0 auto;text-align:center; background:#fff;border:1px solid #014d4d;  border-radius:10px; color:#014d4d; font-weight:500;}

.mem_join:hover { background:#014d4d;  border:1px solid #014d4d; color:#014d4d; color:#fff;}

.mem_join2 {padding:15px 0px; width:100px; margin:0 auto;text-align:center; background:#fff;border:1px solid #014d4d;  border-radius:10px; color:#014d4d; font-weight:500;}

.mem_join2:hover { background:#014d4d;  border:1px dotted #014d4d; color:#014d4d; color:#fff;}

.guide_w{ width:100%; max-width:100%; }
.guide_w2{ width:100%;  }

.auth{width:100%; max-width:100%; border-radius:10px; border:1px solid #ddd; padding:50px 30px; margin:40px 0; text-align:center;}/* 20240802수정 */
.auth_tit{font-size:1.8rem; font-weight:800; color:#014d4d; margin:0 auto 40px;}
.auth_txt{margin:40px auto 0px; font-size:1.1rem;}/* 20240729수정 */


@media screen and (max-width:400px){
.auth img{width:180px;}

/* 20240802추가 */

.tbl_join select      {height:40px !important; margin:1px 0;}

.tbl_join input			{height:40px !important;  width:50% !important; margin:1px 0;}
.tbl_join select      {height:40px; }
.tbl_join .btn_tel{height:40px; width:80px !important; }
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    background: none !important;
    width: 20px !important;
    height: 20px !important;
    padding: 0 !important;
    margin: 0 5px 0 0;
}
}


/* [join] */
.tbl_join				{clear:both; position:relative; margin:10px 0 40px; width:100%; max-width:100%; border-top:2px solid #000;}
.tbl_join tbody th	{padding:15px 0px 15px 30px; border-bottom:1px solid #e1e1e1;  text-align:left;  line-height:1.5em;}
.tbl_join tbody td	{padding:15px; border-bottom:1px solid #e1e1e1; text-align:left; line-height:1.5em;}
.tbl_join input			{height:50px; border:1px solid #ddd; background:#fff;padding:5px 10px; width:40%;}/* 20240729수정 */
.tbl_join input.bg			{background:url('../images/common/inputbg.gif') no-repeat 0px;}
.tbl_join input.file	{height:25px; border:0px solid #fff; background:#ffff;padding:5px;}
.tbl_join input:focus{border:2px dotted #e1e1e1; }
.tbl_join select      {height:50px; border:1px solid #ddd; background:#f3f3f3;padding:5px;font-size:16px;}
.tbl_join textarea	{width:98%; height:150px; padding:1%;border:1px solid #ddd; background:#f3f3f3;}
.tbl_join .input_nobg {background:none;}
.tbl_join .acenter		{text-align:center;}
.tbl_join .btn_tel{height:50px; width:140px;padding:0 10px;border:0px solid #014d4d !important; background:#014d4d;color:#fff; }

.login_wrap{    position:relative; max-width:100%; width:98%; margin:40px auto;  	height:auto;  
	box-shadow_: 20px 20px 20px rgba(45, 45, 75, 0.5);
}

.login_wrap h1.title_login{height:65px; line-height:65px; padding-top:45px; vertical-align:top; text-align:center; color:#000; font-weight:800;font-size:35px;}
.login_wrap h2.title_login{height:65_px; line-height:65px; padding-top:45px; vertical-align:top; text-align:center; color:#000; font-weight:800;font-size:25px;}/* 20240802수정 */
.login_wrap h1.title_login img{height:55px; line-height:55px; vertical-align:top; padding-right:20px; }
.login_wrap .login_box{  max-width:600px; width:100%;border:1px solid #ddd;margin:0 auto;}/* 20240729수정 */
.login_wrap .login_box .login_title{padding-top:40px;text-align:center;color:#303f5c;font-size:30px;font-weight:700;}
.login_wrap .login_box .login_content{margin:30px 0; padding:0px 60px 50px 60px;}/* 20240801수정 */
.login_wrap .login_box .login_content {width:100%; display:inline-block; font-weight:500; text-align:center;}
.login_wrap .login_box .login_content li{width:100%; padding-bottom:20px;}
.login_wrap .login_box .login_content .login_inputbox{overflow:hidden; width:100%; }
.login_wrap .login_box .login_content input{    display: inline-block;  padding: 5px 4px 5px 60px; border:1px solid #ddd; border-radius:10px; width:100%; height:50px;color:#888;	}
.login_wrap .login_g {text-align:center; width:70%; margin:0 15%; padding-top:50px;}/* 20240801수정 */


.id_bg{background:#f2f2f2 url('../images/sub/id_ico.png')no-repeat 15px 15px; }
.pw_bg{background:#f2f2f2 url('../images/sub/pw_ico.png')no-repeat 15px 15px; }
.mail_bg{background:#f2f2f2 url('../images/sub/mail_ico.png')no-repeat 15px 15px; }
.login_wrap .login_box .login_content .btn{  padding: 0px; margin: 0 3px 0 3px;cursor:pointer;width:100%; font-size:18px !important;}
.login_inputbox .bg{background:#f2f2f2;}/*20240802추가*/

.login_wrap .login_box .login_content a .btn2{   width: 100px; margin: 0 auto; text-align: center; background: #fff; border: 1px solid #014d4d; border-radius: 10px; color: #014d4d; font-weight: 500; height:50px; line-height:50px; }/*2024082추가*/
.login_wrap .login_box .login_content a .btn2:hover{ opacity:1;  width: 100px; margin: 0 auto; text-align: center; background:#014d4d; border: 1px solid #014d4d; border-radius: 10px; color: #fff; font-weight: 500; height:50px; line-height:50px; }
.login_wrap .login_box .login_content a button{border:0px solid #fff; color:#fff;}
.login_wrap .login_box .login_content  .find_btn{float:left;  line-height:50px; color:#000;}
.login_wrap .login_box .login_content  .find_btn a{ color:#000;}
.login_wrap .login_box .login_content  .join_btn{background:#024078 url('../images/sub/mem_ico.png')no-repeat 15px 15px;border-radius:10px; float:right;}
.login_wrap .login_box .login_content  .join_btn button{ border:0px !important; color:#fff; height:50px; width:130px; padding:0 20px 0 0px;line-height:50px; text-align:right;}
.login_wrap .login_box .login_content  .join_btn button:hover{opacity:0.5; background:rgba(2,64,120,0.5) url('../images/sub/mem_ico.png')no-repeat 15px 15px; border-radius:10px;}

.login_wrap .login_box .login_content2{width:100%; display:inline-block; font-weight:500; text-align:center; margin:30px 0; padding:0px 60px 50px 60px;}/* 20240801수정 */
.login_wrap .login_box .login_content2 li{width:100%; padding-bottom:20px;}
.login_wrap .login_box .login_content2 .login_inputbox{overflow:hidden; width:100%; }
.login_wrap .login_box .login_content2 input{    display: inline-block;  padding: 5px 4px 5px 20px; border:1px solid #ddd; border-radius:10px; width:100%; height:50px;color:#888;	}
.login_wrap .login_box .login_content2 a .btn2{   width: 100px; margin: 0 auto; text-align: center; background: #fff; border: 1px solid #014d4d; border-radius: 10px; color: #014d4d; font-weight: 500; height:50px; line-height:50px; }/*2024082추가*/
.login_wrap .login_box .login_content2 a .btn2:hover{ opacity:1;  width: 100px; margin: 0 auto; text-align: center; background:#014d4d; border: 1px solid #014d4d; border-radius: 10px; color: #fff; font-weight: 500; height:50px; line-height:50px; }
btn_login_mem
@media screen and (max-width:1024px){
.login_wrap .login_box{  margin:0 auto;}
.auth{  margin:40px auto;}
.guide_w{ width:100%; max-width:100%;margin:40px auto; }
.tbl_join{margin:0 auto;}




}

/*공동훈련센터*/
#TBback01				{background:#f9f9f9; border:2px dashed #ddd; width:98%; margin:0 1%;border-radius:20px;height:auto; padding:15px; box-sizing: border-box; margin-bottom:30px;}
#TBback01 tbody th		{padding:13px 0px 0px 0px; font-size:17px; text-align:left;}
#TBback01 span.dot		{padding-left:15px; background:url('../images/02agency/Sdot.gif') no-repeat 0px;}
#TBback01 tbody td		{padding:15px 0px 0px 0; text-align:left; line-height:1.5em;}
#TBback01 tbody input	{height:50px; border:1px solid #b5b5b5; border-radius:10px; font-size:16px; padding-left:10px;}
#TBback01 tbody select	{height:50px; width:100%; border:none;  background:#fff; border-radius:10px;}
#TBback01 .ncs_reset_btn {    padding: 12px 10px;    height: 50px;    line-height: 50px;    color: #fff;    border-radius: 10px;    background: #8c66ed;    border: 1px solid #8c66ed;    margin-left: 10px;    cursor: pointer;}

#TBback01_t				{background:#f9f9f9; border:2px dashed #ddd; width:98%; margin:0 1%;border-radius:20px;height:auto; padding:15px; box-sizing: border-box; margin-bottom:30px;}
#TBback01_t tbody th		{padding:13px 0px 0px 0px; font-size:17px; text-align:left;}
#TBback01_t span.dot		{padding-left:0px; background:url('../images/02agency/Sdot.gif') no-repeat 0px;}
#TBback01_t tbody td		{padding:15px 0px 0px 0; text-align:left; line-height:1.5em;}
#TBback01_t tbody input	{height:50px; border:1px solid #b5b5b5; border-radius:10px; font-size:16px; padding-left:10px;}
#TBback01_t tbody select	{height:50px; width:100%; border:none;  background:#fff; border-radius:10px;}
#TBback01_t .ncs_reset_btn {    padding: 12px 10px;    height: 50px;    line-height: 50px;    color: #fff;    border-radius: 10px;    background: #8c66ed;    border: 1px solid #8c66ed;    margin-left: 0px;    cursor: pointer;}
#TBback01_t .boxN					{width:42%;}
#TBback01_t 	.boxN2					{width:100%; margin-right:0; padding:0;}
#TBback01_t	.boxN3					{width:100%; }
#TBback01_t	.boxN4					{width:77%;}

#TBback01_t {display:none;}
#TBback01_t2 {display:none;}

#TBback01_t2				{background:#f9f9f9; border:2px dashed #ddd; width:98%; margin:0 1%;border-radius:20px;height:auto; padding:15px; box-sizing: border-box; margin-bottom:30px;}
#TBback01_t2 tbody th		{padding:13px 0px 0px 0px; font-size:17px; text-align:left;}
#TBback01_t2 span.dot		{padding-left:0px; background:url('../images/02agency/Sdot.gif') no-repeat 0px;}
#TBback01_t2 tbody td		{padding:15px 0px 0px 0; text-align:left; line-height:1.5em;}
#TBback01_t2 tbody input	{height:50px; border:1px solid #b5b5b5; border-radius:10px; font-size:16px; padding-left:10px;}
#TBback01_t2 tbody select	{height:50px; width:100%; border:none;  background:#fff; border-radius:10px;}
#TBback01_t2 .ncs_reset_btn {    padding: 12px 10px;    height: 50px;    line-height: 50px;    color: #fff;    border-radius: 10px;    background: #8c66ed;    border: 1px solid #8c66ed;    margin-left: 0px;    cursor: pointer;}
#TBback01_t2 .boxN					{width:42%;}
#TBback01_t2 	.boxN2					{width:100%; margin-right:0; padding:0;}
#TBback01_t2	.boxN3					{width:100%; }
#TBback01_t2	.boxN4					{width:77%;}
/*champ search*/
#TBback					{background:#eee; border:1px solid #ddd; width:720px; height:305px; padding:0 15px 15px 15px; }
#TBback tbody th		{padding:13px 0px 0px 20px;  text-align:left;}
#TBback span.dot		{padding-left:15px; }
#TBback tbody td		{padding:15px 0px 0px 0;  text-align:left; line-height:1.5em;}
#TBback tbody input		{height:35px; border:1px solid #ddd; font-size:16px;}
#TBback tbody select	{height:20px; border:none; font-size:16px; background:#fff; border-radius:10px;}
#TBbackbtn				{width:100px; margin:15px auto; display:block; }
#TBbackbtn input		{border:none; font-size:16px;}
.searchFir				{padding-top:0;}
.boxN					{height:50px; width:35.8%; margin-right:10px; border:1px solid #b5b5b5; padding:0px 10px 0 10px; border-radius:10px;background:#fff; }
.boxN2					{height:50px; width:40%; margin-right:10px; border:1px solid #b5b5b5; padding:0px 10px 0 10px; border-radius:10px;background:#fff; }
.boxN3					{width:78%; padding:0px 10px 0 10px;}
.boxN4                  {padding-left:10px;width:40%;}
#TBbackbtn2				{width:100%; margin:15px auto;  text-align:center;}


/*채용예정자 과정 */


.tab_training {width:100%; border-top:3px solid #000; }
.tab_training th{height:3em; padding:5px; background:#f2f8fe; font-weight:bold; border-bottom:1px solid #ddd;  border-right:1px solid #ddd;text-align:center;}
.tab_training td{height:3em; padding:5px 30px;  border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.tab_training .img{text-align:center; padding:5px !important;}
.tab_training .fir{border-left:1px solid #ddd;}
.tab_training a{color:#000;}

.tab_training3{width:100%; border-top:3px solid #000; }
.tab_training3 th{height:3em; padding:5px; background:#f2f8fe; font-weight:bold; border-bottom:1px solid #ddd;  border-right:1px solid #ddd;text-align:center;}
.tab_training3 td{height:3em; padding:5px 30px;  border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.tab_training3 .img{text-align:center; padding:5px !important;}
.tab_training3 .fir{border-left:1px solid #ddd;}
.tab_training3 a{color:#000;}

.tab_training3_t {width:100%; border-top:3px solid #000; }
.tab_training3_t th{height:3em; padding:5px; background:#f2f8fe; font-weight:bold; border-bottom:1px solid #ddd;  border-right:1px solid #ddd;text-align:center;}
.tab_training3_t td{height:3em; padding:5px 30px;  border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.tab_training3_t .img{text-align:center; padding:5px !important;}
.tab_training3_t .fir{border-left:1px solid #ddd;}
.tab_training3_t a{color:#000;}
.tab_training3_t{display:none;}

.tab_training2 {width:100%; border-top:3px solid #000; }
.tab_training2 th{line-height:3em; padding:5px; background:#f2f8fe; font-weight:bold; border-bottom:1px solid #ddd;  border-left:1px solid #ddd;text-align:center;}
.tab_training2 td{line-height:3em; padding:5px 30px;   border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.tab_training2 .img{text-align:center; padding:5px !important;}
.tab_training2 .fir{border-left:0px solid #ddd;}

@media screen and (max-width:640px){
.tab_training3{display:none;}
.tab_training3_t{display:block;}
}
button.period_btn {display:inline-block;width:80px;padding:6px; height:50px; border:1px solid #1ab2ec;background:#1bbffd;color:#fff;text-decoration:none;vertical-align:middle;font-size:1em; border-radius:10px;}
button.period_btn:focus, button.period_btn:hover {text-decoration:none;opacity:0.5;color:#000;}

button.period_btn2 {display:inline-block;width:80px;padding:6px; height:50px;border:1px solid #599df0;background:#60a7ff;color:#fff;text-decoration:none;vertical-align:middle;font-size:1em; border-radius:10px;}
button.period_btn2:focus, button.period_btn2:hover {text-decoration:none;opacity:0.5;color:#000;}

button.period_btn3 {display:inline-block;width:80px;padding:6px;height:50px; border:1px solid #596dee;background:#6076ff;color:#fff;text-decoration:none;vertical-align:middle;font-size:1em; border-radius:10px;}
button.period_btn3:focus, button.period_btn3:hover {text-decoration:none;opacity:0.5;color:#000;}


#Contents .col { float:left}
/*.col{ margin:20px 1% 40px; width:23%; display:inline; height:100%; float:left; overflow:hidden;}-----------연감 수정으로 주석처리
.col:hover{border-collapse: collapse; }
.col_txt{text-align:center; line-height:20px; padding:10px 0; overflow:hidden;}*/
.btn-0 {  color: #0078bd !important;}
.btn {border:1px solid #ccc;   display: inline-block;  position: relative;  overflow: hidden;  padding: ;  text-decoration: none;}
.btn img{width:100%;}
.btn:hover{border:3px dotted #8c66ed; border-collapse: collapse; }


.gal_list {display:grid;width:100%; grid-template-columns: repeat(4, 1fr);}
.gal_list .col{ margin:20px 4% 40px; display:inline-block; height:100%; float:left; overflow:hidden;}
.gal_list .col .btn {border:1px solid #ccc;   display: inline-block;  position: relative;  overflow: hidden; text-decoration: none;;transition-property:transform; transition-duration:0.5s; transition-timing-function:ease-in-out;}
.gal_list .col .btn img{width:100%;transition-property:transform; transition-duration:0.5s; transition-timing-function:ease-in-out;}

.gal_list .col .col_txt{text-align:center; height:50px;line-height:20px; padding:10px 0; overflow:hidden;}

.gal_list .col:hover{border-collapse: collapse; }
.gal_list .col .btn:hover img {transform:scale(1.1);border-collapse: collapse;}
.gal_list .col .btn:hover{border:3px dotted #8c66ed; border-collapse: collapse; ;transition-property:transform; transition-duration:0.5s; transition-timing-function:ease-in-out;}
/*.btn:before, .btn:after,
.btn .btn--inner:before,
.btn .btn--inner:after {  content: '';  position: absolute;  top: 0;  left: 0;  width: 0;  height: 0;  background-color: currentColor;  transition: 0.3s ease-in-out;}
.btn--tlbr:before, .btn--tlbr:after {  width: 0;  height: 2px;}
.btn--tlbr:after,
.btn--tlbr .btn--inner:after {  top: auto;  right: 0;  bottom: 0;  left: auto;}
.btn--tlbr .btn--inner:before,
.btn--tlbr .btn--inner:after {  width: 2px;  height: 0;}
.btn--tlbr:hover:before, .btn--tlbr:hover:after {  width: 100%;}
.btn--tlbr:hover .btn--inner:before,
.btn--tlbr:hover .btn--inner:after {  height: 100%;}
.btn--trbl:before, .btn--trbl:after {  width: 0;  height: 2px;}
.btn--trbl:before,
.btn--trbl .btn--inner:before {  right: 0;  left: auto;}
.btn--trbl:after,
.btn--trbl .btn--inner:after {  top: auto;  bottom: 0;}
.btn--trbl .btn--inner:before,
.btn--trbl .btn--inner:after {  width: 2px;  height: 0;}
.btn--trbl:hover:before, .btn--trbl:hover:after {width: 100%;  }
.btn--trbl:hover .btn--inner:before,
.btn--trbl:hover .btn--inner:after {  height: 100%;}*/


@media screen and (max-width:1280px){
/*.col{ margin:20px 2% 0%; width:29.3%; ; }*/
.col_txt{min-height:70px;}
}


@media screen and (max-width:900px){
/*.col{ margin:20px 2% 0%; width:29.3%; }*/
.col_txt{min-height:100px;}
#TBback01_t {display:block;}
#TBback01_t2 {display:block;}
#TBback01 {display:none;}
}

@media screen and (max-width:600px){
/*.col{ margin:20px 2% 0%; width:45.8%; }*/
.col_txt{min-height:80px;}
}

@media screen and (max-width:450px){
.login_wrap .login_box .login_content2{padding:0px 30px 50px 30px;}
.col_txt{min-height:105px;}
}


				.comment_w{width:98%; margin:0 1%;}
				.comment_no{padding:30px 0; color:#0055b0;}
				.comment_no span{color:#9866f0; font-weight:600;}
				.comment_w .comment{width:100%; border:1px solid #ddd; border-radius:10px;}
				.comment_w .comment .comment_guest{padding:10px 0; width:96%; margin:0 2%; }
				.comment_w .comment .comment_area {width:100%; height:100%; overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:10px;}
				.comment_w .comment .comment_area textarea {width:96%; margin:0 2%; height:150px; color:#888;}
				.comment_w .comment .comment_area textarea span{color:#005aaa;}
				.comment_w .comment .comment_regi{padding:10px 0; width:96%; margin:0px 2% 10px; color:#555;}
				.comment_w .comment .comment_regi .regi_no{font-weight:600;}
				.comment_w .comment .comment_regi .regi_btn{background:#005aaa; color:#fff; padding:5px 10px; border-radius:5px; float:right;}
				.comment_list {width:98%; margin:0 1%; border-bottom:2px dotted #ddd; padding-bottom:10px;}
				.comment_list .comment_list_g .comment_list_guest .comment_list_d, 
				.comment_list2 .comment_list_g .comment_list_guest .comment_list_d,
				.comment_list3 .comment_list_g .comment_list_guest .comment_list_d
				{color:#888; font-size:0.8rem;}
				.comment_list .comment_list_g .comment_list_guest .mo_btn{float:right;}
				.comment_list .comment_con,
				.comment_list2 .comment_con,
				.comment_list3 .comment_con{padding:10px 0; }
				.comment_list .comment_btn,
				.comment_list2 .comment_btn, 
				.comment_list3 .comment_btn{background:#888; color:#fff; padding:5px 10px; border-radius:5px; }

				.comment_more_btn { text-align:right; padding:30px 0 0;}
				.comment_more_btn a{color:#005aaa; font-weight:600; }

				.comment_list2 {width:95%; margin:0 0% 0 5%; border-bottom:2px dotted #ddd; padding-bottom:10px;}
				.comment_list3 {width:90%; margin:0 0% 0 10%; border-bottom:2px dotted #ddd;  padding-bottom:10px;}
				


				.gal_list {display:grid;width:100%; grid-template-columns: repeat(4, 1fr);}
.gal_list .col{ margin:20px 4% 40px; display:inline-block; height:100%; float:left; overflow:hidden;}
.gal_list .col .btn {border:1px solid #ccc;   display: inline-block;  position: relative;  overflow: hidden; text-decoration: none;;transition-property:transform; transition-duration:0.5s; transition-timing-function:ease-in-out;}
.gal_list .col .btn img{width:100%;transition-property:transform; transition-duration:0.5s; transition-timing-function:ease-in-out;}

.gal_list .col .col_txt{text-align:center; height:50px;line-height:20px; padding:10px 0; overflow:hidden;}

.gal_list .col:hover{border-collapse: collapse; }
.gal_list .col .btn:hover img {transform:scale(1.1);border-collapse: collapse;}
.gal_list .col .btn:hover{border:3px dotted #8c66ed; border-collapse: collapse; ;transition-property:transform; transition-duration:0.5s; transition-timing-function:ease-in-out;}


@media screen and (max-width:1280px){
	.gal_list {display:grid;width:100%; grid-template-columns: repeat(3, 1fr);}
	.gal_list .col{ margin:20px 4% 0px; height:100%; overflow:hidden;}
	.col_txt{min-height:70px;}
}

@media screen and (max-width:1024px){
.boxN					{width:43.5%}
	.boxN2					{width:80%}
	.boxN3					{width:95%}
	.boxN4					{width:77%}
	.w{width:}

	.bbsList3{display:none;}
	.bbsList3_t{display:block !important;}
}

@media screen and (max-width:900px){
	.gal_list .col{ margin:20px 4% 0px; height:100%; overflow:hidden;}
	.col_txt{min-height:100px;}

	#TBback01_t2 .boxN					{width:42.5%;}
#TBback01_t2 	.boxN2					{width:96%; margin-right:0; padding:0;}
#TBback01_t2	.boxN3					{width:96%; }
#TBback01_t2	.boxN4					{width:96%;}
}

@media screen and (max-width:600px){
	.gal_list {display:grid;width:100%; grid-template-columns: repeat(2, 1fr);}
	.gal_list .col{ margin:20px 2% 0px; height:100%; overflow:hidden;}
	.col_txt{min-height:80px;}

	#TBback01_t2 .boxN					{width:40%; }


}

@media screen and (max-width:530px){


}

@media screen and (max-width:500px){

	#TBback01_t2 .boxN					{width:96%; margin:1px 0; padding:0;}
}



@media screen and (max-width:450px){

	.col_txt{min-height:105px;}
}
.bbsList3						{clear:both; position:relative; margin-top:10px;border-top:2px solid #555;width:98%; margin:20px 1% 0;}
.bbsList3 table				{ }
.bbsList3 table td			{text-align:center;} 
.bbsList3 table thead th	{height:4.5em; color:#333; background:#fff; border-bottom:1px solid #ddd; background:url('../images/board/table_bar.gif') no-repeat 0 25px;}
.bbsList3 table thead .fir {background:#fff;}
.bbsList3 table td			{height:4em; border-bottom:1px solid #ddd; background:#ffffff;padding:15px 0;}
.bbsList3 table th.bg,
.bbsList3 table td.bg		{height:4em; border-bottom:1px solid #ddd; background:#f9f9f9;}
.bbsList3 table .title		{text-align:left;   font-weight:800; margin-bottom:10px;}
.bbsList3 table .bold{font-weight:600;}
.bbsList3 table .title a{color:#000;}
.bbsList3 table .aleft		{text-align:left; padding-left:10px;}

.bbsList3_t						{clear:both; position:relative; margin-top:10px;border-top:2px solid #555;width:98%; margin:20px 1% 0;}
.bbsList3_t table				{ }
.bbsList3_t table td			{text-align:center; } 
.bbsList3_t table thead th	{height:4.5em; color:#333; background:#fff; border-bottom:1px solid #ddd; background:url('../images/board/table_bar.gif') no-repeat 0 25px;}
.bbsList3_t table thead .fir {background:#fff;}
.bbsList3_t table td			{height:4em; border-bottom:1px solid #ddd; background:#ffffff;padding:15px 0;}
.bbsList3_t table th.bg,
.bbsList3_t table td.bg		{height:4em; border-bottom:1px solid #ddd; background:#f9f9f9;}
.bbsList3_t table .title		{text-align:left;   font-weight:800; margin-bottom:10px;}
.bbsList3_t table .bold{font-weight:600;}
.bbsList3_t table .title a{color:#000;}
.bbsList3_t table .aleft		{text-align:left; padding-left:10px;}
	.bbsList3_t{display:none;}


/* 탭메뉴 */
.tabmenu-box {width:100%;  padding:15px 0 50px;}
ul#tabmenu-list {width:100%;  font-size:0;  text-align:center;  line-height:0;  overflow:hidden;}
ul#tabmenu-list li {display:inline-block;  width:260px;  height:50px;  margin:0 5px 10px;  border-radius:10px;  border:1px solid #dedede;  background:#f3f3f3;  overflow:hidden;  transition:all 0.3s;}
ul#tabmenu-list li a,
ul#tabmenu-list li button {width:100%;  height:100%;  text-align:center;  line-height:46px;  font-size:18px;  color:#555;  font-weight:300;  transition:all 0.3s;}
ul#tabmenu-list li:hover,
ul#tabmenu-list li.on {border-color:#9867f0;  background:#9867f0;}

ul#tabmenu-list li:hover a,
ul#tabmenu-list li.on a,
ul#tabmenu-list li:hover button,
ul#tabmenu-list li.on button {color:white;}

.searchinfo						{clear:both; position:relative; margin-bottom:40px; text-align:center; font-size:23px;}


#totalSearchwrap				{clear:both; position:relative;width:100%; max-width:1300px; border-top:1px solid #ccc;}
.totalSearch						{padding-bottom:30px; border-bottom:1px solid #ccc;}
.totalSearch	 .title_point		{font-weight:bold; font-size:20px; color:#000; padding:30px 15px 15px 0px;}
.totalSearch dl		{margin-top:5px; margin-bottom:15px; padding-top:14px;}
.totalSearch dt		{margin-bottom:9px; font-weight:600;}
.totalSearch dt a	{color:#4378bc; /*font-weight:bold;*/}
.totalSearch dd		{line-height:1.4em; margin-bottom:15px; height:2.8em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word; }
.totalSearch .more	{text-align:right; font-weight:bold; font-size:15px;}

.totalPhoto				{clear:both; position:relative; width:100%; max-width:1300px; height:100%;  margin:20px 0px; padding-top:30px; border-top:0px solid #ccc; overflow:none;}
.totalPhoto ul			{padding-left:7px;}
.totalPhoto ul li			{display:block; float:left; padding:0px;  width:260px; height:330px; margin:0px 47px 25px 0px; vertical-align:middle; border:1px solid #e1e1e1; background:#ffffff;}
.totalPhoto ul li.last	{display:block; float:left; text-align:left; padding:0px;  width:260px; height:330px; margin-right:0px; vertical-align:middle;}
.totalPhoto ul li.photo	{display:table-cell; position: static; width:258px; height:220px; margin:0 auto; vertical-align:middle; text-align:center; border-bottom:1px solid #e1e1e1;}
.totalPhoto ul li.photoTitle				{ width:240px; padding:10px !important; color:#353535;  text-align:left; }
.totalPhoto ul li.photoTitle a			{/*font-weight:bold;*/}
.totalPhoto ul li.photoDate				{width:240px; padding:0px 10px; color:#888888; text-align:left !important;}
.totalPhoto span       {text-align:left; height:35px;}


/*검색결과 video */

#searchVideo		{width:100%; max-width:1300px; padding-bottom:50px; overflow:hidden;}
#searchVideo li		{float:left;text-align:center; width:32%; height:100%; padding:20px 20px; margin:0px 2% 40px 0%;  border:1px solid #ddd; border-radius:10px;}
#searchVideo li	 div{text-align:center;}
#searchVideo li.end	{float:left; width:32%; height:100%; padding:20px 10px; background:url('../images/03promote/video_bg.gif') no-repeat; margin:0px 0% 40px 0px;}
#searchVideo li p		{padding-top:5px; background:url('../images/promote/ico_mov.gif') no-repeat 0 2px;}
#searchVideo li h4	{text-align:center; padding-bottom:10px;}


.s_con2 .sub_notice {position:relative;max-width:100%; max-width:1300px; width:100%; margin:0 auto; border:1_px solid #000; overflow:hidden;padding:6px 0 20px 0; margin-top:50px; border-bottom:1px solid #ccc;}
.s_con2 .sub_notice li {float:left; margin:0 2% 30px 2%; font-size:20px; width:32%; }
.s_con2 .sub_notice li:hover .titc, .s_con2 .sub_notice li:hover .txt {color:#8c66ed; background:#fef4f9;  border:1px solid #8c66ed;}
.s_con2 .sub_notice li div a:active, .s_con2 .sub_notice li div a:link, .s_con2 .sub_notice li div a:hover, .s_con2 .sub_notice li div a:focus,  .s_con2 .sub_notice li div a:visited {color:#000;}
.s_con2 .sub_notice li .titc{border:1px solid #ccc; border-radius:8px 8px 0  0px ;overflow:hidden; background:#f2f2f2; padding:30px 15px; font-size:1.2rem; font-weight:500;}
/* 개발자 추가 */
.s_con2 .sub_notice li .titc .titc_contents{width:95%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.s_con2 .sub_notice li .img:hover img{transform:scale(1.1); transition:ease-in-out 0.5s;}
.s_con2 .sub_notice li .img img{border:1_px solid #ddd; border-radius:8px 8px 0  0px ;transition:ease-in-out 0.5s;}

.s_con2 .sub_notice li .txt{position:relative;min-height:180px; border:1px solid #ccc; margin-top:-1px; padding:30px 15px; border-radius:0  0px 8px 8px;  background:#f2f2f2;}
/* 개발자 추가 */
.s_con2 .sub_notice li .txt .txt_contents{width:98%;text-overflow:ellipsis; overflow: hidden;white-space:normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;word-wrap:break-word;}

.s_con2 .sub_notice li .txt .date{ width:100%;position:absolute; bottom:25px; height:30px;  font-weight:300; font-size:1rem;}

.s_con2 .sub_notice li div span.file{position:absolute; bottom:0px;  right:35px;}

.s_con2 .sub_news {position:relative;max-width:100%; max-width:1300px; width:100%; margin:0 auto; border:1_px solid #000; overflow:hidden;padding:6px 0 50px 0; margin-top:20px;}
.s_con2 .sub_news li {float:left; margin:0 2% 30px 2%; font-size:20px; width:32%; }
/* 개발자 추가 */
.s_con2 .sub_news li.none {float:left; margin:0 2% 30px 2%; font-size:20px; width:95%;text-align:center; }
.s_con2 .sub_news li.none .titc_none{border:1px solid #ddd; border-radius:8px ;overflow:hidden; background:#fff; padding:30px 15px; font-size:1.2rem; font-weight:500;width:100% !important;}
.s_con2 .sub_news li.none:hover .titc_none{color:#8c66ed; background:#fef4f9;  border:1px solid #8c66ed;}
/* 개발자 추가 */
.s_con2 .sub_news li:hover .titc, .s_con2 .sub_news li:hover .txt {color:#8c66ed; background:#fef4f9;  border:1px solid #8c66ed;}
.s_con2 .sub_news li div a:active, .s_con2 .sub_news li div a:link, .s_con2 .sub_news li div a:hover, .s_con2 .sub_news li div a:focus,  .s_con2 .sub_news li div a:visited {color:#000;}
.s_con2 .sub_news li .titc{border:1px solid #ddd; border-radius:8px 8px 0  0px ;overflow:hidden; background:#fff; padding:30px 15px; font-size:1.2rem; font-weight:500;}
/* 개발자 추가 */
.s_con2 .sub_news li .titc .titc_contents{width:95%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}

.s_con2 .sub_news li .img:hover img{transform:scale(1.1); transition:ease-in-out 0.5s;}
.s_con2 .sub_news li .img img{border:1_px solid #ddd; border-radius:8px 8px 0  0px ;transition:ease-in-out 0.5s;}

.s_con2 .sub_news li .txt{position:relative;min-height:180px; border:1px solid #ddd; margin-top:-1px; padding:30px 15px; border-radius:0  0px 8px 8px;  background:#fff;}
/* 개발자 추가 */
.s_con2 .sub_news li .txt .txt_contents{width:98%;text-overflow:ellipsis; overflow: hidden;white-space:normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;word-wrap:break-word;}
.s_con2 .sub_news li .txt .date{ width:100%;position:absolute; bottom:25px; height:30px;  font-weight:300; font-size:0.9rem;}

.s_con2 .sub_notice li.last, .s_con2 .sub_news li.last{margin:0 0% 30px 00% !important;  }
.s_con2 .sub_notice li.first, .s_con2 .sub_news li.first{margin:0 0% 30px 00% !important;  }

.s_con2 .sub_news li div span.file{position:absolute; bottom:0px;  right:35px;}



.s_con2 .sub_photo {display:grid;width:98%; grid-template-columns: repeat(3, 1fr); margin:0 1%; border:1_px solid #000; overflow:hidden;padding:6px 0px 0px 0px; margin-top:20px;}
.s_con2 .sub_photo .photo {float:left; margin:0 2% 30px 2%; font-size:20px;  border:1px solid #ddd; border-radius:10px ; background:#fff; display:inline-block; }/* 수정필요 */
.s_con2 .sub_photo .photo:hover{background:#f9f9f9; border:3px dotted #8c66ed;}/* 수정필요 */
.s_con2 .sub_photo .photo .titc a{color:#000; padding:0 0px; line-height:1.4}
.s_con2 .sub_photo .photo .titc span{color:#8c66ed; font-weight:600;}
/* 개발자 추가 */
.s_con2 .sub_photo .photo.none {float:left; margin:0 2% 30px 2%; font-size:20px; width:95%;text-align:center; }
.s_con2 .sub_photo .photo.none .titc_none{ border-radius:8px ;overflow:hidden; background:#fff; padding:30px 15px; font-size:1.2rem; font-weight:500;width:100% !important;}
.s_con2 .sub_photo .photo.none:hover .titc_none{color:#8c66ed;}
/* 개발자 추가 */

.s_con2 .sub_photo .photo div a:active, .s_con2 .sub_photo li div a:link, .s_con2 .sub_photo li div a:hover, .s_con2 .sub_phot280;o li div a:focus,  .s_con2 .sub_photo li div a:visited {color:#000;}
.s_con2 .sub_photo .photo .titc{overflow:hidden; position:relative;padding:10px 15px 45px; font-size:1.2rem; font-weight:500;}
/* 개발자 추가 */
.s_con2 .sub_photo .photo .titc .titc_contents{width:95%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.s_con2 .sub_photo .img{width:90%; margin:20px auto; }
.s_con2 .sub_photo .photo .img:hover img{ transform:scale(1.1); transition:ease-in-out 0.5s; border:1px solid #f2f2f2;}
.s_con2 .sub_photo .photo .img img{width:100%;text-align:center; border-radius:8px ; border:1px solid #f2f2f2;transition:ease-in-out 0.5s; }
.s_con2 .sub_photo .photo .titc .date{ width:100%;position:absolute; left:15px; bottom:10px;  height:30px;  font-weight:300; font-size:0.9rem;}

.s_con2 .sub_photo li .titc{position:relative;min-height:100px; margin-top:-1px; padding:10px 15px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; }
.s_con2 .sub_photo li .titc a{width:95%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; }
/* 개발자 추가 */
.s_con2 .sub_photo li .titc .titc_contents{width:98%;text-overflow:ellipsis; overflow: hidden;white-space:normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;word-wrap:break-word;}
.s_con2 .sub_photo li .titc .date{ width:100%;position:absolute; bottom:25px; height:30px;  font-weight:300; font-size:0.9rem;}

 .s_con2 .sub_photo .photo.last{margin:0 0% 30px 2% !important; box-sizing:content-box; }
.s_con2 .sub_photo .photo.first{margin:0 2% 30px 0% !important; box-sizing:content-box; }

.s_con2 .sub_photo li div span.more{position:absolute; bottom:0px;  right:35px; padding:8px 10px 5px 10px; border:1px solid #ddd; border-radius:10px; background:#fff; font-size:0.8rem}
.s_con2 .sub_photo li:hover div span.more{ border:1px solid ##8c66ed !important; }


.s_con2 .sub_photo2 {display:grid;width:98%; grid-template-columns: repeat(4, 1fr); margin:0 1%; border:1_px solid #000; overflow:hidden;padding:6px 0px 0px 0px; margin-top:20px;}
.s_con2 .sub_photo2 .photo2 {float:left; margin:0 2% 30px 2%; font-size:20px;  border:1px solid #ddd; border-radius:10px ; background:#fff; display:inline-block; }/* 수정필요 */
.s_con2 .sub_photo2 .photo2:hover{background:#f9f9f9; border:3px dotted #8c66ed;}
.s_con2 .sub_photo2 .photo2 .titc a{color:#000;}
.s_con2 .sub_photo2 .photo2 .titc span{color:#8c66ed; font-weight:600;}
/* 개발자 추가 */
.s_con2 .sub_photo2 .photo2.none {float:left; margin:0 2% 30px 2%; font-size:20px; width:95%;text-align:center; }
.s_con2 .sub_photo2 .photo2.none .titc_none{ border-radius:8px ;overflow:hidden; background:#fff; padding:30px 15px; font-size:1.2rem; font-weight:500;width:100% !important;}
.s_con2 .sub_photo2 .photo2.none:hover .titc_none{color:#8c66ed;}
/* 개발자 추가 */

.s_con2 .sub_photo2 .photo2 div a:active, .s_con2 .sub_photo2 li div a:link, .s_con2 .sub_photo2 li div a:hover, .s_con2 .sub_phot280;o li div a:focus,  .s_con2 .sub_photo2 li div a:visited {color:#000;}
.s_con2 .sub_photo2 .photo2 .titc{overflow:hidden; position:relative;padding:30px 15px; font-size:1.2rem; font-weight:500;}
/* 개발자 추가 */
.s_con2 .sub_photo2 li .titc .titc_contents{width:95%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.s_con2 .sub_photo2 .img{width:90%; margin:20px auto; }
.s_con2 .sub_photo2 .photo2 .img:hover img{ transform:scale(1.1); transition:ease-in-out 0.5s; border:1px solid #f2f2f2;}
.s_con2 .sub_photo2 .photo2 .img img{width:100%;text-align:center; border-radius:8px ; border:1px solid #f2f2f2;transition:ease-in-out 0.5s; }

.s_con2 .sub_photo2 li .titc{position:relative;min-height:100px; margin-top:-1px; padding:10px 15px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; }
.s_con2 .sub_photo2 li .titc a{width:95%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; }
/* 개발자 추가 */
.s_con2 .sub_photo2 li .titc .titc_contents{width:98%;text-overflow:ellipsis; overflow: hidden;white-space:normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;word-wrap:break-word;}
.s_con2 .sub_photo2 li .titc .date{ width:100%;position:absolute; bottom:25px; height:30px;  font-weight:300; font-size:0.9rem;}

 .s_con2 .sub_photo2 .photo2.last{margin:0 0% 30px 1% !important;  }
.s_con2 .sub_photo2 .photo2.first{margin:0 1% 30px 0% !important;  }

.s_con2 .sub_photo2 li div span.more{position:absolute; bottom:0px;  right:35px; padding:8px 10px 5px 10px; border:1px solid #ddd; border-radius:10px; background:#fff; font-size:0.8rem}
.s_con2 .sub_photo2 li:hover div span.more{ border:1px solid ##8c66ed !important; }


@media screen and (max-width:1280px) {
.s_con2 .sub_news {max-width:1280px; }
.s_con2 .sub_news {max-width:1280px; }
.s_con2 .sub_notice li .txt{min-height:220px; }
.s_con2 .sub_news li .txt{min-height:220px; }

.s_con2 .sub_photo {max-width:1280px; }
.s_con2 .sub_photo {max-width:1280px; }
.s_con2 .sub_photo li .txt{min-height:220px; }
.s_con2 .sub_photo2 {max-width:1280px; }
.s_con2 .sub_photo2 {max-width:1280px; }
.s_con2 .sub_photo2 li .txt{min-height:220px; }

.s_con2 .sub_notice li .txt .date{  font-size:0.9rem;}
}


@media screen and (max-width: 1024px) {
    .s_con2 .sub_photo {
        max-width: 1024px;
    }
}


@media screen and (max-width:768px) {

.s_con2 .sub_photo {display:grid;width:98%; grid-template-columns: repeat(2, 1fr); }
 .s_con2 .sub_photo .photo.last{margin:0 1% 30px 1% !important; box-sizing:content-box; }
.s_con2 .sub_photo .photo.first{margin:0 1% 30px 1% !important; box-sizing:content-box; }

.s_con2 .sub_photo2 {display:grid;width:98%; grid-template-columns: repeat(2, 1fr); }
 .s_con2 .sub_photo2 .photo2{margin:0 1% 30px 1% !important; box-sizing:content-box; }
 .s_con2 .sub_photo2 .photo2.last{margin:0 1% 30px 1% !important; box-sizing:content-box; }
.s_con2 .sub_photo2 .photo2.first{margin:0 1% 30px 1% !important; box-sizing:content-box; }

}

@media screen and (max-width:500px) {





.s_con2 .sub_photo {display:grid;width:98%; grid-template-columns: repeat(1, 1fr); }
 .s_con2 .sub_photo .photo.last{margin:0 1% 30px 1% !important; box-sizing:content-box; }
.s_con2 .sub_photo .photo.first{margin:0 1% 30px 1% !important; box-sizing:content-box; }

.s_con2 .sub_photo2 {display:grid;width:98%; grid-template-columns: repeat(1, 1fr); }
.s_con2 .sub_photo2 .photo2{margin:0 1% 30px 1% !important; box-sizing:content-box; }
 .s_con2 .sub_photo2 .photo2.last{margin:0 1% 30px 1% !important; box-sizing:content-box; }
.s_con2 .sub_photo2 .photo2.first{margin:0 1% 30px 1% !important; box-sizing:content-box; }
}

@media screen and (max-width:768px) {/* 20240807추가 */
.my_tab a div{width:20%; min-width:140px !important;}
}


/* [write] *//* 20240802추가 */
.tbl_write				{clear:both; position:relative; margin:10px 0 40px; width:100%;  border-top:2px solid #000;}
.tbl_write tbody th	{padding:15px 0px 15px 30px; border-bottom:1px solid #e1e1e1;  text-align:left;  line-height:1.5em;}
.tbl_write tbody td	{padding:15px; border-bottom:1px solid #e1e1e1; text-align:left; line-height:1.5em;}
.tbl_write input			{height:50px; border:1px solid #ddd; background:#fff;padding:5px 10px; width:40%;}
.tbl_write input.bg			{background:url('../images/common/inputbg.gif') no-repeat 0px;}
.tbl_write input.file	{border:0px solid #fff; background:#ffff;}
.tbl_write input:focus{border:2px dotted #e1e1e1; }
.tbl_write select      {height:50px; border:1px solid #ddd; background:#f3f3f3;padding:5px;font-size:16px;}
.tbl_write textarea	{width:98%; height:150px; padding:1%;border:1px solid #ddd; background:#f3f3f3;}
.tbl_write .input_nobg {background:none;}
.tbl_write .acenter		{text-align:center;}
.tbl_write .btn_tel{height:50px; width:140px;padding:0 10px;border:0px solid #014d4d !important; background:#014d4d;color:#fff; }

/* 20240805추가 */
	    .my_tab{width:98%; margin:50px 1%; text-align:center; }
		.my_tab a div{float:left; width:20%; min-width:180px; margin:1%; height:50px; line-height:50px;  text-align:center; color:#014d4d; background:#fff; border-radius:10px; border:1px solid #014d4d; font-weight:600;}/* 20240807수정 */
		.my_tab a div:hover{ background:#f8fcff;  border:2px dotted #014d4d; font-weight:800;}
		.my_tab a div.on{ background:#f8fcff;  border:2px dotted #014d4d !important; font-weight:800;}