@charset "utf-8";
/* CSS Document 선문대 메인 학생용*/

/*
.bbs_conhtml, body, ul, form, dl, dt, dd, h1, h2, h3, h4, h5, h6, p {margin:0; padding:0; list-style:none; filter: expression(document.execCommand('BackgroundImageCache', false, true));}
*/

/* 게시판 페이징 */
.page_num { position: relative; width: 100%; text-align: center; padding: 15px 0 0 0; margin-top: 0px; /*게시판추가후 margin-top 추가*/ }
.page_num ul.pagination { display: inline-block; padding: 0; margin: 0 }
.page_num ul.pagination li { display: inline }
.page_num ul.pagination li a { color: #666; font-size: 13px; float: left; padding: 6px 12px; text-decoration: none; border: 1px solid #CBCBCB; margin: 0 1px }
.page_num ul.pagination li a.active { background: #484C57; color: #FFF; border: 1px solid #484C57 }



table caption {overflow:hidden; font-size:0; line-height:0; font-size:15px;}

a { color: #111; text-decoration: none; }
a:link { color: #111; text-decoration: none; }
a:visited { color: #111; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }
a:active { color: #666; text-decoration: none; }

p { margin-top: 0px; margin-bottom: 0px }
td,table {font-size:15px; color: #666; line-height: 1.2;
}

input[type=radio] {vertical-align: baseline;width:12px; height:12px; margin-right:2px;}

.select {
	font-size:14px;
	color:#666;
	border:1px solid #ddd;
	background-color:#fff;
	padding:8.5px;
	margin:5px 0;
}
.bbs_input .select {
	height:38px;
	margin:0;
}


.input {font-size:14px; color:#666; border:1px solid #ddd; background-color:#ffffff; padding:6px; height:auto; line-height:normal; margin: 5px 0;}
.search_input {font-size:14px; color: #666; border: #ddd 1px solid; background-color: #ffffff; padding:6px; margin: 5px 0; height: 39px;}
.bbs_input .input{
	padding:8.5px;
	margin:0;
}


.l_input {width:90%;}
.m_input {width:50%;}

.hide {font-size:0; text-indent:-9999px;}

.form {line-height: 25px; padding-left:10px; font-size:14px; color:#353535; height:35px;border:1px solid #d3d3d3; border-radius: 0px; box-sizing:border-box;}
.form_in { padding-left:10px; font-size:15px; color:#353535; height:30px;border:1px solid #d3d3d3;}
.form_select { font-size:14px; color:#666; border:1px solid #ddd; background-color:#ffffff; padding:8.5px; margin: 5px 0; line-height: 130%;}

.selectbox {
    border:1px solid #dcdcdc;
    background-color:#f7f7f7;
    position: relative;
    z-index: 1;
    padding: 0px 15px 0px 0px ;
    border-radius:3px;
}

/* input 디자인 */
.inp_l {width:90%; box-sizing:border-box;}
.inp_m {width:200px; box-sizing:border-box; max-width: 200px;}
.inp_s {width:130px; box-sizing:border-box; max-width: 130px;}
.inp_xs {width:50px; box-sizing:border-box; max-width: 50px;}

.input_m {width:250px;}
.input_s {width:130px;}
.input_l {width:98%; box-sizing:border-box;}
.input_file {padding:5px; border:1px solid #ddd;width:50%;
}
.bbs_input .input_file {
	margin: 0 !important;
}

/********************버튼디자인 ********************/
.btn_w {display:inline-block; font-size:14px; text-align:center; /*height:40px;*/  line-height:40px; width:85px; border:1px solid #ccc; letter-spacing:-0.5pt; vertical-align:top;}
.btn_w:hover {color:#333; border:1px solid #333; text-decoration: none}

.btn_d {display:inline-block; font-size:14px; text-align:center;  line-height:40px; width:85px; border:1px solid #ccc; letter-spacing:-0.5pt; vertical-align:top;background:#f9f9f9;}
.btn_d:hover {color:#333; border:1px solid #333; text-decoration: none;}


.btn_r {text-align:center;font-size:14px;  line-height:40px; width:85px; border:1px solid #AA0000; background:#CC0000; color:#fff; letter-spacing:-0.5pt; vertical-align:top; cursor:pointer}
.btn_r:link, .btn_r:visited {display:inline-block; font-size:14px;  text-align:center; line-height:40px; width:85px; border:1px solid #AA0000; background:#CC0000; color:#fff;  letter-spacing:-0.5pt; vertical-align:top;}
.btn_r:hover  {background:#AA0000; border:1px solid #AA0000; color:#fff; text-decoration: none}


.btn_b {text-align:center;/*height:40px;*/font-size:14px;  line-height:40px; width:85px; border:1px solid #555; background:#555; color:#fff; letter-spacing:-0.5pt; vertical-align:top; cursor:pointer}
.btn_b:link, .btn_b:visited {display:inline-block; font-size:14px;  text-align:center; /*height:40px;*/  line-height:40px; width:85px; border:1px solid #555; background:#555; color:#fff;  letter-spacing:-0.5pt; vertical-align:top;}
.btn_b:hover  {background:#333; border:1px solid #333; color:#fff; text-decoration: none}


a.btn_p {display:inline-block; padding:0px; border-radius:2px; border:1px solid #333;background:#555; color:#FFF !important; text-decoration:none; vertical-align:middle; font-size:14px; font-family:var(--fw40); text-align:center; margin-left: 5px; width:17px; height: 17px;  }
a.btn_up:focus, a.btn_ex:hover {color:#fff font-weight:600; !important; text-decoration:none;background:#333;}


.btn_bs {text-align:center;font-size:14px;  line-height:29px; width:70px; border:1px solid #555; background:#555; color:#fff; letter-spacing:-0.3pt; vertical-align:top; cursor:pointer; margin: 5px 0;}
.btn_bs:link, .btn_bs:visited {display:inline-block; font-size:14px;  text-align:center; line-height:29px; width:70px; border:1px solid #555; background:#555; color:#fff;  letter-spacing:-0.3pt; vertical-align:top;}
.btn_bs:hover, .btn_bs:focus  {background:#333; border:1px solid #333; color:#fff; text-decoration: none}

.btn_bl {text-align:center;font-size:14px;line-height:29px;width:70px;border: 1px solid  var(--blue);background: var(--blue);color:#fff;letter-spacing:-0.3pt;vertical-align:top;cursor:pointer;margin: 5px 0;}
.btn_bl:link, .btn_bs:visited {display:inline-block;font-size:14px;text-align:center;line-height:29px;width:70px;border: 1px solid  var(--blue);background: var(--blue);color:#fff;letter-spacing:-0.3pt;vertical-align:top;}
.btn_bl:hover, .btn_bs:focus  {background:#253369; border:1px solid #253369; color:#fff; text-decoration: none}



.btn_red {text-align:center;font-size:14px;  line-height:29px; width:70px; border:1px solid #AA0000; background:#CC0000; color:#fff; letter-spacing:-0.3pt; vertical-align:top; cursor:pointer; margin: 5px 0;}
.btn_red:link, .btn_red:visited {display:inline-block; font-size:14px;  text-align:center; line-height:29px; width:70px; border:1px solid #AA0000; background:#CC0000; color:#fff;  letter-spacing:-0.3pt; vertical-align:top;}
.btn_red:hover, .btn_red:focus  {background:#AA0000; border:1px solid #AA0000; color:#fff; text-decoration: none}

/* 20250410 bada : cs요청으로 학생화면에서 참여확인서, 계획서, 결과보고서 인쇄 기능 추가 */
.btn_purple {text-align:center;font-size:14px; line-height:30px; padding: 0px 20px; border:1px solid #727cf5; background:#727cf5; color:#fff; letter-spacing:-0.3pt; vertical-align:top; cursor:pointer; margin: 5px 0; border-radius: 5px;}
.btn_purple:link, .btn_purple:visited {display:inline-block; font-size:14px;  text-align:center; line-height:30px; border:1px solid #5663fe; background:#5663fe; color:#fff;  letter-spacing:-0.3pt; vertical-align:top; border-radius: 0px;}
.btn_purple:hover, .btn_purple:focus  {background:#4a54d1; border:1px solid #4a54d1; color:#fff; text-decoration: none}


/********************버튼디자인 END********************/




/* 서치 검색버튼 */
.btn_b_s {display:inline-block; text-align:center; /*height:40px;*/ padding: 9px 0px 10px 0; color:#fff; width:80px; border:1px solid #555; background:#555; letter-spacing:-0.5pt; vertical-align:top; font-size:13px; margin: 6px 0px; }
.btn_b_s:hover  {background:#333; border:1px solid #333; color: #fff; text-decoration: none}

.btn_b_ex {display:inline-block; text-align:center; /*height:40px;*/ padding: 10px 0; color:#fff; width:120px; border:1px solid #066231; letter-spacing:-0.5pt; vertical-align:top; font-size:13px; margin: 5px 0px;  background: url('../images/sub/ex.jpg') left 8px no-repeat; background-color: #217448; background-position-x : 15px; }
.btn_b_ex:hover  { background: url('../images/sub/ex.jpg') left 8px no-repeat; background-position:left; background-color:#066231; border:1px solid #066231; text-decoration: none; background-position-x : 15px; }
.btn_b_ex:hover, .btn_b_ex:link, .btn_b_ex:visited {color: #fff;}


.comm_btn_confirm {display:inline-block; width:75px; height:56px; text-align:center; color:#fff; border:1px solid #555; background:#555; font-size:13px; letter-spacing:-0.5pt; vertical-align:top;}

input.btn_w {text-align:center; height:40px; line-height:40px; width:85px; border:1px solid #ccc; background:#fff; color:#555; font-size:13px; letter-spacing:-0.5pt; vertical-align:top;}
input.btn_w:hover {color:#333; border:1px solid #333; text-decoration: none}

input.btn_b {text-align:center; line-height:40px; width:85px; border:0px solid #555; background:#555; color:#fff; font-size:13px; letter-spacing:-0.5pt; vertical-align:top; cursor:pointer}
input.btn_b:hover {background:#333; border:0px solid #333; text-decoration: none}


.no_s {border:1px solid #0066a8; text-align:center; height:20px; line-height:20px;  padding: 5px 5px; color: #fff;background:var(--main);  font-size: 11px; letter-spacing: 1pt;border-radius: 5px; }

.btn_o {width: 65px !important; font-size: 13px;line-height:20px; }
.btn_ob {font-size: 15px;line-height:240% !important; }

.badge-dark-blue {padding: 5px 20px;
    color: #fff; background-color: #004483;
}

.badge-dark-blue-line {padding: 5px 14px;
    color: #004483; font-weight: 600;
    border: 1px solid #004483;
    background-color: transparent
}

.badge-blue {padding: 5px 20px;
    color: #fff;
    background-color: #0083fc;
}
.badge-sky {padding: 5px 20px;
    color: #fff;
    background-color: #00b9e1;
}

.badge-sky-bg {padding: 5px 15px;
    color: #333;
    background-color: #dce6f2;
}

.badge-indigo {padding: 5px 20px;
    color: #fff;
    background-color: #727cf5;
}

.badge-red-dark {padding: 5px 14px;
    color: #fff;
    background-color: #CC0202;
}

.badge-red-line {padding: 5px 14px;
    color: #CC0202; font-weight: 600;
    border: 2px solid #CC0202;
    background-color: transparent
}

.badge-red {padding: 5px 14px;
    color: #fff;
    background-color: #ff0000;
}
.badge-yellow {padding: 5px 20px;
    color: #fff;
    background-color: #ff9900;
}
.badge-yellow-dark {padding: 5px 20px;
    color: #fff;
    background-color: #f4771f;
}
.badge-green {padding: 5px 20px;
    color: #fff;
    background-color: #78bc0f;
}
.badge-green-dark {padding: 5px 20px;
    color: #fff;
    background-color: #00B505;
}
.badge-gray-dark {padding: 5px 20px;
    color: #fff;
    background-color: #343a40;
}
.badge-line {padding: 5px 20px;
    color: #0083fc;
    border: 1px solid #0083fc;
    background-color: transparent
}




/* ================ 버튼 아이콘 ===============*/

.btn_icon30 {display:inline-block; width:30px; font-size:13px; text-align:center; line-height:20px;  padding: 5px 0px;white-space: nowrap; }
.btn_icon50 {display:inline-block; width:50px; font-size:13px; text-align:center; line-height:20px;  padding: 5px 0px;white-space: nowrap; }
.btn_icon60 {display:inline-block; width:60px; font-size:13px; text-align:center; line-height:20px;  padding: 5px 0px;white-space: nowrap; }
.btn_icon70 {display:inline-block; width:70px; font-size:13px; text-align:center; line-height:20px;  padding: 5px 0px;white-space: nowrap; }
.btn_icon80 {display:inline-block; width:80px; font-size:13px; text-align:center; line-height:20px;  padding: 5px 0px;white-space: nowrap; }
.btn_icon_80 {display:inline-block; width:80px; font-size:13px; text-align:center; line-height:20px;  padding: 0px 0px;white-space: nowrap; }
.btn_icon100 {display:inline-block; width:100px; font-size:13px; text-align:center; line-height:20px;  padding: 5px 0px;white-space: nowrap; }
.btn_icon120 {display:inline-block; width:120px; font-size:13px; text-align:center; line-height:20px;  padding: 5px 0px;white-space: nowrap; }


.radius_5 {border-radius: 5px;}
.radius_10 {border-radius: 10px;}
.radius_15 {border-radius: 15px;}



.bg_main {color: #fff; background-color:var(--main);}
.bg_green {color: #fff; background-color: #78bc0f;}
.bg_darkgreen {color: #fff; background-color:#00B505;}
.bg_yellow {color: #fff; background-color: #ff9900;}
.bg_orange {color: #fff; background-color: #f4771f;}
.bg_red {color: #fff; background-color: #ff0000;}
.bg_pink {color: #fff; background-color: #db00a4;}
.bg_darkred {color: #fff; background-color: #e30000;}
.bg_blue {color: #fff; background-color: #0083fc;}
.bg_navy {color: #fff; background-color: #004483;}
.bg_sky {color: #fff; background-color: #00b9e1;}
.bg_lightsky {color: #fff; background-color: #00b9e1;}
.bg_purple {color: #fff; background-color: #727cf5;}
.bg_gray {color: #fff; background-color: #888;}
.bg_darkgray {color: #fff; background-color: #343a40;}
.bg_linenavy {color:#004483; font-weight: 500; border: 1px solid #004483; background-color: transparent;}
.bg_lineblue {color:#0083fc; font-weight: 500; border: 1px solid #0083fc; background-color: transparent;}
.bg_linered {color:#e30000; font-weight: 500; border: 1px solid #e30000; background-color: transparent;}
.bg_linegray{color:#f4f4f4; font-weight: 500; border: 1px solid #ddd; background-color:#f5f5f5;}


.bg_gold {color: #fff; line-height: 130%; background-image: linear-gradient(147deg, #be943c 50%, #ffeb8f 80%, #e0be5b 100%);text-shadow:#101018 0 0 5px;}
.bg_silver {color: #fff; line-height: 130%; background-image: linear-gradient(147deg, #999 0%, #dbdbdb 80%, #b2b2b2 100%);text-shadow:#101018 0 0 5px;}
.bg_bronze {color: #fff; line-height: 130%; background-image: linear-gradient(147deg, #b47042 0%, #fbceb0 80%, #b47042 100%);text-shadow:#101018 0 0 5px;}
.bg_com {color: #fff; padding: 10px 0; line-height: 135%; background-image: linear-gradient(147deg, #9b52a1 0%, #3b4ca8 80%, #3b4ca8 100%);text-shadow:#101018 0 0 3px;}

.fs1{font-size: 1.1em;}
.fs2{font-size: 1.2em;}
.fs3{font-size: 1.3em; padding: 20px 30px; margin: 3px 0;}
.fs4{font-size: 1.4em;}
.fs5{font-size: 1.5em;}



/* ================ //버튼 아이콘 ===============*/

/************ 신청하기 탭 ************/
.box_tab {width: 100%; overflow: hidden;/*border-bottom: 1px solid #ddd;*/margin-bottom: 40px;}
.box_tab ul {width: 100%; padding: 0px 0;margin-bottom: 10px;padding-left: 1px;}

.box_tab .tab_02 li {width:49.8% !important;}
/*.box_tab .tab_03 li {width:33.2% !important;}*/
.box_tab .tab_03 li {width:29.8% !important;}
.box_tab .tab_04 li {width:24.9% !important;}
.box_tab .tab_05 li {width:19.9% !important; }
.box_tab .tab_06 li {width:14% !important;}
.box_tab .tab_07 li {width:11.6% !important;}

.box_tab .tab_06 li {color: #111; list-style: none; position: relative; top: 0px; float: left; margin-bottom: 0px; font-weight: 600; margin-right: 3%;}
.box_tab .tab_06 li:before {content:"";display:block; position:absolute; top:20px; right: -30px; margin-bottom:0px;width:20px;height:32px;background-image:url(../images/sub/arrow_right_off.png) no-repeat;}
/*
.box_tab .tab_06 li:after::last-child { content: ""; display: none !important; background-image:none !important;}
.box_tab .tab_06 li:last-child::before{  content: "";}
*/
.box_tab .tab_06 li:nth-last-of-type(1)::before{  content: "";display: none !important; background-image:none !important;}
.box_tab .tab_06 li br {display: none;}



.box_tab .tab_07 li {color: #111; list-style: none; position: relative; top: 0px; float: left; margin-bottom: 0px; font-weight: 600; margin-right: 3%;}
.box_tab .tab_07 li:before {content:"";display:block; position:absolute; top:20px; right: -33px; margin-bottom:0px;width:20px;height:32px;background-image:url(../images/sub/arrow_right_off.png) no-repeat;}

.box_tab .tab_07 li:nth-last-of-type(1)::before{  content: "";display: none !important; background-image:none !important;}


/*
.box_tab .tab_07 li:after::last-child { content: ""; display: none !important; background-image:none !important;}
.box_tab .tab_07 li:before::last-child {display: none !important;}
*/

.box_tab li {color: #111; list-style: none; position: relative; top: 0px; float: left; margin-bottom: 0px; font-weight: 600; margin-right: 5%;}
.box_tab li:last-child {margin-right: 0%;}
.box_tab li:before {content:"";display:block; position:absolute; top:20px; right: -45px; margin-bottom:0px;width:20px;height:32px;background:url(../images/sub/arrow_right_off.png) no-repeat;}
.box_tab li:before::last-child {display: none;}

.box_tab li a {display: block; position: relative; margin-right: 10px; padding: 25px 0; border-radius: 10px; width: 100%; border: 1px solid #c9c9c9; background: #f7f7f7; color: #363636; font-size: 17px; text-align: center; letter-spacing: -0.03em; line-height: 140%; cursor: pointer;}
.box_tab li a:first-child{margin-right: 10px;}
.box_tab li a:hover,a:focus {text-decoration: none}

.box_tab li.active a {
    z-index: -9999;
    /*background: #5663fe*/;
    font-weight: 500;
    font-size: 17px;
    border:1px solid #5e65bd;
    letter-spacing:-0.03em;
    color:#fff;
    background-color:#5e65bd;
}
#stepBox li.currstep a {
    color:#fff;
    border:1px solid #0066a8;
    background-color:#0066a8;
    position:relative;
    left:0;
    top:0;
}
#stepBox li.currstep a::after {
    content:'';
    position:absolute;
    border:1px dashed #fff;
    width:calc(100% - 10px);
    height:calc(100% - 10px);
    left:5px;
    top:5px;
    border-radius:.325rem;
    box-sizing:border-box;
}

.box_tab li.active a:hover {text-decoration: none}
/************ //신청하기 탭  ************/



/************ 신청하기 링크 ************/
.box_link {width: 100%; overflow: hidden;/*border-bottom: 1px solid #ddd;*/margin-bottom: 40px;}
.box_link ul {width: 100%; padding: 0px 0; margin-bottom: 10px; padding-left: 1px;}


.box_link li {color: #fff; list-style: none; position: relative; float: left; margin-bottom: 0px; font-weight: 400; line-height: 160%; width:19% !important; margin-right: 1.2%; transition:all 0.3s ease;
padding: 40px 25px 30px 25px; border-radius: 10px; background: #254284;font-size: 14px; text-align: center; letter-spacing: -0.03em; line-height: 160%; cursor: pointer;
}

.box_link li:hover {text-decoration: none; background: #1d449e;}
.box_link li:last-child {margin-right: 0%;}

.box_link li div {}
.box_link li .link_tit {font-size: 26px; color: #fff; letter-spacing: -0.03em; text-align: left; font-weight: 600; height: 50px;}
.box_link li .link_con {font-size: 14px; color: #fff; letter-spacing: -0.03em; text-align: left; line-height: 140%; padding: 15px 0 30px 0;}
.box_link li .link_con p {line-height: 140%; padding: 15px 0px; height: 60px;}
.box_link li .link_con p span .txt_point {padding: 10px 5px;}

.box_link li .link_con .ttb {font-size: 14px; letter-spacing: -0.02em;line-height: 140%; padding: 5px 15px; background: #2f54a7; border-radius: 0px; margin-right: 10px;  }

.box_link li .link_con .txt_point {font-size: 30px; letter-spacing: -0.02em;line-height: 140%; margin-right: 3px;}


.box_link li .box_button {font-size: 18px; letter-spacing: -0.02em; width: 100%; padding: 15px 0px; color: #fff; border-radius: 5px;}



.box_link li a {display:block;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.box_link li a:last-child{margin-right: 0px;}
.box_link li a:hover,a:focus {text-decoration: none;}

.box_link li.active a {z-index: -9999; background:#5663fe; font-weight: 500; color: #fff; font-size: 17px; border: 1px solid #5663fe; letter-spacing: -0.03em; }

.box_link li.active a:hover {text-decoration: none}
/************ //탭 ************/




.box_txt {margin-bottom: 20px; font-size: 18px; line-height: 160%; letter-spacing: -0.05em; padding: 20px 30px 40px 30px; border: 1px dashed #3565a7; color: #333; background: #f9fbff; border-radius: 5px; font-family:var(--fw40)}
.box_txt span {line-height: 140%; letter-spacing: -0.05em; }
.box_txt .box_t {font-size: 22px; line-height: 280%; font-weight: 600; color:#30449d; margin-bottom: 15px;}








.btn_view {text-align:center; height:20px; line-height:20px;  padding: 5px 20px; border:1px solid #3a3c8c; background:#3a3c8c; color:#fff; font-size:13px; letter-spacing:0pt; vertical-align:top; cursor:pointer}
.btn_view:link, .btn_view:visited {display:inline-block; text-align:center; height:20px; line-height:20px; padding: 5px 20px; border:1px solid #3a3c8c; background:#3a3c8c; color:#fff; font-size:13px; letter-spacing:0pt; vertical-align:top;}
.btn_view:hover  {background:#1d2088; border:1px solid #1d2088; color:#fff; text-decoration: none}

.btn_info {display:inline-block; text-align:center; height:35px; line-height:35px; width:120px; border:1px solid #ccc; font-size:14px; letter-spacing:-0.5pt; vertical-align:top; font-weight: 500;}
.btn_info:hover {color:#333; border:1px solid #333; text-decoration: none;font-weight: 500;}

.btn_info_img {display:inline-block; text-align:center; height:35px; line-height:35px; width:148px; border:1px solid #ccc; font-size:14px; letter-spacing:-0.5pt; vertical-align:top; font-weight: 500;}
.btn_info_img:hover {color:#333; border:1px solid #333; text-decoration: none;font-weight: 500;}


/*개인정보동의*/
.agree_box          {width:100%; border:1px solid #ddd; font-size:1em; margin-bottom: 8px;}

.scrollbox          {padding:10px; overflow:auto; width:98%;
                        scrollbar-face-color: #FEFEFE;
                        scrollbar-shadow-color: #999999;
                        scrollbar-highlight-color: #FEFEFE;
                        scrollbar-3dlight-color: #FFFFFF;
                        scrollbar-darkshadow-color: #FFFFFF;
                        scrollbar-track-color: #FEFEFE;
                        scrollbar-arrow-color: #999999;
                        }

.scrollbox b {letter-spacing: -0.2pt; color: #333; font-family:var(--fw40); line-height: 170%}
.tb_info        {width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333; border-left:1px solid #ddd; margin: 8px 0; }
.tb_info th {color:#333; text-align:center; padding:8px 10px; background-color:#f9f9f9; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:500; font-size:14px; font-family:var(--fw50);}
.tb_info td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:8px 10px; text-align: center;font-size:14px;}








/*********************************** 출력리스트 ***********************************/

.hei50 {height: 50px !important;}
.hei60 {height: 60px !important;}
.hei80 {height: 80px !important;}
.hei100 {height: 100px !important;}
.hei150 {height: 150px !important;}
.hei200 {height: 200px !important;}
.hei210 {height: 210px !important;}
.hei220 {height: 220px !important;}
.hei250 {height: 250px !important;}
.hei300 {height: 300px !important;}
.hei350 {height: 350px !important;}
.hei400 {height: 400px !important;}
.hei450 {height: 450px !important;}
.hei800 {height: 800px !important;}



.he100 {height: 100% !important;}


.bpad_5{padding-bottom:5px}
.tpad_50{padding-top:50px}
.bpad_100{padding-bottom:100px}
.tpad_100{padding-top:100px}


.bbs_cen {text-align: center !important;}
.bbs_left {text-align: left !important; padding-left: 10px !important;}
.bbs_right {text-align: right !important; padding-right: 30px !important;}

.bor_no { border-bottom:none !important; }
.bor_b { border-bottom:1px solid #111 !important; }
.bor_not { border-top:none !important; }
.bor_nor { border-right:none !important; }
.bor_top { border-top:2px solid #111 !important; }
.bor_t { border-top:1px solid #111 !important; }
.bor_r { border-right:1px solid #ddd !important; }
.bor_l { border-left:1px solid #ddd !important; }
.none {display: none;}

.txt_line {text-decoration: underline;}
.bgdu {border-bottom: 3px double #ccc !important;}
.bgdut {border-top: 3px double #ccc;}
.bgdot_r{border-right: dotted 3px #ddd;}
.bgdot_b{border-bottom: 1px dashed #ddd;}
.font_ob{font-style: oblique;}



.nopadding {padding: 0 !important;}
.noborder-top {border-top:0 !important;}
.noborder-bottom {border-bottom: 0 !important;}



/*************** 새창 출력추가  ***************/
    .pop_from_fix { position:relative; margin: 0 auto; width:100%; box-sizing: border-box; padding:20px 60px; }
    .pop_from_fix .p_desc1 { font-size:14px; margin: 0;}
    /*.pop_from_fix h3 { font-weight:600; text-align:center; font-size:30px; margin-top: 30px; }*/
    .pop_from_fix dl { width: 100%; display: flex; flex-wrap: wrap; margin-top: 50px;}
    .pop_from_fix dl > dt { width: 25%; height: 25px; font-weight: 600;}
    .pop_from_fix dl > dd { width: 75%; height: 25px; margin-left: 0;}

    .pop_from_fix .text_c { text-align: center;}
    .pop_from_fix .p_desc2 { padding-top: 10px; text-align: center; line-height: 250%; }
    .pop_from_fix .p_desc3 { padding-top: 30px; text-align: center;}
    .pop_from_fix h4 { padding-top: 10px; font-weight:600;text-align:center; font-size:1.1em; position: relative;}
    .pop_from_fix .main-logo { width: 50px; height: 50px; text-align-last: center; }

    .pop_from_fix_btn { text-align: center; padding: 20px 10px;}
    .pop_from_fix_btn a { display: inline-block; line-height: 26px; text-align: center; padding: 5px 25px; background-color: #000; color: #fff; font-weight: 500; font-size: 14px; text-decoration: none;}
    .pop_from_fix_btn a:first-child { background-color: #2a2e87;}

    table.pop_from {   font-size:12px; border-collapse:collapse; width:100%; border:0px; border-top:2px solid #2b528d; border-bottom:1px solid #ddd; margin-bottom:20px; }
    table.pop_from th { border:0px; border-top:1px solid #ddd;  padding:10px 0px 10px 0px; background:#f9f9f9; color:#4d5358;  text-align:center;}
    table.pop_from td { border:0px; border-top:1px solid #ddd; padding:10px;  color:#666; text-align:left;}

    .pop_from_fix .box_in { position:relative; text-align:center; width:440px; margin:0 auto; z-index:10 !important; height:100px;}
    .pop_from_fix .box_in h4 { z-index:100 !important; position:relative; line-height:100px; }
    .pop_from_fix .cl_bt1 { position:absolute; top:0; width: 100%; z-index:10 !important; }
    .pop_from_fix .cl_bt2 { position:absolute; top:-10px; right: 30px; z-index:5 !important;}

    .pop_from_fix02 {width:98%; height:auto; margin:0 auto;}
    .pop_from_fix02 h4 {font-weight:500;text-align:center; font-size:1.1em;padding:10px 0;}

    .bottom_logo { display: flex; justify-content: center; align-items: center; padding-top: 20px; font-size: 20px; }

/*************** //새창 출력추가  ***************/


@font-face {
    font-family: 'Gyeonggi_Batang_Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2410-3@1.0/Batang_Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@import url('//fonts.googleapis.com/earlyaccess/nanummyeongjo.css');



/*************** 수료증 출력  ***************/
    .pop_cer_fix { position:relative; margin: 0 auto; width: 1040px; height:680px;  box-sizing: border-box; padding:90px; overflow-x: hidden;}
    .fix_bg01 {background:url("../images/sub/bg_edu_popup_01.jpg") no-repeat center / contain;}
    .fix_bg02 {background:url("../images/sub/bg_edu_popup_02.jpg") no-repeat center / contain;}
    .fix_bg03 {background:url("../images/sub/bg_edu_popup_03.jpg") no-repeat center / contain;}
    .pop_cer_fix .p_desc1 {float: right;font-size:15px; color: #111; margin: 0; font-family: 'Gyeonggi_Batang_Regular'}
    .pop_cer_fix h3 { display: none;font-weight:600; text-align:center; font-size:30px; margin-top: 30px; }
    .pop_cer_fix dl { width: 100%; display: flex; flex-wrap: wrap; margin-top: 195px; font-size: 18px;color: #111; padding: 0 250px;}
    .pop_cer_fix dl > dt { width: 22%; height: 38px; font-weight: 600;font-family:'Gyeonggi_Batang_Regular'}
    .pop_cer_fix dl > dd { width: 78%; height: 38px; margin-left: -80px; font-family: 'Gyeonggi_Batang_Regular'; font-weight: bold;}
/*
    .pop_cer_fix dl > dd:before{content:''; display:block; width:38%; height:1px; background:#111; left: 0; top:0px;transition:all .3s linear;}*/

    .pop_cer_fix .text_c { text-align: center;}
    .pop_cer_fix .p_desc2 { padding-top: 20px; text-align: center; line-height: 150%;font-size: 19px;color: #111; font-family: 'Gyeonggi_Batang_Regular'}
    .pop_cer_fix .p_desc3 { padding-top: 20px; padding-bottom: 20px; text-align: center;line-height: 150%;font-size: 16px;color: #111;font-family:'Gyeonggi_Batang_Regular'; }
    .pop_cer_fix h4 { display: none;padding-top: 20px; font-weight:600;text-align:center; line-height: 130%; font-size: 20px;color: #111; position: relative;}
    .pop_cer_fix .main-logo { width: 50px; height: 50px; text-align-last: center; }

    .pop_cer_fix .box_in { position:relative; text-align:center; width:440px; margin:0 auto; z-index:10 !important; height:100px;}
    .pop_cer_fix .box_in h4 { z-index:100 !important; position:relative; line-height:100px; }
    .pop_cer_fix .cl_bt1 { position:absolute; top:0; width: 100%; z-index:10 !important; font-weight: 500; }
    .pop_cer_fix .cl_bt2 { position:absolute; top:0px; right:130px; z-index:5 !important;}


    .pop_from_fix02 {width:98%; height:auto; margin:0 auto;}
    .pop_from_fix02 h4 {font-weight:500;text-align:center; font-size:1.1em;padding:10px 0;}




    .bottom_logo { display: flex; justify-content: center; align-items: center; padding-top: 20px; font-size: 20px; }

/*************** 수료증 출력  ***************/





.bbs_txt {font-size:20px; color: #222; text-align: left;}


.bbs_TIT {display: inline-block; width: 100%; text-align: center;}


.bbs_tit {/*display: inline-block;*/ text-align: center !important; padding: 15px 0 15px 0; }
.bbs_tit h4 {font-size: 24px; color:#111; letter-spacing: 0px; line-height: 130%; font-family:var(--fw40);}
.bbs_tit h3 {font-size: 28px; color:#111; letter-spacing: -0.5px;  line-height: 140%; font-family:var(--fw50);}
.bbs_tit h2 {font-size: 34px; color:#111; letter-spacing: -0.5px;  line-height: 120%; font-family:"함초롬바탕"; font-weight: 600;}
.bbs_stit {font-size: 18px; padding: 10px 0 5px 0; color:#111; letter-spacing: 0px; line-height: 180%; font-family:var(--fw50);}


.coating {display: inline-block;float:right; padding-bottom: 20px; }
.coating_top {border-collapse:separate; border-spacing:0; border:2px solid #111;}
.coating_top th{font-size:15px; color:#111; font-weight:500; text-align:center; padding:5px 10px; height: 30px;  border-right: 1px solid #111; letter-spacing:-0.2pt; background-color:#f1f1f1;  font-family:var(--fw50);}
.coating_top td{font-size:15px; height: 30px; color:#444; padding:5px 10px; text-align:left;letter-spacing:-02pt; border-right: 1px solid #111;}
.line_db {border-bottom: 3px double #111;}




.bbs_con_list_top {float:right; width: 50.2%;border-collapse:separate; border-spacing:0; border:2px solid #333; border-bottom:none; }
.bbs_con_list_top th{font-size:14px; color:#333; font-weight:500; text-align:center; padding:5px 10px; height: 25px;  border-right: 1px solid #ddd; letter-spacing:-0.4pt; background:#f9f9f9;  font-family:var(--fw50);}
.bbs_con_list td{font-size:14px; height: 25px; color:#444; padding:5px 10px; text-align:left;letter-spacing:-0.4pt;}



.bbs_con_list{width:100%; border-collapse:separate; border-spacing:0; border:2px solid #333; }
.bbs_con_list th{font-size:14px; color:#333; font-weight:500; text-align:center; padding:5px 5px; height: 25px;  border-right: 1px solid #ddd; border-bottom:1px solid #ddd; letter-spacing:-0.4pt; background:#f9f9f9;  font-family:var(--fw50);}
.bbs_con_list th:last-child{border-right:0px solid #ddd;}
.bbs_con_list .bor{border-left:1px solid #ddd  !important;}
.bbs_con_list td{font-size:14px; color:#444; padding:5px 10px;  height: 25px; text-align:left;letter-spacing:-0.4pt;  border-bottom:1px solid #ddd; border-right: 1px solid #ddd;}



.bbs_con_list td:last-child {border-right:0px solid #ddd;}
.bbs_con_list tr:hover{background:#fafafa}
.bbs_con_list td a {letter-spacing:-0.3pt;}
.bbs_con_list td.left{text-align:left; padding-left:10px;}
.bbs_con_list tfoot {background-color: #f9f9f9; border-top: 1px solid #111 !important;}
.bbs_con_list tfoot tr th:last-child {border-right:0px solid #ddd;}


.bbs_con_list .con_txt {width: 100%; text-align: left; padding: 10px 0;}
.bbs_con_list .con_txt tr {}
.bbs_con_list .con_txt td {padding: 5px 30px; border: none;}
.bbs_con_list .con_txt tr td span {padding: 0 10px;}
.bbs_con_list .con_txt h4 {font-size: 20px; letter-spacing: -0.5px; font-family:var(--fw40);}



.bbs_head {width:100%; border-collapse:separate; border-spacing:0; border:2px solid #333; }
.bbs_head tr th{font-size:14px; color:#333; font-weight:500; text-align:center; height: 25px;  border-right: 1px solid #ddd; border-bottom:1px solid #ddd; letter-spacing:-0.4pt; background:#f9f9f9;  font-family:var(--fw50);}
.bbs_head tbody tr td{line-height:25px; vertical-align:middle; text-align:center; color:#444; height:25px;}
.bbs_head thead tr th, table.bbs_head tbody.head tr th {font-size:14px; color:#333; vertical-align:middle; border-bottom:1px solid #ddd; background:#f9f9f9;  border-right:1px solid #ddd;}

.bbs_head td{font-size:14px; color:#333; vertical-align:middle; border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.bbs_head tr:hover {/*background:#fafafa*/}

.bbs_head tfoot {text-align:center; border-top:1px solid #111; border-bottom:0px solid #ddd; background:#f9f9f9}



/* 기업 홍보 (결과화면) */
.a-dvs_wrap {
  background-color:#f9f9f9;
  border-top:1px solid #333;
  border-bottom:1px solid #ddd;
  width:100%;
  height:auto;
  padding:6.2vh 0;
}
/* .a-dvs_wrap img, */
.a-dvs_wrap-in {
  margin:0 auto;
  max-width:1000px;
  width:100%;
  height:auto;
  text-align:center;
  /* text-align:center; 20251021 추가 */
}
.a-dvs_wrap img {
  height:auto;
} /* 20251021 추가 */
.a-dvs_wrap-in.if {
	height:650px;
	max-height:100%;
} /* .if 클래스는 iframe을 감싸는 용도에만 사용 20251021 추가 */


/* 인쇄 스타일 */
@media print {
    #header, #header2, #visual, #visual_sub, #footer, .no-print {display:none;}
    body * {
                visibility: hidden; /* 모든 요소 숨기기 */
            }
            #printArea, #printArea * {
                visibility: visible; /* 인쇄 영역만 표시 */
            }
            #printArea {
                position: absolute;
                top: 0;
                left: 0;
            }


    .page {
        overflow:hidden;
    }

    html, body { /* 빈페이지 제거 */
      height:auto;
    /* width:auto; */
       margin: 0 !important;
       padding: 0 !important;
    /* overflow: hidden; */
    }

}



/**************** 20250228 새창 인쇄 추가 **********************/

@media print {
        @page {
            size:297mm 210mm;   /* 실제 인쇄용지 크기 지정 */
            margin:0mm;
        }

        /* 프린트할때 background-color 나오게 하기 */
        * {
            -webkit-print-color-adjust: exact !important;   /* Chrome, Safari 6 – 15.3, Edge */
            color-adjust: exact !important;                 /* Firefox 48 – 96 */
            print-color-adjust: exact !important;           /* Firefox 97+, Safari 15.4+ */
        }

        /* 프린트할때 아래쪽에 빈페이지 생기는것 방지 : height: auto; */
        html,body {
            margin: 0 !important;
            padding: 0 !important;
            height: auto !important;
            margin-top: 170px;  /* 아래 pop_from_fix 의 margin-top을 적절히 조절해서 위치를 조정한다. */
        }

        .pop_from_fix { transform: scale(1); margin-top: 50px; }
        /*.pop_cer_fix { transform: scale(1.45); margin-top: 170px; margin-left: 120px !important; }*/
        .pop_cer_fix { transform: scale(1.72); margin-top: 215px !important; margin-left: 320px !important; }

        .pop_from_fix_btn { display:none; } /* 프린트할때 버튼 숨기기 */
    }


/*********************************** //출력리스트 ***********************************/




/*********************************** //출력리스트 ***********************************/





/****************************** 공지사항 list ******************************/


.bbs_con {width:100%; border-collapse:separate; border-spacing:0; border-top:1px solid #333;}
.bbs_con th {font-size:17px; color:#333;  font-weight:500; letter-spacing: -0.5pt; text-align:center;  padding:16px 0; border-bottom:1px solid #ddd; background:#f9f9f9; font-family:var(--fw50);}
.bbs_con td {font-size:17px; padding:18px 5px; text-align:center; border-bottom:1px solid #ddd;  letter-spacing:-0.5pt; color:#777;font-family:var(--fw40); font-weight:400;}
.bbs_con tr:hover{background:#fafafa}

.bbs_con .mo_line{display:none}
.bbs_con td img{margin-left:5px}
.bbs_con td.left{max-width: 600px; text-align:left; padding-left:10px; font-family:var(--fw50);}
.bbs_con td a span {font-family:var(--fw50);font-weight: 500; letter-spacing: -0.3pt;}



/* 검색 */
.board_search {width:100%; text-align:center; border:none; padding:15px 0px; margin-top:20px;background-color: #f9f9f9;border-top: 1px solid #999;
    border-bottom: 1px solid #d4d4d4; }
.board_search .img {vertical-align:top;}
.board_search .search_input {
    color:#666;
    border:#ddd 1px solid;
    background-color:#fff;
    width:25%;
    /* padding:9px; */
    height:36px;
    padding:0 9px;
    vertical-align:top;
}

.board_search select {
	/* height:auto; */
	height:38px;
	padding:0 9px;
}

.bbs_btn{width:100%; padding-top:10px;}
.bbs_btn li.sel_btn{float:left;}
.bbs_btn li.list_btn{float:right;}
.bbs_btn li.center_btn {text-align:center;}

/* ellipsis */
.ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ellipsis_02{-webkit-box-orient:vertical;display:-webkit-box !important;display:block;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;}
.ellipsis_03{-webkit-box-orient:vertical;display:-webkit-box !important;display:block;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;}

.ellipsis_txt {display: inline-block;width: 95px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}





/*********** bbs_list *************/
.bbs_list {width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333;}
.bbs_list th {color:#333; text-align:center; padding:13px 10px; background-color:#f9f9f9; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:500; font-size:16px; font-family:var(--fw50);}
.bbs_list td {font-size:16px; border-bottom:1px solid #ddd; padding:13px 10px; text-align: left;}
.bbs_list td.line {border-right:1px solid #ddd; }
.bbs_list td.input_contents textarea {width:100%; padding:5px; box-sizing:border-box; line-height:150%;}






/* list */
.bbs_board {width:100%; border-collapse:separate; border-spacing:0; border-top:1px solid #333; }
.bbs_board th{font-size:16px; color:#333; font-weight:500; text-align:center; padding:18px 5px; border-bottom:1px solid #ddd; letter-spacing:-0.4pt; background:#f9f9f9;  font-family:var(--fw50);}
.bbs_board th:last-child{border-right:0px solid #ddd;}
.bbs_board td{font-size:16px; color:#444; padding:10px 10px; text-align:center;letter-spacing:-0.4pt;  border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.bbs_board td:last-child{border-right:0px solid #ddd;}
.bbs_board tr:hover{background:#fafafa}
.bbs_board td a {letter-spacing:-0.3pt;}
.bbs_board td.left{text-align:left; padding-left:10px;}

.bbs_board td a span .font_10 {font-size: 6px;}


/****************************** //공지사항 list ******************************/



/****************************** 공지사항 write ******************************/


/*********** Input *************/
/* wirte */
.bbs_input_ment {float: right; font-size: 15px; line-height: 28px; color:#ff0000; }
.bbs_input_ment_l {float: left; font-size: 15px; line-height: 28px; color:#ff0000; }

.bbs_ment_right {float: right; margin-top: -35px; font-size: 15px; line-height: 28px; color:#ff0000; }
.bbs_ment_left {float: left;  margin-top: -35px; font-size: 15px; line-height: 28px; color:#ff0000; }


.input_msg {padding:10px 0; text-align:right; font-size:13px;}
.bbs_input {width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333;line-height:160%;}
.bbs_input th { color:#333; text-align:center; padding:13px 10px; background-color:#f9f9f9; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:500; font-size:16px; font-family:var(--fw50);}
.bbs_input td {/*width: 80%;*/  font-size:16px; border-bottom:1px solid #ddd; padding:13px 10px; text-align: left; line-height:160%;}
.bbs_input td.line {border-right:1px solid #ddd; }
.bbs_input td.input_contents textarea {width:100%; padding:5px; box-sizing:border-box; line-height:160%;}
.bbs_input td label {line-height:160%;}
    .input_l {width: 98%;box-sizing: border-box;}
.bbs_input th:nth-child(3) {
  border-left:1px solid #ddd;
}


.input-group {float: left; text-align: left; padding-right: 10px;}
.input-group-r {display: flex; line-height: 120%; text-align: left; padding-right: 10px;}
.date-p {
	font-size:14px;
	color:#666;
	height:38px;
	width:150px;
	text-align:left;
	padding-left:15px;
	font-weight:400;
	padding:8.5px;
	vertical-align: top;
	margin:5px 0;
}
.bbs_input .date-p {
	vertical-align:middle;
	padding:0 15px;
	margin:0;
}

/* form_select */
/* 동의폼 */
.pri_box {width:100%; border:1px solid #dddddd; padding:15px; margin:10px 0px 20px 0px; box-sizing:border-box;}
.pri_box p.pri_tit {font-weight:100; font-family:var(--fw50); padding-bottom:10px; color:#333;}
.pri_box .textarea {height:100px;}
.pri_message {font-size:13px;  width:100%; text-align:center; padding-top:8px; font-family:inherit;}
.pri_message input[type=checkbox] {width:12px; height:12px; margin-right:5px;}

/* 저작권공지 */
.input_notice{border:1px solid #ddd; background-color:#f9f9f9; padding:20px;}
.input_notice h4{font-size:17px; font-weight:100; font-family:var(--fw50); color:#333; letter-spacing:-1pt; padding:0 0 5px 0;}
.input_notice h4 span{color:#d51921; letter-spacing:-1pt;}
.input_notice p.txt{font-size:14px; color:#666; line-height:22px;}
.input_notice p.point{font-size:14px; color:#d51921;line-height:21px; padding:3px 0 0 0; text-decoration:underline}




/****************************** //공지사항 write ******************************/


/****************************** 공지사항 view ******************************/

.bbs_view{width:100%; border-collapse:separate; border-top:1px solid #333333; border-spacing:0px;}
.bbs_view th{}
.bbs_view td{font-size: 16px; border-bottom:1px solid #d4d4d4; padding:12px; text-align: left; }
.bbs_view td.view_detail{font-size: 15px;color:#888; text-align:left; border-bottom:1px dashed #d4d4d4;}
.bbs_view td span.view_s{padding: 0 10px; display: inline-block;font-weight: 300; font-size: 10px; color: #909090;
    vertical-align: middle;}
.bbs_view td .view_content{font-size: 17px; color: #333; padding:20px 0 60px 0 !important; line-height: 160%;}
.bbs_view td.tit{font-size:16px; color:#333; font-weight:500; text-align:center; width:150px !important; background-color:#f9f9f9; border-right:1px solid #d4d4d4; padding:20px 0;font-family:var(--fw50);}
.bbs_view td.tit2{font-size:16px; color:#333; font-weight:500; text-align:center; width:150px !important; background-color:#fff; border-right:1px solid #d4d4d4; padding:10px 0;font-family:var(--fw50);}

.bbs_view th.title{font-size:22px; color:#333; line-height: 130%; font-weight:500; text-align:left; padding:25px 10px; border-bottom:1px solid #ddd;  letter-spacing:-0.2pt; font-family:var(--fw50); background-color:#f9f9f9; vertical-align: middle; }


.bbs_view th.title span {margin: 0px 3px 0px 0px; vertical-align: middle;}
.bbs_view td a{font-family:var(--fw40); letter-spacing: -0.0pt;}
/*
.bbs_view td a {font-family:var(--fw40); letter-spacing: -0.0pt;
    overflow: hidden; text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height:120%;}*/
.bbs_view td a:hover {text-decoration: underline; }

.view_content td{border:none !important;}
.view_content div{width:100% !important;}
.view_content img{width:auto; max-width:100% !important; background-size: cover; width: 100%;padding: 5px 0;}


.textarea {font-family:inherit; color:#666; line-height:150%; letter-spacing: -0.5px; padding:5px; border:#d4d4d4 1px solid; /*background-color:#f6f6f6;*/}

/****************************** // 공지사항 view ******************************/

/****************************** 리스트 ******************************/

/* list */
.bbs_con_info{width:100%; border-collapse:separate; border-spacing:0; border-top:1px solid #333; }
.bbs_con_info th{font-size:16px; color:#333; font-weight:500; text-align:center; padding:18px 5px; border-bottom:1px solid #bbb; letter-spacing:-0.4pt; background:#f9f9f9; font-family:var(--fw50);}
.bbs_con_info td{font-size:16px; color:#444;padding:15px 1px; text-align:center;letter-spacing:-0.4pt;  border-bottom:1px solid #ddd;}
.bbs_con_info tr:hover{background:#fafafa}
.bbs_con_info td a {letter-spacing:-0.3pt;}
.bbs_con_info td.left{text-align:left; padding-left:10px;}






/* list */
.bbs_con_in{width:100%; border-collapse:separate; border-spacing:0; border-top:1px solid #333; }
.bbs_con_in th{font-size:16px; color:#333; font-weight:500; text-align:center; padding:13px 5px; border-bottom:1px solid #ddd; letter-spacing:-0.4pt; background:#f9f9f9; font-family:var(--fw50);/*border-right:1px solid #ddd;*/}
.bbs_con_in th:last-child{border-right:0px solid #ddd;}
.bbs_con_in tr th+th {border-left:1px solid #ddd  !important;}
.bbs_con_in tr th+th+th {border-left:1px solid #ddd  !important;}
.bbs_con_in .bor{border-left:1px solid #ddd  !important;}
.bbs_con_in td{font-size:16px; color:#444;padding:10px 1px; text-align:center;letter-spacing:-0.4pt;  border-bottom:1px solid #ddd;/*border-right:1px solid #ddd;*/}
.bbs_con_in tr td+td {border-left:1px solid #ddd  !important;}
.bbs_con_in tr td+td+td {border-left:1px solid #ddd  !important;}
.bbs_con_in td+td {border-left:1px solid #ddd  !important;}
.bbs_con_in td+td+td {border-left:1px solid #ddd  !important;}
.bbs_con_in td:last-child {border-right:0px solid #ddd;}
.bbs_con_in tr:hover{background:#fafafa}
.bbs_con_in td a {letter-spacing:-0.3pt;}
.bbs_con_in td.left{text-align:left; padding-left:10px;}
.bbs_con_in tfoot {background-color: #f9f9f9; border-top: 1px solid #111 !important;}
.bbs_con_in tfoot tr th:last-child {border-right:0px solid #ddd;}

.bg_c{background:#fafafa;}
.bgdu {border-bottom: 3px double #ccc;}
.bgdut {border-top: 3px double #ccc;}

.bbs_con td p.m_name{display:none}


.board_info{width:100%;}
.board_info li.board_info_left{float:left; margin-bottom: 80px; width:35%; padding-right: 5%}
.board_info li.board_info_right{float:right; width:60%;}
.info_txt{text-align: center;color:#333333; border-top:1px solid #333333;border-bottom:1px solid #d4d4d4; background-color:#f9f9f9; padding: 252px 0 ;}
.info_txt span{margin: 10px 0 0 0;}



.board_left{float: left;}
.board_right{float: right;}

.board_left_01{float: left;width: 25%;}
.board_left_01 span{display:block;padding: 0 0 10px 0;}

.board_right_02{float: right;width: 75%;}


.board_left_03{float: left;width: 15%;}
.board_left_03 span{display:block;padding: 0 0 10px 0;}

.board_right_03{float: right;width: 85%;}

.pad_10 {padding-top: 15px;}

.bbs_view_info{width:100%; border-collapse:separate; border-top:1px solid #333333; border-spacing:0px;}
.bbs_view_info tbody th{border-bottom:1px solid #d4d4d4; padding:10px 12px; text-align: center;color:#333; font-weight:500; background-color:#f9f9f9;}
.bbs_view_info td{border-bottom:1px solid #d4d4d4; padding:10px 12px; text-align: left;}
/*.ico{display:inline-block; color:#fff; border:1px solid #2a7dc6; border-radius:2px; background:#3a90db; padding: 0px 15px; white-space:nowrap; text-align:center; font-size: 13.5px;font-weight:500;letter-spacing: 0.5pt; }*/



/*== //학생정보 ==*/







/* 카테고리 */
.cate_tab {overflow:hidden; clear:both; width:795px; margin:0 auto 30px auto;}
.cate_tab li {float:left; margin-bottom:4px; margin-right:4px;}
.cate_tab a {letter-spacing:-0.5pt; display:block; width:155px; height:59px; background:#f0f0f0; text-align:center; line-height:59px; font-size:17px; color:#666; box-sizing:border-box;}
.cate_tab a:hover {text-decoration:none; background-color:#fff; border:3px solid #2e3192; line-height:54px; color:#2e3192}
.cate_tab a span {letter-spacing:-0.5pt;display:block; height:59px; line-height:54px; border:3px solid #2e3192; background:#fff; width:155px;  color:#2e3192;  box-sizing:border-box;}
.cate_tab a span:hover {position:relative; top:-3px; left:-3px;}





/* 표 */
.chart_tbl{width:100%; border-collapse:separate; border-spacing:0; border-top:1px solid #333; border-right:1px solid #ddd; border-left:1px solid #ddd;}
.chart_tbl th{font-size:16px; color:#333; font-weight:500; text-align:center; padding:13px 5px; border-bottom:1px solid #ddd; letter-spacing:-0.4pt; background:#f9f9f9; font-family:var(--fw50);/*border-right:1px solid #ddd;*/}
.chart_tbl tr th+th {border-left:1px solid #ddd  !important;}
.chart_tbl td{font-size:16px; color:#444;padding:10px 1px; text-align:center;letter-spacing:-0.4pt;  border-bottom:1px solid #ddd;/*border-right:1px solid #ddd;*/}
.chart_tbl tr td+td {border-left:1px solid #ddd  !important;}
.chart_tbl td:hover{background:#fafafa}





/********************************** 문의하기 *********************************/


.form_table select {font-size:16px; color:#777; border:1px solid #d4d4d4; background-color:#fff; padding:0 15px; box-sizing:border-box; height:47px; }
.form_table .input {font-size:16px; color:#777; border:1px solid #d4d4d4; background-color:#fff; padding:0 15px; box-sizing:border-box; line-height:45px;}
.form_table .textarea {-webkit-appearance: none; -webkit-border-radius: 0; font-size:16px;  color:#777; border:1px solid #d4d4d4; background-color:#fff; padding:15px; line-height:140%; box-sizing:border-box; width:100%; box-sizing:border-box;}
.form_table .blind {font-size:0; line-height:0; width:0px; height:0px;}
.form_table .button {cursor:pointer; HEIGHT:18px; font-size:13px;  BACKGROUND-COLOR: #737373; BORDER-BOTTOM: #737373 2px solid; BORDER-LEFT: #737373 2px solid; BORDER-RIGHT: #737373 2px solid; BORDER-TOP: #737373 2px solid; COLOR: #ffffff;}


.form_table{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333; }
.form_table th{font-size:18px; line-height: 150%; color:#222; text-align:left;  padding:15px 0 15px 50px ; border-bottom:1px solid #ddd; font-weight:600; letter-spacing:-0.5pt;}
.form_table th span{color:#3c46be;}
.form_table td{border-bottom:1px solid #ddd; padding:15px 10px; text-align:left}
.form_table td .sub_txt{text-align:left; font-size:15px; padding:5px 0 0;}
.form_table td span.hyp{display:inline-block; width:20px; text-align:center; font-size:18px; }

.form_table td .input{width:60%; -webkit-appearance: none; -webkit-border-radius: 0;}
.form_table td .input_num{width: calc((60% - 40px)/3);}
.form_table td .select_num{width: calc((60% - 40px)/3);}
.form_table td .select_email{width: calc((70% - 36px)/3); margin-left: 6px;}
.form_table td .input_email{width: calc((70% - 36px)/3);}
.form_table td .textarea{height: 200px;}

.form_table td .num_txt{width:20px; font-size:18px; text-align:center; display:inline-block;}
.form_table td .email_txt{width:30px; font-size:18px;  text-align:center; display:inline-block;}
.form_table td .norobot{padding:4px;}

.form_table td label{display:inline-block; margin-right:20px; line-height:44px;}
.form_table input.btn_address {height:35px; line-height:35px; padding:0 10px; border:0; text-align:center; font-size:13px; color:#777; border:1px solid #aaa; background:#fff; vertical-align:top;}

.form_table input[type="radio"]{width:20px; height:20px; vertical-align:middle; border:none; margin:-1px 5px 0 0}



/* 개인정보 동의 */
.agree_con{padding:40px 0 30px;}
.privacy_head{text-align:center; font-size:18px; font-weight:400; letter-spacing:-0.5pt; padding-bottom:15px}
.privacy_head span.option{color:#222; letter-spacing:-0.5pt; text-decoration:underline; margin-left:10px; font-size:18px; font-weight:bold; cursor:pointer}
.privacy_head input[type="checkbox"]{width:23px; height:23px; margin:-3px 8px 0 0; vertical-align:middle; border:none}
.privacy_agree{}
.privacy_agree .textarea{padding:10px; width:100%; font-size:15px; box-sizing:border-box;}


/* 확인/취소 버튼 */
.btn_area{text-align:center;}

.btn_confirm{margin:0 auto; font-size:18px; transition: all 0.3s linear; cursor: pointer; position: relative; width:200px; height:60px; font-weight:700; border:1px solid var(--main); box-sizing:border-box; background:var(--main); color:#fff; padding:0 30px; display:block; line-height:60px; box-sizing: border-box;text-align: left; border-radius:5px; }
.btn_confirm span{transition: all 0.3s linear; width:7px; height:11px; display:block; background:url('../images/sub/bar.png') center no-repeat; position: absolute; right: 30px; transform: translateY(-50%); top: 50%; }
.btn_confirm:hover{background:#fff; color:var(--main); }
.btn_confirm:hover span{background:url('../images/sub/bar_up.png') center no-repeat;}


/********************************** //문의하기 *********************************/





/********************************** 마이페이지 *********************************/
/*** user_wrap ***/
#user_wrap{position: relative; overflow:hidden; width:100%; background:#fff; padding:0px 0 50px 0;}
#user_wrap .user_in{position: relative; overflow: hidden; width:100%; margin:0 auto; text-align: left;}
#user_wrap .user_box {width:100%;display: inline-block; }
#user_wrap .user_box h3 {display:inline-block; float:left;}



#user_wrap ul {margin:0px auto 0 auto; overflow: hidden; width: 100%; }
#user_wrap .user_box ul li {display: inline-block; float: left; font-size: 18px; width: 16%; margin-right: 2%;   border-top:1px solid #333; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff; text-align: center; padding: 20px 20px; box-sizing:border-box;}
#user_wrap .user_box ul li:nth-child(2) {display: inline-block; float: left; width: 50%;box-sizing:border-box; }
#user_wrap .user_box ul li:nth-child(3) {display: inline-block; float: left; width: 30%;box-sizing:border-box; margin-right: 0%;}

#user_wrap .user_box ul li div { float: left; width: 100%; padding: 0px 0;}

#user_wrap .user_box ul li .person_img {width: 170px; height:auto; text-align: center;}
#user_wrap .user_box ul li img {/*margin-top: 15px; */max-width: 170px; max-height: 200px; border: 1px solid #ddd; box-sizing: border-box;
width: 100%; height: auto; background-size:cover;  background-repeat: no-repeat;  background-position:center;
}
#user_wrap .user_box ul li p {color: #222; font-family: var(--fw60); line-height: 180%; padding-top: 5px;}
#user_wrap .user_box ul li .person_img span {color: #222; line-height: 140%;}




#user_wrap .user_box ul li .pic { padding-top: 3px;}
#user_wrap .user_box ul li dl {display: inline-block;}
#user_wrap .user_box ul li dl dd{display: inline-block;}
#user_wrap .user_box ul li dl a {font-size: 14px; padding: 8px 8px; color:#222; font-weight: 500; border: 1px solid #ddd; background-color:#f5f5f5; border-radius: 5px;}
#user_wrap .user_box ul li dl a:hover {background-color:#f6f6f6; border: 1px solid #222; }
#user_wrap .user_box ul li dl a span {font-size: 18px; vertical-align: bottom;}


#user_wrap .user_box .user_program ul {margin:20px 0; overflow: hidden; width: 100%;  }
#user_wrap .user_box .user_program ul li {display: inline-block; float: left;  background: #fff; border-radius: 10px; border: 1px solid #ddd; padding: 20px 15px; width: 32%; margin-right: 2%; margin-bottom:2%;   box-sizing:border-box;}
#user_wrap .user_box .user_program ul li:hover {background: #0083fc; }
#user_wrap .user_box .user_program ul li:hover p {color: #fff !important;}
#user_wrap .user_box .user_program ul li:hover h2 {color: #fff !important;}
#user_wrap .user_box .user_program ul li:hover h2 span{color: #fff !important;}
#user_wrap .user_box .user_program ul li:nth-child(3) {margin-right: 0%;}
#user_wrap .user_box .user_program ul li:nth-child(6) {margin-right: 0%; }
#user_wrap .user_box .user_program ul li p {clear: both;font-size: 17px; font-weight: 600; line-height: 130%; color: #222;}
#user_wrap .user_box .user_program ul li h2 {clear: both; text-align: center; color: #222; font-size: 30px; padding:10px 0 0 0; height: 32px; font-family: var(--eng); font-weight: 700; background: none;}
#user_wrap .user_box .user_program ul li h2 span{text-align: center; color: #222; font-size: 16px; font-family: var(--fw40);}


#user_wrap .user_box .user_graph {margin:20px 0; width:100%; height: 246px; border-collapse:separate; border-spacing:0; background: #fff; text-align: center; padding: 20px 20px; box-sizing:border-box; }
#user_wrap .user_box .user_graph p {font-size:18px; font-weight: 600; color: #222; line-height: 140%;  text-align: center;}
#user_wrap .user_box .user_graph .graph_img {text-align: center;}





/*** keyword_wrap ***/
#keyword_wrap{position: relative; overflow:hidden; width:100%; padding:0px 0 0px 0;}
#keyword_wrap .keyword_in{position: relative; overflow: hidden; width:100%; margin:0 auto; text-align: left;}
#keyword_wrap .keyword_box {width:100%;display: inline-block; padding-bottom: 50px; }

#keyword_wrap dl {margin:0px auto 0 auto; overflow: hidden; width: 100%;border-radius: 20px;}
#keyword_wrap .keyword_box dl dt {display: inline-block; float: left; font-size:22px; font-family:var(--fw50);line-height: 140%; padding: 20px 10px; width: 20%; color: #fff; background:#334973;  box-sizing:border-box; text-align: center; }
#keyword_wrap .keyword_box dl dd {display: inline-block; float: left; font-size: 22px; font-family:var(--fw50);line-height: 140%; letter-spacing: -0.5pt; padding: 20px 20px; width: 80%;color: #222; background:#eee;  box-sizing:border-box; text-align: left; }
#keyword_wrap .keyword_box dl div {position:absolute; right:30px; top:0%; padding-top: 20px; cursor:pointer;text-align: center; }
#keyword_wrap .keyword_box dl div span {color: #fff; background:#334973;border-radius: 5px; padding:5px 3px 2px 3px;width:30px; height:30px;text-align: center; }



/*** userinfo_wrap ***/
#userinfo_wrap{position: relative; overflow:hidden; width:100%; background:#fff; padding:0px 0 15px 0;}
#userinfo_wrap .userinfo_in{position: relative; overflow: hidden; width:100%; margin:0 auto; text-align: left;}
#userinfo_wrap .userinfo_box {width:100%;display: inline-block; }
#userinfo_wrap .userinfo_box h3{padding-bottom: 0 !important;}
#userinfo_wrap .userinfo_box table {margin-top: 0px; padding-bottom: 0;}

#userinfo_wrap ul {margin:0px auto 0 auto; overflow: hidden; width: 100%; }
#userinfo_wrap .userinfo_box ul li {display: inline-block; float: left; font-size: 18px; width:100%; margin-right: 0%;  box-sizing:border-box; text-align: left;}
#userinfo_wrap .userinfo_box ul li p { color: #222; font-family: var(--fw60); line-height: 180%;}


#userinfo_wrap .userinfo_box ul li div { float: left; width: 100%;}
#userinfo_wrap .userinfo_box ul li div h3 {padding-top:12px;background: url(../images/sub/tit_arrow.jpg) left 20px no-repeat;}
#userinfo_wrap .userinfo_box .plus_more {display: none; top:-35px; position: relative; float: right; display: inline-block; text-indent:-99999px;  width:40px; height:40px; border: 1px solid #BDBDBD; transition:all 0.3s;}
#userinfo_wrap .userinfo_box .plus_more::after {content: ""; position: absolute; width: 17px; height: 17px; background:url('../images/main/btn_more.png') no-repeat center center; left: 50%; margin-left: -8.5px; top: 50%; margin-top: -8.5px; transform: rotate(0deg); transition: transform 0.3s;}
#userinfo_wrap .userinfo_box .plus_more:hover::after {transform: rotate(180deg);}


/* 마이페이지 - 참여 교육프로그램별(마이크로디그리) 진행 현황 20251125 */
.guage {
  display:block;
  width:100%;
  border-radius:100px;
  background-color:#eee;
}


/* 마이페이지 - 참여 교육프로그램별(마이크로디그리) 진행 현황 아코디언 목록 20251203 */
/* table.fold-table tbody > tr.view:hover {
  background: #ddd;
} */
/* table.fold-table > tbody > tr.view.open {
  background: tomato;
  color: white;
} */
/* table.fold-table > tbody > tr.view.open td:first-child:before, table.fold-table > tbody > tr.view.open th:first-child:before {
  transform: rotate(-180deg);
  color: white;
} */
table.fold-table tbody > tr.fold {
  display:none;
}
table.fold-table tbody > tr.fold.open {
  display:table-row;
}
table.fold-table tbody > tr.view.open>td {
	border-top:2px solid #000fd7;
}
.fold-table.bbs_con_info .view.open>td:first-child {
  border-left:2px solid #000fd7;
}
.fold-table.bbs_con_info .view.open > td:last-child {
  border-right:2px solid #000fd7;
}
table.fold-table .fold table {
	width:100%;
	margin:0 auto;
}
table.fold-table .fold table th {
	background-color: #ddd;
	padding:12px 5px;
	font-size:14px;
	background-color: #e1e1e1;
	border-bottom-color: #e1e1e1;
	background-color: #efefef;
}
table.fold-table .fold table td {
	background-color:#fefefe;
	padding:12px 5px;
	font-size:14px;
}
.fold-table.bbs_con_info .fold.open > td {
	background-color:#fafafa;
	padding:30px;
	border-bottom:2px solid #000fd7;
	border-left:2px solid #000fd7;
	border-right:2px solid #000fd7;
}

.fold-table.bbs_con_info .fold.open tbody td {
	padding:11px 1px;
	background-color:#fafafa;
}
.fold-table.bbs_con_info .fold.open tbody tr:last-child td {
	border-bottom-color:#aaa;
}
.fold-table.bbs_con_info .view.open > td {
	background-color:#fafafa;
}
.fold .bdb {
	border-bottom-color:#aaa !important;
}
.fold-table .fold.open table td:not(:last-child) {
	border-right:1px solid #ddd;
}
.fold-table .fold.open table {
	border:1px solid #aaa;
}
.fold-table .fold.open table th:not(:last-child) {
	border-right:1px solid #ccc;
}
.fold-table .btn_icon70.radius_15:nth-child(2) {
  margin-left:5px;
}

/********************************** //마이페이지 *********************************/





/********************************** 개인정보취급방침 *********************************/

/* 개인정보, 이용약관 등 */
.footer-inner-box{padding:10%;}
.footer-inner{padding:3%;  /* overflow-y:auto; */border:1px solid #ddd; }
.footer-inner p{font-size:14px; line-height:160%; word-break:keep-all;}
.footer-inner p.point{font-size:18px; font-weight:500; letter-spacing: -0.2pt; color:#dd1313; margin-bottom:20px;}
.footer-inner strong{display:block; font-size:18px; line-height:130%;  color:#111; letter-spacing: -0.2pt; font-weight:400; margin-bottom:10px; margin-top: 20px;}
.footer-inner .box{padding:1.5% 2%; background-color:#f7f7f7; border:1px solid #ddd; border-top:1px solid #aaa; margin-bottom:30px; }
.footer-inner .box p{padding:5px 0;}
.footer-inner p > a{color:#5f8bc3; text-decoration:underline;}

/********************************** //개인정보취급방침 *********************************/


/*********** 갤러리 List *************/
.photo_list {position:relative; overflow:hidden;}
.photo_list dl{float:left; width:31.6239316239%; margin-right:2.5641025641%;  margin-bottom:2.5641025641%; border:1px solid #ddd; box-sizing:border-box;}
.photo_list dl:nth-child(3n){margin-right:0}
.photo_list dl a{display:block;}
.photo_list dl:hover{border-color:#ccc}
.photo_list dl:hover p.title{color:#1e4faf}
.photo_list dt img{width: 100%; height: auto; background-size:cover;  background-repeat: no-repeat;  background-position:center;  transform:rotate(0.01deg) scale3d(1, 1, 1);transition:transform 1s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.photo_list dl:hover a dt img{transform:rotate(0.01deg) scale3d(1.05, 1.05, 1);}
.photo_list dt {overflow:hidden;}
.photo_list dd{position:relative; padding:40px;}
.photo_list dd p.title{transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
 letter-spacing: -0.8pt;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word;
line-height: 1.4em;height: 2.6em; color: #333; margin-bottom: 10px;font-size:22px;font-weight: 700;}
.photo_list dd p.date{color:#777; font-size:15px; margin-bottom:10px;line-height:100% }
.photo_list dd p.date span.recom{color:#f94e7e; font-weight:bold; font-size:15px; font-weight:normal; line-height: inherit; margin-left:5px}
.photo_list dd p.sub_txt{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word;line-height: 1.4em !important;height: 2.8em;}
.sub_txt {font-size: 16px;}



.tabBox::after {
	content:'';
	display:block;
	clear:both;
}
.tabBox{padding-bottom:30px;position:relative;}
    .tabBox h3{padding-bottom:10px; padding-left: 15px; font-size:22px;color: #222222; letter-spacing: -0.8pt;font-family:var(--fw40); font-weight: 400; background: url(../images/sub/tit_arrow.jpg) left 8px no-repeat;/*border-bottom:1px solid #d5d5d5;*/}
    .tabBox h4{padding-bottom:10px; padding-left: 15px; font-size:20px;color: #222222; letter-spacing: -0.5pt;font-family:var(--fw30); background: url(../images/sub/tit_arrow.jpg) left 6.5px no-repeat;}
    /*.tabBox h3 .t_line{ line-height: 100%; border-bottom:1px solid #d5d5d5; z-index: 9999;}

    .tabBox h4{padding-bottom:10px;font-size:18px;color: #222222;font-family:"NotoKR-Regular", Sans-serif; }
    .tabBox h5{padding-bottom:10px;font-size:16px;color: #222222;font-family:"NotoKR-Regular", Sans-serif; }
    .tabBox .viewBtn{position:absolute;bottom:31px;right:0;height:19px;}
    .tabBox .viewBtn a{text-indent:-9999px;vertical-align:top;display:inline-block;width:69px;height:19px;background: url("../images/common/btn_tap.gif") no-repeat left top;}
    .tabBox .box,
    .tabBox .viewBox{width:100%;}
    ul.ul {width:100%;}
    ul.ul li {list-style-type:disc; margin-left:20px;  line-height: 24px; }
    ul.ul li textarea {width:100%; height:100px;}
    ul.noDisc li, ol.noDisc li {list-style-type:none; margin-left:0;}
*/
.h3{padding-bottom:10px; padding-left: 15px; font-size:22px;color: #222222; letter-spacing: -0.8pt; font-family:var(--fw40); font-weight: 400; background: url(../images/sub/tit_arrow.jpg) left 8px no-repeat;/*border-bottom:1px solid #d5d5d5;*/}

table .scroll {border-collapse: collapse; width:  100%; overflow-x: scroll; display: block;}

table .scroll tbody {overflow-x: scroll; /*overflow-x: scroll; */overflow-y: hidden;display: block; height: auto;}
table .scroll tbody tr {display: table;}
.font-s{font-size: 0.8em; color: #999;}


.table-responsive-sm {
        display: block;
        width: 100%;
        max-width: 1280px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

.table-responsive {
        display: block;
        width: 100%;
        /*max-width: 1280px;*/
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

.selectbox {
    border:1px solid #dcdcdc;
    background-color:#f7f7f7;
    position: relative;
    z-index: 1;
    padding: 0px 15px 0px 0px ;
    border-radius:3px;
}


/************ 교육프로그램 > 시설장비 예약 20251106 ************/
.selPlace.bbs_input>tbody>tr:nth-child(4)>td {
  padding-top:0;
}
.selWrap {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
}
.selWrap>li {
  height:auto;
}
.selWrap>li:first-child {
  width:45%;
}
.selWrap>li:last-child {
  width:52%;
  margin-left:3%;
}
.type_info {
  border:1px dashed #aaa;
  border-radius:10px;
  margin-top:10px;
  background-color:#f7f7f7;
}
.type_info>p {
  font-weight:bold;
  text-align:center;
  margin-top:20px;
}
.type_info>ul {
  display:flex;
  justify-content:center;
  margin-top:20px;
  margin-bottom:30px;
}
.type_info li {
  width:106.66px;
  border-radius:.325rem;
  padding:20px 15px;
  box-sizing:border-box;
  text-align:center;
  flex-shrink:0;
}
.type_info li:not(:first-child) {
  margin-left:5px;
}
.selWrap .type_notB {
  background-color:#ddd;
  border:1px solid #b5b5b5;
  color:#656565;;
}
.list_place .type_notB {
  cursor:no-drop;
}
.selWrap .type_okB {
  border:1px solid #777;
  background-color:#fff;
}
.selWrap .type_sel {
  background-color:var(--blue);
  border:1px solid var(--blue);
  color:#fff;
}
.place {
  display:flex;
  flex-direction:column;
  align-items:center;
  margin-top:50px;
}
/* .place:nth-child(2) li:last-child {
  margin-top:67px;
} */
.place>p {
  width:50%;
  background:var(--navy);
  color:#fff;
  text-align:center;
  border-radius:100px;
  padding:12px 0;
}

.list_place {
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  margin-top:30px;
}
.list_place>li {
  display:grid;
  align-content:center;
  grid-template-columns:1fr 1fr;
}
.list_place>li:last-child {
  margin-left:25px;
}
.list_place span {
  border:1px solid #777;
  border-radius:.325rem;
  padding:20px 15px;
  display:inline-block;
  box-sizing:border-box;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-use-select:none;
  user-select:none;
  font-size:15px;
}
.list_place span:nth-child(even) {
  margin-left:5px;
}
.list_place span:nth-child(n+3) {
  margin-top:5px;
}
.bbs_input.selTable {
  border-top:none;
}
.table-responsive.selTable {
  /* height:748px; */
  border-left:1px solid #ddd;
  border-top:1px solid #333;
}
.bbs_input.selTable .input {
  width:70px;
  height:30px;
}
.bbs_input.selTable th:nth-child(3) {
  border-left:none;
}
.bbs_input.selTable th:nth-child(4) {
  color:#f00;
}
.bbs_input.selTable th label {
  vertical-align:top;
}
.bbs_input.selTable th label>input {
  margin-top:7px;
  vertical-align:top;
}
.bbs_input.selTable td {
  border-right: 1px solid #ddd;
  padding:5px;
}
.bbs_input.selTable td:first-child,
.bbs_input.selTable td:nth-child(n+3)  {
  text-align:center;
}
.bbs_input.selTable td:nth-child(6),
.bbs_input.selTable td:nth-child(4) {
  padding:0;
}
.bbs_input.selTable td:nth-child(6) > label,
.bbs_input.selTable td:nth-child(4) > label{
  display:flex;
  width:100%;
  height:41px;
  cursor:pointer;
  justify-content:center;
}


.placeGuide {
  width:22px;
  height:23px;
  display:inline-block;
  background-color:#f4771f;;
  border-radius:100px;
  line-height:23px;
  color:#fff;
  cursor:pointer;
  position:relative;
}
.placeGuide>i {
  position:absolute;
   position:absolute;
  left:50%;
  top:-75px;
  transform:translateX(-50%);
  width:280px;
  /* height:42px; */
  padding:14px 15px;
  border-radius:12px;
  background-color:#333;
  color:#fff;
  font-size:13px;
  line-height:1.2;
  z-index:1;
  font-style:normal;
  display:none;
  line-height:1.4;
}
.placeGuide>i::before {
  content:'▼';
  display:block;
  position:absolute;
  /* left:-1px;
  top:-25px; */
  left:50%;
  bottom:-15px;
  transform:translateX(-50%);
  color:#333;
  font-size:26px;
  line-height:1.2;
  font-style:normal;
  display:none;
}
.placeGuide:active>i::before,
.placeGuide:active>i,
.placeGuide:focus>i::before,
.placeGuide:focus>i,
.placeGuide:hover>i::before,
.placeGuide:hover>i {
  display:block;
}

.selPlace td>label:nth-child(2) {
  margin-left:10px;
}
.selPlace td .selectbox {
  height:36px;
  font-size:16px;
}
.cautionBox {
  border:1px solid #ddd;
  border-top-color:#333;
  padding:15px;
  font-size:16px;
  background-color:#f9f9f9;
}
.cautionBox li:not(:first-child) {
  margin-top:10px;
}
.underDeco {
  text-decoration:underline;
}
.cautionBox em {
  font-style:normal !important;
  color:#f00;
}
.cautionBox span:not(:first-child) {
  color:#f00;
}
.selPlace_agree label {
  vertical-align:top;
  font-size:16px;
}
.selPlace_agree input {
  vertical-align:baseline;
  margin:0;
}
.bbs_btn.selPlace_btn {
  text-align:center;
  margin-top:10px;
}
.selPlace_btn .btn_bl {
  padding:15px 50px;
  font-size:16px;
  line-height:1.2;
  vertical-align:top;
}


  @media all and (max-width:1400px) {
    
    /************ 교육프로그램 > 시설장비 예약 20251106 ************/
    .selWrap {
      flex-direction:column;
    }
    .selWrap>li:first-child {
      width:100%;
    }
    .selWrap>li:last-child {
      width:100%;
      margin-left:0;
      margin-top:5%;
    }
    .type_info li,
    .list_place span {
      padding:15px 12px;
    }
    .place>p {
      width:230px;
    }
     
  }

  @media (max-width: 640px) {

    .bbs_input.selPlace input[type="radio"] {
      vertical-align:middle;
    }
    .selPlace td .selectbox {
      font-size:13px;
    }
    .type_info li {
      width:20%;
    }
    .selPlace_agree label,
    .cautionBox {
      font-size:13px;
    }
    .selPlace_agree input {
      vertical-align:top;
      margin-top:2px;
    }
    .selPlace_btn .btn_bl {
      padding:12px 40px;
      font-size:13px;
      line-height: 1.2;
      vertical-align: top;
    }
  }

/************ //교육프로그램 > 시설장비 예약 20251106 ************/



/*********** 팝업 *************/

/**** 기존 고정
.popup-w {width: 100%; padding: 20px 0;z-index:9999999999999999999 !important;   }
.layer_pop_txt{display: none; position: fixed; width: 100%; height: 100%;
top: 0; left: 0; background: rgba(0,0,0,0.7); box-sizing:border-box;z-index:99999999999999999999 !important;   }
.layer_pop_txt .pop_content{position:absolute; width:70%; top:20px; left:15%;
z-index:9999999999999999999 !important;  background: #fff; text-align: center; padding: 20px 0 20px 0; border-radius: 10px; }
.layer_pop_txt .close_btn{position:absolute; right:0; top:10px; display:block; width:45px; height:45px; line-height:normal; text-indent:-999999px; background:url('../images/sub/close.jpg') no-repeat;}

*****/


.popup-w {width: 100%; padding: 20px 0;z-index:9999999999999999999 !important;   }
.layer_pop_txt{display: none; position: fixed; width: 100%; height: 100%;
top: 0; left: 0; background: rgba(0,0,0,0.7); box-sizing:border-box;z-index:99999999999999999999 !important;   }
.layer_pop_txt .pop_content{position:absolute; width:70%; height:70%; top:15%;left:15%;
/*z-index: 20 !important;*/ z-index:9999999999999999999 !important;  background: #fff; text-align: center; padding: 20px 0 20px 0; border-radius: 10px; }
.layer_pop_txt .close_btn{position:absolute; right:0; top:10px; display:block; width:45px; height:45px; line-height:normal; text-indent:-999999px; background:url('../images/sub/close.jpg') no-repeat;}

.maxhei_50 {max-height: 50%;}
.maxhei_60 {max-height: 60%;}
.maxhei_65 {max-height: 65%;}
.maxhei_70 {max-height: 70%;}
.maxhei_75 {max-height: 75%;}
.maxhei_80 {max-height: 80%;}
.maxhei_90 {max-height: 90%;}
.maxhei_100 {max-height: calc(100% - 100px)}
.maxhei_320 {max-height: calc(100% - 320px)}


.wt {width: 100px;}


/* 팝업 타이틀 */
.pop_content .pop_txt {padding: 30px 30px 0px 30px;}
.pop_content .pop_txt h3 {font-size: 28px; font-family:var(--fw60); color: #111; line-height: 130%; padding-bottom: 5px;}

.pop_content .pop_txt .h3 {padding-bottom:10px; padding-left: 15px; font-size:22px;color: #222222; letter-spacing: -0.8pt;font-family:var(--fw40); background: url(../images/sub/tit_arrow.jpg) left 12px no-repeat;text-align: left !important; line-height: 150%;}

.pop_content .pop_txt p {font-size: 18px; color: #000; line-height: 140%; text-align: left; padding: 5px 0;}
.pop_box {background:#f2f6f9; border-top:1px solid #ccc;padding: 30px;
  word-break:break-word;
  overflow-y:auto;
  max-width: 100%;
  min-height:300px;
  max-height:400px;}
.pop_box .pop_view {display: block; background:#fff; border:1px solid #ccc; padding: 30px; height: 100%; border-radius: 10px; margin-bottom: 20px;}
.pop_box .pop_view  ul { display: inline-block;  text-align: left; margin: 10px;}
.pop_box .pop_view img {border: 1px solid #ddd; width: 100%; max-width:150px; margin-top: -60px;  }
.pop_box .pop_view ul li {font-size: 16px; color: #111;  line-height: 140%; }
.pop_name {font-size:22px !important; font-weight: 600;}
.txt_gray {color: #777777 !important;}
.pop_box .pop_view ul li dt { display: inline-block; padding: 0 15px 15px 0; font-size: 16px; color: #111;  line-height: 140%; }
.pop_box .pop_view span {padding: 5px 15px;}






.pop_button{width:150px; height:60px; margin: 20px auto;
background:#666; text-align: center; border-radius: 7px;}
.pop_button a{display: block; color: #fff;line-height: 60px; font-weight: 500;}

.pop_button_view {text-align:center; font-size:16px;  line-height:150%; border:1px solid #0358DC; background:#fff; color:#0358DC; letter-spacing:-0.3pt; vertical-align:top; cursor:pointer; margin: 5px 0; padding: 8px 30px; border-radius: 5px;}
.pop_button_view:link, .pop_button_view:visited {display:inline-block; font-size:16px;  text-align:center; line-height:150%; padding:8px 30px; border:1px solid #0358DC; background:#fff; color:#0358DC;  letter-spacing:-0.3pt; vertical-align:top;}
.pop_button_view:hover, .pop_button_view:focus  {background:#0358DC; border:1px solid #0358DC; color:#fff; text-decoration: none}

.pop_button_02 {text-align:center; font-size:14px;  line-height:130%; border:1px solid #0f7cf7; background: #0f7cf7; color:#fff; letter-spacing:-0.3pt; vertical-align:top; cursor:pointer; margin: 5px 0; padding:5px 20px; border-radius: 5px;}
.pop_button_02:link, .pop_button_02:visited {display:inline-block; font-size:14px;  line-height:130%;  text-align:center; padding:5px 20px; border:1px solid #0f7cf7; background:#0f7cf7; color:#fff;  letter-spacing:-0.3pt; vertical-align:top;}
.pop_button_02:hover, .pop_button_02:focus  {background:#0358DC; border:1px solid #0358DC; color:#fff; text-decoration: none}

.pop_button_03 {
/*  width: 100px; */
text-align:center; font-size:15px;  line-height:130%; border:1px solid #0f7cf7; background: #0f7cf7; color:#fff; letter-spacing:-0.3pt; vertical-align:top; cursor:pointer; margin: 5px 0; padding:5px 20px; border-radius: 5px;}
.pop_button_03:link, .pop_button_03:visited {display:inline-block; font-size:15px;  line-height:130%;  text-align:center; padding:5px 20px; border:1px solid #0f7cf7; background:#0f7cf7; color:#fff;  letter-spacing:-0.3pt; vertical-align:top;}
.pop_button_03:hover, .pop_button_03:focus  {background:#0358DC; border:1px solid #0358DC; color:#fff; text-decoration: none}



/*********** //인재 팝업 *************/



/********************************** 팝업 설문 *********************************/
.survey {width:100%; border-collapse:separate; border-spacing:0; border-top:1px solid #333; text-align: left;}
.survey h5 {font-size:20px; color:#333; padding:13px 20px; letter-spacing:-0.4pt; background:#f9f9f9; font-family:var(--fw60);}

.survey dl {padding: 15px 20px; border-bottom:1px solid #ddd; }
.survey dl dt {font-size:18px; color:#333;font-family:var(--fw50); line-height: 180%; letter-spacing:-0.2pt; }
.survey dl dd {font-size:16px; color:#555;font-family:var(--fw40); line-height: 180%; letter-spacing:-0.2pt; }

/********************************** //팝업 설문 *********************************/



/* ==검색 - 팝업 modal==  */
.modal {width:82px;}
/* 전체화면 - 팝업 modal  */
#mask2 {position:absolute; left:0; top:0; z-index:999999999 !important; background:#000 !important; display:none; width:100%;opacity: .75;}
#boxes2 .window2 {position:fixed; top:5%; margin-top:0px; /*right:50%; */margin-right:-45%; width:90%; max-width: 1280px; height:600px; display:none; z-index:9999999999999999999 !important; background:#fff; box-sizing:border-box;
    border-radius: .25rem}
/*
#boxes2 .window2 {position:fixed; top:20%; margin-top:-200px; right:50%; margin-right:-450px; width:900px; height:360px; display:none; z-index:9999999999999999999 !important; background:#fff; box-sizing:border-box;
    border-radius: .25rem}
*/
#boxes2 .window2 .modal {position:relative; width:100%; height:560px; padding:40px 25px 45px 25px; box-sizing:border-box;}

.height300 {height: 300px !important;}
.height400 {height: 400px !important;}

#boxes2 .window2 .modal p { text-align:left;}
#boxes2 .window2 .modal p a:link,
#boxes2 .window2 .modal a:visited {font-size:14px; color:#666; font-weight:500; display:block; padding-bottom:8px; letter-spacing:-0.5pt;}
#boxes2 .window2 a.close2 {position:absolute; right:0; top:10px; display:block; width:45px; height:45px; line-height:normal; text-indent:-999999px; background:url('../images/sub/close.jpg') no-repeat;}
/*
#boxes2 .window2 a.close2 {position:absolute; right:0; top:0; display:block; width:45px; height:45px; line-height:normal; text-indent:-999999px; background:url('../images/sub/close.png') no-repeat;}
*/
.bg-fixed {background-attachment: fixed;}
.bg-local {background-attachment: local;}
.bg-scroll {  background-attachment: scroll; }
.overflow-auto {overflow: auto;}
.overflow-hidden {overflow: hidden;}
.overflow-visible {overflow: visible;}
.overflow-scroll {  overflow: scroll; }
.overflow-x-auto {overflow-x: auto;}
.overflow-y-auto {  overflow-y: auto; }


.max-width-50 {max-width: 50%;}

.max-height {max-height: 200px; height: 200px;}
.max-height-250 {max-height: 250px; height: 250px;}
.max-height-300 {max-height: 300px; height: 300px;}
.max-height-350 {max-height: 350px; height: 350px;}
.max-height-400 {max-height: 400px; height: 400px;}
.max-height-500 {max-height: 500px; height: 500px;}
.max-height-600 {max-height: 600px; height: 600px;}
.max-height-8 {max-height: 420px; height: 410px;}



.maxhei_100 {max-height: 100px; height: 100%;}
.maxhei_150 {max-height: 150px; height: 100%;}
.maxhei_200 {max-height: 200px; height: 100%;}
.maxhei_250 {max-height: 250px; height: 100%;}
.maxhei_300 {max-height: 300px; height: 100%;}
.maxhei_350 {max-height: 350px; height: 100%;}
.maxhei_400 {max-height: 400px; height: 100%;}
.maxhei_450 {max-height: 450px; height: 100%;}
.maxhei_500 {max-height: 500px; height: 100%;}
.maxhei_550 {max-height: 550px; height: 100%;}
.maxhei_600 {max-height: 600px; height: 100%;}


.modal-btn-box{
  width:100%;
  text-align:center;
}

.popup-wrap .popup a.close2 {
    position:relative; top:4px; display:block; width:45px; height:45px; line-height:normal; text-indent:-999999px; color: #fff; background:url('../images/sub/ico_pop_close.png')  no-repeat;
    }

.popup-wrap{
  background-color:rgba(0,0,0,.5);
  justify-content:center;
  align-items:center;
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:none;
  padding:15px;
}
.popup{
  width:100%;
  max-width:600px;
  background-color:#ffffff;
  border-radius:10px;
  overflow:hidden;
  background-color:#0077ed;
  box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3);
}
.popup-head{
  width:100%;
  height:60px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.head-title {
    font-size: 24px;
    font-weight: 400;
    letter-spacing: -0.5px;
    text-align: left;
    color: #fff;
}


.popup-body{
  width:100%;
  background-color:#ffffff;
}
.body-content{
  width:100%;
  padding:30px;
}
.body-contentbox{
  word-break:break-word;
  overflow-y:auto;
  max-width: 90%;
  min-height:250px;
  max-height:350px;
}

.popbox {padding-bottom: 15px;}
.popbox p {font-size: 16px; color: #111; line-height: 140%; text-align: center;}
.popup-foot{
  width:100%;
  height:50px;
}
.pop-btn{
  display:inline-flex;
  width:50%;
  height:100%;
  float:left;
  justify-content:center;
  align-items:center;
  color:#ffffff;
  cursor:pointer;
}
.pop-btn.confirm{
  border-right:1px solid #3b5fbf;
}



/*******************************************************************************
    @media 801~980px
*******************************************************************************/
@media all and (max-width:1540px){
/*********** 인재 팝업 *************/

.pop_box {
  max-width: 100%;
  min-height:200px;
  max-height:300px;}

/*********** //인재 팝업 *************/


}

/*******************************************************************************
    @media 801~980px
*******************************************************************************/
@media all and (max-width:1255px){
/*********** 인재 팝업 *************/
.layer_pop_txt .pop_content{width:90%; top:15%; left:5%; }
.pop_box {
  max-width: 100%;
  min-height:200px;
  max-height:300px;}

.pop_box .pop_view img { width: 100%; max-width:130px; margin-top: -80px;  }

/*********** //인재 팝업 *************/



.maxhei_100 {max-height: 80px; height: 100%;}
.maxhei_150 {max-height: 100px; height: 100%;}
.maxhei_200 {max-height: 150px; height: 100%;}
.maxhei_250 {max-height: 200px; height: 100%;}
.maxhei_300 {max-height: 250px; height: 100%;}
.maxhei_350 {max-height: 300px; height: 100%;}
.maxhei_400 {max-height: 350px; height: 100%;}
.maxhei_450 {max-height: 400px; height: 100%;}
.maxhei_500 {max-height: 450px; height: 100%;}
.maxhei_550 {max-height: 500px; height: 100%;}
.maxhei_600 {max-height: 550px; height: 100%;}








}


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


/********************************** 마이페이지 *********************************/
/*** user_wrap ***/

#user_wrap .user_box ul li {display: inline-block; font-size: 18px; width: 18%; margin-right: 2%; padding: 20px 20px; }
#user_wrap .user_box ul li:nth-child(2) {width: 52%;}
#user_wrap .user_box ul li:nth-child(3) {width: 26%;margin-right: 0%;}





#user_wrap .user_box ul li .pic { padding-top: 3px;}
#user_wrap .user_box ul li dl a {font-size: 12px; padding: 8px 8px; }
#user_wrap .user_box ul li dl a span {font-size: 16px;}


#user_wrap .user_box .user_program ul {margin:20px 0;  width: 100%;  }
#user_wrap .user_box .user_program ul li {padding: 20px 1%; width: 32%; margin-right: 2%; margin-bottom:2%;}
#user_wrap .user_box .user_program ul li p {font-size: 16px;}
#user_wrap .user_box .user_program ul li h2 {tfont-size: 38px; padding:10px 0 0 0; height: 32px; }
#user_wrap .user_box .user_program ul li h2 span{font-size: 16px; }


#user_wrap .user_box .user_graph {margin:20px 0; width:100%; height: 240px;padding: 10px 10px;}
#user_wrap .user_box .user_graph p {font-size:18px; }





/*** keyword_wrap ***/
#keyword_wrap .keyword_box dl dt {font-size:20px;}
#keyword_wrap .keyword_box dl dd {font-size: 20px;}
#keyword_wrap .keyword_box dl div {padding-top: 15px;}

/********************************** //마이페이지 *********************************/



.table-responsive-1200 {
        width: 100%;
        overflow-x: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive > table th,
    .table-responsive > table td {
        white-space: nowrap;
    }


    /* 기업 홍보 (결과화면) */
    /* .a-dvs_wrap img, */
    .a-dvs_wrap-in {
      width:80%;
    }


}




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



/************ 신청하기 탭 ************/
.box_tab {margin-bottom: 30px;}
.box_tab ul {width: 100%; padding: 0px 0;margin-bottom: 10px;padding-left: 1px;}

.box_tab .tab_02 li {width:49.8% !important;}
.box_tab .tab_03 li {width:29.8% !important;}
.box_tab .tab_04 li {width:24.9% !important;}
.box_tab .tab_05 li {width:19.9% !important; }
.box_tab .tab_06 li {width:29.8% !important;}
.box_tab .tab_07 li {width:21% !important;}


.box_tab .tab_06 li {margin-right: 5%; margin-bottom: 2%;}


.box_tab .tab_06 li:nth-child(3) {margin-right: 0%;}
.box_tab .tab_06 li:before::last-child {display: none !important;background:none !important;}

.box_tab .tab_06 li:before { top:18px; right: -33px; margin-bottom:0px;width:15px;height:24px;background:url(../images/sub/arrow_right_off_m.png) no-repeat;}




.box_tab .tab_07 li {margin-right: 5%; margin-bottom: 2%;}


.box_tab .tab_07 li:nth-child(4) {margin-right: 0%;}
.box_tab .tab_07 li:before::last-child {display: none !important;background:none !important;}

.box_tab .tab_07 li:before { top:18px; right: -33px; margin-bottom:0px;width:15px;height:24px;background:url(../images/sub/arrow_right_off_m.png) no-repeat;}



.box_tab li {margin-right: 5%;}
.box_tab li:last-child {margin-right: 0%;}
.box_tab li:before {top:20px; right: -45px; margin-bottom:0px;width:15px;height:24px;background:url(../images/sub/arrow_right_off_m.png) no-repeat;}
.box_tab li:before::last-child {display: none !important;background:none !important;}

.box_tab li a {margin-right: 10px; padding: 20px 0; font-size: 16px; letter-spacing: -0.03em; line-height: 140%; }
.box_tab li a:first-child{margin-right: 10px;}
.box_tab li a:hover,a:focus {text-decoration: none}

.box_tab li.active a {font-size: 16px; }

/************ //신청하기 탭  ************/





}






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

  .a-dvs_wrap img {
    width:100%;
  }

}

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

.photo_list dd p.title{font-size:18px;}
.photo_list dd{padding:30px}

/****************************** 공지사항 list ******************************/
.bbs_con th{font-size:15px;text-align:center; padding:16px 0;  }
.bbs_con td{font-size:15px;padding:18px 5px;}
.bbs_con td.left{max-width: 350px; text-align:left; padding-left:10px}

/****************************** //공지사항 list ******************************/


.sub_txt {font-size: 14px;}

/****************************** // 공지사항 view ******************************/



/****************************** 리스트 ******************************/

/* list */
.bbs_con_info th{font-size:15px; padding:18px 5px;}
.bbs_con_info td{font-size:15px;padding:15px 5px; }
.bbs_con_info td.left{text-align:left; padding-left:10px;}


/* list */
.bbs_con_in th{font-size:15px; padding:13px 5px;}
.bbs_con_in td{font-size:15px; padding:10px 5px; }
.bbs_con_in td.left{text-align:left; padding-left:10px;}



/* list */
.bbs_board th{font-size:15px; padding:18px 5px;}
.bbs_board td{font-size:15px; padding:10px 5px;}

/****************************** //리스트 ******************************/



/********************************** 문의하기 *********************************/


.btn_confirm{padding:0 25px; width:160px; height:50px; line-height:50px}
.btn_confirm span{right:25px}

/********************************** //문의하기 *********************************/


/********************************** 마이페이지 *********************************/
/*** user_wrap ***/
#user_wrap{padding:0px 0 30px 0;}

#user_wrap .user_box ul li {display: inline-block; font-size: 16px; width: 100%; margin-bottom: 2%; margin-right:0%; padding: 20px 20px; }
#user_wrap .user_box ul li:nth-child(2) {width: 68%;margin-right: 2%; }
#user_wrap .user_box ul li:nth-child(3) {width: 30%;margin-right: 0%;}

#user_wrap .user_box ul li div {width: 100%; padding: 0px 0;}

#user_wrap .user_box ul li .person_img {width: 170px; height:auto;}
#user_wrap .user_box ul li img {max-width: 170px; max-height: 200px;}
#user_wrap .user_box ul li p {line-height: 180%;}
#user_wrap .user_box ul li .person_img span {line-height: 140%;}




#user_wrap .user_box ul li .pic {clear: both;padding-top: 3px;}
#user_wrap .user_box ul li dl {clear: both; }
#user_wrap .user_box ul li dl dd{display: inline-block;}
#user_wrap .user_box ul li dl a {font-size: 12px; padding: 8px 8px; }
#user_wrap .user_box ul li dl a span {font-size: 16px;}


#user_wrap .user_box .user_program ul {margin:20px 0;  width: 100%;  }
#user_wrap .user_box .user_program ul li {padding: 10px 1%; width: 32%; margin-right: 2%; margin-bottom:2%;}
#user_wrap .user_box .user_program ul li:nth-child(3) {margin-right: 0%;}
#user_wrap .user_box .user_program ul li:nth-child(6) {margin-right: 0%; }
#user_wrap .user_box .user_program ul li p {font-size: 16px;}
#user_wrap .user_box .user_program ul li h2 {tfont-size: 38px; padding:10px 0 0 0; height: 32px; }
#user_wrap .user_box .user_program ul li h2 span{font-size: 16px; }


#user_wrap .user_box .user_graph {margin:18px 0; width:100%; height: 200px;padding: 10px 10px;}
#user_wrap .user_box .user_graph p {font-size:18px; }





/*** keyword_wrap ***/
#keyword_wrap dl {width: 100%;border-radius: 15px;}
#keyword_wrap .keyword_box dl dt {font-size:18px;padding: 15px 20px; width: 100%; text-align: left;}
#keyword_wrap .keyword_box dl dd {font-size: 18px; padding: 15px 20px; width: 100%;}
#keyword_wrap .keyword_box dl div {padding-top: 10px;}



/*** userinfo_wrap ***/
#userinfo_wrap{padding:0px 0 15px 0;}
#userinfo_wrap .userinfo_in{width:100%;}
#userinfo_wrap .userinfo_box {width:100%;}
#userinfo_wrap .userinfo_box h3{padding-bottom: 0 !important;}
#userinfo_wrap .userinfo_box table {margin-top: 0px; padding-bottom: 0;}

#userinfo_wrap ul {width: 100%; }
#userinfo_wrap .userinfo_box ul li {font-size: 18px; width:100%; margin-right: 0%; }
#userinfo_wrap .userinfo_box ul li p { line-height: 180%;}


#userinfo_wrap .userinfo_box ul li div {  width: 100%;}
#userinfo_wrap .userinfo_box ul li div h3 {padding-top:0px;background: url(../images/sub/tit_arrow.jpg) left 8px no-repeat;}
#userinfo_wrap .userinfo_box .plus_more { top:-25px; width:35px; height:35px; }


/********************************** //마이페이지 *********************************/




.bbs_ment_right {float: left; margin: -5px 0 5px; font-size: 15px; line-height: 28px; color:#ff0000; }
.bbs_ment_left {float: left;  margin: -5px 0 5px;font-size: 15px; line-height: 28px; color:#ff0000; }





.table-responsive {
        width: 100%;
        overflow-x: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive > table th,
    .table-responsive > table td {
        white-space: nowrap;
    }


.table-responsive-sm {
        width: 100%;
        overflow-x: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive-sm > table th,
    .table-responsive-sm > table td {
        white-space: nowrap;
    }




}




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


/*********** 인재 팝업 *************/


.pop_button_view {font-size:14px;  line-height:150%;padding: 8px 20px; }
.pop_button_view:link, .pop_button_view:visited { font-size:14px;  line-height:150%; padding:8px 20px;}


.pop_box .pop_view  ul {  margin: 10px;}
.pop_box .pop_view img { width: 90%;  margin-top: 0px;  }
.pop_box .pop_view ul li {font-size: 14px;line-height: 140%; }
.pop_name {font-size:18px !important; font-weight: 600;}
.pop_box .pop_view ul li dt { padding: 0 15px 15px 0; font-size: 14px;  line-height: 140%; }
.pop_box .pop_view span {padding: 5px 15px;}

/*********** //인재 팝업 *************/


/*********** 팝업 *************/
.popup-w {width: 100%; padding: 20px 0; }
.layer_pop_txt .pop_content{width:90%; top:15%; left:5%;}
.layer_pop_txt .close_btn{top:10px; width:45px; height:45px;}

/* 팝업 타이틀 */
.pop_content .pop_txt {padding: 20px 30px 0px 30px;}
.pop_content .pop_txt h3 {font-size: 22px;  padding-bottom: 0px;}



/********************************** 팝업 설문 *********************************/
.survey h5 {font-size:18px; padding:13px 20px; ;}

.survey dl {padding: 15px 20px; }
.survey dl dt {font-size:16px;  }
.survey dl dd {font-size:14px; }
/********************************** //팝업 설문 *********************************/


.maxhei_400 {max-height: 300px; height: 100%;}
.maxhei_450 {max-height: 350px; height: 100%;}

}

/*******************************************************************************
    @media 858px
*******************************************************************************/
@media all and (max-width:858px){

.table-responsive {
        width: 100%;
        overflow-x: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive > table th,
    .table-responsive > table td {
        white-space: nowrap;
    }


.table-responsive-sm {
        width: 100%;
        overflow-x: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive-sm > table th,
    .table-responsive-sm > table td {
        white-space: nowrap;
    }

}


/*******************************************************************************
    @media 780px
*******************************************************************************/
@media all and (max-width:780px){

/****************************** 공지사항 list ******************************/
.bbs_con th{font-size:15px;text-align:center; padding:16px 0;}
.bbs_con td{font-size:15px;padding:18px 5px; }
.bbs_con td.left{max-width: 350px; text-align:left; padding-left:10px}

/****************************** //공지사항 list ******************************/

.bbs_list th {font-size:15px;}
.bbs_list td {font-size:15px;}



/********************************** 마이페이지 *********************************/
/*** user_wrap ***/
#user_wrap{padding:0px 0 30px 0;}

#user_wrap .user_box ul li {display: inline-block; font-size: 16px; width: 100%; margin-bottom: 2%; margin-right:0%; padding: 20px 20px; }
#user_wrap .user_box ul li:nth-child(2) {width: 100%;margin-right: 0%; }
#user_wrap .user_box ul li:nth-child(3) {width: 100%;margin-right: 0%;}


#user_wrap .user_box .user_program ul li {padding: 10px 1%; width: 32%; margin-right: 2%; margin-bottom:2%;}
#user_wrap .user_box .user_program ul li:nth-child(3) {margin-right: 0%;}
#user_wrap .user_box .user_program ul li:nth-child(6) {margin-right: 0%; }


#keyword_wrap .keyword_box {padding-bottom: 30px; }


/********************************** //마이페이지 *********************************/


/************ 신청하기 탭 ************/

.box_tab .tab_06 li {letter-spacing: -0.5em;}

.box_tab .tab_06 li:before { top:18px; right: -23px; margin-bottom:0px;width:15px;height:24px;background:url(../images/sub/arrow_right_off_m.png) no-repeat;}

.box_tab .tab_07 li:before { top:18px; right: -23px; margin-bottom:0px;width:15px;height:24px;background:url(../images/sub/arrow_right_off_m.png) no-repeat;}

/************ //신청하기 탭  ************/


}



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

.photo_list dl{width:49%; margin-right:2%; margin-bottom:2%}
.photo_list dl:nth-child(even){margin-right:0}
.photo_list dl:nth-child(odd){margin-right:2%}
.photo_list dd{padding:20px 25px}
.photo_list dd p.title{font-size:18px; -webkit-line-clamp: 1; line-height: 1.2em; height: 1.2em; }
.photo_list dd p.date{font-size:14px}

/****************************** 공지사항 view ******************************/


.bbs_view td{font-size: 15px; padding:12px; }
.bbs_view td.view_detail{font-size: 15px;}
.bbs_view td span.view_s{padding: 0 10px; font-size: 8px;}
.bbs_view td .view_content{font-size: 16px; padding:15px 0 60px 0 !important; line-height: 160%;}
.bbs_view td.tit{font-size:15px; width:150px !important; padding:15px 0;}
.bbs_view td.tit2{font-size:14px; width:150px !important; padding:10px 0;}

.bbs_view th.title{font-size:18px; line-height: 160%; padding:20px 10px; }


/****************************** // 공지사항 view ******************************/



/********************************** 문의하기 *********************************/

.form_table select {font-size:13px; padding:0 10px; line-height:44px;}
.form_table .input {font-size:13px; padding:0 10px; line-height:44px;}
.form_table .textarea {font-size:13px; padding:10px;}

#vcode{width: calc(100% - 90px) !important;}


.form_table th{display:block; font-size: 16px; width:100%; padding:12px 0 4px; box-sizing:border-box; border-bottom:0;}
.form_table td{display:block; width:100%; padding:4px 0 12px; box-sizing:border-box }
.form_table td .sub_txt{text-align:left; font-size:13px;}
.form_table td .norobot{padding:0px;}

.form_table td .input{width: 100%;}
.form_table td .input_num{width: calc((100% - 40px)/3);}
.form_table td .select_num{width: calc((100% - 40px)/3);}
.form_table td .select_email{width: calc((100% - 26px)/3);}
.form_table td .input_email{width: calc((100% - 26px)/3);}
.form_table td .textarea{height: 150px;}
.form_table td .email_txt{width: 20px;}

.form_table td label{display:inline-block; margin-right:-4px; width:33.3333%; line-height:25px;}
input[type="radio"]{width:16px; height:16px; margin:-1px 4px 0 0}

#norobot_key_img {height:35px !important;}

/* 개인정보 동의 */
.privacy-item{padding:20px 0 15px;}
.privacy_head{font-size:16px; font-weight:normal; padding-bottom:10px}
.privacy_head span.option{margin-left:8px; font-size:16px;}
.privacy_head input[type="checkbox"]{width:18px; height:18px; margin:-3px 5px 0 0; }
.privacy_agree .textarea{padding:8px; font-size:13px;}


/* 확인/취소 버튼 */

.btn_confirm{font-size:16px; width:180px; height:50px; line-height:50px; }


.agree_con{padding:30px 0 20px;}

/********************************** //문의하기 *********************************/



/********************************** 개인정보취급방침 *********************************/

/* 개인정보, 이용약관 등 */
.footer-inner-box{padding:10%;}
.footer-inner{padding:3%;  /* overflow-y:auto; */border:1px solid #ddd; }
.footer-inner p{font-size:12px; line-height:140%; }
.footer-inner p.point{font-size:16px; }
.footer-inner strong{font-size:16px; line-height:130%; margin-bottom:10px; margin-top: 20px;}

.footer-inner .box{padding:1.5% 2%;margin-bottom:30px; }
.footer-inner .box p{padding:5px 0;}

/********************************** //개인정보취급방침 *********************************/




.box_txt {margin-bottom: 20px; font-size: 16px; line-height: 160%; letter-spacing: -0.05em; padding: 20px 30px 40px 30px; border-radius: 5px;}
.box_txt span {line-height: 140%; letter-spacing: -0.05em; }
.box_txt .box_t {font-size:20px; line-height: 280%;margin-bottom: 15px;}




.hei50 {height: 40px !important;}
.hei100 {height: 70px !important;}
.hei150 {height: 130px !important;}
.hei200 {height: 180px !important;}
.hei250 {height: 230px !important;}
.hei350 {height: 350px !important;}
.hei73 {height: 53px !important;}



}




/*******************************************************************************
    @media 700px
*******************************************************************************/
@media all and (max-width:700px){


/****************************** 공지사항 list ******************************/
.bbs_con {}
.bbs_con th {display:none}
.bbs_con td {padding:8px 0;}
.bbs_con .pc_line{display:none}
.bbs_con .mo_line{display:block}

.m_notice{background:#e10012; color:#fff; font-size:12px; text-align:center; font-weight:700; line-height:100%; width:40px; padding:4px 0}

.mo_line .list_cate{color:#858585; font-size:12px; letter-spacing:-0.55pt; line-height:20px; padding:0 0 3px; font-weight: 400;}
.mo_line .list_cate .no_s{display:inline-block; width:36px; line-height:20px; margin:0 7px 0 0; text-align:Center; font-size:12px; color:#fff; letter-spacing:-0.55pt; background:#f1001c; border-radius:20px}
.mo_line .subject, .mo_line .subject a{font-size:16px; font-weight:700; line-height: 140%; color:#222 !important; letter-spacing:-0.55pt;padding: 0 0 5px 0;}
.mo_line .writer {overflow:hidden; clear:both; }
.mo_line .writer li{float:left; font-size:12px; color:#777; padding:0 6px; background:url('../images/sub/bbs_list_line.gif') no-repeat left center;}
.mo_line .writer li:first-child{padding-left:0; background:none;}
.mo_line .writer .file {display: none;}

.mo_line .img{vertical-align:middle; margin:0 0 3px}
.mo_line .re_icon{display:inline-block; float:left; padding:7px 7px 0 0 }
.mo_line .list{float:left; }
.mo_line .commentBg{display:block; position:absolute; right:3px; top:30%; width:30px; height:30px; text-align:center; line-height:30px; background:url('../images/comment_bg.gif') no-repeat center;  font-size:PT Sans; font-size:10px; color:#858585; font-weight:400; }
.mo_line .recom{background:url('../images/recom.gif') no-repeat left center; background-size:11px 10px; padding:0 0 0 13px; font-size:PT Sans; font-size:10px; color:#858585;}


/*
.bbs_con td.left{max-width: 600px; text-align:left; padding-left:10px; font-family:var(--fw50);font-weight:500;}
*/
/****************************** //공지사항 list ******************************/

  /* 게시판(게시글) 목록 하단 검색 필드 좌우 td 값 제거 설정 */
  .td0 {
    width:0;
  }
  /* 기업 홍보 (결과화면) */
  .a-dvs_wrap {
    padding:5.2vh 0;
  }
}




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

td,th,table {font-size:13px;}

.select {font-size:13px;}
.input {font-size:13px;}
.search_input {font-size:13px;}

.l_input {width:80%;}
.m_input {width:50%;}


/*개인정보동의*/

.agree_box {width:100%; font-size:12px;}
.scrollbox {overflow:auto; width:95%; padding: 3% 2.3%;}
.scrollbox b {letter-spacing: -0.5pt; line-height: 170%}

.tb_info th {padding:8px 10px; font-size:12px;}
.tb_info td {padding:8px 10px; font-size:12px; line-height: 130%}
.tb_checkbox {font-size:12px; letter-spacing: -0.5pt;}
/* list */

/*

.bbs_con thead {display: none;}
.bbs_con .count {display: none;}
.bbs_con .no {display: none;}
.bbs_con .wfile {display: none;}
.bbs_con .name {display: none;}
.bbs_con .wdate {text-align: right;}
*/


/* 검색 */
.board_search { padding:10px 0px;}

/* 버튼디자인 */
.btn_w {line-height:35px; width:70px;}
.btn_d {line-height:35px; width:70px;}
.btn_r {line-height:35px; width:70px;}
.btn_b {line-height:35px; width:70px;}
.btn_b:link, .btn_b:visited {line-height:35px; width:70px;}
input.btn_b {line-height:35px; width:70px;}
input.btn_b:hover{line-height:35px; width:70px;}


.view_content td{border:none !important;}
.view_content div{width:100% !important;}
.view_content img{width:auto; max-width:100% !important;}


/****************************** 공지사항 view ******************************/


.bbs_view td{font-size: 13px; padding:12px; }
.bbs_view td.view_detail{font-size: 13px;letter-spacing: -0.8pt;}
.bbs_view td span.view_s{padding: 0 5px; font-size: 8px;}
.bbs_view td .view_content{font-size: 13px; padding:15px 0 30px 0 !important; line-height: 160%; }
.bbs_view td.tit{font-size:13px; width:80px !important; padding:10px 0;}
.bbs_view td.tit2{font-size:13px; width:80px !important; padding:10px 0;}

.bbs_view th.title{font-size:16px; line-height: 160%; padding:15px 10px;letter-spacing: -0.5pt; }


/****************************** // 공지사항 view ******************************/

.tabBox h3{padding-bottom:10px; padding-left: 15px; font-size:18px;letter-spacing: -0.8pt;background: url(../images/sub/tit_arrow.jpg) left 8px no-repeat;}


.pop_content .pop_txt .h3 {font-size:18px; background: url(../images/sub/tit_arrow.jpg) left 9px no-repeat;}



.bbs_ment_right {float: left; margin: -10px 0 5px; font-size: 12px; }
.bbs_ment_left {float: left;  margin: -10px 0 5px;font-size: 12px;}




/* wirte */
.bbs_input_ment {font-size: 12px; /*display: none;*/}
.bbs_input_ment_l {font-size: 12px; letter-spacing: -0.5pt;}

/*********** Input *************/
.bbs_input th { padding:13px 10px;font-size:13px; width:20%; max-width: 200px; box-sizing:border-box;}
.bbs_input td {padding:13px 10px;font-size:13px;/*max-width:calc(100% - 120px);*/ box-sizing:border-box;}
    .bbs_input_ment_l {display: none;}



.bbs_list th {font-size:13px; padding:10px 5px;}
.bbs_list td {font-size:13px; padding:8px 5px;}


/* list */
.bbs_board th{font-size:13px; padding:18px 5px;}
.bbs_board td{font-size:13px; padding:10px 5px;}



.form_select {font-size: 13px;}


/* input 디자인 */
.inp_l {width:90%;}
.inp_m {width:150px;}
.inp_s {width:80px;}
.inp_xs {width:50px;}


/* input 디자인 */
.input_m {width:80%; box-sizing:border-box;}
.input_s {width:100%; box-sizing:border-box;}
.input_file {width:100%; box-sizing:border-box;}

.bbs_btn{padding-bottom:10px;}


.popup-head{width:100%;height:60px;}

.head-title {font-size: 18px;}


.body-content{
  width:100%;
  padding:30px;
}
.body-contentbox{
  word-break:break-word;
  overflow-y:auto;
  max-width: 85%;
  min-height:250px;
  max-height:350px;
}

.popbox {padding-bottom: 15px;}
.popbox p {font-size: 14px; line-height: 140%;}





/********************************** 문의하기 *********************************/


.form_table th{font-size: 14px; }
.form_table td .sub_txt{font-size:13px;}


.form_table td label{display:inline-block; margin-right:-4px; width:33.3333%; line-height:25px;}
input[type="radio"]{width:16px; height:16px; margin:-1px 4px 0 0}



/* 개인정보 동의 */
.privacy_head{font-size:13px;}
.privacy_head span.option{margin-left:8px; font-size:13px;}
.privacy_agree .textarea{padding:8px; font-size:12px;}


/* 확인/취소 버튼 */

.btn_confirm{font-size:14px; width:180px; height:50px; line-height:50px; }

/********************************** //문의하기 *********************************/




/********************************** 마이페이지 *********************************/
/*** user_wrap ***/

#user_wrap .user_box ul li .pic {clear: both;padding-top: 3px;}
#user_wrap .user_box ul li dl {clear: both; }
#user_wrap .user_box ul li dl dd{display: inline-block;}
#user_wrap .user_box ul li dl a {font-size: 12px; padding: 8px 8px; }
#user_wrap .user_box ul li dl a span {font-size: 16px;}


#user_wrap .user_box .user_program ul {margin:20px 0;  width: 100%;  }
#user_wrap .user_box .user_program ul li {padding: 10px 0.5%; width: 32%; margin-right: 2%; margin-bottom:2%;}
#user_wrap .user_box .user_program ul li:nth-child(3) {margin-right: 0%;}
#user_wrap .user_box .user_program ul li:nth-child(6) {margin-right: 0%; }
#user_wrap .user_box .user_program ul li p {font-size: 16px;}
#user_wrap .user_box .user_program ul li h2 {font-size: 25px; padding:10px 0 0 0; height: 32px; }
#user_wrap .user_box .user_program ul li h2 span{font-size: 16px; }


#user_wrap .user_box .user_graph {margin:18px 0; width:100%; height: 200px;padding: 10px 10px;}
#user_wrap .user_box .user_graph p {font-size:18px; }




/********************************** //마이페이지 *********************************/


/*********** bbs_list *************/
.bbs_list th {font-size:14px; padding:13px 10px; }
.bbs_list td  {font-size:14px; padding:13px 10px; }

/* list */
.bbs_board th{font-size:14px; padding:18px 5px;}
.bbs_board td{font-size:14px; padding:10px 10px;}



/************ 신청하기 탭 ************/
.box_tab {margin-bottom: 30px;}
.box_tab ul {width: 100%; padding: 0px 0;margin-bottom: 10px;padding-left: 1px;}

.box_tab .tab_02 li {width:49.8% !important;}
.box_tab .tab_03 li {width:29.8% !important;}
.box_tab .tab_04 li {width:24.9% !important;}
.box_tab .tab_05 li {width:19.9% !important; }
.box_tab .tab_06 li {width:29.5% !important;}
.box_tab .tab_07 li {width:21% !important;}

.box_tab .tab_06 li {margin-right: 5%; margin-bottom: 1.5%;}
.box_tab .tab_07 li {margin-right: 5%; margin-bottom: 1.5%;}

    /*
.box_tab .tab_07 li:nth-child(4) {margin-right: 0%;}
.box_tab .tab_07 li:before::last-child {display: none !important;background:none !important;}
    */
.box_tab .tab_07 li:before { top:18px; right: -20px; margin-bottom:0px;width:15px;height:24px;background:url(../images/sub/arrow_right_off_m.png) no-repeat;}



.box_tab li {margin-right: 5%;}
.box_tab li:last-child {margin-right: 0%;}
.box_tab li:before {top:20px; right: -45px; margin-bottom:0px;width:15px;height:24px;background:url(../images/sub/arrow_right_off_m.png) no-repeat;}
.box_tab li:before::last-child {display: none !important;background:none !important;}

.box_tab li a {margin-right: 10px; padding: 20px 0; font-size: 14px; letter-spacing: -0.03em; line-height: 140%; }
.box_tab li a:first-child{margin-right: 10px;}
.box_tab li a:hover,a:focus {text-decoration: none}

.box_tab li.active a {font-size: 14px; }

/************ //신청하기 탭  ************/


.box_txt {margin-bottom: 20px; font-size: 14px; line-height: 160%; letter-spacing: -0.05em; padding: 10px 20px 30px 20px;}
.box_txt span {line-height: 140%; letter-spacing: -0.05em; }
.box_txt .box_t {font-size:18px; line-height: 280%;margin-bottom: 15px;}






}




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


  /* 기업 홍보 (결과화면) */
  .a-dvs_wrap {
    padding:3.2vh 0;
  }
  /* .a-dvs_wrap img, */
  .a-dvs_wrap-in {
    width:90%;
  }
  .a-dvs_wrap-in.if {
    height:380px;
  }/* .if 클래스는 iframe을 감싸는 용도에만 사용 20251021 추가 */

/********************************** 마이페이지 *********************************/
/*** user_wrap ***/
#user_wrap{padding:0px 0 30px 0;}

#user_wrap .user_box ul li {display: inline-block; font-size: 15px; width: 100%; margin-bottom: 4%; margin-right:0%; padding: 20px 20px; }
#user_wrap .user_box ul li:nth-child(2) {width: 100%;margin-right: 0%; }
#user_wrap .user_box ul li:nth-child(3) {width: 100%;margin-right: 0%;}

#user_wrap .user_box ul li div {width: 100%; padding: 0px 0;}

#user_wrap .user_box ul li .person_img {width: 150px; height:auto;}
#user_wrap .user_box ul li img {max-width: 150px; max-height: 180px;}
#user_wrap .user_box ul li p {line-height: 180%;}
#user_wrap .user_box ul li .person_img span {line-height: 140%;}




#user_wrap .user_box ul li .pic {clear: both;padding-top: 3px;}
#user_wrap .user_box ul li dl {clear: both; }
#user_wrap .user_box ul li dl dd{display: inline-block;}
#user_wrap .user_box ul li dl a {font-size: 12px; padding: 8px 8px; }
#user_wrap .user_box ul li dl a span {font-size: 16px;}


#user_wrap .user_box .user_program ul {margin:15px 0;  width: 100%;  }
#user_wrap .user_box .user_program ul li {padding: 10px 1%; width: 49%; margin-right: 2%; margin-bottom:2%;}
#user_wrap .user_box .user_program ul li:nth-child(2) {margin-right: 0%;}
#user_wrap .user_box .user_program ul li:nth-child(3) {margin-right: 2%;}
#user_wrap .user_box .user_program ul li:nth-child(4) {margin-right: 0%; }
#user_wrap .user_box .user_program ul li:nth-child(6) {margin-right: 0%; }
#user_wrap .user_box .user_program ul li p {font-size: 14px;}
#user_wrap .user_box .user_program ul li h2 {font-size: 22px; padding:10px 0 0 0; height: 32px; }
#user_wrap .user_box .user_program ul li h2 span{font-size: 16px; }


#user_wrap .user_box .user_graph {margin:18px 0; width:100%; height: 200px;padding: 10px 10px;}
#user_wrap .user_box .user_graph p {font-size:18px; }




/*** keyword_wrap ***/
#keyword_wrap .keyword_box {padding-bottom: 30px; }
#keyword_wrap .keyword_box dl dt {font-size:16px;padding: 15px 20px;}
#keyword_wrap .keyword_box dl dd {font-size: 16px; padding: 15px 20px;}
#keyword_wrap .keyword_box dl div {padding-top: 10px;}



/*** userinfo_wrap ***/
#userinfo_wrap{padding:0px 0 15px 0;}
#userinfo_wrap .userinfo_in{width:100%;}
#userinfo_wrap .userinfo_box {width:100%;}
#userinfo_wrap .userinfo_box h3{padding-bottom: 0 !important;}
#userinfo_wrap .userinfo_box table {margin-top: 0px; padding-bottom: 0;}

#userinfo_wrap ul {width: 100%; }
#userinfo_wrap .userinfo_box ul li {font-size: 18px; width:100%; margin-right: 0%; }
#userinfo_wrap .userinfo_box ul li p { line-height: 180%;}


#userinfo_wrap .userinfo_box ul li div {  width: 100%;}
#userinfo_wrap .userinfo_box ul li div h3 {padding-top:0px;background: url(../images/sub/tit_arrow.jpg) left 8px no-repeat;}
#userinfo_wrap .userinfo_box .plus_more { top:-25px; width:35px; height:35px; }


/********************************** //마이페이지 *********************************/
}






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



.tabBox h3{padding-bottom:10px; padding-left: 15px; font-size:16px;letter-spacing: -0.8pt;background: url(../images/sub/tit_arrow.jpg) left 6px no-repeat; clear: both;}



/****************************** 공지사항 list ******************************/

.mo_line .list_cate{font-size:12px; letter-spacing:-0.55pt; line-height:20px; padding:0 0 3px; }
.mo_line .list_cate .no_s{display:inline-block; width:36px; line-height:20px; margin:0 7px 0 0; text-align:Center; font-size:12px; color:#fff; letter-spacing:-0.55pt; background:#f1001c; border-radius:20px}
.mo_line .subject, .mo_line .subject a{font-size:15px; line-height: 140%;padding: 0 0 5px 0;}
.mo_line .writer li{font-size:12px;padding:0 6px;}

/****************************** //공지사항 list ******************************/



/*********** List *************/
.photo_list dl{width:100%; margin-right:0; margin-bottom:2%}
.photo_list dl:nth-child(even){margin-right:0}
.photo_list dl:nth-child(odd){margin-right:0%}
.photo_list dd p.date{font-size:13px}
.photo_list dd p.title{font-size:16px}





/****************************** 리스트 ******************************/

/* list */
.bbs_board th{font-size:12px; padding:18px 5px;}
.bbs_board td{font-size:12px; padding:10px 5px;}

/* list */
.bbs_con_list th{font-size:12px; padding:18px 5px;}
.bbs_con_list td{font-size:12px; padding:10px 5px;}

/* list */
.bbs_con_info th{font-size:12px; padding:18px 5px;}
.bbs_con_info td{font-size:12px;padding:15px 5px; }
.bbs_con_info td.left{text-align:left; padding-left:5px;}


/* list */
.bbs_con_in th{font-size:12px; padding:5px 5px;}
.bbs_con_in td{font-size:12px; padding:5px 5px; }
.bbs_con_in td.left{text-align:left; padding-left:5px;}


.bbs_list th {font-size:12px; padding:10px 5px;}
.bbs_list td {font-size:12px; padding:8px 5px;}


/****************************** //리스트 ******************************/


.bbs_input th {font-size:12px; padding:13px 5px;}
.bbs_input td {font-size:12px; padding:13px 5px;}



.btn_o {width: 60px !important; font-size: 12px;line-height:20px; }

.ellipsis_txt {width: 70px;}



/********************************** 개인정보취급방침 *********************************/

/* 개인정보, 이용약관 등 */
.footer-inner-box{padding:10%;}
.footer-inner{padding:3%;  /* overflow-y:auto; */border:1px solid #ddd; }
.footer-inner p{font-size:12px; line-height:140%; }
.footer-inner p.point{font-size:14px; }
.footer-inner strong{font-size:14px; line-height:130%; margin-bottom:5px; margin-top: 10px;}
.footer-inner .box{padding:1.5% 2%;margin-bottom:20px; }

/********************************** //개인정보취급방침 *********************************/




/************ 신청하기 탭 ************/
.box_tab {margin-bottom: 15px;}
.box_tab ul {width: 100%; padding: 0px 0;margin-bottom: 10px;padding-left: 1px;}

.box_tab .tab_02 li {width:49.8% !important;}
.box_tab .tab_03 li {width:29.8% !important;}
.box_tab .tab_04 li {width:24.9% !important;}
.box_tab .tab_05 li {width:19.9% !important; }
.box_tab .tab_06 li {width:28.2% !important;}
.box_tab .tab_07 li {width:28.2% !important;}


.box_tab .tab_06 li {margin-right: 7%; margin-bottom: 2%;}

.box_tab .tab_06 li:nth-child(3) {margin-right: 0%;}
.box_tab .tab_06 li:nth-child(4) {margin-right: 7%;}
.box_tab .tab_06 li:nth-child(6) {margin-right: 0%;}
.box_tab .tab_06 li:before::last-child {display: none !important;background:none !important;}

.box_tab .tab_06 li:before { top:12px; right: -22px; margin-bottom:0px;width:15px;height:24px;background-image:url(../images/sub/arrow_right_off_m.png) no-repeat;}


.box_tab .tab_07 li {margin-right: 7%; margin-bottom: 2%;}

.box_tab .tab_07 li:nth-child(3) {margin-right: 0%;}
.box_tab .tab_07 li:nth-child(4) {margin-right: 7%;}
.box_tab .tab_07 li:nth-child(6) {margin-right: 0%;}
.box_tab .tab_07 li:before::last-child {display: none !important;background:none !important;}

.box_tab .tab_07 li:before { top:12px; right: -22px; margin-bottom:0px;width:15px;height:24px;background-image:url(../images/sub/arrow_right_off_m.png) no-repeat;}




.box_tab li {margin-right: 5%;}
.box_tab li:last-child {margin-right: 0%;}
.box_tab li:before {top:20px; right: -45px; margin-bottom:0px;width:10px;height:16px;background:url(../images/sub/arrow_right_off_m02.png) no-repeat;}
.box_tab li:before::last-child {display: none !important;background:none !important;}

.box_tab li a {margin-right: 10px; padding: 15px 0; font-size: 12px; letter-spacing: -0.03em; line-height: 140%; }
.box_tab li a:first-child{margin-right: 10px;}
.box_tab li a:hover,a:focus {text-decoration: none}

.box_tab li.active a {font-size: 12px; }

/************ //신청하기 탭  ************/



.box_txt {margin-bottom: 20px; font-size: 12px; line-height: 160%; letter-spacing: -0.05em; padding: 10px 20px 30px 20px;}
.box_txt span {line-height: 140%; letter-spacing: -0.05em; }
.box_txt .box_t {font-size:16px; line-height: 280%;margin-bottom: 15px;}


/* ================ 버튼 아이콘 ===============*/

.btn_icon30 {width:20px; font-size:11px; line-height:18px;  padding: 5px 0px;}
.btn_icon50 {width:30px; font-size:11px; line-height:18px;  padding: 5px 0px;}
.btn_icon60 {width:40px; font-size:11px; line-height:18px;  padding: 5px 0px;}
.btn_icon70 {width:50px; font-size:11px; line-height:18px;  padding: 5px 0px;}
.btn_icon80 {width:60px; font-size:11px; line-height:18px;  padding: 5px 0px;}
.btn_icon100 {width:80px; font-size:11px; line-height:18px;  padding: 5px 0px;}
.btn_icon120 {width:100px; font-size:11px; line-height:18px;  padding: 5px 0px;}
.btn_icon140 {width:120px; font-size:11px; line-height:18px;  padding: 5px 0px;}
.btn_icon150 {width:130px; font-size:11px; line-height:18px;  padding: 5px 0px;}
/* ================ //버튼 아이콘 ===============*/

}




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


/********************************** 마이페이지 *********************************/
/*** user_wrap ***/
#user_wrap{padding:0px 0 30px 0;}

#user_wrap .user_box ul li {display: inline-block; font-size: 15px; width: 100%; margin-bottom: 4%; margin-right:0%; padding: 20px 20px; }
#user_wrap .user_box ul li:nth-child(2) {width: 100%;margin-right: 0%; }
#user_wrap .user_box ul li:nth-child(3) {width: 100%;margin-right: 0%;}

#user_wrap .user_box ul li div {width: 100%; padding: 0px 0;}

#user_wrap .user_box ul li .person_img {width: 150px; height:auto;}
#user_wrap .user_box ul li img {max-width: 150px; max-height: 180px;}
#user_wrap .user_box ul li p {line-height: 180%;}
#user_wrap .user_box ul li .person_img span {line-height: 140%;}




#user_wrap .user_box ul li .pic {clear: both;padding-top: 3px;}
#user_wrap .user_box ul li dl {clear: both; }
#user_wrap .user_box ul li dl dd{display: inline-block;}
#user_wrap .user_box ul li dl a {font-size: 12px; padding: 8px 8px; }
#user_wrap .user_box ul li dl a span {font-size: 16px;}


#user_wrap .user_box .user_program ul {margin:15px 0;  width: 100%;  }
#user_wrap .user_box .user_program ul li {padding: 10px 1%; width: 49%; margin-right: 2%; margin-bottom:2%;}

#user_wrap .user_box .user_program ul li p {font-size: 14px;}
#user_wrap .user_box .user_program ul li h2 {font-size: 22px; padding:10px 0 0 0; height: 32px; }
#user_wrap .user_box .user_program ul li h2 span{font-size: 16px; }


#user_wrap .user_box .user_graph {margin:18px 0; width:100%; height: 200px;padding: 10px 10px;}
#user_wrap .user_box .user_graph p {font-size:18px; }




/*** keyword_wrap ***/
#keyword_wrap .keyword_box {padding-bottom: 30px; }
#keyword_wrap .keyword_box dl dt {font-size:14px;padding: 15px 20px;}
#keyword_wrap .keyword_box dl dd {font-size: 14px; padding: 15px 20px;}
#keyword_wrap .keyword_box dl div {padding-top: 10px;}


/********************************** //마이페이지 *********************************/



.maxhei_400 {max-height: 80px; height: 100%;}
.maxhei_450 {max-height: 150px; height: 100%;}





/********************버튼디자인 ********************/

/* 버튼디자인 */
.btn_w {font-size:12px;line-height:30px; width:65px;}
.btn_d {font-size:12px;line-height:30px; width:65px;}
.btn_r {font-size:12px;line-height:30px; width:65px;}
.btn_r:link, .btn_b:visited {font-size:12px;line-height:30px; width:65px;}
.btn_b {font-size:12px;line-height:30px; width:65px;}
.btn_b:link, .btn_b:visited {font-size:12px;line-height:30px; width:65px;}
input.btn_b {font-size:12px;line-height:30px; width:65px;}
input.btn_b:hover{font-size:12px;line-height:30px; width:65px;}




/****************************** 공지사항 list ******************************/

.mo_line .list_cate{font-size:12px; letter-spacing:-0.55pt; line-height:20px; padding:0 0 3px; }
.mo_line .subject, .mo_line .subject a{font-size:15px; line-height: 140%;padding: 0 0 5px 0; max-width: 300px;}
.mo_line .writer li{font-size:12px;padding:0 6px;}

/****************************** //공지사항 list ******************************/



/*********** List *************/
.photo_list dl{width:100%; margin-right:0; margin-bottom:2%}
.photo_list dl:nth-child(even){margin-right:0}
.photo_list dl:nth-child(odd){margin-right:0%}
.photo_list dd p.date{font-size:13px}
.photo_list dd p.title{font-size:16px}

}



/* 텍스트 길이 처리 */
.cont_limit {
                overflow: hidden;
                text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                -ms-text-overflow: ellipsis;
                white-space: nowrap;
                position: relative;
                /*float: left;*/
                }
#cont_limit_400 {width: auto; max-width:400px; background-color:red}
#cont_limit_420 {width: auto; max-width:420px;}

.space_btn {margin-top:20px; width:100%; text-align:right;}

.txt_right      {text-align:right}
.txt_center {text-align:center}