@charset "utf-8";
/*공통*/
.doc-tit {font-size:22px; font-weight:500; line-height:1.4em; letter-spacing:0; color:#242424; padding-left:30px; position:relative; margin-bottom:17px;}
.doc-tit:before {content:""; position:absolute; width:20px; height:20px; background:url("../images/sub/doc_tit.gif") no-repeat 50% 50%; left:0; top:6px;}


/*greeting*/
.greeting {display:flex;}
.greeting .img {padding-left:70px;}
.greeting .cnt {flex: 1 1 auto; min-width: 0; width: 1%; padding-left:98px;}
.greeting .cnt .tit {font-size:28px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#242424; margin-bottom:40px;}
.greeting .cnt .txt {font-size:16px; font-weight:400; line-height:1.8em; letter-spacing:-0.03em; color:#454545; margin-bottom:35px;}
.greeting .cnt .sign {font-size:18px; font-weight:500; line-height:1.6em; letter-spacing:-0.03em; color:#242424;}
.greeting .cnt .sign strong {display:block; font-size:20px; font-weight:500;}
.greeting .cnt p:last-child {margin-bottom:0;}

/*page-tab*/
.page-tab {margin-bottom:60px;}
.page-tab ul {display:flex; margin:0 -5px;justify-content: center;}
.page-tab ul li a {font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#686868; display:flex;justify-content: center; align-items: center; width:180px; border:1px solid #ffc523; background:#fff; text-align:center; height:50px; border-radius:50px;}
.page-tab ul li {padding:0 5px;}
.page-tab ul li.active a {background:#ffc523; color:#fff;}

/*chairman-list*/
.chairman-list > ul {display:flex; flex-wrap:wrap; margin-left:-43px; margin-bottom:-57px;}
.chairman-list > ul > li {display:flex; width:calc(50% - 43px); margin-bottom:57px; margin-left:43px; border-top:2px solid #242424; border-bottom:1px solid #ddd;}
.chairman-list > ul > li .img {padding:20px; border-right:1px solid #ddd;}
.chairman-list > ul > li .table-wrap {flex: 1 1 auto; min-width: 0; width: 1%;}
.chairman-list > ul > li table {border-collapse:collapse; width:100%; height:100%;}
.chairman-list > ul > li table th {text-align:center; border-bottom:1px solid #ddd; background:#f8f8f8; border-right:1px solid #ddd; font-size:18px; font-weight:500; line-height:1.3em; letter-spacing:0; color:#242424; padding:18px 0;}
.chairman-list > ul > li table td {font-size:16px; font-weight:400; line-height:1.7em; letter-spacing:0; color:#454545; padding:18px 0; padding-left:18px; border-bottom:1px solid #ddd;}
.chairman-list > ul > li table tr:last-child td {vertical-align:top;}
.chairman-list > ul > li table tr:last-child td,
.chairman-list > ul > li table tr:last-child th {border-bottom:0;}
.chairman-list > ul > li table td.fz18 {font-size:18px; font-weight:500; color:#242424;}
.chairman-list > ul > li table ul {min-height:134px;}
.chairman-list > ul > li table ul li {padding-left:10px; position:relative;}
.chairman-list > ul > li table ul li:before {content:""; position:absolute; width:5px; height:1px; background:#454545; left:0; top:12px;}

/*vision*/
.vision .bg-wrap {margin-bottom:35px;}
.vision p {text-align:center; font-size:18px; font-weight:400; line-height:1.6em; letter-spacing:-0.03em; color:#454545; margin-bottom:25px;}
.vision p:last-child {margin-bottom:0}

/*history*/
.history .table-wrap table {border-collapse:collapse; width:100%; border-top:2px solid #242424; text-align:center;}
.history .table-wrap th {font-size:18px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#242424; padding:15px 10px; border-bottom:1px solid #ddd; background:#fffcf4; border-right:1px solid #ddd;}
.history .table-wrap th:last-child {border-right:0;}
.history .table-wrap td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:16px; font-weight:400; line-height:1.4em; letter-spacing:-0.03em; color:#454545; padding:18px 10px;}
.history .table-wrap .year {font-family:'Roboto'; font-size:28px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#242424;}
.history .table-wrap td:last-child {border-right:0; text-align:left; padding-left:20px;}

/*ci*/
.ci .ci-img {margin-bottom:38px;}
.ci .down-btn {display:flex; justify-content: center; margin:0 -10px;}
.ci .down-btn a {display:block; width:50%; max-width:290px; border:1px solid #ddd; padding:15px 30px; font-size:18px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#242424; position:relative; margin:0 10px;}
.ci .down-btn a:before {content:""; position:absolute; width:24px; height:24px; background:url("../images/sub/down_icon.png") no-repeat 50% 50%; right:30px; top:50%; margin-top:-12px;}

/*org*/
.org .img {text-align:center; margin-bottom:95px;}
.org .table-wrap table {border-collapse:collapse; width:100%; border-top:2px solid #242424; text-align:center;}
.org .table-wrap th {font-size:18px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#242424; padding:15px 10px; border-bottom:1px solid #ddd; background:#fffcf4; border-right:1px solid #ddd;}
.org .table-wrap td  {border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:16px; font-weight:400; line-height:1.4em; letter-spacing:-0.03em; color:#454545; padding:18px 10px;}
.org .table-wrap th:last-child ,
.org .table-wrap td:last-child {border-right:0;}

/*rule*/
.rule-list .cnt {display:none; padding:35px 20px; border-bottom:1px solid #ddd;}
.rule-list .cnt p span {font-size:14px; line-height:1.2em;}
.rule-list .cnt .underline {text-decoration:underline;}
.rule-list .group {margin-bottom:50px;}
.rule-list .group-tit {font-size:20px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#2c2c2c; margin-bottom:10px;}
.rule-list > ul {border-top:2px solid #2c2c2c;}
.rule-list .tit a {display:block; font-size:18px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#2c2c2c;border-bottom:1px solid #ddd; padding:17px 20px; position:relative;}
.rule-list .tit a:before {content:""; position:absolute; width:18px; height:2px; background:#686868; right:30px; top:50%; margin-top:-1px; transition:0.2s all ease;}
.rule-list .tit a:after {content:""; position:absolute; width:18px; height:2px; background:#686868; top:50%; margin-top:-1px; transform:rotate(90deg); right:30px; transition:0.2s all ease;}
.rule-list > ul > li.active .tit a {background:#fffcf4;}
.rule-list > ul > li.active .tit a:before {background:#ffc523;}
.rule-list > ul > li.active .tit a:after {transform:rotate(0); background:#ffc523;}
.rule-list dl {margin-bottom:25px;}
.rule-list dl:last-child {margin-bottom:0;}
.rule-list dt {font-size:16px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#242424; margin-bottom:5px;}
.rule-list dd {font-size:16px; font-weight:400; line-height:1.5em; letter-spacing:-0.03em; color:#454545;}
.rule-list dd > ul > li {line-height:1.7em;;}
.rule-list dd > ul > li > ul > li {padding-left:20px; font-size:15px;}

/*location*/
.location .local-info {margin-bottom:35px;}
.location .local-info dl {display:flex;align-items: center; justify-content: center;}
.location .local-info dt {position:relative; padding-left:40px; font-size:18px; font-weight:500; line-height:1.4em; letter-spacing:-0.01em; color:#2c2c2c; margin-right:26px; padding-right:26px;}
.location .local-info dt:after {content:""; position:absolute; width:1px; height:15px; background:#ddd; right:0; top:50%; margin-top:-7.5px;}
.location .local-info dt:before {content:""; position:absolute; width:20px; height:24px; background:url("../images/sub/local_icon.png") no-repeat 50% 50%; top:50%; margin-top:-12px; margin-left:-40px;}
.location .local-info dd {font-size:17px; font-weight:400; line-height:1.4em; letter-spacing:-0.01em; color:#454545;}
.location .root_daum_roughmap {width:100% !important; height:500px !important;}
.location .root_daum_roughmap .wrap_map {height:500px !important;}

.location .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.location .roughmap_lebel_text:after {content:"(사)한국평생교육총연합회"; font-size:12px; line-height:15px;}

/*policy*/
.policy .tit-wrap {text-align:center; margin:0 auto 55px auto; width:100%; max-width:1200px; background:#f8f8f8; border:1px solid #ddd; border-radius:8px; padding:32px 10px;}
.policy .tit-wrap p {font-size:22px; font-weight:500; line-height:1.4em; letter-spacing: -0.03em; color:#242424;}
.policy .group {padding:90px 0;}
.policy .group-tit {text-align:center; font-size:30px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#454545; margin-bottom:50px;}
.policy .group:last-child {padding-bottom:0;}
.policy .group1 {padding-top:0;}
.policy .group.gray-bg {background:#f8f8f8;}
.policy .doc-cnt {margin-bottom:90px;}
.policy .doc-cnt:last-child {margin-bottom:0;}
.policy .group .cnt {padding-top:20px; padding-left:27px; border-top:1px solid #ddd;}
.policy .group .cnt p {font-size:16px; font-weight:400; line-height:1.4em; letter-spacing:-0.03em; color:#454545;}
.policy .group .cnt > ul > li { font-size:16px; font-weight:400; line-height:1.8em; letter-spacing:-0.03em; color:#454545; padding-left:10px; position:relative;}
.policy .group .cnt > ul > li:before {content:""; position:absolute; width:4px; height:1px; background:#454545; left:0; top:13px;}
.policy .group .cnt > ul > li.type2 {padding-left:70px;}
.policy .group .cnt > ul > li.type2 .pos {position:absolute; left:10px;}

.policy .group .table-wrap {margin-top:28px;}
.policy .group .table-wrap table {border-collapse:collapse; width:100%; border-top:1px solid #ddd; text-align:center;}
.policy .group .table-wrap th {font-size:18px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#242424; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:15px 5px; background:#f8f8f8}
.policy .group .table-wrap td {font-size:16px; font-weight:400; line-height:1.4em; letter-spacing:-0.03em; color:#454545; padding:17px 5px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#fff;}
.policy .group .table-wrap th:last-child,
.policy .group .table-wrap td:last-child {border-right:0;}

.policy .group .pic-wrap {display:flex; margin-top:30px;}
.policy .group .pic .tit {font-size:18px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#2c2c2c; padding:14px 5px; text-align:center; background:#fffcf4;}
.policy .group .table-wrap2 {flex: 1 1 auto; min-width: 0; width: 1%; padding-left:50px;}
.policy .group .table-wrap2 table {border-collapse:collapse; width:100%; border-top:2px solid #2c2c2c; text-align:center;}
.policy .group .table-wrap2 th {font-size:18px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#2c2c2c; padding:13px 5px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#fffcf4;}
.policy .group .table-wrap2 td {font-size:16px; font-weight:400; line-height:1.4em; letter-spacing:-0.03em; color:#454545; padding:15px 5px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.policy .group .table-wrap2 th:last-child,
.policy .group .table-wrap2 td:last-child {border-right:0;}
.policy .group .table-wrap2 td ul {text-align:left;}
.policy .group .table-wrap2 td.space-left {padding:13px 20px;}
.policy .group .table-wrap2 td ul li {padding-left:10px; position:relative;}
.policy .group .table-wrap2 td ul li:before {content:""; position:absolute; width:5px; height:5px; left:0; background:#454545; border-radius:100%; top:9px;}

.pol-4 .cnt .img2 {margin-top:20px;}