@charset "utf-8";


.root_daum_roughmap_landing {width:100% !important;}



.box_comm3 h2 {font-size:20px; margin-bottom:6px;}

.chart001 {display:flex;  margin:0 -20px;}
.chart001 li {width:calc(25% - 40px); margin:0 20px; border:4px solid #eff3f8; position:relative;}
.chart001 li:before {content:'▶'; display:block; width:40px; text-align:center; height:20px; line-height:20px; position:absolute; right:-44px; top:50%; margin-top:-10px;}
.chart001 li:last-child:before {display:none;}
.chart001 li strong {display:flex; height:60px; justify-content:center; align-items: center; text-align:center; background:#eff3f8;}
.chart001 li span { text-align:center; display:block; padding:40px 12px;}



table .conLst3 li , table .conLst3 li * {font-size:17px;}



#mb_login {display:flex; max-width:1000px; margin:0 auto; }
#mb_login .img {width:50%; order:2;}
#mb_login .img img {width:100%; height:100%; object-fit: cover;}
#mb_login .box {width:50%; border:1px solid #e2e2e2; padding:70px; text-align:center;}
#mb_login .box h2 {margin-bottom:50px;}
#mb_login .box #login_frm .frm_input {width:100%; height:60px; padding:0 20px; margin-bottom:16px; border:0; background:#f4f4f4; border-radius:10px;}
#mb_login .box #login_frm .bo_chk {text-align:left; }
#mb_login .box #login_frm .bo_chk label {color:#333 !important;}
#mb_login .box #login_frm .btn {display:block; width:100%; border:0; border-radius:0px; height:60px; background:#000; color:#fff; text-align:center; font-size:24px; margin:30px 0 0;}
#mb_login .box .mb_login_join {display:flex; margin-top:40px; position:relative;}
#mb_login .box .mb_login_join:before {content:''; display:block; width:1px; position:absolute; left:50%; top:0; bottom:0; background:#ddd;}
#mb_login .box .mb_login_join a {display:block; width:50%;}




.join_box {display:flex; justify-content: center; gap:50px;}
.join_box a {display:block; width:320px; height:350px; border-radius:20px; background:#00c759; background:#fff; border:5px solid #e4f0ff; text-align:center; position:relative; padding:50px 0; transition: 0.5s;}
.join_box a img {position:relative;}
.join_box a:hover {border-color:#ffceae;}
.join_box a h2 {color:#fff; color:#06205d; padding:30px 0;font-family:'esa'; font-weight:normal; font-size:34px;}
.join_box a span {position:absolute; left:40px; right:40px; bottom:-37px; height:70px; line-height:70px; border-radius:100px; color:#fff; background:#06205d; font-size:20px; font-weight:bold; transition: 0.5s;}
.join_box a + a {background:#ff9523; background:#fff;}
.join_box a:hover span {box-shadow:0px 15px 15px rgba(0,0,0,0.2);  background:#000;}
.join_box a:hover img {animation:join001 1s ease-in-out infinite; }
@keyframes join001{
	0%{ top:0;}
    50%{ top:10px;}
    100%{ top:0;}
}


.register_inner > div {margin-bottom:50px;}
.register_inner > div ul {border-top:3px solid #002f9c;}
.register_inner > div ul li {padding:20px 0 20px 150px; min-height:86px; border-bottom:1px solid #eee; position:relative;}

.register_inner > div ul li label {position:absolute; left:0; top:29px;}
.frm_info {display:block; font-size:15px; color:#ff6400; margin-top:10px;}
.register_inner > div ul li label.chk01 {position:relative; left:initial; top:6px;}

#captcha { display:flex; align-items: center; flex-wrap:wrap; gap:8px;}
#captcha button {background:#eee; color:#333; padding:8px 14px 11px; font-size:14px;  vertical-align: top; margin:1px 0; border-radius:3px;}
#captcha img {height:40px;}
#captcha input[type='text'] {max-width:100px;}
#captcha #captcha_info {color:#ff6400; font-size:16px;}
#captcha #captcha_info:before {content:'※'; display:inline; padding-right:4px;}


.cont_sitemap{}
.cont_sitemap .sitemap_lst:after{content:''; display:block; clear:both;}
.cont_sitemap .sitemap_lst > li{position:relative; padding:35px 0; border-top:1px solid #e2e2e2; line-height:1.4;}
.cont_sitemap .sitemap_lst > li:before{content:''; display:inline-block; position:absolute; top:-1px; left:0; width:17.5%; height:3px; background:#0a4096;}
.cont_sitemap .sitemap_lst > li:after{content:''; display:block; clear:both;}
.cont_sitemap .sitemap_lst > li > a{ width:25%; font-weight:800; font-size:1.625em; letter-spacing:-1px;}
.cont_sitemap .sitemap_lst > li > ul { display:flex; flex-wrap:wrap; margin-top:20px;}
.cont_sitemap .sitemap_lst > li > ul > li{ width:20%; padding:0 15px 15px 0; font-weight:600; font-size:1.1em;}
.cont_sitemap .sitemap_lst > li > ul > li > a{display:flex; padding:0 10px 0 20px; height:62px; line-height:1.2; align-items:center; border:1px solid #d3e3ef;}
.cont_sitemap .sitemap_lst > li > ul > li > a[target="_blank"]:after{content:''; display:inline-block; width:15px; height:13px; margin:0 0 0 6px; background:url(../images/common/blank_b.png) no-repeat; vertical-align:baseline; opacity:.7;}
.cont_sitemap .sitemap_lst > li > ul > li > ul{margin:12px 0 0 15px;}
.cont_sitemap .sitemap_lst > li > ul > li > ul > li{position:relative; margin:5px 0; padding-left:8px; font-weight:400; font-size:0.85em;}
.cont_sitemap .sitemap_lst > li > ul > li > ul > li:before{content:''; display:inline-block; position:absolute; top:9px; left:0; width:3px; height:3px; border-radius:50%; background:#6097c1;}
.cont_sitemap .sitemap_lst > li > ul > li > ul > li a[target="_blank"]:after{content:''; display:inline-block; width:15px; height:13px; margin:0 0 0 6px; background:url(../images/common/blank_b.png) no-repeat; vertical-align:baseline; opacity:.4;}




.root_daum_roughmap .cont {display:none;}


/* 서브 타이틀 */
.s_con_top {display:flex; justify-content: space-between; height:80px; margin-bottom:60px; border-bottom:1px solid #ccc;}
.s_con_top h2.st_title{position:relative;  max-width:1500px; font-size:42px; font-weight:700; word-break:keep-all; letter-spacing:-0.04em;}


.box_scroll {border:1px solid #aaa; padding:30px; height:280px; overflow-y:scroll; margin-bottom:16px; font-size:17px;}
.box_scroll + .chk01 span {font-size:18px; font-weight:600;}
.box_scroll + .chk01 input[type='checkbox'] + span:before {width:14px; height:14px; top:4px;}
.box_scroll + .chk01 input[type='checkbox'] + span:after {width:8px; height:8px; left:7px; top:11px;}



#tab01 .box01 {position:relative; text-align:center; padding:150px 0 250px; margin-top:-150px; overflow:hidden;}
#tab01 .box01 .sim01 {position:absolute; left:50%; top:200px; margin-left:-790px; z-index:3;  }
#tab01 .box01 .sim02 {position:absolute; right:50%; bottom:0; margin-right:-740px; width:130px; z-index:3;}
#tab01 .box01 h2 {font-size:62px; text-align:center; position:relative; z-index:3;}
#tab01 .box01 h2:after {content:''; display:block; width:54px; height:2px; background:#745645; margin:40px auto;}
#tab01 .box01 p {font-size:20px; line-height:2; position:relative; z-index:3;}
#tab01 .box01 .bg2 { display:block; position:absolute; left:0; right:0; bottom:0; height:400px; background:#745645; z-index:1;}
#tab01 .box01 .bg { display:block; position:absolute; left:-15%; right:-15%; bottom:0; height:600px; border-radius: 0 0 100% 100%; background:#fff; transform: translateY(-150px); z-index:2;}

#tab01 .pic01 {position:relative; z-index:111;}
#tab01 .pic01 img {position:absolute; left:50%; top:-175px; margin-left:-165px;transform:scale(1.2) translateY(50px); filter:grayscale(1) blur(5px); opacity:0; transition: 1s ease-in-out;}
#tab01 .pic01 img.aos-animate {transform:scale(1) translateY(0px); opacity:1; filter:grayscale(0) blur(0px);}

#tab01 .box02 {padding:220px 0 250px; background:#745645; color:#fff; overflow:hidden; position:relative;}
#tab01 .box02 .bg2 { position:absolute; left:0; top:0; bottom:0; right:0;  background:url(../images/content/sub01_bg01.png) no-repeat center bottom;  z-index:1;}
#tab01 .box02 .bg {position:absolute; left:70%; bottom:-24px; font-size:166px; white-space: nowrap; line-height:1; letter-spacing: -0.08em; color:#eae6e3; z-index:2;}
#tab01 .box02 h2 {font-size:62px; text-align:center; margin-bottom:40px;}
#tab01 .box02 > ul {max-width:1480px; margin:0 auto; display:flex; justify-content: space-between; position:relative; z-index:3;}
#tab01 .box02 > ul > li {width:340px;}
#tab01 .box02 > ul > li h3 { height:120px; display:flex; text-align:center; align-items: center; justify-content: center; font-size:24px; border:1px solid rgba(255,255,255,0.2); }
#tab01 .box02 > ul > li h3 { height:120px; display:flex; text-align:center; align-items: center; justify-content: center; font-size:24px; border:1px solid rgba(255,255,255,0.2); }
#tab01 .box02 > ul > li ul {padding:40px 20px 0 20px;}
#tab01 .box02 > ul > li li {position:relative; padding:0 0 10px 15px; color:rgba(255,255,255,0.8);}
#tab01 .box02 > ul > li li:before {content:''; display:block; width:4px; height:4px; border-radius:4px; background:#fff; position:absolute; left:0; top:12px; opacity:.5;}


#tab02 {position:relative; padding:150px 0 170px;  height:170vh;}
#tab02 .inr_wrap {position:sticky; top:0;}
#tab02:before {content:''; display:block; position:absolute; left:0; top:0; right:0; height:707px; background:#eae6e3;}
#tab02 .inr { max-width:1700px; margin:0 auto; position:relative; z-index:2;}
#tab02 .inr h2 {margin-bottom:40px;}
#tab02 .inr h2 em { font-size:22px; color:#745645; font-weight:300; position:relative; top:4px;}
#tab02 .inr h2 span {font-size:62px; font-weight:bold; color:#000; margin-right:16px;}
#tab02 .inr ul {display:flex; justify-content: space-between;}
#tab02 .inr ul li a {display:block; height:590px; background:#745645; color:#fff; border-radius:0 0 20px 20px; width:400px; text-align:center; position:relative; transition: 0.5s ease-in-out;}
#tab02 .inr ul li a:hover {box-shadow: 0px 14px 25px rgba(116,86,69,0.2);}
#tab02 .inr ul li a img {transition: 0.5s ease-in-out;}
#tab02 .inr ul li a:hover img {filter: grayscale(0);}
#tab02 .inr ul li a strong {display:block; padding:40px 0 8px; font-size:22px;}
#tab02 .inr ul li a span {opacity:.8;}
#tab02 .inr ul li a:before {content:'' ;display:block; width:70px; height:70px; background:#eae6e3 url(../images/content/plus.png) no-repeat center center; border-radius:50px; position:absolute; left:50%; bottom:-35px; margin-left:-35px; transition: 0.5s ease-in-out; }
#tab02 .inr ul li a:hover:before {transform: rotate(180deg); filter:invert(1);}


#tab03 {position:relative; padding:180px 0 120px; text-align:center;background:url(../images/main/m4_bg00.png) no-repeat center bottom; background-size:100%;  overflow:hidden; margin-bottom:-70px;}
#tab03 .bg2 {content:''; display:block; position:absolute; left:0; bottom:0; right:0; height:800px; background:#fff; opacity:0;}
#tab03 .bg { display:block; position:absolute; left:-7%; right:-7%; height:660px; bottom:150px; background:#fff; border-radius: 0 0 100% 100%; }
#tab03 .inr {max-width:1480px; margin:0 auto; position:relative; z-index:4;}
#tab03 .inr h3 {font-weight:300; font-size:22px; color:#745645;}
#tab03 .inr h2 {font-size:62px; margin:0px 0 50px;}
#tab03 .inr .map {border-radius:20px; overflow:hidden;}
#tab03 .inr .root_daum_roughmap {width:calc(100% + 2px) !important; margin:-1px 0 0 -1px;}
.root_daum_roughmap .wrap_controllers {display:none;}
#tab03 p {color:#000; margin-top:46px; display:flex; justify-content: center; align-items: center; gap:10px;}
#tab03 p strong {font-size:34px; position:relative; top:-3px;}




#tab04 {position:relative; padding:150px 0 260px; overflow:hidden;}
#tab04 .bg {position:absolute; left:-42%; bottom:-24px; font-size:166px; white-space: nowrap; line-height:1; letter-spacing: -0.08em; color:#eae6e3; z-index:2;}
#tab04 .inr { max-width:1700px; margin:0 auto; position:relative; z-index:2;}
#tab04 .top h3 {font-size:22px; font-weight:300; color:#745645;}
#tab04 .top h2 { font-size:62px;}
#tab04 .top h2 span {font-size:62px; color:#745645;}
#tab04 .top p {margin:10px 0 60px; font-size:22px;}
#tab04  .box div h3 {font-size:22px; margin:30px 0 12px;}
#tab04 .box div h3 span {color:#745645; font-size:22px; position:relative;}
#tab04 .box div h3 span:after {content:''; display:inline-block; width:12px; height:1px; background:#745645; margin:0 8px 0 2px;}
#tab04 .box div p {font-size:18px; color:#444;}
#tab04 .swiper-pagination { bottom:-50px !important; text-align:left; }
#tab04 .swiper-pagination-bullet {transition: 0.5s; border-radius:20px;}
#tab04 .swiper-pagination-bullet-active {transition: 0.5s; width:80px; border-radius:20px; background:#745645;}

#tab04 .nav {position:absolute; right:100px; top:-116px; width:186px;}
#tab04  .nav .swiper-button-prev {    width:70px; height:70px; border:1px solid rgba(116,86,69,0.3);  border-radius:70px;display:block; line-height:66px; text-align:center; font-size:24px; background:none;  color:#745645; transition: 0.5s; }
#tab04  .nav .swiper-button-next {   width:70px; height:70px; border:1px solid rgba(116,86,69,0.3);  border-radius:70px;display:block; line-height:66px; text-align:center; font-size:24px; background:none; color:#745645; transition: 0.5s;}
#tab04  .nav .swiper-button-prev:after , #tab04  .nav .swiper-button-next:after {display:none;}


#tab05 { background:#000; padding:220px 0; position:relative; overflow:hidden;}
#tab05:before { content:''; display:block; background:url(../images/main/m3_bg.png) no-repeat right bottom; position:absolute; right:0; top:0; bottom:0; width:100%; opacity:.5;}
#tab05 .bg {display:none;}
#tab05 .inr {max-width:1700px; margin:0 auto; padding-right:100px; display:flex; justify-content: space-between; color:#fff; position:relative; z-index:3;}
#tab05 h3 {font-size:22px; font-weight:400; color:#745645;}
#tab05 h2 { font-size:62px; color:#fff;}
#tab05 .left p {font-size:22px; color:#aaa;}
#tab05 ul {display:flex; gap:30px; width:calc(100% - 400px);}
#tab05 ul li {width:33.3333%;  padding:60px; background:rgba(255,255,255,0.1); backdrop-filter:blur(8px); border-radius:30px;}
#tab05 ul li strong {display:block; color:#ccc; font-size:20px; font-weight:normal;}
#tab05 ul li span {display:block; font-size:38px; font-weight:bold; line-height:1.3; margin-bottom:8px;}
#tab05 ul li em {color:#f7a170; font-weight:600;}







.s_box01 { text-align:center; padding:30px 0 80px;}
.s_box01 h2 {font-size:62px; line-height:1.3;}
.s_box01 h2 strong {font-size:62px; font-weight:bold; color:#745645;}
.s_box01 p {font-size:24px; margin:30px 0 0;}
.s_box01 .line {position:relative; width:1px; height:100px; background:#ccc; margin:40px auto;}
.s_box01 .line:before {content:''; display:block; width:11px; height:11px; border-radius:15px; background:#fff; border:3px solid #745645; position:absolute; left:-8px; top:10px;animation:l001 2s ease-in-out infinite; opacity:0; }
@keyframes l001{
	0%{  margin-top:0;  opacity:0;}
	20% { transform: scale(1); opacity:1;}
	60% { transform: scale(1); opacity:1;}
 	80%{ margin-top:60px;   opacity:0;}
}
.s_box01 h3 {font-size:38px; margin-bottom:30px;}
.s_box01 ul {display:flex; justify-content: center; flex-wrap:wrap; gap:30px;}
.s_box01 ul li {width:160px; height:160px; border-radius:50%; background:url(../images/content/s2_img01.png) no-repeat; background-size:cover; color:#fff; display:flex; justify-content: center; align-items: center; text-align:center; font-size:20px;}
.s_box01 ul li:nth-child(2) { background-image:url(../images/content/s2_img02.png);}
.s_box01 ul li:nth-child(3) { background-image:url(../images/content/s2_img03.png);}
.s_box01 ul li:nth-child(4) { background-image:url(../images/content/s2_img04.png);}
.s_box01 ul li:nth-child(5) { background-image:url(../images/content/s2_img05.png);}
.s_box01 ul li:nth-child(6) { background-image:url(../images/content/s2_img06.png);}
.s_box01 ul li:nth-child(7) { background-image:url(../images/content/s2_img07.png);}

.s_box01 ul.type2 li:nth-child(1) { background-image:url(../images/content/s2_img08.png);}
.s_box01 ul.type2 li:nth-child(2) { background-image:url(../images/content/s2_img09.png);}
.s_box01 ul.type2 li:nth-child(3) { background-image:url(../images/content/s2_img10.png);}
.s_box01 ul.type2 li:nth-child(4) { background-image:url(../images/content/s2_img11.png);}

.s_box01 ul.type3 li:nth-child(1) { background-image:url(../images/content/s2_img12.png);}
.s_box01 ul.type3 li:nth-child(2) { background-image:url(../images/content/s2_img13.png);}
.s_box01 ul.type3 li:nth-child(3) { background-image:url(../images/content/s2_img14.png);}

.s_box01 ul.type4 li:nth-child(1) { background-image:url(../images/content/s2_img15.png);}
.s_box01 ul.type4 li:nth-child(2) { background-image:url(../images/content/s2_img16.png);}


.s_box02 {overflow:hidden; position:relative; padding:280px 0 170px; background:#000;}
.s_box02:before {content:''; display:block; width:140%; height:700px; border-radius:0 0 100% 100%; background:#fff; position:absolute; left:-20%; top:-560px; z-index:2; display:none;}
.s_box02:after {content:''; display:block; position:absolute; left:0; right:0; top:0; height:120%;background: linear-gradient(360deg,rgba(116, 86, 69, 0) 0%, rgba(116, 86, 69, 1) 70%, rgba(116, 86, 69, 1) 100%); opacity:.95;}
.s_box02 video {position:absolute; top:0px; left:0%; width:100%; height:100%; object-fit: cover; opacity:.5;}
.s_box02 .inr {position:relative; z-index:4; text-align:center; color:#fff;}
.s_box02 .inr h2 {font-size:62px; margin-bottom:40px; line-height:1.3;}
.s_box02 .inr h2.type2 {font-size:52px;}
.s_box02 .inr p {font-size:20px; margin:0; color:rgba(255,255,255,0.8);}
.s_box02 .inr p + p {margin-top:30px;}

.s_box03 {position:relative; padding:160px 0 120px;}
.s_box03 h2 {font-size:62px; line-height:1.3; text-align:center; margin-bottom:70px; }
.s_box03 h2 strong {font-size:62px;  color:#745645; font-weight:bold;}
.s_box03 .s03_tab {display:flex; justify-content: center; flex-wrap:wrap;  width:100%; background:#fff;  border-bottom:1px solid transparent; margin-bottom:-24px;}
.s_box03 .s03_tab li a {display:flex; width:160px; height:70px; border-radius:100px; border:1px solid #f3f1f1; justify-content: center; align-items: center; text-align:center;  margin:0 12px 24px; background:#f3f1f1; color:#745645; font-size:20px; transition: 0.3s;}
.s_box03 .s03_tab li a:hover { border-color:#b4a7a0; }


.s_box03 .s03_tab.active {border-bottom:1px solid #f3f1f1; position:sticky; top:80px; z-index:12;}
.s_box03 .s03_tab.active li a {height:54px; border-top:0; border-bottom:0; margin:0 -1px 0 0; border-radius:0; border-color:#eee; font-size:17px; background:none; transition: 0s;}
.s_box03 .s03_tab.active li a.on { text-decoration: underline; background:#f3f1f1; }

.s_box03 .s03_wrap { }
.s_box03 .s03_wrap .inr {max-width:1480px; margin:0 auto; }
.s_box03 .s03_wrap .box { display:flex; padding-top:170px;}
.s_box03 .s03_wrap .box .left { width:440px; }
.s_box03 .s03_wrap .box .left img {position:sticky; top:174px; border-radius:40px;}
.s_box03 .s03_wrap .box .right { width:calc(100% - 400px); padding-left:140px; background:#fff;}
.s_box03 .s03_wrap .box .right .hTit0 {font-size:48px; margin-bottom:30px; margin-top:-15px; }
.s_box03 .s03_wrap .box .right .ex {display:block; font-size:19px; margin-bottom:55px;}


.s_box03 .s03_wrap .box .right .l_box { padding:42px 46px; background:#f3f1f1; margin-bottom:50px; border-radius:10px;}
.s_box03 .s03_wrap .box .right .l_box li {position:relative; margin:3px 0; padding-left:15px; font-size:19px;}
.s_box03 .s03_wrap .box .right .l_box li:before {content:''; display:block; width:6px; height:6px; background:#745645; border-radius:10px; position:absolute; left:0; top:11px;}

.s_box03 .s03_wrap .box .right .hTit1 {font-size:36px; margin-bottom:28px; font-weight:600;}
.s_box03 .s03_wrap .box .right .type_box {display:flex;  flex-wrap:wrap;  margin-bottom:34px; }
.s_box03 .s03_wrap .box .right .type_box li {  border-radius:10px; border:1px solid #cdc1bc; color:#745645; display:flex; align-items: center; justify-content: center; text-align:center; border-radius:8px; width:calc(25% - 10px); margin:0 10px 10px 0; height:90px; line-height:1.3; }

.s_box03 .s03_wrap .box .right .txt {position:relative; padding:50px 0px 0; padding-top:50px; border-top:1px solid #efe7e7; font-size:19px;}
.s_box03 .s03_wrap .box .right .txt span {display:block; font-size:24px; position:absolute; left:0; top:52px; display:none;}


.s_box03 .s03_wrap .box.type2 {padding-top:60px;}



.s_box_bg {overflow:hidden; position:relative; height:200px;margin-bottom:-200px; }
.s_box_bg:before {content:''; display:block; width:140%; height:700px; border-radius:0 0 100% 100%; background:#fff; position:absolute; left:-20%; top:-560px; z-index:2; }

.s_box04 { position:relative; padding:300px 0 160px; background:#866c5d url(../images/content/s4_bg.png) no-repeat center bottom; background-attachment: fixed; color:#fff; text-align:center;}
.s_box04 h2 {font-size:62px; margin-bottom:30px;}
.s_box04 .txt {font-size:20px; opacity:.8;}

.s_box04 h4 {font-size:42px; margin:60px 0 30px;}
.s_box04 .c2_box {display:flex; justify-content: center; gap:20px; padding-bottom:20px;}
.s_box04 .c2_box div {width:30%; border:2px solid rgba(255,255,255,0.2); padding:40px;}
.s_box04 .c2_box div strong {display:block; font-size:22px; margin-bottom:12px;}

.s_box04 .line {position:relative; width:1px; height:100px; background:#c0b2ab; margin:40px auto;}
.s_box04 .line:before {content:''; display:block; width:11px; height:11px; border-radius:15px; background:#866c5d; border:3px solid #fff; position:absolute; left:-8px; top:10px;animation:l001 2s ease-in-out infinite; opacity:0; }
.s_box04 h3 {font-size:48px;  margin:0px 0 80px;}
.s_box04 .box {height:170vh;}
.s_box04 .box .box_st {max-width:1480px; margin:0 auto; position:sticky; top:130px;}
.s_box04 .box .box_st ul {display:flex; justify-content:center; }
.s_box04 .box .box_st ul li {width:23%; margin:0 1%; background:#efe7e5; border-radius:20px; color:#000; position:relative; padding:70px 30px 90px; opacity:.5;}
.s_box04 .box .box_st ul li i {font-size:62px; color:#745645; margin-bottom:30px;}
.s_box04 .box .box_st ul li em {position:absolute; left:50%; top:-40px; margin-left:-40px; width:80px; height:80px; background:#333; color:#ddd; font-weight:bold; font-size:20px; text-align:center; line-height:80px; border-radius:100px;}
.s_box04 .box .box_st ul li strong {font-size:26px; display:block; margin-bottom:20px;}
.s_box04 .box .box_st ul li strong:after {content:''; display:block; width:30px; height:1px; margin:17px auto 0; background:#745645;opacity:.3;}
.s_box04 .box .box_st ul li span { color:rgba(0,0,0,0.8); font-size:19px;}
.s_box04 .txt2 {font-size:24px; margin-top:100px; opacity:.8;}


.s_box04.type2 {background-image:url(../images/content/s4_bg2.png);}
.s_box04.type3 {background-image:url(../images/content/s4_bg3.png);}
.s_box04.type4 {background-image:url(../images/content/s4_bg4.png);}


.s_qna {padding:160px 0 190px;}
.s_qna .inr {max-width:1480px; margin:0 auto;}
.s_qna .inr h2 {font-size:52px; margin-bottom:40px;}
.s_qna .inr ul {border-top:2px solid #000; border-bottom:2px solid #000;}
.s_qna .inr li {margin-bottom:-1px;}
.s_qna .inr li button {display:block; background:none; width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; height:110px; display:flex; align-items: center; font-size:20px; padding-left:100px; position:relative; transition: 0.3s; text-align:left;}
.s_qna .inr li button i {display:block; width:60px; height:60px; background:#000; line-height:60px; text-align:center; border-radius:60px; position:absolute; left:20px; top:50%; margin-top:-30px; color:#fff; transition: 0.3s;}
.s_qna .inr li button:after {content:''; display:block; width:60px; height:60px; position:absolute; right:10px; top:50%; margin-top:-30px;  color:#d2d2d2; line-height:60px; text-align:center; background:url(../images/content/arrow.png) no-repeat center center; opacity:.1; background-size:18px; transition: 0.3s;}
.s_qna .inr li button.on:after {transform: rotate(180deg); opacity:.4;}
.s_qna .inr li button.on {color:#745645;}
.s_qna .inr li button.on i {background:#745645;} 
.s_qna .inr li div {padding:40px 100px; background:#f2f2f2; display:none; position:relative;}
.s_qna .inr li div i {positon:absolute; opacity:0; font-size:0; left:0; top:0; display:block;}

.s_qna.type2 {padding-bottom:80px;}


.s_ex {background:#efeae8; padding:150px 0 170px; overflow:hidden;}
.s_ex .inr {max-width:1340px; margin:0 auto;}
.s_ex .inr h2 {font-size:42px; text-align:center; line-height:1.3; margin-bottom:70px;}
.s_ex .inr h2 strong {font-size:62px; display:block; color:#745645;}
.s_ex .inr li {display:flex; background:#fff; padding:40px 50px; border-radius:20px;  align-items: center; gap:50px;}
.s_ex .inr li + li {margin-top:30px;}
.s_ex .inr li img {width:130px; filter:brightness(1.3);}
.s_ex .inr li h3 {font-size:24px;}
.s_ex .inr li p {margin-bottom:6px; font-size:20px;}




/* 공통 */
.max1400{width:95%; max-width:1400px; margin:0 auto;}

.tab_dg, .tab_dg02{display:flex; flex-wrap:wrap; margin:0 -1%;}
.tab_dg li{flex:1; margin:0 1%;}
.tab_dg li a{display:block; padding:20px 0; text-align:center; color:#333; font-size:20px; font-weight:500; background:#f3f3f3;}

.tab_dg02 li{flex:1; margin:0 1%; padding:20px 0; text-align:center; color:#333; font-size:20px; font-weight:500; background:#f3f3f3; cursor:pointer;}

.tab_dg02 li.on{color:#fff; background:#00a1de;}
.tab_dg li.on a{color:#fff; background:#00a1de;}

.tab_menu_box {display:none;}
.tab_menu_box02{display:none;}


.mb_10{margin-bottom:10px !important;}
.mb_15{margin-bottom:15px !important;}
.mb_30{margin-bottom:30px !important;}
.mb_50{margin-bottom:50px !important;}
.mb_80{margin-bottom:80px !important;}


.main_title{position:relative; padding-left:23px; line-height:140%; font-size:28px; font-weight:600; color:#333;}
.main_title::before{content:""; position:absolute; left:0; top:0; width:15px; height:15px; border:5px solid #00a1de; border-radius:50%;}

.sub_title{position:relative; padding-left:20px; line-height:120%; font-size:23px; color:#00a1de; font-weight:600;}
.sub_title::before{content:""; position:absolute; left:0; top:15px; width:12px; height:2px; background:#00a1de;}


.list_box li{position:relative; margin-top:15px; padding-left:15px; line-height:140%; font-size:17px; word-break:keep-all;}
.list_box li::before{content:""; position:absolute; left:0; top:10px; width:5px; height:5px; border-radius:50%; background:#333;}
.list_box li:first-child{margin-top:0;}
.list_box li span.block_skin{margin-right:10px;}


.gray_box{padding:30px; line-height:120%; word-break:keep-all; font-size:17px; font-weight:400; color:#333; background:#f3f3f3;}

.nlist_box{margin:0; padding-left:15px;}
.nlist_box li{margin-top:15px; line-height:140%; font-size:17px;}
.nlist_box li:first-child{margin-top:0;}

.line_box{padding:20px; border:1px solid #ddd; border-radius:5px;}

.block_box{font-size:17px; word-break:keep-all;}

/*버튼*/
.down_btn{display:inline-block; padding:5px 15px; line-height:100%; font-weight:500; color:#fff; background:#00a1de; border-radius:20px;}


.table_from01{width:100%; border-top:2px solid #333; border-bottom:1px solid #ddd; border-callapse:separate; border-spacing:0;}
.table_from01 thead tr th{padding:20px; font-size:17px; border-left:1px solid #ddd; background:#f3f3f3;}
.table_from01 thead tr th:first-child{border-left:0;}
.table_from01 tbody tr th{padding:20px; font-size:17px; font-weight:500; color:#333; text-align:center; background:#f3f3f3; border-top:1px solid #ddd;}
.table_from01 tbody tr td{padding:20px; font-size:17px; font-weight:500; color:#333; border-left:1px solid #ddd; border-top:1px solid #ddd;}
.table_from01 tbody tr td:first-child{border-left:0;}


.table_from02{width:100%; min-width:640px; border-top:2px solid #333; border-bottom:1px solid #ddd; border-callapse:separate; border-spacing:0;}
.table_from02 thead tr th{padding:20px; font-size:17px; border-right:1px solid #ddd; border-top:1px solid #ddd; background:#f3f3f3;}
.table_from02 thead tr th:last-child{border-right:0;}
.table_from02 tbody tr th{padding:20px; font-size:17px; font-weight:500; color:#333; text-align:center; background:#f3f3f3; border-top:1px solid #ddd;}
.table_from02 tbody tr td{padding:20px; font-size:17px; font-weight:500; color:#333; border-right:1px solid #ddd; border-top:1px solid #ddd;}
.table_from02 tbody tr td:last-child{border-right:0;}

.font_s15{font-size:15px !important;}

.red_color{color:#f13737;}

.img_100 img{width:100%; max-width:100%;}





/* 메뉴 */
.menu {clear: both;}
.menu * {box-sizing: border-box;}
.menu .wrap {position: relative; width:60%; margin: 0 auto; box-sizing: border-box; max-width:1200px;}
.menu ul,.menu li {list-style: none;margin: 0;padding: 0;}
.menu a,.menu a:hover,.menu a:link,.menu a:active {text-decoration: none; color: inherit;}
.lnb {position: relative;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#193968', endColorstr='#00acd4')";}
.lnb .lnb_depth1{width: 100%;}
.lnb .lnb_depth1 >li{display: inline-block;width:20%;text-align: center; font-size:17px; letter-spacing:-0.5pt}
.lnb .lnb_depth1 >li a{padding:30px 0 50px;display: inline-block;color: #393939 }
.lnb .lnb_depth1 >li a:hover {color: #45688f;}
.lnb .lnb_depth2 {display:none;position: absolute;top:100px;z-index:100;left: 0;width: 100%;background: #fff;border-bottom: 1px solid #ddd;font-size: 1em;}
.lnb:hover .lnb_depth2{display: block;}
.lnb .lnb_depth2 .wrap >ul {display: block;height:200px;}
.lnb .lnb_depth2 .wrap >ul >li {display: inline-block;text-align: center;width:20%;line-height: 2em;border-left: 1px dotted #ddd;padding:0;box-sizing: border-box;-ms-filter: "box-sizing:border-box";float: left;height: 100%}
.lnb .lnb_depth2 .wrap >ul >li:first-child {border-left:0;}
.lnb .lnb_depth2 .wrap >ul >li ul li a {padding: 3px 0;display: block;box-sizing: border-box;-ms-filter: "box-sizing:border-box";}
.lnb .lnb_depth2 .wrap >ul >li a:hover {background: #689cd4;color: #fff;}
.lnb .lnb_depth2 .wrap #gnb_1dul .gnb_1dli .gnb_2dul .gnb_2dli{position: relative;}
.lnb .lnb_depth2 .wrap #gnb_1dul .gnb_1dli .gnb_2dul .gnb_2dli .gnb_3dul{display: none;position: absolute;top:-1px;left:199px;width:100%;background-color: #fff;z-index: 9999;border: 1px solid #ddd;}
.lnb .lnb_depth2 .wrap #gnb_1dul .gnb_1dli .gnb_2dul .gnb_2dli:hover .gnb_3dul{display: block;}
.lnb .lnb_depth2 .wrap #gnb_1dul .gnb_1dli .gnb_2dul .gnb_2dli .gnb_3dul .gnb_3dli:hover{background-color: #689cd4;color: #fff;}



.sub_menu_box p a i{vertical-align:middle;}


.tbl_wrap {width:100%; overflow:auto;}

.conTit2 span {font-size:20px; margin-left:10px;}
.img_wrap {border:1px solid #e2e2e2; text-align:center;}
.img_wrap img {max-width:500px; width:100%;}

.img_wrap2 {border:1px solid #e2e2e2; text-align:center; padding:30px 10px; margin-top:30px;}
.img_wrap2 img {max-width:1000px; width:100%;}





.gal_list{display: flex; flex-wrap: wrap;  margin:0 -10px;}
.gal_list .box{   width: calc(33.3333% - 20px); margin:0 10px 30px; border:1px solid #e2e2e2;   position: relative;    overflow: hidden;}
.gal_list .box .img {height:240px; overflow:hidden;}
.gal_list .box .img_w100{ width:100%; height:100%; object-fit: cover;}
.gal_list .box .txt_g {padding:30px 30px 0; position: relative; }
.gal_list .box a .top_d{  position: absolute; width: 80px; height: 42px; border:1px solid #009cf5; color:#009cf5; background:#fff; top: 15px; left: 15px;  z-index: 10;  font-size: 16px; text-align: center; font-weight:500; line-height: 42px;  box-sizing: border-box; transition: 0.3s;}
.gal_list .box a .top_d.topend { border-color:#666; color:#666;}
.gal_list .box .txt_g .info_tit{ color:#009cf5;}
.gal_list .box .txt_g .tit{ font-weight: 600; font-size: 20px; margin: 10px 0; line-height:1.3; height:2.6em;    overflow: hidden; max-width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    }
.gal_list .box .txt_g .state_date {display:flex; flex-wrap:wrap; gap:10px; align-items: center;}
.gal_list .box .txt_g .state_date span{ color:#fff; border:1px solid #009cf5; background:#009cf5; border-radius:3px; font-size:16px; font-weight:500; padding: 5px 15px;}
.gal_list .box .txt_g .state_date span.topend { color:#fff; border-color:#999; background:#999;}
.gal_list .box .txt_g .progress_w{display: flex; align-items: center;  gap:5px; margin: 30px -30px 0; padding:20px 30px; background:#fafafa; justify-content: space-between; border-top:1px solid #e2e2e2;}
.gal_list .box .txt_g .progress_bar{display: flex;    align-items: center; gap:10px;   width: 65%;  display:none; }
.gal_list .box .txt_g .progress_w .d_day{color: #ff0000; font-weight: 600; width: 15% ; font-size:15px;}
.gal_list .box .txt_g .progress_w progress {     z-index: 1;    display: inline-block;    height: 3px !important;    width: 100%;/*background: #009cf5;*/}
.gal_list .box .txt_g .progress_w .person{   display: flex; justify-content: flex-end; font-size:15px;}
.gal_list .box .txt_g .progress_w .person span {font-size:15px;}
.gal_list .box .txt_g .progress_w .person .person_ing{color: #1562aa; font-weight: 600; justify-content: flex-end; }


/**호버 바로사라지게**/
.gal_list .box .hov_g { display: none !important;      position: absolute;    top: 0; left: 0;    width: 100%; height: 100%;    background: rgba(0,0,0,0.75);
    color: #fff;    justify-content: center;    align-items: center;    padding: 20px;    text-align: center;    z-index: 10;    opacity: 0;    transition: 0.5s ease;  }

.gal_list  .box:hover .hov_g {    opacity: 1;  display: flex;    align-items: center;    justify-content: center;    flex-direction: column;
    text-align: center;    color: #fff;    word-break: keep-all;  }


.gal_list .box .hov_g a{color: #fff}
.gal_list .box .hov_g a .info_tit {background: var(--theme-color);  padding: 10px 20px; border-radius: 50px; display: inline-block; }
.gal_list .box .hov_g a .tit{ font-size: 20px; font-weight: 600; font-size: 20px;  margin: 15px 0; }

.gal_list .box .hov_g a .state_date span{background: var(--theme-color); padding: 5px 15px; margin-right: 10px;}
.gal_list .box .hov_g a .person {border: 1px solid #fff;  padding: 5px 20px; border-radius: 50px; margin-top: 30px; color: #000; font-weight: 600;
  background: #fff; display: inline-block;}

.gal_list .box .hov_g a .person .person_ing{color: #ff0000; }

.gal_list .box:hover .hov_g {    display: flex;      opacity: 1;    }






/*공유하기 팝업 */
.popup-overlay {display: none;   position: fixed; top: 0;  left: 0;width: 100%;    height: 100%;   background: rgba(0, 0, 0, 0.5);   justify-content: center;
            align-items: center;     z-index: 9999;         }
.popup-content { background: #fff;    padding: 20px;    width: 600px;    border-radius: 8px; text-align: center;     position: relative;  margin: 0 auto;  top: 300px; }
.popup-content h2 { margin-bottom: 20px; }
.popup-content .close-btn { background-color: #ff4d4d;   color: #fff;   padding: 5px 10px;  border: none;       border-radius: 5px;}
.popup-content .share-buttons { margin-top: 20px; margin: 20px 0;    display: flex;    align-items: center;    justify-content: center;        }
.popup-content .share-buttons a {  display: inline-block;            margin: 5px;            padding: 10px;       color: #fff;  text-decoration: none; border-radius: 5px; }


#sharePopup,
#sharePopup2 {   display: none;     position: fixed;    top: 0; left: 0;    width: 100%; height: 100%;    background: rgba(0, 0, 0, 0.5);    z-index: 999999999999999999;}

.popup-overlay2 {display: none;    position: fixed;  top: 0;  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5); 
  justify-content: center;
  align-items: center;
  z-index: 999999999999999999;}
.popup-content2 { background: #fff;  padding: 40px;  border-radius: 10px;
  max-width: 1000px;  width: 96%;  box-shadow: 0 0 10px rgba(0,0,0,0.3);}

.popup-content2 .conTit3 { margin-bottom:0px;  }
.popup-content2 .button_wrap {margin-top:30px;}





.gal_view {display:flex; justify-content: space-between;}
.gal_view .g_right {order:2; width:32%;}
.gal_view .g_right .gr_wrap {position:sticky; top:130px; border:4px solid #eff3f8; padding:35px 30px 40px; box-shadow:15px 15px 15px rgba(0,0,0,0.02); border-radius:10px;}
.gal_view .g_right .gr_wrap .tit {font-size:20px; word-break: keep-all;}
.gal_view .g_right .gr_wrap .tit_w p {font-size:16px; margin:12px 0 26px; color:#666;}
.gal_view .g_right .gr_wrap .user {border-top:1px solid #e2e2e2; padding-top:20px;}
.gal_view .g_right .gr_wrap .user li { padding:0 0 10px 110px; position:relative;}
.gal_view .g_right .gr_wrap .user li > span {font-size:17px; color:#111;}
.gal_view .g_right .gr_wrap .user li label {position:absolute; left:0; top:0px; display:flex; align-items: center; font-size:17px; color:#748193;}
.gal_view .g_right .gr_wrap .user li label span {font-size:20px; margin-right:5px; position:relative; top:-1px; color:#748193;}
.gal_view .g_right .gr_wrap .right .check_w {display:none;}
.gal_view .g_right .gr_wrap .right ul {padding-top:20px; margin-top:12px; border-top:1px solid #e2e2e2; margin-bottom:20px;}
.gal_view .g_right .gr_wrap .right ul li {position:relative; font-size:17px; padding:5px 0 15px 40px; letter-spacing: -0.06em;}
.gal_view .g_right .gr_wrap .right ul li .material-symbols-outlined {display:block; width:30px; height:30px; border-radius:30px; background:#000; color:#fff; display:flex; justify-content: center; align-items: center; text-align:center; font-size:16px; position:absolute; left:0; top:0;}
.gal_view .g_right .gr_wrap .right ul li .fc01 , .gal_view .g_right .gr_wrap .right ul li .fc03 {font-size:17px;}
.gal_view .g_left {order:1; width:62%;}
.gal_view .g_left .gal_viwe_top .tit {font-size:30px; margin-bottom:30px;}
.gal_view .g_left .gal_viwe_top img {width:100%;}

.gal_view .g_left .tit_info { margin:50px 0;}
.gal_view .g_left .tit_info h2 {color:#002f9c;}
.gal_view .g_left .tit_info .txt {display:flex; justify-content: space-between; margin-top:20px;}
.gal_view .g_left .tit_info .txt p {width:32%; padding:30px 20px; border:1px solid #e2e2e2; display:flex; align-items: center; gap:10px;}
.gal_view .g_left .tit_info .txt p span {color:#ff6400;}


/*버튼*/
.thema_submit {background:#002f9c; color: #fff;  width:100%; border-radius:6px;  display:block;     height: 60px;   
    text-align: center;      vertical-align: middle;font-weight: bold;}
.thema_submit2 {  background:#000;  color: #fff;  width: 50%;  display: block;        height: 45px; 
  text-align: center;  font-size: 0.93rem;  font-weight: bold;  border: 0;  margin: 0 auto;  }







.status { position: relative;     background: rgba(0, 0, 0, 0.5);  text-align: center;  overflow: hidden;     }
.status p {  margin: 4px 0;}
.status .closed {  font-weight: bold;  background: none; color: #fff;  text-shadow: -1px -1px 0 #222, 1px -1px 0 #222, -1px 1px 0 #222, 1px 1px 0 #222;}
.closed {  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);   font-weight: bold; font-size: 18px;
  text-shadow: -1px -1px 0 #222, 1px -1px 0 #222,
               -1px 1px 0 #222, 1px 1px 0 #222;}

.content_w{border-bottom: 1px solid #dfe4eb;     border-top: 3px solid #002f9c;    margin-bottom: 50px; padding: 30px 0; line-height: 1.3;    font-size: 17px}
.status_ok{position: relative;    text-align: center;  overflow: hidden;   }
.awaiter{font-size: 13px;
    color: #555;}










/* 상단 정보 및 검색 영역 */
.mypage-top-bar {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;flex-wrap: wrap;gap: 10px;}

.mypage-total-cnt {font-size: 15px;color: #555;}
.mypage-total-cnt strong {color: #2b6cae;}

.mypage-search-form {display: flex;gap: 5px;}
.mypage-search-form input[type="text"] {padding: 8px 12px;border: 1px solid #ccc;border-radius: 4px;font-size: 14px;outline: none;width: 200px;}
.mypage-search-form input[type="text"]:focus {border-color: #2b6cae;}
.mypage-search-form .btn-search {background-color: #2b6cae;color: #fff;border: none;padding: 8px 16px;border-radius: 4px;cursor: pointer;font-size: 14px;transition: background 0.2s;}
.mypage-search-form .btn-search:hover {background-color: #1d5289;}
/* 테이블 커스텀 스타일 */


.mypage-table th {background-color: #f8f9fa;color: #333;font-weight: 600;padding: 14px 10px;border-bottom: 1px solid #e2e8f0;font-size: 15px;}
.mypage-table td {padding: 16px 10px;border-bottom: 1px solid #eee;color: #444;font-size: 14px;vertical-align: middle;}
.mypage-table td.title-col {text-align: left;font-weight: 500;}

/* 상태 표시 배지 디자인 */
.badge-attend {display: inline-block;padding: 4px 15px;border-radius: 52px;font-size: 14px;font-weight: 600;background-color: #e8f3ff;color: #2b6cae;}
.badge-absent {display: inline-block;padding: 4px 15px;border-radius: 52px;font-size: 14px;font-weight: 500;background-color: #f1f3f5;color: #868e96;}
.text-candidate {color: #d9534f;font-size: 12px;display: block;margin-top: 2px;}

/* Empty 테이블 */
.mypage-table td.empty-td {padding: 50px 0;color: #888;}




/* job_recruit_list 전용 스타일 보정 */
.job_tbl_wrap .list_head_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.job_tbl_wrap .list_head_box .conTit2 {
    margin-bottom: 0;
    border: none;
    padding: 0;
}

/* 상단 신규등록 버튼 스타일 보정 */




/* 관리 버튼(수정/삭제) 강제 보정 */
.job_tbl_wrap .btn_mgmt_wrap {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: center;
    justify-content: center;
}

/* 수정 버튼 스타일 강제 적용 */
.job_tbl_wrap .btn_mgmt_wrap .btn_edit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 55px !important;
    height: 30px !important;
    background-color: #6c757d !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    border: none !important;
}

/* 삭제 버튼 스타일 강제 적용 */
.job_tbl_wrap .btn_mgmt_wrap .btn_del {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 55px !important;
    height: 30px !important;
    background-color: #ff5722 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    border: none !important;
}

@media (max-width: 1700px){
    #tab04 .inr {margin:0 30px;}  
    
    
    #tab05 .inr {margin:0 30px; padding:0;}
    
}

@media (max-width: 1500px){
    
 

    #tab01 .box02 > ul {padding:0 30px; gap:20px;}
    #tab01 .box02 > ul > li ul {padding:40px 0 0;}
    
    
    #tab02 .inr {margin:0 30px;}
    #tab02 .inr ul li { width:24%;}
    #tab02 .inr ul li a {width:auto; height:auto; padding-bottom:60px;}
    
    #tab03 .inr {margin:0 30px;}
    
    
    
    
}







 @media (max-width: 1280px){
 
     
     
     #tab01 .box01 {padding-top:100px; margin-top:-100px;}
     #tab01 .box02 > ul {flex-wrap:wrap; gap:0;}
     #tab01 .box02 > ul > li {width:calc(50% - 30px); margin:0 15px 40px;}
     
     
     
     #tab05 h2 {font-size:42px;}
     #tab05 .left p {font-size:19px;}
     #tab05 ul {width:calc(100% - 190px); gap:14px;}
     #tab05 ul li {padding:30px; border-radius:15px;}
     #tab05 ul li span {font-size:28px;}
     
     .s_box03 .s03_tab li a {width:120px; height:54px;}
     .s_box03 .s03_tab.active { top:70px; flex-wrap:nowrap;}
     .s_box03 .s03_tab.active li  {width:100%;}
     .s_box03 .s03_tab.active li a {width:auto; height:48px;}
     
     .s_box03 .s03_wrap .box {padding-top:140px; margin:0 20px;}
     .s_box03 .s03_wrap .box .left {width:240px;}
     .s_box03 .s03_wrap .box .left img {border-radius:20px; position:initial;}
     .s_box03 .s03_wrap .box .right {width:calc(100% - 220px); padding-left:60px;}
     .s_box03 .s03_wrap .box .right .hTit0 {font-size:36px;}
     .s_box03 .s03_wrap .box .right .hTit1 {font-size:28px; line-height:1.3;}
     
     .s_box_bg {height:100px; margin-bottom:-100px;}
     .s_box_bg:before {height:200px; top:-100px;}
     .s_box01 { padding:0 20px 0;}
     .s_box01 h2 {font-size:48px;}
     .s_box01 h2 strong {font-size:48px;}
     .s_box01 p {font-size:20px; margin-top:20px;}
     .s_box01 ul {padding:0 40px; gap:30px;}
     .s_box01 ul li {width:120px; height:120px; }
     
     .s_box02 {padding:180px 20px 100px;}
     .s_box02 .inr h2 {font-size:48px;}
     
     .s_box03 h2 , .s_box03 h2 strong {font-size:48px;}
     
     
     .s_box04 {padding:220px 20px 130px;}
     .s_box04 h2 {font-size:48px;}
     .s_box04 h3 {font-size:34px;}
     .s_box04 .txt2 {font-size:20px; margin-top:70px;}
     .s_box04 .box .box_st {top:100px;}
     .s_box04 .box .box_st ul li {padding:60px 20px;}
     .s_box04 .box .box_st ul li i {font-size:42px; margin-bottom:20px;}
     
     .s_box04 .txt br {display:none;}
     
     
     
     .s_qna {padding:120px 30px;}
     .s_qna .inr h2 {font-size:48px;}
     
     
     .s_ex {padding:120px 30px;}
     .s_ex .inr h2 {font-size:32px;}
     .s_ex .inr h2 strong {font-size:48px;}
     
     
     
     
     
 }



 @media (max-width: 1023px){
 
	
     #tab01 .box01 h2 {font-size:48px;}
     #tab01 .box01 h2:after {margin:25px auto;}
     #tab01 .box02 h2 {font-size:48px;}
     #tab01 .box02 .bg {font-size:130px; bottom:-19px;}
     #tab04 .nav {display:none;}
     #tab04 .top h2 , #tab04 .top h2 span {font-size:48px;}
     
     #tab02 .inr h2 em {font-size:18px;}
     #tab02 .inr h2 span {font-size:48px;}
     #tab02 {height:auto; padding-bottom:150px; background:#eae6e3;}
     #tab02 .inr ul li a:before {background-color:#fff; width:50px; height:50px; background-size:14px; bottom:-25px; margin-left:-25px; }
     #tab03 .inr h2 {font-size:48px;}
     
     
     .s_box01 h2 , .s_box01 h2 strong {font-size:38px;}
     .s_box01 .line {margin:20px auto;}
     
     .s_box01 h3 {font-size:30px;}
     
     
     .s_box03 .s03_wrap .box {display:block; padding-top:60px;}
     .s_box03 .s03_wrap .box .right {width:auto; padding:50px 0 0;}
     
     #tab05 {padding:120px 0;}
     #tab05:before {background-size:60% auto;}
     #tab05 .inr {display:block;}
     #tab05 .inr ul {width:auto; margin-top:30px;}
 }



 @media (max-width: 767px){

     #tab01 .box01 {padding:80px 0 140px; margin-top:-80px;}
     #tab01 .box01 h2 {font-size:34px;}
     #tab01 .box01 h2:after {height:1px; width:32px; margin:17px auto;}
     #tab01 .box01 p {font-size:17px; padding:0 20px; line-height:1.6; margin-bottom:12px;}
     #tab01 .box01 p br {display:none;}
     #tab01 .box01 .bg {transform: none !important; height:50vw;}
     #tab01 .box01 .bg2 {height:40vw;}
     #tab01 .pic01 img {width:220px; margin-left:-110px; top:-110px;}
     
     
     #tab01 .box02 {padding:150px 0 100px;}
     #tab01 .box02 h2 {font-size:34px; margin-bottom:25px;}
     #tab01 .box02 > ul { padding:0 20px; display:block;}
     #tab01 .box02 > ul > li {width:auto; margin:0 0 30px;}
     #tab01 .box02 > ul > li h3 {font-size:20px; height:60px;}
     #tab01 .box02 > ul > li ul {padding:20px 0 0 15px;}
     #tab01 .box02 > ul > li ul li {font-size:17px;}
     #tab01 .box02 .bg {font-size:90px; bottom:-13px; left:80%;}
     #tab01 .box02 .bg2 {background-size:150% auto; transform: none !important;}
     
     
     #tab04 {padding:100px 0 130px;}
     #tab04 .inr {margin:0 20px;}
     #tab04 .top h3 {font-size:17px;}
     #tab04 .top h2, #tab04 .top h2 span {font-size:34px; line-height:1.3;}
     #tab04 .top p {font-size:17px; margin-bottom:30px;}
     #tab04 .slide_wrap {width:180vw;}
     #tab04 .box div h3 {font-size:19px; margin:20px 0 9px;}
     #tab04 .box div h3 span {font-size:19px;}
     #tab04 .box div p {font-size:17px;}
     #tab04 .swiper-pagination {bottom:-30px !important;}
     #tab04 .bg {font-size:90px; bottom:-13px; left:-200%;}
     
     
     #tab02 {padding:100px 0 50px;}
     #tab02 .inr {margin:0 20px;}
     #tab02 .inr h2 {margin-bottom:30px;}
     #tab02 .inr h2 span {font-size:34px;}
     #tab02 .inr h2 em {font-size:17px; top:1px;}
     
     #tab02 .inr ul {flex-wrap:wrap;}
     #tab02 .inr ul li {width:calc(50% - 6px); margin-bottom:40px; background:#745645; border-radius:10px; position:relative;}
     #tab02 .inr ul li img {width:100%;}
     #tab02 .inr ul li a {padding-bottom:40px; position:initial;}
     #tab02 .inr ul li a strong {padding:26px 0 6px; font-size:18px;}
     #tab02 .inr ul li a span {font-size:17px; margin:0 10px; display:block; line-height:1.3;}
     
     #tab03 {background:none; padding:100px 0;}
     #tab03 .inr {margin:0 20px;}
     #tab03 .inr h3 {font-size:17px;}
     #tab03 .inr h2 {font-size:34px; margin-bottom:30px;}
     #tab03 .inr .map {border-radius:10px;}
     #tab03 .root_daum_roughmap .wrap_map {height:70vw !important;}
     #tab03 p {display:block; margin:30px 0 0 ;}
     #tab03 p span {display:block;}
     #tab03 p em {display:block; overflow:hidden; text-indent:-999px; display:none;}
     
     
     
     #tab05 {padding:100px 0;}
     #tab05 h3 {font-size:17px;}
     #tab05 h2 {font-size:34px;}
     #tab05 .inr {margin:0 20px;}
     #tab05 .inr ul { display:block;}
     #tab05 .inr ul li { width:auto; padding:24px 24px 18px; border-radius:10px; backdrop-filter:blur(4px);}
     #tab05 .inr ul li:last-child {padding-bottom:22px;}
     #tab05 .inr ul li + li {margin-top:16px;}
     #tab05 .inr ul li strong {font-size:18px;}
     #tab05 .inr ul li span {font-size:22px;}
     
     .s_box01 h2 {padding:0 10px; }
     .s_box01 h2 br {display:none;}
     .s_box01 h2, .s_box01 h2 strong {font-size:28px;}
     .s_box01 p {font-size:18px;}
     .s_box01 ul {padding:0; gap:16px;}
     .s_box01 ul li {width:100px; height:100px; }
     
     .s_box02 {padding:150px 20px 80px;}
     .s_box02 .inr h2 {font-size:28px; margin-bottom:25px;}
     .s_box02 .inr h2.type2 {font-size:28px; padding:0 20px;}
     .s_box02 .inr h2.type2 br {display:none;}
     .s_box02 .inr p {font-size:17px;}
     .s_box02 .inr p + p { margin-top:15px;}
     .s_box02 .inr p br {display:none;}
     
     .s_box03 {padding:70px 0px;}
     .s_box03 h2 {margin-bottom:30px;}
     .s_box03 h2 , .s_box03 h2 strong {font-size:28px;}
     
     .s_box03 .s03_tab li a {width:100px; margin:0 6px 12px; height:40px; font-size:17px;}
     .s_box03 .s03_tab.active {top:60px;}
     .s_box03 .s03_tab.active li a {font-size:14px; height:40px;}
     .s_box03 .s03_wrap .box {margin:0 20px;}
     .s_box03 .s03_wrap .box .left {width:100%; height:40vw; overflow:hidden; border-radius:10px;}
     .s_box03 .s03_wrap .box .left img {width:100%; height:100%; border-radius:0; object-fit: cover; position:initial;}
     .s_box03 .s03_wrap .box .right {padding-top:35px;}
     .s_box03 .s03_wrap .box .right .hTit0 {font-size:28px; margin:0 0 25px;}
     .s_box03 .s03_wrap .box .right .l_box {padding:20px; margin-bottom:30px;}
     .s_box03 .s03_wrap .box .right .l_box li {font-size:17px; padding-left:10px;}
     .s_box03 .s03_wrap .box .right .l_box li strong {font-size:17px;}
     .s_box03 .s03_wrap .box .right .l_box li:before {width:4px; height:4px;}
     .s_box03 .s03_wrap .box .right .hTit1 {font-size:22px; margin-bottom:20px;}
     .s_box03 .s03_wrap .box .right .type_box {margin:0 -10px 10px 0;}
     .s_box03 .s03_wrap .box .right .type_box li {width:calc(33.3333% - 10px); font-size:16px; height:70px; line-height:1.3;}
     .s_box03 .s03_wrap .box .right .txt {font-size:17px; padding-top:20px; margin-top:0px;}
     
     .s_box03 + .s_box_bg {display:none;}
     .s_box04 {padding:80px 20px; background-size:cover;}
     .s_box04 h2 {font-size:34px; margin-bottom:16px;}
     .s_box04 .txt {font-size:17px;}
     .s_box04 .box {height:auto;}
     .s_box04 h3 {font-size:28px; margin-bottom:30px;}
     .s_box04 h4 {font-size:28px; margin-bottom:30px;}
     .s_box04 .c2_box {display:block;}
     .s_box04 .c2_box div {width:auto; padding:20px; font-size:17px;}
     .s_box04 .c2_box div + div {margin-top:20px;}
     .s_box04 .c2_box div strong {font-size:20px;}

     .s_box04 .box .box_st ul {flex-wrap:wrap; margin:0 -1.5%;}
     .s_box04 .box .box_st ul li {width:47%; margin:0 1.5%; opacity:1 !important; padding:40px 12px; margin-bottom:40px;}
     .s_box04 .box .box_st ul li em {width:50px; height:50px; line-height:50px;  margin-left:-25px; top:-25px; font-size:15px;}
     .s_box04 .box .box_st ul li i {margin-bottom:10px;}
     .s_box04 .box .box_st ul li strong {font-size:20px;}
     .s_box04 .box .box_st ul li strong:after {margin:10px auto 6px; }
     .s_box04 .box .box_st ul li span {font-size:17px; line-height:1.3; display:block;}
     
     .s_box04 .txt2 {font-size:17px; margin-top:10px;}
     
     .s_qna {padding:70px 20px;}
     .s_qna .inr h2 {font-size:28px; margin-bottom:20px;}
     .s_qna .inr li button {padding-left:52px; font-size:17px; height:80px;}
     .s_qna .inr li button i {width:40px; height:40px; line-height:40px; left:0; margin-top:-20px;}
     .s_qna .inr li div {font-size:16px; padding:20px;}
     .s_qna .inr li button:after {display:none;}
     .s_qna.type2 {padding-bottom:0;}
     
     .s_ex {padding:70px 20px; margin-bottom:-80px;}
     .s_ex .inr h2 {font-size:20px; margin-bottom:30px;}
     .s_ex .inr h2 strong {font-size:28px;}
     .s_ex .inr li {display:block; text-align:center; padding:30px 20px 30px;}
     .s_ex .inr li + li {margin-top:15px;}
     .s_ex .inr li img {width:70px; margin-bottom:20px;}
     .s_ex .inr li h3 {font-size:18px;}
     .s_ex .inr li p {font-size:17px; line-height:1.3;}
     
     
}


@media (max-width: 500px){
    .s_box03 .s03_wrap .box .right .type_box li {width:calc(50% - 10px); height:60px; font-size:15px;}
   
}