input[type="submit"], textarea, button { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
#sVisualA {height: 300px;position:relative;text-align:center;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;}
.svbg1 {background:url(/img/sub_bg1.jpg) center top no-repeat;}
.svbg2 {background:url(/img/sub_bg1.jpg) center top no-repeat;}
.svbg3 {background:url(/img/sub_bg1.jpg) center top no-repeat;}
.svbg4 {background:url(/img/sub_bg1.jpg) center top no-repeat;}
.svbg5 {background:url(/img/sub_bg1.jpg) center top no-repeat;}
.svbg6 {background:url(/img/sub_bg1.jpg) center top no-repeat;}
.svbg7 {background:url(/img/sub_bg1.jpg) center top no-repeat;}
.svbgc0 {background:url(/img/sub_bg1.jpg) center top no-repeat;}
#sVisualA .svisTxt {font-size: 20px;font-weight: 500;margin: 100px 0 0;}
#sVisualA .svisTxt span {}
#sVisualA .svisTxt p {font-size: 32px;line-height: 100%;margin: 8px 0 0;}

#locationArea {position: absolute;left: 0;bottom: 0;width:100%;margin:0 auto;height: 60px;line-height: 60px;overflow:hidden;}
#locationArea .locaA {display:block;position:relative;width: 100%;height: 100%;background: rgb(255 255 255);}
#locationArea .wrap {width: 1200px;margin: 0 auto;position: relative;background: rgba(0,0,0,.5);}
#locationArea .wrap:after {clear:both; content:''; display:block;}
#locationArea .home{float:left;}
#locationArea .home a{display:block;width: 60px;height: 60px;text-indent:-99999px;background:#fd739b url(/img/location_home.png) center center no-repeat;}
#locationArea .depth1{float:left;border-left:1px solid rgba(0,0,0,0.1);}
#locationArea .depth1 a{display:block;height: 60px;width: 280px;color: rgba(255,255,255,.7);padding: 0px 60px 0px  30px;font-size:15px;background: url(/img/location_arrow.png) right 30px center no-repeat;font-weight: 400;text-align: left;border-right: 1px solid rgba(255,255,255,.4);box-sizing: border-box;}
#locationArea .depth1 a:hover {color:#fff;}
#locationArea .depth2{display:inline-block; float:left;border-left: 1px solid rgba(0,0,0,0.1);border-right: 1px solid rgba(0,0,0,0.1);}
#locationArea .depth2 a{display:block;width: 400px;height: 60px;padding: 0px 0px 0px 30px;color: rgba(255,255,255,.7);font-size:15px;background: url(/img/location_arrow.png) right 30px center no-repeat;font-weight: 400;text-align: left;box-sizing: border-box;border-right: 1px solid rgba(255,255,255,.4);}
#locationArea .depth2 a:hover {color:#fff;}
#locationArea #depth3{display:inline-block; float:left;border-left:none;}
#locationArea #depth3 a{display:block; width:280px; height:60px;padding:0px 0px 0px 20px; color:#fff; font-size:15px;background:url(/img/location_arrow.png) right 15px center no-repeat;}
#locationArea .subMenuDepth2 {border:1px solid #ededed;}
#locationArea:after {display:block;visibility:hidden;clear:both;content:""}
.subMenuDepth {position:absolute;z-index:11;display:none;right:0;width: 400px;background: #d00303;border: 1px solid #ddd;box-sizing: border-box;border-top: 0;}
.subMenuDepth li {list-style:none;}
.subMenuDepth li a {display:block;text-align: left;background:#fff;border-top: #ddd solid 1px;height:44px;line-height:44px;font-size: 16px;font-weight: 400;color: #666;padding: 0px 30px 0 30px;-webkit-transition: .1s ease-in-out;transition: .1s ease-in-out;}
.subMenuDepth li:first-child a {border-top:none;}
.subMenuDepth li a:hover {background: #fd739b;color: #ffffff;}
.subMenuDepth2 {left:682px !important;}
.subMenuDepth4 {width: 280px}

.conTit_tt {font-size: 41px;font-weight: 700;text-align: left;line-height: 100%;position: absolute;left: 0;top: 50%;transform: translate(0, -50%);margin: 42px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box;}
.con_tt {font-size:34px;line-height:100%;font-weight:700;margin: 50px 0 40px;color: #333;letter-spacing: -1px;}

#sideA {position:absolute;left:50%;top: 241px;margin-left:-600px;width:260px;z-index:2;}
#sideA h2{color: #fff;text-align: center;font-size: 26px;font-weight: 700;height: 120px;letter-spacing: -1px;background: #5739ba;word-break: keep-all;}
#sideA h2 p {font-size: 24px;line-height: 100%;font-weight: 500;padding: 51px 0 0;}

#sideA .snb_2dul {display:block;width:260px;}
#sideA li{background:none; list-style-type:none; display:block; overflow:hidden;}
#sideA li .snb_2da{display:block; padding:0px 20px; text-align:left; height:50px; line-height:50px; font-size:16px; letter-spacing:-0.5px; border:solid 1px #e5e5e5; border-top:none;color:#444444 !important; background:#f9f9f9;font-weight: 400;}
#sideA li:first-child .snb_2da {}
#sideA li .snb_2da:hover, #sideA li:first-child .snb_2da:hover {color:#000 !important;}
#sideA .snb_2dli .on, #sideA .snb_2dli a:hover.on{color: #734af7  !important;background:#fff url(/img/sub_arrow.png) calc(100% - 20px) center no-repeat;font-weight: 500;}
#sideA ul.snb_3dul {display:none;}
#sideA li .snb_3da{display:block;  line-height:30px; font-size:13px; letter-spacing:-1px;  color:#505050;}
#sideA li .snb_3da:hover {color:#a6112c;}
#sideA  .on2 { color:#bd0000 !important;}

.wrap2 {width:1200px; margin:0 auto;position:relative;height: 100%;}
#wrapper .wrap {width:1200px; margin:0 auto;}
#container {min-height: 450px;padding: 0 0 100px;}
#container_title {width: 900px;overflow: hidden;position: absolute;left: 50%;bottom: 0;margin-left: -300px;}
#container_title .conTit_tt {text-align: left;}
#container_title .conTit_tt span {font-weight: 500;font-size: 34px;line-height: 100%;color: #fff;letter-spacing: -2px;}
#container_title .right_wrap {overflow:hidden;margin: 16px 0 23px;}
#container_title .right_wrap ul {float:left}
#container_title .right_wrap ul li {float:left;line-height:30px;position:relative;margin-right:20px;}
#container_title .right_wrap ul li:before {content:'';width:20px;height:30px; position:absolute;top:0;right:-20px; background:url(/img/icon_arrow_right.png) no-repeat 50% 50%;}
#container_title .right_wrap ul li:last-child:before {display:none;}

#container_title .right_wrap ul li.home a {background:url(/img/btn_home.png) no-repeat 50% 50%;width:30px;height:30px;text-indent:-9999px;display:block;}

#container_title .right_wrap .btn_print {position: absolute;right: 0;bottom: 23px;border:0;background:none;color:#fff;}
#container_title .right_wrap .btn_print:after {content: '';position: absolute;left: -30px;bottom: -7px;height:30px;width:30px;background:url(/img/icon_print.png) no-repeat 50% 50%;border-radius:15px;text-indent:-9999px;border:0;}
#container_title:after {content: '';display: block;width: 100%;height: 4px;background: url(/img/bg_subbar.png) repeat-x 0 100%; opacity: .2; position: absolute; left: 0; bottom: 0;}


h2#container_title {display:none !important;} 
#container  h4.tit{margin:0; color:#5f82b2; font-weight:normal;  font-size:18px; text-align:left;}

.scontA {overflow:hidden; display:block; line-height:180%;word-break: keep-all;}

#container .tit01{font-size: 22px;color: #333;font-weight: 500;letter-spacing: -1px;margin: 0 0 10px;}
#container .tit01 p {font-size: 26px;font-weight: 700;color: #222;    padding-bottom: 10px;}
#container .tit02{position: relative;padding:20px 80px;background:#f8f8f8;border: 1px solid #d9e2e8;}
#container .tit03{display: inline-block;background:#fd739b;line-height: 100%;padding: 7px 17px;margin: 0 3px;border-radius: 30px;color: #fff;font-size: 0.9em;}
#container .tit04{position: relative;}
#container .tit04 > .titbox {display:block;position:absolute;left:0;top:0;width:1200px;box-sizing:border-box;padding: 50px 0 50px 170px;letter-spacing:-0.5px;background: #7c463d url(/img/tit04.png) 50px center no-repeat;color: #fff;}
#container .tit04 strong {font-weight: 400;font-size: 20px;line-height: 100%;color: rgba(255,255,255,.5);}
#container .tit04 p {font-size: 32px;font-weight: 700;margin: 4px 0 0;}
#container .tit05{display:block; margin:0; font-weight:normal; font-size:18.5px; padding:28px 30px; line-height:170%; letter-spacing:-0.5px; border:1px solid #e5e5e5;  background:#f4f4f4;}
#container .tit06{font-weight: 500;font-size: 20px;line-height: 150%;word-break: keep-all;color: #fd739b;    padding-left:20px;position: relative;}
#container .tit06:before {content: '';position: absolute;display: block;width: 11px;height: 2px;left: 3px;top: 50%;transform: translateY(-50%);background-color: #fd739b}
#container .tit07 {position:relative;margin: 5px 0 5px 44px}
#container .tit07:after {content:'';position:absolute;width: 33px;height: 21px;background: url(/img/tit07.png) no-repeat;background-size: 33px;left: -40px;top: 3px;}
#container .tit08 {position:relative;font-size:32px;font-weight: 500;    color: #fd739b;}
#container .tit08:after {content:'';position:absolute;width: 32px;height: 35px;left: -38px;top: 0;background: url(/img/tit08.png) no-repeat;background-size: 32px;}
#container .tit09 {position:relative;display: inline-block;text-align: left !important;font-size: 19px;font-weight: 500;margin: 0;}
#container .tit09:after {content:'';position:absolute;width: 24px;height: 35px;left: -25px;top: 0;background: url(/img/tit08.png) no-repeat;background-size: 24px;}
#container .tit10{position: relative;font-size: 1.2em;font-weight: 700;color: #222;letter-spacing: -1px;padding: 0 0 0 30px;margin: 0 0 15px;}
#container .tit10:after {content: '';position: absolute;left: 0;top: 3px;width: 25px;height: 21px;background: url(/img/icon1.png) no-repeat;}

.sub4010 .tit05 {position:relative;}
.sub4010 .tit05:after {content:'';position: absolute;left: 0;top: 0;height: 100%;width: 6px;background:#b69570;}
.sub4010 .tit05.afterbg1:after {background:#52b7c1}
.sub4010 .tit05.afterbg2:after {background:#6673cb}
.sub4010 .tit05.afterbg3:after {background:#684439}
.sub4010 .tit05.afterbg4:after {background:#e57d18}
.sub4010 .tit05 strong {font-size: 18px;font-weight: 700;margin: 0 30px 0 0;color: #333;display: inline-block;width: 100%;}
.sub4010 .tit05 span {}


#container .titbox2 {position:relative;display:block;overflow:hidden;border:3px solid #f6f4f7;padding: 17px 25px;}
#container .titbox3 {position:relative;display:block;overflow:hidden;background:url(/img/stbg1.jpg) no-repeat;padding: 3% 5%;color:#fff;font-size:16.5px;}
#container .titbox4 {position:relative; display:block; overflow:hidden; background:#f6f4f7; padding:8px 20px; margin:5px 0;}



img {max-width:100%;}

.pott {color:#fd739b  !important;}
.pott1 {color:#0033a5 !important;}
.pott2 {color:#999 !important;}
.pott3 {color:#222 !important;}
.pott4 {color:#d05657 !important;}
.pott5 {color:#24bdd6 !important;}
.pott6 {color:#955845 !important;}
.pott7 {color:#44bbb4 !important;}
.pott8 {color:#27aa07 !important;}

.bgpott {background:#c61213 !important;}
.bgpott1 {background:#24bdd6 !important;}
.bgpott2 {background:#955845 !important;}
.bgpott3 {background:#44bbb4 !important;}



.fs1 {font-size:20px !important;letter-spacing:-1px;}
.fs2 {font-size:0.9em !important;letter-spacing:-1px;}


.pottB {font-weight:500 !important;}
.pottR {font-weight:400 !important;}
.pottSB {font-weight:700 !important;}


.sub_tab {}
.sub_tab ul{display: table;width: 100%;table-layout: fixed;}
.sub_tab ul::after {}
.sub_tab li{display: table-cell;table-layout: fixed;text-align: center;border: 1px solid #c4191d;border-left: 0;}
.sub_tab li:first-child {border-left: 1px solid #c4191d;}
.sub_tab li a{display: block;padding: 15px 0;font-weight: 400;color: #c4191d;}
.sub_tab li a:hover{background: #ffefef;}
.sub_tab li a.on {background: #c4191d;color: #fff;}

.sub_tab2 {width:900px; overflow:hidden;  margin-bottom:30px; letter-spacing:-1px; }
.sub_tab2 ul{padding:0px; margin:0px;}
.sub_tab2 ul:after {clear:both; content:""; display:block;}
.sub_tab2 li{list-style-type:none; float:left; display:inline;  }
.sub_tab2 li a{display:block;text-decoration:none;width:175px;border-bottom:1px solid #e5e5e5;font-size:16px;color:#888;text-align:center;padding:0 0 19px;}
.sub_tab2 li a:hover{color:#e2762a;}
.sub_tab2 li a.on {position:relative;color: #e2762a;}
.sub_tab2 li a.on:after  {content: '';position: absolute;left: 0;bottom: -1px;width: 175px;height: 1px;background: #e2762a;display:block;}

.sub_tabmenu {width:100%; overflow:hidden; margin:10px auto 30px auto; letter-spacing:-1px; }
.sub_tabmenu ul{width:100%; display:table; padding:0px; margin:0px;}
.sub_tabmenu li{list-style-type:none; display:table-cell;overflow:hidden;  }
.sub_tabmenu li a{display:block; margin:0px 0px 1px 1px;text-decoration:none;background:#f8f8f8; border:1px solid #e5e5e5;  padding:10px 0px 10px 0px; font-size:16.5px; color:#666 !important; text-align:center;overflow:hidden; }
.sub_tabmenu li a:hover{ text-decoration:none;background:#e5e5e5;  }
.sub_tabmenu li.on a {border:1px solid #fd739b; background:#fd739b; font-size:16.5px;color:#fff !important;}

.tabCont {clear:both;margin:60px 0px 0px 0px; letter-spacing:-0.5px;}

.litc2 {width:410px;}
.litc3 {width:272px;}
.litc4 {width:192px;}
.litc5 {width:162px;}
.litc6 {width:134px;}
.litc7 {width:115px;}
.litc8 {width:106px;}
.litc9 {width:95px;}



#container dl.fl {margin-top:0px; }
#container dl.fl dt{clear:both; float:left; width:420px;}
#container dl.fl dd{float:right; width:360px;}
#container dl.fl:after{clear:both; content:''; display:block;}

#container dl.fl1 {}
#container dl.fl1 dt{float:left; width:25.5%;word-wrap: normal;}
#container dl.fl1 dd{float:right; width:71.5%;padding-top: 2px;word-wrap: normal;word-break: break-all;}
#container dl.fl1 .address span {display: inline-block;font-weight: 700;margin-right: 10px;min-width: 85px;text-transform: uppercase;color:#222}
#container dl.fl1:after{clear:both; content:''; display:block;}

#container dl.fl2 {}
#container dl.fl2 dt{clear:both; float:left;width: 220px;}
#container dl.fl2 dd{float:right;width: 670px;}

#container dl.fl2:after{clear:both; content:''; display:block;}

#container dl.fl3 {zoom:1;}
#container dl.fl3 dt{float:left; width:44%;}
#container dl.fl3 dd{float:right; width:52%; margin-left:4%; text-align:justify;}
#container dl.fl3:after{ content:''; display:block;clear:both;}

#container dl.fl4 {position:relative;display:block;}
#container dl.fl4 > dt{float:left;width: 48%;}
#container dl.fl4 > dd{float:left;width: 48%;margin-left: 4%;}
#container dl.fl4:after{clear:both; content:''; display:block;}

#container dl.fl5 {}
#container dl.fl5 dt{float:left;width:15%}
#container dl.fl5 dd{float:right; width:85%;}
#container dl.fl5:after{clear:both; content:''; display:block;}

.tbl01 {border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2;}
.tbl01 th{padding:10px;text-align:center; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; background:#f5f5f5;}
.tbl01 td{padding: 20px 15px;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2;line-height: 200%;}
.tbl01 .b_color{background: #fff6f9;}
.tbl01 .b_color02{background: #fff1f5;}
.tbl01 .b_color03{background: #fee7ee;}

.tbl02 {border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2;    background: #fff;}
.tbl02 th{padding:10px;text-align:center; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; background:#f98eba;    color: #fff;}
.tbl02 td{padding: 20px 15px;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2;line-height: 200%;}
.tbl02 .b_color{background: #fff6f9;}

#container ul.bul li{list-style:none;display:block; position:relative;padding:2px 0px 2px 10px;}
#container ul.bul li:after {content:'';position:absolute;width:3px;height:3px;left:1px;top:14px;background:#fd739b;}
#container ul.bul li .libox {display:inline-block;width:38px;color: #fd739b;font-weight: 600;}

#container ul.bul2 li {list-style:none;display:block;position:relative;padding: 5px 0px 5px 10px;line-height: 165%;}
#container ul.bul2 li .libox {display: inline-block;width: 31px;text-align: center;font-size: 13px;line-height: 100%;font-family: 'tahoma';font-weight: bold;line-height:17px;background: #e4d7d1;color: #69584f;margin: 0 8px 0 0;}

#container ul.bul3 li{list-style:none;display:block; position:relative;padding:2px 0px 2px 10px;}
#container ul.bul3 li:after {content:'';position:absolute;width:3px;height:3px;left:1px;top:14px;background:#5d4037;}
#container ul.bul3 li .libox {display:inline-block;width:38px;}
#container ul.bul3 li .libox2 {display:inline-block;width:80px;}

#container ul.bul_fl li{list-style:none;display:inline-block; float:left; width:48%; padding:1px 0px 1px 10px; line-height:24px; background:url(/img/li_bul.gif) 0 12px no-repeat; letter-spacing:0px; font-size:13.5px;}
#container ul.bul_fl:after {clear:both; content:''; display:block;}

.flex_ul {display:flex;flex-wrap:wrap; gap:48px;}
.flex_ul li{width:48%;text-align:center;}

.h5 {display:block; border:none; height:5px;margin:0px; padding:0px; font-size:0px;}
.h10 {display:block; border:none; height:10px;margin:0px; padding:0px; font-size:0px;}
.h15{display:block; border:none; height:15px;margin:0px; padding:0px; font-size:0px;}
.h20 {display:block; border:none; height:20px;margin:0px; padding:0px; font-size:0px;}
.h30 {display:block; border:none; height:30px;margin:0px; padding:0px; font-size:0px;}
.h40 {display:block; border:none; height:30px;margin:0px; padding:0px; font-size:0px;}
.h50 {display:block; border:none; height:50px;margin:0px; padding:0px; font-size:0px;}
.h60 {display:block; border:none; height:60px;margin:0px; padding:0px; font-size:0px;}
.h80 {display:block; border:none; height:80px;margin:0px; padding:0px; font-size:0px;}
.h100 {display:block; border:none; height:80px;margin:0px; padding:0px; font-size:0px;}
.bd {display:block; border:none; background:#eaeaea; height:1px;margin:25px 0px; padding:0px; font-size:0px; clear:both;}
.bd2 {display:block; border:none; border-bottom:1px solid #eaeaea; margin:10px 0px; padding:0px; clear:both;}
.bd3 {display:block; border:none; background:#eaeaea; height:1px;margin:50px 0px; padding:0px; font-size:0px; clear:both;}

.mgauto {margin:0 auto !important;}
.mg0 {margin:0 !important;}
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mr0 {margin-right:0 !important;}
.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mt30 {margin-top:30px !important;}
.mr5 {margin-right:5px !important;}
.mr20 {margin-right:20px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.pd0 {padding:0 !important;}
.pt0 {padding-top:0 !important;}
.pt5 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt40 {padding-top:40px !important;}
.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb40 {padding-bottom:40px !important;}
.pr0 {padding-right:0 !important;}
.pr40 {padding-right:40px !important;}
.pl40 {padding-left:40px !important;}
.pl20 {padding-left:20px !important;}
.pr20 {padding-right:20px !important;}
.bt0 {border-top:0 !important;}

.txt_c {text-align:center;}
.txt_r {text-align:right;}

#showcase_s1{position:relative;margin-bottom:30px;}
#showcase_s1 .showcase-onepage .showcase-content{}
#showcase_s1 .showcase-arrow-next {position:absolute; top:225px;outline:0; width:50px; height:50px; text-indent:-9999px; z-index:99;left:0px; background:url(/img/prev_next_btn2.png) no-repeat 0 0px;  cursor:pointer;opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50);  }
#showcase_s1 .showcase-arrow-previous{position:absolute; top:225px; outline:0; width:50px; height:50px; text-indent:-9999px; z-index:99;right:0px; background: url(/img/prev_next_btn2.png) no-repeat -50px 0; cursor:pointer;opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50);  }
#showcase_s1 .showcase-arrow-next:hover, #showcase_s1 .showcase-arrow-previous:hover {  cursor:pointer;opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100); transition:0.3s; }
#showcase_s1 .showcase-thumbnail-container {margin-top:15px;}
#showcase_s1 .showcase-thumbnail-restriction{ width:780px !important; height:69px !important;  overflow:hidden;}
#showcase_s1 .thimg {width:120px; height:69px;}
#showcase_s1 .showcase-thumbnail {margin:0px 5px;width:120px; height:69px; overflow:hidden;}
#showcase_s1 .showcase-thumbnail-button-backward {background:url(/img/main/prev_next_btn2.png) -5px 8px no-repeat; width:40px; height:69px;margin-right:5px; text-indent:-99999px;  font-size:0px; display:block;}
#showcase_s1 .showcase-thumbnail-button-forward {background:url(/img/main/prev_next_btn2.png) -50px 8px no-repeat; width:40px; height:69px; text-indent:-99999px;  font-size:0px;display:block;   }
#showcase_s1 .showcase-thumbnail-wrapper .active {border:5px solid #fc6a19;width:110px; height:59px;}
#showcase_s1 .showcase-thumbnail-wrapper .active .thimg {opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50);}

.map {position:relative;}
.map .mapinfo {position:absolute;left: 20px;bottom: 20px;padding: 25px 30px;background:#fff;box-shadow: 0 0 20px 0 rgba(0,0,0,.1);}
.map .mapinfo p {line-height: 100%;font-size: 15.5px;color: #222;margin: 0 0 20px;font-weight: 400;}
.map .mapinfo a {display: inline-block;font-size: 15px;font-weight: 500;color: #222;letter-spacing: -1px;padding: 0 18px 0 0;background: url(/img/04/i01_02.png) right center no-repeat;}
.map .mapinfo strong {color: #222;font-size: 17px;line-height: 100%;margin: 0 0 20px;display: block;}


.btnArea {display:block; position:relative; width:100%; height:50px;}
.btnArea a.btn_01 {display:block; position:absolute; height:50px; width:240px; line-height:50px; font-size:18px;  background:#3f5765; color:#fff; text-align:center; } 
.btnArea a.btnCen {left:50% !important; margin-left:-170px;}
.btnArea a.btnRig {right:0 !important;}

.ctt_admin {position:absolute; right:30px; top:80px;display:none;}

/*prepare*/
.prepare {text-align: center;padding: 100px 0;}
.prepare span {display: block;margin: 0 auto;background: url() no-repeat;}
.prepare p {display: block;font-size: 24px;color: #333;font-weight: 500;letter-spacing: -1px;margin: 22px 0 20px;line-height: 140%;}


@-webkit-keyframes loader{
    0%{left: -12px; top: -12px;}
    25%{left:42px; top:-12px;}
    50%{left: 42px; top: 42px;}
    75%{left: -12px; top: 42px;}
    100%{left:-12px; top:-12px;}
}
@keyframes loader{
    0%{left: -12px; top: -12px;}
    25%{left:42px; top:-12px;}
    50%{left: 42px; top: 42px;}
    75%{left: -12px; top: 42px;}
    100%{left:-12px; top:-12px;}
}
@-webkit-keyframes loader72{
    0%{width: 0px;}
    70%{width: 40px; opacity: 1;}
    90%{opacity: 0; width: 40px;}
    100%{opacity: 0;width: 0px;}
}
@keyframes loader72{
    0%{width: 0px;}
    70%{width: 40px; opacity: 1;}
    90%{opacity: 0; width: 40px;}
    100%{opacity: 0;width: 0px;}
}



/*층별소개*/
.placeinfo1 {margin: 30px 0 20px;}
.placeinfo1:after {content:'';display:block;clear:both;}
.placeinfo1 li {float:left;margin:0 20px 0 0;font-family:'verdana'}
.placeinfo2 {background: #f3f3f3;padding: 15px 24px;}
.placeinfo2:after {content:'';display:block;clear:both;}
.placeinfo2 i {margin: 0 5px 0 0;color: #777;}
.placeinfo2 li {position:relative;float:left;margin:0 30px 0 0;padding: 0 0 0 20px;}
.placeinfo2 li:before {content:'';position: absolute;left: 0;top: 1px;width: 16px;height: 26px;}
.placeinfo2 li:nth-child(1):before {background:url('/img/01/i02_05.png') no-repeat;}
.placeinfo2 li:nth-child(2):before {background:url('/img/01/i02_06.png') no-repeat;}
.placeinfo2 li:nth-child(3):before {background:url('/img/01/i02_07.png') no-repeat;}

.bullet1 {position: relative;padding: 0 0 0 12px;}
.bullet1:after {content: '';position: absolute;left: 0;top: 11px;width: 6px;height: 6px;border-radius: 50%;background: #f14c4c;}
.bullet2 {position: relative;padding: 0 0 0 10px;}
.bullet2:after {content: '';position: absolute;left: 0;top: 11px;width: 6px;height: 6px;border-radius: 50%;background: #f14c4c;}
.bullet3 {position: relative;padding: 0 0 0 10px;}
.bullet3:after {content: '';position: absolute;left: 0;top: 11px;width: 6px;height: 6px;border-radius: 50%;background: #f14c4c;}
.bullet4 {position: relative;padding: 0 0 0 10px;}
.bullet4:after {content: '';position: absolute;left: 0;top: 11px;width: 6px;height: 6px;border-radius: 50%;background: #f14c4c;}
.bullet5 {position: relative;padding: 0 0 0 10px;}
.bullet5:after {content: '';position: absolute;left: 0;top: 11px;width: 6px;height: 6px;border-radius: 50%;background: #f14c4c;}
.placelink {}
.placelink:after {content:'';display:block;clear:both;}
.placelink li {position: relative;float: left;width: 33.333333333333%;}
.placelink a {display: block;position:relative;padding:10px 0 10px 15px;margin: 2px;background-size: 8px;line-height: 140%;width: calc(100% - 46px);}
.placelink li:after {content: '';position: absolute;right: 20px;top: 50%;width: 6px;height: 6px;border: 2px solid #222;transform-origin: top;transform: rotate(45deg) translate(0, -50%);border-left: 0;border-bottom: 0;border-radius: 1px;}
.placelink li:hover:after {border: 2px solid #fff;border-left: 0;border-bottom: 0;}
.placelink a:hover {color:#fff;}
.placelink a:hover:after {}
.placelink li:hover {background: #c4191d;}
.placelink span {display: inline-block;background: #f1f1f1;padding: 4px 7px;font-size: 12px;color: #666;border-radius: 5px;line-height: 100%;margin: 0 0 2px;}
.placelink span:after{content:'';display:block;clear:both;}
.placelink li:hover span {color:#c4191d;background:#fff;}


/*편의시설*/
.convenience {}
.convenience p {}
.convenience strong {display: block;font-weight: 400;}

@media screen and (max-width: 1815px) { 
.wrap {margin:0 30px;}
#sVisualA {margin:90px 30px 0;}
}

@media screen and (max-width: 1700px) {
#sVisualA {margin:62px 30px 0;}
.conTit_tt {width:auto;margin:0;}
#ft .ft_inner {padding:20px 30px 50px;}
}


@media screen and (max-width: 1240px) { 
#locationArea .wrap {width:auto;}
#wrapper .wrap {width:auto;padding:0 30px;}
.wrap2 {width:auto;margin:0 30px;}
.root_daum_roughmap {width:100% !important}
.greeting {background: url(/img/greeting1.jpg) no-repeat top center !important;height: 1200px !important;padding: 80px 140px !important;        font-size: 18px !important;}
.history_txt {width: 66%;}
.circle-line-list > ul > li {width: 12.3% !important;padding: 0 1rem !important;}
.circle-line-list > ul {margin: 0 -1rem !important;}
.circle-line-list .circle strong {font-size: 0.8rem !important;top: 35% !important;}
.apply-li-item { width: 120px !important;margin-left: 20px !important;}
.ico-g-list > ul > li {width: 45.3% !important;}
#container .tit06:before {top: 17%;}
.org .depth6 {    left: calc(50% + 7rem) !important;    line-height: 21px !important;width: 15em !important}
.org .depth7  {    left: calc(50% + 7rem) !important;    line-height: 21px !important;width: 15em !important}
.ogam { background: none !important; }
.sponsor_info {background: #f0e1da url(/img/sponsor.jpg) no-repeat center 142px !important;padding-right: 25px;padding-left: 25px;margin-bottom: 50px;}
.happy_button_wrap ul li {    width: 31% !important}
.flex_ul {display:flex;flex-wrap:wrap; gap:12px;}
.esg-list01-dl02 dd {width: auto !important;    font-size: 1.4rem !important;}
.esg-list01-dl01 dd {width: auto !important;font-size: 2.2rem !important;line-height: 2.7rem !important;}
.use-grid.cs-body>div.div-2 {    grid-template-columns: repeat(1, 1fr) !important;}

}

@media screen and (max-width: 980px) {
.placelink li {width:50%;}
}

@media screen and (max-width: 760px) {

}

@media screen and (max-width: 680px) { 
.wrap {margin:0 20px;}
#wrapper .wrap {width:auto;padding:0 20px;}
.conTit_tt {font-size:32px;}
#sVisualA {display:none;}
.con_tt {font-size: 24px;margin: 82px 0 20px;}
#tlog_naviA {height: 62px;border-bottom: 1px solid #ddd;}

#bo_sch {float:none;padding: 24px;margin: 0 auto 20px;}
#bo_sch select {float: none;width: 100%;margin-right: 0;}
#bo_sch input[name=stx] {float: none;width: 100%;margin: 4px 0 0;}
#bo_sch .btn_search {float: none;display:block;width: 100%;margin-left: 0;margin: 4px 0 0;}
#bo_sch .btn_submit {float: none;display:block;width: 100%;margin-left: 0;margin: 4px 0 0;}
.td_subject a {font-size: 17px;}
.td_date {font-size:14px;margin: 2px 0 0;}
.tbl_head01 td {padding: 15px 5px !important;}
#bo_v_title {font-size: 18px;text-align: left;padding: 24px 0 0;}
#bo_v_info {padding: 5px 0 24px;font-size: 0.9em;text-align: left;}
#bo_v_con {font-size: 1.0em;line-height: 1.4em;}
#bo_v_bot {padding:0}

#bo_sch .sch_all {float: none;margin: 0 0 5px;}
#bo_sch .sch_all a {margin:0;}

#ft .ft_inner {border-top:1px solid #ededed;}
#bo_sch .sch_area {width: 50%;}
#bo_sch .sch_area select {margin:0 auto;width:98%}
#bo_sch .sch_keyword {float:left;width:100%;margin-bottom:5px;}
#bo_sch .sch_keyword .btn_submit {top:auto;bottom: 0;}

.map .mapinfo {position:relative;left:auto;bottom:auto;box-shadow:none;padding:25px 0;}
.map .mapinfo p {line-height:140%;}


.sub_tab li a {padding:10px 0}

.tbl01_wrap {width:100%;}

#container .convenience dl.fl3 dt {float:none;width:100%;margin-bottom:50px;}
#container .convenience dl.fl3 dd {float:none;width:100%;margin-left:0;}

.placelink li {width:100%;}


#container dl.fl4 > dt {width: 100%;}
#container dl.fl4 > dd {margin-left: 0;margin-top: 20px;        width: 100%;}


#container dl.fl3 dt {width: 100%;}
#container dl.fl3 > dd {width: 100%;margin-left: 0;margin-top: 20px}

#container dl.fl5 dt {width: 100%;}
#container dl.fl5 > dd {width: 100%;margin-left: 0;margin-top: 20px}
.litc8 {width: 103px;}

.info_list .desc{padding: 20px !important; flex-direction: column;}
.info_list .desc dd { width: calc(100% - 0px) !important;padding-top: 30px;padding-left: 0px !important;}
.history_div{    background: url(/img/history_line.gif) repeat-y 28px 0 !important;}
.history_img img{left: 23px !important;}
.greeting{    background: url(/img/greeting1.jpg) no-repeat top center !important;height: 1200px !important;padding:80px 40px !important;}
.circle-line-list > ul > li {width: 28.41%;padding: 0 0.5rem;}
.circle-line-list > ul{margin: 0 -0.5rem !important;}
.circle-line-list > ul > li {width: 28.41% !important;padding: 0 0.5rem !important;}
.circle-line-list .circle strong{font-size: .8rem !important;    top: 37% !important;}
.purpose .item > li:nth-child(1)::before {    top: 3rem !important}
.purpose .item .icon    {width: 5.75rem !important;height: 5.75rem !important;}
.purpose .item .icon img {    padding-top: 1.4rem !important;}
.apply-li-item {width:46% !important;margin-left: 20px !important;        margin-bottom: 20px;}
.apply-li-item:nth-child(1){margin-left: 5px !important}
.apply-li-item:nth-child(3){margin-left: 5px !important}
.apply-li-item:nth-child(5){margin-left: 5px !important}
.purpose .item .box .title {font-size: 1rem !important}
.ico-g-list > ul > li {    width: 100% !important;   padding: 0rem !important;}
#container .tit06:before {    top: 17%;}
.org .label {width: 5.75rem !important;}
.org .depth3::before {left: 5.8rem !important;    width: 4rem !important;}
.org .depth3{    right: calc(50% + 4rem) !important;}
.org .label2 {height: 8.6rem !important;left: calc(50% + 4rem) !important;top:8% !important;    line-height: 1.6rem !important}
.org .depth6::before {left: -6rem !important;width: 6rem !important;top: 64% !important;}
.org .label3 {top:11% !important}
.org .depth7::before {left: -3rem !important;width: 3rem !important;top: 68% !important;}
#container dl.fl1 dt {    width: 100%;margin-bottom: 30px;}
#container dl.fl1 dd {width: 100%;}
.ogam {background:none !important;}
.wrapper ul li .step{font-size: 1em !important;}
.wrapper ul li .step_title{    font-size: 1em !important;}
.sponsor_info {      background: #f0e1da url(/img/sponsor.jpg) no-repeat center 142px !important;  padding-right: 25px;padding-left: 25px;    margin-bottom: 50px;}
.happy_button_wrap ul li {    width: 100% !important;}
.happy_button02 {    margin-left: 0px !important;margin-top: 20px;}
.happy_button03 {    margin-left: 0px !important;margin-top: 20px;}
.happy_button04 {background:none}
.wrapper ul li .step_title1 ul{    width: auto !important;}
.wrapper ul li .step_title1 { font-size: 0.8em !important;line-height: 18px !important;}
.org .label


}


.sub_tab_jk {width:100%; overflow:hidden; margin-bottom:30px; letter-spacing:-1px; }
.sub_tab_jk ul{padding:0px; margin:0px;}
.sub_tab_jk ul::after {clear:both; content:""; display:block;}
.sub_tab_jk li{list-style-type:none; float:left; display:inline;overflow:hidden; margin:0px 0px 1px 1px;}
.sub_tab_jk li a{display:block; text-decoration:none;background:#f8f8f8; border:1px solid #e5e5e5;  padding:6px 0px 6px 0px;  font-family: 'nanum'; font-size:15px; color:#666 !important; text-align:center;overflow:hidden; }
.sub_tab_jk li:first-child , .sub_tab_jk  li.el{  margin:0px 0px 1px 0px;   }
.sub_tab_jk li a:hover{ text-decoration:none;background:#e5e5e5;  }
.sub_tab_jk li a.on {border:1px solid #b69570; background:#b69570; font-size:15px;color:#fff !important; font-family: 'nanumB'; }

.sub_tab_sec ul{padding:0px; margin:0px;}
.sub_tab_sec ul::after {clear:both; content:""; display:block;}
.sub_tab_sec li{list-style-type:none; float:left; display:inline;overflow:hidden; margin:0px 0px 1px 1px;}
.sub_tab_sec li a{display:block; text-decoration:none;background:#fff; border:1px solid #e5e5e5;  padding:6px 0px 6px 0px;  font-family: 'nanum'; font-size:15px; color:#666 !important; text-align:center;overflow:hidden; }
.sub_tab_sec li:first-child , .sub_tab  li.el{  margin:0px 0px 1px 0px;   }
.sub_tab_sec li a:hover{ text-decoration:none;border:1px solid #999;   }
.sub_tab_sec li a.on {border:1px solid #555; background:#555;  font-size:15px;color:#fff !important; font-family: 'nanumB'; }





.info_list > li{width:100%; box-sizing:border-box;    margin-bottom:50px;}
		.info_list .desc{border:1px solid #e5e5e5; border-radius:10px; background:#fff; box-sizing:border-box; height:100%; padding:50px; width:100%; display:flex; align-items:flex-start}
		.info_list .desc dt{display:flex; align-items:center; justify-content:center; width:70px; height:70px; border-radius:10px; font-size:26px; font-weight:700; color:#fff; background:#fd739b}
		.info_list .desc dd{width:calc(100% - 70px); padding-left:60px; box-sizing:border-box; font-size:20px; font-weight:400; color:#444444; line-height:1.4;}


.history_div p{padding:0;}
.history_div{background:url('/img/history_line.gif') repeat-y 88px 0}
.history_img{width:156px;position:relative;float:left;padding-left:10px;text-align:center;min-height:40px;}
.history_img .year_body {width:156px;height:80px;background:#999 url('../img/bg_pattern.png') repeat;
	-webkit-border-top-left-radius: 20px;
	-moz-border-top-left-radius: 20px;
	border-top-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-bottom-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
.history_img .year_body.first {background-color:#fd739b;}
.history_img span{position:absolute;top:23px;left:10px;right:0;display:block;text-align:center;color:#fff;font-size:3em;font-family:"NanumGothicBold"}

.history_txt{    float: left;margin-top:20px !important;margin-left: 70px;}
.history_txt .tit{position:relative;font-size:35px;color:#8a8a8a;padding-top:8px;font-weight:800;    margin-bottom: 20px;}
.history_txt .tit .bar{position:absolute;top:0;left:0;width:15px;height:1px;background:#555}
.history_txt p{font-size:18px;color:#888;line-height:30px;text-align:justify;}
.history_icon{width:130px;float:right;}
.history_icon {height:80px;overflow:hidden;border-bottom:1px solid #e7e7e7}
.history_icon img{width:100%;height:auto;}
.history_icon strong{color:#e13137}
.history_icon .tit{margin-top:2px;font-size:10px;color:#888}

.p_box{width:100%;overflow:hidden;margin-bottom:40px;}
.greeting{    background: url(/img/greeting.jpg)no-repeat;height: 1000px;padding:230px 200px 200px 200px;font-size: 20px;line-height: 30px;}



.circle-line-list {position: relative;margin-bottom:2rem;margin-top: 3rem;}
.circle-line-list::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #cccaca;
    width: 100%;
    height: 1px;
    left: 0;
    z-index: 0;
}
.circle-line-list > ul {    position: relative; z-index: 1;display: flex;flex-wrap: wrap;margin: 0 -2.5rem;}
.circle-line-list > ul > li {
    width: 10.41%;
    padding: 0 2.5rem;
}
.circle-line-list .circle {
    background: #fd739b;
    border-radius: 50%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 100%;
    padding-bottom: 100%;
}
.circle-line-list .circle strong {
    font-size: 1rem;
    font-weight: 600;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
}
.circle-line-list .circle p {
    font-size: 1.2rem;
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
}


.circle-line-list.st02 {
    margin-top: 14rem;
}
.circle-line-list.st02 > ul {
    margin: 0 -5rem;
}
.circle-line-list.st02 > ul > li {
    width: 20%;
    padding: 0 5rem;
    position: relative;
}
.circle-line-list.st02 .circle {
    background: #fff;
    box-shadow: 0 0 0 5px #fd739b inset;
    color: #333333;
}
.circle-line-list.st02 .img {
    height: 8rem;
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
}
.circle-line-list.st02 p {
    top: 65%;
    font-size: 2rem;
}
.circle-line-list.st02 strong {
    font-weight: 500;
    font-size: 2.2rem;
    top: 65%;
    transform: translateY(-50%);
    position: absolute;
}
.circle-line-list.st02 .circle + ul {
    text-align: center;
    margin-top: 2rem;
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.circle-line-list.st02 .circle + ul li {
    font-size: 1.6rem;
    color: #666666;
    margin-bottom: 1rem;
}
.circle-line-list.st02 .circle + ul li:last-child {
    margin-bottom: 0;
}




/* vision */	
		.sub_vision .intro{padding: 58px 0 0;}
		.sub_vision .exp_list > li{border:1px solid #ddd; border-radius:320px; padding:10px; box-sizing:border-box;}
			.sub_vision .exp_list > li + li{margin-top:30px;}
		.sub_vision .exp_list .desc{display:flex;}
		.sub_vision .exp_list .desc > dt{display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:400;color:#ffffff;font-family:var(--font-type02);padding:0 15px;width:300px;height: auto;box-sizing:border-box;background:var(--point-color16);border-radius:320px;}
			.sub_vision .exp_list .desc > dt.org{background:#FFC289;}
		.sub_vision .exp_list .desc > dd{width:calc(100% - 300px);padding: 34px 50px 33px;box-sizing:border-box;font-size:20px;font-weight:400;color:#555;line-height:1.5;}
			.sub_vision .exp_list .desc > dd:has(.bullet_list){display:flex;flex-wrap:wrap;gap:8px 50px;padding-top: 21px;padding-bottom: 21px;}
		.sub_vision .bullet_list > li{font-size:100%; color:#555; padding-left:15px;}
			.sub_vision .bullet_list > li:before{font-weight:900;}
			.sub_vision .bullet_list > li + li{margin-top:8px;}

		.sub_vision .worth{position:relative;padding:190px 0 30px;}
			.sub_vision .worth:before{position:absolute; content:''; width:389px; height:172px; background:url('/img/sub_vision_arw.png') no-repeat top center; background-size:100% auto; top:0; left:50%; transform:translateX(-50%);}
		.sub_vision .worth .dot_tit:after{background:none;}
		.sub_vision .worth .info_list1{display:flex; gap:28px; max-width: 740px; margin-inline: auto; }
		.sub_vision .worth .info_list1 > li{position:relative;width:100%;background:#fff;border:10px solid #FFBBCE;border-radius:100%;padding-bottom: 208px;box-sizing:border-box;} 
			.sub_vision .worth .info_list1 > li:nth-child(2){border-color:#FFBBCE;}
			.sub_vision .worth .info_list1 > li:nth-child(3){border-color:#FFBBCE;}
			.sub_vision .worth .info_list1 > li:nth-child(4){border-color:#FFBBCE}
			.sub_vision .worth .info_list1 > li:nth-child(5){border-color:#FFBBCE}
			.sub_vision .worth .info_list1 > li:nth-child(6){border-color:#FFBBCE}

		.sub_vision .worth .info_list1 .desc{position:absolute;top: 50%;left:50%;transform:translate(-50%, -50%);width: calc(100% - 10px);height: calc(100% - 10px);display:flex;align-items:center;justify-content:center;align-content:center;flex-wrap:wrap;text-align:center;border: 4px solid var(--transparent);background: linear-gradient(150deg, var(--gray-bg02), var(--point-white)) padding-box, linear-gradient(150deg, var(--gray-bg) 5.53%, #ddd 62.52%) border-box;border-radius:100%;box-sizing:border-box; padding:10px;}
		.sub_vision .worth .info_list1 .desc dt{font-size:0; height:60px; display:flex; align-items:center; justify-content:center; width:100%;}
			.sub_vision .worth .info_list1 .desc dt + dd{margin-top:20px;}
		.sub_vision .worth .info_list1 .desc dd{width:100%; font-size:20px; font-weight:500; color:#fb94b1; line-height:1.4;}

		@media screen and (max-width:1480px){
			.sub_vision .exp_list > li + li{margin-top:25px;}
			.sub_vision .exp_list .desc > dt{width:280px;}
			.sub_vision .exp_list .desc > dd{width:calc(100% - 280px);padding-left:40px; padding-right:40px;}
			.sub_vision .exp_list .desc > dd:has(.bullet_list){gap:8px 40px; padding-top:17px; padding-bottom:18px;}
	
			.sub_vision .worth{padding-top:16.2vw;}
				.sub_vision .worth:before{width:26.2vw; min-width:200px;}
			.sub_vision .worth .info_list1{gap:25px;}

		}
		@media screen and (max-width:1200px){
			.sub_vision .exp_list > li + li{margin-top:20px;}
			.sub_vision .exp_list .desc > dt{width:260px;}
			.sub_vision .exp_list .desc > dd{width:calc(100% - 260px);padding-left:30px; padding-right:30px;}
			.sub_vision .exp_list .desc > dd:has(.bullet_list){gap:8px 0; padding-top:10px; padding-bottom:10px;}

			.sub_vision .worth .info_list1{gap:20px;}
			.sub_vision .worth .info_list1 .desc dt + dd{margin-top:15px;}
		}
		@media screen and (max-width:1023px){
			.sub_vision .intro{padding-top:50px;}
			.sub_vision .exp_list > li + li{margin-top:15px;}
			.sub_vision .exp_list .desc > dt{width:240px;}
			.sub_vision .exp_list .desc > dd{width:calc(100% - 240px);padding-left:20px; padding-right:20px;}

			.sub_vision .worth .info_list1{flex-wrap:wrap;}
			.sub_vision .worth .info_list1 > li{width:calc(100% / 3 - 13.34px); padding-bottom:calc(31.99% - 20px);}
		}
		@media screen and (max-width:767px){
			.sub_vision .exp_list > li{border-radius:40px;}
			.sub_vision .exp_list .desc{display:block;}
			.sub_vision .exp_list .desc > dt{width:100%; height:70px;}
			.sub_vision .exp_list .desc > dd{width:100%;}
			.sub_vision .exp_list .desc > :is(dd,dd:has(.bullet_list)){padding:20px 10px 25px;}
		}
		@media screen and (max-width:640px){
			.sub_vision .intro{padding-top:40px;}
			.sub_vision .worth{padding-top:100px;}
			.sub_vision .worth .info_list1{gap:15px;}
			.sub_vision .worth .info_list1 > li{width:calc(100% / 3 - 10px); padding-bottom:calc(31.695% - 20px);}
			.sub_vision .worth .info_list1 .desc dt{width:50%; height:45px;}
		}
		@media screen and (max-width:479px){
			.sub_vision .exp_list > li{border-radius:40px;}
			.sub_vision .exp_list .desc > dt{height:60px;}
			.sub_vision .exp_list .desc > :is(dd,dd:has(.bullet_list)){padding:15px 10px 20px;}

			.sub_vision .worth .info_list1 > li{width:calc(100% / 2 - 7.5px); padding-bottom:calc(48.265% - 20px);}
			.sub_vision .worth .info_list1 .desc dt{height:40px;}
				.sub_vision .worth .info_list1 .desc dt + dd{margin-top:12px;}
		}


.apply-list {
    margin: 80px 0px;
    text-align: center
}

.apply-list ul {
    margin: 0 auto;
    display: inline-block
}

.apply-list ul::after {
    content: "";
    display: block;
    clear: both
}

.apply-li-item {
    float: left;
    width: 140px;
    height: 180px;
    margin-left: 60px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)
}

.apply-li-item:first-child {
    margin-left: 0
}

.apply-li-item i[class^="ico"] {
    height: 60px;
    margin: 35px auto 20px auto;
    display: block;background-repeat: no-repeat;    background-position: center;
}

.apply-li-item i[class^="ico"].ico-assignment-duty {
    height: 51px;
    margin: 43px 0 31px
}

.apply-li-item .txt {
    display: block;
    color: #222
}


.ico-privacy {
    width: 60px;
    height: 60px;
    background-image: url(/img/ico_1_1.png);
    background-size: 60px 60px
	
}

.ico-perhistory {
    width: 60px;
    height: 60px;
    background-image: url(/img/ico_2_1.png);
    background-size: 50px 50px
}

.ico-aboutyourself {
    width: 60px;
    height: 60px;
    background-image: url(/img/ico_3_1.png);
    background-size: 50px 50px
}

.ico-assignment {
    width: 60px;
    height: 60px;
    background-image: url(/img/ico_4_1.png);
    background-size: 50px 50px
}

.ico-checklist {
    width: 60px;
    height: 60px;
    background-image: url(/img/ico_5_1.png);
    background-size: 50px 50px
}



.purpose .item { display: table; width: 100%; table-layout: fixed; counter-reset: section; }

.purpose .item > li { display: table-cell; position: relative; z-index: 0; vertical-align: top; }

.purpose .item > li:nth-child(1)::before { position: absolute; left: 50%; top: 4.375rem; z-index: -1; width: 200%; height: 1px; background-color: #ddd; content: ''; }

.purpose .item > li:nth-child(2) .icon { background-color: #fd739b }

.purpose .item > li:nth-child(2) .box .title { color: #fd739b }

.purpose .item > li:nth-child(3) .icon { background-color:#fd739b}

.purpose .item > li:nth-child(3) .box .title { color: #fd739b; }

.purpose .item > li:nth-child(4) .icon { background-color:#e9a0ac }

.purpose .item > li:nth-child(4) .box .title { color: #fd739b }

.purpose .item > li:nth-child(5) .icon { background-color: #e9a0ac }

.purpose .item > li:nth-child(5) .box .title { color: #fd739b }

.purpose .item .icon { display: block; position: relative; width: 8.75rem; height: 8.75rem; margin: 0 auto 1rem; border-radius: 100%; background-color:#fd739b; text-align: center; }

.purpose .item .icon img { width: 3rem;padding-top: 2.8rem; }

.purpose .item .box { width: 15.25rem; max-width: 90%; margin: 0 auto; border: 1px solid #ddd; word-break: keep-all;text-align: center; }

.purpose .item .box .title { font-size: 1.25rem; display: block; padding: 0.5rem;background-color: #fafafa; font-weight: 400; color: #fd739b;}

.purpose .item .box .txt { font-size: 0.9rem; padding: 1.25rem; }

.ico-g-list > ul > li {
    width: 30.6%;
    padding: 0 1rem;
}
.ico-g-list ul {
    display: flex;
    flex-wrap: wrap;

}
.ico-g-list li {
    width: 50%;
    padding: 0 2rem;
    margin-bottom: 3rem;
}
.ico-g-list li .box {
    background: #f5f5f5;
    padding: 2rem;
    display: flex;
    align-items: center;
}
.ico-g-list li .box .ico {
    min-width: 8rem;
    height: 8rem;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ico-g-list li .box .txt {
    margin-left: 2rem;
}
.ico-g-list li .box .txt h4 {
    font-size: 1.4rem;
    color: #111111;
    font-weight: 500;
}
.ico-g-list li .box .txt h4 span {
    color: #ed2024;
    position: relative;
    top: -2px;
}
.ico-g-list li .box .txt p {
    font-size: 0.9rem;
    color: #666666;    line-height: 1.3rem;
    margin-top: 10px;
}
.ico-g-list li .box .txt p span {
    color: #ed2024;
    position: relative;
    top: -1px;
    font-weight: 500;
}





.org { overflow: hidden; position: relative; }

.org .label { width: 10.75rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; height: 2.85rem; border: 1px solid #d0d8df; line-height: 2.75rem; font-size: 1rem; display: block; position: relative; max-width: 95%; margin: 2.35rem auto 0; border-radius: 0.25rem; background-color: #ebedef; font-weight: 400; text-align: center; }
.org .label::before { position: absolute; left: 50%; top: -2.35rem; z-index: 0; width: 1px; height: 2.35rem; background-color: #ddd; content: ''; }
.org .label:first-child::before {display:none}
.org .label.type1 { border-color: #ddd; background-color: #f8f7f7; }
.org .label.type2 { border-color: #fd739b; background-color: #fd739b; color: #fff; }
.org .label.type3 { border-color: #fd739b; background-color: #fd739b; color: #fff; }


.org .label1 { width: 10.75rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; border: 1px solid #d0d8df; line-height: 2.75rem; font-size: 1rem; display: block; position: relative; max-width: 95%; margin: 2.35rem auto 0; border-radius: 0.25rem; background-color: #ebedef; font-weight: 400; text-align: center; }
.org .label1::before { position: absolute; left: 50%; top: -2.35rem; z-index: 0; width: 1px; height: 2.35rem; background-color: #ddd; content: ''; }
.org .label1.type1 { border-color: #ddd; background-color: #f8f7f7; }
.org .label1.type2 { border-color: #fd739b; background-color: #fd739b; color: #fff; }
.org .label1.type3 { border-color: #fd739b; background-color: #fd739b; color: #fff; }


.org .item { width: 10.75rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; position: relative; max-width: 95%; margin-top: 0.75rem; border: 1px solid #ddd; border-radius: 0.25rem; background-color: #fff;    text-align: center; }

.org .item::before { position: absolute; left: 50%; top: -0.75rem; z-index:0; width: 1px; height: 0.75rem; background-color: #ddd; content: ''; }

.org .item + .item { margin-top: 0.4rem; }

.org .item .title { font-size: 1rem; display: block; padding: 0.5rem 0; border-bottom: 1px dotted #c2c2c2; color: #333; }
.org .item .title:last-child { border-bottom: 0px dotted #c2c2c2}
.org .item .bul3 { padding: 0.15rem 0 1.25rem; }

.org .depth1 { font-size: 1.25rem; display: block; width: 9.2rem; height: 9.2rem; margin: 0 auto; border-radius: 100%; background: url("/grad/img/contents/org.png") no-repeat 0 0 #9c1c2b; background-size: 100% auto; font-weight: 600; color: #fff; text-align: center; line-height: 9.2rem; }

.org .depth3 { position: absolute;right: calc(50% + 9rem); top: auto; margin-top: -0.25rem; margin-left: 0 !important; }

.org .depth3::before { left: 10.8rem; top: 50%; width: 9rem; height: 1px; }

.org .depth5::before { display: block; width: 1px; height: 2rem; margin: 0 auto; background-color: #ddd; content: ''; }

.org .depth5 > ul { display: table; width: 100%; table-layout: fixed; }

.org .depth5 > ul > li { display: table-cell; position: relative; vertical-align: top; }

.org .depth5 > ul > li + li::before { position: absolute; right: calc(50% - 1px); top: 0; width: calc(100% + 1px); height: 1px; background-color: #ddd; content: ''; }

.org .depth6 {position: absolute;left: calc(50% + 9rem);top: 22%;margin-top: -0.25rem;margin-left: 0 !important;    width: 20em}

.org .depth6::before {left: -9rem;top: 50%;width: 9rem;height: 1px;}

.org .depth7 {position: absolute;left: calc(50% + 9rem);top: 34%;margin-top: -0.25rem;margin-left: 0 !important;    width: 22em}

.org .depth7::before {left: -9rem;top: 50%;width: 9rem;height: 1px;}

.section_address {display: none;}

.ogam {background: url(/img/2010_1.png) no-repeat right 210px}

.wrapper ul {display: flex; justify-content: space-between; text-align: center;}
.wrapper ul li.cont {width: calc((100% - 34px*3)/4);}
.wrapper ul li.arrow {width: 34px; padding-top: 27px;}
.wrapper ul li .step {font-size: 1.25em; color: #999}
.wrapper ul li .step_title {font-size: 1.4em; font-weight: 600; margin: 20px 0;color: #3e3e3e;}
.wrapper ul li .step_title1 {font-size: 1em; font-weight: 600; margin: 20px 0;color: #3e3e3e;}
.wrapper ul li .step_title1 ul{display: block;text-align: left;width: 40%;margin: 0 auto}
.wrapper ul li .step_desc {font-size: 1.25em; color: var(--grey); line-height: 140%;}
.wrapper ul li {transition-delay: var(--i);}


.sponsor_info {background: url(/img/sponsor.jpg) no-repeat;height: 500px;padding-top:60px;}
.sponsor_info p{text-align:center;font-size:17px;line-height:30px;color:#525252;}
.sponsor_info p strong{color:#fd739b}



/* 후원안내 버튼 3개 */
.happy_button_wrap{
	overflow:hidden;
}
.happy_button_wrap ul li a{
	display:block;
	color:#fff;
}
.happy_button_wrap ul li a:hover{border: 1px solid #fd739b;color: #fd739b;background-color: #fff;}
.happy_button_wrap ul li{
	background-color:#fd739b;
	font-size:18px;
	text-align:center;
	float:left;
	line-height:52px;
	width: 32%;    height: 54px;
}
.happy_button01{
	/* width:325px; */
	/* height:50px; */
}
.happy_button02{
	/* width:325px; */
	/* height:50px; */
	margin-left: 24px;
}
.happy_button03{margin-left: 24px;background: #fd739b url(/img/spr_common1.png) no-repeat 273px 18px !important}
.happy_button03 a:hover{border: 1px solid #fd739b !important;color: #fd739b !important;background: #ffffff url(/img/spr_common2.png) no-repeat 273px 18px !important}

.happy_button04{background: #fd739b url(/img/spr_common1.png) no-repeat 64% 18px !important;    width: 100% !important;}
.happy_button04 a:hover{border: 1px solid #fd739b !important;color: #fd739b !important;background: #ffffff url(/img/spr_common3.png) no-repeat 64% 18px !important}

.table-responsive {overflow-x: auto;}

#container dl.fl4 iframe{width: 100%}


.esg-list01-dl01 {
  text-align: center;
}
.esg-list01-dl01 dt {
  color: #4A5677;
  font-weight: 600;
  display: inline-block;
  font-size: 2rem;
}
.esg-list01-dl01 dt:after {
  content: "";
  display: block;
  width: 5.2rem;
  height: 0.2rem;
  background-color: #4A5677;
  margin: 0.8rem auto 0;
}
.esg-list01-dl01 dd {
  font-size: 3.2rem;
  font-weight: 600;
  color: #fff;
  background-color: #4A5677;
  width: 80%;
  padding: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 2rem auto 0;
  border-radius: 68px;
  position: relative;
}
.esg-list01-dl01 dd:after {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  border-top: 3rem solid #DDDFE6;
  border-left: 3rem solid transparent;
  border-right: 3rem solid transparent;
  position: absolute;
  bottom: -48px;
  left: calc(50% - 3rem);
}

.esg-list01-dl02 {text-align: center;margin-top: 6rem;    margin-bottom: 6rem;position: relative;}
.esg-list01-dl02 dt {
  color: #4A5677;
  font-weight: 700;
  display: inline-block;
  font-size: 2rem;
}
.esg-list01-dl02 dt:after {
  content: "";
  display: block;
  width: 5.2rem;
  height: 0.2rem;
  background-color: #4A5677;
  margin: 0.8rem auto 0;
}
.esg-list01-dl02 dd {
  font-size: 2.4rem;
  font-weight: 600;
  color: #4A5577;
  background-color: #F2F4F7;
  width: 80%;
  padding: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 2rem auto 0;
  border-radius: 68px;
  position: relative;
}

.esg-list01-dl02:after {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  border-top: 3rem solid #DDDFE6;
  border-left: 3rem solid transparent;
  border-right: 3rem solid transparent;
  position: absolute;
  bottom: -48px;
  left: calc(50% - 3rem);
}


.use-grid.cs-body>div { display:grid; }
.use-grid.cs-body>div.space { grid-gap:15px; }
.use-grid.cs-body>div::before, .use-grid.cs-body>div::after { display:none; }
.use-grid.cs-body>div.div-1 { display:grid; grid-template-columns:repeat(1, 1fr) !important; }
.use-grid.cs-body>div.div-2 { display:grid; grid-template-columns:repeat(2, 1fr); }
.use-grid.cs-body>div.div-3 { display:grid; grid-template-columns:repeat(3, 1fr); }
.use-grid.cs-body>div.div-4 { display:grid; grid-template-columns:repeat(4, 1fr); }
.use-grid.cs-body>div.div-5 { display:grid; grid-template-columns:repeat(5, 1fr); }
.use-grid.cs-body>div.div-6 { display:grid; grid-template-columns:repeat(6, 1fr); }
.use-grid.cs-body>div.div-1 > *, .use-grid.cs-body>div.div-2 > *, .use-grid.cs-body>div.div-3 > *, .use-grid.cs-body>div.div-4 > *, .use-grid.cs-body>div.div-5 > *, .use-grid.cs-body>div.div-6 > * { float:inherit; }
.use-grid.cs-body>div>.unit { width:inherit; margin:0px !important; }

.banner.sc-head, .banner.sc-tail { display:none; }
.cs-wrapper + .banner.cs-wrapper { margin-top:60px; }
.banner.use-no.cs-body { margin-top:15px; }
.banner.cs-body>div.space { grid-gap:30px; }
.banner .unit { position:relative; display:flex; flex-direction:column; align-items:center; padding:30px; vertical-align:top; background-color:#f9f9f9; border-radius:20px; text-align:center; }
.banner.nb .unit { padding-left:0px; padding-right:0px; border:0px; border-bottom:1px solid #dbdbdb; border-radius:0px; }
.banner .unit.i-c { justify-content:center; }
.banner .unit-subj { display:block; width:100%; background:none; padding:0px; margin:0px; }
.banner .unit-subj .bul, .banner .unit-subj .text { display:block; margin:0px auto; vertical-align:middle;font-size: 23px;font-weight: 500; }
.banner .unit-subj .bul { margin-bottom:15px; }
.banner .unit-subj .bul.icon-pos-after { margin-top:15px; }
.banner.nt .unit-subj .bul, .banner .unit.nt .unit-subj .bul { margin:0 auto !important; }
.banner .unit-no { display:block; position:absolute; top:-15px; width:50px; height:50px; line-height:40px; padding-bottom:10px; font-size:inherit; font-weight:700; color:#fff; background-color:#675b60; border-radius:8px; overflow:hidden; text-align:center; }
.banner .unit-no i { position:relative; font-style:normal; font-size:85%; border-radius:0px; }
.banner .unit-no::after { content:''; display:block; width:30px; height:0px; position:absolute; left:50%; margin-left:-15px; bottom:0px; border:15px solid transparent; border-bottom:7px solid #fff; }
.banner .unit-body { padding:0px; margin-top:15px; }
.banner.nt .unit-body { margin-top:0px !important; }
.banner .unit-body p { padding:0px; }
.banner .unit-body ul { display:inline-block; text-align:left; }
.banner .unit-body ul + ul { margin-left:50px; }
.banner .unit-body table { width:100%; }
.banner .unit-body table td { vertical-align:top; width:0px; white-space:nowrap; padding-right:15px; }
.banner .unit-body table td:last-child { width:100%; white-space:normal; padding:0px; }
.banner.nt .unit-body h1, .banner.nt .unit-body h2, .banner.nt .unit-body h3, .banner.nt .unit-body h4 { padding-top:0px; }
.banner .unit-down { width:100%; margin-top:auto; padding-top:20px; text-align:right; }
.banner .unit-down
.banner .btn-area .unit-body ul { display:block; }
.banner .btn-area .unit-body ul li { position:relative; margin-top:20px; 
min-height:48px; padding-right:260px; } .banner .btn-area .unit-body ul li 
a.button { position:absolute; bottom:0px; right:0px; }
.banner.hl .unit-subj { color:var(--pattern-color-high); }
.banner.off .unit-subj { color:inherit; }
.banner.is .unit { align-items:flex-start; padding-left:100px; }
.banner.is .unit-subj .bul { position:absolute; margin:0px; top:30px; left:30px; }
.banner.is .unit-subj .text { margin-bottom:10px; }
.banner.is .unit-body { text-align:left; }
.banner.if .unit, .banner.tf .unit { text-align:left; align-items:flex-start; }
.banner.if .unit-subj { margin-bottom:15px; }
.banner.if .unit-subj .bul, .banner.if .unit-subj .text { display:inline-block; margin:0px; }
.banner.if .unit-subj .bul { margin-right:10px; }
.banner.tf .unit-subj .bul { margin:0px; }
.banner.tf .unit-subj .text { margin:10px 0px; }
.banner.bf .unit-subj .bul { padding:10px; background-color:#f5f5f5; border-radius:10px; }
.banner.is.nt.bf .unit-body { min-height:80px; }
.banner.iw-110 .unit { padding-left:110px; }
.banner.iw-120 .unit { padding-left:120px; }
.banner.iw-130 .unit { padding-left:130px; }
.banner.iw-140 .unit { padding-left:140px; }
.banner.iw-150 .unit { padding-left:150px; }
.banner.iw-160 .unit { padding-left:160px; }
.banner.iw-170 .unit { padding-left:170px; }
.banner.iw-180 .unit { padding-left:180px; }
.banner.iw-190 .unit { padding-left:190px; }
.banner.iw-200 .unit { padding-left:200px; }
.banner.iw-210 .unit { padding-left:210px; }
.banner.iw-220 .unit { padding-left:220px; }
.banner.iw-230 .unit { padding-left:230px; }
.banner.iw-240 .unit { padding-left:240px; }
.banner.iw-250 .unit { padding-left:250px; }
.banner.iw-260 .unit { padding-left:260px; }
.banner.iw-270 .unit { padding-left:270px; }
.banner.iw-280 .unit { padding-left:280px; }
.banner.iw-290 .unit { padding-left:290px; }
.banner.iw-300 .unit { padding-left:300px; }
.banner.iw-310 .unit { padding-left:310px; }
.banner.iw-320 .unit { padding-left:320px; }
.banner.iw-330 .unit { padding-left:330px; }
.banner.iw-340 .unit { padding-left:340px; }
.banner.iw-350 .unit { padding-left:350px; }
.banner .unit a.button, .banner.plain .unit input.button { padding:12px 20px; border-radius:10px; font-size:95%; }