@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
.section {max-width:1200px;}
.bg {padding:80px 0; background:#f6f7fb;}
@media all and (max-width:1024px) {
	.section {width:98%;}
    .group_top img{width: 98%;}
    .sub_apply img{width: 98%; height: auto;}
  
}
@media all and (max-width:480px) {
	.section {width:95%;}
	.bg {padding:40px 0;}
    .group_top img{width: 95%;}
    .sub_apply img{width: 95%; height: auto;}
  
}



:root{


	/**** !! 코딩시 지우지 말 것 !! ****/

	/* 컬러 */
	--basic:#555555;
	--LightFont:#888888;
	--white:#fff;
	--black:#333333;

	--main:#0063b6;
	--mainColor:#2b93d1;
	--sub: #0B9AD8;
	--subYellow:#FBB03F;
	--gray_bg:#F5F5F5;
	--border:rgba(51,51,51,0.18);
	--green:#2196F3;


	/* 폰트 */
	--eng: 'Lexend', 'Noto Sans KR', Malgun Gothic,'Malgun Gothic', sans-serif;
	--icon: "Material Symbols Outlined";

	/**** !! 코딩시 지우지 말 것 !! ****/


	/* 높이 */
	--vh: 100%;

	/* 폰트크기 */
	--fs50: 3.125rem;
	--fs24: 1.411rem;
	--fs19: 1.1176rem;
	--fs16: 0.9411rem;


}
img{margin:0; padding:0;}

.m_blue { color: #3c5db5; }

.class_modal {display:none; position:fixed; z-index: 9999999; padding-top:100px; left:0; top:0;width:100%; height:100%; overflow:auto; background-color:rgba(0,0,0,0.7);}
.kras_modal {display:none; position:fixed; z-index: 9999999; padding-top:100px; left:0; top:0;width:100%; height:100%; overflow:auto; background-color:rgba(0,0,0,0.7);}
.confirmMsg {position:absolute; border-radius:15px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);  background-color:#fff; margin:auto; max-width:510px; min-height:300px; width:100%; height: 430px; box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);-webkit-animation-name: animatetop;-webkit-animation-duration: 0.4s;animation-name: animatetop;animation-duration: 0.4s;padding: 20px;}
.confirmMsg .dtable.col .table-th, .dtable.col .table-td {height: 20px;}
p.modal_ptxt{font-size:16px; font-weight:500; text-align:center; color:#3c5db5; margin:0px 0 10px; line-height:25px; }
p.modal_txt{font-size:16px; font-weight:500; text-align:left; color:#67696d; line-height:25px; padding-left:45px;}
p.modal_tit{font-size:18px; margin:10px 0; font-weight:700; text-align:left; color:#222; line-height:25px; border-radius:25px; padding:0px 15px; padding-left:45px;}
.modal_box{border:1px solid #134560; border-radius:5px; padding-bottom:10px; margin-bottom:10px;}
        .modal_header {color: #2b61c0;font-weight: bold;font-size: 16px;margin-bottom: 20px;padding: 10px; line-height:26px; background-color: #fdeaea;border-left: 4px solid #e74c3c;border-radius: 4px;}
.btnsRight {text-align: center; margin-top: 20px;}
p.modal_center01{font-size:15px; margin-top:40px; font-weight:500; text-align:center; color:#67696d; line-height:25px; padding-left:0px;}
p.modal_center02{font-size:15px; margin-top:10px; font-weight:500; text-align:center; color:#67696d; line-height:25px; padding-left:0px;}
/********** ## Step List **********/
.member_process {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 0 30px;}
.member_process dl {display:flex; flex-wrap:wrap; align-items:center;}
.member_process dl::after {content:'\e5e1';  font-size:20px; color:var(--black); font-family:var(--icon);  opacity:0.3; margin:0 30px;}
.member_process dl:last-of-type::after {display:none;}
.member_process dl dt {position:relative; width:60px; height:60px; background:var(--basic); border-radius:100%;  opacity:0.5;}
.member_process dl dt::after {content:''; width:calc(100% - 8px); height:calc(100% - 8px); border-radius:100%; border: 1px dashed var(--white); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.member_process dl dt span {display:block; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.member_process dl dt span::before {content:''; font-size:28px; color:var(--white); font-family:var(--icon);}
.member_process dl.st01 dt span::before {content:'\e78a';}
.member_process dl.st02 dt span::before {content:'\f4ca';}
.member_process dl.st03 dt span::before {content:'\f604';}
.member_process dl.st04 dt span::before {content:'\e877';}

.member_process.cart_ver dl.st01 dt span::before {content:'\e8cc';}
.member_process.cart_ver dl.st02 dt span::before {content:'\eff1';}

.member_process dl dd {padding-left:12px; opacity:0.5;}
.member_process dl dd span {font-size: 0.777rem; font-weight: 700; line-height: 142.857%; display:block; color:var(--black);}
.member_process dl dd p {font-weight: 500; letter-spacing: -0.72px; color:var(--black);}

.member_process dl.on dt {opacity:1; background:var(--main);}
.member_process dl.on dd {opacity:1;}
/********** ## Step List **********/

.light{font-weight: 300 !important; letter-spacing:inherit; line-height:inherit;}
.pointColor{color:var(--main) !important;}
.main_banner {width:100%; height:100%;margin-top:-160px;}
.main_banner h1, .main_banner h2 {color:#fff; letter-spacing:-0.05em;  font-family: 'NanumSquare', sans-serif; font-weight:400;}
.main_banner .title_b {font-size:45px; font-weight:800; text-align:center;}
.main_banner .title_s {font-size:20px; text-align:center;}
.main_banner .serch_form {width:620px; margin:30px auto 60px; background:#fff; border-radius:30px; padding:10px 10px 10px 50px; position:relative;}
.main_banner .search_btn {background:url("/files/images/search_b.svg") no-repeat center; width:19px; height:19px; position:absolute; left:15px; top:15px;}
.main_banner input {width:95%; border:0;}
.main_banner .banner_menu {display:inline-block; width:100%;}
.banner_menu .box {width:32%; margin-right:2%; float:left;}
.banner_menu .box.sh_last {margin-right:0;}
.banner_menu .box.long {width:23.5%;}
.banner_menu .box.long.last{margin-right:0;}
.banner_menu .long_ban {border-radius:15px; }
.banner_menu .long_ban.top {margin-bottom:7%;}
.banner_menu .long_ban a {padding:46px 20px; display:block;}
.banner_menu .l1 {background:#fff url('/files/images/loBox_icon_n1.png') no-repeat 97% 50%;}
.banner_menu .l2 {background:#fff url('/files/images/loBox_icon_n2.png') no-repeat 97% 50%;}
.banner_menu .l3 {background:#fff url('/files/images/loBox_icon_n3.png') no-repeat 97% 50%;}
.banner_menu .l4 {background:#fff url('/files/images/loBox_icon_n4.png') no-repeat 97% 50%;}
.banner_menu .b1 {background:#ef6266;}
.banner_menu .b2 {background:#e24c62;}
.banner_menu .b4 {background:#d85659;}
.banner_menu .b5 {background:#f3657a;}
.banner_menu .long_ban h1 {font-size:24px; letter-spacing:-0.05em; font-weight:800; font-family: 'NanumSquare', sans-serif; color:#000000; line-height:24px; margin-bottom:10px;}
.banner_menu .long_ban h2 {font-size:15px; letter-spacing:-0.05em; font-weight:400; color:rgba(255,255,255,0.5); color:#777; font-family:'noto sans kr';}
.banner_menu .short_ban {border-radius:15px; width:47%; float:left; margin-right:6%;}
.banner_menu .short_ban:last-child {margin-right:0;}
.banner_menu .short_ban a {padding:37px 10px; display:block; text-align:center;}
.banner_menu .short_ban h1 { color:#fff; font-size:17px; font-weight:600; font-family: 'NanumSquare', sans-serif; margin-top:10px; } 

#right_banner {position:absolute; margin:0; padding:0; float:right;   top: 170px; right:80px;  width:86px; z-index:9999999999;}
.quick{margin:0px; padding:15px 0 0; border-radius:10px; background:#01319d;  opacity:0.7; }

.main_quick{}
.main_quick img{margin:0; padding:0;}
.main_quick01 {width:86px; height:121px; background:url('/files/images/quick_01.png') no-repeat top right; }
.main_quick01 p {width:100%; color:#b8c4df;  font-size:16px; padding-top:67px; text-align:center;}
.main_quick01 p:hover{width:86px; height:121px; color:#ffffff; font-weight:600; background:url('/files/images/quick_01_over.png') no-repeat top right;}
.main_quick02 {width:86px; height:109px; background:url('/files/images/quick_02.png') no-repeat top right; }
.main_quick02 p {width:100%; color:#b8c4df;  font-size:16px; padding-top:57px; text-align:center;}
.main_quick02 p:hover{width:86px; height:109px; color:#ffffff; font-weight:600; background:url('/files/images/quick_02_over.png') no-repeat top right;}
.main_quick03 {width:86px; height:102px; background:url('/files/images/quick_031.png') no-repeat top right; }
.main_quick03 p {width:100%; color:#b8c4df;  font-size:16px; padding-top:67px; text-align:center;}
.main_quick03 p:hover{width:86px; height:102px; color:#ffffff; font-weight:600; background:url('/files/images/quick_031_over.png') no-repeat top right;}
.main_quick04 {width:86px; height:102px; background:url('/files/images/quick_04.png') no-repeat top right; }
.main_quick04 p {width:100%; color:#b8c4df;  font-size:16px; padding-top:67px; text-align:center;}
.main_quick04 p:hover{width:86px; height:102px; color:#ffffff; font-weight:600; background:url('/files/images/quick_04_over.png') no-repeat top right;}
.main_quick05 {width:86px; height:102px; background:url('/files/images/quick_05.png') no-repeat top right; }
.main_quick05 p {width:100%; color:#b8c4df;  font-size:15px; padding-top:57px; text-align:center;}
.main_quick05 p:hover{width:86px; height:102px; color:#ffffff; font-weight:600; background:url('/files/images/quick_05_over.png') no-repeat top right;}
.main_quick06 {width:86px; height:114px; background:url('/files/images/quick_06.png') no-repeat top right; }
.main_quick06 p {width:100%; color:#b8c4df;  font-size:16px; padding-top:67px; text-align:center;}
.main_quick06 p:hover{width:86px; height:114px;color:#ffffff; font-weight:600; background:url('/files/images/quick_06_over.png') no-repeat top right;}
.main_title_b {color:#000000; text-align:center;  font-size:42px; font-family: 'NanumSquare', sans-serif; font-weight:800; margin-bottom:60px; letter-spacing:-0.025em;}

.main_edu_banner{display:inline-block; width:100%;}
.main_edu_banner_box{margin: 0 auto; max-width:1200px;}
.main_edu_banner ul li.medu {float:left; padding:20px 0px; width:22%; text-align:center; margin-right:4%;}
.main_edu_banner ul li:last-child{margin-right:0%;}
.main_edu_banner ul li.medu img{width:100%;}

.main_zoom_bg{display:inline-block; margin-top:40px; width:100%; background:url('/files/images/main_zoom_bg.png') no-repeat top center; }
.main_zoom{margin: 0 auto; max-width:1200px; margin-bottom:30px; height:370px;}
.main_zoom ul li.zoom01 {float:left; margin-top:60px; padding:0px; height:280px; width:50%; background:url('/files/images/main_zoom_01_bg.png') no-repeat top right;}
.main_zoom ul li.zoom02 {float:left; margin-top:60px; padding:0px; height:280px; width:50%; background:url('/files/images/main_zoom_02_bg.png') no-repeat top right;}
p.zoom_tit{padding-top:60px;font-size:48px; color:#ffffff; font-weight:600; text-align:center;}
p.zoom_txt{font-size:20px; color:#ffffff;  text-align:center;}

p.zoom_stit{padding-top:60px;font-size:40px; padding-left:70px; color:#ffffff;  text-align:left;}
p.zoom_stxt{padding-top:30px; font-size:18px; padding-left:70px;line-height:24px; color:#ffffff;  text-align:left;}


.main_mix_banner{display:inline-block; width:100%; margin:40px 0px;}
.main_mix_banner_box{margin: 0 auto; max-width:1200px;}


.main_gasipan {display:inline-block; width:100%;}
.main_gasipan .half_box {width:15%; margin-right:2%; float:left; background:#fff; padding:30px 10px;  border-radius:15px; box-shadow:rgb(100 100 111 / 5%) 0px 5px 25px 0px;}
.main_gasipan .half_box:last-child {margin-right:0;}
.main_gasipan .title {position:relative; margin-bottom:10px; text-align:center; font-size:22px; font-weight:normal;}
.main_gasipan .half_box a:hover{opacity:0.3;}
.main_gasipan p.snstxt{margin-top:10px;  letter-spacing:-1px;}
.main_gasipan .title a {position:absolute; right:0; top:5px; display:inline-block; font-size:12px; color:#ffffff; background:#ff5e73; padding:4px 17px; border-radius:8px; font-weight:500;}

.main_gasipan .btext {padding:12px 0; border-bottom:1px solid #ededed; color:#444444; font-size:15px; letter-spacing:-0.025em; font-weight:400;}
.main_gasipan .btext li a {display:inline-block; width:95%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} 
.main_gasipan .btext:last-child {border-bottom:0;}
.main_gasipan .bbody {min-height:207px;}

.main_bottom_banner{display:inline-block; border-top:1px solid #efefef; width:100%;}
.main_bottom_banner ul{margin: 0 auto; max-width:1200px;  }
.main_bottom_banner ul li.mbanner{float:left; padding:22px 1%  15px; width:14%; text-align:center;}
.main_bottom_banner ul li.mbanner img{width:100%;}


.bc-img-box{overflow:hidden;}
.bc-img-box img{display: block; width:100%; height:210px; object-fit:cover; transition:all .3s linear; border-radius:12px}
.bc-img-box:hover img{transform:scale(1.1);}

.courseBox .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:-30px;}

h4.bc-h4{margin-top:15px; text-align:center; font-size:22px; font-weight:600; }
p.bc-txt{margin-top:5px; text-align:center; color:#005dae; font-size:19px; font-weight:500; }
p.bc-txt:before {content:""; position:absolute; width:60%; height:8px;  bottom:3px; z-index:-1;}

.group_bg{background:url('/files/images/group_bg.png') no-repeat top center; padding-bottom:20px; margin-bottom:40px;}
.group_box{width:100%; background:rgba(0,0,0,0.4); padding:30px 0; margin-bottom:20px;}
p.group_stit{color:#ffffff; font-size:32px; text-align:center; letter-spacing:-2px; padding:50px 0 30px;}
p.group_tit{color:#ffffff; font-weight:600; font-size:60px; text-align:center; padding:20px 0;}
p.group_txt{color:#ffffff; font-size:22px; text-align:center; padding-top:30px;}
.group_btn_box{text-align:center;}
button.group_btn{font-size:22px; margin:0 10px; border-radius:25px; padding:17px 45px;  line-height:4px;  background: transparent;}



.ngroup_box{width:100%; padding:30px 0; margin-bottom:20px; display:inline-block;}
.ngroup_left{float:left; width:35%; margin-right:5%; }
.ngroup_left img{width:100%; }
.ngroup_right{float:right; width:60%;}
p.ngroup_tit{color:#000000; font-weight:600; font-size:50px; text-align:left; padding:20px 0  30px;}

p.ngroup_stit::before {display:inline-block; content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #000000; margin-bottom: 5px; margin-right:5px;}
.ngroup_btn_box{text-align:center; background:#f7f9fc; padding:20px 30px; margin-top:30px; border-radius:25px;}
.ngroup_btn_box_01{text-align:center; background:#0068b7;  padding:20px 30px; margin-top:30px; border-radius:25px;}
p.ngroup_txt{color:#000000; font-size:24px; font-weight:500;  text-align:left; padding:25px 20px 25px 10px; border-bottom:1px solid #ddd;}
p.ngroup_txt::before {display:inline-block; content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #0269ca;  margin-bottom: 5px; margin-right:5px;}
/*detail-btn 마우스오버 효과*/
button.ngroup_btn{float:right; display:flex; align-items: center; justify-content: space-between;  font-size:18px; width:140px; height: 40px; font-weight:400;  overflow: hidden; background: linear-gradient(to right, #0068b7, #39b2e5);  backdrop-filter: blur(5px); box-sizing:border-box; transition:all .3s linear; padding:0 20px 0 25px; position: relative; text-align:left; cursor:pointer; border:0; border-radius:25px; }

.group_top{margin-bottom:20px;}
.group_txt_box{border:1px solid #ddd; padding:20px; border-radius:25px;  }
button.group_txt_btn{align-items: center; justify-content: space-between; margin-left:5px;  font-size:18px; width:140px; height: 32px; font-weight:400;  overflow: hidden; background: linear-gradient(to right, #0068b7, #39b2e5);  backdrop-filter: blur(5px); box-sizing:border-box; transition:all .3s linear; padding:0 20px 0 25px; position: relative; text-align:left; cursor:pointer; border:0; border-radius:25px; }
button.group_txt_btn_01{align-items: center; justify-content: space-between; margin-left:5px;  font-size:18px; width:140px; height: 38px;  overflow: hidden; background: #449ae9;  box-sizing:border-box; transition:all .3s linear; padding:0 0 0 28px; position: relative; text-align:left; cursor:pointer; border:0; border-radius:4px; }
p.group_txt_down{color:#0068b7; font-size:20px; font-weight:600; text-align:left; letter-spacing:-1px; padding:5px 0 5px;}
p.group_txt_stit{color:#222222; font-size:18px; text-align:left; letter-spacing:-1px; padding:5px 0 5px;}
p.group_txt_stit::before {display:inline-block; content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #000000; margin-bottom: 5px; margin-right:5px;}
p.group_txt_down_01{color:#ffffff; font-size:20px; font-weight:600; text-align:center; letter-spacing:-1px; padding:5px 0 5px;}
.npay_box{width:100%; padding:60px 0; margin-bottom:20px; display:inline-block;}
.npay_left{margin-left:1%; float:left; width:48%; margin-right:2%;}
.npay_left img{width:100%; margin:10px 0px;}
.npay_right{float:right; width:48%; margin-right:1%;}
p.npay_tit{color:#000000; font-weight:600; font-size:30px; text-align:center; padding:20px 0  20px;}
p.npay_stit{color:#5e5e5e; font-size:18px; text-align:left; letter-spacing:-1px; padding:5px 0 0px 20px; line-height:23px;}
p.npay_sstit{color:#222; font-size:22px; margin-top:-3px; text-align:left; font-weight:500; letter-spacing:-1px; padding:5px 0 0px 20px; line-height:23px;}
.npay_edu_box{text-align:center; background:#ffffff; padding:0px 20px 10px; margin-top:5px; border-radius:25px; border:1px solid #ddd;}
.npay_edu_sbox{text-align:center; background:#f7f9fc; padding:10px 15px; margin-top:10px;  border-radius:25px;}
.npay_bill_box{text-align:center; background:#ffffff; padding:0px 20px 20px; margin-top:5px; border-radius:25px; border:1px solid #ddd;}
.npay_sbox{text-align:center; background:#f7f9fc; padding:10px 15px; margin-top:10px;  border-radius:25px;}
p.npay_txt{color:#000000; font-size:23px; font-weight:500; text-align:left; padding:5px 20px 5px 5px;}
p.npay_txt::before {display:inline-block; content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #0269ca;  margin-bottom: 5px; margin-right:10px;}
button.npay_btn{display:flex; align-items: center; justify-content: space-between;  font-size:18px; min-width:100px; height: 40px; font-weight:500;  overflow: hidden; background: linear-gradient(to right, #0068b7, #39b2e5);  backdrop-filter: blur(5px); box-sizing:border-box; transition:all .3s linear; padding:0 20px 0 25px; position: relative; text-align:left; cursor:pointer;  border-radius:25px; }
span.npay_p{color:#0269ca;}
p.npay_notit{color:#5e5e5e; font-size:22px;  font-weight:500; text-align:left; letter-spacing:-1px; padding:15px 0 0px 20px; line-height:23px;}
span.npay_name{margin-left:20px;color:#000000; font-size:30px; font-weight:600;}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 300,
  'GRAD' 0,
  'opsz' 20  
}


.group_info{display:inline-block; width:100%; border-radius:35px; border:3px solid #d9d9d9; margin:20px 0px 0px; padding:10px 60px;} 

p.group_info_stit{float:left; color:#383838; font-size:26px; text-align:left; letter-spacing:-1px; padding:30px 0;}
button.group_info_btn{float:right; font-size:24px; margin:20px 10px; border-radius:25px; color:#ffffff; padding:25px 45px;  line-height:4px;  background:#00a0e9; }

p.group_info_tit{float:left; color:#383838; font-weight:600; font-size:40px; text-align:left; padding:45px 0;}
p.group_info_txt{float:right; color:#383838; font-size:22px; text-align:left; padding:30px 0 30px;}

/**** 오시는길 ****/
.page-location2 {margin:20px 0;}
/*
.map{display:inline-block; margin-top:30px;}
.rel{float:left;position: relative; width: 500px;}
.ifr{ position: relative;}
.cont{float:right; height: 100%;width: 700px; margin-left:-1px; flex: 1;}
*/
.map {margin-bottom:2rem;}
.map .rel {display: flex; flex-wrap: wrap; align-items: stretch; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.map .rel .ifr {width:500px;}
.map .rel .ifr .root_daum_roughmap {width:100% !important;}
.map .rel .ifr .root_daum_roughmap .wrap_map {min-height:450px !important;}
.map .rel .cont {flex: 1;}
@media all and (max-width:1023px) {
  .map .rel {display: block;}
  .map .rel .ifr {width:100%;}
  .map .rel .ifr .root_daum_roughmap .wrap_map {height:300px !important;}
}

.box.blue{background: var(--green) url('../img/intro/loc_new.png') right bottom no-repeat;color: #fff; position: relative;}
.box{padding: 20px 25px 20px 25px;border-top:1px solid #ddd;}


.top{color: #fff;font-size: 1.063rem;line-height: 1.18;word-break: keep-all;}
.top .tit{font-size:25px; font-weight: 500; margin-bottom: 12px; padding-right: 150px;}
.top strong{font-weight: 500;margin: 0 5px 5px 0;display: inline-block;color: #fff;position: relative;padding-left: 0px;}
.top strong i{display: none;}
.top i{margin-right: 4px;}
.top > *{width: 100%}
.top .info{display: flex;align-items: flex-start;/* justify-content: space-between; */}

.top .info > *{color: #a5d5f1;}
.top .info > *:last-child{margin-left: 0px;}
.top .info .tel{background: url('../img/org/ico-tel.png') left 0 no-repeat}
.top .info .adr{background: url('../img/org/ico-loc.png') 3px 3px no-repeat}

.loc_link2{position: absolute;top: 50px;right: 30px;}
.loc_link2 .btn{background: #fff;color: #000;border-radius:3px;line-height: 1.35;font-weight: 500;display: inline-flex;align-items: center;overflow: hidden;}
.loc_link2 .btn:before{content: '';display: inline-block;width: 35px;height: 35px;background: #6baa43 url('../img/org/loc_n2.png') no-repeat center;}
.loc_link2 .btn span{display: inline-block;padding: 0 15px;}

.box .t{font-size: 18px;font-size: 1.125em;font-weight: 600; color: #000; margin-bottom: 7px;}
.box .t_w{margin-bottom:12px;;}
.box .t_w .t1{font-size: 18px;font-size: 1.125em;font-weight: 600;margin-right: 10px;color: #000;}
.box .t_w .t2{font-size: 17px;font-size: 1.063em;font-weight: 500;color: #000;}
.box .bus-list{}
.box .bus-list >li{}
.box .subway{display: inline-block;width: 19px;line-height: 17px;text-align: center;font-size: 12px;font-weight: 500;color: #fff;padding-top:2px;border-radius: 100%; margin: 0px 5px 3px 0px;vertical-align: middle;}
.box .subway.s1{background: #004a87;}
.box .subway.s2{background: #00b252;}
.box .subway.s3{background: #EF7C1C;}
.box .subway.s4{background: #00A4E3;}
.box .subway.s5{background: #996CAC;}
.box .subway.s6{background: #CD7C2F;}
.box .subway.s7{background: #717c02;}

.box .subwayL{display: inline-block;width: 80px;line-height: 19px;text-align: center;font-size: 12px;font-weight: 500;color: #fff;border-radius: 15px; margin: 0px 5px 3px 0px;vertical-align: text-top;}
.box .subwayL.s_suin{background: #FABE00;}
.box .subwayL.s_uijeongbu{background: #FD8100;}

.box .label{display: inline-block;width: 50px;line-height: 19px;text-align: center;font-size: 12px;font-weight: 500;color: #fff;border-radius: 15px; margin: 3px 5px 0 0px;vertical-align: text-top;}
.box .label.lg{background: #0ba84f;}
.box .label.lb{background: #0a7ada;}
.box .label.lr{background: #fd001b;}
.box .label.ln{background: #777777;}
.box .name{display: inline-block; font-size: 17px; font-size: 1.063em; font-weight: 500; color: #000; margin-right: 10px;}
.box .num{display: inline-block; color: #666; vertical-align: middle;}


.root_daum_roughmap .wrap_controllers{display:none;}
.root_daum_roughmap .border1{background-color:#ffffff;}
.root_daum_roughmap .border2{background-color:#ffffff;}
.root_daum_roughmap .border3{background-color:#ffffff;}
.root_daum_roughmap .border4{background-color:#ffffff; right:-1px;}

/**** S:: 인사말 ****/
.greeting_con {  }
.greeting_con dl {overflow: hidden; position: relative;}
.greeting_con dl dt {float:left; width:35%; max-width:680px; }
.greeting_con dl dt img { max-width:100%; height:Auto; }
.greeting_con dl dd {float:right; width:65%; box-sizing:border-box; padding-right:10px; }
.greeting_con dl dd h5 {color:var(--black); }
.greeting_con dl dd h4 {padding:5px 0 22px; letter-spacing: -1.68px;}
.greeting_con dl dd p {padding:0 0 32px; line-height:24px;  }
.greeting_con dl dd p:last-child { padding:0;}
.greeting_con dl dd h6 {font-size:1.118rem;  font-weight:400; padding:44px 0 0; display:flex; align-items:center; justify-content:flex-end; color:var(--black); }
.greeting_con dl dd h6 b { display:inline-block; padding:0 8px 0 12px; font-size:1.556rem; line-height:1.07; letter-spacing:0.2em; font-weight:700;}
.greeting_con dl dd h6 img { margin-left:8px; max-width:100%; height:Auto; }
/**** E:: 인사말 ****/

.register_con{position: relative; display: inline-block; width:100%; margin-bottom:20px; border-top:0px solid #ddd; }
.register_con dl {margin-bottom:5%;}
.register_con dl dt{float:left; width:23%; margin-left:1%; margin-right:1%; margin-bottom:2%;}
.register_con dl dt .regbox{border:1px solid #ddd;}
.register_con dl dt  img{margin-top:5%; margin-left:5%;  margin-bottom:5%;width:90%; }
.register_con dl dt p{text-align:center; font-size:18px; color: #000; margin-top:10px; margin-bottom:5%;}


/*********** Top *************/
.history_top{box-sizing:border-box; text-align:center;}
.history_top h3{font-family:var(--eng); font-size: 2.235rem; font-style: normal; font-weight: 600; line-height: 100%; color:var(--white);}


/*********** List *************/
.history_list{padding:40px 0 0; position: relative;}
/* .history_list:before {content:''; display:block; width:1px; height:100%; background:var(--border); position:absolute; left:160px; top:0;} */
.history_list .his_in > div {padding:0 0 50px;}
.history_list .his_in .his_txt {display:flex; flex-wrap:Wrap; align-items:flex-start;}
.history_list .his_in .his_txt h4{width:160px; position: relative; font-family: var(--eng); font-size: 2.235rem; font-weight: 600; line-height: 135%; color:Var(--black);}
.history_list .his_in .his_txt h4 .dot {display:inline-block; width:20px; height:20px; background:rgba(251, 176, 63, 0.15); /* background:var(--subYellow); */ border-radius:50%; box-sizing:border-box; position: absolute; right: 0; top:50%; transform:translate(50%,-50%); }
.history_list .his_in .his_txt h4 .dot::after {content:''; width:7px; height:7px; border-radius:100%; background:var(--subYellow); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.history_list .his_in .his_txt ul{width:calc(100% - 160px); padding-top:15px; padding-left:70px; box-sizing:border-box;}
.history_list .his_in .his_txt ul li{position:relative; padding:0 0 5px 115px; box-sizing:border-box; font-weight: 400; line-height: 145%; letter-spacing: -0.68px;}
.history_list .his_in .his_txt ul li:last-child{padding-bottom: 0 !important;}
.history_list .his_in .his_txt ul li strong{position: absolute; left:0; top:0; letter-spacing: 0; font-weight: 600; line-height: 145%; color:var(--main); display: inline-block; font-family:var(--eng);}
.history_list .his_in .his_txt ul li b {font-weight: 500; color:var(--main); letter-spacing:inherit; line-height:inherit;}
.history_list .his_in .his_img{}
.history_list .his_in .his_img img{max-width: 100%; height:auto !important;}


.history-list{/* overflow: hidden;  */position: relative; margin:0 10px;}
.history-list .progressbar { position:absolute; top:0; left:160px; width:1px; height:100%; background-color:var(--border); overflow:hidden;}
.history-list .progress { position: absolute; left:0; top:0; width:1px; height:0; background:var(--subYellow); transition:.5s; }


/**** S:: 센터소개 > 조직도 ****/
.organ_style{overflow: hidden; position: relative;}
.organ_style:before{content:''; display: block; width:1px; height:34.5%; background:var(--border); position:absolute; left:50%; top:20.7%; bottom:0;}
.organ_style .ceo {z-index:999999;}
.organ_style .ceo_in{margin:0 auto 80px; width: 240px; height:180px; background:url('/files/images/organ_top.png') no-repeat center/auto 100%; text-align:center; }
.organ_style .ceo_in img{width: 56px; margin: 59px auto 9px;}
.organ_style .ceo_in .fs28{padding-top:70px; font-size:1.647rem; font-weight:500; color:var(--white); letter-spacing: 1.68px; line-height:140%;}
.organ_style .organ{display: flex; justify-content: center; position: relative;}
.organ_style .top{padding: 0 0 40px;}
.organ_style .middle{padding: 0 0 40px;}
.organ_style .middle:before{content:''; display: block; width:75%; height:0px; background:var(--border); position:absolute; left:50%; top:0; z-index: -1; transform:translateX(-50%);}
.organ_style .bottom{padding: 40px 0 0;}
.organ_style .bottom:before{content:''; display: block; width:75%; height:1px; background:var(--border); position:absolute; left:50%; top:0; z-index: -1; transform:translateX(-50%);}
.organ_style .center{padding: 20px 0 0;}

.organ_style .box{border-radius:5px; height:70px; box-sizing:border-box; display:flex; align-items:center; justify-content:center; padding:10px; border:1px solid var(--border); background:var(--main); margin: 0 30px 0 0; width:calc((100% - 120px)/4); position: relative;}
.organ_style .box.none{border:0 !important; background:none !important;}
.organ_style .box.none:after{content:''; display: block; width: 7px; height:7px; background:var(--main); border-radius:50%; position: absolute; left: 50%; top:50%; margin-left: -3px; margin-top:-3px;}
.organ_style .box:last-child{margin:0;}
.organ_style .box .fs16{font-size:1.118rem; letter-spacing: -0.76px; line-height:140%; color:var(--white);}

.organ_style .top .box{border:3px solid var(--main); background:var(--white);}
.organ_style .top .box:first-child:before{content:''; display: block; width:300%; height:1px; background:var(--border); position:absolute; left:0; top:50%; z-index: -1;}
.organ_style .top .box .fs19{font-weight: 500; color: var(--main); font-size:24px;}
.organ_style .middle .box{border-color:var(--green); background:var(--green);}
.organ_style .middle .box .fs19{font-weight: 500; color: var(--white); font-size:24px;}
.organ_style .bottom .box:before{content:''; display: block; width:1px; height:40px; background:var(--border); position:absolute; left:50%; top:-40px; z-index: -1;}

.organ_style .box_txt{border-radius:5px; height:50px; box-sizing:border-box; display:flex; align-items:center; justify-content:center; padding:10px; border:1px solid var(--green); background:#ffffff; margin: 0 30px 0 0; width:calc((100% - 120px)/4); position: relative;}
.organ_style .box_txt.none{border:0 !important; background:none !important;}
.organ_style .box_txt.none:after{content:''; display: block; width: 7px; height:7px; background:var(--main); border-radius:50%; position: absolute; left: 50%; top:50%; margin-left: -3px; margin-top:-3px;}
.organ_style .box_txt:last-child{margin:0;}
.organ_style .box_txt .fs19{font-size:16px; letter-spacing: -0.76px; line-height:140%; color:var(--black);}



/*강사안내 */

#mtab01 {width:100%; padding: 0; border:0; margin-bottom:30px; text-align:left; border-bottom:1px solid var(--main);}
.mtab01 li {float:left; margin:0; height:42px;  padding:7px;  text-align:left; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:0px solid #ddd;}
.mtab01 li:hover,.tab li.sel{}
.mtab01.type01 {height:42px; margin-bottom:50px; margin:0; text-align:left;}
.mtab01.type01 ul{width:300px; margin:0; padding: 0px;}
.mtab01.type01 li{width:150px; padding:12px 8px; border-left:none; margin:0; text-align:center; font-weight:normal; font-size:16px;}
.mtab01.type01 li:first-child{border-left:1px solid #ddd; margin:0;}
.mtab01.type01 li:hover,.mtab01.type01 li.sel {margin:0; border-radius:25px;  margin-top:20px; padding:12px 8px; height:43px; text-align:center; border-top:1px solid var(--main);   border-left:1px solid var(--main); border-right:1px solid var(--main);  border-bottom:1px solid  var(--main); background:#ffffff; font-weight:600; font-size:16px; color:var(--main);}


.sub_teacher_box{margin:0px; display:inline-block; padding-bottom:50px; margin-bottom:50px; border-bottom:1px solid #dddddd;}
.sub_profile{float:left; width:360px; text-align:left; padding-left:30px; margin-right:60px;}
.sub_career{float:left; width:750px;}
.point01{float:left; padding-right:50px; border-right:1px solid #ddd; }
.point02{float:left;  padding-left:50px;}
p.sub_teacher_name{margin-top:40px; padding-left:40px; text-align:left; font-size:30px; color:var(--main); line-height:30px; font-weight:800; font-family:'NanumMyeongjo',Sans-serif;}
p.sub_teacher_email{margin-top:30px; text-align:left; font-size:20px; color:#2a2a2a; line-height:30px; font-weight:800; font-family:'NanumMyeongjo',Sans-serif;}
p.sub_teacher_tit{margin-top:10px;  margin-bottom:10px; text-align:left; font-size:20px; color:#1e2745; line-height:30px; font-weight:400;}
p.sub_teacher_txt{margin-top:0px; text-align:left; font-size:15px; color:#6e6e6e; line-height:22px; font-weight:400;}
p.sub_teacher_tit_left{margin-top:40px; padding-left:10px; text-align:left; font-size:20px; color:#1e2745; line-height:30px; font-weight:400;}
p.sub_teacher_txt_left{margin-top:0px;padding-left:10px;  text-align:left; font-size:15px; color:#6e6e6e; line-height:22px; font-weight:400;}
span.sub_teacher_stxt{margin-top:0px; padding-left:10px;  text-align:left; font-size:18px; color:#6e6e6e; line-height:22px; font-weight:800;}


/*강좌안내팝업 */
.course_info_popup{width:100%;}
p.course_tit{text-align:center; font-size:28px; font-weight:600; margin:1%;}
.course_info_box{margin-left:4%; padding:30px 10px; background:#f9f9f9;  border-radius:15px; width:92%;}
p.course_txt{text-align:left; font-size:18px; padding-left:5%; line-height:140%;font-weight:normal;  margin-bottom:10px; font-family: 'noto sans kr','Nanum Gothic','TheJamsil','Malgun Gothic',Dotum,Helvetica,AppleGothic,Sans-serif;}
p.course_txt:before{content:''; display:inline-block; width:15px; height:100%; background: url('/files/images/course_pop_icon.png') center 12px no-repeat; position:absolute; left:7%;}

span.course_point{color:#ba0000;}
p.board_txt{font-size:20px; margin-top:15px;  line-height:26px; }

/*맞춤형출장교육 */
.formContent {
    width: 1240px;
    margin: 0 auto;
    padding: 0px;
    box-sizing: border-box;
}
.eduInquiryArea{border-top: 2px solid #222; padding-top:20px;}

.eduInquiryForm>ul {
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.eduInquiryForm>ul:not(:last-of-type) {
    border-bottom: 1px solid #ddd;
}

.eduInquiryForm ul li h3 {
    font-size: 22px;
    margin-bottom: 5px;
}

.eduInquiryForm ul li p {
    margin-bottom: 25px;
    color:var(--black);
    font-size: var(--fs19);
    font-weight: 600;
}

.eduInquiryForm ul li ul.selectBtn {
    justify-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 15px;
}

.eduInquiryForm ul li ul.selectBtn li {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-basis: 19%;
}

.eduInquiryForm ul li ul.selectBtn li input[type="radio"] {
    opacity: 0;
}

.eduInquiryForm ul li ul.selectBtn li label {
    line-height: 45px;
    height: 45px;
    cursor: pointer;
    transition: .15s;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ddd;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 16px;
}

.eduInquiryForm ul li ul.selectBtn li label:hover,
.eduInquiryForm ul li ul.selectBtn li input[type="radio"]:checked~label {
    background: #0265cd;
    color: #fff;
    border: none;
}
.eduInquiryForm ul li ul.companyInfo{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
}


.eduInquiryForm ul li ul.companyInfo li:nth-of-type(odd){
	margin-right:30px;
}
.eduInquiryForm ul li ul.companyInfo li {
	flex-basis: 595px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
}

.eduInquiryForm ul li ul.companyInfo li:not(:last-of-type) {
    margin-bottom: 20px;
}

.eduInquiryForm ul li ul.companyInfo li label {
    font-size: 16px;
    min-width: 100px;
}

.eduInquiryForm ul li ul.companyInfo li input[type="text"] {
    height: 45px;
    width: 100%;
    border: 1px solid #ddd;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 5px;
}

.eduInquiryForm ul li ul.companyInfo li input[type="text"]:focus,
.eduInquiryForm ul li textarea:focus {
    border-color: #0265cd;
    outline: none;
}

.eduInquiryForm ul li textarea {
    line-height: 37px;
    width: 100%;
    height: 260px;
    border-color: #ddd;
    padding: 10px;
    box-sizing: border-box;
    font-size: 16px;
    border-radius: 5px;
}


.eduInquiryForm ul li ul.routeArea {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
}

.eduInquiryForm ul li ul.routeArea li {
    display: flex;
    align-items: center;
}

.eduInquiryForm ul li ul.routeArea li:not(:last-of-type) {
    margin-right: 50px;
}

.eduInquiryForm ul li ul.routeArea li label {
    font-size: 16px;
    line-height: 20px;
    margin-left: 10px;
}

.eduInquiryForm ul li ul.routeArea li input[type="radio"] {
    accent-color: #0265cd;
    width: 18px;
    height: 18px;
}

.bottombtnArea{text-align:center;}

/* 교육문의하기 끝 */

/* 안내 */
.overview_con{position:relative;}
.overview_con .btn_box{display:flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom:80px;}
.overview_con .btn_box > a{margin-right:10px;}
.overview_con .btn_box > a:last-child{margin-right:0}

.overview_con .box_wrap{position:relative;}
.overview_con .box_wrap > .infobox{position:relative; display:flex;align-items: flex-start; flex-wrap: wrap; margin-bottom:60px;  }
.overview_con .box_wrap > .infobox:last-child{margin-bottom:0}
.overview_con .box_wrap > .infobox:last-child .right_box{margin-bottom:0; padding-bottom:0; border:none;}
.overview_con .box_wrap .left_box{position:relative; width:220px; margin-right:40px; display:flex; align-items: center;}
.overview_con .box_wrap .left_box span{margin-right:10px; background:#333; font-weight:700; width:30px; height:28px; line-height:26px; border-radius: 5px; text-align:center; display:block; color:#fff}
.overview_con .box_wrap .left_box p{letter-spacing: -1pt; margin-top: 0px; font-family: var(--gmtx); color:var(--main);   line-height: 1; font-weight:700; font-size:25px;}
.overview_con .box_wrap .right_box{position:relative; width: calc(100% - 270px); border-bottom:1px dashed #ddd; padding-bottom:60px; }
.overview_con .box_wrap .right_box p{line-height:30px;}

.overview_con .box_wrap .infobox.four .icon_dl{margin-top:15px}

.overview_con .box_wrap .icon_box{position:relative;}
.overview_con .box_wrap .icon_box .ic{position:relative; display:flex; }
.overview_con .box_wrap .icon_box .ic > dl{position:relative;width: calc((100% - 180px)/4); margin-right:60px; text-align:center;}
.overview_con .box_wrap .icon_box .ic > dl:after{position: absolute; right: -39px;  top: 102px; width:13px; height:20px; background:url('/sub/img/ar.svg') no-repeat; content:''; display:flex;}
.overview_con .box_wrap .icon_box .ic > dl:last-child{margin-right:0}
.overview_con .box_wrap .icon_box .ic > dl:last-child:after{display:none}
.overview_con .box_wrap .icon_box dt{position:relative; width:205px; height:205px; background:url('/sub/img/overview_icon01.svg') center no-repeat, var(--mainColor);     border-radius: 100%;}
.overview_con .box_wrap .icon_box dt .number{position: absolute; bottom:-13PX;left: 50%;  transform: translateX(-50%); background: #fff; color:var(--mainColor); font-size:0.83333rem; line-height:27px; font-weight:700; width:35px; height:35px; border:5px solid var(--mainColor); box-sizing: border-box; border-radius: 100%;}
.overview_con .box_wrap .icon_box dl.two dt{background:url('/sub/img/overview_icon02.svg') center no-repeat, var(--subColor1);}
.overview_con .box_wrap .icon_box dl.three dt{background:url('/sub/img/overview_icon03.svg') center no-repeat, var(--subColor2);}
.overview_con .box_wrap .icon_box dl.four dt{background:url('/sub/img/overview_icon04.svg') center no-repeat, var(--subColor3);}
.overview_con .box_wrap .icon_box dl.two dt .number{border-color:var(--subColor1); color:var(--subColor1);}
.overview_con .box_wrap .icon_box dl.three dt .number{border-color:var(--subColor2); color:var(--subColor2);}
.overview_con .box_wrap .icon_box dl.four dt .number{border-color:var(--subColor3); color:var(--subColor3);}
.overview_con .box_wrap .icon_box dd{position:relative; margin-top:30px}
.overview_con .box_wrap .bluetx{background:#F5F6F8; margin:25px 0 0px 0; border-radius: 10px; padding:30px; letter-spacing:-0.3pt; color:#025383; line-height:1.8; border:1px solid var(--green); font-family: var(--gmtx); font-weight:500; text-align:left; font-size:15px;}

.lo_txt{position: relative; color: #777;  line-height: 1.4; letter-spacing: -0.3pt; margin-bottom: 6px; font-size:20px;}
.lo_txt b{position: relative; color:#333; padding-left: 0px;}
.lo_txt b span.check{position:absolute; top:2px; left: 0; background:#EAF3F9; color:var(--mainColor); width:20px; height:20px; font-size:20px; border-radius: 3px;}
.lo_txt b span.intit{position: relative; top:0px; background:#ffffff; color: #333;  line-height: 1.4; width:auto; height:auto;  letter-spacing: -0.3pt; margin-bottom: 6px; font-size:20px;}

.ch_txt{position: relative; color: #777;  line-height: 1.4; letter-spacing: -0.3pt; margin-bottom: 16px; font-size:20px;}
.ch_txt b{position: relative; color:#333; padding-left: 30px;}
.ch_txt b span.check{position:absolute; top:2px; left: 0; background:#EAF3F9; color:var(--mainColor); width:20px; height:20px; font-size:20px; border-radius: 3px;}
.ch_txt b span.intit{position: relative; top:0px; background:#ffffff; color: #333;  line-height: 1.4; width:auto; height:auto;  letter-spacing: -0.3pt; margin-bottom: 6px; font-size:20px;}
.ch_stxt{line-height:25px;}

.line_list{position:relative;}
.line_list p{position:relative; letter-spacing: -0.3pt; line-height:1.4; padding-left:15px; margin-bottom:5px}
.line_list p:before{position: absolute; left: 0;top: 10px; content:''; width:6px; height:1px; background:#777; display:block}
.line_list p:last-child{margin-bottom:0}
.line_list p span{font-size:12px}

.bg_box{position:relative; border-radius: 10px; background:var(--bg); border:1px dashed #ddd; box-sizing:border-box; padding:20px;}
.bg_box dl{position:relative; margin-bottom:10px}
.bg_box dl:last-child{margin-bottom:0}
.bg_box dt{position:relative; line-height:1.4;  font-size:0.83333rem; color:#333; font-weight:600; letter-spacing:-0.3pt}
.bg_box dt span{font-size:10px}
.bg_box dd{position:relative; padding-left:15px; margin-top:5px;}

.bg_box2{position:relative; border-radius: 10px; background:var(--bg); border:1px dashed #ddd; box-sizing:border-box; padding:30px;}
.bg_box2{}

.re_btn{border: 3px solid var(--subColor3); border-radius: 10px; height:70px; box-sizing:border-box;transition: all 0.3s ease; display:flex; align-items: center; letter-spacing: -0.3pt; justify-content: center; background:var(--subColor3); color:#fff; font-weight:600; width:200px; line-height:70px; margin:50px auto 0 auto; text-align:center; }
.re_btn span{margin-right:5px;}
.re_btn:hover{background:#fff; color:var(--subColor3)}


.marleft{margin-left:25px}
.smt{font-size:0.83333rem; line-height:1.3; letter-spacing: -0.3pt;}
.smt span{color:var(--mainColor); font-weight:900; margin-right:5px}
.bmar10{margin-bottom:10px}
.tmar_20{margin-top:30px}
.tmar_10{margin-top:10px}

.table_edu{width:100%; margin-top:20px;border-collapse:separate; border-spacing:0px; border-top:1px solid #ddd; border-left:1px solid #ddd;border-right:1px solid #ddd; border-radius:3px;}
.table_edu th{border-left:1px solid #ddd; color:var(--main); font-size:20px; font-weight:700; text-align:center; padding: 0px 15px 15px;;  border-bottom:1px solid #ddd; letter-spacing:-0.3pt;}
.table_edu tr th:first-child{border-left:none;}
.table_edu td{border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:15px 20px; text-align:left; color:#333; line-height:22px; letter-spacing: -0.3pt;}
.table_edu td.bgcolor{background:#F5F6F8;}
.table_edu tr td:first-child{border-left:none;}
.table_edu .txc{text-align:center;}

.table_cons{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #ddd;}
.table_cons th{border-left:1px solid #ddd; color:var(--main); font-size:20px; font-weight:700; text-align:center; padding: 15px 15px 15px;;  border-bottom:1px solid #ddd; letter-spacing:-0.3pt;}
.table_cons tr th:first-child{border-left:none;}
.table_cons td{border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:8px 20px; text-align:left; color:#333; letter-spacing: -0.3pt;}
.table_cons td.bgcolor{background:#F5F6F8;}
.table_cons tr td:first-child{border-left:none;}
.table_cons .txc{text-align:center;}


.table_style{width:100%; border-collapse:separate; border-spacing:0px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:2px solid var(--green);}
.table_style th{border-right:1px solid #ddd; color:#333; font-weight:700; text-align:center; padding:15px; border-bottom:1px solid #ddd; background-color:#F5F6F8; letter-spacing:-0.3pt;}
.table_style tr th:last-child{border-right:none;}
.table_style td{border-bottom:1px solid #ddd; font-size:15px; border-right:1px solid #ddd; padding:8px 15px; text-align:left; color:#333; letter-spacing: -0.3pt;}
.table_style td.tit{color:#333; font-weight:700; text-align:center; font-size:17px;}
.table_style td.tit span{font-weight:normal; margin-top:5px;color:var(--main);}
.table_style td.bgcolor{background:#F5F6F8;}
.table_style tr td:last-child{border-right:none;}
.table_style .txleft{text-align:left;}
.table_style .txcenter{text-align:center;}

.group .ch_txt b{position: relative; color:#333; padding-left: 0px;}
.group p.left_box {height:38px;}
.group .left_box span{float:left; margin-right:10px; padding-top:3px; font-size:15px;  background-color: rgba(17, 138, 217, 0.8); font-weight:500; width:25px; height:25px; line-height:25px; border-radius: 25px; text-align:center; display:block; color:#fff}
.group .left_box span .sno{float:left; margin-right:5px; padding-top:3px; font-size:15px;  background-color: rgba(17, 138, 217, 0.8); font-weight:500; width:25px; height:25px; line-height:25px; border-radius: 25px; text-align:center; display:block; color:#fff}

/* fallback */
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v213/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2) format('woff2');
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 23px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  vertical-align:bottom;
  margin-right:5px; 
}

.policy_cont{position:relative; overflow:hidden; font-size:1rem; margin-left:7%; width:84%;}
.policy_cont br{display:block;}
.policy_cont strong{font-weight:600; color:#000000;}
.policy_cont .cont_title{font-size:1.412rem; color:#000000; padding-bottom:18px; letter-spacing:-0.02em; font-weight:500;}
.policy_cont p.cont_btit {display:block; font-size:1.8em !important; padding-top:10px; font-weight:500; color:#000000 !important; letter-spacing:-0.02em;}
.policy_cont p.cont_tit {display:block; font-size:1.2em !important; padding-bottom:10px; font-weight:500; color:#000000 !important; letter-spacing:-0.02em;}
.policy_cont .cont_txt {padding:0px 0px 35px 0; color:#666666; line-height:150%; font-size:16px; letter-spacing:-1px;}
.policy_cont .cont_txt2 {padding-bottom:35px;}
.policy_cont .cont_box {padding:25px; background:#ffffff; color:#222222; border:1px solid #ddd; border-radius:20px; margin:12px 0px 10px 0px; display:block;  letter-spacing:-0.02em; line-height:1.7;}


/* 사회공헌 시작 */
.serveContent {width: 1120px; margin: 0 auto;  padding: 0 20px;  box-sizing: border-box;}
.socialImg {width: 220px;  margin: 0 auto 30px auto;}
.socialArea {text-align: center;}
.socialArea .innerTitle {margin-bottom: 50px;}
.socialArea .innerTitle h2 {margin-bottom: 10px;}
.socialArea .innerTitle p {font-size: 20px;}
.socialInner {margin-bottom: 50px;}
.socialInner ul {display: flex;}
.socialInner ul li {color: #fff;  border-radius: 100px;  width: 380px;  display: inline-block;  padding: 20px 30px;  font-size: 18px;  display: flex;  justify-content: center;  align-items: center;}
.socialInner ul li:first-of-type {background-color: rgba(15, 168, 188, 0.8);}
.socialInner ul li:nth-of-type(2) {background-color: rgba(17, 138, 217, 0.8);   margin: 0 -30px;}
.socialInner ul li:last-of-type {background-color: rgba(2, 101, 205, 0.8);}
.btmArea:before {content: "";  width: 2px;  height: 60px;  background: #ddd;  position: absolute;  left: 50%;  margin-left: -0.5px;  top: 0;}
.btmArea {padding-top: 100px; position: relative;  text-align: center;}
.btmTitle {font-size: 28px; margin-bottom: 30px;}
.btmArea ul li {display: inline-block; border: 10px solid rgba(2, 101, 205, 0.1);  width: 344px;  height: 230px;  vertical-align: top;   padding: 35px 15px;}
.btmArea ul li:not(:last-of-type) {margin-right: 10px;}
.btmArea ul li h3 {margin-bottom: 10px; font-size:18px; margin-top:10px;}
/* 사회공헌 끝 */

/* 컨설팅*/
.group{margin-top: 0 !important;  padding-bottom: 25px;}
.group:first-child{margin-top:0; border-top:0px solid #ddd;}

.contri-box{display: flex; text-align: center; padding-top: 25px;}
.contri-box .ico{display: table; width: 10rem; height: 10rem; border-radius:50%; background-color: rgba(15, 168, 188, 0.8); color: #fff;box-shadow:rgb(100 100 111 / 45%) 0px 5px 10px 0px;}
.contri-box .ico01{display: table; width: 10rem; height: 10rem; border-radius:50%; background-color: rgba(15, 168, 188, 0.8); color: #fff;box-shadow:rgb(100 100 111 / 45%) 0px 5px 10px 0px;}
.contri-box .ico02{display: table; width: 10rem; height: 10rem; border-radius:50%; background-color: rgba(17, 138, 217, 0.8); color: #fff;box-shadow:rgb(100 100 111 / 45%) 0px 5px 10px 0px;}
.contri-box .ico03{display: table; width: 10rem; height: 10rem; border-radius:50%; background-color: rgba(2, 101, 205, 0.8); color: #fff;box-shadow:rgb(100 100 111 / 45%) 0px 5px 10px 0px;}
.contri-box .in{display: table-cell; vertical-align: middle; }
.contri-box .in p.con_txt{line-height:26px; font-size:16px;}

.contri-box .in p.con_icon{line-height:26px; font-size:16px; padding-left:10px;}
.contri-box .in p.con_icon:before{content:''; display:inline-block; width:15px; height:100%; background: url('/files/images/consulting_icon.png') center 12px no-repeat;; position:absolute; left:13px;}
.contri-box .incenter {display: table-cell; vertical-align: middle;text-align:center;}
.contri-box .in span{font-size:15px; line-height:20px;}
.contri-box .in span.stit{font-size:15px; line-height:16px; letter-spacing:-1px;}
.contri-box .ico01 img{display: block;margin: 0 auto 8px;}
.contri-box .ico02 img{display: block;margin: 0 auto 8px;}
.contri-box .ico03 img{display: block;margin: 0 auto 8px;}

.contri-box .ctext{flex:1; margin-left: 100px; position: relative; text-align:left; border:0px solid rgba(2, 101, 205, 0.1); display: table; padding: 50px 20px 50px 20px; height:150px; color: #333; font-size:16px; border-bottom:1px solid #ddd;}
.contri-box .ctext:before{position: absolute; left: -100px; top:0; background: url('/files/images/dotted.gif') center 80px no-repeat; width: 100px; height: 100%; content: ''}
.contri-box .cbottom{flex:1; margin-left: 100px; position: relative; text-align:left; border:0px solid rgba(2, 101, 205, 0.1); display: table; padding: 20px 20px 50px 20px; height:150px; color: #333; font-size:16px;}
.contri-box .cbottom:before{position: absolute; left: -100px; top:0; background: url('/files/images/dotted.gif') center 80px no-repeat; width: 100px; height: 100%; content: ''}


/**** E:: 센터소개 > 조직도 ****/

.refund_sec {display:inline-block; width:100%;}
.refund_sec .info_sec {float:left;}
.refund_sec .info_sec.refund {width:60%; margin-right:5%; border:1px solid #eee; border-radius:20px; padding:96px 30px;}
.refund_sec .refund .info_left {width:27%; margin-right:5%; float:left; text-align:center;}
.refund_sec .refund .info_right {width:68%; float:left;}
.refund_sec .refund .thm_btn {display:block; width:144px; height:144px; margin:0 auto; border-radius:50%; border:1px solid #f0f0f0; position:relative; transition:all 0.1s;}
.refund_sec .refund .thm_btn:after {content:""; display:inline-block; width:52px; height:47px; background:url('/files/images/refund_img_01.png') no-repeat; position:absolute; top:50%; left:50%; margin-top:-26px; margin-left:-23.5px;}
.refund_sec .refund .thm_btn:hover {background:#ef6266; transition:all 0.1s;}
.refund_sec .refund .thm_btn:hover:after {background: url('/files/images/refund_img_01_active.png') no-repeat;}
.refund_sec .refund h1 {font-family: 'NanumSquare', sans-serif; font-weight:800; letter-spacing:-0.05em; font-size:20px; margin:15px 0 3px; line-height:24px;}
.refund_sec .refund h2 {font-weight:400; letter-spacing:-0.05em; font-size:15px; color:#777777;}
.refund_sec .info_right .title {margin:0; font-size:24px; margin-bottom:28px;}
.refund_sec .info_right .table_sec {border-top:1px solid #eee; padding:13px 0;}
.refund_sec .table_sec .table_left {display:inline-block; color:rgba(0,0,0,0.7); font-size:15px; font-weight:400; letter-spacing:-0.05em; margin-right:20px;}
.refund_sec .table_sec .table_right {display:inline-block; color:#000000; font-size:17px; font-weight:400; letter-spacing:-0.05em;}
.refund_sec .info_sec.number {width:35%;}
.refund_sec .number h1 {font-size:20px; color:#010101; font-weight:800; font-family: 'NanumSquare', sans-serif; letter-spacing:-0.05em; line-height:24px; margin-bottom:10px;}
.refund_sec .number li {font-size:16px; color:#4d4863; font-weight:500; letter-spacing:-0.05em; display:table;}
.refund_sec .number li + li {margin-top:3px;}
.refund_sec .number li .table_th {font-size:14px; color:#999999; font-weight:400; display:table-cell; width:108px; vertical-align:middle; padding-top:3px;}
.refund_sec .number li .table_td {display:table-cell; vertical-align:middle; padding-left:10px;}
.refund_sec .num_top {background:#f8f7fc; margin-bottom:5%; padding:30px 25px; border-radius:20px;}
.refund_sec .num_bot {background:#efedf5;  border-radius:15px; padding:27px 40px;}
.refund_sec .num_bot br {display:none;}
.refund_sec .num_bot h1 {display:inline-block; margin-bottom:0; margin-right:20px;}
.refund_sec .num_bot span {color:#55506a; font-size:16px; font-weight:500;}


.eduTap {border-bottom: 1px solid #ddd; margin-bottom: 10px;}
.eduTap a {display: inline-block; width: 100px; text-align: center; padding: 7px 0; border: 1px solid #ddd; border-bottom: 0; font-size: 15px; background: #f5f5f5;}
.eduTap a.active {color: #000; background: #fff;}
.eduSearch {width: 100%; display: inline-block; border: 1px solid #ddd; font-size: 14px; padding: 10px;}
.eduSearch li {width: 25%; float: left; padding: 5px 10px;}
.eduSearch li select {width: 70%; max-width: 200px; margin-left: 5px;}
.btnCenter {text-align: center; margin-top: 10px;}
.esBtn {width: 200px; background: #000; }
.scrlt {font-size: 13px; margin-top: 30px; margin-bottom: 10px;}
.scrlt b {color: #ff0000;}
table.baseT {width: 100%; font-size: 13px; border-top: 2px solid #222;}
table.baseT th, table.baseT td {padding: 10px 0px; font-size:15px; border-left: 0px solid #ddd; text-align:center; border-bottom: 1px solid #ddd; line-height:1.3;}
table.baseT th:last-child, table.baseT td:last-child {border-right: 0px solid #ddd;}
table.baseT th {background: #fff;}
.apllyEdu table.baseT td {text-align: center;}
table.baseT tr:last-child td {border-bottom: 1px solid #ddd;}
table.baseT td a {display: block; min-width: 40px; padding: 5px 3px;  color: #000; border-radius:3px; font-weight:bold; background: none; border: 1px solid #ddd; font-size: 13px; margin: 0 auto; text-align: center;}
.apply table {margin-top: 40px;}
.apply .btnRight {margin-top: 20px;}
.bbs-normalbtn.cncbtn {font-size:15px; color: #041d8a; height:36px;  border: 1px solid #404860; border-radius:5px;}
.bbs-normalbtn.cncbtn:hover {font-size:15px; color: #ffffff; height:36px;  border: 1px solid #e98013; border-radius:5px; background:#e1660f; opacity:1;}
.tbscroll {overflow-x: scroll;}
.tbscroll .baseT {width: 1600px;}
.tbscroll .baseT td {text-align: center;}
.tbscroll .baseT td:nth-child(1) {width: 40px;}
.tbscroll .baseT td:nth-child(2) {width: 140px;}
.tbscroll .baseT td:nth-child(3) {width: 120px;}
.tbscroll .baseT td:nth-child(5) {width: 80px;}
.tbscroll .baseT td:nth-child(8) {width: 80px;}
.tbscroll .baseT td:nth-child(9) {width: 90px;}
.tbscroll .baseT td:nth-child(10) {width: 70px;}
.tbscroll .baseT td:nth-child(12) {width: auto;}
.tbscroll .baseT td:nth-child(13), .tbscroll .baseT td:nth-child(14), .tbscroll .baseT td:nth-child(15) {width: 100px;}
.tbscroll .baseT td:nth-child(16) {width: 80px;}

span.blue{color:#0033cc;}

.tbscroll table.baseT td a {width: auto; padding: 0 10px; white-space: nowrap; margin-top: 3px; display: inline-block;}
.myuser_modal, .taxapp_modal, .joinForm_modal {display: none;position: fixed;z-index: 9999999;padding-top: 100px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0,0,0,0.7);}
.myuser-content {position: relative;background-color: #fff;margin: auto;width: 100%;max-width: 1200px; min-height: 300px; -webkit-animation-name: animatetop;-webkit-animation-duration: 0.4s;animation-name: animatetop;animation-duration: 0.4s; padding: 20px;}
.userSearch {width: 100%; display: table; border: 1px solid #ddd; color: #333; margin-top: 20px;}
.userSearch li {display: table-cell; color: #333; border-right: 1px solid #ddd; vertical-align: middle; padding: 3px 7px; position: relative;}
.userSearch li:last-child {border-right: 0;}
.userSearch li:nth-child(odd) {background: #f5f5f5; font-weight: 500; width: 10%; text-align: center;}
.userSearch input[type="text"] {width: 100%;}
.uschBtn {position: absolute; top: 4px; right: 7px; background: #000;}
table.baseT td a.demand_btn {display: inline-block;padding: 1px 6px 3px 6px;background-color: #fff;border: 1px solid #2d8cdd;font-size: 13px;color: #2d8cdd;vertical-align: middle;text-align: center; background: #fff; color: #2d8cdd; width: 100px;}
.user-select table.baseT td:last-child {width: 116px;}
.user-select table.baseT td {text-align: center;}
.user-select {margin-bottom: 20px; overflow-y: auto; height: 350px;}
.stateSearch {padding: 10px 15px; border: 1px solid #ddd;}
.stateSearch ul {display: inline-block; width: 100%;}
.stateSearch li {float: left; padding: 3px 0; width: auto; /*width: 25%;*/}
.stateSearch li span.ttle {font-size: 14px; color: #333; width: 70px; display: inline-block;}
.stateSearch ul:nth-child(1) li {width: 100%;}
.agtsch {background: #ffffff; position: relative; top: -1px; border:1px solid #dddddd; color:#222222;}
.ecxdwn {background: green;}
.stateTbtn {margin-top: 30px; text-align: right;}
.bl-t {color: blue; margin-bottom: 20px;}
.login-title {font-size: 24px;}
.dtable.col .table-th {width: 28%; font-size:14px;}
.dtable.col .table-th, .dtable.col .table-td {height: 40px; padding:2px 15px;}
.myuser-content {max-width: 800px; padding: 20px 30px; min-height: 270px; font-size: 13px; z-index:99999999;}
.myuser-content .dtable.col .table-th, .dtable.col .table-td {height: 35px;}
.myuser-content .dscrt p{font-size:15px;}
.taxapp_modal {padding-top: 30px;}
.taxapp_modal textarea {width: 100%; height: 50px;}
.rstar {font-size: 10px;color: #ff0000;margin-right: 3px;}
.dscrt p {padding-left: 20px; position: relative;}
.dscrt p:before {content:'＊'; position: absolute; font-size: 10px; left: 4px; top: 2px; font-size: 10px; color: #ff9900;}
.myuser_modal .myuser-content {height: 610px;}

.myuser{max-width: 800px; padding: 20px 30px; height: 400px; font-size: 13px; z-index:99999999;}

.baseT.apply {margin-bottom: 30px;}
.baseT.apply td {text-align: center;}
.baseT.apply td .tdate{padding-top:5px; color:#bf170b;}
.baseT.apply td .tarea{padding-top:5px; font-weight:600;}
.baseT.apply td span.tred {color:#bf170b; font-weight:500;}

.baseT.apply th:nth-child(1) {width: 3%;}
.baseT.apply th:nth-child(7), .baseT.apply th:nth-child(8) {width: 8%;}
.baseT.apply td a {min-width: 100px; display: inline-block; margin-bottom: 2px;}
.baseT.apply td:nth-child(1) {width: 3%; }
.eduState .btnCenter {margin-top: 30px;}
.eduState .btnCenter .agtsch {width: 200px;}

/* 교육장 찾기 */
.mapArea {padding:40px; border:1px solid #eee; letter-spacing:-0.5px; border-radius:20px; margin-bottom:40px;}
.mapArea_tit {font-size:24px; color:var(--main); font-weight:700;}
.mapArea_box {margin:0px;}
.root_daum_roughmap .wrap_map  {height:450px;}
.mapArea_stit {font-size:17px; color:#222; padding-bottom:5px;}
.mapText_info {display:table; width:100%; padding-top:5px;}
.mapText_info li {display:table-cell;}
.mapArea_text {margin-top:15px;}
.mapText_tit {width:6%; background:#2196F3; color:#fff; border-radius:10px; text-align:center; padding:3px 0; font-size:13px;}
.mapText_text {font-size:16px; width:92%; padding-left:10px;}
.mapCaution {font-size:14px; padding-top:10px; color:red;}
.mapText_infos {display:table; margin-left:7%;  width:94%; padding-top:5px;}
.mapText_infos li {display:table-cell;}
.mapText_tits_01 {width:4%; background:#2871C0; color:#fff; border-radius:15px; text-align:center; padding:3px 0; font-size:13px;}
.mapText_tits_02 {width:4%; background:#51B333; color:#fff; border-radius:15px; text-align:center; padding:3px 0; font-size:13px;}
.mapText_tits_03 {width:4%; background:#777777; color:#fff; border-radius:15px; text-align:center; padding:3px 0; font-size:13px;}
.mapText_tits_04 {width:4%; background:#F63617; color:#fff; border-radius:15px; text-align:center; padding:3px 0; font-size:13px;}

/* 조직도_연락처 */
.humanChart_area {margin-bottom:60px;}
.humanChart_tit {font-size:24px; color:#222; font-weight:700; margin-bottom:20px;}
.humanCart_tr {display:table; width:100%;}
.humanCart_tr li {display:table-cell; width:25%; border:1px solid #eee; border-top:none; border-right:none; text-align:center; vertical-align:middle;}
.humanCart_tr li:nth-child(4n) {border-right:1px solid #eee;}
.humChart_th li {font-size:15px; color:#222; border-top:1px solid #eee; background:#fafafa; font-weight:700; padding:15px 5px;}
.humChart_td li {font-size:15px; color:#777; line-height:1.2; padding:20px 5px;}

.type_box{width:100%;}
.type_content{max-width:1200px; margin:0 auto; padding-bottom:30px;}
.bottom_btn{text-align:center; height:60px; margin-top:80px; margin-bottom:60px;}
.type_content p{line-height: 30px;}

.bs_btn_more {background: var(--main); padding: 12px 50px 12px; position: relative; border-radius: 30px; margin: 30px;}
.bs_btn_more:hover {background: var(--main); box-shadow:0 10px 10px rgba(200,50,200,0.1); transition: 0.3s; }
.bs_btn_more span {font-size:16px; font-weight: 400; margin-left:-20px; color: #fff;}
.bs_btn_more span i{border-top: 2px solid #fff;  border-right: 2px solid #fff;  margin-left: 10px;  transform: rotate(45deg) translateY(-50%);  position: absolute;  top: 50%;  width: 8px;  height: 8px;}

.bnr_btn_more {background: var(--green); padding: 15px 50px 15px; position: relative; border-radius: 30px; margin: 30px; box-shadow:rgb(100 100 111 / 45%) 0px 5px 10px 0px;}
.bnr_btn_more a:link{width:280px; }
.bnr_btn_more:hover {background: var(--green); box-shadow:0 10px 10px rgba(200,50,200,0.1); transition: 0.3s; }
.bnr_btn_more span {font-size:18px; font-weight: 400; margin-left:-20px; color: #fff;}
.bnr_btn_more span i{border-top: 2px solid #fff;  border-right: 2px solid #fff;  margin-left: 10px;  transform: rotate(45deg) translateY(-50%);  position: absolute;  top: 50%;  width: 8px;  height: 8px;}

.type_bgGray {margin:0 auto; max-width:1200px; background:#fafafa; padding:30px 20px; letter-spacing:-0.5px; margin-bottom:30px; border-radius:15px;}

/* 신청절차 및 규정 */
.apply_csText {float:right; position:relative; top:10px;}
.paddingB60 {padding-bottom:60px;}
.paddingT30 {padding-top:30px;}
.paddingt20 {padding-top:20px;}
.paddingt10 {padding-top:10px;}
.marginb10 {margin-bottom:10px;}
.apply_csText {font-size:15px; letter-spacing:-0.5px;}
.apply_point {color:var(--main); padding-right:5px; font-weight:500;}
.apply_tit {font-size:24px; color:#000; padding-bottom:20px;}
.apply_tit img {position:relative; top:-1px; padding-right:5px;}
.step01 .apply_li li:nth-child(1n)  {float:left; width:14%; margin-right:3.5%; border:1px solid #e1e1e1; background:#ffffff; border-radius:12px; padding:20px; letter-spacing:-0.5px; position:relative; box-shadow:rgb(100 100 111 / 10%) 0px 5px 20px 0px;}
.step03 .apply_li li:nth-child(3n)  {float:left; width:14%; margin-right:3.5%; border:1px solid #e1e1e1; background:#ffffff; border-radius:12px; padding:20px; letter-spacing:-0.5px; position:relative; box-shadow:rgb(100 100 111 / 10%) 0px 5px 20px 0px;}
.apply_li li {float:left; width:11%; margin-right:3.5%; border:1px solid #e1e1e1; background:#ffffff; border-radius:12px; padding:20px; letter-spacing:-0.5px; position:relative; box-shadow:rgb(100 100 111 / 10%) 0px 5px 20px 0px;}
.apply_li li:after {display:block; content:''; position:absolute; top:50%; right:-38px; width:32px; height:30px; background:url('/files/images/arrow_blue.png') no-repeat; margin-top:-16px; z-index:1;}
.apply_li li:last-child:after {display:none;}
.apply_li li + li {margin-bottom:2%;}

.apply_li li:nth-child(7n) {margin-right:0;}
.apply_stit {font-size:16px; color:#222; font-weight:700;  line-height: 24px; height: 2.6em; margin-bottom:10px;}
.apply_stit span{font-size:20px; font-weight:700;}
.apply_text {font-size:16px; color:#777;  line-height: 1.4em; height: 2.8em;}
.bgGray {background:#fafafa; padding:50px 0; letter-spacing:-0.5px;}
.bgRed {background:#fcf9f9; padding:60px 0; letter-spacing:-0.5px;}
.apply_li3 li {float:left; width:32%; margin-right:2%;}
.apply_li3 li:nth-child(3n) {margin-right:0;}
.apply_li3 li + li {margin-bottom:2%;}
.apply_stit3, .apply_stit2 {font-size:20px; color:var(--green); font-weight:700; margin-bottom:10px; position:relative; padding-left:15px;}
p.apply_sstit{padding-left:15px; font-size:20x; margin-bottom:25px; font-weight:bold;}
p.apply_txt{padding-left:15px; margin-bottom:25px;}
.apply_stit3:before, .apply_stit2:before {content:''; position:absolute; left:0; width:5px; height:5px; background:var(--main); border-radius:10px; top:50%; margin-top:-2.5px;}
.apply_text3, .apply_text2 {border:1px solid #eee; background:#fff; border-radius:10px; padding:30px; color:#777; font-size:16px;}
.apply_text3 h4, .apply_text2 h4 {font-size:18px; color:var(--main);}
.apply_text3 p, .apply_text2 p {padding-top:10px;}
.bgWhite2 {padding:80px 0; letter-spacing:-0.5px;}
.apply_li2 li {width:49%; margin-right:2%; float:left;}
.apply_li2 li:nth-child(2n) {margin-right:0;}
.sub-bodyApply {padding-bottom:0;}
.applyTable {width:100%; border-collapse: collapse; margin-bottom:40px;}
.applyTable td, .applyTable th {border:1px solid #eee; background:#fff; text-align:center; font-size:15px; padding:15px 0;}
.applyTable th {background:var(--main); font-weight:400; color:#fff; font-size:16px;}
.apply_li4 {padding:20px 0 40px;}
.apply_li4 li {float:left; width:23.25%; margin-right:2%; padding:30px; background:#fff; border:1px solid var(--green); border-radius:10px; font-size:16px; height:158px; text-align:center; position:relative;}
.apply_li4 li:nth-child(4n) {margin-right:0;}
.apply_li4 li:after {display:block; content:''; position:absolute; top:50%; right:-28px; width:32px; height:30px; background:url('/files/images/arrow_blue.png') no-repeat; margin-top:-16px; z-index:1;}
.apply_li4 li:last-child:after {display:none;}

.apply_stit5 {font-size:20px; color:#222; font-weight:700; margin-bottom:10px; position:relative; padding-left:15px;}
.apply_stit5:before {content:''; position:absolute; left:0; width:5px; height:5px; background:var(--green); border-radius:10px; top:50%; margin-top:-2.5px;}
.apply_li5 {padding:20px 0 40px; width:95%; margin: 0 auto;}
.apply_li5 li {float:left; width:165px; margin-right:14%; padding-top:45px; background:#fff; border:1px solid var(--green); border-radius:250px; font-size:16px; height:165px; text-align:center; position:relative;}
.apply_li5 li.ptop2{padding-top:60px;}
.apply_li5 li:nth-child(4n) {margin-right:0;}
.apply_li5 li:after {display:block; content:''; position:absolute; top:50%; right:-90px; width:32px; height:30px; background:url('/files/images/plus_green.png') no-repeat; margin-top:-16px; z-index:1;}
.apply_li5 li:last-child:after {display:none;}
.appStep {background:var(--green); color:#fff; padding:2px 15px; border-radius:20px; font-size:13px; position:absolute; top:-8px; left:50%; margin-left:-37.85px;}
.apply_liSpan {padding-bottom:5px; display:inline-block; font-size:16px; color:var(--main);}

.apply_li6 {padding:20px 0 40px; width:80%; margin: 0 auto;}
.apply_li6 li {float:left;  margin-right:5%; padding-top:0px; background:#fff; border:1px solid var(--main); border-radius:6px; font-size:16px; text-align:center; position:relative; box-shadow:rgb(100 100 111 / 40%) 0px 5px 20px 0px;}
.apply_li6 li:nth-child(2n) {margin-right:0;}
.apply_li6 li:after {display:block; content:''; position:absolute; top:50%; right:-45px; width:32px; height:30px; background:url('/files/images/plus_green.png') no-repeat; margin-top:-16px; z-index:1;}
.apply_li6 li:last-child:after {display:none;}

.apply_stit7 {font-size:16px; color:var(--green); font-weight:700; margin-bottom:10px; position:relative; padding-left:15px; }
.apply_stit7:before {content:''; position:absolute; left:0; width:5px; height:5px; background:var(--green); border-radius:10px; top:50%; margin-top:-2.5px;}

.app_btn {background:var(--main); color:#fff; padding:2px 15px; font-weight:normal; border-radius:20px; font-size:13px; top:-6px; left:50%; margin-left:10px;}

/* 교육안내 */
.studyInfo_area {margin-bottom:30px;}
.studyInfo_area li {float:left; width:25%; border:1px solid #eee; border-right:none; color:#666; font-size:15px; text-align:center; }
.studyInfo_area a {padding:15px 0; display:block;}
.studyInfo_area li:last-child {border-right:1px solid #eee;}
.studyInfo_area li.studyInfo_active {background:#fc3b5b; color:#fff; border:1px solid #fc3b5b;}
.studyInfo_Box {padding:26px; font-size:16px; color:#222; border:2px solid var(--green); border-radius:20px; position:relative; margin-top:20px; background:#fff;}
.studyInfo_Box a {padding:10px 40px; font-size:15px; font-weight:700; background:var(--green); border-radius:10px;  position:absolute; color:#fff; right:30px; top:50%; margin-top:-18.5px; box-shadow:rgb(100 100 111 / 45%) 0px 5px 10px 0px;}
.studyInfo_tit {font-size:24px; color:#222;}
.studyInfo_li {padding:20px 0;}
.studyInfo_li > li {float:left; width:32%; margin-right:2%; background:#fff; padding:25px; border:1px solid #eee; border-radius:10px;}
.studyInfo_li > li:last-child {margin-right:0;}
.studyInfo_text {font-size:17px; color:#777;}
.studyInfo_stit {font-size:20px;}
.studyInfo_sstit {font-size:16px; color:#222; padding-right:10px; position:relative; top:-2px; font-weight:500;}
.studyInfo_stext {font-size:15px;}
.studyInfo_sstit, .studyInfo_stext {float:left;}
.studyInfo_tr > li {width:33.333333%; background:#fff;}
.studyInfo_tr > li:last-child {border-right:1px solid #eee;}
.studyInfo_tr > li.studyInfo_66 {width:66.777777%;}
.studyInfo_th > li {background:#fcfcfc;}
.studyInfo_areaBox {border:1px solid #eee; border-radius:10px; padding:30px; margin-top:30px;}
.sInfo_tit {font-size:20px;}
.ssInfo_tit {font-size:17px;}
.ssInfo_text {font-size:15px;}
.studyInfo_tr > li.max480 {display:none;}
.studyInfo_Box2 {margin:0 0 20px;}
.studyInfo_li2 li {width:23.5%;}
.studyInfo_li2 .studyInfo_sstit, .studyInfo_li2 .studyInfo_stext {float:none;}
.studyInfo_BoxIn {width:80%; color:#06158d; font-weight:700;}
.joinNew {padding: 30px 50px 0; border: 1px solid #ddd; border-radius: 5px; width: 100%; max-width: 1000px; margin: 0 auto;}
.joinNew section {margin-bottom: 0px;}
.joinNew .page section {margin-bottom:0;}
.info-text {width: 100%;}
input.hss {width: 30%;}
.joinNew h1 {padding-left: 10px; position: relative; font-size:16px; margin-bottom:5px;}
.joinNew h1:before {content:''; display: block; width: 3px; height: 3px; background: red; position: absolute; left: 0; top: 9px;}
.joinNew .ss {width: 150px;} 
.address-find {width: 150px;}
.joinForm, .btn_center.joinForm, .mody-title {width: 100%;}
.tbscr {height: 370px; margin-bottom: 20px; overflow-y: auto;}
.joinNew section.joinForm {width: 100%; max-width: 100%;}
.apply {font-size: 13px;}


.transact_body {
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  width: 100%;
  max-width: 890px;
  height:470px;
  font-family:'Nanum Gothic',Dotum,AppleGothic,sans-serif; 
}

.transact_view {
    border: 1px solid #ddd;
    padding: 20px;
    height: 470px;
}

.transactional_table {
  width: 99%;
  border: 1px solid #374ab3 !important;
  border-top: 2px solid #374ab3 !important;
	border-left:2px solid #374ab3 !important;
}
.transactional_tbl {
  width: 99%;
  /*border: 1px solid #374ab3 !important;
	border-left:2px solid #374ab3 !important;*/
}
.trn_right {
  float:left;
  color: #374ab3;
  width: 545px;
  margin: 4px auto;
}
.transactional_table th {
  padding: 5px 7px;
  border-bottom: 1px solid #374ab3;
  font-size: 15px;
  text-align: left;
  font-weight: 500;
  border-right: 1px solid #374ab3;
	background:#f0f1f9;
}
.transactional_tbl th {
  padding: 5px 7px;
  /*border-bottom: 1px solid #374ab3;*/
  font-size: 15px;
  text-align: left;
  font-weight: 500;
  /*border-right: 1px solid #374ab3;*/
	background:#f0f1f9;
}
p.main_title {
  font-weight: bold;
  margin: 0;
  font-size: 30px;
	color:#374ab3;
	text-align:center;
}

p.edu_table_title {
    font-weight: bold;
    margin: 0;
    font-size: 26px;
	text-align:center;
	color:#000;
}
span.edu_blue{color:#3637ff;}

.transactional_table td {
    padding: 5px 7px;
    border-right: 1px solid #374ab3;
    border-bottom: 1px solid #374ab3;
    font-size: 15px;
	color:#000000;
}
.edu_stit{color:#374ab3; font-weight:600;}
.underline_group {
    margin: 3px 20px;
}
.underline {
    padding-bottom: 5px;
    margin-top: 4px;
    border-bottom: 1px solid #374ab3;
    text-align: right;
}
.text22 {
    display: inline-block;
    margin-left: 5px;
    font-size: 22px;
    font-weight: 500;
}
.order_no{color:#374ab3; text-align:center;}
.info_txt{font-size:14px; font-weight:normal; color:#7886cc; padding:5px 0;}
.position_r {
    position: relative;
}
.edu_date{margin-bottom:50px;}
.transactional_statements_sign {
    position: absolute;
    /*top: -19px;
    right: 6px;*/
    top: 40px;
    left: 790px;
    display: inline-block;
    width: 60px;
    height: 58px;
    background: url(/files/images/transactional_statements_sign.png) 0 0px no-repeat;
}
.ir_pm {
    display: block;
    position: absolute;
    left: -9999px;
    text-indent: 9999px;
    width: 0;
    height: 0;
    border: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    white-space: nowrap;
}

.transactional_content_table {
    position: relative;
    /*width: 100%;*/
    float: left;
    width: 835px;
    margin-bottom: 5px;
    border-top:2px solid #374ab3;
    
    border-right: 1px solid #374ab3;
    border-left: 2px solid #374ab3;
    border-bottom: 1px solid #374ab3;
}
.transactional_content_table th {
    padding: 3px 5px;
    border-bottom: 1px solid #374ab3;
    font-size: 16px;
    text-align: center;
    font-weight: normal;
    border-right: 1px solid #374ab3;
	background:#f0f1f9;
}
.transactional_content_table td {
    padding: 5px 5px;
    border-right: 1px solid #374ab3;
    border-bottom: 1px solid #374ab3;
    font-size: 16px;
    text-align: center;
	color:#000000;
}
.transactional {color: #374ab3; width: 595px; margin: 20px auto;}
.transactional_content_table td.sum {
    padding: 15px 10px;
    text-align: left;
    font-weight: 500;
    font-size: 16px;
	border-right:0.1px solid #374ab3;
}
tr.transactional_content_sum {
    font-weight: 500;
}
.edu_table {
    width: 100%;
    border: 2px solid #000 !important;
	margin-top:20px;
	border-spacing:0px;
	border-collapse:separate; 
}
.edu_table th {
    padding: 3px 7px;
    border-bottom: 1px solid #000;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    border-right: 1px solid #000;
	background:#eeeeee;
	color:#000;
}
.edu_table td {
    padding: 3px 7px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 15px;
    text-align: center;
    font-weight:bold;
	color:#000;
}

.edu_table td.eduleft {
    padding: 8px 10px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 13px;
    text-align: left;
	 font-weight:normal;
}

td.edu_statements_group {
    height: 130px !important;
}
.edu_sign_con {
    font-size: 18px;
    font-weight: bold;
}
.edu_statements_sign {
    position: absolute;
    top: -75px;
    right: 80px;
    display: inline-block;
    width: 85px;
    height: 85px;
}






/* 공문 */
.layerpop_con_type02 {
/*
    overflow: hidden;
	max-height: 28cm;
    height: 28cm;
    min-height: 28cm;
*/
    width: 21cm;
   
    padding: 1cm;
    margin: 0cm auto;
    border-radius: 5px;
    background: white;
}
.training_attendance_title {
    position: relative;
    margin-top: 20px;
    text-align: center;
    margin-bottom: 35px;
    font-size: 29px;
    letter-spacing: -1px;
}
.training_attendance_simbol {
    margin-left: -40px;
    margin-right: 30px;
    width: 111px;
    vertical-align: 2px;
}
.training_attendance_logo {
    width: 300px;
}
.training_attendance_table {
    border-top: 1px solid #5c5c5c;
}
.training_attendance_table th {
    padding: 7px;
    font-size: 17px;
    border-bottom: 1px solid #ccc;
    color: #000;
}
.training_attendance_table td {
    padding: 8px 7px;
    font-size: 17px;
    font-weight: 300;
    text-align: left;
    border-bottom: 1px solid #ccc;
    color: #000;
}
.training_attendance_content {
    padding: 30px 12px;
    color: #000;
    font-size: 17px;
    line-height: 1.6;
}
.training_deps01 {
    overflow: hidden;
}
.training_deps01 > li {
    position: relative;
    margin-bottom: 5px;
    padding-left: 30px;
}
.training_deps01 li em {
    position: absolute;
    left: 0;
}
.training_deps02 {
    margin-top: 15px;
}
.training_attendance_table tfoot tr {
    border-bottom: 8px solid #ccc;
}
.training_attendance_table tfoot td {
    position: relative;
    padding: 50px;
    font-weight: bold;
    font-size: 28px;
    text-align: center;
}
.training_attendance_table tfoot td p {
    font-family: 나눔명조;
    margin-left: -40px;
}
.training_attendance_sign {
    position: absolute;
    right: 70px;
    top: 13px;
}
.training_attendance_bottom_table {
    margin-top: 20px;
	color: #333;
}
.training_attendance_bottom_table th {
    padding: 3px 5px;
    font-weight: 400;
    text-align: left;
    font-size: 15px;
}
.training_attendance_bottom_table td {
    padding: 3px 5px;
    font-size: 15px;
}
.training_attendance_table tfoot tr td {
    border-bottom: 8px solid #ccc;
}
.training_attendance_content .contentTable td {border-bottom:0; padding:2px 0; font-size:15px; line-height:1.5;}
.training_attendance_content .contentTable td.num {vertical-align:top; padding:2px 10px 2px 0;}
.training_attendance_content .eduTable {width:100%;}
.training_attendance_content .eduTable th {background:#eee; border-top:1px solid #ccc;}
.training_attendance_content .eduTable th, .training_attendance_content .eduTable td {width:25%; text-align:center; border-right:1px solid #ccc; padding:0px 5px; font-size:13px;}
.training_attendance_content .eduTable th:first-child, .training_attendance_content .eduTable td:first-child {border-left:1px solid #ccc;}
.training_attendance_content .tit {font-size:16px; padding:3px 0; text-align:center;}
.training_attendance_content .eduTable .total td {padding:3px 5px; font-size:15px; font-weight:600;}




.joinForm-content {position: relative;background-color: #fff;margin: auto;width: 100%;max-width: 1000px;height: 670px;box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);-webkit-animation-name: animatetop;-webkit-animation-duration: 0.4s;animation-name: animatetop;animation-duration: 0.4s;padding: 20px;}
.agencyBody {margin-top: 10px;}
.agencytb1 {width: 100%; border: 1px solid #ddd; margin-bottom: 20px;}
.agencytb1 th {background: #f6f6f6; padding: 2px 7px; border-right: 1px solid #ddd; width: 15%;}
.agencytb1 td {padding: 2px 7px; border-right: 1px solid #ddd;;}
.agencytb1 td:nth-child(2) {width: 20%;}
.agencytb1 td:nth-child(4) {width: 35%; border-right: 0;}
.agencytb2 td {cursor: pointer; text-align: center;}

.agencytb1 td.bottom{padding:10px 7px; width: 70%;}

button.caseBtn {color:#222222; margin-top:5px; height:40px;  font-size:15px;  border:1px solid #b9b9b9; border-radius:20px; box-shadow:rgb(100 100 111 / 10%) 0px 5px 5px 0px;}
.bottomBtn {width:60px; font-weight:500; text-align:center; padding:5px; color:#ffffff; margin-top:3px; height:30px;  font-size:15px;  border-radius:5px; background:#000000; }





@media all and (max-width:1200px)  {
	.banner_menu .long_ban {background-image:none;}
	.refund_sec .num_bot br {display:block; }
	.refund_sec .num_bot .matiltop {margin-top:8px;}

	

}

@media all and (max-width:1024px)  {
	.refund_sec .info_sec.refund {padding:105px 30px;}

	.main_mix_banner_box{margin: 0 auto; margin-left:1%; width:98%; max-width:auto;}

	.main_edu_banner_box{margin: 0 auto; margin-left:1%; width:98%; max-width:auto;}
	.main_edu_banner ul li.medu {float:left; padding:20px 0px; width:24%; text-align:center; margin-right:1%;}

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

	.quick{display:none;}
}

@media all and (max-width:1023px)  {
	.banner_menu .short_ban h1 {font-size:13px; font-family:'noto sans kr'; font-weight:500;}
	.mapText_tit {width:8%;}
	.mapText_text {width:92%;}
	.apply_text {height:4.2em;}
	.apply_li4 li {height:200px;}
	.apply_li5 li {height:200px;}
	.studyInfo_sstit, .studyInfo_stext {float:none;}
	.sn-ui li:nth-child(4) a {text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 95%; overflow: hidden; display: block;}

	.baseT.apply td a  {width:auto; display:block}

	.banner_menu .box.long {width:49%;}
	.banner_menu .box.long:nth-child(2n) {margin-right:0;}
	.banner_menu .l1 {background:#fff url('/files/images/loBox_icon_n1.png') no-repeat 90% 50%;}
	.banner_menu .l2 {background:#fff url('/files/images/loBox_icon_n2.png') no-repeat 90% 50%;}
	.banner_menu .l3 {background:#fff url('/files/images/loBox_icon_n3.png') no-repeat 90% 50%;}
	.banner_menu .l4 {background:#fff url('/files/images/loBox_icon_n4.png') no-repeat 90% 50%;}

	/**** S:: 인사말 ****/
.greeting_con dl dt { width:30%; margin:0 auto; }
.greeting_con dl dt img { width: 100%;  }
.greeting_con dl dd { width:70%; padding:0px 0 0 ; }
.greeting_con dl dd h5{font-size:30px;}
.greeting_con dl dd h4{font-size:30px;}
/**** E:: 인사말 ****/

/* 사회공헌 시작 */
.serveContent {width: 100%; margin: 0 auto;  padding: 0 20px;  box-sizing: border-box;}
.socialImg {width: 30%;  margin: 0 auto 30px auto;}
.socialArea {text-align: center;}
.socialArea .innerTitle {margin-bottom: 50px;}
.socialArea .innerTitle h2 {margin-bottom: 10px;}
.socialArea .innerTitle p {font-size: 20px;}
.socialInner {margin-bottom: 50px;}
.socialInner ul {display: flex;}
.socialInner ul li {color: #fff;  border-radius: 100px;  width: 380px;  display: inline-block;  padding: 20px 30px;  font-size: 18px;  display: flex;  justify-content: center;  align-items: center;}
.socialInner ul li:first-of-type {background-color: rgba(15, 168, 188, 0.8);}
.socialInner ul li:nth-of-type(2) {background-color: rgba(17, 138, 217, 0.8);   margin: 0 -30px;}
.socialInner ul li:last-of-type {background-color: rgba(2, 101, 205, 0.8);}
.btmArea:before {content: "";  width: 2px;  height: 60px;  background: #ddd;  position: absolute;  left: 50%;  margin-left: -0.5px;  top: 0;}
.btmArea {padding-top: 100px; position: relative;  text-align: center;}
.btmTitle {font-size: 28px; margin-bottom: 30px;}
.btmArea ul li {display: inline-block; border: 10px solid rgba(2, 101, 205, 0.1);  width: 31%;  height: 230px;  vertical-align: top;   padding: 35px 15px;}
.btmArea ul li:not(:last-of-type) {margin-right: 10px;}
.btmArea ul li h3 {margin-bottom: 10px; font-size:16px; margin-top:10px;}
.btmArea ul li p {font-size:13px; letter-spacing:-0.025em;}

/* 사회공헌 끝 */

}

@media all and (max-width:834px) {
.ngroup_box{width:100%; padding:30px 0; margin-bottom:20px; display:inline-block;}
.ngroup_left{float:auto; width:100%; margin-right:0%; }
.ngroup_left img{width:100%; }
.ngroup_right{float:auto; width:100%;}
.ngroup_btn_box{text-align:center; background:#f7f9fc; padding:10px 10px; margin-top:30px; border-radius:25px;}
p.ngroup_tit{color:#000000; font-weight:600; font-size:45px; text-align:center; padding:20px 0  30px;}
p.ngroup_stit{color:#5e5e5e; font-size:18px; text-align:left; letter-spacing:-1px; padding:5px 0 5px;}
p.ngroup_txt{display: inline-block; color:#000000; font-size:20px; font-weight:500;  text-align:left; padding:15px 0px 15px 10px; border-bottom:1px solid #ddd;}

button.ngroup_btn{float:right; display:flex; align-items: center; justify-content: space-between; margin-top:5px;  font-size:18px; width:140px; height: 40px; font-weight:400;  overflow: hidden; background: linear-gradient(to right, #0068b7, #39b2e5);  backdrop-filter: blur(5px); box-sizing:border-box; transition:all .3s linear; padding:0 20px 0 25px; position: relative; text-align:left; cursor:pointer; border:0; border-radius:25px; }

.pay_left{float:auto; width:100%; margin-right:0%; }
.pay_left img{width:100%; }
.pay_right{float:auto; width:100%;}
.pay_btn_box{text-align:center; background:#f7f9fc; padding:10px 10px; margin-top:30px; border-radius:25px;}
p.pay_tit{color:#000000; font-weight:600; font-size:45px; text-align:center; padding:20px 0  30px;}
p.pay_stit{color:#5e5e5e; font-size:18px; text-align:left; letter-spacing:-1px; padding:5px 0 5px;}
p.pay_txt{display: inline-block; color:#000000; font-size:20px; font-weight:500;  text-align:left; padding:15px 0px 15px 10px; border-bottom:1px solid #ddd;}

button.pay_btn{float:right; display:flex; align-items: center; justify-content: space-between; margin-top:5px;  font-size:18px; width:140px; height: 40px; font-weight:400;  overflow: hidden; background: linear-gradient(to right, #0068b7, #39b2e5);  backdrop-filter: blur(5px); box-sizing:border-box; transition:all .3s linear; padding:0 20px 0 25px; position: relative; text-align:left; cursor:pointer; border:0; border-radius:25px; }



/**** S:: 인사말 ****/
.greeting_con dl dt { max-width:400px; }
.greeting_con dl dd h4 { padding:5px 0 15px; }
.greeting_con dl dd p { padding:0 0 20px; }
.greeting_con dl dd h6 { padding:30px 0 0; }
.greeting_con dl dd h6 b { padding:0 5px 0 7px; font-size:1.4rem; }
.greeting_con dl dd h6 img { width:75px; }
/**** E:: 인사말 ****/

/*********** List *************/
.history_list .his_in .his_txt h4 {width:125px;}
.history_list .his_in .his_txt ul {width:calc(100% - 125px); padding-left:50px;}
.history_list .his_in .his_txt ul li {padding:0 0 8px 105px;}
.history-list .progressbar {left:125px;}

/* 사회공헌 시작 */
.serveContent {width: 100%; margin: 0 auto;  padding: 0 20px;  box-sizing: border-box;}
.socialImg {width: 30%;  margin: 0 auto 30px auto;}
.socialArea {text-align: center;}
.socialArea .innerTitle {margin-bottom: 50px;}
.socialArea .innerTitle h2 {margin-bottom: 10px;}
.socialArea .innerTitle p {font-size: 20px;}
.socialInner {margin-bottom: 50px;}
.socialInner ul {display: flex;}
.socialInner ul li {color: #fff;  border-radius: 100px;  width: 380px;  display: inline-block;  padding: 20px 30px;  font-size: 18px;  display: flex;  justify-content: center;  align-items: center;}
.socialInner ul li:first-of-type {background-color: rgba(15, 168, 188, 0.8);}
.socialInner ul li:nth-of-type(2) {background-color: rgba(17, 138, 217, 0.8);   margin: 0 -30px;}
.socialInner ul li:last-of-type {background-color: rgba(2, 101, 205, 0.8);}
.btmArea:before {content: "";  width: 2px;  height: 60px;  background: #ddd;  position: absolute;  left: 50%;  margin-left: -0.5px;  top: 0;}
.btmArea {padding-top: 100px; position: relative;  text-align: center;}
.btmTitle {font-size: 28px; margin-bottom: 30px;}
.btmArea ul li {display: inline-block; border: 10px solid rgba(2, 101, 205, 0.1);  width: 31%;  height: 230px;  vertical-align: top;   padding: 35px 15px;}
.btmArea ul li:not(:last-of-type) {margin-right: 10px;}
.btmArea ul li h3 {margin-bottom: 10px; font-size:16px; margin-top:10px;}
.btmArea ul li p {font-size:13px; letter-spacing:-0.025em;}
/* 사회공헌 끝 */

/* 안내 시작 */
.overview_con .box_wrap .left_box span{width:25px; height:25px; line-height:25px;}
.overview_con .box_wrap .left_box p{font-size:1.3333rem}
.overview_con .box_wrap > .box{flex-direction: column; margin-bottom:40px; padding-bottom:40px; border-bottom:1px dashed #ddd}
.overview_con .box_wrap .left_box{width:100%; margin-bottom:20px; margin-right:0}
.overview_con .box_wrap .right_box{margin-bottom:0; border:none; width:100%; padding-bottom:0}
.overview_con .box_wrap > .box:last-child{margin-bottom:0; border:none; padding-bottom:0}



.down_btn{height:60px; line-height:52px}
.overview_con .btn_box{margin-bottom:40px}
.overview_con .btn_box > a{width: calc((100% - 20px)/3); margin-right:10px}

.ch_txt b span{width:15px; height:15px; font-size:15px}
.ch_txt b{padding-left:28px}

.marleft{margin-left:20px}

.re_btn{height:60px; line-height:52px}

	
	.banner_menu .long_ban a {padding:35px 20px;}
	.banner_menu .short_ban a {padding:20px 10px;}
	.banner_menu .short_ban img {width:50%;}

	.main_gasipan .half_box {margin-right:2%; width:49%;} 
	.refund_sec .info_sec.number {width:100%; margin-top:5%; display:inline-block;}
	.refund_sec .num_top {padding:32px 25px; width:50%; margin-right:5%; float:left; margin-bottom:0;}
	.refund_sec .num_bot {padding:129px 25px; width:45%; float:left; text-align:center;}
	.refund_sec .info_sec.refund {padding:55px 25px; margin-right:0; width:100%;}
	.refund_sec .refund .thm_btn {width:115px; height:115px;}
	.refund_sec .refund .thm_btn:after {background-size:80%; margin-top:-21px; margin-left:-19px;}
	.refund_sec .refund .info_left {width:34%; margin-right:5%;}
	.refund_sec .refund .info_right {width:61%;}
	.user-select {overflow-x: scroll;}

	.apply_text {height:5.6em;}
	.joinNew {padding: 10px 20px 0;}
	.joinNew .dtable .table-th {width: 20%;}
	.joinNew .hss {width: 50%;}

	.stateSearch li span.ttle {display:block;margin-bottom:3px;}
	
	.stateSearch ul:nth-child(1) li input {width:150px;}
	.stateSearch li {width:24.25%; margin-right:1%;}
	.stateSearch li input ,.stateSearch li select {width:100%;}
	.stateSearch li:nth-child(4) {margin-right:0;}
	.baseT.apply th {width:8%;}
	.baseT.apply th:nth-child(1) {width:3%;}
	.baseT.apply th:nth-child(2) {width:15%;}
	.baseT.apply th:nth-child(7) {width:10%;}
	.baseT.apply td select {width:100%;}

	.main_edu_banner_box{margin: 0 auto; max-width:100%;}
    .main_edu_banner ul li.medu {float:left; padding:10px 0px; width:46%; text-align:center; margin-left:3%; margin-right:1%;}
    .main_edu_banner ul li.medu img{width:100%;}

	.main_gasipan .half_box {width:48%; margin-right:2%; margin-bottom:5%;}
	.main_gasipan .bbody {min-height:auto;}



}

@media all and (max-width:768px) {
.register_con dl dt{float:left; width:48%; margin-left:1%; margin-right:1%; margin-bottom:2%;}
.register_con dl dt p{text-align:center; font-size:14px; color: #000; margin-top:10px; margin-bottom:5%;}
    .agree-box {width: 100%; padding: 5px; border-radius: 10px; position: relative; margin: 10px auto 10px; border: 1px solid #d2d2d2;}
    .policy_cont{position:relative; overflow:hidden; font-size:1rem; margin:1%; width:98%;}
	.policy_cont .cont_tit {padding-top:10px; padding-bottom:0px;}
	.policy_cont .cont_txt {padding:0px 0px 0px 0;}
	.main_banner .serch_form {width:95%; margin:20px auto 40px;}
	
	.main_banner  {height:auto;}
	.banner_menu .box {width:100%; margin-right:0;}
	.banner_menu .box.long {width:49%; margin-right:2%; margin-bottom:2%;}
	.banner_menu .box.long:nth-child(2n) {margin-right:0;}
	.banner_menu .long_ban.top {margin-bottom:3%;}
	.banner_menu .short_ban img {width:100%; max-width:64px;}
	.banner_menu .short_ban {width:48.5%; margin-right:3%; margin-bottom:3%;}

	.main_edu_banner_box{margin: 0 auto; max-width:100%;}
    .main_edu_banner ul li.medu {float:left; padding:10px 0px; width:46%; text-align:center; margin-left:3%; margin-right:1%;}
    .main_edu_banner ul li.medu img{width:100%;}
	
	.main_gasipan .half_box {width:48%; margin-right:2%; margin-bottom:5%;}
	.main_gasipan .bbody {min-height:auto;}

   	.main_bottom_banner ul{margin: 0 auto; max-width:100%;}
    .main_bottom_banner ul li.mbanner{float:left; padding:20px 0px; width:33%; text-align:center;}

	.refund_sec .info_sec.refund {width:100%; margin-right:0; padding:35px 25px;}
	.refund_sec .info_sec.number {width:100%; margin-top:20px;}
	.refund_sec .num_top {margin-bottom:20px;}
	.refund_sec .num_top {width:100%; margin-right:0;}
	.refund_sec .num_bot {padding:35px 25px; width:100%;text-align:left;}
	.refund_sec .refund .info_left {width:100%;}
	.refund_sec .refund .info_right {width:100%; margin-top:30px; border-top:2px solid #eee; padding-top:30px;}
	.refund_sec .mailto {margin-top:10px; display:inline-block;}

	/**** S:: 인사말 ****/
.greeting_con dl dt {max-width:280px; }
.greeting_con dl dd h4 { padding:2px 0 10px; }
.greeting_con dl dd p { padding:0 0 15px; }
.greeting_con dl dd h6 { padding:20px 0 0; }
.greeting_con dl dd h6 b { padding:0 5px 0 5px; }
.greeting_con dl dd h6 img { width:60px; }
/**** E:: 인사말 ****/

/*********** Top *************/
.history_top{padding:60px 5%;}
.history_top h3{font-size:1.8rem;}


/*********** List *************/
.history_list .his_in > div {padding-bottom:30px;}
.history_list .his_in .his_txt {padding-left:25px; box-sizing:border-box;}

.history_list .his_in .his_txt h4 {width:100%; font-size:1.7rem;}
.history_list .his_in .his_txt h4 .dot {right:auto; left:-25px; transform:translate(-50%,-50%);}
.history_list .his_in .his_txt ul {width:100%; padding-left:0; padding-top:10px;}
.history_list .his_in .his_txt ul li {padding:0 0 6px 90px;}
.history-list .progressbar {left:0;}


	/**** S:: 센터소개 > 조직도 ****/
.organ_style:before{content:''; display: block; width:1px; height:31%; background:var(--border); position:absolute; left:50%; top:16.1%; bottom:0;}
.organ_style .ceo_in{margin:0 auto 40px;width: 140px; height:120px; background:url('/files/images/organ_logo.png') no-repeat center/ 100% 70%; text-align:center;}
.organ_style .ceo_in img{width: 35px; margin: 35px auto 5px;}
.organ_style .ceo_in .fs28{font-size:1.176rem; padding-top:45px;}
.organ_style .top{padding: 0 0 20px;}
.organ_style .middle{padding: 0 0 20px;}
.organ_style .bottom{padding: 20px 0 0;}
.organ_style .bottom:before{width:75%;}

.organ_style .box{height:45px; margin: 0 5px 0 0; width: calc((100% - 20px)/4);}
.organ_style .box .fs16{font-size:11.5px;}

.organ_style .box_txt{height:45px; margin: 0 5px 0 0; width: calc((100% - 20px)/4); padding:1px; text-align:center;}
.organ_style .box_txt .fs19{font-size:11px;}

.organ_style .top .box{width:30%; text-align:center;}
.organ_style .bottom .box:before{height:20px; top:-20px;}

/**** E:: 센터소개 > 조직도 ****/





	.mapText_info {display:block;}
	.mapText_info li {display:block; float:left;}
	.mapText_infos {margin-left:0%; width:100%;}
	.mapText_tit {width:100%; max-width:70px;}
	.mapText_text {width:100%; padding-top:5px; padding-left:0; font-size:15px;}
	.mapText_tits_01 {width:16%; padding-top:5px; padding-left:0; margin-right:1%;}
	.mapText_tits_02 {height:26px;  width:16%; padding-top:5px; padding-left:0; margin-right:1%;}
	.mapText_tits_03 {width:16%; padding-top:5px; padding-left:0; margin-right:1%;}
	.mapText_tits_04 {width:16%; padding-top:5px; padding-left:0; margin-right:1%;}

	.mapArea {padding:30px;}

	.apply_li li, .apply_li4 li {width:49%; padding:25px;}
	.apply_li4 li:nth-child(2n) {margin-right:0;}
	.apply_li4 li:nth-child(3), .apply_li4 li:nth-child(4) {margin-top:6%;}
	.apply_li li:nth-child(3n) {margin-right:2%;}
	.apply_li li:nth-child(2n) {margin-right:0;}
	.apply_li li:after {top:0; margin-top:30px; right:20px; width:22px; height:20px; background-size:22px 20px}
	.apply_li4 li:after {display:none;}
	.apply_li4 li br {display:none;}

	.apply_li li, .apply_li5 li {width:49%; padding:25px;}
	.apply_li5 li:nth-child(2n) {margin-right:0;}
	.apply_li5 li:nth-child(3), .apply_li4 li:nth-child(4) {margin-top:6%;}
	.apply_li li:nth-child(3n) {margin-right:2%;}
	.apply_li li:nth-child(2n) {margin-right:0;}
	.apply_li li:after {top:0; margin-top:30px; right:20px; width:22px; height:20px; background-size:22px 20px}
	.apply_li5 li:after {display:none;}
	.apply_li5 li br {display:none;}

	.step01 .apply_li li:nth-child(1n)  {float:auto; width:100%; margin-right:3.5%; border:1px solid #e1e1e1; background:#ffffff; border-radius:12px; padding:20px; letter-spacing:-0.5px; position:relative; box-shadow:rgb(100 100 111 / 10%) 0px 5px 20px 0px;}
    .step03 .apply_li li:nth-child(3n)  {float:auto; width:100%; margin-right:3.5%; border:1px solid #e1e1e1; background:#ffffff; border-radius:12px; padding:20px; letter-spacing:-0.5px; position:relative; box-shadow:rgb(100 100 111 / 10%) 0px 5px 20px 0px;}

	.apply_li3 li, .apply_li2 li {width:100%; margin-right:0; margin-bottom:6%;}
	.apply_li3 li + li {margin-bottom:6%;}
	.apply_li3 li:last-child, .apply_li2 li:last-child {margin-bottom:0;}
	.apply_li4 li {height:180px; font-size:15px;}
	.apply_li5 li {height:180px; font-size:15px;}

	.bgWhite2, .bgRed {padding : 40px 0;}
	.apply_stit {height:3.9em;}
	.apply_text3, .apply_text2 {padding:25px; font-size:15px;}
	.apply_li4 li:nth-child(2n) {margin-top:4%;}
	.apply_li5 li:nth-child(2n) {margin-top:4%;}

	.studyInfo_area li {width:50%;}
	.studyInfo_area li:nth-child(2) {border-right:1px solid #eee;}
	.studyInfo_li > li {width:100%; margin-bottom:10px;}
	.studyInfo_sstit, .studyInfo_stext {float:left;}
	.sn-ui li:nth-child(2) a, .sn-ui li:nth-child(3) a {text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 95%; overflow: hidden; display: block;}

  .formContent {
      width: 100%;
      margin: 0 auto;
      padding: 0px;
      box-sizing: border-box;
  }
  
  .eduInquiryForm ul li ul.selectBtn {
      justify-content: flex-start;
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      gap: 5px;
  }
  
  
  .eduInquiryForm ul li ul.selectBtn li {
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      flex-basis: 48%;
  }
  
  .eduInquiryForm ul li ul.companyInfo li {
      flex-basis: 100%;
      display: flex;
      justify-content: flex-start;
      flex-wrap: nowrap;
      align-items: center;
  }
  .eduInquiryForm ul li ul.companyInfo li:nth-of-type(odd){
  	margin-right:0px;
  	margin-bottom:10px;
  }
  .eduInquiryForm ul li ul.routeArea{
   display:inline-block; width:100%;}
  
  
  
  .eduInquiryForm ul li ul.routeArea li:not(:last-of-type) {
      margin-right: 0px;
  	width:100%;
  	margin-bottom:2%;
  }
  
  .eduInquiryForm ul li ul.routeArea li label {
      font-size: 16px;
      line-height: 20px;
      margin-left: 0px;
  }
  .eduInquiryForm ul li ul.routeArea li input[type="radio"] {
      accent-color: #0265cd;
      width: 18px;
      height: 18px;
  	margin-right:2%; 
  }



}
@media all and (max-width:540px) {
.npay_box{width:100%; padding:30px 0; margin-bottom:20px; display:inline-block;}
.npay_left{margin-left:1%; float:left; width:98%; margin-right:1%;}
.npay_left img{width:100%; margin:10px 0px;}
.npay_right{float:auto; width:98%; margin-right:1%;}
.npay_edu_box{padding:0px 10px;}
.npay_bill_box{padding:0px 10px 10px;}

	.main_zoom{margin: 0 auto; max-width:96%;}

	.main_zoom ul li.zoom01 {float:left; margin-top:60px; padding:0px; height:280px; width:50%; background:url('/files/images/main_zoom_01_bg.png') no-repeat top center;}
    .main_zoom ul li.zoom02 {float:left; margin-top:60px; padding:0px; height:280px; width:50%; background:url('/files/images/main_zoom_02_bg.png') no-repeat top center;}

	p.zoom_tit{padding-top:60px;font-size:42px; color:#ffffff; font-weight:600; text-align:center;}
	p.zoom_txt{font-size:20px; color:#ffffff;  text-align:center;}

	p.zoom_stit{padding-top:40px;font-size:30px; padding-left:30px; color:#ffffff;  text-align:left;}
	p.zoom_stxt{padding-top:30px; font-size:16px; padding-left:30px;line-height:24px; color:#ffffff;  text-align:left;}

	}
@media all and (max-width:480px) {
.bottom_btn{width:100%; text-align:center; height:60px; margin-top:80px; margin-bottom:60px;}
.member_process {display:none;}
.topvisual .bg_489 {display:none;}
.info-text{margin-left:2%; width:94%;}
/**** S:: 인사말 ****/
.greeting_con dl dt {width:100%; }
.greeting_con dl dd {width:100%}
.greeting_con dl dd h5 {margin-top:20px; font-size:26px;}
.greeting_con dl dd h4 {font-size:26px;}
.greeting_con dl dd h6 { positioN:relative; flex-wrap:wrap; }
.greeting_con dl dd h6 b { width:100%; text-align:right; padding:5px 0px 0 0; }
.greeting_con dl dd h6 img { position:Absolute; right:0; bottom:-3px; }
/**** E:: 인사말 ****/
.history_top{padding:0px 2%;}
.history_top img {width:100%;}
.history_list {padding:20px 0 0;}
.history_list .his_in .his_txt ul li {padding:0 0 8px 0; font-size:13px;}
.history_list .his_in .his_txt ul li strong {position:relative; display:block; margin:0 0 2px;}

/* 사회공헌 시작 */
.serveContent {width: 100%; margin: 0 auto;  padding: 0 10px;  box-sizing: border-box;}
.socialImg {width: 100%;  margin: 0 auto 30px auto; text-align:center;}
.socialArea {text-align: center;}
.socialArea .innerTitle {margin-bottom: 50px;}
.socialArea .innerTitle h2 {margin-bottom: 10px;}
.socialArea .innerTitle p {font-size: 20px;}
.socialInner {margin-bottom: 20px;}
.socialInner ul {display: block;}
.socialInner ul li {color: #fff;  border-radius: 100px;  width: 100%;  display: inline-block;  padding: 20px 30px;  font-size: 17px; margin-bottom:10px;}
.socialInner ul li:first-of-type {background-color: rgba(15, 168, 188, 0.8);}
.socialInner ul li:nth-of-type(2) {background-color: rgba(17, 138, 217, 0.8);   margin: 0 -30px; margin-bottom:10px;}
.socialInner ul li:last-of-type {background-color: rgba(2, 101, 205, 0.8);}
.btmArea:before {content: "";  width: 2px;  height: 60px;  background: #ddd;  position: absolute;  left: 50%;  margin-left: -0.5px;  top: 0;}
.btmArea {padding-top: 70px; position: relative;  text-align: center;}
.btmTitle {font-size: 28px; margin-bottom: 30px;}
.btmArea ul li {display: inline-block; border: 10px solid rgba(2, 101, 205, 0.1); margin-bottom:20px;  width: 100%;  height: 230px;  vertical-align: top;   padding: 35px 15px;}
.btmArea ul li:not(:last-of-type) {margin-right: 10px;}
.btmArea ul li h3 {margin-bottom: 10px; font-size:18px; margin-top:10px;}
/* 사회공헌 끝 */

/* 안내 시작 */
.overview_con .btn_box > a{width:100%; margin-right:0; margin-bottom:5px}
.overview_con .btn_box > a:last-child{margin-bottom:0}

/* 단체교육신청 바로가기 */
/* 기본 상태: 흰색 배경에 회색 테두리 */
.apply_btn .apply_link {
  display: inline-block;
  padding: 10px 20px;
  background-color: #fff;
  color: #333;
  text-decoration: none;
  border: 1px solid #ddd;
  border-radius: 5px;
  transition: all 0.3s ease;
}

/* 호버 및 클릭 시: 파란색 배경으로 변경 */
.apply_btn .apply_link:hover,
.apply_btn .apply_link:active {
  background-color: #007bff;
  color: #fff;
  border-color: #007bff;
  font-weight: bold;
}

/* 컨설팅시작 */
.contri-top .img,.contri-top.pr .img{width: 40%}
.contri-top .cont{margin-left: 3%;}
.contri-top .bg{background: none}
.contri-top.pr .bg{background: #f6f6f6}
.contri-dev .box{padding: 30px 1em}
.contri-box{display: block;}
.contri-box .ico{margin: 0 auto;}
.contri-box .ico01{margin: 0 auto;}
.contri-box .ico02{margin: 0 auto;}
.contri-box .ico03{margin: 0 auto;}
.contri-box .dotted{margin: 63px 0 0;}
.contri-box .dotted:before{left: 50%; top:-35px; width: 37px; height: 7px; transform:rotate(90deg); margin-left: -17px;}

.contri-box .ctext{margin: 63px 0 0; width:100%;}
.contri-box .ctext:before{left: 50%; top:-35px; width: 37px; height: 7px; transform:rotate(90deg); margin-left: -17px; background: url('/files/images/dotted.gif') center center no-repeat;}
.contri-box .cbottom{margin: 63px 0 0; width:100%;}
.contri-box .cbottom:before{left: 50%; top:-35px; width: 37px; height: 7px; transform:rotate(90deg); margin-left: -17px; background: url('/files/images/dotted.gif') center center no-repeat;}
.contri-box .ctext .incenter img{width:100%;}
    .contri-bottom{padding: 30px 30px 215px}

	.main_banner {width:100%; height:100%; margin-top:-130px;}

	.main_banner {padding:60px 0  0px;}
	.banner_menu .long_ban {background-size:40px; background-position:50% 10%;}
	.banner_menu .long_ban a {padding:60px 10px 20px; text-align:center;}
	.banner_menu .long_ban.b3 a {padding:38px 30px; text-align:left;}
	.banner_menu .short_ban h1 br {display:none;}
	.banner_menu .long_ban h1 {font-size:20px; font-family:'noto sans kr'; font-weight:500; margin-bottom:3px;}
	.banner_menu .box.long {width:100%; margin-right:0; margin-bottom:4%;}

	.main_gasipan .half_box {width:48%; margin-right:2%; margin-bottom:5%;}
	.main_gasipan .bbody {min-height:auto;}



	.main_title_b {font-size:28px;}
	.main_banner .title_s {font-size:17px;}
	.banner_menu .long_ban h2 {font-size:14px;}

	.banner_menu .long_ban.top {margin-bottom:0;}
	.banner_menu .short_ban {margin-bottom:15px;}
	.banner_menu .short_ban img {max-width:40px;}

	.mapArea {padding:15px;}

	.humanCart_tr {display:block;}
	.humChart_td {padding:20px; margin-bottom:10px; border-radius:10px; border:1px solid #eee; background:#fff;}
	.humanCart_tr li {display:block; border:none; width:100%; padding:0; text-align:left; padding:2px 0;}
	.humanCart_tr li:nth-child(4n) {border-right:none;}
	.humChart_th li {display:none;}
	.humChart_td li:first-child {color:#222; font-size:17px; font-weight:700; padding:10px 0 5px;}

	.apply_csText {float:none; top:0;}
	.applyTable td, .applyTable th {padding:10px 5px; font-size:14px;}

	.apply_li li, .apply_li4 li {width:100%; margin-right:0;}
	.apply_li li:first-child, .apply_li4 li:first-child {margin-bottom:2%;}
	.apply_stit, .apply_text {height:auto;}
	.apply_li li:after {transform: rotate(90deg);}
	.apply_li4 li {height:auto;}

	.apply_li li, .apply_li5 li {width:100%; margin-right:0;}
	.apply_li li:first-child, .apply_li5 li:first-child {margin-bottom:2%;}
	.apply_stit, .apply_text {height:auto;}
	.apply_li li:after {transform: rotate(90deg);}
	.apply_li5 li {height:auto;}

	.studyInfo_tr > li:last-child {border-right:none;}
	.studyInfo_Box a {position:relative; right:0; top:0; margin-top:0; display:block; text-align:center; border-radius:10px; margin-top:20px;}
	.studyInfo_sstit, .studyInfo_stext {float:none;}
	.studyInfo_BoxIn {width:100%;}
	.studyInfo_tr > li.max480 {display:block; color:#222; font-weight:500; padding:10px 0 5px;}
	.studyInfo_Box {padding:20px;}
	.two-deps .section {width: 100%;}
	.sn-ui li:nth-child(3) {border-right:none;}
	.sn-ui li:nth-child(2), .sn-ui li:nth-child(3) {border-bottom:1px solid #ddd;}
	.joinNew {padding: 10px 0; border: 0; border:1px solid #ddd;}
	.joinNew .dtable .table-th {width: 25%;}
	.joinNew .hss {width: 100%;}
	.joinNew .ss {width: 46%;}

	.stateSearch li {width:49%; margin-right:2%;}
	.stateSearch li:nth-child(2n) {margin-right:0;}
	 
	.baseT.apply th {width:10%;}
	.baseT.apply th:nth-child(2) {width:10%;}

	.eduSearch li {width: 100%; float: none;}
	.eduSearch li span {display: inline-block; width: 70px;}
	.apllyEdu table.baseT th:nth-child(6) {width: auto;}
	.apllyEdu table.baseT th:nth-child(7) {width: 80px;}
	.apllyEdu table.baseT th:nth-child(8) {width: 80px;}
	.apllyEdu table.baseT td:nth-child(6) {text-align: left;}

	.paydBox .dtable .table-th {display:block;width:100%;height:auto;}
	.paydBox .dtable .table-td {display:block;width:100%;height:auto;}

.myuser-content {max-width: 100%; padding: 5px 5px; height: auto; font-size: 13px; z-index:99999999;}
.dtable.col .table-th{font-size:12px;}
.bnr_btn_more {display:inline-block; width:96%; background: var(--green); padding: 15px 50px 15px; position: relative; border-radius: 30px; margin: 5px; box-shadow:rgb(100 100 111 / 45%) 0px 5px 10px 0px;}
.bnr_btn_more a:link{width:100%; }
.bnr_btn_more:hover {background: var(--green); box-shadow:0 10px 10px rgba(200,50,200,0.1); transition: 0.3s; }
.bnr_btn_more span {font-size:16px; font-weight: 400; margin-left:0px; color: #fff;}
.bnr_btn_more span i{border-top: 2px solid #fff;  border-right: 2px solid #fff;  margin-left: 10px;  transform: rotate(45deg) translateY(-50%);  position: absolute;  top: 50%;  width: 8px;  height: 8px;}

#mtab01 {margin-left:2%; width:96%; padding: 0; border:0; margin-top:20px;  margin-bottom:10px; text-align:left; border-bottom:1px solid var(--main);}

.sub_profile{float:auto; width:100%; padding-left:0px; text-align:center; margin-right:0px;}
.sub_career{float:auto; width:100%;}

.point01{float:auto; padding-right:0px;  padding-left:20px;border-right:0px solid #ddd; }
.point02{float:auto;  padding-left:20px;}

p.sub_teacher_name{margin-top:20px; padding-left:0px; text-align:center; font-size:30px; color:var(--main); line-height:30px; font-weight:800; font-family:'NanumMyeongjo',Sans-serif;}


p.sub_teacher_tit_left{margin-top:20px; padding-left:40px; text-align:left; font-size:20px; color:#1e2745; line-height:30px; font-weight:400;}
p.sub_teacher_txt_left{margin-top:0px;padding-left:40px;  text-align:left; font-size:13px; color:#6e6e6e; line-height:22px; font-weight:400;}

	.main_edu_banner_box{margin: 0 auto; max-width:100%;}
    .main_edu_banner ul li.medu {float:left; padding:10px 0px; width:46%; text-align:center; margin-left:3%; margin-right:1%;}
    .main_edu_banner ul li.medu img{width:100%;}

	.main_zoom{margin: 0 auto; max-width:96%;}

	.main_zoom ul li.zoom01 {float:left; margin-top:60px; padding:0px; height:280px; width:50%; background:url('/files/images/main_zoom_01_bg.png') no-repeat top center;}
    .main_zoom ul li.zoom02 {float:left; margin-top:60px; padding:0px; height:280px; width:50%; background:url('/files/images/main_zoom_02_bg.png') no-repeat top center;}

	p.zoom_tit{padding-top:60px;font-size:42px; color:#ffffff; font-weight:600; text-align:center;}
	p.zoom_txt{font-size:20px; color:#ffffff;  text-align:center;}

	p.zoom_stit{padding-top:40px;font-size:30px; padding-left:20px; color:#ffffff;  text-align:left;}
	p.zoom_stxt{padding-top:30px; font-size:16px; padding-left:20px;line-height:24px; color:#ffffff;  text-align:left;}

	.main_bottom_banner ul{margin: 0 auto; max-width:100%;}
    .main_bottom_banner ul li.mbanner{float:left; padding:20px 0px; width:33%; text-align:center;}


}
@media all and (max-width:360px) {
	.banner_menu .long_ban h1 {font-size:18px;}
	.banner_menu .long_ban h2 {font-size:12px;}

	.stateSearch ul:nth-child(1) li input {width:40%;}
}

/* estimate Result */
.estimate {margin: 10px auto; width: 100%; max-width: 790px; height:842px; margin-bottom:10px;  font-family:'Nanum Gothic',Dotum,AppleGothic,sans-serif; }
.estimate h2 {margin-bottom: 10px; text-align:center; font-size:32px; color:#3b6190; letter-spacing:-2px; }
.estimate h3 {/*margin-top: 30px;*/ text-align:left; font-size:17px; color:#000000; }
p.estimate_txt {text-align:left; font-size:14px; color:#000000;}
.estimate_view {border: 1px solid #ddd; padding: 20px;}
.estimate_sign{
    position:absolute;
    top: 50px;
    left: 794px;
    display: inline-block;
    width: 60px;
    height: 58px;
    background: url(/files/images/transactional_statements_sign.png) 0 0px no-repeat;
}
.estimate_box{height:200px;}
.estimate_left{float:left; width:40%; margin-right:1%; padding-bottom:10px;}
.estimate_right{float:right; width:59%; padding-bottom:10px;}
.pdf_btn{background:#d12c0d;}

/* 테이블리스트 */
table.estimate_board {width:100%; margin-top:5px; border-right:1px solid #548fd2; font-family:'Nanum Gothic',Dotum,AppleGothic,sans-serif; }
table.estimate_board th {height:36px; text-align:center; border-top:1px solid #548fd2; padding-top:5px; padding-bottom:5px; color:#333; font-weight:bold; background:#f0f1f9; font-size:14px; border-left:1px solid #548fd2; border-top:1px solid #548fd2;  vertical-align: middle;}
table.estimate_board th.bline{border-bottom:1px solid #548fd2;}
table.estimate_board td {line-height: 150%; height:36px; font-size:13px; color:#555; padding-top:0px; padding-bottom:0px; text-align:center; border-left:1px solid #548fd2; border-top:1px solid #548fd2; vertical-align: middle;}
table.estimate_board td.bline{border-bottom:1px solid #548fd2;}
table.estimate_board td.bleft{text-align:left; padding-left:10px;}
table.estimate_board td.blue{color:#548fd2;}

table.estimate_brd {width:100%; margin-top:5px; /*border-right:1px solid #548fd2;*/ font-family:'Nanum Gothic',Dotum,AppleGothic,sans-serif; }
table.estimate_brd th {height:36px; text-align:center; /*border-top:1px solid #548fd2;*/ padding-top:5px; padding-bottom:5px; color:#333; font-weight:bold; background:#f0f1f9; font-size:14px; /*border-left:1px solid #548fd2; border-top:1px solid #548fd2;*/  vertical-align: middle;}
table.estimate_brd th.bline{border-bottom:1px solid #548fd2;}
table.estimate_brd td {line-height: 150%; height:36px; font-size:13px; color:#555; padding-top:0px; padding-bottom:0px; text-align:center; /*border-left:1px solid #548fd2; border-top:1px solid #548fd2;*/ vertical-align: middle;}
table.estimate_brd td.bline{border-bottom:1px solid #548fd2;}
table.estimate_brd td.bleft{text-align:left; padding-left:10px;}
table.estimate_brd td.blue{color:#548fd2;}
span.estimate_red{color:#ff0000; font-weight:bold;}