@import url("common.css");

#subtop {position:relative;overflow:hidden;width:100%;text-align:center;height:356px;padding-top:100px;background-position:center 0;background-repeat:no-repeat;background-size: auto;box-sizing:border-box;}
	.subtop_about {background-image: url('/img/sub_1.png');}
	.subtop_certi {background-image: url('/img/certi.png');}
	.subtop_joblist {background-image:url('/img/subtop_joblist.jpg');}
	.subtop_lecture {background-image:url('/img/subtop_lecture.jpg'); height:400px !important;}
	.subtop_consulting {background-image:url('/img/subtop_consulting.jpg');}
	.subtop_event {background-image:url('/img/subtop_event.jpg'); height:400px !important;}
	.subtop_data {background-image:url('/img/subtop_data.jpg');}
	.subtop_member {background-image:url('/img/subtop_other.jpg'); height:400px !important;}
	.subtop_member_in {background-image:url('/img/subtop_other.jpg'); height:400px !important;}
	.subtop_other {background-image:url('/img/subtop_other.jpg'); height:400px !important;}
	.subtop_search {background-image:url('/img/subtop_other.jpg');}

#subtop .textArea {position:absolute;width:100%;left:50%;top: 57%;transform:translate(-50%, -50%);text-align:center;z-index:2;}
#subtop .textArea h2 {font-family:"yg-jalnan","Noto Sans KR", sans-serif;font-weight:700;color: #182886;font-size:2.8125rem;line-height:100%;margin-bottom:1.75rem;}
#subtop .textArea h3 {font-family:"yg-jalnan","Noto Sans KR", sans-serif; font-weight:700; color:#182886; font-size:2.8125rem; line-height:100%; margin-bottom:1.75rem; }
.nc {color:#e52084 !important;}
#subtop .textArea p {color: #e52084;font-weight:300;line-height:100%;font-size:1.2rem;letter-spacing:-0.5pt;margin-top:1.5rem;}
#subtop.sub .textArea {top:55% !important;}

.stickyMenu {display:none;}
#container {position:relative; width:100%;}

#lnb {position:relative; width:100%; margin:-64px auto 0 auto; height:64px; background:rgb(24 40 134 / 79%);}
#lnb h2 {position:absolute; left:0; top:0; width:1px; height:1px; text-indent:-222222222px;}
#lnb > ul {position:relative; overflow:hidden; display:flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center;}
#lnb > ul > li {position:relative;}
#lnb > ul > li a:link, #lnb ul li a:visited {position:relative; letter-spacing:-0.5pt; color:rgba(255,255,255,0.8); font-weight:400; display:inline-block; padding:20px 25px; transition:all 0.3s ease-out;}
#lnb > ul > li a:after {position:absolute; content:""; left:0; bottom:0; background:#39a9e1; width:100%; height:3px; background-color:#39a9e1; transform:scale3d(0,1,1); transform-origin:left; transition:transform .5s;} 
#lnb > ul > li a:hover {color:#39a9e1;}
#lnb > ul > li a:hover:after {transform:scale3d(1,1,1);}
#lnb > ul > li a.left_linktop {display:block; color:#fff !important; text-decoration: none;  background:#39a9e1;}

#container h3.title {text-align:center;color:#222;font-weight:600;font-size:2.375rem;line-height:100%;letter-spacing:-1pt;margin: 2rem 0;} 	
.contents_in {position:relative; max-width:1270px; width:98%; margin:0 auto 50px auto; }
.col_half { width: 49%; }
.col_third { width: 32%; }
.col_fourth { width: 23.5%; }
.col_fifth { width: 18.4%; }
.col_sixth { width: 15%; }
.col_three_fourth { width: 74.5%;}
.col_twothird{ width: 66%;}
.col_half,
.col_third,
.col_twothird,
.col_fourth,
.col_three_fourth,
.col_fifth{
	position: relative;
	display:inline;
	display: inline-block;
	float: left;
	margin-right: 0;
	margin-bottom: 0;
}
.end { margin-right: 0 !important; }
/* Column Grids End */

.counter {/* background-color: #ffffff; */padding: 2px 0;border-radius: 5px;position: absolute;top: 44%;line-height: 16px;left: 0%;width: auto;padding: 31px;border-radius: 165px;z-index: 9;}
.count-title {font-size: 26px;font-weight: normal;margin-top: 0;margin-bottom: 0;text-align: center;color: #2196F3;font-family: 'yg-jalnan';}
.count-text {font-size: 15px;font-weight: normal;margin-top: 0px;margin-bottom: 0;text-align: center;color: #000000;font-family: 'yg-jalnan';}
.fa-2x {margin: 0 auto;float: none;display: table;font-size: 41px !important;color: #FF5722;}
/*** ����css ***/
.point_txt{font-weight:bold; color:#333; letter-spacing:-0.5pt;}
.skyBlue {color:#39a9e1;}
.lightGreen {color:#b5d30f;}

.table_style {width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333;}
.table_style th {color:#444; font-weight:600; text-align:left; padding:14px 0 14px 15px; border-bottom:1px solid #d4d4d4; background-color:#f9f9f9; letter-spacing:-0.5pt;}
.table_style td {border-bottom:1px solid #e9e9e9; padding:14px 0 14px 15px; text-align:left}

.dottList li {position:relative; width:100%; box-sizing:border-box; border-bottom:10px; line-height:160%; letter-spacing:-0.5pt; padding:0 0 5px 12px;}
.dottList li:last-child {padding:0 0 0px 12px;}
.dottList li:before {position:absolute; content:""; box-sizing:border-box; width:4px; height:4px; background:#cdcdcc; border-radius:50px; left:0; top:12px; }

.dep_cont {margin-bottom:3rem;}

/*** �Ұ� ***/
.about {position:relative;}
.iiii {
    margin-bottom: 15px;
}
.about img{
    /* width: 100%; */
}
.about h4.cont_tit {line-height:100%; letter-spacing:-0.8pt; color:#333;  margin-bottom:1.563rem; font-size:2.313rem; font-family:"yg-jalnan","Noto Sans KR", sans-serif; font-weight:700;}
.about h4.cont_tit span {line-height:100%; letter-spacing:-0.8pt; font-family:"yg-jalnan","Noto Sans KR", sans-serif; font-weight:700;}
.about .text {letter-spacing:-0.5pt; line-height:190%; margin-bottom:2rem;}
.about .about_img {width:100%; display:flex;}
.about .about_img p {margin-right:1%;}
.about .about_img p:last-child {margin-right:0;}
.about .about_img p img {width:100%;}
.about .listType {border-top:1px solid #ddd; margin-top:2rem;}
.about .listType dl {border-bottom:1px solid #ddd; display:flex; padding:2rem 10px; box-sizing:border-box; }
.about .listType dl dt {flex-basis:250px; flex-shrink:0; font-size:1.25rem; position:relative; color:#333; font-weight:500; letter-spacing:-0.8pt; box-sizing:border-box; padding-left:22px;}
.about .listType dl dt:before {position:absolute; content:""; left:0; top:14px; width:12px; height:4px; background:#39a9e1;}
.about .listType dl dd {flex-basis:auto; flex-grow:1; flex-shrink:1; line-height:180%; letter-spacing:-0.5pt;}  


/*** ���Ư�� ***/
.videoWrap {position:relative; width:98%; max-width:1270px; padding-bottom:55%;}
.videoWrap iframe {position:absolute; left:0; top:0; width:100%; height:100%;}

/*** �̿�ȳ� ***/

/* ����Ʈ�� */
.sitemap {position:relative;}
.sitemap ul {border-top:1px solid #ddd;}
.sitemap ul li {border-bottom:1px solid #ddd;}
.sitemap ul li dl {display:flex; padding:2rem 10px; box-sizing:border-box; }
.sitemap ul li dl dt {flex-basis:250px; flex-shrink:0; font-size:1.25rem; position:relative; color:#333; font-weight:500; letter-spacing:-0.8pt; box-sizing:border-box; padding-left:22px;}
.sitemap ul li dl dt:before {position:absolute; content:""; left:0; top:14px; width:12px; height:4px; background:#39a9e1;}
.sitemap ul li dl dd {flex-basis:auto; flex-grow:1; flex-shrink:1; line-height:180%; letter-spacing:-0.5pt;}  
.sitemap ul li dl dd a:link, .sitemap ul li dl dd a:visited {position:relative; display:inline-block; width:33%; letter-spacing:-0.5pt; padding-left:10px; box-sizing:border-box;}
.sitemap ul li dl dd a:before {position:absolute; content:""; box-sizing:border-box; width:4px; height:4px; background:#cdcdcc; border-radius:50px; left:0; top:12px; }


/* �̿���, ����������޹�ħ */
.policy_con {position:relative; overflow:hidden; letter-spacing:-0.5pt;}
.cont_title{font-size:1.5rem; color:#333; padding-bottom:1.125rem; letter-spacing:-1.2pt; font-weight:600;}
p.cont_tit, .pri_tit {display:block; font-size:1.125em !important; padding-bottom:10px; font-weight:600; color:#333 !important; letter-spacing:-0.5pt;}
.cont_txt {padding:0px 0px 35px 0; letter-spacing:-0.5pt;}
.cont_txt2 {padding-bottom:35px; letter-spacing:-0.5pt;}
.cont_box {padding:20px; background:#f4f4f4; margin:7px 0px 10px 0px; display:block;  letter-spacing:-0.5pt;}
.cont_box strong {color:#333;}

.privacy_list {width:100%; overflow:hidden; clear:both; *zoom:1; padding:2rem 2rem 1.5rem 2rem; border:1px dashed #ddd; margin-bottom:30px; box-sizing:border-box;}
.privacy_list li {width:50%; float:left; padding-bottom:1%;}
.privacy_list li a {font-weight:500;  letter-spacing:-0.5pt;}

.email {letter-spacing:-0.5pt;}

/* �˻���� */
.search .cont_tit {line-height:100%; letter-spacing:-0.8pt; color:#333; margin-bottom:1.25rem; font-size:1.5rem;}
.search .cont_tit span {line-height:100%; letter-spacing:-0.8pt;}

/* �غ��� */
.ready_cont {background:#f6f6f6; padding:150px 0;}
.ready_cont dt {text-align:center; font-size:48px; letter-spacing:-0.5pt; color:#333; line-height:100%; font-family:"Roboto", Arial, Tahoma, Verdana, Sans-serif; letter-spacing:0 !important; font-weight:700;}
.ready_cont dt span {color:#004582; letter-spacing:-0.5pt; line-height:100%; font-family:"Roboto", Arial, Tahoma, Verdana, Sans-serif; letter-spacing:0 !important; font-weight:700;}
.ready_cont dd {text-align:center; font-size:20px; font-weight:300; letter-spacing:-0.5pt; line-height:100%; margin-top:35px;}


/* õ��ȣ�߰�(2016-07-20) */
.pay_add_tit {font-size: 11px; color: #555;}
.pay_add_tit2 {font-size: 11px; color: #ee2d7a;}



/*******************************************************************************
@media ~1310px
*******************************************************************************/
@media all and (max-width:1300px) { 

}


/*******************************************************************************
	@media 981~1024px
*******************************************************************************/
@media all and (max-width:1100px) { 

/*** �̿�ȳ� ***/

/* ����Ʈ�� */
.sitemap ul li dl dd a:link, .sitemap ul li dl dd a:visited {width:49%;}

}


/*******************************************************************************
	@media 851~980px
*******************************************************************************/
@media all and (max-width:980px) { 

#subtop {height:300px; padding-top:78px;}
	.subtop_lecture, .subtop_event, .subtop_member, .subtop_member_in, .subtop_other {height:350px !important;}
#subtop .textArea {top:63% !important;}
#subtop.sub .textArea {top:52% !important;}

#lnb {margin:-58px auto 0 auto; height:58px;}
#lnb > ul > li > a:link, #lnb > ul > li > a:visited {padding:18px 20px 17px 20px;}

#container h3.title {font-size:2.175rem;} 	

/*** ���� ***/
.dottList li:before {top:10px; }

/*** �Ұ� ***/
.about .listType dl {padding:1.75rem 10px;}
.about .listType dl dt {flex-basis:180px; flex-shrink:0; font-size:1.25rem;}

/*** �̿�ȳ� ***/

/* ����Ʈ�� */
.sitemap ul li dl{padding:1.75rem 10px;}
.sitemap ul li dl dt {flex-basis:180px; flex-shrink:0; font-size:1.25rem;}
.sitemap ul li dl dd a:before {top:10px;}

}


/*******************************************************************************
	@media 681 ~ 768px
*******************************************************************************/
@media all and (max-width:768px) { 

#subtop {height:290px; padding-top:69px;}
	.subtop_lecture, .subtop_event, .subtop_member, .subtop_member_in, .subtop_other {height:290px !important;}
#subtop .textArea {top:53% !important;}
#subtop .textArea h2 {font-size:2.5rem; margin-bottom:0; }
#subtop .textArea p {display:none;}
#subtop.sub .textArea {top:53% !important;}

#lnb {display:none;}
#container h3.title {font-size:2rem;} 	

.contents_in {width:96%;}
.stickyMenu {display:block;}

/* ����޴� ������ �߰��ҽ� */
.clear { clear:both; display:block; }
.clearfix:after {content: ""; display: block; clear: both;}
.clearfix > li {display: block; float:left;}
body.scroll_off { overflow:hidden;}

/** dropdownlist **/
.dropLst { display:inline-block; /* position:relative; */ vertical-align:middle; color:#666;}
.dropLst .txt { position:relative; display:block; text-align:left; text-decoration:none; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:50px; padding:0 40px 0 10px; box-sizing:border-box; color:#333; }
.dropLst .hidradio { opacity:0; filter:alpha(opacity=0); position:absolute; z-index:-1; top:5px; left:5px; }
.dropLst .dlst { display:none; position:absolute; top:100%; z-index:9; } /* box-shadow:1px 1px 1px rgba(0,0,0,.2); -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.2);  min-width:100%; */
.dropLst.bottom .dlst { top:auto; bottom:100%; }
.dropLst .dlst.aright { right:0; }
.dropLst ul { margin-top:-1px; background-color:#fff; max-height:400px; padding:0; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; -webkit-box-sizing:border-box; }
.dropLst ul > li { position:relative; }
.dropLst ul > li > label { display:block; position:relative; cursor:pointer; }
.dropLst ul > li > label > span { display:block; }
.dropLst ul > li > a:hover, .dropLst ul > li > label:hover > span, .dropLst ul > li > label.hover > span { /* background-color:#f3f3f3; */ }
/*.dropLst .txt, .dropLst ul { border:1px solid #d7d7d7; }*/
.dropLst .txt, .dropLst li span, .dropLst li a { line-height:38px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dropLst li span, .dropLst li a { padding:0 10px; }
.dropLst li a.selected, .dropLst li a.on, .dropLst li label.on span {/*font-weight:bold;*/}
.dropLst li span, .dropLst li a { display:block; }

/** ���� �׺���̼� ����� **/
.mobile_snb {position:relative; display: block; width:100%; margin:-50px auto; height:50px; background:rgba(0,0,0,0.5);}
.mobile_snb a.home {display:none;}
.mobile_snb .box {float:left; height:50px; width: 50%; box-sizing:border-box; }
.mobile_snb .dropLst .txt, 
.mobile_snb .dropLst li span, 
.mobile_snb .dropLst > a {padding-left:10px; width:100%; height: 50px; line-height: 50px; border:none; z-index: 99; box-sizing:border-box; letter-spacing:-0.5pt;}
.mobile_snb .box .dropLst .txt {color:#fff;}
.mobile_snb .box .dropLst .txt:before {content: ""; position: absolute; top:50%; right:12px; display: block; width: 22px; height: 22px; margin-top:-11px; background:url('/img/here_arrow_icon.png') center no-repeat; border:1px solid rgba(255,255,255,0.6); transition: all 0.3s;}
.mobile_snb .box .dropLst .txt.on:before {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.mobile_snb .box .dropLst ul {padding:10px 0;}
.mobile_snb .box.dep1 .dropLst {border-right:1px solid rgba(255,255,255,0.3);}
.mobile_snb .box.dep1 .dropLst ul,
.mobile_snb .box.dep1 .dropLst ul li {background-color:#fff; }
.mobile_snb .box.dep1 .dropLst li .value {width:100%; padding:10px 15px; line-height:100%; border:none; z-index: 99; box-sizing:border-box; letter-spacing:-0.5pt; color:#666;}
.mobile_snb .box.dep1 .dropLst li .value.on {color:#fff; font-weight:500; background:#33adf8;}
.mobile_snb .box.dep1 .dropLst .txt {color:#fff; }
.mobile_snb .box.dep2 .dropLst li .value {width:100%; padding:10px 15px; line-height:100%; border:none; z-index: 99; box-sizing:border-box; letter-spacing:-0.5pt; color:#666;}
.mobile_snb .box.dep2 .dropLst li .value.on {color:#fff;  background:#0032a4;} 
.mobile_snb .dropLst {width:100%; box-sizing: border-box;}
.mobile_snb .dropLst .dlst {width:100%; left:0; border:1px solid #ddd; box-sizing:border-box;}
.enqu_wrap {width:100%;}
#container h3.title {margin:90px 0 2.5rem 0;} 	

/*** �Ұ� ***/
.about h4.cont_tit {margin-bottom:1.25rem; font-size:2rem;}
.about .listType dl {flex-direction: column; flex-wrap: wrap; justify-content: flex-start;  align-items:flex-start; align-content:flex-start;}
.about .listType dl dt {flex-basis:auto; font-size:1.25rem; padding-bottom:0.75rem;}
.about .listType dl dt:before {top:12px;}
.about .listType dl dd {padding-left:12px;}
.about .listType dl:nth-child(3) dd {padding-left:22px;}


/*** �̿�ȳ� ***/

/* ����Ʈ�� */
.sitemap ul li dl {flex-direction: column; flex-wrap: wrap; justify-content: flex-start;  align-items:flex-start; align-content:flex-start; }
.sitemap ul li dl dt {flex-basis:auto; font-size:1.25rem; padding-bottom:0.75rem;}
.sitemap ul li dl dt:before {top:12px;}
.sitemap ul li dl dd {width:100%; padding-left:12px;}


/* �̿���, ����������޹�ħ */
.cont_box {padding:1rem;}
.privacy_list {display:none;}

/* �˻���� */
.search .cont_tit {margin-bottom:12px;}

}


/*******************************************************************************
	@media 561~680px
*******************************************************************************/
@media all and (max-width:680px) { 


/*** �Ұ� ***/
.about .text br {display:none;}


/*** �̿�ȳ� ***/

/* ����Ʈ�� */
.sitemap ul li dl dd a:before {top:9px;}


}


/*******************************************************************************
	@media 341~480px
*******************************************************************************/
@media all and (max-width:530px) { 


/*** �̿�ȳ� ***/

/* ����Ʈ�� */
.sitemap ul li dl dd {padding-left:14px;}
.sitemap ul li dl dd a:link, .sitemap ul li dl dd a:visited {width:100%;}


}


/*******************************************************************************
	@media 341~480px
*******************************************************************************/
@media all and (max-width:480px) { 

#subtop {height:260px;}
	.subtop_lecture, .subtop_event, .subtop_member, .subtop_member_in, .subtop_other {height:260px !important;}

#container h3.title {margin:85px 0 2rem 0; line-height:120%;}
.contents_in {width:94%;}

.search .cont_tit {font-size:1.5rem;}


/*** ���� ***/
.dottList li:before {top:8px; }

/*** �Ұ� ***/
.about .about_img {display:block;}
.about .about_img p {margin-bottom:2%; margin-right:0;}
.about .listType dl {padding:1.25rem 7px;}
.about .listType dl dt {padding-left:18px;}
.about .listType dl dt:before {width:10px; top:10px;}
.about .listType dl dd {padding-left:6px;}


/*** �̿�ȳ� ***/

/* ����Ʈ�� */
.sitemap ul li dl {padding:1.25rem 7px;}
.sitemap ul li dl dt {padding-left:18px; padding-bottom:0.35rem;}
.sitemap ul li dl dt:before {width:10px; top:10px;}
.sitemap ul li dl dd {padding-left:10px;}



}
h4.twins_dot {
    margin-top: 3.75rem;
    font-size: 1.375rem;
    font-weight: 500;
    color: #111;
    line-height: 1.875rem;
}
.exp {
    margin-top: 0.625rem;
    font-size: 1.125rem;
    line-height: 1.875rem;
}
.blue_box {margin: 10px 0;padding: 28px 30px;background-color: #eff5ff;/*border: 1px solid #0278be;*/border-radius: 0.625rem;/* font-weight: 800; */}
.blue_box ul li { margin-top: 0.625rem;}
.blue_box ul li:first-child { margin-top: 0;}
.blue_box ul li a { display: inline-block; position: relative; padding-left: 1rem; color: #004f91; line-height: 1.563rem;}
.blue_box ul li a:hover { text-decoration: underline;}
.blue_box ul li a::before { content: ''; display: block; position: absolute; left: 0; top: 9px; z-index: 1; width: 5px; height: 5px; background-color: #004f91; border-radius: 50%;}
_:-ms-input-placeholder, :root .blue_box ul li a::before {
  top: 10px;
}
.blue_box ul li a::after {content: '';display: block;position: absolute;right: -30px;top: 0;z-index: 1;width: 20px;height: 20px;margin-top: 1px;background: url(/img/common_ico_download.png) no-repeat;background-size: 20px 20px;}


.container {
}

.accordion .accordion-item {
  border-bottom: 1px solid #e5e5e5;
}
.accordion .accordion-item button[aria-expanded=true] {
  border-bottom: 1px solid #03b5d2;
}
.accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 1em 0;
  color: #7288a2;
  font-size: 1.15rem;
  font-weight: 400;
  border: none;
  background: none;
  outline: none;
}
.accordion button:hover, .accordion button:focus {
  cursor: pointer;
  color: #03b5d2;
}
.accordion button:hover::after, .accordion button:focus::after {
  cursor: pointer;
  color: #03b5d2;
  border: 1px solid #03b5d2;
}
.accordion button .accordion-title {
  padding: 1em 1.5em 1em 0;
}
.accordion button .icon {
  display: inline-block;
  position: absolute;
  top: 18px;
  right: 0;
  width: 22px;
  height: 22px;
  border: 1px solid;
  border-radius: 22px;
}
.accordion button .icon::before {
  display: block;
  position: absolute;
  content: "";
  top: 10px;
  left: 6px;
  width: 10px;
  height: 2px;
  background: currentColor;
}
.accordion button .icon::after {
  display: block;
  position: absolute;
  content: "";
  top: 6px;
  left: 10px;
  width: 2px;
  height: 10px;
  background: currentColor;
}
.accordion button[aria-expanded=true] {
  color: #03b5d2;
}
.accordion button[aria-expanded=true] .icon::after {
  width: 0;
}
.accordion button[aria-expanded=true] + .accordion-content {
  opacity: 1;
  max-height: 9em;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content p {
  font-size: 1rem;
  font-weight: 300;
  margin: 2em 0;
}

h3.doc_tit02 {
    position: relative;
    padding: 0 0 13px 18px;
    font-weight: 500;
    font-size: 16px;
    color: #333;
    letter-spacing: -0.05em;
}
h3.doc_tit02:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 13px;
    height: 13px;
    background: url(/img/bul01.gif) no-repeat 0 0;
    background-size: 100%;
}
h3.doc_tit02 {
    position: relative;
    padding: 0 0 13px 18px;
    font-weight: 500;
    font-size: 16px;
    color: #333;
    letter-spacing: -0.05em;
}
.txt_p {
    margin-left: 34px;
    margin-bottom: 30px;
    /* font-size: 20px; */
}
.ppoo {
    width: 100%;
}

table.add {
  border: 1px solid #1C6EA4;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
table.add td, table.add th {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
table.add tbody td {
  /* font-size: 13px; */
  padding: 9px;
}
table.add tfoot td {
  font-size: 14px;
}
table.add tfoot .links {
  text-align: right;
}
table.add tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}
.w_y {
    width: 188px;
}

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


h3.doc_tit02 {
    padding: 0 0 17px 26px;
    font-size: 20px;
}
h3.doc_tit02:before {
    top: 8px;
    left: 0;
    width: 16px;
    height: 16px;
    background-size: 100%;
}
h3.doc_tit02 {
    padding: 0 0 17px 26px;
    font-size: 20px;
}
}
@media screen and (min-width: 1070px){
.list-box {
    margin-top: 20px;
}
h3.doc_tit02 {
    padding: 0 0 13px 34px;
    font-size: 25px;
}
h3.doc_tit02:before {
    top: 10px;
    width: 20px;
    height: 20px;
    background-size: 100%;
}
h3.doc_tit02 {
    padding: 0 0 3px 34px;
    font-size: 25px;
}
}

.rsvt_step{margin-top: 40px;}
.rsvt_step > ul:after{content: '';display: block;clear: both;}
.rsvt_step > ul > li{position: relative;float: left;width: calc(25% - 27px);margin-left: 35px;padding-top: 200px;background-repeat: no-repeat;background-position: top center;}
.rsvt_step > ul > li:first-child{margin-left: 0;}
.rsvt_step > ul > li:nth-child(1){background-image: url(/img/rsvt_step01.png);}
.rsvt_step > ul > li:nth-child(2){background-image: url(/img/rsvt_step02.png);}
.rsvt_step > ul > li:nth-child(3){background-image: url(/img/rsvt_step03.png);}
.rsvt_step > ul > li:nth-child(4){background-image: url(/img/rsvt_step04.png);}
.rsvt_step > ul > li:before{content: "";display: block;position: absolute;top: 75px;left: -27px;width: 21px;height: 38px;background-image: url(/img/rsvt_step_arrow.png);background-repeat: no-repeat;}
.rsvt_step > ul > li:first-child:before{display: none;}
.rsvt_step > ul > li > strong{display: block;text-align: center;font-size: 20px;font-weight: 600;color: #333;}
.rsvt_step > ul > li > strong > span{color: #0062b1;}
.rsvt_step > ul > li > p{position: relative;padding-left: 18px;margin: 15px 0 10px;font-size: 17px;color: #333;word-break: keep-all;}
.rsvt_step > ul > li > p:before{content: "ㆍ";display: inline-block;position: absolute;left: 0;top: 0;}
.rsvt_step > ul > li > span{position: relative;display: block;padding-left: 18px;font-size: 15px;color: #ca420d;word-break: keep-all;}
.rsvt_step > ul > li > span:before{content: "※";display: inline-block;position: absolute;left: 0;top: 0;}


table.con {
  border: 1px solid #1C6EA4;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}
table.con td, table.con th {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
table.con tbody td {
  font-size: 13px;
  padding: 7px;
  text-align: left;
}
table.con tfoot td {
  font-size: 14px;
}
table.con tfoot .links {
  text-align: right;
}
table.con tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}
.head_ti {
    background-color: #dcdcdc;
    color: #000;
    font-weight: 600;
    text-align: center !important;
}
.txt_w{
    width: 51px;
}
.add_gab {margin-top:20px;}

@media all and (max-width:768px) {
.rsvt_step {
    margin-bottom: -40px;
}
.rsvt_step > ul > li {
    width: calc(50% - 10px);
    min-height: 150px;
    margin-bottom: 40px;
    margin-left: 20px;
    background-size: 100px;
    padding-top: 110px;
}
.rsvt_step > ul > li:before {
    top: 42px;
    left: -15px;
    background-size: 10px auto;
}
.rsvt_step > ul > li:nth-child(2):after {
    content: "";
    display: block;
    position: absolute;
    bottom: -45px;
    left: 50%;
    margin-left: -20px;
    width: 21px;
    height: 38px;
    background-image: url(/img/rsvt_step_arrow.png);
    background-repeat: no-repeat;
    transform: rotate(90deg);
    background-size: 10px auto;
}
.rsvt_step > ul > li > strong {
    font-size: 16px;
}
.rsvt_step > ul > li > p {
    font-size: 13px;
    margin: 10px 0 5px;
}
.rsvt_step > ul > li:nth-child(3) {
    float: right;
    margin-bottom: 0;
}
.rsvt_step > ul > li:nth-child(3):before {
    transform: rotate(180deg);
    background-position: right;
}
.rsvt_step > ul > li:nth-child(4) {
    margin-left: 0;
    margin-bottom: 0;
}
.qc-ls > li .qbx {
    float: left;
    padding-left: 25px;
    font-weight: 600;
    font-size: 19px;
    color: #222;
    line-height: 24px;
    word-break: break-all;
    position: relative;
    margin: 6px 0;
    width: calc(100% - 25px) !important;
}
.w_dd {
    overflow: auto;
    width: 100%;
}
table.con {
    border: 1px solid #1C6EA4;
    width: 1000px;
    text-align: center;
    border-collapse: collapse;
}
.result {
    padding: 0 43px 43px;
    text-align: center;
    width: auto !important;
    margin: auto;
    border: 18px solid #eee;
    padding: 15px;
}
.qc-ls > li .qbx.ss {
    font-size: 15px;
    font-weight: 400;
}
.result h3 {
    font-size: 16px;
    color: #0c64aa;
}
.ppoo {
    overflow: auto;
    overflow-x: scroll;
}
.w_y {
    width: auto;
}
}


/* 
    15. Preloader css 
*/
.ctn-preloader {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
  pointer-events: none;
}

.ctn-preloader .animation-preloader {
  position: absolute;
  z-index: 100;
}

.ctn-preloader .animation-preloader .spinner {
  -webkit-animation: spinner 1s infinite linear;
          animation: spinner 1s infinite linear;
  border-radius: 50%;
  border: 4px solid var(--light-color2);
  border-top-color: var(--black-color);
  height: 9em;
  margin: 0 auto 3.5em auto;
  width: 9em;
}

.ctn-preloader .animation-preloader .txt-loading {
  font-weight: 900;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: var(--light-color2);
  font-size: 3.5rem;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:before {
  animation: letters-loading 5s infinite;
  color: var(--black-color);
  content: attr(data-text-preloader);
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transform: rotateY(-90deg);
          transform: rotateY(-90deg);
  -webkit-animation: letters-loading 5s infinite;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading {
  color: rgba(0, 0, 0, 0.2);
  position: relative;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}

.ctn-preloader .loader-section {
  background: var(--white-color);
  height: 100%;
  position: fixed;
  top: 0;
  width: calc(50% + 1px);
}

.ctn-preloader .loader-section.section-left {
  left: 0;
}

.ctn-preloader .loader-section.section-right {
  right: 0;
}

.loaded .animation-preloader {
  opacity: 0;
  transition: 0.5s ease-out;
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -ms-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
}

.loaded .loader-section.section-left {
  -webkit-transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
  transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
  -webkit-transform: translateX(-101%);
          transform: translateX(-101%);
}

.loaded .loader-section.section-right {
  -webkit-transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
  transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
  -webkit-transform: translateX(101%);
          transform: translateX(101%);
}

/* Animación del preloader */
@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}
@keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}

/* Animación de las letras cargando del preloader */
@-webkit-keyframes letters-loading {
  0%,
  75%,
  100% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
            transform: rotateY(-90deg);
  }
  25%,
  50% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
}
@keyframes letters-loading {
  0%,
  75%,
  100% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
            transform: rotateY(-90deg);
  }
  25%,
  50% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
}

/* Tamaño de portatil hacia atras (portatil, tablet, celular) */
@media screen and (max-width: 767px) {
  /* Preloader */
  /* Spinner cargando */
  .ctn-preloader .animation-preloader .spinner {
    height: 8em;
    width: 8em;
  }
  /* Texto cargando */
  .ctn-preloader .animation-preloader .txt-loading {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 500px) {
  .ctn-preloader .animation-preloader .spinner {
    height: 7em;
    width: 7em;
  }
}


/*20240313 사업소개 탭부분 추가*/
.tabs {
    display: flex;
    margin-top: 30px;
    gap: 18px;
	width:100%;
  }
  .tab {
    flex: 1;
    text-align: center;
    padding: 17px 20px;
    cursor: pointer;
    background-color: #182886; /* 비활성화된 탭의 배경색 */
    border-radius: 17px;
    font-size: 19px;
    font-family: 'yg-jalnan';
    color: #fff;
  }
  .tab.active {
    background-color: #197dd4; /* 활성화된 탭의 배경색 */
  }
  .content {
    display: none;
    /* padding: 20px 0; */
    /* border: 1px solid #ccc; */
  }
  .content.active {
    display: block;
  }

 
.team_view {margin-top:5rem;}
.team_profile {display:flex; flex-wrap: wrap; margin:0 0 100px;}
.team_profile .img_area {width:50%;}
.team_profile .img_area img {max-width:100%;width:100%;background-color: #ffffff;background-size:cover;background-position:center;background-repeat:no-repeat;}
.team_profile .txt_area {width:50%;padding: 0 50px 0 0;box-sizing:border-box;}
.team_profile .txt_area small {display:block; font-size:1.111rem; margin-top:15px; color:#777; font-weight:400; line-height:140%; font-family:var(--engFont);}
.team_profile .txt_area h2 {position:relative; font-size:2rem; letter-spacing:-1.5pt; color:#333; line-height:120%; padding:10px 0 30px; margin-bottom:30px;}
.team_profile .txt_area h2:after {position:absolute; left:0; bottom:-2px; content:""; width:30px; height:2px; background:#003B71; content:""; z-index:3;}
.team_profile .txt_area .about {letter-spacing:-.5pt;line-height: 33px;word-break:keep-all;}
.team_profile .txt_area .about p {font-size: 23px;line-height: 1.4;margin-bottom: 35px;}
.team_profile .txt_area .about span{
    background-color: #fecd0c;
    padding: 2px 5px;
    border-radius: 10px;
    margin-right: 11px;
    font-weight: bold;
}
.team_profile .txt_area .about small{
    font-size: 15px;
    color: #FF9800;
    font-weight: bold;
}
.team_profile .txt_area .leader {position:relative; display:flex; background:url('image/center_men.svg') left 5px no-repeat; background-size:18px auto; padding-left:25px; margin-top:40px; letter-spacing:-.5pt; font-size:0.944rem;}
.team_profile .txt_area .leader strong {color:#000; letter-spacing:-.5pt; margin-right:5px; font-size:0.944rem;}

.team_content {margin: 0 0 80px;}
.team_content section {padding:0 0 60px;}
.team_content section:last-child{padding:0;}
.team_content section h4 {position:relative; font-size:1.444rem; color:#000; font-weight:600; letter-spacing:-1pt; line-height:1; margin-bottom:25px; padding-left:35px;}
.team_content section h4:before {position:absolute; content:""; left:0; top:3px; width:23px; height:23px; background:url('/img/dep_tit.svg') left top no-repeat; z-index:2;}
.team_content .content {display:block;}
.team_content .content span{padding:0 0 20px 0;font-size:13px;color:#FF5722;}
.affiliated {position:relative; border-bottom:1px solid #ddd; display:flex; flex-wrap:wrap;}

.affiliated:first-child {border-top:1px solid #ddd;}
.affiliated dt {width:200px; padding:30px 20px; box-sizing:border-box; color:#000; font-weight:500; letter-spacing:-0.5pt;} 
.affiliated dt small {font-weight:400; color:#888; display:inline-block; margin-left:5px; letter-spacing:-0.5pt;} 
.affiliated dd {width:calc(100% - 200px); position:relative; padding:30px 20px 30px 25px;  box-sizing:border-box; letter-spacing:-0.5pt;} 
.affiliated dd:before {position:absolute; left:0; top:35px; width:18px; height:18px; display:block; content:""; z-index:5; background:url('image/center_men.svg') left top no-repeat; background-size:18px auto;}

.tbl_form,
.tbl_list{table-layout:fixed;}
.tbl_list thead th,
.tbl_list td{padding-left:5px;padding-right: 5px;}
.tbl_list.viewNotice td,
.tbl_list.viewNotice td a{color:#f10;}
.tbl_list.viewNotice td a:hover,
.tbl_list.viewNotice td a:active{color:#a70000;}

.dep_tit small {font-size:15px; color:#003b71;}
.research_area {padding:35px 30px; box-sizing:border-box; background-color:#F0F3F5; letter-spacing:-.5pt; line-height:1.7;} 
.research_area h5 {font-size:1.222rem; color:#003B71; font-weight:500; letter-spacing:-.7pt; line-height:1.5; margin-bottom:15px;}  
.research_area > ul {margin-bottom:40px;} 
.research_area > ul:last-child {margin-bottom:0;}
.research_area > ul li {position:relative; padding-left:15px; letter-spacing:-0.5pt; line-height:160%; display: flex; flex-wrap: wrap; align-items: flex-start; margin-bottom:8px;} 
.research_area > ul li:last-child {margin-bottom:0;}
.research_area > ul li:before {position:absolute; content:""; left:0; top:12px; width:5px; height:5px; background:#bcbec0; border-radius:100%;} 

.researh_plan {border:1px solid #ddd; padding:35px 30px; box-sizing:border-box; letter-spacing:-.5pt;}
.researh_plan h5 {font-size:1.222rem; color:#000; font-weight:500; letter-spacing: -.9pt; position: relative; padding-left:35px; line-height:1.4; margin-bottom:12px; counter-increment: my-list-index;}
.researh_plan h5:before {position: absolute; top: 3px; left: 0; display: block; font-size: 12px; letter-spacing:0; font-weight:500; font-family:var(--engFont); color: #fff; text-align: center; line-height: 26px; width: 26px; height: 26px; border-radius: 50%; content: "0" counter(my-list-index); background-color: #003B71;}
.researh_plan h5:nth-of-type(9) ~ h5:before {content: counter(my-list-index);}
.researh_plan h6 {font-size:18px;color:#000;font-weight:500;letter-spacing: -.7pt;position: relative;padding-left: 0;line-height:1.4;margin-bottom:12px;counter-increment: my-list-index;}
.researh_plan h6:before {position: absolute; top: 3px; left: 0; display: block; font-size: 12px; letter-spacing:0; font-weight:500; font-family:var(--engFont); color: #fff; text-align: center; line-height: 26px; width: 26px; height: 26px; border-radius: 50%; background-color:#FFC107;}
.researh_plan h6:nth-of-type(9) ~ h5:before {content: counter(my-list-index);}
.researh_plan h6 span{font-size: 15px !important;color: #777 !important;}
.researh_plan .txtCon {letter-spacing:-.5pt; line-height:1.7; margin-bottom:40px;}
.researh_plan .txtCon:last-child {margin-bottom:0;}
.researh_plan .txtCon span {font-size:15px; color:#FF5722; padding:10px 0 20px 0;}
.researh_plan ul {} 
.researh_plan ul:last-child {margin-bottom:0;}
.researh_plan ul li {position:relative; padding-left:15px; letter-spacing:-0.5pt; line-height:160%; display: flex; flex-wrap: wrap; align-items: flex-start; margin-bottom:8px;} 
.researh_plan ul li:last-child {margin-bottom:0;}
.researh_plan ul li:before {position:absolute; content:""; left:0; top:12px; width:5px; height:5px; background:#bcbec0; border-radius:100%;} 

.gray_b {background-color:#eee;padding:20px;}
.p6 {font-size:18px;color:#000;font-weight:500;letter-spacing: -.7pt;position: relative;padding-left: 0;line-height:1.4;margin-bottom:12px;}
.p6 span{font-size: 15px !important;color: #777 !important;}
@media screen and (max-width: 500px) {
.counter {/* background-color: #ffffff; */padding: 2px 0;border-radius: 5px;position: absolute;top: 30%;line-height: 10px;left: -15%;width: auto;padding: 21px;border-radius: 165px;z-index: 1;}
.count-title {font-size: 23px;font-weight: normal;margin-top: 0;margin-bottom: 0;text-align: center;color: #2196F3;font-family: 'yg-jalnan';}
.wrapperbb {width: 126px !important;position: absolute;top: 28% !important;left: 64% !important;background-color: #fff;border-radius: 500px;z-index: 9;}

.count-text {font-size: 10px;font-weight: normal;margin-top: 0px;margin-bottom: 0;text-align: center;color: #FF5722;font-family: 'yg-jalnan';}
.fa-2x {margin: 0 auto;float: none;display: table;font-size: 28px !important;color: #FF5722;}
  .tab {
    flex: 1;
    text-align: center;
    padding: 17px 20px;
    cursor: pointer;
    background-color: #182886;
    border-radius: 17px;
    font-size: 16px;
    font-family: 'yg-jalnan';
    color: #fff;
    margin: 20px 0;
}
.team_profile .txt_area {
    width: 100%;
    padding: 0px;
    box-sizing: border-box;
}
.team_profile .img_area {
    width: 100%;
}
.team_view {
    margin-top: 0px;
}
}



.wrapper_count {
      overflow: hidden;
      position: relative;
      margin: 0 auto;
    }
    
    .slider_count {
      display: flex;
      transition: transform 0.5s ease-in-out;
    }
    
    .counter {
      width: 100%;
      text-align: center;
      cursor: pointer; /* 클릭 가능하도록 설정 */
    }
    
    .col_fourth {
      flex: 0 0 auto;
      width: 100%; /* 모바일에서 슬라이드가 한 번에 보이도록 함 */
      position: relative;
    }

    /* 화살표 스타일 */
    .arrow_count {
       /* 모바일에서 화살표 숨김 */
      display: block;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
      z-index: 1000;
      padding: 10px 14px;
      border-radius: 50%;
    }
	 .arrow_count-left {
        left: -9px;
      }

      .arrow_count-right {
        right: -9px;
      }

    @media (min-width: 768px) {
      /* PC 화면에서만 화살표 표시 */
      .arrow_count {
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        z-index: 1000;
        padding: 10px 14px;
        border-radius: 50%;
      }

      .arrow_count-left {
        left: -9px;
      }

      .arrow_count-right {
        right: -9px;
      }
    }

    /* 레이어 팝업 스타일 */
    .popup {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 9999;
    }

    .popup-content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color: white;
      padding: 20px;
      border-radius: 10px;
      overflow: auto;
      max-width: 90%;
      max-height: 90%;
      display: flex; /* 내용을 나란히 표시하기 위해 flex 사용 */
      flex-wrap: wrap; /* 필요시 줄 바꿈 */
      justify-content: space-between; /* 요소들을 공간에 따라 나눠 배치 */
    }

    .box {
      width: 124px; /* 4개의 박스가 한 줄에 표시되도록 너비 설정 */
      text-align: center;
    }
.wrapperbb {width: 190px;position: absolute;top: 38%;left: 16%;background-color: #fff;border-radius: 61px;z-index: 9;}
.popup-content div {
    padding: 20px 30px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    border-radius: 16px;
}


/* 버튼 스타일 */


#openPopupBtn1, #downloadPdfBtn1, #openPopupBtn2  {
  background-color: #FFA500; /* 주황색 배경 */
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 20px;
  cursor: pointer;
  border-radius: 5px; /* 모서리를 둥글게 */
}

#openPopupBtn1:hover, #downloadPdfBtn1:hover, #openPopupBtn2:hover {
  background-color: #FFD700; /* 호버 시 더 밝은 주황색으로 변경 */
}

.popupContainer1 {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  
  background-color: rgb(24 40 134 / 79%);
}

.popupContent1 {
  background-color: #fefefe;
  margin: 3% auto;
  padding: 20px;
  border: 1px solid #888;
  height: 80%;
  overflow: auto; /* 스크롤이 필요한 경우에만 스크롤 표시 */
  width: 800px;
}
.popupContent1 img {width:100%;}
.popupContent1 p {border:1px solid #ddd; border-radius:15px;margin:20px;padding:15px;}
.close1 {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close1:hover,
.close1:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.jb_container {
            background-color: #fff;
            padding: 50px;
            border-radius: 28px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            margin: 0 auto;
            width: 90%;
        }

        .jbask_view_tit_wrap {
            border-bottom: 2px solid #eaeaea;
            padding-bottom: 10px;
            margin-bottom: 20px;
        }

        .jbask_view_tit {
            font-size: 24px;
            font-weight: bold;
            color: #333;
        }

        .jbask_view_date {
            font-size: 14px;
            color: #888;
        }

        .jbask_vote_skinbox2 h5 {
            font-size: 20px;
            margin-bottom: 34px;
            color: #333;
        }
.jb_container ul {}
.jb_container li {
    margin-top: 46px;
}
        ul {
            list-style: none;
            padding: 0;
        }

        ul li {
            margin-bottom: 20px;
        }

        .result_type {
            font-weight: bold;
            margin-bottom: 10px;
            font-size: 18px;
            position: absolute;
            background-color: #fff;
            margin-top: -40px;
            padding: 7px 18px;
        }

        .radio-container {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
        }
.helps {
    margin-top: 15px;
    padding: 0 20px;
}
        .radio-item {
            flex: 1 1 200px;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .radio-item input[type="radio"] {
            margin-right: 10px;
            transform: scale(1.5);
        }

        .radio-item label {
            font-size: 16px;
            color: #333;
        }

        .custom-textarea {
            width: 100%;
            padding: 10px;
            font-size: 14px;
            border: 1px solid #ddd;
            border-radius: 5px;
            margin-top: 10px;
        }

        .jbask_btn_list {
            text-align: right;
            margin-top: 20px;
        }

        .jbask_btn_list button {
            padding: 10px 20px;
            background-color: #007bff;
            color: #fff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }

        .jbask_btn_list button:hover {
            background-color: #0056b3;
        }

        fieldset {
            border: 2px solid #eee;
            padding: 20px;
            border-radius: 10px;
        }

        legend {
            font-size: 18px;
            font-weight: bold;
            padding: 0 10px;
        }


@media all and (max-width:980px) { 
.jb_container {
    background-color: #fff;
    padding: 28px;
    border-radius: 28px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    width: auto;
}
.result_type {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 18px;
    background-color: #fff;
    margin-top: -40px;
    padding: 7px 18px;
    width: 86%;
    position: relative;
    height: auto;
}
.custom-textarea {
    width: calc(100% - 19px);
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: 10px;
}
.title span {
    }
    .title {
        width: 100%;
        white-space: normal;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .image-box {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
    }
.radio-item label {
    font-size: 16px;
    color: #333;
    width: auto;
}
.radio-item input {
    width: 100%;
}

}

.moon-edu{width:100%;box-sizing:border-box;font-family:"Pretendard","Apple SD Gothic Neo","맑은 고딕",sans-serif;color:#1f2937;line-height:1.5;-webkit-text-size-adjust:100%}
    .moon-edu *{box-sizing:border-box}

    .moon-edu .me-title{margin:0 0 14px;font-size:20px;font-weight:700;color:#0f2c54;letter-spacing:-.02em}
    .moon-edu .me-title small{display:inline-block;margin-left:6px;font-size:13px;font-weight:600;color:#2563eb;vertical-align:middle}

    /* ---------- PC 표 ---------- */
    .moon-edu .me-tablewrap{width:100%;overflow-x:auto}
    .moon-edu table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:640px;font-size:14px}
    .moon-edu thead th{background:#0f2c54;color:#fff;font-weight:600;padding:12px 8px;text-align:center;white-space:nowrap}
    .moon-edu tbody td{padding:10px 8px;text-align:center;border-bottom:1px solid #e5e7eb;vertical-align:middle;word-break:keep-all}
    .moon-edu tbody tr:nth-child(even) td{background:#f8fafc}
    .moon-edu tbody tr:hover td{background:#eef4ff}
    .moon-edu .me-no{font-weight:700;color:#0f2c54}
    .moon-edu .me-place{text-align:left}
    .moon-edu .me-date{font-weight:600;background:#f1f5f9 !important;color:#0f2c54}
    .moon-edu .me-time{font-variant-numeric:tabular-nums;color:#374151}
    .moon-edu .me-note--on{color:#1d4ed8;font-weight:600;background:#f1f5f9 !important}
    .moon-edu .me-note--off{color:#cbd5e1;background:#f1f5f9 !important}
    /* 열 너비 */
    .moon-edu col.c-no{width:8%} .moon-edu col.c-region{width:11%} .moon-edu col.c-place{width:25%}
    .moon-edu col.c-cap{width:11%} .moon-edu col.c-date{width:14%} .moon-edu col.c-time{width:16%} .moon-edu col.c-note{width:15%}

    .moon-edu .me-total{margin:0;background:#eef4ff;border-bottom:1px solid #e5e7eb}
    .moon-edu .me-total td{padding:12px 8px;font-weight:700;color:#0f2c54;background:#eef4ff}
    .moon-edu .me-total-cap{text-align:center;color:#1d4ed8;font-variant-numeric:tabular-nums}

    .moon-edu .me-note-line{margin:10px 2px 0;font-size:13px;color:#6b7280}

    /* ---------- 모바일 카드 ---------- */
    .moon-edu .me-cards{display:none;list-style:none;margin:0;padding:0}

    /* ---------- 반응형 전환 (768px) ---------- */
    @media (max-width:768px){
      .moon-edu .me-title{font-size:18px}
      .moon-edu .me-tablewrap{display:none}          /* 표 숨김 */
      .moon-edu .me-cards{display:block}              /* 카드 노출 */

      .moon-edu .me-card{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;margin-bottom:12px;background:#fff;box-shadow:0 1px 2px rgba(15,44,84,.04)}
      .moon-edu .me-card__head{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;background:#0f2c54;color:#fff}
      .moon-edu .me-card__no{font-weight:700;font-size:15px}
      .moon-edu .me-card__date{font-size:14px;font-weight:600;opacity:.95}
      .moon-edu .me-card__body{display:grid;grid-template-columns:78px 1fr;gap:0;margin:0;padding:6px 14px 12px}
      .moon-edu .me-card__body dt{padding:7px 0;font-size:13px;color:#6b7280;font-weight:600}
      .moon-edu .me-card__body dd{padding:7px 0;margin:0;font-size:14px;color:#1f2937;word-break:keep-all}
      .moon-edu .me-card__body dd.on{color:#1d4ed8;font-weight:600}
    }