@charset "utf-8";

/* 
 * content CSS Document
 * KOWEB
 */
.page-content .animate__animated {opacity:0}
.page-content .inr h3{position:relative; width:100%; height:65px; line-height:65px; margin:10px 0 10px 0; overflow:hidden; display:block; text-align:left; font-size:24px; font-weight:300; color:#2e2f32;}
.bbsTitle{line-height:inherit !important; height:inherit !important;}
.page-content .inr > h4{position:relative; width:100%; margin:65px 0 30px 0; overflow:hidden; display:block; text-align:left; font-size:25px; font-weight:600; color:rgba(var(--bs-body-color-rgb),.85)}
.page-content .inr > h4:first-child { margin-top:30px}
.page-content .inr > h5{position:relative; width:100%; margin:50px 0 10px -20px; overflow:hidden; display:block; text-align:center; font-size:26px; font-weight:400; letter-spacing:5px;}
.page-content .inr > h5:before{content:''; display:inline-block; position:relative; padding-top:10px; width:39px; height:42px; background:url(../images/content/img_icon06.png) no-repeat 0 0;}
.page-content .inr > h6{position:relative; width:100%; margin:45px 0 25px 0; overflow:hidden; display:block; text-align:center; font-size:20px; letter-spacing:3px; font-weight:400; color:#37699b;}
.page-content .inr > h6.col01{color:#377782;}
.page-content .inr > h6.col02{color:#637e4f;}
.page-content h7{position:relative; padding-left:15px; margin:10px 0; overflow:hidden; text-align:left; line-height:1.6em; font-size:20px; font-weight:300; color:#2e2f33;}
.page-content h7:before{content:''; display:block; z-index:99; position:absolute; top:50%; left:0px; background:#2e2f33; width:6px; height:3px;}
.page-content h8{position:relative; margin:10px 0; overflow:hidden; display:block; text-align:left; line-height:1.6em; font-size:16px; font-weight:300; color:#637e4f; word-break:keep-all; word-wrap:break-word;}
.page-content ul, .page-content ol {padding-left:0; list-style:none}
.page-content em, .page-content i {font-style: normal;}
.area_ceo p,
.icon_box p{position:relative; display:block; clear:both; word-break:keep-all; letter-spacing:-0.5px; line-height:1.8rem;font-size: 1.1rem;margin-bottom:0}

/* 湲곕낯�ㅽ��� 蹂�寃� */
.blogList{margin:20px 0; padding-top:35px;}
.blogList li{border:1px solid #d6dde1; padding:30px; margin-bottom:30px;}
.blogList li em{font-size:20px; color:#292929;}
.blogList li p{color:#565656;}
.blogList li i{font-size:15px; color:#a2aaaa;}
.search > .button{height:45px; line-height:43px;}
.button.mint{background:#227b72; border:1px solid #227b72; padding:0 40px; height:60px; line-height:58px; font-size:17px; font-weight:300;}
.button.mint:hover,
.button.mint:focus{color:#227b72 !important;}
.bbsView .conts .img img, .bbsView .conts img{margin-top:20px;}

/* 諛뺤뒪 */
.area_box{position:relative; margin:20px auto 40px auto;  padding:30px; height:auto; overflow:hidden; border:1px solid #e2e3eb; color:#54575a; font-weight:300;}
.area_box > em{display:block; color:#49586c; font-size:20px; font-weight:500; letter-spacing:-1px; line-height:1.3em;}

/* �� */
.border01{display:block; width:3px; height:35px; margin:15px auto 0 auto; background:var(--bs-border-color)}
.border02{display:block; padding:10px 0; width:100%; height:auto; margin:15px auto 0 auto; border-top:2px solid var(--bs-gray-400);; border-bottom:2px solid var(--bs-gray-400);;}

/* �쒕ぉ */
.tit01{position:relative; margin:0 auto 80px auto;  display:block; width:730px; padding:15px 10px; line-height:2em; border-radius:30px; background:#76adac; font-size:30px; color:#fff; font-weight:200; text-align:center; box-shadow:14px 14px 45px rgba(38,77,121,0.18); transition:all 0.8s ease-out 0.2s;}
.tit01 > i > em{font-weight:500;}
.tit01 > i{display:inline;}
.tit02{position:relative; margin:20px auto; display:block; clear:both; width:110px; line-height:200%;font-size:20px; color:#176e88; font-weight:300; text-align:center; border-bottom:1px solid #176e88;white-space: nowrap;}
.tit03{position:relative; margin:20px 0; display:block; clear:both; width:35px; font-size:16px; color:#966f31; font-weight:400; text-align:left; border-bottom:1px solid #966f31;}

/* �곷떒 */
.area_top{z-index:1; position:relative; margin:0 auto 40px auto; width:100%; height:320px; clear:both;}
.area_top.bg02{margin:0 auto 130px auto; height:417px;}
.area_top.bg01{background:url(../images/content/img_top02.jpg) no-repeat 0 0;background-size: contain;}
.area_top.bg02{background:url(../images/content/img_top02.jpg) no-repeat 0 0;background-size: cover;}
.area_top.bg02 > div{width:33%; bottom:-70px; background:#fff; border-radius:0;opacity: 1;}
.area_top > div{position:absolute;  display:block; left:0; bottom:30px; z-index:3; width:70%; height:auto; padding:30px 0; background:var(--bs-csw-bg2); text-align:center; font-weight:200; font-size:25px; color:#fff; border-radius:0 50px 0 50px;}
.area_top > div > em{font-weight:600;font-size:30px;}
.area_top > div > i{display:inline;}
.icon_box{position:relative; width:100%; height:auto; margin:0 auto 40px auto; overflow:hidden; text-align:left; padding:50px 20px 50px 30%; content:"";  border:3px solid var(--bs-border-color); border-radius:.75rem; background-color:var(--bs-body-bg); }
/*.icon_box.icon01{background:url(../images/content/img_icon01.png) no-repeat 15% 50%;  }
.icon_box.icon02{background:url(../images/content/img_icon02.png) no-repeat 15% 50%; }
.icon_box.icon04{background:url(../images/content/img_icon04.png) no-repeat 15% 50%; }*/
.icon_box.icon01{background:url(../images/svg/family.svg) no-repeat 5% 50%; background-size: 20%;}
.icon_box.icon02{background:url(../images/svg/facility.svg) no-repeat 5% 50%; background-size: 20%;}
.icon_box.icon03{background:url(../images/content/img_icon03.png) no-repeat 15% 50%; }
.icon_box.icon04{background:url(../images/svg/person_heart.svg) no-repeat 5% 50%; background-size: 20%;}
.icon_box.icon05{background:url(../images/content/img_icon05.png) no-repeat 15% 50%; }

/* 吏곸썝�뚭컻 */
.area_img_line{position:relative; width:100%; margin:30px auto 0 auto; clear:both; overflow:hidden;}
.area_img_line .line_bottom{display:block; width:100%; height:auto; margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #eee; text-align:left;}
.area_img_line .line_bottom .line_txt{position:relative; height:214px; display:block; width:100%;}
.area_img_line .line_bottom .line_txt em{display:block; margin-top:35px; color:#464646; font-size:24px; line-height:1.6em; font-weight:300; letter-spacing:-0.5px;}
.area_img_line .line_bottom .line_txt p{display:block; margin-top:55px; color:#6b6b6b; font-size:17px; line-height:1.6em; font-weight:300; letter-spacing:-0.5px;}
.area_img_line .line_bottom .line_txt span{display:block; margin-top:5px; color:#6b6b6b; font-size:17px; line-height:1.6em; font-weight:300; letter-spacing:-0.5px;}
.area_img_line .line_bottom .line_txt > img{width:100%; max-width:180px; height:200px; float:left; margin:0 30px; display:block; text-align:left;}

/* �섎떒 */
.area_bottom{z-index:1; position:relative; margin:40px auto 0 auto; width:100%; height:auto; clear:both;}
.area_bottom li{display:block; width:100%; height:65px; line-height:65px; border:1px solid var(--bs-border-color); text-align:center; letter-spacing:1px; font-weight:300;}
.area_bottom li:nth-child(1){background:#2d5474; border-color:#2d5474; color:#fff;}
.area_bottom.bg01 li:nth-child(1){background:#bc6556; border-color:#bc6556;}
.area_bottom li:nth-child(2){border-top:0;}
.area_bottom li > span{display:inline-block;}
.area_bottom li > em{display:inline-block; margin-right:4%;}
.area_bottom li > em:after{content:''; display:inline-block; position:absolute; margin-left:2.2%; margin-top:30px; width:2px; height:6px; background:rgba(255,255,255,0.2);}
.area_bottom li > a{display:inline-block; font-size:25px; font-weight:600; color:#fff !important; margin-right:8%; padding-left:40px; width:auto; height:60px; background:url(../images/content/area_bottom.png) no-repeat 0 18px; background-size:28px 28px;}

/* �대�吏� */
.box_img{ display:block; text-align:center; padding:50px; margin:30px auto 50px auto; border:1px solid #e2e7ed;}
.box_img > ul{position:relative; overflow:hidden; margin:0 auto;list-style: none;}
.box_img > ul > li{display:inline-block; margin-right:100px; font-size:15px; font-weight:300; color:#798c9c;}
.box_img > ul > li:last-child{margin:0;}
.box_img > ul > li > img{display:block;}
.box_img > ul > li > span{display:block; margin-top:15px;}
.box_img02{ display:block; text-align:center; margin:0 auto;}
.box_img02 > ul{position:relative; overflow:hidden; margin:0 auto;}
.box_img02 > ul > li{display:inline-block; width:110px; margin:2px; font-size:15px; font-weight:300; color:#798c9c; transition:all 0.3s ease-out 0s;}
.box_img02 > ul > li > img{display:block;}
.box_img02 > ul > li > span{display:block; height:100px; line-height:100px; background:#c9c2a4; color:#fff; font-size:14px;}

/* 연혁 */
.area_history{position:relative; margin:0 auto;}
.area_history .sort{position:relative; text-align:center; height:200px; line-height:190px; border: 5px solid var(--bs-border-color); border-radius:.75rem;background:url('../images/content/img_history01.jpg') no-repeat 50% 50%;background-size: cover;}
.area_history .sort.bg02{background:url('../images/content/img_history02.jpg') no-repeat 50% 50%;background-size: cover;}
.area_history .sort .year{display:inline-block; position:relative; text-align:center; margin:0 auto; height:70px; line-height:70px; font-size:2.5rem; font-weight:700; color:#fff; border-bottom:2px solid rgba(255,255,255,0.3);}
.area_history .detail{overflow:hidden; position:relative;list-style: none;padding: 2rem 0 0 0;}
.area_history .detail:after{content:''; display:block; position:absolute; top:0; left:50%; z-index:-1; width:1px; height:100%; background:var(--bs-border-color); z-index:0}
.area_history .detail > li{width:50%; padding-top:0 !important;position:relative;  clear:both; word-break:keep-all; letter-spacing:-0.5px; line-height:1.5em;}
.area_history .detail > li:hover .year::after {background:var(--bs-primary);}
.area_history .detail > li .year{display:block; margin:30px 0 10px; font-size:25px; font-weight:600; color:var(--bs-primary)}
.area_history .detail > li .year:before,
.area_history .detail > li .year:after{content:''; display:block; position:absolute;}
.area_history .detail > li .year:before{width:60px; height:1px; border-top:1px solid var(--bs-border-color);}
.area_history .detail > li .year:after{ width:12px; height:12px; margin-top:-5px; background:var(--bs-tertiary-color); border-radius: 50%; border: 2px solid var(--bs-body-bg); z-index:1; transition:all .5s}
.area_history .detail > li > ul > li label {font-weight:600; color:var(--bs-primary-text-emphasis);font-size:1.15rem;  flex-shrink: 0;display:block }
.area_history .detail > li:nth-child(even) > ul > li label {  margin-left:15px;order:1 }
.area_history .detail > li:nth-child(odd) > ul > li label {  margin-right:15px; }
@media (min-width: 768px) { .area_history .detail > li > ul > li {display:flex} }
.area_history .detail > li:nth-child(even) > ul > li {justify-content: end;}
.area_history .detail > li:nth-child(even){float:left; padding-right:70px; text-align:right;}
.area_history .detail > li:nth-child(even) .year:after{top:40px; right:-7px;}
.area_history .detail > li:nth-child(even) .year:before{top:41px; right:0;}
.area_history .detail > li:nth-child(odd){float:right; padding-left:70px; text-align:left;}
.area_history .detail > li:nth-child(odd) .year:after{top:40px; left:-5.5px;}
.area_history .detail > li:nth-child(odd) .year:before{top:41px; left:0;}
.area_history .detail > li:last-child{padding-bottom:80px;}
.area_history .detail > li p.desc{  margin-bottom:0}
.area_history .detail > li p.desc img {max-width: 80%; height: auto; padding: 0.25rem; margin-top:.5rem; background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); box-shadow: var(--bs-box-shadow-sm) !important;}
.area_history .detail > li p.desc small {display:block; color: var(--bs-secondary-color)}

/* 議곗쭅�� */
.org_list{position:relative; margin:60px auto 0 auto;}
.org_list ul{position:relative; margin:0 auto; list-style: none;}
.org_list li div{width:200px; height:auto; margin:0 auto; border:1px solid #d7d7d7; background:#fff; }
.org_list li div p{margin:0; padding:10px; font-size:18px; text-align:center; font-weight:400; line-height:1.5em; }
.org_list li div p.text{font-size:1rem;}
.org_list li.org01 div{border:1px solid #6792bc; background:#6792bc;}
.org_list li.org02 div{border:1px solid #77a8ab; background:#77a8ab;}
.org_list li.org03 div{border:1px solid #77ab95; background:#77ab95;}
.org_list li.org04 div{border:1px solid #77ab82; background:#77ab82;}
.org_list li.org05 div{border:1px solid #9eab77; background:#9eab77;}
.org_list li.org06 div{border:1px solid #ab9d77; background:#ab9d77;}
.org_list li.org07 div{border:1px solid #ab8777; background:#ab8777;}
.org_list li.org08 div{border:1px solid #9077ab; background:#9077ab;}
.org_list li div:first-child p{color:#fff !important;}
.org_list li div:not(:first-child):last-child{border:1px solid #b9beca; border-top:0; background:#fff; color:#545657 !important;}
.org_list li div:last-child{margin-bottom:40px;}
.org_list li.org00 div{border:1px solid #af8989; background:#af8989;}
.org_list li.org00 div:last-child{border:1px solid #af8989; border-top:0; background:#af8989; color:#fff !important;}
.org_list li.org01_l{position:absolute; top:30%; left:4%;}
.org_list li.org01_l div{border:1px solid #c5966c; background:#c5966c;}
.org_list li.org01_l div:last-child{border:1px solid #c5966c; border-top:0; background:#c5966c; color:#fff !important;}
.org_list li ul{padding:10px;list-style: none;}
.org_list li li{border-bottom:1px solid #b9beca; font-size:15px; font-weight:300; color:#545657; word-break:keep-all; letter-spacing:-0.5px; line-height:2.5em; text-align:center;}
.org_list li li span{display:inline-block; line-height:1.5;}
.org_list li li:last-child{border-bottom:0;}
.org_list li.org03{position:absolute; top:59%; right:4%;}
.org_list li.org03:last-child:after{display:none !important;}
.org_list li.org01:after{content:''; display:block; position:absolute; top:0; left:50%; width:1px; height:300px; background:#ddd; z-index:-1;}
.org_list li.org00:after{content:''; display:block; position:absolute; top:36%; left:4%; width:40%; height:1px; background:#ddd; z-index:-1;}
.org_list li.org02:after{content:''; display:block; position:absolute; top:65%; left:50%; width:40%; height:1px; background:#ddd; z-index:-1;}
.org_list li.org04:after{content:''; display:block; position:absolute; margin-top:-55px; top:0; left:50%; width:80%; height:1px; background:#ddd; z-index:-1;     transform:translateX(-50%);}
.org_list ul:nth-child(2) li:last-child:after{content:''; display:block; position:absolute; margin-top:-104px; top:0; left:50%; width:1px; height:55px; background:#ddd; z-index:-1}
.org_list > ul:nth-child(2){margin-top:102px;list-style: none;}
.org_list > ul:last-child{width:100%;}
.org_list > ul:last-child > li{width:calc(100% / 5); float:left; text-align:center;}

/* �쒖꽕�덈궡 */
.info{position:relative; margin:20px auto; overflow:hidden;}
.info > img{text-align:center; margin:0 auto; max-width:1200px; width:100%;min-width:100%; display:block; border-radius: 3rem;}
.info ul{margin:30px auto 70px auto;list-style: none;}
.info li{padding:22px;  border-bottom:1px solid var(--bs-border-color); letter-spacing:-1px; line-height:1.8em; font-size:16px;}
.info li:first-child{border-top:1px solid var(--bs-border-color); }
.info em{display:block; float:left; font-size: 1.15rem; font-weight:600; text-align:center; width:25%;position:relative}
.info em:after{ content:''; position:absolute; right:0; width:1px; height:100%; background:var(--bs-border-color) }
.info span{display:block; float:left; margin-left:3%; width:70%; font-weight:300;}
.info span u{/*margin-right:20px;*/ text-decoration:none; font-weight:600;}
.info li:after{content:''; display:block; clear:both;}

/* �쇳꽣�뚭컻 */
.area_center{position:relative; margin:60px auto 10px auto; width:100%;overflow:hidden}
.area_center .area_left{float:left;  width:48% }
.area_center .area_right{float:right;  width:49%; padding:140px 6%; background:#e2e1dd url(../images/content/img_center00.png) no-repeat 95% 5%;}
.area_center .area_left > span{display:block; margin-bottom:45px; font-size:45px; font-weight:400; color:#695436; font-family:'KOMACON';}
.area_center .area_left > span > em{color:#a9882f; font-weight:600}
.area_center p{font-weight:300; line-height:2em; margin-bottom:40px;}
.area_center li{display:block; width:100%; overflow:hidden; margin-bottom:10px; font-weight:300; line-height:2em }
.area_center li > i{float:left;  color:#72963e; font-weight:400;}
.area_center li > u{text-decoration:none; float:right; display:block; width:68%; line-height:1.6}
.area_center li > u:before{content:''; display:inline-block; position:absolute; margin:12px 0 0 -3%; width:2px; height:10px; background:var(--bs-border-color)}
.area_center li:last-child > i{color:#966f31 !important;}
.area_center li:last-child > u:before{display:none;}
.area_center li > u > a{display:inline-block; color:#4e4e37; margin-right:2px; padding:10px 25px 8px 42px; width:auto; line-height:2em; border:1px solid var(--bs-border-color); padding:;background:url('../images/content/img_tel.png') no-repeat 10px 50%; background-size:28px 28px; font-weight:400;}
.area_center li > u > a:focus,
.area_center li > u > a:hover{background-color:#f7f6f4;}

/* �꾩썝�덈궡 */
.area_center .area_left.w100,
.area_center .area_right.w100{float:inherit; width:100%; margin:0 auto; padding:80px 6%;}
.area_center .area_left > em{display:block; margin-bottom:25px; color:#34555e; font-size:28px; font-style:normal; font-weight:400; padding-left:60px; height:60px; line-height:63px; background:url(../images/content/img_donation01.png) no-repeat 0 50%;}
.area_center .area_right > em{display:block; margin-bottom:25px; color:#34555e; font-size:28px; font-weight:400; padding-left:60px; height:60px; line-height:63px; background:url(../images/content/img_donation02.png) no-repeat 0 50%;}
.area_center .area_left span.col01 > em{color:#4b8a9b;}
.area_center .area_left span.col01{color:#7a8385;}
.area_center .area_left ul.col02 li i,
.area_center .area_right ul.col02 li i{color:#8d7376 !important; font-style: normal; font-weight: 600;line-height:1.5}
.area_center .area_left ul.col02 li u:before,
.area_center .area_right ul.col02 li u:before{display:inline-block;}
.area_center .area_right.bg02{background:url(../images/content/img_donation00.png) no-repeat 100% 0;}
.area_center .area_left.bg03{background:url(../images/content/img_donation000.png) no-repeat 100% 10px;}

/* �몄궗留� */
.area_ceo > p{margin-top:25px;}
.area_ceo > img{display:block; position:relative; float:right;}

/* 誘몄뀡.鍮꾩쟾 */
.area_circle{position:relative; margin:0 auto; width:100%; text-align:center; height:auto; display:block; overflow:hidden;}
.area_circle li{width:254px; height:254px;  line-height:254px; display:inline-block; border-radius:50%; margin-left:-25px; font-size:25px; font-weight:500; text-align:center; color:#0b1c2c;}
.area_circle li:first-child{z-index:14; position:relative; border:2px dotted rgba(60,75,107,0.4); transition:all 0.8s ease-out 0.2s;background:var(--bs-white)}
.area_circle li:nth-child(2){z-index:12; position:relative; background:rgba(233,239,245,0.52); transition:all 0.8s ease-out 0.4s;}
.area_circle li:nth-child(3){z-index:10; position:relative; background:rgba(80,139,118,0.95); color:#fff; transition:all 0.8s ease-out 0.6s;}

/* 由ъ뒪�� */
.area_list01{position:relative; margin:70px auto; width:100%; display:block;}
.area_list01 li{z-index:9; position:relative; display:block; margin-bottom:17px;font-size: 1.15rem; color:#0b1c2c; width:100%; padding:20px 20px 20px 20%; border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color); background:#f8fafc; transition:all 0.8s ease-out 0.2s;}
.area_list01 li:before{z-index:11; content:''; display:inline-block; position:absolute; top:-10px; left:18px; padding-top:10px; width:7px; height:52px; background:#5498b8;}
.area_list02{position:relative; margin:70px auto; width:100%; display:block; overflow:hidden;}
.area_list02 > li{z-index:9; position:relative; display:block; margin-bottom:37px; width:100%; line-height:2em; font-weight:300; transition:all 0.8s ease-out 0.2s;}
.area_list02 > li > div{ margin-left:15%; padding:30px 30px 30px 30%; width:85%; min-height:216px; border:1px solid var(--bs-gray-500); border-radius: 0 0 3rem 0; box-shadow: var(--bs-box-shadow-sm); display: flex;  align-items: center;}

.area_list02 > li em{display:block; /* margin-bottom:8px;padding-bottom:8px;border-bottom: 1px solid var(--bs-gray-400);*/ font-size:1.1rem; font-weight:400 }
.area_list02 > li em::first-letter { font-size:130%; background: var(--bs-csw-bg); color:var(--bs-white); padding: 4px 7px; border-radius: 4px;  font-weight: bold; margin-right:2px}

.area_list02 > li i{display:block; font-size:16px}
.area_list02 > li span{display:block; /*width:475px;*/width:42%; height:152px; position:absolute; top:30px; left:0px; border-top:8px solid var(--bs-body-bg); border-bottom:8px solid var(--bs-body-bg); padding:55px 80px 0 0;  color:#fff;text-shadow: 2px 2px 2px rgba(var(--bs-body-color-rgb),1); font-size:30px; font-weight:500; text-align:right;/*transform: translate(2%) rotate(355deg);*/border-radius: 3rem 0 0 0 }
.area_list02 > li:nth-child(1) span{background:url('../images/content/img_mission01.jpg') no-repeat 0 0;}
.area_list02 > li:nth-child(2) span{background:url('../images/content/img_mission02.jpg') no-repeat 0 0;}
.area_list02 > li:nth-child(3) span{background:url('../images/content/img_mission03.jpg') no-repeat 0 0;}
.area_list02 > li:nth-child(4) span{background:url('../images/content/img_mission04.jpg') no-repeat 0 0;}
.area_list02 > li:nth-child(5) span{background:url('../images/content/img_mission05.jpg') no-repeat 0 0;}
.area_list03{position:relative; margin:0 auto;padding-left: 0; width:100%; text-align:center; height:auto; display:block; overflow:hidden;}
.area_list03 > li{position:relative; display:block; overflow:hidden; margin:10px 0 30px 0;  line-height:1.8rem; width:100%;  text-align:left;}
.area_list03 > li > span{display:block; float:left; width:20%; padding-bottom:20px;  color:#385e84; font-weight:600; font-size:25px; border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; text-align:right}
.area_list03 > li > .desc,
.area_list03 > li > em{display:block; float:right; width:74%; }
.area_list03 > li > em > u{ text-decoration:none; background:#f0faff; color:#385e84; padding:5px; margin:0 5px; font-weight:400;}
.area_list03 > li > .desc > *:first-child{margin-top: 0;}
.area_list03 > li > br{display:block;}
.area_list03 > li > span > ul{margin-top:10px;list-style: none;}
.area_list03 > li > span > ul > li{display:block; font-weight:400; font-size:15px; margin-bottom:5px; padding:2px 5px !important; color:#385e84; text-align:center; border:1px solid #b9beca;}
.area_list03 > li > span > ul > li:first-child{color:#fff; background:#9dc37d; border-color:#9dc37d; margin-bottom:15px; width:60px; height:60px; line-height:60px; padding:0 !important; border-radius:1px; font-size:25px;}
.area_list03 > li > span > ul > li:nth-child(2){background:#f9fbf2;}
.area_list03 > li > span > ul > li:nth-child(3){background:#f8f9f8;}
.area_list03 > li > span > ul > li:nth-child(4){background:#f4f9fb;}
.area_list03 > li > span > ul > li:nth-child(5){background:#eef8f5;}
.area_list03 > li img{margin:15px 0 80px 0;}
.area_list03 > li:nth-child(2) > span{color:#40999f;}
.area_list03 > li:nth-child(3) > span{color:#a54747;}
.area_list03 > li:nth-child(4) > span{color:#a0983d;}
.area_list03 > li:nth-child(5) > span{color:#b18669;}
.area_list03 > li:nth-child(6) > span{color:#3d9155;}
.area_list03 > li:nth-child(7) > span{color:#d68732;}

.area_list04 {position:relative; margin:20px 0;padding-left:0}
.area_list04 li{position:relative; display:block; padding-left:12px; font-weight:300; text-align:left; word-break:keep-all; letter-spacing:-0.5px; line-height:1.75rem;}
.area_list04 li:before{position:absolute; top:14px; left:0px; content:""; width:3px; height:3px; background:var(--bs-body-color);}
.area_list04 li li:before { width:4px; background:var(--bs-tertiary-color);}

.area_list04 li b, .area_list04 li strong{font-weight: 500;}
.area_list05{position:relative; margin:25px 0; overflow:hidden;list-style:none}
.area_list05 li{ width:100%; line-height:2em; padding:20px 55px; float:left; margin-bottom:15px; background:#f5f5f0; color:#54575a; font-weight:300; letter-spacing:-0.5px;}
.area_list05 li > span{ position:absolute; left:0px; display:block; margin:0 0 0 15px; width:30px; height:30px; line-height:26px; font-size:16px; border-radius:50%; text-align:center; background:#fff; color:#575755;}
.area_list05 li:last-child > span{background:#989551; color:#fff;}

/*area_icon*/
.area_icon{margin:80px auto 40px auto; overflow:hidden;list-style:none}
.area_icon:after{content:''; display:block; clear:both;}
.area_icon > li{float:left; width:25%; height:290px;}
.area_icon > li > div{height:100%;  padding:20px 30px; border:1px solid var(--bs-border-color); border-left-width:0px;}
.area_icon > li > div h4{font-size:22px; color:#385e84; letter-spacing:-1px; text-align:center; font-weight:500;}
.area_icon > li > div h4:after{content:''; display:block; width:85px; height:85px; border-radius:50%; margin:20px auto 0; background:#94b8c8 url(../images/content/img_caritas01.png) no-repeat 50% 0; background-size:100%;}
.area_icon > li:nth-of-type(1) > div{border-left-width:1px;}
.area_icon > li:nth-of-type(2) > div h4:after{background-image:url(../images/content/img_caritas02.png);}
.area_icon > li:nth-of-type(3) > div h4:after{background-image:url(../images/content/img_caritas03.png);}
.area_icon > li:nth-of-type(4) > div h4:after{background-image:url(../images/content/img_caritas04.png);}
.area_icon > li > div ul li{letter-spacing:-0.5px;list-style: none;}
.area_icon > li > div > ul > li{margin-top:20px; font-weight:300; font-size:15px; text-align:center;}
.area_icon > li > div > ul > li > ul > li{position:relative; padding-left:10px; text-align:left;}
.area_icon > li > div > ul > li > ul > li:before{content:''; display:block; position:absolute; left:0px; top:50%; width:4px; height:1px; background:#666;}

.area_icon02 {margin:80px auto 40px auto; overflow:hidden;list-style:none}
.area_icon02 > li > div{height:100%;  padding:20px 30px; border:1px solid var(--bs-border-color); border-left-width:0; border-right-width:0; display:flex; }
.area_icon02 > li > div h4{font-size:22px; color:#385e84; letter-spacing:-1px;  font-weight:700;}
.area_icon02 > li > div:before{content:''; width:85px; height:85px; border-radius:50%; margin-right:15px; background:var(--bs-csw-bg) url(../images/content/img_caritas01.png) no-repeat 50% 0; background-size:100%;flex-shrink: 0;}
.area_icon02 > li:nth-of-type(2) > div:before{background-image:url(../images/content/img_caritas02.png);}
.area_icon02 > li:nth-of-type(3) > div:before{background-image:url(../images/content/img_caritas03.png);}
.area_icon02 > li:nth-of-type(4) > div:before{background-image:url(../images/content/img_caritas04.png);}

/* �쇳꽣�뚭컻 */
.area_list03.col01 > li > span{border-radius:3px; padding:20px; text-align:center; border:0; color:#fff !important;}
.area_list03.col01 > li:nth-child(1) > span{background:#6792bc;}
.area_list03.col01 > li:nth-child(2) > span{background:#77a8ab;}
.area_list03.col01 > li:nth-child(3) > span{background:#77ab95;}
.area_list03.col01 > li:nth-child(4) > span{background:#77ab82;}
.area_list03.col01 > li:nth-child(5) > span{background:#9eab77;}
.area_list03.col01 > li:nth-child(6) > span{background:#ab9d77;}
.area_list03.col01 > li:nth-child(7) > span{background:#ab8777;}

/* �덉감 */
.area_step{position:relative; margin:0 auto; width:100%; overflow:hidden; }
.area_step li{position:relative; float:left; margin:0 5% 0 5%; width:124px; height:auto;  color:#146f87; padding-top:80px; text-align:center;overflow: initial}
.area_step li:after{content:''; top:35px; right:-80px; display:block; position:absolute; width:70px; height:36px; background:url(../images/content/arrow_history.png) no-repeat 50% 100%; background-size:50px auto;}
.area_step li:nth-child(4n),
.area_step li:last-child{margin:0 0 0 5%;}
.area_step li:nth-child(4n):after,
.area_step li:last-child:after{background:none;}
.area_step li:before{content:''; position:absolute; top:0px; left:0px; width:124px; height:124px; z-index:99; border:1px solid var(--bs-border-color); }
.area_step li:nth-child(1):before{background:url(../images/content/img_step01.png) no-repeat center 30%;}
.area_step li:nth-child(2):before{background:url(../images/content/img_step02.png) no-repeat center 30%;}
.area_step li:nth-child(3):before{background:url(../images/content/img_step03.png) no-repeat center 30%;}
.area_step li:nth-child(4):before{background:url(../images/content/img_step04.png) no-repeat center 30%;}
.area_step li:nth-child(5):before{background:url(../images/content/img_step05.png) no-repeat center 30%;}
.area_step li:nth-child(6):before{background:url(../images/content/img_step06.png) no-repeat center 30%;}
.area_step li:nth-child(7):before{background:url(../images/content/img_step07.png) no-repeat center 30%;}
.area_step li:nth-child(8):before{background:url(../images/content/img_step09.png) no-repeat center 30%;}
.area_step li:last-child:after {content:none; }
.area_step i{display:block; overflow:hidden; position:relative; margin:30px auto 60px auto; width:100%; font-size:15px; color:#798c9c; line-height:1.4em; font-weight:300; text-align:center; word-break:keep-all; transition:all 0.4s ease 0s; z-index:88;}

.area_step.type2{font-size: 0;}
.area_step.type2 li{float: none; display:inline-block; vertical-align: top; font-size: 1rem;}
.area_step.type2 li .sort{display: inline-block; line-height:1.3;}

/* 李얠븘�ㅼ떆�붽만 */
.area_location{position:relative; margin:0 auto;}
.area_location ul{background:#f7f7f6; padding:30px 3%; margin:10px auto;list-style: none;}
.area_location h4{font-size:25px; margin:30px 0 20px 0; letter-spacing:4px; font-weight:400; color:#52694b; text-align:left;}
.area_location li{display:inline-block; width:auto; margin:5px 0 0 25px; padding-left:0; clear:none;}
.area_location li:first-child{margin-left:0;}
.area_location li:before{display:none;}
.area_location li em{display:inline-block; width:auto; margin:0 10px 0 0; color:#111; font-size:17px; font-weight:400; letter-spacing:0; clear:none;}
.area_location li span{display:inline-block; color:#777; font-size:17px; font-weight:300; letter-spacing:0; line-height:1.5em;}

/* sitemap */
.area_sitemap{max-width:1200px;  margin:50px auto 0 auto; padding:0 15px;}
.area_sitemap .gnb:after{content:''; display:block; clear:both;}
.area_sitemap .gnb > li{float:left; width:calc(100% / 4 - 2.6%); min-height:230px; margin-left:2.5%;}
.area_sitemap .gnb > li:first-child{margin-left:0px;}
.area_sitemap .gnb > li > a{display:block; position:relative; z-index:6; padding:40px 0px; background:#f8f8f2; font-size:22px; font-weight:400; color:#1b1b1b; text-align:center; letter-spacing:-1px; transition:all 0.3s ease 0s;}
.area_sitemap .gnb > li > a span{position:relative; z-index:5;}
.area_sitemap .gnb > li > a:after{content:''; display:block; position:absolute; left:0px; top:0px; z-index:-1; width:100%; height:100%; background:#97ae78; background-image:linear-gradient(top left, #97ae78, #3d9767); background-image:-ms-linear-gradient(top left, #97ae78, #3d9767); background-image:-webkit-linear-gradient(top left, #97ae78, #3d9767); background-image:-moz-linear-gradient(top left, #97ae78, #3d9767); background-image:-o-linear-gradient(top left, #97ae78, #3d9767); transform:scaleX(0); transform-origin:0 0; transition:all 0.4s ease-out 0s;}
.area_sitemap .gnb > li > a:hover,
.area_sitemap .gnb > li:hover > a{color:#fff;}
.area_sitemap .gnb > li > a:hover:after,
.area_sitemap .gnb > li:hover > a:after{transform:scaleX(1);}
.area_sitemap .gnb > li > ul{margin-top:30px;list-style: none;}
.area_sitemap .gnb > li > ul > li{margin-bottom:10px; padding-left:20px;}
.area_sitemap .gnb > li > ul > li > a{display:inline-block; position:relative;  padding-left:10px; font-size:16px; font-weight:300; color:#333; letter-spacing:-1px; transition:all 0.3s ease 0s;}
.area_sitemap .gnb > li > ul > li > a:before{content:''; display:block; position:absolute; left:0px; top:13px; width:4px; height:1px; background:#666; transition:all 0.3s ease 0s;}
.area_sitemap .gnb > li > ul > li > a:hover{color:#3d9767;}
.area_sitemap .gnb > li > ul > li > a:hover:before{background:#3d9767;}
.area_sitemap .gnb > li > a.open{display:none;}
.page-content .inr > .area_sitemap > a.btn_m_menu{position:absolute;}
.page-content .inr > .area_sitemap > a.btn_m_menu span{display:none;}
.page-content .inr > .area_sitemap > a.btn_m_menu:before,
.page-content .inr > .area_sitemap > a.btn_m_menu:after{content:''; display:none;}
.page-content .area_sitemap .m_area_util{display:none;}

/*table*/
.tbl_base th, .tbl_base td{border-width:0 1px 1px 0;line-height:1.6; text-align:center; }
.tbl_base th:last-child, .tbl_base td:last-child{border-right-width:0;}
.tbl_base thead th{background:var(--bs-tertiary-bg); border-top:2px solid var(--bs-csw-bg); text-align:center;}
.tbl_base tbody.table-group-divider { border-top: 3px double var(--bs-gray-400); }
.tbl_base tbody td span{position:relative; display:block;}
.tbl_base tbody td span:before{content:''; display:inline-block; width:4px; height:4px; margin-right:5px; vertical-align:4px; background-color:#6b737b;}
.tbl_base tbody td:nth-child(2){text-align:left;}

/*zoom_in_out*/
.zoom_in_out{overflow:hidden; display:inline-block; position:relative; width:73px; height:32px; border-radius:30px; background:#ddd; -webkit-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; transition:all .2s ease-in-out cursor:pointer; outline:0;}
.zoom_in_out span{display:inline-block;}
.zoom_in_out .cursor{display:inline-block; position:absolute; top:4px; z-index:10; width:24px; height:24px; border-radius:100%; background:#fff; box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.1); -webkit-transition:all .2s linear; -ms-transition:all .2s linear; transition:all .2s linear;}
.zoom_in_out .label{overflow:hidden; opacity:0; position:absolute; top:7px; line-height:18px; font-weight:400; font-size:14px; letter-spacing:1px; color:#fff; text-align:center;}
.zoom_in_out.zoomOff .cursor{left:4px;}
.zoom_in_out.zoomOff .label_off{opacity:1; right:10px; -webkit-transition:all .1s ease-in-out .1s; -ms-transition:all .1s ease-in-out .1s; transition:all .1s ease-in-out .1s;}
.zoom_in_out.zoomOn{background:#9c9d21; background-image:linear-gradient(40deg, #9c9d21 10%, #38795e); background-image:-ms-linear-gradient(40deg, #9c9d21 10%, #38795e); background-image:-webkit-linear-gradient(40deg, #9c9d21 10%, #38795e); background-image:-moz-linear-gradient(40deg, #9c9d21 10%, #38795e); background-image:-o-linear-gradient(40deg, #9c9d21 10%, #38795e); transition:all 0.3s ease 0s;}
.zoom_in_out.zoomOn .cursor{left:45px;}
.zoom_in_out.zoomOn .label_on{opacity:1; left:10px;}

/*tab*/
.tab_list{font-size: 0; text-align: center;}
.tab_list > li{display: inline-block; position: relative; padding:0 20px; font-size:20px; font-weight:600; color: #aaa; vertical-align:middle;}
.tab_list > li:before{content:""; display:block; position:absolute; right:-1px; top:50%; width:5px; height:7px; margin-top:-3.5px; background:#B3DFC8; transform:rotate(0deg) skew(-40deg, 0deg);}
.tab_list > li:last-child:before{content:none;}
.tab_list > li a{color:inherit; transition:color 0.6s;}
.tab_list > li.current{color:#1892A3;}

/*etc*/
.mt0{margin-top: 0 !important;}
.underline{display: inline-block; line-height:1.5; padding-bottom: 1px; border-bottom:1px solid #ccc;}
.tab_content{overflow:hidden; opacity:0; height:0;}
.tab_content.current{overflow:visible; opacity:1; height:auto;}

/*list_step*/
.list_step{font-size: 0; padding-left:0}
.list_step *{}
.list_step li{display: inline-block; position: relative; width: 33%; line-height:1.6; margin-bottom: 30px; font-size: 1rem; vertical-align: top;}
.list_step li:after{content:""; display: block; position: absolute; top: 50%; right: 0; width: 34px; height: 34px; margin-top: -21px; background:url(../images/content/arrow_history.png) no-repeat 50% 50%; background-size:30px auto;}
.list_step li:last-child:after{content:none;}
.list_step li .tit{display: table; width: 100%; min-height:122px; padding: 10px; border:1px solid var(--bs-border-color); text-align: center; background:var(--bs-body-bg)}
.list_step li .tit i{display: table-cell; vertical-align: middle; font-size:1.1rem; font-weight:600; font-style:normal}
.list_step li .sort{display: block; padding: 10px; background-color: var(--bs-tertiary-bg); border:1px solid var(--bs-border-color); border-top-width:0; font-size: 14px; font-weight: 400; text-align: center;}
.list_step li .inbox{padding-right: 34px;}
.list_step li.depth_step{width: 75%; font-size: 0;}
.list_step li.depth_step ul { padding-left:0}
.list_step li.depth_step li{width: 33.333%; font-size: 1rem;}
.list_step li.depth_step .depth_tit{display: block; width: calc(100% - 34px); padding: 6px 10px; margin-bottom: 11px; background-color: #b3dfc8; font-size: 1rem; color: #333; font-weight: 400; text-align: center;}
.list_step li.depth_step .tit{min-height:72px;}
/*@media all and (min-width:1300px){
.list_step li:nth-child(-n+5){width: 20%;}
}*/

@media all and (max-width:1799px){
	.area_center .area_left{width:45%; } 
	.area_center li > u{width:70%; }
	.area_center li > u > a{padding:8px 13px 5px 45px; }
}

@media all and (max-width:1699px){
	.area_center .area_left{width:45%; } 
	.area_location{width:95%;}
}

@media all and (max-width:1599px){
	.area_center .area_left{width:40%;  }
	.area_center .area_right{width:55%; padding:140px 2.5%;} 
	.area_center .area_left > span{font-size:35px; line-height:1.4em;}
	.area_center li > i{float:inherit; display:inline-block; width:100%/*95%;*/}
	.area_center li > u{float:inherit; width:95%;}
	.area_center .area_left ul.col02 li u:before,
	.area_center .area_right ul.col02 li u:before,
	.area_center li > u:before{display:none;}
}

@media all and (max-width:1299px){
	.page-content .inr > h3{font-size:25px;}
	.page-content .inr > h4{margin:35px 0 30px 0; font-size:28px;}
	.page-content .inr > h5{margin:40px 0 10px -20px; font-size:25px; letter-spacing:2px;}
	
	.area_img_line{margin:40px auto 0 auto;}
	.area_img_line .line_bottom{padding-bottom:30px;}
	.area_img_line .line_bottom .line_txt em{display:block; margin-top:25px; font-size:20px;}
	.area_img_line .line_bottom .line_txt p{display:block; margin-top:15px; font-size:14px;}
	.area_img_line .line_bottom .line_txt span{display:block; margin-top:5px; font-size:14px;}
	.area_img_line .line_bottom .line_txt > img{width:100%; max-width:130px; height:150px; margin:0 5%;}
	
	.area_icon{margin:40px auto;}
	
	.tit01{margin:0 auto 40px auto; width:100%; line-height:1.5em; font-size:25px; box-shadow:2px 2px 25px rgba(38,77,121,0.18);}
	.tit01 > i{display:block;}
	.tit02{font-size:18px;}
	
	.area_center .area_left{width:40%; }
	.area_center .area_right{width:55%; padding:100px 2.5%;} 
	.area_center .area_left > span{font-size:30px;}
	.area_center .area_left.w100,
	.area_center .area_right.w100{width:96%; padding:40px 4%;}
	
	.icon_box{padding:100px 5% 40px 5%;}
	.icon_box.icon01,
	.icon_box.icon02,
	.icon_box.icon03,
	.icon_box.icon04,
	.icon_box.icon05{background-size:60px auto; background-position:50% 15px;}
	.icon_box p > br{display:none;}
	
	.box_img{padding:30px; margin:20px auto 40px auto;}
	.box_img > ul > li{margin-right:5%;}

	.area_step li{width:100%; margin:0 0 20px 0;}
	.area_step li:after{top:80%; left:50%; margin:0 0 0 -30px; transform:rotate(90deg);}
	.area_step li:nth-child(4n){margin:0 0 20px 0;}
	.area_step li:last-child{margin:0;}
	.area_step li:nth-child(4n):after{background:url(../images/content/arrow_history.png) no-repeat 50% 100%; background-size:50px auto;}
	.area_step li:before{width:100%;}
	
	.area_ceo > img{width:80%; max-width:313px;}
	
	.area_top{margin:0 auto 160px auto;}
	.area_top.bg01{background-size:cover; background-position:35% 50%; height:300px;}
	.area_top.bg02{background-size:cover; background-position:100% 50%;}
	.area_top.bg02{margin:0 auto 100px auto;}
	.area_top.bg02 > div{width:45%; bottom:-40px;}
	.area_top.bg02 > div > img{height:150px;}
	.area_top > div{bottom:-115px; z-index:3; width:100%; padding:20px 10%; font-size:25px;}
	.area_top > div > i{display:block;}
	.area_top > div{border-radius:0 0 30px 0;}

	.area_circle li{width:100%; height:auto; margin:0 auto 15px auto; padding:20px 8%;  line-height:2em; border-radius:5px; font-size:19px;}
	.area_list01{margin:30px auto 70px auto;}
	.area_list01 li{margin-bottom:15px; padding:20px 10px 20px 25%;}
	.area_list02 > li{margin-bottom:20px;}
	.area_list02 > li span{width:100%; position:relative; top:0px; padding:60px 8%; text-align:center; border:0;transform: none;}
	.area_list02 > li em{font-size:20px;}
	.area_list02 > li:nth-child(2) span{padding:50px 5%; background-size:cover;}
	.area_list02 > li:nth-child(1) span,
	.area_list02 > li:nth-child(3) span,
	.area_list02 > li:nth-child(4) span,
	.area_list02 > li:nth-child(5) span{background-size:cover;}
	.area_list02 > li > div{margin-left:0px; width:100%; height:auto; padding:30px 8%; border-top:0;}
	.area_list03 > li{margin:15px 0 50px 0;}
	.area_list03 > li > span{width:30%; }
	.area_list03 > li > .desc,
	.area_list03 > li > em{width:64% }
	.area_list03 > li > br{display:none;}
	.area_list03 > li img{width:100%; max-width:845px; margin:5px 0 10px 0;}
	
	.area_map{width:90%;}
	.txt_map{padding:30px 50px; font-size:15px;}
	.txt_map .map01,
	.txt_map .map02,
	.txt_map .map03,
	.txt_map .map04{margin:5px 0 0 20px;}
	
	.area_sitemap .gnb > li:nth-child(3n+1){clear:inherit; margin-left:2.5%;}
	.area_sitemap .gnb > li > a{font-size:18px;}
	.area_sitemap .gnb > li > ul > li > a{font-size:15px;}
	
	.tab_list > li{font-size: 18px;}
	
	.list_step li{width: 33.333%;}
	.list_step li .tit{font-size: 15px;}
	.list_step li.depth_step{width: 100%;}
    
    .org_list > ul:last-child > li{width:calc(100% / 5 - 0.1px);}
	
}

@media all and (max-width:950px){
	.box_img{padding:25px;}
	.box_img > ul > li{margin-right:2%;}
	.box_img02 > ul > li > img,
	.box_img02 > ul > li{width:125px;}
	.box_img02 > ul > li > span{font-size:12px;}
	
	.area_icon > li > div{padding:20px;}	
	.area_icon > li > div > ul > li > ul > li{font-size:15px;}
	.area_icon > li{width:50%;}
	.area_icon > li > div{border-top-width:0px;}
	.area_icon > li:nth-of-type(3) > div{border-left-width:1px;}
	.area_icon > li:nth-of-type(1) > div,
	.area_icon > li:nth-of-type(2) > div{border-top-width:1px;}
	
	.area_center .area_left{width:90%; padding-left:0; margin:0 auto; float:inherit;}
	.area_center .area_right{width:90%; padding:40px 5%; margin:60px auto 0 auto; float:inherit;}
	
	.area_bottom li{width:100%; height:auto; line-height:1.5em; padding:10px 0; font-size:14px;}
	.area_bottom li:nth-child(2){padding:30px 20px;}
	.area_bottom li > span{display:block; margin:20px auto 10px auto; width:80%;}
	.area_bottom li > em{display:block; margin:5px auto; width:80%; padding:5px;}
	.area_bottom li > em:after{left:48%;}
	.area_bottom li > a{margin:5px 0; border:1px solid rgba(255,255,255,0.2); padding:10px 10px 10px 40px; background-position:7px 50%; height:auto; font-size:19px;}
	
	.area_list03 > li > span > ul > li{font-size:14px;}
	.area_list03.col01 > li > span{font-size:16px; padding:10px 5%;}
	/*
	.area_history .sort{background-position:65% 50%; height:200px; line-height:200px;}
	.area_history .sort.bg02{background-position:35% 50%; height:200px; line-height:200px;}
	.area_history .sort .year{font-size:30px; height:45px; line-height:45px;}
	.area_history .detail > li .year{font-size:20px;}
	.area_history .detail > li br,	.area_history .detail > li p br{display:none;}*/
	.area_history .sort{background-position:65% 50%; height:150px; line-height:150px;}
	.area_history .sort.bg02{background-position:35% 50%; height:150px; line-height:150px;}
	.area_history .sort .year{font-size:30px; height:45px; line-height:45px;}
	.area_history .detail > li .year{font-size:20px;}
	.area_history .detail > li br,	.area_history .detail > li p br{display:none;}
	
	.org_list li div:last-child{margin-bottom:20px;}
	.org_list{margin:40px auto; overflow:hidden;}
	.org_list li div{width:100%;}
	.org_list li.org03{position:relative; top:inherit; right:inherit; left:0px;}
	.org_list li.org01_l{position:relative; top:inherit; left:0px;}
	.org_list > ul:last-child > li{width:calc(100% / 2 - 5.1px); margin:0 10px 0 0;}
	.org_list > ul:last-child > li:nth-child(even){margin:0;}
	.org_list > ul:nth-child(2){margin:20px 0 40px 0;}
	.org_list li.org01:after,
	.org_list li.org04:after,
	.org_list ul:nth-child(2) li:last-child:after{display:none;}
	.org_list li.org02:after{display:none;}
	
	.area_location h4{font-size:23px;}
	.area_location li{display:block; margin:5px 0 0 0;}
	.area_location li em,
	.area_location li span{font-size:15px;}
}
@media all and (max-width:950px) and (min-width:768px){
	.list_step li .inbox{padding-right: 24px;}
	.list_step li:after{width: 24px; height: 24px; top: 60px; margin-top: 0; background-size:24px auto;}
	.list_step li.depth_step .depth_tit{width: calc(100% - 24px);}
}
@media all and (max-width:768px){
	.page-content .inr > h3{height:35px; line-height:32px; padding-left:35px;}
	.page-content .inr > h4{margin:25px 0 10px 0; font-size:28px;}
	.page-content .inr > h5{font-size:23px; letter-spacing:1px;}
	.page-content h7{font-size:16px;}
	.page-content h8{font-size:15px;}
	

	.box_img > ul > li{margin-right:15%;}
	.box_img > ul > li:nth-child(even){margin:10px 0 15px 0;}
	
	.info em{float:none; width:100%; text-align:left;}
	.info em:after{width:0}
	.info span{display:block; float:none;width:100%; margin:5px 0 0; text-align:left; font-size:15px; line-height:2em;}
	/*.info span > br{display:none;}*/
	.info span u { margin-right:2px; margin-left:2px}
	.tit01{font-size:20px;}
	
	.area_img_line{margin:20px auto 0 auto;}
	.area_img_line .line_bottom{padding-bottom:25px; overflow:hidden;}
	
	.area_top.bg02 > div{width:45%;}
	.area_top.bg02 > div > img{height:110px;}
	
	.area_step{margin:15px auto 0 auto;}

	.area_center .area_left > em,
	.area_center .area_right > em{font-size:22px;}
	.area_center .area_right.bg02{background-size:40% auto;}
	.area_center .area_left.bg03{background-size:50% auto;}
	
	.area_circle li{font-size:16px;}
	.area_list01 li{font-size:14px; margin-bottom:15px; padding:20px 15%;}
	.area_list02 li em{font-size:19px;}
	.area_list02 li i{font-size:14px;}
	.area_list03 > li{margin:5px 0 35px 0;}
	.area_list03 > li > span{float:inherit; width:100%; padding-bottom:20px; margin-bottom:20px; text-align:left}
	.area_list03 > li > .desc,
	.area_list03 > li > em{float:inherit; margin:0; width:98%; padding-bottom:0; overflow:hidden; overflow-x:auto;}
	.area_list03 > li > em > u{padding:2px 5px;}
    .tbl_base{min-width:600px;}
	
	.area_location h4{font-size:20px;}
	.area_location li em,
	.area_location li span{font-size:14px;}
	
	.area_sitemap .gnb > li{float:left; width:100%; margin-left:0%;}
	.area_sitemap .gnb > li > ul{margin-top:30px; min-height:100px;}
	
	.tbl_base th,
	.tbl_base td{padding:12px 5px;}
	.tab_list > li{padding: 0 12px; font-size: 16px;}
	.list_step li{width: 50%;}
}

@media all and (max-width:540px){
	.list_step li{width: 100%; padding-bottom: 34px; margin-bottom: 0;}
	.list_step li:last-child{padding-bottom: 0;}
	.list_step li:after{left: 50%; top: auto; bottom: 0; transform:translateX(-50%) rotate(90deg);}
	.list_step li .tit{display: block; min-height:auto !important;}
	.list_step li .tit i{display: block;}
	.list_step li .inbox{padding-right: 0;}
	.list_step li.depth_step .depth_tit{display: block; width: 100%; font-size: 15px;}
	.list_step li.depth_step li{width: 100%;}
}
@media all and (max-width:480px){
	.page-content h2{font-size:30px;}
	
	.box_img{padding:20px;}
	.box_img > ul > li{margin:10px 2%;}
	.box_img > ul > li:nth-child(even){margin:10px 0;}
	
	.area_icon > li{float:none; width:100%; height:auto;}
	.area_icon > li > div{border-left-width:1px;}
	.area_icon > li:nth-of-type(2) > div{border-top-width:0px;}
	.area_icon > li > div > ul:after{content:''; display:block; clear:both;}
	.area_icon > li > div > ul > li{float:none; width:auto;}
	
	/*.area_history .sort .year{font-size:25px;}
	.area_history .detail > li .year:before {width:15px;}
	.area_history .detail > li.left {padding-right:18px;}
	.area_history .detail > li.right {padding-left:18px;}
	.area_history .detail > li .year{font-size:18px;}
	.area_history .detail > li,	.area_history .detail > li p{font-size:14px !important;}*/
	.area_history .sort .year{font-size:25px;}
	.area_history .detail > li .year{font-size:23px;}
	.area_history .detail > li {font-size:15px !important;width: calc(100% - 18px); padding-left:18px; padding-right:0 !important; float:right !important; text-align:left !important }
	.area_history .detail::after { left:18px}
	.area_history .detail > li:nth-child(even) .year:after{top:40px; left:-5.5px;}
	.area_history .detail > li:nth-child(even) .year:before{top:40px; left:0;}
	.area_history .detail > li:nth-child(even) > ul > li label {  margin-left:0 }
	.area_history .detail > li .year:before {width:15px;}
	.area_history .detail > li:nth-child(even) {padding-right:20px;}
	.area_history .detail > li:nth-child(odd) {padding-left:20px;}


	.txt_map{font-size:14px;}
	
	.area_top.bg01{background-position:40% 50%;}
	.area_top > div{font-size:20px; padding:30px 5%;}
	
	.area_sitemap .gnb > li{float:left; width:95%; margin-left:2.5%;}
	.area_sitemap .gnb > li > ul{margin:30px auto 30px auto;list-style: none;}
	.area_sitemap .gnb > li:nth-child(3n+1){clear:inherit; float:left; width:95%; margin-left:2.5%;}
		
	.org_list > ul:last-child > li{width:calc(100%); margin:0;}
}

@media all and (max-width:375px){
	.box_img > ul > li{margin:10px 0;list-style: none;}
	.about_img{height:250px;}
	.about_img .about_left{width:70%; height:180px;}
	.about_img .about_right{width:70%; height:180px;}	
}