.padding-left-15 {padding-left:15px}
.padding-left-30 {padding-left:30px}


/*서브 이미지 */
#subVisual{position:relative;width:100%;height:300px;
background:url('../img/bg/sub_bg1.jpg') no-repeat center 0;}
#subVisual .txt{position:relative;font-size:30px;padding:90px 0px 20px 0px;position:relative;
text-align:center;color:#fff; text-shadow: 1px 1px 1px #000;}


.lineMap{text-align:center;font-size:16px;color:#fff; text-shadow: 1px 1px 1px #000; }
.lineMap img{position:relative;top:-2px;}
.lineMap span{display:inline-block;height:12px; width:12px;
background:url('../img/bg/icon_dot3.png') 50% 50% no-repeat;position:relative;
top:4px;margin:0 5px;text-indent:-9999px;}

/* lnb */
.ts-sidebar {width: 100%;
    margin: 0 0 30px 0;
	overflow:hidden;
    padding: 0;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    background-color: #f2f2f2;}
.ts-sidebar ul {margin:0}
.ts-sidebar ul.menu li a{
    font-weight: 400;
    line-height: 1.5em;
    color: #333333;
    padding: 10px 30px 10px 30px;
    text-decoration: none;
	display:block;
}
.ts-sidebar ul.menu li{float: left; border-left: 1px solid #dcdcdc;}
.ts-sidebar ul.menu li.on {    border-bottom: 2px solid #164895;}
.ts-sidebar ul.menu li.on a{color:#164895; font-weight:600}
.ts-sidebar ul.menu li:last-child {border-right: 1px solid #dcdcdc;}


#container_title{position:relative; padding-bottom:10px; font-size:25px;}
#container_title span {text-align:center;}
#container_title span:after {
    bottom: 0;
    width: 60px;
    border-width: 2px 0 0 0;
    border-style: solid;
    border-color: #164895;
    left: 50%;
    margin-left: -30px;
    position: absolute;
    content: "";
}

/*인사말*/
.greeting p {margin-bottom:15px}
.greeting_txt {border-top:1px dashed #c8c8c8; padding-top:20px;}
.greeting_txt  dl {overflow:hidden; margin:10px 0;}
.greeting_txt  dl dt {width:15%; float:left; text-align:center;}
.greeting_txt  dl dt span {
        margin: 0 auto;
        background:#3896ef;
		float:left;text-align:center;
		padding:25px; border-radius:15px;
		font-size:22px; color:#fff;}
.greeting_txt  dl dd { width:85%;float:left;}

.greeting_txt  dl:nth-child(2) dt span{background:#2783d9;} 
.greeting_txt  dl:nth-child(2) {margin-top:20px}


/*핵심가치*/
.marginauto {margin:0 auto;}
.strong {font-weight:600}
.union h3, .program h3, .sponsor h3,  .h3_title{font-size:22px; font-weight:500; margin:20px 0; font-weight:600}
.program h3 {margin:0 0 20px 0}
.union h3:before, .program h3:before, .sponsor h3:before, .h3_title:before {
        content: "";
        display: block;
        width: 30px;
        border-bottom: 2px solid #164895;
        margin: 10px 0px;
      }
.union h4{font-size:18px; font-weight:600}
.union .vision {background:#f8f8f8; padding:22px 15px; border:1px solid #e8e8e8; text-align:center;}
.union .vision span, .union .goalwrap .goal span {color:#164895; font-size:22px;font-weight:600}

.union .goalwrap {background:#f8f8f8; padding:22px 15px; border:1px solid #e8e8e8; }
.union .goalwrap .goal {width:100%; overflow:hidden; font-size:20px;}
.union .goalwrap .goal li {float:left; width:33.33333%; text-align:center;}
.union .goalwrap .goal li img {margin-bottom:20px; height:160px !important}

.union .value{background:#f8f8f8; padding:22px 15px; border:1px solid #e8e8e8; overflow:hidden; margin-bottom:25px; }
.union .value dl {width:25%; float:left; text-align:center}
.union .value dl dt {
        margin: 0 auto;
        width: 150px;
        height: 150px;
        background:#3896ef;
        border-radius: 50%;
		padding-top:63px;
		font-size:22px; color:#fff;}
.union .value dl:nth-child(2) dt {background:#2783d9;} 
.union .value dl:nth-child(3) dt {background:#1765af;} 
.union .value dl:nth-child(4) dt {background:#114678;} 
.union .value dl:nth-child(5) dt {background:#2783d9;} 
.union .value dl:nth-child(6) dt {background:#1765af;} 
.union .value dl:nth-child(7) dt {background:#114678;} 
.union .value dl:nth-child(8) dt {background:#0e304e;} 

.union .value dl dd {margin-top:10px;}

.value_txt  {border-top:1px dashed #c8c8c8; padding-top:20px;}
.value_txt .value-title {width:15%; float:left; background:#3896ef; 
padding:15px 0; text-align:center; color:#fff; border-radius:15px;}
.value_txt .value-stxt {width:85%; float:left; padding-left:25px;}
.value_txt .value-stxt h5{font-size:1.1em; margin-top:15px;}


/*후원안내*/
.sponsor_hi p {margin-bottom:15px;}
.spon_business, .teacher {overflow:hidden;}
 .teacher  {margin-top:3%}
.spon_business p, .teacher p{overflow:hidden; position:relative;  border-radius:50%; text-align:center; }
.teacher p {border-radius:10px;}
.spon_business p:after, .teacher p:after  {content:''; display:block; padding-bottom:60%;}
.teacher p:after  {padding-bottom:20%;}
.teacher_second p:after {padding-bottom:30%}
.spon_business div {padding:0 2% 2% 2%; width:25%; float:left; }
.teacher div {padding:0 2% 2% 2%; width:33.333333333%; float:left; }
.teacher_second div {width:25%; padding:0 1% 1% 1%; }
.spon_business div:nth-child(1) p, .teacher div:nth-child(1) p{background:#3896ee}
.spon_business div:nth-child(2) p, .teacher div:nth-child(2) p{background:#5fb643}
.spon_business div:nth-child(3) p, .teacher div:nth-child(3) p{background:#174895}
.spon_business div:nth-child(4) p, .teacher div:nth-child(4) p{background:#f28f00}
.spon_business div p span, .teacher div p span{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#fff; width:100%;}

.sponsor .spon_ul li {background-position:0 12px !important; color:#000; font-weight:500; margin-top:10px;
    padding-left: 10px;
    background-image: url(../img/square.jpg);
    background-repeat: no-repeat;
    background-position: 0 17px;
}
.sponsor .spon_ul li:first-child {margin-top:0;}


/*tab*/
ul.tabs {
position:relative;
float:left;
list-style: none;
height: 50px;
width: 100%;
-webkit-box-sizing:border-box; box-sizing:border-box;
margin:0;
padding: 0;
margin-top:30px;
}

ul.tabs li {
float: left;
text-align:center;
cursor: pointer;
width:12.5%;
padding: 0;
line-height: 50px;
height:50px;
border: 1px solid #dedede;
border-left:0;
border-bottom:0;
-webkit-box-sizing:border-box; box-sizing:border-box;
}

ul.tabs li:first-child {border-left:1px solid #dedede;}

ul.tabs li.active {
background-color:#164895;;
color:#fff;
font-weight:bold;
}

ul.tabs li a {color: #212529;}
ul.tabs li.active a {color:#fff;font-weight:bold;}

ul.tabs {height:50px;}
.tabs li {width:33.3333333333333%; font-size:20px; height:50px; line-height:50px;}
.tabs li {width:50%}


.tab_container {
position:relative;
float:left;
border: 1px solid #dedede;
width:100%;
padding:30px;
-webkit-box-sizing:border-box; box-sizing:border-box;
margin-bottom:30px;
}

.tab_content h4{font-size:18px; margin-bottom:10px; font-weight:bold;}

/*연혁*/
.history {margin-bottom:25px; overflow:hidden;}
.history div  {float:left;}
.history .history_dl {padding:25px 15px 0px 45px;}
.history dl dt {
  font-size: 1.625rem;
  letter-spacing: -0.03em;
  line-height: 1.2307692308;
  word-break: keep-all;
  word-wrap: break-word;
  margin-bottom: 0.9375rem;
  color: #164895;
  font-weight: bold;
}
.history dl dd p {
  padding-left: 12px;
  font-size: 1.1875rem;
  letter-spacing: -0.03em;
  line-height: 1.6842105263;
  word-break: keep-all;
  word-wrap: break-word;
  color: #666666;
  font-weight: 400;
  box-sizing: border-box;
  position: relative;
}
.history dl dd p:before {
  content: "·";
  position: absolute;
  left: 0;
  top: 0;
}
.history dl dd p + p {
  margin-top: 1.875rem;
}

/*정관*/
.rule h3{font-size:20px; font-weight:600; margin-bottom:25px; color:#164895;}
.rule h4 {font-size:16px; font-weight:600; }
.rule p {margin:10px 0 25px 0}
.rule p.padding-left-15 {margin:0 0 25px 0}
.rule ul li {margin-bottom:8px;}
.rule ul li ul {padding-left:18px; margin-top:8px;}


/*조직도*/
.organization {margin:25px 0 45px 0; position:relative; font-size:18px;}
.level0 {width:180px;height:65px;
margin:0 auto 30px;color:#fff;font-size:22px;border:0;background:#3659bf;text-align:center;}
.level0 .t1{display:block;line-height:65px;}
.level0:after {content:'';display:block;background-color:#aaa;width:1px;
height:181px;position:absolute;top: 65px;left:50%;}


.level1, .level2 {overflow:hidden;position:relative;min-height: 65px;}
.level1 li  {width:180px;height:55px;position: absolute;float:right;right: 15%;
line-height:55px;background-color:#266bca;color:#fff;text-align:center;margin:0;}
.level1:before {content:'';display:block;height:1px;
width: calc(100% - (75%)); background-color:#aaa;position:absolute;top:45%;left:50%;}

.level2 {padding-bottom: 20px; min-height: 85px;}
.level2:before {content:'';display:block;height:1px;width: calc(100% - (72%));background-color:#aaa;
position:absolute;top: 33%;left: 50%;margin-left: -382px;}

.level2 .org_left, .level2 .org_right {width:180px;height:55px;position: absolute;float:left;left: 15%;
line-height:55px;background-color:#59759c;color:#fff;text-align:center;margin:0;}
.level2 .org_right {left:42%}


.level2_1 {overflow:hidden;position:relative; }
.level2_1:before {
    content: '';
    display: block;
    height: 1px;
    width: calc(100% - (11.9% * 2.1));
    background-color: #aaa;
    position: absolute;
    /* top: 84px; */
    left: 12.5%;}
.level2_1 li:after {content:'';display:block;background-color:#aaa;width:1px;height:60px;
position:absolute;top:-30px;left:50%;}
.level2_1 li {float:left;margin: 0 1%;width: calc((100% / 4) - 2.0%); position:relative;}
.level2_1 li h4 {display:block;width: auto;height:44px;line-height:44px;background-color:#5a6574;
color:#fff;text-align:center;margin:30px 0 0 0; font-size:18px;}
.level2_1 li h4:after {content:'';display:block;background-color:#aaa;width:0px; height:0px; position:absolute; top:0px; left:50%;}
.level2_1 li ul.part {overflow:hidden;border:1px solid #59759c;border-top:0;padding: 0.8em; position:relative;
}
.level2_1 li ul.part li {width: 100%;text-align: left;margin: 0;padding: 0 0 0 8px; font-size:16px; position:relative;}
.level2_1 li ul.part li:after {content:'';display:block;background-color:#aaa;width:0px; height:0px; position:absolute; top:0px; left:50%;}
.level2_1 li ul.part li:before {position:absolute;top:13px;left:0;content:'';width:3px;height:2px;background:#bbb;
margin:0 0 4px 0;}

/*프로그램*/
.programWrap {width:100%; position:relative; margin-bottom:25px; overflow:hidden;}
.programWrap .program {float:left;margin: 1%; width: calc((100% / 3) - 2.0%); text-align:center;}
.pimg {margin:0 auto;}
.program ul.tabs {height:65px;}
.program .tabs li {width:33.3333333333333%; font-size:20px; height:65px; line-height:65px;}
.program2 .tabs li {width:50%}
.programWrap .program p img, .pimg img {border-radius:10px}
.programWrap .program p.txt {margin-top:8px} 
.program p {margin-bottom:40px}
.program p:last-child{margin-bottom:1rem;}

.address{text-align:center; font-size:18px; margin:25px 0;}
#map {width:100%; margin:25px auto; height:500px;}
#map iframe {width:100%}
.blind{display:none;}

@media (min-width:1200px){
.greeting {background:url('../img/bg/bg_greeting.jpg') center bottom no-repeat;min-height:840px;}
.greeting img {display:none;}
}
@media (max-width:1199px){
#subVisual{height:180px; background-size:cover;}
#subVisual .txt {padding:50px 0 20px 0;}
.navbar-brand img {height:50px;}
.union .value, .history, .programWrap {margin-bottom:0}
.level2:before {left:33%;     margin-left: -152px;}
.level2_1 li ul.part {min-height:180px}
.level0 {width:250px; height:55px;}
.level0 .t1{line-height:55px}
.level0:after {top:55px}

.teacher_second div {padding:0 2% 2% 2%; width:50%; float:left; }
.teacher_second p:after {padding-bottom:15%}
.teacher p br{display:none}
}

@media (max-width:991px){

.greeting_txt  dl dt, .greeting_txt  dl dd, .greeting_txt  dl dt span { width:100%;}
.greeting_txt  dl dt span {padding:10px; font-size:18px; }
.greeting_txt  dl dd {margin-top:10px}
.greeting_txt  dl dt span br {display:none;}
.union .goalwrap .goal li img  {height:85px !important;}
.union .vision span, .union .goalwrap .goal span, 
.union .goalwrap .goal ,.goalwrap .f20, .union .value dl dt, .history dl dt{font-size:16px}
.union .value dl dd, .history dl dd p {font-size:14px}
.union .value dl dt {width:100px; height:100px; padding-top:35px;}
.history .history_dl {padding:15px 15px;}

.history div.history_img { width:45%;}
.history div.history_dl { width:55%;}
.history dl dd p + p {margin-top:10px;}
.level2:before {left:50%;     margin-left: -152px;}
.programWrap .program {float:left;margin: 1%; width: calc((100% / 2) - 2.0%); text-align:center;}

.ts-sidebar ul.menu li {width:33.333333%; text-align:center; border-bottom:1px solid #dcdcdc; min-height:46px;}
.ts-sidebar ul.menu li a{padding:10px 0;}
.ts-sidebar ul.menu li:nth-child(3){ border-right:1px solid #dcdcdc;}
.ts-sidebar{border-bottom:0}
#map {height:300px; margin:10px auto; }
.address {font-size:14px; margin:15px 0 0 0}
}

@media (max-width:780px){
.program h3  {font-size:18px}
.organization, .level0, .level2_1 li h4, .program .tabs li{font-size:16px}
.level2_1 li ul.part li {font-size:14px}
.level2 .org_left, .level2 .org_right {width:130px}
.level2_1 li ul.part {min-height:140px}
.level2_1 li{    width: calc((100% / 2) - 2.0%);}
.level1 li {right:0; width:100px;}
.level2 .org_left {left:0}
.level1:before {width:75%}
.level2:before {
    left: 0;
    margin-left: 0;
    width: 50%;
}
.level2_1:before {left:25%; width:50%}
.level2_1 li:after {top:0; height:30px}
ul.tabs li {width:25%}
ul.tabs li:nth-child(5){    border-left: 1px solid #dedede;}
ul.tabs {height:100px}

.teacher div {width:100%; float:none;}
.teacher p:after {padding-bottom:15%}
}
@media (max-width:640px){
.union .goalwrap .goal li img  {display:none;}
.union .goalwrap .goal li {float:none; width:100%;}
.union .goalwrap .goal li p {display:inline-block;}
.union .value dl dt {width:85px; height:85px; padding-top:30px;}
.union .value dl {width:50%;}

.history div {float:none;}
.history div.history_img {text-align:center; width:100%}
.history div img {margin:0 auto; width:50%;}
.level0 {width:100%;}
.level2 .org_left, .level2 .org_right {width:110px}
}


/** 3차메뉴 탭 */
.depts {
	width:100%;margin: 15px 0;
}
.depts ul {position:relative;}
.depts ul li {display:inline-block; width:49.8%;border: 1px solid #dedede;}
.depts ul li a {display:block; width:100%; padding:15px 0; text-align:center;}
.depts ul li a.active { color:#fff; font-weight:bold; background-color:#164895; }
@media (max-width:780px){
	.depts ul li {width:100%;border: 1px solid #dedede;}
}
@media (max-width:640px){
	.depts ul li {width:100%;border: 1px solid #dedede;}
}


.sitemap_box {border-top:1px solid #ddd; margin-bottom:30px;}
.sitemap_box:after {content:''; display:block; visibility:hidden; clear:both;}
.sitemap_cont {position:relative; padding:20px 0 20px 14%; border-color:#ddd;
border-style:solid; border-width:0 0 1px; margin-bottom:0;}
.sitemap_cont:before {content:''; display:block; position:absolute; top:0; left:13%; width:1px; height:100%; background-color:#e7e7e7;}
.sitemap_cont:after {content:''; display:block; visibility:hidden; clear:both;}
.sitemap_cont a[target="_blank"]{padding-right:22px !important; background:url(../images/icon_openwin.png) right 2px no-repeat;}
.sitemap_cont .line_bk {display:block;}
.sitemap_cont > dt {display:inline-block; position:absolute; left:5px; top:20px;  font-size:18px; font-weight:600;}
.sitemap_cont > dt a { color:#005963; line-height:1.3;}
.sitemap_cont > dd {float:left; width:16.66666666666667%; padding:0 10px; margin-bottom:0}
.sitemap_cont > dd.wd20 {width:20%}
.sitemap_cont > dd strong {position:relative; display:block;}
.sitemap_cont > dd strong a {position:relative; display:inline-block; padding-left:6px; color:#121212;}
.sitemap_cont > dd strong a:before {content:''; position:absolute; left:0; top:10px; width:3px; height:3px; background-color:#007986;}
.sitem_list {margin-bottom:10px; margin-top:5px;}
.sitem_list li:before {}
.sitem_list > li {position:relative;} 
.sitem_list > li:before {content:''; display:block; position:absolute; top:10px; left:-3px; width:7px; height:4px; background-position:0 -109px;}
.sitem_list > li > ul > li {position:relative; padding-left:7px;}
.sitem_list > li > ul > li:before {content:''; display:block; position:absolute; top:7px; left:-3px; width:6px; height:9px; background-position:0 -115px;}


.sitemap_cont.sitem_set01 > dd {}
.sitemap_cont.sitem_set03 > dd {}

/*media query*/
@media screen and (max-width:1024px){
	.sitemap_cont {padding-left:0;}
	.sitemap_cont:before {display:none;}
	.sitemap_cont > dt {display:block; position:static; left:auto; top:auto; margin-bottom:20px;
	padding:12px 0 6px 10px; border-top:2px solid #121212; border-bottom:1px solid #555;}
	.sitemap_cont.sitem_set04 > dd, .sitemap_cont.sitem_set02 > dd, .sitemap_cont > dd.wd20{width:25%}
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:767px) {
	.sitemap_cont > dt {}
	.sitemap_cont > dd, .sitemap_cont.sitem_set04 > dd, .sitemap_cont.sitem_set02 > dd, .sitemap_cont > dd.wd20 {width:50%; line-height: 30px;}

	.sitemap_cont.sitem_set02 > dd {min-height:120px;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
	.sitemap_cont > dd {float:none; width:inherit;}
}

.card-body {border:2px solid #2783d9}
.red {color:red;}