@import url(common.css);

/* 공통 */

#content {overflow: hidden; padding-top: 110px;}
.mo {display: none;}
.m-db {display: none !important;}

/* page-header */
.page-header {margin-top: 75px;}
.page-header h3 {font-family: "Gowun Batang", serif; font-size: 45px; text-align: center; font-weight: 600; color: #111;}
.lnb {width: 100%; margin: 60px 0 80px;}
.lnb .container > ul {display: table; table-layout:fixed; width: 100%; border-radius: 20px; overflow: hidden;}
.lnb .container > ul li {display: table-cell; border-right: 1px solid #ddd;}
.lnb .container > ul li:last-child {border-right: 0;}
.lnb .container > ul li a {display: block; background-color: #eff1f3; text-align: center; font-size: 20px; color: #666; line-height: 80px; transition: all .2s linear;}
.lnb .container > ul li a:hover {color: #fff; background-color: #176cca;}
.lnb .container > ul li.current a {color: #fff; background-color: #176cca;}

/* 모바일 btn-drop */
.lnb .btn-drop {display: none;}

.lnb_dep3 .btn-drop2 {display: none;}


/* tab */
.tab-box {display: table; table-layout:fixed; width: 100%;}
.tab-box li {display: table-cell; position: relative; height: 80px; vertical-align: top;}
.tab-box li::before {position: absolute; content: ''; width: 0%; height: 5px; background-color: #176cca; bottom: 0; left: 50%; transform: translateX(-50%); transition: all .15s linear;}
.tab-box li::after {position: absolute; content: ''; width: 1px; height: 44px; background-color: #ddd; top: 8px; right: 0;}
.tab-box li:last-child:after {display: none;}
.tab-box li a {display: block; text-align: center; font-size: 18px; color: #666; line-height: 30px; font-weight: 500; transition: all .15s linear; padding: 0 28px; height: 100%;}
.tab-box li.pt15 a {padding-top: 15px;}
.tab-box li a:hover {color: #111; font-weight: 600;}
.tab-box li.current::before {width: 100%;}
.tab-box li.current a {color: #111; font-weight: 600;}

.tab-box.ty2 li a {padding: 0 25px;}
.tab-box.ty2 li.pt15 a  {padding-top: 15px;}

.tab-box.ty3 {max-width: 500px; width: 100%; margin: 0 auto;}


.bg {display: flex; width:100% ; height: 360px; justify-content: space-between;}
.bg .bg-1 {width: 28.8%; background: url(../images/sub/img_s10401.jpg) 50% 50% no-repeat; background-size: cover; border-radius: 30px;}
.bg .bg-2 {width: 68.2%; background: url() 50% 50% no-repeat; background-size: cover; border-radius: 30px; padding:185px 80px 0 0;}
.bg .bg-2 span {display: block; text-align: right; color: #fff; font-size: 24px;}
.bg .bg-2 h5 {font-size: 40px; color: #fff; text-align: right; padding-top: 30px; font-weight: 500;}

.bg .bg-2.ty1 {background-image: url(../images/sub/img_s10402_ty1.jpg);}
.bg .bg-2.ty2 {background-image: url(../images/sub/img_s10402_ty2.jpg);}
.bg .bg-2.ty3 {background-image: url(../images/sub/img_s10402_ty3.jpg);}
.bg .bg-2.ty4 {background-image: url(../images/sub/img_s10402_ty4.jpg);}
.bg .bg-2.ty5 {background-image: url(../images/sub/img_s10402_ty5.jpg);}
.bg .bg-2.ty6 {background-image: url(../images/sub/img_s10402_ty6.jpg);}
.bg .bg-2.ty7 {background-image: url(../images/sub/img_s10402_ty7.jpg);}
.bg .bg-2.ty8 {background-image: url(../images/sub/img_s10402_ty8.jpg);}

.bg.s202 .bg-1 {background-image: url(../images/sub/img_s20201.jpg);}
.bg.s202 .bg-2.ty1 {background-image: url(../images/sub/img_s20202_ty1.jpg);}
.bg.s202 .bg-2.ty2 {background-image: url(../images/sub/img_s20202_ty2.jpg);}
.bg.s202 .bg-2.ty3 {background-image: url(../images/sub/img_s20202_ty3.jpg);}
.bg.s202 .bg-2.ty4 {background-image: url(../images/sub/img_s20202_ty4.jpg);}
.bg.s202 .bg-2.ty5 {background-image: url(../images/sub/img_s20202_ty5.jpg);}
.bg.s202 .bg-2.ty6 {background-image: url(../images/sub/img_s20202_ty6.jpg);}



section {padding: 120px 0 150px; border-top: 1px solid #ddd;}

.article-header {padding-bottom: 40px;}
.article-header h4 {font-size: 35px; color: #111; font-weight: 500;}

/* s1_1 */
.s1_1 ul {display: flex; width: calc(100% + 40px); margin: 0 -20px; flex-wrap: wrap;}
.s1_1 ul li {width: 33.3333%; padding: 0 20px; min-height: 310px;}
.s1_1 ul li:nth-of-type(3) ~ li {margin-top: 40px;}
.s1_1 ul li .img {border-radius: 20px; overflow: hidden; height: 100%}
.s1_1 ul li .img img {display: block; margin: 0 auto; max-width: 100%; height: 100%;}
.s1_1 ul li dl {background-color: #eff1f3; border-radius: 20px; position: relative; padding: 50px 30px 0 50px; height: 100%; overflow: hidden;}
.s1_1 ul li dl::before {position: absolute; content: ''; bottom: 40px; right: 30px; width: 50px; height: 63px; background: url() 50% 50% no-repeat; background-size: auto;}
.s1_1 ul li:nth-of-type(1) dl::before {background-image: url(../images/sub/ico_s10101.png);}
.s1_1 ul li:nth-of-type(2) dl::before {background-image: url(../images/sub/ico_s10102.png);}
.s1_1 ul li:nth-of-type(3) dl::before {background-image: url(../images/sub/ico_s10103.png);}
.s1_1 ul li:nth-of-type(4) dl::before {background-image: url(../images/sub/ico_s10104.png);}
.s1_1 ul li:nth-of-type(5) dl::before {background-image: url(../images/sub/ico_s10105.png);}
.s1_1 ul li:nth-of-type(6) dl::before {background-image: url(../images/sub/ico_s10106.png);}
.s1_1 ul li:nth-of-type(7) dl::before {background-image: url(../images/sub/ico_s10107.png);}
.s1_1 ul li:nth-of-type(8) dl::before {background-image: url(../images/sub/ico_s10108.png);}
.s1_1 ul li:nth-of-type(9) dl::before {background-image: url(../images/sub/ico_s10109.png);}
.s1_1 ul li:nth-of-type(10) dl::before {background-image: url(../images/sub/ico_s10110.png);}
.s1_1 ul li:nth-of-type(11) dl::before {background-image: url(../images/sub/ico_s10111.png);}
.s1_1 ul li dl dt {font-size: 28px; color: #111; font-weight: 500;}
.s1_1 ul li dl dd {padding-top: 30px;}
.s1_1 ul li dl dd p {font-size: 18px; color: #666; line-height: 28px;}
.s1_1 ul li dl dd p ~ p {padding-top: 5px;}
.s1_1 ul li dl dd p a {display: inline-block; color: #666;}
.s1_1 ul li dl dd p i {color: #ddd; font-style: normal;}
.s1_1 ul li dl dd p span {display: inline-block; opacity: 0;}

.s1_1 .s-bg {background: url(../images/sub/bg_s10101.jpg) 50% 50% no-repeat; background-size: cover; border-radius: 20px; width: 100%; height: 400px; margin-top: 90px;}

/* s1_2 */
.s1_2 {width: 100%; height: 100%; background: url(../images/sub/bg_s10201.jpg) 100% calc(100% + 110px) no-repeat; background-size: auto;}
.s1_2 article {display: flex;}
.s1_2 article .greeting {max-width: 880px; width: 100%;}
.s1_2 article .greeting h5 {font-size: 28px; font-weight: 500; color: #111; line-height: 40px; padding-top: 30px;}
.s1_2 article .greeting span {font-size: 20px; font-weight: 500; color: #666; display: block; padding-top: 10px;}
.s1_2 article .greeting p {font-size: 18px; color: #666; line-height: 32px; padding-top: 40px;}
.s1_2 article .img {max-width: 440px; width: 100%;}
.s1_2 article .img img {display: block; max-width: 100%; margin: 0 auto;}
.s1_2 article .img dl {margin-top: 30px; text-align: center;}
.s1_2 article .img dl dt {font-size: 20px; color: #111; font-weight: 600;}
.s1_2 article .img dl dd {font-size: 20px; color: #111; font-weight: 600; padding-top: 15px;}
.s1_2 article .img dl dd i {display: inline-block; font-style: normal; font-family: "Gowun Batang", serif; font-weight: bold;}


/* s1_3 */
.s1_3 article ~  article {margin-top: 100px;}
.s1_3 .table-box {width: 100%; overflow: auto;}
.s1_3 .table-box table {width: 100%; table-layout: fixed; border-top: 1px solid #176cca;}
.s1_3 .table-box table tbody tr td {border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.s1_3 .table-box table tbody tr td:last-child {border-right: 0;}
.s1_3 .table-box table tbody tr td {font-size: 18px; color: #666; vertical-align: middle; line-height: 28px; padding: 20px 0 20px 30px;}
.s1_3 .table-box table tbody tr td.tit {background-color: #eff1f3; color: #111; padding-left: 0; text-align: center; font-weight: 600;}
.s1_3 .table-box table tbody tr td > b {display: inline-block; padding: 0 5px; font-weight: 400; vertical-align: top;}
.s1_3 .table-box.ty2 table tbody tr td.tit {text-align: left; padding-left: 30px;}
.s1_3 .table-box.ty2.m-table {display: none;}
.s1_3 article .m-note {display: none; padding-bottom: 15px; font-size: 14px; color: #666;}



/* s1_4 - 공통레이아웃 */
/* .s1_4 {border-top: 1px solid #ddd;} */
.s1_4 article {padding: 50px 0; border-bottom: 1px solid #ddd; display: flex;}
.s1_4 article.cnt01 {border-top: 1px solid #000; margin-top: 90px;}
.s-tit {padding-left: 20px; font-size: 28px; color: #111; max-width: 420px; width: 100%; font-weight: 500; line-height: 38px;}
.arti-txt {width: 100%; max-width: 900px;}
.arti-txt p {font-size: 18px; color: #666; line-height: 30px;}
.arti-txt p ~ p {padding-top: 30px;}
.arti-txt p.last {text-align: right;}
.arti-txt p.strong {color: #111; font-weight: 600;}
.arti-txt p i {display: inline-block; width: 20px; font-style: normal;}
.arti-txt p i.op0 {opacity: 0;}


/* s1_5 */
.s1_5 article ~ article {margin-top: 120px;}
.s1_5 .cnt ~ .cnt {margin-top: 55px;}
.s1_5 .cnt .cnt-tit {font-family: "Gowun Batang", serif; font-size: 28px; font-weight: bold; color: #176cca; padding-bottom: 30px;}
.s1_5 .cnt ul {display: flex; width: 100%; flex-wrap: wrap;}
.s1_5 .cnt ul li {width: 50%; display: flex; align-items: center;}
.s1_5 .cnt ul li:nth-of-type(2) ~ li {margin-top: 30px;}
/* .s1_5 .cnt ul li .pic {position:relative; max-width: 270px; width: 100%; height:0; padding-bottom:45.46%; overflow:hidden;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); border-radius: 20px;}
.s1_5 .cnt ul li .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover;} */
.s1_5 .cnt ul li .pic {max-width: 270px; width: 100%; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); border-radius: 20px; overflow: hidden;}
.s1_5 .cnt ul li .pic img {display: block; margin: 0 auto; max-width: 100%;}
.s1_5 .cnt ul li .info {padding:0 60px 0 40px; max-width: 390px; width: 100%;}
.s1_5 .cnt ul li .info h6 {font-family: "Gowun Batang", serif; font-size: 24px; font-weight: bold; color: #161e27; padding-bottom: 20px; border-bottom: 1px solid #ddd; position: relative; margin-bottom: 20px;}
.s1_5 .cnt ul li .info h6::after {position: absolute; content: ''; width: 100%; max-width: 40px; height: 2px; background-color: #176cca; bottom: -1px; right: 0px;}
.s1_5 .cnt ul li .info dl {display: flex; line-height: 28px;}
.s1_5 .cnt ul li .info dl ~ dl {margin-top: 10px;}
.s1_5 .cnt ul li .info dl dt {padding-left: 10px; display: inline-block; max-width: 90px; width: 100%; font-size: 18px; font-weight: 600; color: #111; position: relative;}
.s1_5 .cnt ul li .info dl dt::before {position: absolute; content: ''; width: 3px; height: 3px; border-radius: 50%; top: 12px; left: 0; background-color: #176cca;}
.s1_5 .cnt ul li .info dl dd {font-size: 18px; color: #666; margin-left: 20px;}


/* s1_6 */
.s1_6 .map {width: 100%; height: 430px; border-radius: 20px; overflow: hidden;}
.s1_6 .map iframe {width: 100%; height: 100%;}
.s1_6 .map-info {display: flex; align-items: center;justify-content: space-between; padding-top: 60px;}
.s1_6 .map-info .info dl {display: flex;}
.s1_6 .map-info .info dl dt {display: inline-block; width: 75px; font-size: 20px; color: #000; font-weight: 600;}
.s1_6 .map-info .info dl dd { font-size: 20px; color: #666;}
.s1_6 .map-info .info dl dd address {font-style: normal;}
.s1_6 .map-info .info dl dd a {display: block; color: #666;}
.s1_6 .map-info .info dl ~ dl  {padding-top: 25px;}
.s1_6 .map-info > .btn-area {width: 130px; display: flex; height: 60px;}
.s1_6 .map-info > .btn-area a {display: block; width: 60px; height: 60px; background-repeat: no-repeat; background-position: 50% 50%; background-size: auto; transition: all .2s linear; border-radius: 50%;}
.s1_6 .map-info > .btn-area a.search {background-image: url(../images/sub/ico_search.png); background-color: #176cca; margin-right: 10px;}
.s1_6 .map-info > .btn-area a.print {background-image: url(../images/sub/ico_print.png); background-color: #161e27;}
.s1_6 .map-info > .btn-area a:hover {transform: translateY(-8px)}


/* s2_1 */

/* .s2_1 {border: none;} */
.s2_1 .s-bg {background: url(../images/sub/bg_s20101.jpg) 50% 50% no-repeat; background-size: cover; border-radius: 20px; width: 100%; height: 400px;}
.s2_1 article .arti-txt p {letter-spacing: -.7px;}

/* s2_2 */
.s2_2 .pray {border: 1px solid #ddd; border-radius: 20px; display: inline-block; padding: 30px; margin-top: 30px;}

/* s2_3 */
.s2_3 article ~ article {margin-top: 90px;}
.s2_3 .article-header {padding-bottom: 30px;}
.s2_3 .article-header h4 {line-height: 48px; font-size: 36px; font-weight: 600;}
.s2_3 .wrap {display: flex;}
.s2_3 .wrap .txt {max-width: 660px; width: 100%; margin-right: 60px;}
.s2_3 .wrap .txt p {font-size: 18px; color: #666; line-height: 32px; letter-spacing: -.5px;}
.s2_3 .wrap .txt p a {display: block; color: #666;}
.s2_3 .wrap .txt p ~ p {padding-top: 30px;}
.s2_3 .wrap .img {max-width: 600px; width: 100%; border-radius: 20px; overflow: hidden;}
.s2_3 .wrap .img img {display: block; margin: 0 auto; width: 100%; height: 100%;}
.s2_3 .cnt02 h5 {font-family: "Gowun Batang", serif; font-size: 28px; font-weight: 600; color: #111; padding-bottom: 20px;}
.s2_3 .cnt02 h5 ~ h5 {padding-top: 50px;}
.s2_3 .cnt02 .txt p {font-size: 18px; color: #666; line-height: 32px; letter-spacing: -.5px;}
.s2_3 .cnt02 .txt p ~ p {padding-top: 30px;}
.s2_3 .cnt02 .txt-box {background-color: #eff1f3; padding: 50px; border-radius: 20px; margin-top: 10px;}
.s2_3 .cnt02 .txt-box p {font-size: 18px; color: #666; line-height: 32px; letter-spacing: -.5px;}
.s2_3 .cnt02 .txt-box.ty2 p ~ p {padding-top: 30px;}
.s2_3 .cnt02 .txt-box p b {display: inline-block; color: #111; font-weight: 600;}
.s2_3 .cnt02 .last {margin-top: 35px; text-align: right;}
.s2_3 .cnt02 .last p {font-size: 18px; line-height: 35px; color: #111; font-weight: bold;}


/* s2_4 */
.s2_4 .org {max-width: 100%; width: 100%;}
.s2_4 .org img {width: 100%; display: block; margin: 0 auto; max-width: 100%;}
.s2_4 .org_m {display: none;}
.s2_4 .org_m img {width: 100%; display: block; margin: 0 auto; max-width: 100%;}

/* s2_5 */
.s2_5 .edu {width: 100%;}
.s2_5 .edu ul {display: flex; flex-wrap: wrap; width: calc(100% + 40px); margin: 0 -20px;}
.s2_5 .edu ul li {width: 50%; padding: 0 20px; min-height: 200px;}
.s2_5 .edu ul li:nth-of-type(2) ~ li {margin-top: 40px;}
.s2_5 .edu ul li dl {padding: 50px 20px 0 185px; background-color: #eff1f3; border-radius: 20px; overflow: hidden; position: relative; height: 100%;}
.s2_5 .edu ul li dl::before {position: absolute; content: ''; width: 115px; height: 115px; top: 40px; left: 40px; border-radius: 50%; background: url() 50% 50% no-repeat; background-size: auto;}
.s2_5 .edu ul li:nth-of-type(1) dl::before {background-image: url(../images/sub/ico_s20501.png);}
.s2_5 .edu ul li:nth-of-type(2) dl::before {background-image: url(../images/sub/ico_s20502.png);}
.s2_5 .edu ul li:nth-of-type(3) dl::before {background-image: url(../images/sub/ico_s20503.png);}
.s2_5 .edu ul li:nth-of-type(4) dl::before {background-image: url(../images/sub/ico_s20504.png);}
.s2_5 .edu ul li dl dt {font-size: 28px; color: #111; font-weight: 600;}
.s2_5 .edu ul li dl dd {font-size: 18px; line-height: 30px; padding-top: 10px;}

/* s3_2 calendar */

.s3_2 .container .calendar-title {display: flex; margin-bottom: 40px; align-items: center; justify-content: center;}
.s3_2 .container .calendar-title > a {display: block; width: 30px; height: 30px; line-height: 30px; border: 1px solid #ddd; border-radius: 50%; text-align: center; background: url() 50% 50% no-repeat; background-size: auto; transition: all .2s linear;}
.s3_2 .container .calendar-title > a.prev {background-image: url(../images/sub/ico_month_prev.png);}
.s3_2 .container .calendar-title > a.next {background-image: url(../images/sub/ico_month_next.png);}
.s3_2 .container .calendar-title > a.prev:hover {transform: translateX(-5px);}
.s3_2 .container .calendar-title > a.next:hover {transform: translateX(5px);}
.s3_2 .container .calendar-title > h4 { font-size: 40px; color: #111; padding: 0 15px;}
.s3_2 .container .calendar-title > h4 > span {display: inline-block;}
.s3_2 .container .m-cal {font-size: 16px; color: #666; display: none; padding: 10px 0; text-align: center;}
.s3_2 .container .calendar-wrap table {border-spacing: 3px; border-collapse: separate; width: 100%; table-layout: fixed;}
.s3_2 .container .calendar-wrap table thead tr th {border-radius: 20px; background-color: #eff1f3; font-size: 20px; color: #111; line-height: 50px;}
.s3_2 .container .calendar-wrap table thead tr th.sun {background-color: #ca1717; color: #fff;}
.s3_2 .container .calendar-wrap table thead tr th.sat {background-color: #176cca; color: #fff;}
.s3_2 .container .calendar-wrap table tbody tr td {height: 150px; border: 1px solid #ddd; border-radius: 20px; vertical-align: top; font-size: 18px; color: #666; padding: 15px;}
.s3_2 .container .calendar-wrap table tbody tr td p {text-align: right; padding: 0 5px;}
.s3_2 .container .calendar-wrap table tbody tr td .date-sat {color: #176cca;}
.s3_2 .container .calendar-wrap table tbody tr td .date-sun {color: #ca1717;}
.s3_2 .container .calendar-wrap table tbody tr td .icon_cal a {display: block; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.s3_2 .container .calendar-wrap table tbody tr td > ul {padding-top: 10px;}
.s3_2 .container .calendar-wrap table tbody tr td > ul > li > span {display: block; position: relative; padding-left: 10px; text-align: left; font-size: 15px; line-height: 22px; word-break: break-all; color: #161e27;}
.s3_2 .container .calendar-wrap table tbody tr td > ul li > span::before {position: absolute; content: ''; width: 2px; height: 2px; border-radius: 50%; background-color: #176cca; left: 0; top: 9px;}


/* s4_2 */
.s4_2 ul {display: flex; width: calc(100% + 40px); margin: 0 -20px; flex-wrap: wrap;}
.s4_2 ul li {padding: 0 20px; width: 25%;}
.s4_2 ul li:nth-of-type(4) ~ li {margin-top: 40px;}
.s4_2 ul li figure {border-radius: 20px; overflow: hidden;}
.s4_2 ul li figure img {display: block; max-width: 100%; width: 100%;}
.s4_2 ul li figure figcaption {padding: 25px 5px; font-size: 20px; line-height: 28px; color: #111; font-family: "Gowun Batang", serif; text-align: center; background-color: #eff1f3; font-weight: 600;}




/* 게시판관련 */

.real-cont {padding: 120px 0 150px; border-top: 1px solid #ddd;}
section#bo_vc {padding: 0; margin-top: 0;}
.blind {position:absolute;overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;}
/* 파일업로드 */
.file_wr {position:relative; padding-right:140px;}
.file_wr label {width:136px; height:50px; border:1px solid #ddd; background:#fff; font-size:18px; color:#666; text-align:center; position:absolute; right:0; top:50%; margin-top:-25px; cursor:pointer; transition:all 0.6s;}
.file_wr label:hover {background:#000; border-color:#000;}
.file_wr label:before {content:'파일첨부'; line-height:48px; color:#000; transition:all 0.6s;}
.file_wr label:hover:before {color:#fff;}
.file_wr input[type="file" i] {width:270px; border: 0; border-bottom:1px solid #ddd; line-height:49px; font-size:20px; color:#acacac; padding:0 10px; cursor:pointer;}
.file_wr input[type="file" i]::-webkit-file-upload-button {display:none;}

.board-view .content-box .text .txt-box {line-height: 28px;}


.comment  {display: none;}

.board-view .content-box .text .img-box a {display: block; width: 100%;}
.board-view .content-box .text .img-box a img {max-width: 100%; display: block;}