@charset "utf-8";

#contents {min-height: 530px;} 

/* .main_rolling_mobile {display: none;} */
.visualRoll {position:relative; width:100%;}
.viewImgList {position:relative; width:100%;}	
.viewImgList li {text-align:center; height:820px;}
.viewImgList li.imglist0 {position:relative; z-index:50; background:url('../images/mainslide01.jpg') no-repeat center;}
.viewImgList li.imglist1 {position:absolute; width:100%; left:0; top:0; z-index:10; background:url('../images/mainslide02.jpg') no-repeat center;}
.viewImgList li.imglist2 {position:absolute; width:100%; left:0; top:0; z-index:10; background:url('../images/mainslide03.jpg') no-repeat center;}
.viewImgList li.imglist3 {position:absolute; width:100%; left:0; top:0; z-index:10; background:url('../images/mainslide04.jpg') no-repeat center;}
.viewImgList li {background-size:cover !important;}

/* .viewImgList li .roll_content {position:relative;} */
.roll_content{ position: absolute; top: 20%; text-align: center; width: 100%; z-index: 100;}
.roll_content h1{ font-size: 3.438em; line-height: 2.50em; color: #fff;}
.roll_content p{ font-size: 1.5em; line-height: 1.5; color: #fff; margin-bottom: 50px;}
.roll_content button{background: #fff; color: #143556; transition: all 0.2s ease-in;}
.roll_content button:hover{background: #3dbfd4 ; color: #fff; transition: all 0.1s ease-in;}
.rollbtnArea {position:absolute; width:100%; left:0; bottom:25px; z-index:100;}
.rollbtnArea .rollingbtn {width:320px; margin:0 auto; text-align:center;}
.rollbtnArea .rollingbtn li {display:inline-block; margin-right:5px;}
.rollbtnArea .rollingbtn li.butt0 {margin-left:10px;}
.rollbtnArea .rollingbtn li.rollplay {display:none;}
.rollbtnArea .rollingbtn li a {vertical-align:top;}
h2.page_tit {position: relative; font-size: 2.5em; text-align: center; padding: 1.5em 0; line-height: 1.2em; } 
h2.page_tit::after { content: ''; display: block; width: 6%; border-bottom: 3px solid #3dbfd4; position: absolute; left: 47%; padding-bottom: 15px;}


/* greeting */
.greeting article.top {position: absolute;  width: 100%;left: 0; margin-top: 100px; background:#dce7f0; /*  height: 350px; */ } 
.greeting article.top .img_area {width: 396px; float: left; margin: -99px 0 0 16%; /* transition: all 0.5s; height:450px; */} 
.greeting article.top .img_area img {max-width: 100%;height: auto; } 
.greeting article.top .txt_area {float: left; width: 45%; margin:50px 0 0 80px; }
.greeting article.top .txt_area img {padding-top: 10%;} 
.greeting article.top .txt_area .txt_01 {font-size:2.5em;font-weight: 700; } 
.greeting article.top .txt_area .txt_02 {font-size:1.563em;padding: 0.75em 0; } 
.greeting article.content {position: relative; font-size: 1.125em; padding-top: 500px; line-height: 1.75em;font-weight: 300; padding-right: 1em; } 
.greeting article.content p:first-child{width: 40px; height: 36px; background: url('../images/greetings_03.png') no-repeat;}
.greeting article.content p:last-child{width: 40px; height: 36px; background: url('../images/greetings_04.png') no-repeat;}
.greeting article.content p {padding-bottom: 1em; word-break: keep-all; text-align: justify;} 
.greeting article.content p.txt_03 {font-size: 1.188em;}

/* newsletter */
.letter_box {float: left; width: 23.5%; border: 1px solid #ccc; border-radius: 10px; padding: 20px; margin-right: 2%; margin-bottom: 20px;}
.letter_box:nth-child(4), 
.letter_box:nth-child(8) {margin-right: 0;}
.letter_box a {width: 100%; margin: 0 auto;}
.letter_box img {width: 100%; height: 250px; display: block; background: #f3f3f3; object-fit: contain; margin-bottom: 20px;}
.letter_box ul li {line-height: 1.5; color: #777;}
/* .news > article > div:last-child {margin-right: 0 !important;} */
.letter_box h4 {font-size: 1.125em; color: #333; min-height: 80px;}
.pdf_down::after{float: left; position: relative; content: ""; background: url('../images/btn_pdf.gif') no-repeat center top; background-size: contain; width: 30px; height: 30px; margin: 5px;}


/* 221020_수정 */
.flex_01 {display: flex; flex-direction: row; flex-wrap: wrap;}
.flex_01 .letter_box2 {flex-grow: 0;}
/* newsletter */
.letter_box2 {width: 19%; border: 1px solid #ccc; border-radius: 10px; padding: 20px; margin-right: 10px; margin-bottom: 20px;}
.letter_box2 a{width: 100%; margin: 0 auto;}
.letter_box2 a img {width: 100%; height: 250px; display: block; background: #d0d0d0; margin-bottom: 20px;}
.letter_box2 ul li {line-height: 1.5; color: #777;}
.letter_box2 h4 {font-size: 1.125em; color: #333; height: 70px; line-height: 1.5;}

/* history */
.history .tab_con {display: block; z-index: 10; border-top: 2px solid #313131; padding: 40px;} 
.history .tab_con ul li {font-weight: 300;}
.history .tab_con ul li.left{ font-size: 1.25em; margin-right: 2%; font-weight: 400; width: 15%;}
.history .tab_con ul li.right {float: left; width: 83%;}
.history .tab_con ul li.right p {padding-bottom: 1.25em; line-height: 1.5;}

/* 이사회 및 임원소개 페이지 추가 - 2023.09.26 */
.directors .con_01 p { width: 70%; font-weight: bold; text-align: center; padding: 10px 20px; border-radius: 10px; margin: 0 auto 20px auto; }
.directors .con_01 p:nth-of-type(1) { background: #f6f2ff; }
.directors .con_01 p:nth-of-type(2) { background: #f0ebfd; }
.directors .con_01 p:nth-of-type(3) { background: #e9e0ff; }


/* Member */
.member { width: 80%; margin: 0 auto; /* box-shadow: 0 5px 20px rgba(27, 38, 78, 0.3); -webkit-box-shadow: 0 5px 20px rgba(27, 38, 78, 0.3); -moz-box-shadow: 0 5px 20px rgba(27, 38, 78, 0.3); */}
.member .mem_con01 {float: left; width: 100%;}
.member .mem_con01 h3{ text-align: center; font-size: 1.5em; color: seagreen; padding: 1.5em 0 0.5em 0; line-height: 1.5;}
.member .mem_con01 p { text-align: center; padding-bottom: 30px;}
.member .loginform form { display: inline-block; width: 50%; padding: 80px 50px 50px 50px;}
.member .loginform form .input-box {position: relative; margin: 10px 0;}
.member .loginform form .input-box > input {background: transparent; border:none; border-bottom: 1px solid #ccc; padding: 20px 0 5px 0; font-size: 1.125em; width: 100%;}
.member .loginform form .input-box > input::placeholder {color: transparent;}
.member .loginform form .input-box > input:placeholder-shown + label {color: #aaa; font-size: 1.125em; top: 15px;}
.member .loginform form .input-box > input:focus + label, 
.member .loginform form .input-box > label {color: #8aa1a1; font-size: 0.688em; pointer-events: none; position: absolute; left: 0; top: 0; transition: all 0.3s;}
.member .loginform form .input-box > input:focus, 
.member .loginform form .input-box > input:not(:placeholder-shown){border-bottom: 1px solid #ccc; outline: none;}
.member .loginform form input[type=submit],
.member .loginform form input[type=button]{width: 100%;  border: none; margin-top: 50px;}
.member .loginform form .forgot{text-align: right; font-size: 1.0em; color: rgb(164 164 164); margin:20px 0; }
.member .loginform form .forgot a:first-child{float: left; }
.member .loginform form .tac .blue:hover { background: #3dbfd4;}
.member .loginform form .tac button {width: 100%;}
.member .loginform .bg {display: inline-block; width: 49%; text-align: right;}
.member .loginform .bg img{ display: block; width: 100%; padding: 40px;}
.member .loginform .left {float: left; width: 50%;}
.member .loginform .left h4,
.member .loginform .right h4 {font-size: 1.25em; color: #143556; padding: 1.0em 0; border-bottom: 2px solid #143556;}
.member .loginform .left p, 
.member .loginform .right p { line-height: 1.5; margin-top: 10px;}
.member .loginform .right {width: 50%;}
.member .loginform .login_txt01{height: 160px; }
.member .loginform .login_txt02{height: 160px;}
.member .loginform .login_txt02 .txt_s{font-size: 0.875em;}
.member .loginform .login_left {float: left; width: 50%; padding: 20px 50px 50px 50px; margin-top: 7%;}
.member .loginform .login_left .tac button {width: 100%;}
/* 10.27 로그인 bottom 추가 */
.login_bottom { background: #f0f0f0; }
.login_bottom:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }
.login_bottom .login_con { padding: 20px; cursor: pointer; }
.login_bottom .login_detail { padding: 20px; border-top: 1px dashed #868686; }
.login_bottom .login_con > h3 { color: seagreen; line-height: 1.5; font-weight: 400; }



/* 03.02  회원정보 수정 */
.member .loginform .center { width: 100%; padding: 30px 20%;}
.member .loginform .center h4 {font-size: 1.25em; color: #143556; padding: 1.0em 0; border-bottom: 2px solid #143556;}
.member .loginform .center p { line-height: 1.5; margin-top: 10px;}

.member .loginform_02 .left,
.member .loginform_02 .right {float: left; width: 50%; padding: 70px 0; text-align: center;}
.member .loginform_02 .left {border-right: 1px dashed #ccc;}
.member .loginform_02 .c01 {margin-bottom: 20px;}
.member .loginform_02 .c02 {font-size: 1.5em; font-weight: 600; margin-bottom: 10px;}
.member .loginform_02 .c02 span{color: #ca0000;}
.member .loginform_02 .c03 {margin-bottom: 30px;}

.breadcrumbs {height: 30px;}
.breadcrumbs ul li {float: right;}
.breadcrumbs ul li span{margin-right: 10px; color: #777;}
.breadcrumbs ul li span.on {font-weight: 500; color: #143556;}
.all_agree {text-align: center;  height: 50px; line-height: 50px; background: #777; color: #fff;}

.membership{/* background: #f7f7f7; */ padding: 20px; line-height: 1.5;}
.membership .bg_01 {box-shadow: none; border: 1px solid #ccc; background: #fff;}
.membership .txt_04 {font-size: 1.5em; color: seagreen; padding: 1.5em 0 0.5em 0; text-align: center;}
.membership .memberbox_wrap h3 {font-size: 1.25em; color: #143556; padding: 1em 0; border-bottom: 2px solid #143556; text-align: left;}
.membership .memberbox_wrap {transition: all 0.5s;}
.membership .box3{overflow: hidden; opacity: 0; height: 0; transition: 0.5s;}
.memberbox_wrap .agreebox{height: 250px;}
.memberbox_wrap .agreebox1{ height: 150px;}
.memberbox_wrap .agreebox, 
.memberbox_wrap .agreebox1 { border: 1px solid #e5e5e5; padding: 10px; margin: 0 0 8px 0; overflow: auto; line-height: 150%; font-weight: normal; background: #ededed;}
.memberbox_wrap h4.pri { clear: both; padding-left: 0; margin: 0 0 10px 13px; background: none; text-decoration: underline; letter-spacing: -1px; color: #e1527a;}
.memberbox_wrap .agreebox p, 
.memberbox_wrap .agreebox1 p, 
.memberbox_wrap .agreebox2 p { padding-left: 20px; margin-top: 0; word-break: keep-all;}
.memberbox_wrap .list01 {padding-left: 20px;}
.memberbox_wrap .box_radio {height: 50px;}
.memberbox_wrap .box_radio input {width: 20px; height: 20px; border:2px solid #3dbfd4; cursor: pointer;}
.memberbox_wrap .box_radio input:checked {background-color: #3dbfd4; background: #3dbfd4 url('../images/icon_checked.png') no-repeat center center;}

.membership .mem_con02 h4 {text-align: left; font-size: 1.25em;}
.membership .mem_con02 p {font-size: 1.0em; line-height: 1.5; color: #888;}
.membership .mem_con02 a {color: #143556;; padding: 10px 20px; border-radius: 5px 5px 0 0; background:#ddd;}
.membership .board td input {width: 20%; border: 1px solid #ced4da; padding: 10px; }
/* .membership .board td label {font-size: 1.125em;} */
.membership .board td .dd_address {width: 45%;}
.membership .board .pwChecklist {background-color: #edf4fb; border-radius: 10px; padding: 15px; margin: 10px 5px 10px 0px;}
.membership .board .pwChecklist p {font-size: 1.0em; line-height: 1.5;}
.membership .board .pwChecklist .checkTit { display: block; padding: 0 0 5px 0; color: #3272c1; font-weight: 600;}
.membership .board .pwChecklist p span { padding-top: 5px; display: block; color: #3272c1; }
/* .membership .board input[type='radio'] {width: 20px; height: 20px; border:2px solid #3dbfd4; cursor: pointer;}
.membership .board input[type='radio']:checked {background-color: #3dbfd4; background: #3dbfd4 url('../images/icon_checked.png') no-repeat center center;} */
.membership .board select { border: none; border: 1px solid #ced4da; width: 20%; padding: 12px 10px; background-color: #fff !important; background: url('../images/snb_arrow.png') no-repeat right 10px top 50%;}
.membership .board .list02 {padding: 20px;}
.membership .board .list02 li {font-size: 1.063em; line-height: 1.5; margin-bottom: 10px;}
.membership .board .list02 li .txt{ display: inline-block; width: 10%; margin-left: 20px;}
.membership .board .list02 li .txt02{ margin: 10px 0 20px 20px;}

.memberbox_wrap .agreebox2 {padding: 10px; margin: 0 0 8px 0; line-height: 150%; font-weight: normal; background: #ededed;}
.memberbox_wrap h3.pri {padding: 20px 0 10px 0;  text-decoration: underline; letter-spacing: -1px; color: #f43643;}
.tablegreen {border-top:1px solid #64add7; border-bottom:1px solid #64add7; margin-top:20px; margin-bottom:20px;}
.tablegreen th {background-color:#cedee9; padding:5px; text-align:center; color:#143556; border-bottom:1px solid #64add7; border-left: 1px solid #64add7;}
.tablegreen td {text-align:center; padding:5px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; vertical-align: middle; background: #e5e5e5; word-break: break-all;}
.tablegreen td.tit {background-color:#cedee9; color:#143556;}
.tablegreen td.total {font-weight:bold; /* text-align:right; padding-right:80px; */}

.membership .fs01 {font-size: 1.125em; margin-bottom: 10px; line-height: 1.5; word-break: keep-all;}
.membership .member h4 {font-size: 1.25em; margin-bottom: 20px;}
.membership .member form {padding:40px 20px;}
.membership .member .left  {float: left; width: 50%;}
.membership .member .right {float: left; width: 50%;}
.membership .member ul li {margin-bottom: 20px;}
.membership .member ul li input {width: 70%; border: 1px solid #ced4da; padding: 10px;}
.membership .member ul li input[type='radio']:checked + label span.radio_bg { background-color: #3dbfd4; color: #fff; background-image: none;}
.membership .member ul li input[type='radio'] + label span.radio_bg { display: inline-block; width: 48px; height: 48px; color: #143556; vertical-align: middle; border: 1px solid #3dbfd4; border-radius: 0; cursor: pointer; font-size: 1.25em; line-height: 46px; text-align: center; margin: 0; margin-right: -5px;}
    /* 221024 - 가입회원정보 내용추가 */
    .membership .member .center {width: 60%; margin: 0 20%;}


/* newsroom */
.tricare > .img {width: 10%; } 
.tricare > .img > a > img {width: 100%; } 
.tricare > .txt {font-size: 1.25em; padding-left: 1em; line-height: 1.5; width: 70%;} 
.tricare_table {margin-top: 20px; } 
.tricare_table > table {font-size: 1em;min-width: 1000px; } 
.tricare_table > table sup {vertical-align:bottom;font-size: 0.75em; } 
.tricare_table > table th {border-left: 1px solid #ddd; } 
.tricare_table > table th:first-child {border-left:none; } 
.tricare_table > table td {line-height: 1.5;vertical-align: middle;border-left: 1px solid #ddd;padding:1em;font-weight: 300; } 
.tricare_table > table td:first-child {border-left:none; } 
.tricare_list {padding: 0 2em; } 
.tricare_list > ul {padding-inline-start: 0px;margin-block-start: 0em; margin-block-end: 0em; } 
.tricare_list > ul > li {list-style: circle;padding: 0;text-align:left;padding-bottom: 0.5em;font-weight: 300; } 
.tricare_list > ul > li:last-child {padding-bottom: 1em; } 
.tricare_list > ul > li > a {display: block;font-weight: 400; } 

.news article.search {background:#f3f3f3;padding: 2em; } 
.news article.search .news_sc_wrap {width: 1000px;margin: 0 auto; } 
.news_sc_wrap > .sch_select, .news_sc_wrap > .sch_area {float: left; } 
.news_sc_wrap > .sch_select {min-width: 200px; } 
.news_sc_wrap > .sch_area {margin-left: 10px; } 
.news_sc_wrap .sch_area input {float: left; border: 1px solid #e1e1e1; width: 748px; height: 45px; padding-left: 20px;color: #6f6f6f; } 
.news_sc_wrap .sch_area button {float: left; background: #3dbfd4 url('../images/sch_zoom.png') no-repeat center center; width: 42px; height: 45px;text-indent: -99999px; } 
.news .view {border-top: 2px solid #143556;border-bottom: 1px solid #e2e2e2; padding:1.875em; } 
.news .view .tit {display: inline-block; padding: 0; font-size: 1.375em; line-height: 1.5; }
.news .date {color: #777; line-height: 33px; } 
.news .date span {font-weight: 500; display: inline-block; padding:0 0.625em; color: #333; } 
.news .date span:first-child {padding-left:0; } 
.news .view_con {padding: 50px 0; transition: all 0.5s;} 
.news .view_con p {line-height: 1.5 !important; word-break: keep-all;} 
.news .view_con img {max-width: 100%;height: auto;margin: 20px 0; }

.video .view {border-top: 2px solid #143556;border-bottom: 1px solid #e2e2e2; padding:1.875em; } 
.video .view .tit {display: inline-block; padding: 0; font-size: 1.375em; line-height: 1.5; }
.video .date {color: #777; line-height: 33px; } 
.video .date span {font-weight: 500; display: inline-block; padding:0 0.625em; color: #333; }
.video .view_con2 {padding: 3%;}
.video .view_con2 .embed_youtube { position: relative; width: 80%; height: 0; padding-bottom: 45%; margin: 0 auto;}
.video .view_con2 iframe {width: 100%; top: 0; position: absolute; height: 100%; left: 0;}

.news .view_con2 {padding: 3%;}
.news .view_con2 .view_text {display: inline-block; width: 48%; padding: 20px 20px; font-size: 1.125em; line-height: 1.5; border-top: 4px solid #d0d0d0; margin-left: 2%; background: #f0f8ff;}
.news .view_con2 .view_text ul:first-child{ border-bottom: 1px dashed #ccc;}
.news .view_con2 .view_text span{color: #777; font-weight: 300;}

.news .view_con3 {padding: 2%;}
.news .view_con3 p {margin-bottom: 20px; font-size: 1.125em; line-height: 1.5; font-weight: 300; word-break: break-all;}
.news .view_con3 a {color: #ca0000;}
.news .view_con3 a:hover {text-decoration: underline;}
.news article.prev {border-top: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;padding:1.25em;font-size: 1.125em;line-height: 1.5; } 
.news article.next {border-top:none; } 
.news article.prev a:hover, .news article.next a:hover{ color: #3dbfd4;}
.news .prev span {font-weight: 700;display: inline-block;padding-right: 1.875em;min-width: 100px; } 
.news .news_btn {margin: 20px auto;min-width: 200px;font-size: 1.125em; }
.news .news_btn:hover{background: #3dbfd4;} 
.tricare_table > table.news td {text-align: center; } 
.tricare_table > table.news td:nth-child(2) {text-align: left; } 

/* 공지사항 > 상세내용 */
.noti_con01 {font-size: 1.125em; line-height: 1.5; transition: all 0.5s;} 
.noti_title01 {font-size: 1.25em; margin-bottom: 30px; text-align: center; color: #143556;}
.noti_title02 {margin-bottom: 10px; font-weight: bold;}
.noti_con01 ul li {margin-bottom: 10px;}
.noti_table {display: block; width: 100%; padding: 20px 10px; border-top: 2px solid #002f58; border-bottom: 2px solid #002f58;}
.noti_table dt {float: left; width: 23%; font-weight: bold;}
.noti_table dd {float: left; width: 77%; color: #555; margin-bottom: 10px;}

/* 투명경영 > 윤리규범 */
.tex01{font-size: 1.6em; color: #20b2aa; /* padding-bottom: 10px; */ line-height: 2.0em;}
.tex02{font-size: 1.125em; color: #333; padding-bottom: 2em; border-bottom: 1px solid #ccc; margin-bottom: 2em; line-height: 1.5;}
.tab_box01 {/* background: #f7f7f7; */ padding: 30px 90px; border-top: 2px solid #5791d5;}
.tab_box01 .tab_con ul { width: 100%; float: left; margin-bottom: 30px;}
.tab_box01 .tab_con li.left { display: inline-block; width: 10%; height: 60px; font-size: 2.0em; line-height: 60px; text-align: center; background: #ededed; border-radius: 10px;  color: #5791d5; margin-right: 2%;}
.tab_box01 .tab_con li.right { display: inline-block; width: 88%; font-size: 1.25em; line-height: 1.5; word-break: keep-all;}

/* 투명경영 > 윤리강령 */
.tab_box01 .box01 {width: 100%; background: #e7ecef; padding: 20px;}
.tab_box01  h4 {font-size: 1.5em; line-height: 1.75em; color: #143556;}
.tab_box01 .box01 p {font-size: 1.063em; line-height: 1.5; word-break: keep-all; text-align: justify;}
.tab_box01 .box02 {padding: 20px;}
.tab_box01 .box02 h5 {font-size: 1.313em; line-height: 1.5; padding-left: 10px;}
.tab_box01 .box02 p {font-size: 1.188em; line-height: 1.5; padding-left: 20px; color: #5791d5; margin-top: 10px;}
.tab_box01 .box02 ol { list-style-type: decimal; padding-left: 0px;}
.tab_box01 .box02 ol li {font-size: 1.063em; line-height: 1.75em; margin-left: 40px; word-break: keep-all;}
.tab_box01 .box02 ul li {font-size: 1.063em; line-height: 1.5; padding-left: 20px; word-break: keep-all;}

/* 투명경영 > 윤리-책무성 기준*/
.tab_box01 .box03 p {font-size: 1.125em; line-height: 1.5; padding-left: 10px; color: #777; word-break: keep-all;}
.tab_box01 .box03 ul li{font-size: 1.125em; margin-left: 25px; line-height: 1.5; color: #777; word-break: keep-all;}
.tab_box01 .box03 ul li::before { content: ''; display: block; width: 8px; height: 8px; background: #5791d5; border-radius: 10px; position: relative; top: 18px; left: -20px;}
.tab_box01 .box03 h5 {font-size: 1.25em; padding-left: 10px; line-height: 1.5; color: #444; font-weight: 500;}

/* 투명경영  > 재정보고 */
.tab_box02 {/*  background: #f7f7f7; */ padding: 30px 0; border-top: 2px solid #5791d5;}
.tab_box02 > div > button > .btn_02 { margin-left: 10px; vertical-align: middle; margin-top: -4px;}
.tab_box02 .tab_con .left {float: left; width: 49%; margin-right: 2%;}
.tab_box02 .tab_con .right {float: left; width: 49%;}
.tab_box02 .tab_con figure {text-align: center;}
.tab_box02 .tab_con figure img{width: 100%; height: 300px;}

.tableblue {border-top:1px solid #64add7; border-bottom:1px solid #64add7; margin-top:20px; margin-bottom:20px;}
.tableblue th {background-color:#eef3f7; padding:10px; text-align:center; color:#143556; border-bottom:1px solid #64add7; border-left: 1px solid #64add7; font-size: 1.25em;}
.tableblue td {text-align:center; padding:10px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; vertical-align: middle; background: #f3f3f3;}
.tableblue td.tit {background-color:#eef3f7; color:#143556; font-size: 1.125em;}
.tableblue td.total {font-weight:bold; }

.year_select {display: none; width: 100%;}
.year_select select {padding: 12px;}
.y_select {width: 100%; padding: .8em 20px;background: #fff url('../images/sch_arr_icon.png') no-repeat right 20px center;border: 1px solid #000; color:#6f6f6f; } 

/* 조직도 */
.hbfChart .con01 {width: 80%; margin: 0 auto;}
.hbfChart .con01 > img { width: 100%; max-width: 100%; height: auto;}
.hbfChart .con02 .left {float: left; width: 49%; margin-right: 2%;}
.hbfChart .con02 .right {float: right; width: 49%;}
.hbfChart .con02 img {width: 100%;}
.btn_dn {text-align: right;}

/* 홍보대사 */
.grid_04 {clear: both; display: block; content: ''; overflow: hidden;}
.grid_04 .item_con01 {float: left; width: 24%; margin: 0 1% 20px 0; border: 1px solid #ccc; border-radius: 10px; padding: 20px;}
.grid_04 .item_con01 img {width: 100%;}
.grid_04 .item_con01 dt {text-align: center; font-size: 1.5em; font-weight: 600; padding: 10px 0; border-bottom: 1px solid #ccc;}
.grid_04 .item_con01 dd {text-align: left; font-size: 1.0em; padding-top: 10px; line-height: 1.5; height: 200px; word-break: keep-all; overflow-y: auto;}

.grid_04 .item_con02 {float: left; width: 24%; margin: 0 1% 20px 0; border: 1px solid #ccc; border-radius: 10px; padding: 20px;}
.grid_04 .item_con02 img {width: 100%;}
.grid_04 .item_con02 dt {text-align: center; font-size: 1.5em; font-weight: 600; padding: 10px 0; border-bottom: 1px solid #ccc;}
.grid_04 .item_con02 dd {text-align: left; font-size: 1.0em; padding-top: 10px; line-height: 1.5; min-height: 400px;}

/* 찾아오시는 길 */
.location .content iframe {float: left; width: 63%; margin-right: 2%;}
.location .content .lo_con01 {float: left; width: 35%;}
.location .content .lo_con01 span {font-size: 1.25em; font-weight: 600; line-height: 1.5;}
.location .content .lo_con01 p {font-size: 1.125em; line-height: 1.5; margin-bottom: 20px;}
.location .lo_con02 h3 {font-size: 1.5em; text-align: left; padding: 1.5em 0 0.8em 0; border-bottom: 2px solid #143556; line-height: 1.5;}
/* 지하철 버스 아이콘 넣을시  */
/* .location .lo_con02 h3.sub::after{content: ''; width: 30px; height: 30px; display: block; position: relative; margin-left: -40px; margin-top: -26px; background: url('../images/icon_sub01.png') no-repeat;}
.location .lo_con02 h3.bus::after{content: ''; width: 30px; height: 30px; display: block; position: relative; margin-left: -40px; margin-top: -26px; background: url('../images/icon_bus01.png') no-repeat;} */
.location .lo_con02 ul {border-bottom: 1px dashed #ccc; padding: 5px 0;}
.location .lo_con02 ul li {font-size: 1.125em; display: inline-block; line-height: 1.75em; color: #777; word-break: keep-all;}
.location .lo_con02 ul li:first-child {width: 10%; font-weight: 600;}
.location .lo_con02 ul .sub01 {color: #8936e0; border-radius: 20px;}
.location .lo_con02 ul .sub02 {color: #263c96; vertical-align: top; border-radius: 20px;} 
.location .lo_con02 ul .sub03 {color: #3cb44a; border-radius: 20px 0 0 20px; display: inline-block;}
.location .lo_con02 ul .sub04 {color: #d1a62c; border-radius: 0 20px 20px 0; display: inline-block;}
.location .lo_con02 ul .bus01 {color: #0475f4; border-radius: 20px;}
.location .lo_con02 ul .bus02 {color: #3cb44a; border-radius: 20px;}
.location .lo_con02 ul .bus03 {color: #fb5852; border-radius: 20px;}
.location .lo_con02 ul .bus04 {color: #b6447d; border-radius: 20px;}
.location .lo_con02 ul .bus05 {color: #87c700; border-radius: 20px;}

/* 미션 & 비전 */
.tex03 {font-size: 1.85em; line-height: 1.5;}
.mission {background: #f7f7f7; padding: 20px; line-height: 1.5;}
.mission .mis_con .left {width: 43%; float: left; margin-bottom: 30px;}
.mission .mis_con .left .mi_02, .mission .mis_con .right .vi_02 {font-size: 1.125em; color: #555; line-height: 1.5;}
.mission .mis_con .left .mi_01 {position: relative;  width: 210px; height: 210px; font-size: 1.875em; font-weight: 600; color: #f3616c; padding-top: 40px; text-align: center; border-radius: 110px; border: 15px solid #fae9e9; background: #ffcdcd; margin:30px auto 0 auto;}
.mission .mis_con .left .mi_02 p{width: 80%; height: auto; padding: 130px 30px 57px; margin: -100px auto 0 auto; background: #fff; box-shadow:0 0 20px rgba(0, 0, 0, 0.1);}
.mission .mis_con .plus > p {float: left; position: relative; margin-top: 150px; width: 13%; font-size: 140px; color: #7bb0d1; text-align: center;}
.mission .mis_con .right {display: inline-block; width: 43%;}
.mission .mis_con .right .vi_01 {position: relative;  width: 210px; height: 210px; font-size: 1.875em; font-weight: 600; color: #549ac6; padding-top: 40px; text-align: center; border-radius: 110px; border: 15px solid #e0edf5; background: #c5e2f5; margin:30px auto 0 auto;}
.mission .mis_con .right .vi_02 p{width: 80%; height: auto; padding: 130px 20px 30px; margin: -100px auto 0 auto; background: #fff; box-shadow:0 0 20px rgba(0, 0, 0, 0.1);}

.business {width: 100%; border: 1px solid #ccc; }
.tex04 {font-size: 2.0em; color: #7bb0d1; padding: 40px 0;}
.business .bus_con { padding: 30px 0 70px 12%;}
.business .bus_con ul li {float: left; margin-right: 30px; transition: all 0.3s;}
.business .bus_con ul li:nth-of-type(5) {margin-right: 0;}
.business .bus_con ul li p { border-radius: 15px; transform: rotate(45deg); transition: all 0.3s;}
.business .bus_con ul li:nth-of-type(1) p{ background: #fceaea;}
.business .bus_con ul li:nth-of-type(2) p{ background: #e1eff7; margin-top: 70px;}
.business .bus_con ul li:nth-of-type(3) p{ background: #e1f7f3;}
.business .bus_con ul li:nth-of-type(4) p{ background: #e4e1f7; margin-top: 70px;}
.business .bus_con ul li:nth-of-type(5) p{ background: #ffedcd;}
.business .bus_con ul li p span{ display: block; width: 170px; height: 170px; border-radius: 10px; font-size: 1.125em; font-weight: 600; color: #555; text-align: center; line-height: 1.25em; transform: rotate(314deg); padding-top: 35%; transition: all 0.3s;}

/* 후원안내 25.03.06 수정 */
.dtinfo_01 {position: relative;width: 100%;height: 500px;background: #f6d4e2;display: flex;}
.dtinfo_01 .con01 {width: 50%;display: flex;justify-content: center;align-items: flex-end;}
.dtinfo_01 .con01 img {max-height: 500px;}
.dtinfo_01 .con02{width: 50%;padding: 5% 50px;display: flex;flex-direction: column;align-items: center;}
.dtinfo_01 .con02 .con_txt {width: 100%;text-align: center;background: rgba(255, 255, 255, 0.3);border-radius: 20px;padding: 20px;} 
.dtinfo_01 .con02 .con_txt ul li {color: #b26b88; font-size: 2.125em; font-weight: 500; line-height: 1.5; word-break: keep-all; }
.dtinfo_01 .con02 .con_txt ul li span {font-size: 0.75em; color: #fff; background: #cd9aaf; padding: 0 10px; margin-left: 10px;}
.dtinfo_01 .con02 .con_btn {width: 100%;display: flex;justify-content: center;gap: 20px;}
.dtinfo_01 .con02 .con_btn .btn_pink {width: calc(100%/3);border-radius: 10px;background: #ff6591;box-shadow: 0 10px 10px rgba(255, 101, 145, 0.3);-webkit-box-shadow: 0 10px 10px rgba(255, 101, 145, 0.3);transition: all 0.3s;}
.dtinfo_01 .con02 .con_btn .btn_purple {width: calc(100%/3);border-radius: 10px;background: #9759ea;box-shadow: 0 10px 10px rgba(151, 89, 234, 0.3);-webkit-box-shadow: 0 10px 10px rgba(151, 89, 234, 0.3);transition: all 0.3s;}
.dtinfo_01 .con02 .con_btn .btn_pink a,
.dtinfo_01 .con02 .con_btn .btn_purple a {padding: 20px;color: #fff;font-size: 1.563em;}
.dtinfo_01 .con02 .con_btn .btn_pink:hover,
.dtinfo_01 .con02 .con_btn .btn_purple:hover {margin-top: 3px; box-shadow: none;}
/* 후원안내 수정 끝 */

.dtinfo_02 { height: 360px; background: url('../images/dtinfo_img_02.png') #fde86e no-repeat right top /contain;}
.dtinfo_02 .con01 {width: 100%; padding: 5% 0;}
.dtinfo_02 .con01 h3 {font-size: 2.250em; margin-bottom: 25px; line-height: 1.25em;}
.dtinfo_02 .con01 p {font-size: 1.375em; line-height: 1.25em; color: #817740;}


/* 후원안내 25.07.14 수정 */
.dtinfo_01_new {
    position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; height: auto; background: #eee2d6; gap: 30px; padding: 50px 20px;
    > .con01 { display: flex; flex-direction: column; align-items: center; width: 100%; 
        > img { width: 500px; height: auto; }
    }
    > .con02 { width: 100%; display: flex; justify-content: center; gap: 50px;
        > .con_left { width: calc(100%/2 - 10px); display: flex; justify-content: flex-end; }
        > .con_left img { height: 300px; border-radius: 20px; }
        > .con_right .con_txt { width: 100%; }
        > .con_right .con_txt > p { color: #607735; font-size: clamp(1.125em, 3vw, 1.85em); font-weight: 500; line-height: 1.5; word-break: keep-all; }
        > .con_right .con_txt > p > span {font-size: 0.75em; color: #fff; background: #607735; padding: 0 10px; margin-left: 10px;}
        
        > .con_right { width: calc(100%/2 - 10px); display: flex; flex-direction: column; justify-content: center; }
        > .con_right .con_btn { display: flex; gap: 20px; }
        > .con_right .con_btn > button { width: 180px; border-radius: 10px; transition: all 0.3s; }
        > .con_right .con_btn > button a { display: block; padding: 14px 10px; color: #333; font-size: 1.25em; font-weight: bold; transition: all 0.3s; }
        > .con_right .con_btn > button a:hover { color: #fff; }
        > .con_right .con_btn .btn_yellow { background: #fde86e; box-shadow: 0 5px 10px rgba(255, 187, 17, 0.3);-webkit-box-shadow: 0 5px 10px rgba(255, 187, 17, 0.3); }
        > .con_right .con_btn .btn_green { background: #40be55; box-shadow: 0 5px 10px rgba(21, 88, 32, 0.3);-webkit-box-shadow: 0 5px 10px rgba(21, 88, 32, 0.3);}
        > .con_right .con_btn .btn_yellow:hover { transform: translateY(5px); box-shadow: none; background: #a77f19;}
        > .con_right .con_btn .btn_green:hover { transform: translateY(5px); box-shadow: none; background: #228b34;}
    }
}
.dtinfo_02_new { position: relative; display: flex; padding: 80px 0; background: #fde86e;}
.dtinfo_02_new::after { position: absolute; content: ''; display: block; bottom: 0; right: 0; width: 540px; height: 100%; max-height: 360px; background: url('../images/dtinfo_img_02.png') bottom right no-repeat; background-size: cover; }
.dtinfo_02_new .con01 { width: 100%; }
.dtinfo_02_new .con01 h3 {font-size: 2.250em; margin-bottom: 30px; line-height: 1.25em;}
.dtinfo_02_new .con01 p {font-size: 1.375em; line-height: 1.25em; color: #817740;}
/* 후원안내 수정 끝 */

.dtinfo_03 { height: 600px; background: #fff; padding-top: 70px;}
.dtinfo_03 .con01 {float: left; width: 30%; height: 450px; background: url('../images/dtinfo_img_03.png') no-repeat; margin-right: 5%;}
.dtinfo_03 dl { height: 230px; background: rgba(0, 0, 0, 0.5); margin-top: 220px; color: #fff; padding: 20px; overflow: hidden; transition: all 0.5s; }
/* hover시 위로 슬라이드 되는 효과 */
/* .dtinfo_03 dl::before { position: relative; content: ''; display: block; width: 40px; height: 3px; background: #ccc; left: 155px; border-radius: 78px; margin-bottom: 10px; top: -10px;} */
/* .dtinfo_03 dl:hover {margin-top: 230px; height: 220px;} */
.dtinfo_03 dl dt {font-size: 1.563em; margin-bottom: 20px; font-weight: 600;}
.dtinfo_03 dl dd {font-size: 1.063em; line-height: 1.5; margin-bottom: 10px; }
.dtinfo_03 .con02 {float: left; width: 30%; height: 450px; background: url('../images/dtinfo_img_04.png') no-repeat; margin-right: 5%;}    
.dtinfo_03 .con03 {float: left; width: 30%; height: 450px; background: url('../images/dtinfo_img_05.png') no-repeat center top;}    

.dtinfo_04{ height: 523px; background: #edf0fa;}
.dtinfo_04 .inner > h3 {padding: 1.8em;}
.dtinfo_04 .more {font-size: 1.25em; background: none; text-align: right; font-weight: 600; margin-top: -10px;}
.dtinfo_04 .more a {color: #6e8fff; padding: 10px 0;}
.dtinfo_04 .con01, 
.dtinfo_04 .con02, 
.dtinfo_04 .con03, 
.dtinfo_04 .con04 {float: left; width: 23%; border-top: 5px solid #6e8fff; }
.dtinfo_04 .con01 > a, 
.dtinfo_04 .con02 > a, 
.dtinfo_04 .con03 > a, 
.dtinfo_04 .con04 > a {width: 100%;}

.dtinfo_04 .con01 {margin-right: 2.6%; background: #fff; box-shadow: 0 20px 30px rgba(71, 71, 71, 0.15);}
.dtinfo_04 .con01 img {width: 299px; height: 200px; object-fit: cover; }
.dtinfo_04 .con01:last-child {margin-right: 0;}
.dtinfo_04 .con01.dim {border-top: 5px solid #777; color: #bbb;} 

.dtinfo_04 .line01 {padding: 20px; line-height: 1.5; word-break: keep-all;}
.dtinfo_04 .line01 dt {width: 100%; height: 50px; font-size: 1.125em; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.dtinfo_04 .line01 dd {width: 100%; height: 50px; font-size: 1.0em; line-height: 1.7; color: #888; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.dtinfo_04 dl.line01 {border-bottom: 1px dashed #ccc; }
.dtinfo_04 .t_left {padding: 20px; line-height: 1.5; word-break: keep-all;}
.dtinfo_04 .t_left .t_b {display: inline-block; width: 20%; margin-right: 4%; color: #888; font-size: 1.0em; }
.dtinfo_04 .t_left dd span {display: inline-block; width: 76%; color: #333; vertical-align: bottom; letter-spacing: -1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dtinfo_04 .con01 .btn_green { font-size: 1.125em; background: #40be55; box-shadow: 0 5px 10px rgba(21, 88, 32, 0.3);-webkit-box-shadow: 0 5px 10px rgba(21, 88, 32, 0.3); transition: all 0.3s;}
.dtinfo_04 .con01 .btn_green:hover { background: #228b34; color: #fff; box-shadow: none; }

.dtinfo_05 {height: 880px; background: #fff; margin-top: 150px;}
.dtinfo_05 .tex05 {width: 70%; font-size: 1.625em; text-align: center; background: #eee; border-radius: 30px; padding: 15px; margin: -30px auto 0 auto;}
.dtinfo_05 .icon  {width: 100%; text-align: center; padding: 40px 0;}
.dtinfo_05 .con01 {float: left; width: 30%; margin-right: 5%; border:1px solid #eee; padding: 0 20px;}
.dtinfo_05 .con01 .con_btn .btn_pink   {float: left; width: 47%; margin-right: 6%; background: #ff6591; border-radius: 10px; box-shadow: 0 5px 10px rgb(51, 51, 51, 0.3); transition: all 0.3s;}
.dtinfo_05 .con01 .con_btn .btn_pink a { width: 100%; font-size: 1.563em; color: #fff; padding: 20px; font-weight: 600;}
.dtinfo_05 .con01 .con_btn .btn_pink:hover { box-shadow: none;}
.dtinfo_05 .con01 .con_btn .btn_purple {float: left; width: 47%; background: #9759ea; border-radius: 10px; box-shadow: 0 5px 10px rgb(51, 51, 51, 0.3); transition: all 0.3s;}
.dtinfo_05 .con01 .con_btn .btn_purple a { width: 100%; font-size: 1.563em; color: #fff; padding: 20px; font-weight: 600;}
.dtinfo_05 .con01 .con_btn .btn_purple:hover { box-shadow: none;}
.dtinfo_05 p {font-size: 1.125em; padding: 20px 10px; color: #555; line-height: 1.5; text-align: center; word-break: keep-all;}
.dtinfo_05 .con02 {float: left; width: 30%; margin-right: 5%; border:1px solid #eee; padding: 0 20px;}
.dtinfo_05 .con02 .navy {width: 100%; background: #002f58; border-radius: 10px; font-size: 1.25em; color: #fff; padding: 10px 20px; font-weight: 600;}
.dtinfo_05 .con03 {float: left; width: 30%; border:1px solid #eee; padding: 0 20px;}
.dtinfo_05 .con03 .btn_sky {width: 100%; background: #3dbfd4; border-radius: 10px; box-shadow: 0 5px 10px rgb(51, 51, 51, 0.3); transition: all 0.3s;}
.dtinfo_05 .con03 .btn_sky a {font-size: 1.563em; color: #fff; padding: 20px; font-weight: 600;}
.dtinfo_05 .con03 .btn_sky:hover {box-shadow: none;}
.dtinfo_05 .con04 {height: 140px; background: #eee; border-radius: 20px;}
.dtinfo_05 .con04 .left {float: left; width: 20%;}
.dtinfo_05 .con04 .left li { background: #fee86b; font-size: 1.688em; font-weight: 600; border-radius: 20px 0 20px 20px; text-align: center; line-height: 140px;}
.dtinfo_05 .con04 .right   {float: left; width: 80%; /* background: #eee; */ }
.dtinfo_05 .con04 .right li {font-size: 1.25em; padding: 7px 0 7px 20px;}
.dtinfo_05 .con04 .right li span {float: left; background: #fff; width: 32px; height: 32px; border-radius: 50px; text-align: center; padding: 5px 0;margin-right: 10px;}
.dtinfo_05 .con04 .right p {float: left; width: 92%; padding: 0; text-align: left; font-size: 1.0em; word-break: keep-all;}
.dtinfo_05 .con01 .con_h,
.dtinfo_05 .con02 .con_h,
.dtinfo_05 .con03 .con_h {height: 160px;}
.dtinfo_06 { height: 300px; background: #e5ede6; text-align: center; padding: 20px; color: #2e6f63;}
.dtinfo_06 h5 {font-size: 1.563em; font-weight: 600;  line-height: 1.5; padding-top: 20px;}
.dtinfo_06 p {font-size: 1.25em; font-weight: 500; color: #2e6f63;}
.dtinfo_06 a:hover p { color: #9759ea;}
.dtinfo_06 .con01 img, .dtinfo_06 .con02 img, .dtinfo_06 .con03 img { padding: 20px 0;}
.dtinfo_06 .con01 {float: left; width: 30%; margin-right: 5%;}
.dtinfo_06 .con02 {float: left; width: 30%; margin-right: 5%;}
.dtinfo_06 .con03 {float: left; width: 30%; }

/* 2025.07.14 - 후원참여방법 수정 */
.dtinfo_05_new { 
    margin-top: 150px; background: #fff; 

    .dtinfo_05_flex { display: flex; gap: 20px; margin: 30px 0;}
    .dtinfo_05_flex .list { width: calc(100%/4 - 10px); border:1px solid #eee; padding: 0 20px;  }
    .dtinfo_05_flex .tit { width: 70%; font-size: 1.25em; text-align: center; background: #eee; border-radius: 30px; padding: 15px; margin: -30px auto 0 auto;}
    .dtinfo_05_flex .list .icon { width: 100%; text-align: center; padding: 40px 0 20px ;}
    .dtinfo_05_flex .list .icon > img { width: 36%; }
    .dtinfo_05_flex .list p { font-size: 1.125em; padding: 20px 0; color: #555; line-height: 1.3; text-align: center; word-break: keep-all;}
    .dtinfo_05_flex .list .con_btn { display: flex; gap: 20px;}
    .dtinfo_05_flex .list .con_btn > button { width: 50%; }
    .dtinfo_05_flex .list button { width: 100%; border-radius: 10px; transition: all 0.3s; }
    .dtinfo_05_flex .list button a { font-size: 1.125em; font-weight: 600; padding: 14px 10px; }
    .dtinfo_05_flex .list button:hover a { color: #fff; }
    .dtinfo_05_flex .list .btn_green { background: #40be55; box-shadow: 0 5px 10px rgba(21, 88, 32, 0.3);-webkit-box-shadow: 0 5px 10px rgba(21, 88, 32, 0.3);}
    .dtinfo_05_flex .list .btn_yellow { background: #fde86e; box-shadow: 0 5px 10px rgba(255, 187, 17, 0.3);-webkit-box-shadow: 0 5px 10px rgba(255, 187, 17, 0.3); }
    .dtinfo_05_flex .list .btn_green:hover { transform: translateY(3px); box-shadow: none; background: #228b34;}
    .dtinfo_05_flex .list .btn_yellow:hover { transform: translateY(3px); box-shadow: none; background: #a77f19; }
    .dtinfo_05_flex .list .bg_gray { width: 100%; background: #ddd; border-radius: 10px; font-size: 1.125em; font-weight: 600; padding: 14px 10px; }
    .dtinfo_05_flex .list .btn_sky { width: 100%; background: #3dbfd4; border-radius: 10px; box-shadow: 0 5px 10px rgb(51, 51, 51, 0.3); transition: all 0.3s;}
    .dtinfo_05_flex .list .btn_sky a { width: 100%; font-size: 1.125em; color: #fff; padding: 14px 10px; }
    .dtinfo_05_flex .list .btn_sky:hover { transform: translateY(3px); box-shadow: none; }
    .con05 { display: flex; background: #eee; border-radius: 20px; margin-bottom: 50px;}
    .con05 .left { width: 20%; }
    .con05 .left li { display: flex; align-items: center; justify-content: center; height: 100%; background: #fee86b; font-size: 1.688em; word-break: keep-all; line-height: 1.5; font-weight: 600; padding: 20px 10px; border-radius: 20px 0 20px 20px; text-align: center; }
    .con05 .right { width: 80%; padding: 10px 0;}
    .con05 .right li { display: flex; align-items: center; font-size: 1.25em; padding: 7px 0 7px 20px;}
    .con05 .right li p { width: 90%; line-height: 1.5; word-break: keep-all; }
    .con05 .right li span { width: 32px; height: 32px; border-radius: 50px; text-align: center; padding: 5px 0; margin-right: 10px; background: #fff;}
}

/* 개인후원 안내 */
.dtprivate .dtpri_con01 { position: absolute; width: 100%; left: 0; background: #f0f1f5; padding: 30px 0;}
.dtprivate .dtpri_con01 h4 {font-size: 1.5em; margin-bottom: 20px; width: 100%; text-align: left;}
.dtprivate .dtpri_con01 ul li {float: left; position: relative; width: 25%; height: 240px;}
.dtprivate .dtpri_con01 ul li::before {content: ''; position: absolute; display: block; width: 50px; height: 50px; top: 50%; right: -25px; margin-top: -25px; z-index: 1; background: url('../images/icon_dt_next.png') no-repeat;}
.dtprivate .dtpri_con01 ul li:last-child:before {display: none;}
.dtprivate .dtpri_con01 .dtpri_list .list_01 {padding: 20px; width: 100%; text-align: center;}
.dtprivate .dtpri_con01 .dtpri_list .list_01 p { font-size: 1.125em; line-height: 1.5;}
.dtprivate .dtpri_con02 h4 {font-size: 1.5em; margin-bottom: 20px; width: 100%; text-align: left;}
.dtprivate .dtpri_con02 {position: relative; margin-top: 390px;}
.dtprivate .dtpri_con02 li {float: left; margin-right: 30px;}
.dtprivate .dtpri_con02 li:last-child {margin-right: 0;}
.dtprivate .dtpri_con03 {position: relative; }
.dtprivate .dtpri_con03 h4 { font-size: 1.5em; margin-bottom: 20px; width: 100%; text-align: left; line-height: 150%;}
.dtprivate .dtpri_con03 ul li { font-size: 1.125em; line-height: 1.5; word-break: keep-all;}
/* 25.03.10 - 추가 */
.dtreg_con01 .agree_more > img { vertical-align: middle !important; }
.dtreg_con01 .agree_more:hover { text-decoration: underline; color: #5088bb; }


/* 정기후원 */
.tit_h01 {font-size: 1.25em; color: #143556; padding: 1em 0; text-align: left; line-height: 150%; word-break: keep-all;}
.txt_05 {font-size: 0.8em; color: #fb5852; text-align: right;}

/* 기업_단체 후원 */
.dtprivate .dtpri_con04 {position: relative; margin-top: 430px;}
.dtprivate .dtpri_con04 h4{font-size: 1.5em; margin-bottom: 20px; width: 100%; text-align: left;}
.grid_03,
.grid_04 { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 20px; }
.grid_03 > img { width: 32%; margin-right: 2%;}
.grid_04 > img { width: 32%; margin-right: 2%;}
.grid_03 img:last-child,
.grid_04 img:last-child {margin-right: 0;}

/* 사회공헌활동 - 몸짱소방관 달력 */
.grid_03-2 img {float: left; width: 35%; margin-right: 3%;}
.grid_03-2 .tbox_01 {float: right; width: 62%;}
.grid_05 img {float: left; width: 24%; margin-right: 1%;}
.grid_05 img:last-child {margin-right: 0;}

/* 사회공헌활동 - 사회적기업(화담) */
.dtAct5_t {line-height: 50px; margin-left: 20px;}

/* 사회공헌활동 - 메르세데스벤츠 */
.tit_h02 {font-size: 1.125em; color: #ff7eb0;}
.tex07 {font-size: 1.125em; color: #5791d5;}
.dtAct4_con01 ul {margin-left: 20px;}
.dtAct4_con01 ul li {float: left; width: 290px; margin-bottom: 30px; margin-left: 20px; min-height: 200px; transition: all 0.3s;}
.dtAct4_con01 ul li:hover {border: 1px solid #aaa; transition: all 0.3s;}
.dtAct4_con01 ul li a {display: block; transition: all 0.3s;}
.dtAct4_con01 ul li a img {width: 290px;}
.dtAct4_con01 ul li:hover a {transform: scale(0.9); transition: all 0.3s;}

/* 후원의 손길과 결실 */
.grid_05-2 .item_01 {float: left; width: 19%; margin: 0 1.21% 20px 0; text-align: center; border: 1px solid #ccc; padding: 20px 10px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.grid_05-2 .item_01:nth-child(5), .grid_05-2 .item_01:last-child {margin-right: 0;}
.grid_05-2 .item_01 dt {font-size: 1.125em; font-weight: 500; line-height: 150%; min-height: 110px; word-break: keep-all;}
.grid_05-2 .item_01 dd {margin-bottom: 20px;}

.dtR_con01 {font-size: 1.25em; padding: 20px; width: 100%; margin: 0 auto; text-align: center; line-height: 150%; word-break: keep-all;}
.dtR_con01 p {margin-bottom: 10px;}
.dtR_con02 {padding: 20px; margin: 0 0 0 35%;}
.dtR_con02 ul {margin-bottom: 20px;}
.dtR_con02 ul li {font-size: 1.125em; line-height: 150%;}


/* 사업 > 지원안내 */
.area_file .btn02{ margin: 10px 0; width: 180px; }

/* 사업 > 지원신청 */
.tex06 {font-size: 1.25em; line-height: 2.0em; color: #002f58;}
.search_list {padding-top:20px; padding-bottom: 20px; border-bottom: none;}
.search_list .list_box {float: left; margin: 0 1% 20px 0; width: 19%; border: 1px solid #e0e0e0; border-radius: 20px; background: #fff;}
.search_list .list_box h3 {padding: 10px 0 0 0; text-align: center; color: #70bb79; border: 0;}    
.search_list .list_box h4 {font-size: 1.25em; height:110px; border-bottom: none; padding: 20px;}    
.search_list .list_box p {width: 100%; border-radius: 20px 20px 0 0; height: 40px; background: #70bb79; color: #fff; font-size: 1.25em; text-align: center; line-height: 40px;}
.search_list .list_box a {width: 100%; padding: 10px 20px; font-size: 1.125em; text-align: right;}
.search_list li.off p {background: #bbb;}
.search_list li.off h3, .search_list li.off a{ color: #bbb;}

/* 교육 */
.burnEdu1_01 .con01 img {width: 15%; margin-right: 2%;}
.burnEdu1_01 .con01 .dtpri_con03 {width: 83%;}
.edu3_grid img {float: left; width: 19%; border: 2px solid #e0e0e0; margin-right: 2%;}
.edu3_grid .con02 {float: left; width: 79%;}

/* FAQ */
.faq_wrap > dl {border: 1px solid #e2e2e2;margin-bottom: 15px; } 
.faq_wrap > dl > dt {background: #f7f7f7;padding: 0.875em;font-size: 1.25em;border-bottom: 1px solid #e2e2e2;} 
.faq_wrap > dl > dd {margin:0em 1em;border-bottom: 1px solid #e2e2e2; } 
.faq_wrap > dl > dd:last-child {border-bottom:none; } 
.faq_wrap .question {position: relative;font-size: 1.25em;padding: 1.2em 1.625em;cursor: pointer; line-height: 1.5; } 

.faq_wrap .question:after {content: '';position: absolute;right: 10px;top: 50%;transform: translateY(-50%);width: 12px;height: 8px;background:url('../images/sch_arr_icon.png') no-repeat 0 0; } 
.faq_wrap .question > span {color: #e64361;font-weight: 700;position: absolute;top: 23px;left: 0;padding-right: 1.125em; } 
.faq_wrap .answer {display: none;font-size: 1.125em;background: #f6f6f6;padding: 1em;font-weight: 300;margin-bottom: 1em;border-top: 1px solid #e2e2e2; } 
.faq_wrap dd.active .answer {display: block; font-size: 1.125em; background: #f6f6f6; padding: 1em; font-weight: 300; word-break: keep-all; line-height: 1.5;} 
.faq_wrap .answer > p {padding: 0.5em 0; line-height: 1.5; word-break: keep-all;} 
.faq_wrap .answer > p > span {font-weight: 400; }

.faq_wrap {z-index: 10; } 
.faq_wrap.active {display: block; } 
.grid_02 .con01 {float: left; width: 49%; height: 145px; margin-right: 2%;}
.grid_02 .con01:last-child {margin-right: 0%;}

/* 마이페이지 */
/* input - 기간 선택 */
.input_box01 {width: 100%; display: grid; grid-template-columns: 3fr 10px 3fr 1fr 1fr; align-items: center; gap: 20px; padding:20px; background: #f7f7f7;}
.input_box01 label {min-width: 100%;}
.input_box01 input[type="date"]{width: 100%; text-align: left; text-indent: 0; border: 1px solid #ccc; padding: 10px; border-radius: 0; font-size: 1.0em; }
.hyphen { padding: 20px 0; margin: 0 auto;}
.myDt_table_area {width: 100%;}
.myDt_table_area > table {width: 100%;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    .input_box01 input[type='date'] {width: 30%;}
    .input_box01 .item02 {padding: 0 10px; vertical-align: middle;}
    .input_box01 .item03 {padding: 0 10px; vertical-align: middle; margin-right: 10px;}
    .input_box01 .item04 {width: 130px; vertical-align: middle; margin-right: 10px;}
    .input_box01 .item05 {width: 130px; vertical-align: middle;}
    input {-webkit-appearance: block; appearance: block; } 
    input::-ms-clear {display: block; } 
}


/* 마이페이지 > 후원내역 조회 */
.myDtlist dl {font-size: 1.25em; border-bottom: 1px dashed #ccc;}
.myDtlist dl:last-child {border: none;}
.myDtlist dt {display: inline-block; width: 20%; background: #f7f7f7; line-height: 150%; text-align: center; padding: 10px 0;}
.myDtlist dd{display: inline-block; line-height: 150%; padding: 10px 0 10px 20px;}
.myDtlist .dt_h {height: 100px; vertical-align: top;}

/* contact */
.contact .con_01 h3 {font-size: 1.5em; text-align: left; padding: 1.5em 0 0.8em 0; border-bottom: 2px solid #143556;}
.contact .con_01 ul {border-bottom: 1px dashed #ccc;}
.contact .con_01 ul li {font-size: 1.125em; line-height: 150%; color: #777; margin: 10px 0;}


/* site map */
.pop_sitemap{position: absolute; top: 0; left: 0; width: 100%; background: #fff; height: 500px; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3); z-index: 9000; display: none;}
.pop_sitemap > .site_close{background: url('../images/close_gnb_full.png') no-repeat 0 0; width: 30px; height: 30px; background-size: 100%; position: absolute; right: 25px; top: 25px; cursor: pointer;}
.sitemap{ display: table; table-layout: fixed; width: 100%; margin: 0 auto;  padding-top: 100px;}
.sitemap dl{width: 20%; display: table-cell; }
.sitemap dt{padding: 1em 0;font-size: 1.250em;font-weight: 700; border-bottom: 2px solid #3dbfd4; margin:0 40px;}
.sitemap dd{font-weight: 400;padding: 0.750em 0;color: #5b5b5b; margin:0 40px; background-size: 100%;}

/* 문의하기 */
.memberbox_wrap .agreebox3{height: 200px; border: 1px solid #e5e5e5; padding: 10px; margin: 0 0 8px 0; overflow: auto; line-height: 150%; font-weight: normal; background: #ededed;}
.memberbox_wrap input[type='text'] {width: 100%;}

/* 관련사이트 */
.new_win img {vertical-align: middle; margin-left: 10px;}

/* 공지사항 - 개인정보처리방침 개정 공고 */
.news_area .news_tabel_01 td {padding: 20px; }
.news_area .news_tabel_01 .tablegreen td {padding: 10px;}

/* 지원안내 - 이미지 슬라이드 */
.buss_slideshow {position: relative; max-width: 500px; height: 500px; overflow: hidden; margin-top: 20px;}
.buss_slide {position: absolute; top:0; width: 100%; height: 500px; display: flex; align-items: center; justify-content: center; transition: transform 1s;}
.buss_slide > img {width: 100%; height: 100%; object-fit: cover;}

.buss_prev,
.buss_next {position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -50px; color: #000; font-weight: bold; font-size: 1.25em; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; cursor: pointer; background: rgba(255,255,255,0.8);}
.buss_next {right: 0; border-radius: 3px 0 0 3px;}
.buss_prev:hover,
.buss_next:hover {color: #fff; background: rgba(0, 0, 0, 0.8);}
.numbertext {position: absolute; top: 0; left: 0; color: #f2f2f2; font-size: 1.0em; padding: 5px 10px; background: rgba(0,0,0,0.6);}

.dots-container {position: relative; display: flex; width: 500px; justify-content: center; align-items: center; }
.buss_dot {width: 25px; height: 5px; margin: 15px 5px; border-radius: .5rem; background: rgba(39,39,39, .5); cursor: pointer;}
.buss_dot.active {background:#272727;}
@media all and (max-width:500px){
    .buss_slideshow {max-width: 300px; height: 300px;}
    .buss_slide {height: 300px;}
    .dots-container {width: 300px;}

}

/* Error - notFind - 에러 */
.notfind_con {display: flex; flex-wrap: wrap; flex-direction: column; margin: 0 auto; height: 100vh; align-content: center; justify-content: center; align-items: stretch;}
@media screen and (min-width:0\0) {
    .notfind_con {margin: 0 30%;}
}


/******************************************************
2022-10-13 후원내역 프린트 
******************************************************/

@media print {
    @page {
        margin: 0;
        size: auto;
        height: auto;
    }

    * {margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-print-color-adjust: exact; print-color-adjust: exact;}
    body {margin: 5mm;}
    .print_wrap {display: block; page-break-inside: avoid; padding-bottom: 20px;}
    .tricare_table > table {min-width: fit-content; font-size: 12px;}

    h2.page_tit {padding: 10px 0 30px;}
    .print_top {text-align: center; margin-bottom: 40px;}
    .print_top .print_date {display: inline-block; font-size: 1.125em;padding: 10px 30px; background: #f1f1f1;}
    .prit_tit_02 {font-size: 1.25em; font-weight: bold; margin-bottom: 10px;}
    .item05 {display: none;}
}