/**************************
    공통 
 */

.contents-intro{display:flex;border:1px solid #ddd;padding:30px 0}
.contents-intro .intro-icon{flex:0 0 200px}
.contents-intro .intro-icon .icon{display: flex;align-items: center;background-color: #fff2f2;justify-content: center;height: 100px;width: 100px;border-radius: 100%;margin:0 auto}
.contents-intro .intro-icon .icon img{width:50px}
.contents-intro .intro-descript{flex: 1 1 auto;display: flex;flex-direction: column;position: relative;justify-content: center;flex-wrap: wrap;align-items: flex-start}
.contents-intro .intro-descript .descript-title{font-weight:700;font-size:24px;color:red}
.contents-intro .intro-descript .descript-buttons{display:flex;margin-top:20px}
.contents-intro .intro-descript .descript-buttons button ~ button{margin-left:5px}
.contents-intro .intro-descript .descript-buttons a ~ a{margin-left:5px}


.flex{display:flex;}

.gray{color:#999;}
.graybox{background-color: #f7f7f9;border-radius: 8px;margin-top: 15px;padding: 20px}
.graybox.flex{column-gap:20px;padding-top:10px;}

.align-items-center{align-items:center !important;}


.whitebox{display:flex}
.whitebox ~ .list{margin-top:20px}
.whitebox ~ .list li{color:#333}
.whitebox ~ p{color:#333}
.whitebox .item{flex:1;background-color:#fff;display:flex;align-items:center;padding:50px 30px;border-radius:10px}
.whitebox .item .icon{display:flex;justify-content:center;align-items:center;width:64px;height:64px;margin-right:40px;;border-radius:100%;background-color:#f5f9fe}
.whitebox .item .icon img{width:26px}
.whitebox .item ~ .item{margin-left:10px}


.text.text-end {margin-top:50px;font-weight:800;color:#333}

.borderline{margin:40px 0;height:1px;border-top:1px solid #e1e3e1}

.mt-0{margin-top:0;}
.mt-30{margin-top:30px}
.mb-30{margin-bottom:30px}
.width-100{width:100%}


/* 파일 다운로드 */ 
.as-file-download {margin-top: 25px } 
.as-file-download a {border: 1px solid #e1e3e1; background-color: #fff; border-radius: 30px; color: #333; font-weight: 500; padding: 15px 20px; display:inline-block; text-align: center; } 
.as-file-download a img {vertical-align: -1px; margin-left:5px; width: 15px } 




/* 새창 열기 */ 
.as-new-window {margin-top: 10px } 
.as-new-window a {border: 1px solid #114a97; background-color: #114a97; border-radius: 5px; color: #fff; font-weight: 500; padding: 15px 20px; display:inline-block; text-align: center; } 
.as-new-window a img {display: inline-block; margin-left:5px; width: 12px; height:auto; } 
.as-new-window .color-white-solid {border: 1px solid #ddd; background-color: #fff; color:#666 } 
.as-new-window .color-white-solid img {filter: grayscale(100%) invert(100%); } 




/* 공통 도서 정렬 */ 
.book-content {flex-wrap:wrap; display:flex } 
.book-content .item {flex:0 0 15.83%; background-color: #f7f7f9; border-radius: 10px; display: flex; flex-direction: column; height: 200px; justify-content: space-between; padding: 18px; margin-left:1% } 
.book-content .item:nth-child(6n+1) {margin-left:0 } 
.book-content .item:nth-child(6) ~ .item  {margin-top:1.5% } 
.book-content .item .book-title {color: #000; letter-spacing: -1px; line-height: 140%; word-break: keep-all; font-weight: 700 } 
.book-content .item .book-info {color: #333; font-weight: 400; letter-spacing: -1px; line-height: 130%; font-size:14px; } 
@media screen and (max-width: 1440px) {
    .book-content .item{flex-basis:19.2%;margin-top:0}
    .book-content .item:nth-child(6n+1){margin-left:1%;}
    .book-content .item:nth-child(5n+1){margin-left:0}
    .book-content .item:nth-child(5) ~ .item{margin-top:1.5%}
}
@media screen and (max-width: 1200px) {
    .book-content .item{flex-basis:24.25%;margin-top:0}
    .book-content .item:nth-child(5n+1){margin-left:1%;margin-top:0}
    .book-content .item:nth-child(4n+1){margin-left:0}
    .book-content .item:nth-child(4) ~ .item{margin-top:1.5%}
}
@media screen and (max-width: 850px) {
    .book-content .item{flex-basis:49.5%;margin-top:0}
    .book-content .item:nth-child(3n+1){margin-left:1%;margin-top:0}
    .book-content .item:nth-child(2n+1){margin-left:0}
    .book-content .item:nth-child(2) ~ .item{margin-top:1.5%}
}


/* 소개 */ 
.greeting-container .content-header strong{display:block; color: #222; font-size: 36px; font-weight: 700; letter-spacing: -1px; line-height: 44px; margin-bottom: 15px } 
.greeting-container .content-header strong span{color: #114a97; font-weight: 700 } 
.greeting-container .content-header p{color: #222; font-size: 16px; font-weight: 500; letter-spacing: -1px; line-height: 28px } 
.greeting-container .content-header p span{font-size: 20px; font-weight: 700; letter-spacing: 0; margin-left: 2px } 
.greeting-container .content-header .text-box p{color: #757575; font-weight: 700; margin-bottom: 15px } 
.greeting-container .content-header .text-box div.underline{margin:50px 0; font-size: 14px; font-weight: 100 } 
.greeting-container .content-body{/* margin-bottom: 300px; */ position: relative } 
.greeting-container .content-body p{color: #555; font-size: 17px; font-weight: 400; line-height: 23px } 
.greeting-container .content-body p span{color: #114a97; font-weight: 500 } 
.greeting-container .content-body p.top-p{margin-bottom: 20px } 
.greeting-container.section1 .content-body .copyright-box{margin-top: 60px; text-align: left; } 
.greeting-container .content-body .copyright-box span{font-size: 18px; letter-spacing: -1px } 
.greeting-container .content-body .copyright-box img{margin-left: 10px; vertical-align: -8px; } 
.greeting-container .content-body .copyright-box span.vr{background: #e2e5eb; height: 13px; position: relative; top: 2px; width: 1px } 
.greeting-container .content-body .copyright-box span.title-span{font-weight: 700; margin-right: 6px } 

@media screen and (max-width:1000px) {
    .greeting-container {padding:80px 0 0 40px}
}
@media screen and (max-width:700px) {
    .greeting-container {padding:60px 0 0;}
    .greeting-container .content-header strong {font-size:24px;line-height: 34px;}
}


/* 연혁 */ 
.history-container{} 
.history-container .history-item{display:flex} 
.history-container .history-item .history-header{flex:0 0 300px} 
.history-container .history-item .history-body{flex: 1} 
.history-container .history-item .title.left h4 {color: #114a97; font-size: 34px; font-weight: 700; line-height: 44px } 
.history-container .history-item .history-body-right {border-left: 1px solid #e1e3e1 } 
.history-container .history-item .box {margin-bottom: 30px; padding-left: 50px } 
.history-container .history-item .box .year {font-size: 26px; font-weight: 700; margin-bottom: 10px; position: relative; color:#333 } 
.history-container .history-item .box .year:before {background-color: #fff; border: 3px solid #222; border-radius: 50px; content: ""; display: block; height: 12px; left: -56px; position: absolute; top: 10px; width: 12px } 
.history-container .history-item .box .text {align-items: flex-start; display: flex } 
.history-container .history-item .box .text strong {font-size: 14px; font-weight: 700; margin-right: 20px; margin-top: 4px; width:20px;} 
.history-container .history-item .box .text span {color: #555; font-size: 14px; font-weight: 500; line-height: 23px; width:100%;}
.history-container .history-item ul li{margin-top:0;} 

@media screen and (max-width: 1000px) {
	.history-container .history-item{display:block;}	
	.history-container .history-item .history-header{margin-bottom:30px;}
	.history-container .history-item .box .text strong{width:30px;}	
}


/* 사업안내 */
.business-container .section1, .business-container .section2, .business-container .section3, .business-container .section4, .business-container .section5 {margin-top: 40px } 
.business-container .section .wrap {display: flex; margin-bottom: 40px } 
.business-container .section .business-body-left {align-content: center; background-color: #f5f9fe; border-radius: 50%; height: 160px; margin-right: 50px; min-width: 160px; text-align: center; width: 160px } 
.business-container .section .business-body-left img {width: 50px } 
.business-container .section .business-body-right {align-content: center; word-break: keep-all } 
.business-container .section .business-body-right .title {font-size: 24px; font-weight: 600; letter-spacing: -1px; line-height: 28px; margin-bottom: 10px } 
.business-container .section .business-body-right .text {color: #757575; font-size: 17px; font-weight: 400; letter-spacing: -.5px; line-height: 23px } 
.business-container .section .business-body-right .box {margin-bottom: 30px } 
.business-container .section .business-body-right .sub-content {border-top:1px solid #e1e3e1; padding-top: 30px } 
.business-container .section .business-body-right .sub-content .sub-title {font-size: 17px; font-weight: 600; line-height: 32px } 
.business-container .section .business-body-right .sub-content .sub-text {color: #757575; font-size: 16px; letter-spacing: -.5px; line-height: 28px } 
.business-container .section .intro {border-bottom: 1px solid #e1e3e1; padding-bottom: 50px } 
.business-container .section .content-box {padding-top: 40px } 
.business-container .section .content-box .title {font-size: 22px; font-weight: 600; letter-spacing: -1px; line-height: 40px; margin-bottom: 5px } 
.business-container .section .content-box .text {color: #757575; line-height: 140%; word-break: keep-all } 
.business-container .section .content-box .box-wrap {margin-top: 20px } 
.business-container .section .content-box .text-box {background-color: #f7f7f9; border-radius: 5px; margin-bottom: 10px; padding: 24px } 
.business-container .section .content-box .text-box .blue-title {color: #134d99; font-weight: 600; letter-spacing: -.5px; margin-bottom: 15px } 
.business-container .section .content-box .text-box .grey-text {color: #757575; font-size: 14px; font-weight: 400; letter-spacing: -.5px } 
.business-container .section2 .business-body-left{min-width: 105px; width: 105px; height: 105px;}
.business-container .section5 .img-content {margin-top: 30px; display:flex; flex-wrap:wrap; } 
.business-container .section5 .img-content .item ~ .item {margin-left:1.5% } 
.business-container .section5 .content-box .video-content {display:flex; flex-wrap:wrap; } 
.business-container .section5 .content-box .video-content .item {flex:0 0 25%; } 
.business-container .section5 .content-box .video-content .item:nth-child(4) ~ .item {margin-top:1.5% } 
.business-container .section5 .content-box .video-content .item img{margin-bottom:5px }

.business-container .box-wrap{
	margin: 50px 0;
}

.business-container .section2  .box-wrap .text-box {	
	background-color: #f7f7f9;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 24px;
    align-items: center;
    display:flex;
}

.business-container .section2 .box-wrap .text-box .left-box {
    display: flex;
    height: 80px;
    width: 80px;
    margin-right:20px;
    align-items: center;
    border-radius: 200px;
    justify-content: center;
    background-color: #fff
}

.business-container .section2 .box-wrap .text-box .left-box img {
    height: 32px;
    width: 32px
}


@media screen and (max-width: 1000px) {
	.business-container .section .wrap{display:block;}
	.business-container .section .business-body-left{display:none;}
}




/* 이용안내 */ 
.guide-container .guide-content {margin-top:30px } 
.guide-container .guide-bank {display:flex; justify-content: center; } 
.guide-container .guide-bank {align-content: center } 
.guide-container .guide-bank span {align-content: center; margin-right: 15px } 
.guide-container .guide-bank span>img {align-content: center; margin-top: 2px } 
.guide-container .guide-bank span.bar {display: inline-block; font-weight: 100 } 
.guide-container .guide-bank span:last-child {margin-right: 0 } 
.guide-container .guide-list {display:flex; } 
.guide-container .guide-list .item {flex:0 1 auto; padding: 50px 0; text-align: center; border:1px solid #e1e3e1; border-radius: 10px } 
.guide-container .guide-list .item p {line-height: 150% } 
.guide-container .guide-list .item p ~ p {margin-top: 10px } 
.guide-container .guide-list .item:nth-child(1) .number {color: #114a97; font-size: 30px; font-weight: 700; margin-top: 5px } 
.guide-container .guide-list .item:nth-child(1) ~ .item {margin-left: 2% } 
.guide-container .guide-list .item:nth-child(1) .icon img {width:45px; } 
.guide-container .guide-list .item:nth-child(2) .icon img {width:36px; margin-bottom: 25px; } 
.guide-container .guide-list .item:nth-child(2) p{line-height: 170% } 
.guide-container .guide-list .item:nth-child(3) .icon img {width:36px; margin-bottom: 20px; margin-top: 2px; }
.guide-container .diagram-orderlist {display: flex; justify-content: space-between; padding: 40px } 
.guide-container .diagram-orderlist img {width: 7px } 
.guide-container .diagram-orderlist .circle {position:relative;align-items: center; background-color: #f5f9fe; border-radius: 50%; display: flex; flex-direction: column; height: 150px; justify-content: center; row-gap: 10px; width: 150px } 
.guide-container .diagram-orderlist .circle .number {position:absolute;top:10px;right:10px;background-color: #114a97; font-weight: 500 ;color:#fff;width:20px;height:20px;border-radius:5px;display:flex;justify-content:center;align-items:center;font-size:13px}
.guide-container .diagram-orderlist .circle .text {color: #333; font-size: 14px; line-height: 20px; text-align: center } 
@media screen and (max-width: 700px) {
	.guide-container .guide-list{display:block;}
	.guide-container .guide-list .item:nth-child(1) ~ .item{margin-left:0;margin-top:30px;}
}


/* 이태영박사 기념실 */ 
.memorial-container .big-title {margin-top:40px; display:block; font-size: 26px; font-weight: 700; text-align: center; color:#333 } 
.memorial-container .big-title br{display:none}
.memorial-container {margin-top: 20px } 
.memorial-container .year-tabs{margin-top:40px; display: flex; border-bottom: 1px solid #e1e3e1; justify-content: space-between; width: 100% } 
.memorial-container .year-tabs .year-tab {color: #757575; display: flex; font-size: 20px; font-weight: 500; justify-content: center; padding: 20px 0; width: 20% } 
.memorial-container .year-tabs .year-tab.is-selected {color: #114a97; font-weight: 600; position: relative } 
.memorial-container .year-tabs .year-tab.is-selected:before {background-color: #114a97; border-radius: 50%; content: ""; height: 12px; position: absolute; top: 55px; width: 12px } 
.memorial-container .year-item {display:flex; margin-top: 60px } 
.memorial-container .year-item .year-title {flex:0 0 300px; } 
.memorial-container .year-item .year-title h4 {color: #114a97; font-size: 34px; font-weight: 700; line-height: 44px } 
.memorial-container .year-item .year-body-right{border-left: 1px solid #e1e3e1 } 
.memorial-container .year-item .box {margin-bottom: 20px; padding-left: 50px } 
.memorial-container .year-item .box .year{font-size: 30px; font-weight: 700; margin-bottom: 10px; position: relative; color:#333 } 
.memorial-container .year-item .box .year::before {background-color: #fff; border: 3px solid #222; border-radius: 50px; content: ""; display: block; height: 12px; left: -56px; position: absolute; top: 10px; width: 12px } 
.memorial-container .year-item .box .text{align-items: flex-start; display: flex; width: 100% } 
.memorial-container .year-item .box .text strong{font-size: 16px; font-weight: 700; margin-top: 8px; width: 55px; } 
.memorial-container .year-item .box .text span{color: #757575; font-size: 16px; font-weight: 500; line-height: 28px; width: 90% } 
.memorial-container .year-item .section .intro h3{font-size: 26px; font-weight: 600; line-height: 48px; margin-bottom: 10px } 
.memorial-container .year-item .section .intro p{color: #757575; font-size: 16px; font-weight: 400; line-height: 28px; word-break: keep-all } 

@media screen and (max-width: 1000px) {
    .year-tabs + .tab-menu-shape-select{margin-top:30px}
    .year-tabs + .tab-menu-shape-select button{background-color:#fff}
    .year-tabs + .tab-menu-shape-select button span{color:#000;font-weight:700}
    .year-tabs + .tab-menu-shape-select button span::after{color:#333}

    .memorial-container .big-title{line-height:140%}
    .memorial-container .big-title br{display:block}
    .memorial-container .year-tabs{display:none}
	.memorial-container .year-item{display:block; margin-top:30px;}
	.memorial-container .year-item .year-title{margin-bottom:30px;}
	.memorial-container .year-item .year-title br{display:none}
    
}


/* 이태영박사 기념실 - 남기신 말씀 */ 
.memorial-container .memorial-borderbox {padding:37px 0; border-top:1px solid #e1e3e1 } 
.memorial-container .memorial-borderbox ~ .memorial-borderbox {margin-top: 50px; } 
.memorial-container .question {margin-top: 30px; font-size: 18px; font-weight: 800; line-height: 28px; color: #114a97; } 
.memorial-container .memorial-borderbox .heading .number{display:inline-block; vertical-align:3.5px; text-align: center; align-content: center; background-color: #f0f6fe; border-radius: 10px; color: #114a97; font-size: 14px; font-weight: 600; height: 25px; width: 25px; margin-right:10px } 
.memorial-container .diagram-orderlist {display: flex; justify-content: space-between; padding: 40px } 
.memorial-container .diagram-orderlist img {width: 7px } 
.memorial-container .diagram-orderlist .circle {align-items: center; background-color: #f5f9fe; border-radius: 50%; display: flex; flex-direction: column; height: 150px; justify-content: center; row-gap: 10px; width: 150px } 
.memorial-container .diagram-orderlist .circle .year {color: #114a97; font-weight: 500 } 
.memorial-container .diagram-orderlist .circle .text {color: #333; font-size: 14px; line-height: 20px; text-align: center } 
@media screen and (max-width: 1000px) {
	.memorial-container .diagram-orderlist{display:block; text-align:center;}
	.memorial-container .diagram-orderlist .circle{margin:0 auto;}
	.memorial-container .diagram-orderlist img {margin:10px 0; transform: rotate(90deg);}
}

.memorial-container .memorial-books {display:flex; flex-wrap:wrap; } 
.memorial-container .memorial-books .item {flex:0 0 15.83%; margin-left:1% } 
.memorial-container .memorial-books .item:nth-child(6n+1){margin-left:0 } 
.memorial-container .memorial-books .item:nth-child(6) ~ .item {margin-top: 25px } 
.memorial-container .memorial-books .item strong {display:block; font-weight: 800; letter-spacing: -0.5px; line-height: 22px; margin-top: 10px; color:#333 } 
.memorial-container .memorial-books .item .thumb img {width:100% } 
.memorial-container .memorial-books .item p {font-size: 14px; margin-top:10px } 
@media screen and (max-width: 1440px) {
    .memorial-container .memorial-books .item{flex-basis:19.2%;margin-top:0}
    .memorial-container .memorial-books .item:nth-child(6n+1){margin-left:1%;}
    .memorial-container .memorial-books .item:nth-child(5n+1){margin-left:0}
    .memorial-container .memorial-books .item:nth-child(5) ~ .item{margin-top:1.5%}
}
@media screen and (max-width: 1200px) {
    .memorial-container .memorial-books .item{flex-basis:24.25%;margin-top:0}
    .memorial-container .memorial-books .item:nth-child(5n+1){margin-left:1%;margin-top:0}
    .memorial-container .memorial-books .item:nth-child(4n+1){margin-left:0}
    .memorial-container .memorial-books .item:nth-child(4) ~ .item{margin-top:1.5%}
}
@media screen and (max-width: 850px) {
    .memorial-container .memorial-books .item{flex-basis:49.5%;margin-top:0}
    .memorial-container .memorial-books .item:nth-child(3n+1){margin-left:1%;margin-top:0}
    .memorial-container .memorial-books .item:nth-child(2n+1){margin-left:0}
    .memorial-container .memorial-books .item:nth-child(2) ~ .item{margin-top:1.5%}
}

.memorial-container .memorial-photo {display:flex; flex-wrap:wrap; } 
.memorial-container .memorial-photo .item {cursor: pointer; position: relative; flex:0 0 32.66%; margin-left:1%; } 
.memorial-container .memorial-photo .item:nth-child(3n+1) {margin-left:0 } 
.memorial-container .memorial-photo .item:nth-child(3) ~ .item {margin-top:1% } 
.memorial-container .memorial-photo .item .thumb img {width:100% } 
.memorial-container .memorial-photo .item .info {padding:25px 50px; transition: opacity 100ms ease-out; opacity:0; display:flex; justify-content:center; align-items: center; flex-wrap:wrap; z-index:1; position:absolute;top:0;left:0; width:100%; height:100%; background-color:rgba(0, 0, 0 ,0.7); text-align:center; } 
.memorial-container .memorial-photo .item .info .date {font-size:24px; flex:0 0 auto; display:block; width:100%; color:#fff; } 
.memorial-container .memorial-photo .item .info .text {flex:0 0 auto; color:#fff; } 
.memorial-container .memorial-photo .item:focus .info, .memorial-container .memorial-photo .item:hover .info {opacity: 1 }
@media screen and (max-width: 1200px) {
    .memorial-container .memorial-photo .item{flex-basis:49.5%;margin-top:0}
    .memorial-container .memorial-photo .item:nth-child(3n+1){margin-left:1%;margin-top:0}
    .memorial-container .memorial-photo .item:nth-child(2n+1){margin-left:0}
    .memorial-container .memorial-photo .item:nth-child(2) ~ .item{margin-top:1.5%}
}
@media screen and (max-width: 1000px) {
    .memorial-container .memorial-photo .item{flex-basis:100%;margin-left:0}
    .memorial-container .memorial-photo .item ~ .item{margin-top:20px}
    .memorial-container .memorial-photo .item:nth-child(2) ~ .item{margin-top:20px}
    .memorial-container .memorial-photo .item:nth-child(3n+1){margin-left:0}
}



/* 오시는길 */
.location-container .map-api{height:400px;background-color:#333;position:relative;overflow:hidden;border:1px solid #ddd}
.location-container .map-api div{line-height:1;box-sizing: content-box}
.location-container .map-api .___kakao_infowindow{padding:20px}
.location-container .map-api .___kakao_infowindow-name{font-weight:700;color:#000;white-space:nowrap}
.location-container .map-api .___kakao_infowindow-address{margin-top:10px;white-space:nowrap}

.location-container .item{display:flex;padding:40px 25px}
.location-container .item ~ .item{border-top:1px solid #e1e3e1}
.location-container .item:nth-child(1){padding-top:0}

.location-container .item h4.heading .icon{margin-right:20px;display: flex;justify-content: center;align-items: center;width: 60px;height: 60px;border-radius: 100%;background-color: #f5f9fe}
.location-container .item h4.heading .icon img{width:25px}
.location-container .item h4.heading{margin:0;display:flex;align-items:center}
.location-container .item h5.heading{margin:0}

.location-container .item .item-head{flex:0 0 270px}
.location-container .item .item-body{flex:1;display:flex;flex-wrap:wrap;align-items:center}


.location-container .item .body-item{flex:1 1 100%}
.location-container .item .body-item ~ .body-item{padding-top:40px;margin-top:40px;border-top:1px solid #e1e3e1}
.location-container .item .body-item .item-flag{border-radius: 5px;color: #fff;font-weight: 400;margin-right: 5px;padding: 3px 10px;border:1px solid}
.location-container .item .body-item .train-purple{background-color: #8a35e1;border-color:#8a35e1;color:#fff}
.location-container .item .body-item .train-yellow{background-color: #cda338;border-color:#cda338;color:#fff}
.location-container .item .body-item .bus-blue{background-color:#fff;border-color:#114a97;color:#114a97}
.location-container .item .body-item .bus-green{background-color:#fff;border-color:#3fc155;color:#3fc155}


@media screen and (max-width: 700px) {
	.location-container .item{display:block;}
	.location-container .item h4.heading{margin-bottom:30px;}
}


/* 로그인 */
.program-login .memberbox-wrapper{max-width: 550px;margin:0 auto;padding:50px;border-radius:15px;border:1px solid #ddd}
.program-login .memberbox-wrapper .form-normal select,
.program-login .memberbox-wrapper .form-normal input{height:50px}
.program-login .memberbox-wrapper .form-normal input::placeholder{font-size:15px;color:#989898}
.program-login .memberbox-wrapper .form-normal ~ .form-normal{margin-top:20px}
.program-login .memberbox-wrapper .login-input{position: relative}
.program-login .memberbox-wrapper .login-input .form-normal label{font-weight:700;color:#000}
.program-login .memberbox-wrapper .login-input .form-normal input{width:100%;margin-top:10px}
.program-login .memberbox-wrapper .login-input .form-email{margin-top:10px}
.program-login .memberbox-wrapper .login-input .form-email input{margin-top:0}
.program-login .memberbox-wrapper .login-input .form-telephone{margin-top:10px}
.program-login .memberbox-wrapper .login-input .form-telephone input{margin-top:0}

.program-login .login-capseLook{ z-index:10; display: none; position: absolute; top: 0; left: 0; height:50px; padding: 25px 10px 0; text-align:left; border: 1px solid #000; background-color: #ffe5a4; white-space: nowrap; color: #000; box-shadow:2px 2px 10px rgba(0, 0, 0, 0.2) } 
.program-login .login-capseLook:after{ content: ''; position: absolute; left: 10px; top: -6px; width:10px;height:10px; border: 0 solid #000; background-color: #ffe5a4; border-width:1px 1px 0 0 ; transform: rotate(-45deg) }

@media screen and  (max-width:1240px) {
.program-login{padding-top:50px}
}

/* Account 박스 */
.program-memberbox{padding: 50px 20px;border-radius:10px}
.program-memberbox .memberbox-title{margin-bottom: 30px;font-weight:700;font-size:30px;color:#00468c}
.program-memberbox .memberbox-title img{vertical-align: -5px;margin-right:10px}
.program-memberbox .memberbox-text{line-height:150%;text-align:center;font-size:16px}
.program-memberbox .memberbox-text br{display:none}
@media screen and (max-width:1000px) { 
    .program-memberbox .memberbox-text br{display:block} 
}
.program-memberbox .memberbox-submit{width:100%;margin-top:25px;text-align:center;font-size:18px}

.program-memberbox .memberbox-findAccount{display:flex;margin-top: 15px;align-items: center}
.program-memberbox .memberbox-findAccount .account-save-user-id{flex:1 1 auto}
.program-memberbox .account-find-user-id a{color:#666}
.program-memberbox .account-find-user-id a:hover{color:#176ac7}
.program-memberbox .account-find-user-password{padding-left:15px;margin-left:15px;position:relative}
.program-memberbox .account-find-user-password::before{content:'';position:absolute;top: 3px;left:0;height:10px;border-left:1px solid #ddd}
.program-memberbox .account-find-user-password a{color:#666}
.program-memberbox .account-find-user-password a:hover{color:#176ac7}

.program-memberbox .memberbox-entry{margin-top: 10px}
.program-memberbox .memberbox-entry{display:block;border-color:#176ac7}
.program-memberbox .memberbox-entry span{font-weight:500;color:#176ac7}

.program-memberbox .memberbox-resultText{padding:30px 0;border:1px solid #dcdcdc;border-width: 1px 0;text-align:center;line-height:150%;font-weight:500;font-size: 18px;color:#000;background-color: rgba(255, 255, 255, 0.65)}
.program-memberbox .memberbox-name{display:inline-block;font-weight:inherit}
.program-memberbox .memberbox-id{display:inline-block;padding-bottom:5px;margin:10px 0;font-weight:inherit;color:#d22649;border-bottom:1px solid #d22649}
.program-memberbox .form-telephone, .program-memberbox .form-email{max-width:100%}
.program-memberbox .form-email span{line-height:50px}


/* 온라인 서명 - 상세*/
.bbs-signdesk{margin-top:50px;padding:20px;border:1px solid #ddd;background-color:#f9f9f9}
.bbs-signdesk .formbox{border:0}
.bbs-signdesk .form-max{display:flex;flex-wrap:wrap;padding:0;margin:0}
.bbs-signdesk .signdesk-summary{flex:1;display:flex;align-items:center}
.bbs-signdesk .signdesk-summary p{color:#000}
.bbs-signdesk .signdesk-submit{flex:0 0 auto;display:flex;align-items:center;margin-top:0}
.bbs-signdesk .signdesk-submit>span:nth-child(1){padding:0 20px;color:#000}
@media screen and (max-width:1000px) {
    .bbs-signdesk .form-max{display:block;text-align:center}
    .bbs-signdesk .signdesk-summary,
    .bbs-signdesk .signdesk-submit{display:block}

    .bbs-signdesk .signdesk-submit>span{display:block}
    .bbs-signdesk .signdesk-submit>span:nth-child(1){margin:40px 0 20px}
    .bbs-signdesk .signdesk-submit button{margin-top:10px;max-width:480px;width:100%}
}


/* 처리건수 */
.stats-container table th,
.stats-container table td{font-size:14px}



/* 화상상담 */
.counsel-checklist .formbox:last-of-type{border-bottom-width:0}
.counsel-checklist .form-label{flex:1}
.counsel-checklist .form-label span{line-height:135%} 
.counsel-checklist .form-normal{flex:0 1 auto;padding-left:20px}

@media screen and (max-width:1000px) {
    .counsel-checklist .formbox{display:flex}
    .counsel-checklist .formbox .form-label{min-width:0;width:auto}
}
@media screen and (max-width:700px) {
    .counsel-checklist .formbox{display:block}
    .counsel-checklist .formbox .form-normal{padding-left:0}
}

/* 화상상담 달력 */
.lawhome-schedule{display:flex;border-bottom: 1px solid #ddd}

.lawhome-schedule .empty-container p{padding:20px;border-radius:10px;border:1px solid #ddd;text-align:center;font-size:20px;color:#000}
.lawhome-schedule .select-container{display:none}

.lawhome-schedule .bbs-schedule{flex:0 0 55%;min-width:440px;padding-bottom: 20px}
.lawhome-schedule .bbs-schedule .___schedule-default thead th{border-bottom:1px solid #ddd}
.lawhome-schedule .bbs-schedule .___schedule-default tbody td{border:0}
.lawhome-schedule .bbs-schedule .___schedule-default .dayblock{min-height: 69px}
.lawhome-schedule .bbs-schedule .___schedule-default .today{border-radius:0;color:#000}
.lawhome-schedule .bbs-schedule .___schedule-default .today .day{font-weight:900}

.lawhome-schedule .bbs-schedule .___schedule-default .dayblock{border:1px solid transparent}
.lawhome-schedule .bbs-schedule .___schedule-default .dayblock:hover{border-color:#428ef1;background-color:transparent;color:#000}
.lawhome-schedule .bbs-schedule .___schedule-default .dayblock:hover .enableed-message{color:#000}

.lawhome-schedule .bbs-schedule .___schedule-default .disabled-day:hover{border-color:transparent;background-color:transparent;color:#000}
.lawhome-schedule .bbs-schedule .___schedule-default .disabled-day:hover .disabled-message{color:#ff0000}

.lawhome-schedule .bbs-schedule .___schedule-default .is-selected{border-color:#428ef1;background-color:transparent;color:#000}
.lawhome-schedule .bbs-schedule .___schedule-default .is-selected .day{font-weight:900}
.lawhome-schedule .bbs-schedule .___schedule-default .is-selected .disabled-message{color:#ff0000}


.lawhome-schedule .time-select{flex:1;padding-left: 20px;margin-left: 20px;border-left: 1px solid #ddd}
.lawhome-schedule .time-select .select-group>div{display:flex;flex-wrap:wrap}
.lawhome-schedule .time-select .item{flex:0 0 auto;margin:0 0 5px 5px}
.lawhome-schedule .time-select .item button{min-width:100px;width:100%;height: 46px;padding:0 10px;font-size:15px}
.lawhome-schedule .time-select .item button span{height:auto;padding:10px 0}

.lawhome-schedule .select-dateTime{display:flex;align-items:center;padding:20px ;border:1px solid #ddd;border-radius:5px;color:#000}
.lawhome-schedule .select-dateTime .date{flex:1;padding-left:22px;background:url(../../../../images/name/user/styleguide/bbs-calendar.png) no-repeat 0 -0.04em}
.lawhome-schedule .select-dateTime .time{flex:1;padding-left:40px;margin-left:24px;border-left:1px solid #ddd;background:url(../../../../images/name/user/styleguide/bbs-date.png) no-repeat  20px 0.07em}
.lawhome-schedule .select-dateTime .empty{color:#666}


.program-schedule h4.heading{margin:0;flex:1}
.program-schedule .schedule-util .util-regend{flex:0 0 auto}
@media screen and (max-width:1000px) {
    .lawhome-schedule{display:block;border-bottom:0}
    .lawhome-schedule .bbs-schedule{margin:0;padding:0}
    .lawhome-schedule .time-select{margin-top:40px;padding:0;border:solid #ddd;border-width:0 0 0 0}
}


/* 화상상담 정보입력 */
.program-counsel .counsel-date{display:block;font-weight:900;font-size:20px;color:#000;/* margin-top:30px; */}
.program-counsel .counsel-date img{width:22px;vertical-align: -3px;margin-right:10px}




/* pdf  */
.pdf-search{display:flex}
.pdf-search .search-range{flex:1 0 auto;display:flex;align-items:center}
.pdf-search .search-range .form-selectbox{flex:1 1 auto}
.pdf-search .search-range .form-selectbox ~ .form-selectbox{margin-left:5px}
.pdf-search .search-keyword{flex:1 1 auto;display:flex;margin-left:10px}
.pdf-search .search-keyword button{margin-left:5px}

@media screen and (max-width:800px) {
    .pdf-search{flex-direction: column}
    .pdf-search .search-keyword{margin:10px 0 0}
}


.pdf-list{margin-top:20px;border-top:2px solid #333}
.pdf-list .list-head{display:flex;padding-top:30px;}
.pdf-list .list-body{display:flex;padding-top:30px}

.pdf-list .list-thumb{flex:0 0 auto;width:250px}
.pdf-list .list-thumb img{box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.2)}
.pdf-list .list-items{display:flex;flex-direction:column;padding:0 0 0 30px;margin-left: 30px;border-left: 1px solid #ddd}
.pdf-list .list-items .item{flex:1 1 auto;display:flex}

.pdf-list .list-items .item a{display:flex;flex-wrap:wrap;padding:0 10px;width: 100%}
.pdf-list .list-items .item .item-subject{flex:1 1 100%;font-size: 20px;margin-top: 7px;font-weight:700;color:#000;white-space: wrap;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical}
.pdf-list .list-items .item .item-text{flex:1 1 100%;margin-top:5px;line-height:150%;color:#666;white-space: wrap;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.pdf-list .list-items .item .item-view{flex:1 1 100%;font-size:14px;margin-top: 7px;color:#666}
.pdf-list .list-items .item ~ .item{margin-top:15px;padding-top:15px;border-top:1px solid #ddd}
.pdf-list .list-items .item:nth-child(2n+1){margin-left:0}

.pdf-list .list-body .list-items{flex:1 1 auto;flex-direction:row;flex-wrap:wrap;border-left-width:0;margin-left:0;padding-left:0}
.pdf-list .list-body .list-items .item{flex: 0 0 49%;height: 180px;padding:0;margin:0 0 0 2%;border-top:0}
.pdf-list .list-body .list-items .item:nth-child(2n+1){margin-left:0}
.pdf-list .list-body .list-items .item:nth-child(2) ~ .item{margin-top:2%}
.pdf-list .list-body .list-items .item a{padding: 25px;border:1px solid #ddd}

.pdf-list .list-items .item a:hover .item-subject{color:#0064ff}


.pdf-list .flag-state{display:flex;min-width: 20px;height: 20px;flex: 0 0 auto;align-items:center;justify-content:center;font-size: 12px;padding: 0 5px;border-radius: 3px}
.pdf-list .flag-state.___notice{background-color:#333;border:1px solid #333;color:#fff}
.pdf-list .flag-state.___new{background-color: #ff3d3d;border:1px solid #ff3d3d;min-width: 20px;color:#fff}
.pdf-list .flag-state.___category{background-color:#fff;border:1px solid #0064ff;color:#0064ff}
.pdf-list .flag-state.category-1{background-color:#0b51a9;color:#fff;border:1px solid #0b51a9}
.pdf-list .flag-state.category-2{background-color: #4e779b;color:#fff;border:1px solid #0b51a9}
.pdf-list .flag-state.category-3{background-color:#eff5ff;color:#0b51a9;border:1px solid #0b51a9}
.pdf-list .flag-state.category-4{background-color:#fff;color:#666;border:1px solid #666}
@media screen and (max-width:800px) {
    .pdf-list{flex-direction: column}
    .pdf-list .list-thumb{width:100%}
    .pdf-list .list-items{margin:30px 0 0;padding:0;border-width:0}

    .pdf-list .list-head{flex-direction: column;}
    .pdf-list .list-body .list-items{flex-direction: column;border-top:1px solid #ddd;margin:0;padding-top:20px}
    .pdf-list .list-body .list-items .item{flex:1 1 auto;height:auto;margin-left:0}
    .pdf-list .list-body .list-items .item:nth-child(1) ~ .item{margin-top:20px}
}

/* 도서실 > 이용안내 */
.intro-img-box{background:url(../../../../images/name/user/ko/contents/intro/img_library.jpg);display:flex;flex-direction:column;height:337px;justify-content:end;margin-bottom:40px;padding:45px 30px;}
.intro-img-box .white-title{color:#fff;font-size:26px;font-weight:700;letter-spacing:-1px;line-height:48px;}
.intro-img-box .white-text,
.intro-img-box .white-text .text{color:#fff;font-size:16px;letter-spacing:-.5px;line-height:28px;opacity:.8;word-break:keep-all;}

/* 가정폭력상담 > 프로그램 */
.lecture-content {flex-wrap:wrap; display:flex } 
.lecture-content .item {flex: 0 0 24.25%;background-color: #f7f7f9;border-radius: 10px;display: flex;flex-direction: column;height: 120px;padding: 18px;margin-left:1%} 
.lecture-content .item:nth-child(4n+1) {margin-left:0 } 
.lecture-content .item:nth-child(4) ~ .item  {margin-top:1.5% } 
.lecture-content .item .lecture-title {color: #000; letter-spacing: -1px; line-height: 140%; word-break: keep-all; font-weight: 700 } 
.lecture-content .item .lecture-info {color: #333; font-weight: 400; letter-spacing: -1px; line-height: 130%; font-size:14px; } 
.lecture-content .item .lecture-info .lecture-date{display:inline-block;background-color: #222;border-radius: 4px;color: #fff;padding: 3px 5px;margin-bottom:10px;}

@media screen and (max-width:800px) {
	.lecture-content .item{flex:0 0 49%;margin-top:1.5%;margin-left:0;}
	.lecture-content .item:nth-child(2n){margin-left:1%;}
}

/* 교육 > 소개 */
.intro-img-box.education{background:url(../../../../images/name/user/ko/contents/education/img_education.jpg);}

/* 교육 > 프로그램 */
.tab-menu.education .tab-col{text-align:center;height:55px;}
strong.heading.color-blue{color:#114a97;}

/* 가족법개정운동본부 > 개정연혁 */
.tab-menu.family .tab-col{text-align:center;height:55px;}
.history-container .history-item .box .text .gray{color:#999;display:block;}

/* 개인정보 처리방침 라벨링 */
.policy-labeling{display:flex;flex-wrap:wrap;border:solid #ddd;border-width:1px 0 0 1px}
.policy-labeling .labeling-item{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1 1 33.33%;padding:30px;border:solid #ddd;border-width:0 1px 1px 0}
.policy-labeling .labeling-item span{line-height:150%}
.policy-labeling .labeling-item:nth-child(1) img{width:100px}
.policy-labeling .labeling-item:nth-child(2) img{width:100px}
.policy-labeling .labeling-item:nth-child(3) img{width:100px}
.policy-labeling .labeling-item:nth-child(4) img{width:85px}
.policy-labeling .labeling-item:nth-child(5) img{width:85px}
.policy-labeling .labeling-item:nth-child(6) img{width:85px}
@media screen and (max-width:1000px) {
  .policy-labeling .labeling-item{flex-basis:50%}
}

/* 개인정보 처리방침 목차 */
.policy-indexing{border:1px solid #dcdcdc;padding:20px;display:flex;margin-top:15px}
.policy-indexing .indexing-splitbox{flex:1}
.policy-indexing .indexing-splitbox a{font-weight:500;font-size:16px;line-height:140%}
@media screen and (max-width:1000px) {
.policy-indexing{display:block;}
.policy-indexing .indexing-splitbox ~ .indexing-splitbox{margin-top:7px}
}

/* FAQ */
.bbs-faq .bbs-faq-description strong{font-weight:800;color:#000;margin-top:30px;display:inline-block;}
.bbs-faq .bbs-faq-description strong.first{margin-top:0;}

/* 영문 Education > about us */
.intro-img-box.education{background:url(../../../../images/name/user/en/contents/edu/about-us.jpg);}

/* 영문 Library > materials */
.materials .section1 .content {
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    justify-content: space-between;
    padding: 50px 0;
    width: 100%
}

.materials .section1 .content.first{
	padding-top: 0;
}

.materials .section1 .content .title {
    color: #222;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 48px
}

.materials .section1 .content .text {
    color: #666;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    word-break: keep-all
}

.materials .section1 .content .img-box img {
    box-shadow: 10px 10px #e5e5e5;
    width: 80px
}

.materials span {
    padding-left: 10px
}

/* 가정상담(창간호(1971)~2007) */
.publish-container .img-box{flex:0 0 auto;width:25%;}
.publish-container .text-box{flex:0 0 auto;width:75%;}

.publish-container .history li{align-items: start; column-gap: 20px; display: flex; line-height: 24px; background-position-y:7px;}
.publish-container .history li strong{color:#666;}
.publish-container .history li.no-list-style{background:none;margin:20px 0 20px 70px;}

@media screen and (max-width:1000px) {
	.publish-container .flex{display:block;}
	.publish-container .img-box{width:100%;text-align:center;}
	.publish-container .text-box{width:100%;margin-top:30px;}
	.publish-container .history li{display:block;margin-top:10px;}
	.publish-container .history li strong{display:block;}
	.publish-container .history li.no-list-style{margin-left:0;}
}


/* 화상상담실 */
@media screen and (max-width:800px) {
	.videochat-container .whitebox{display:block;}
	.videochat-container .whitebox .item ~ .item{margin-left:0;margin-top:10px;}
}

/* 월간가정상담(2016~) */
.cms-icon-Time,
.cms-icon-User{position: relative;top: 2px;margin-right: 2px;}