<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*湲고�*/
.float_clear {border: medium none;clear: both;margin: 0;padding: 0;}
.para02 span.point {color:#bd5500; font-weight:bold;}
.para02 span.underline {color:#bd5500; text-decoration: underline;}
.board_tbox:before {display:block; content:""; position:absolute; left:-10px; top:-10px; right:-10px; bottom:-10px; background:url('/open_content/images/sub/board_tbox.gif') repeat; z-index:-1;}
.board_tbox {position:relative; margin:10px; padding:20px; line-height:24px; background:#fff;}

.board_tbox p,
.board_tbox li {position:relative; padding-left:10px; font-size:15px; word-break:keep-all; letter-spacing:-0.5px;}
.board_tbox p:not(:first-child),
.board_tbox li:not(:first-child) {margin-top:10px;}
.board_tbox p:before,
.board_tbox li:before {position:absolute; left:0; top:8px; width:2px; height:2px; background:#555; border:1px solid #222; content:"";}


/*怨듬떒�뚭컻*/
.letter_s0{letter-spacing:0px;}
.letter_s1{letter-spacing:-1px;}

div.layout{margin:0px auto; padding:0px; width:702px}
p.margin_l22{padding-bottom:30px;}

div.greeting {position:relative; margin-top:30px;}
div.greeting .photo {position:absolute; right:0; top:60px;}
div.greeting p {font-size:17px; margin-bottom:20px; line-height:26px;}
div.greeting p:first-child {margin-bottom:40px;}
div.greeting p span {font-weight:bold;}
div.greeting p u {text-decoration:none;}
div.greeting p .c_org {color:#e26e06;}
div.greeting p .c_green {color:#238210;}
div.greeting p .c_blue {color:#006bb6;}


ul.greeting li.photo{position:absolute; left:460px; top:60px;}
ul.greeting li.sign{position:relative; left:330px; top:40px;}
ul.greeting li.mt_35{margin-top:35px}
ul.greeting li.mt_25{margin-top:25px}
ul.greeting li.mt_45{margin-top:45px}

/*2013 �몄궗留�*/
ul.greetings{}
ul.greetings li.photo{margin-top:0px; margin-left:-15px;}
ul.greetings ul.greetingt{position:absolute; left:235px; top:52px;}
ul.greetings li.sign{position:relative; left:275px; top:40px;}
ul.greetings li.mt_25{margin-top:25px}
ul.greetings li.mt_18{margin-top:18px}
ul.greetings li.mt_45{margin-top:45px}

div.history_top{width:680px; padding-top:2px; margin-left:10px; background:url(/open_content/images/sub/history_bgT.gif) top left no-repeat;}
div.history_btm{padding-bottom:4px; background:url(/open_content/images/sub/history_bgB.gif) left bottom no-repeat;}
div.history_mid{padding-top:35px; background:url(/open_content/images/sub/history_bgM.gif) left repeat-y;}
div.history_mid ul.end{padding-bottom:0px; background:none;}
ul.history_l{position:relative; padding-left:40px; padding-bottom:50px; background:url(/open_content/images/sub/history_bgLine.gif) left bottom no-repeat;}
ul.history_l li.year{background:url(/open_content/images/sub/history_line.gif) 118px repeat-y;}
ul.history_l li.year_2011{padding-left:5px; background:url(/open_content/images/sub/history_line.gif) 118px repeat-y;}
ul.history_l li.img2009{position:absolute; top:40px;}
ul.history_l li.img2013{position:absolute; top:100px;}
ul.history_l li ul{position:relative; left:160px; top:-28px;}
ul.history_l li ul.min-height{height:180px;}
ul.history_l li ul li{padding-top:25px;}
ul.history_l li ul li.first{padding-top:0px;}

ul.history_r{position:relative; padding-left:40px; padding-bottom:50px; background:url(/open_content/images/sub/history_bgLine.gif) left bottom no-repeat;}
ul.history_r li.year{padding-right:45px; text-align:right; background:url(/open_content/images/sub/history_line2.gif) 478px repeat-y}
ul.history_r li.year_2010{padding-right:47px; text-align:right; background:url(/open_content/images/sub/history_line2.gif) 478px repeat-y}
ul.history_r li.year_2012{padding-right:47px; text-align:right;}
ul.history_r li.img2010{position:absolute; top:70px; right:50px;}
ul.history_r li.img2012{position:absolute; top:65px; right:50px;}
ul.history_r li ul{position:relative; text-align:left; left:30px; top:-28px;}
ul.history_r li ul.min-height{height:180px;}
ul.history_r li ul li{padding-top:25px;}
ul.history_r li ul li.first{padding-top:0px;}

div.history_mid div.end{padding-bottom:0px; background:none;}
div.history_txt_l{overflow:hidden; padding-left:40px; padding-bottom:50px; background:url('/open_content/images/sub/history_bgLine.gif') left bottom no-repeat; color:#666666;}
div.history_txt_l p.year {float:left; width:135px;}
div.history_txt_l p.bgimg{background:url('/open_content/images/sub/history_2009img.gif') no-repeat left 40px; height:210px;}
div.history_txt_l dl {float:left; margin-left:25px;}
div.history_txt_l dl dt{float:left; font-weight:bold; width:43px; text-align:left; margin-bottom:15px;}
div.history_txt_l dl dd {margin-bottom:15px;}

div.history_txt_r{overflow:hidden; min-height:100px; padding-left:40px; padding-bottom:50px; background: url('/open_content/images/sub/history_bgLine.gif') left bottom no-repeat; color:#666666;}
div.history_txt_r p.year {float:right; padding-right:45px;}
div.history_txt_r p.bgimg{background:url('/open_content/images/sub/history_2010img.gif') no-repeat left 60px; height:210px;}
div.history_txt_r dl {float:left; margin-left:30px;}
div.history_txt_r dl dt{float:left; font-weight:bold; width:43px; text-align:left; margin-bottom:15px;}
div.history_txt_r dl dd {margin-bottom:15px;}


div.purpose{margin-top:55px; margin-left:0px;}
div.purpose ul li{float:left; padding-right:10px;}
div.purpose ul li.last{padding-right:0px}
div.strategy{clear:both; padding-top:55px; text-align:center;}
div.strategy ul li{padding-bottom:9px;}

div.ci_img{margin:30px 0px 0px 13px;}
div.ci_color{margin:80px 0px 40px 13px;}
div.ci_color ul li{float:left; margin-top:12px; margin-right:16px; padding-bottom:50px;}
div.ci_color ul li.last{margin-right:0px;}

div.group{margin-top:30px; overflow:hidden; clear:both;}
div.group ul{position:relative; float:left;}
div.group ul li.left{float:left; margin-right:3px; padding-right:0px;}
div.group ul li.last{margin-right:0px; padding-right:0px;}

div.position{position:relative; text-align:center; padding-top:15px; margin-bottom:50px;}
div.position h4{background:none;}
div.position ul li{padding-top:16px;}

/*div.customer_charter {position:relative; text-align:center; width:709px; height:780px; padding-top:83px; background:url("/open_content/images/sub/customer_charter_bg.gif") no-repeat left top;}
div.customer_charter h4{background:none; margin:0 0 22px 0;}
div.customer_charter p{padding-bottom:83px;}
div.customer_charter ul li{padding-bottom:82px;}*/
div.customer_charter {position:relative; text-align:center; width:709px; height:auto; padding-top:83px; background:url("/open_content/images/sub/customer_charter_bg.gif") no-repeat left top;}
div.customer_charter h4{background:none; margin:0 0 22px 0;}
div.customer_charter p{padding-bottom:83px;}
div.customer_charter div.bg_bottom {background:url('/open_content/images/sub/customer_charter_bg2.gif') no-repeat left bottom;}
div.customer_charter div.bg_bottom dl {text-align:left; padding:0 75px;}
div.customer_charter div.bg_bottom dl dt {padding-top:15px; background:url('/open_content/images/sub/service_charter_line.gif') repeat-x center top;}
div.customer_charter div.bg_bottom dl dt:first-child {padding-top:0; background:none;}
div.customer_charter div.bg_bottom dl dd {padding:3px 0 15px 5px;}

div.ethics_charter {position:relative; text-align:center; width:709px; height:auto; padding-top:83px; background:url("/open_content/images/sub/ethics_charter_bg.gif") no-repeat left top;}
div.ethics_charter h4{background:none; margin:0 0 22px 0;}
div.ethics_charter p{padding-bottom:63px;}
div.ethics_charter div.bg_bottom {background:url('/open_content/images/sub/ethics_charter_bg.gif') no-repeat left bottom; padding-bottom:50px;}
div.ethics_charter div.bg_bottom dl {text-align:left; padding:0 75px;}
div.ethics_charter div.bg_bottom dl dt {padding-top:15px;}
div.ethics_charter div.bg_bottom dl dt:first-child {padding-top:0; background:none;}
div.ethics_charter div.bg_bottom dl dd {padding:3px 0 15px 5px;}

div.ethics_charter.esg_charter {padding-top:93px;}
div.ethics_charter.esg_charter h4 {margin-bottom:32px;}
div.ethics_charter.esg_charter p {padding-bottom:90px;}
div.ethics_charter.esg_charter dl+p {margin-top:30px; padding-bottom:20px;} 
div.ethics_charter.esg_charter dl+p .name {display:inline-block; margin-top:10px; font-weight:bold; font-size:18px;}


div.safety_disaster {position:relative; text-align:center; width:709px; height:auto; padding-top:83px; background:url("/open_content/images/sub/customer_charter_bg.gif") no-repeat left top;}
div.safety_disaster h4{background:none; margin:0 0 22px 0;}
div.safety_disaster p{padding-bottom:83px;}
div.safety_disaster div.bg_bottom {background:url('/open_content/images/sub/customer_charter_bg2.gif') no-repeat left bottom;}
div.safety_disaster div.bg_bottom dl {text-align:left; padding:0 75px;}
div.safety_disaster div.bg_bottom dl dt {padding-top:15px; background:url('/open_content/images/sub/service_charter_line.gif') repeat-x center top;}
div.safety_disaster div.bg_bottom dl dt:first-child {padding-top:0; background:none;}
div.safety_disaster div.bg_bottom dl dd {padding:3px 0 15px 5px;}
div.safety_disaster div.bg_bottom ul {text-align:left; padding:0 75px;}
div.safety_disaster div.bg_bottom ul li {position:relative; padding:15px 0 15px 18px; background:url('/open_content/images/sub/service_charter_line.gif') repeat-x center top;}
div.safety_disaster div.bg_bottom ul li:first-child {background:none;}
div.safety_disaster div.bg_bottom ul li .num {position:absolute; left:0; top:15px; font-weight:bold; color:#000;}

ul.strategy_detail {overflow:hidden; margin:15px 0 30px 25px;}
ul.strategy_detail li {float:left; margin-left:9px;}

/* �쒖꽕�ъ뾽 */
.back{background:#f5f5f5}
.table_ps01{font:11px dotum; text-align:right;}
.table_ps02{font:bold 11px dotum; letter-spacing:-1px; text-align:right;}
.table_ps03{padding-top:5px; font:11px dotum; line-height:16px;}
div.order_box{width:607px; margin-top:10px; margin-left:22px;  border-top:1px solid #dddddd; background:url(/open_content/images/sub/bag_application_boxM.gif) left repeat-y;}
div.order_boxbg{padding:20px 0px 30px 17px; background:url(/open_content/images/sub/bag_application_boxB.gif) left bottom no-repeat;}
div.order_boxbg h5{padding-top:3px}
div.order_boxbg ul.boximg{background:url(/open_content/images/sub/bag_application_boximg.gif) 460px 30px no-repeat;}
div.order_boxbg ul.account{margin-top:5px; background:url(/open_content/images/sub/bag_application_boxbg.gif) no-repeat;  height:28px;}
div.order_boxbg ul.account li{float:left; padding-top:4px; padding-left:10px;}
div.order_boxbg ul.account li img{padding-top:3px; padding-left:10px;}

div.bag_login{width:702px; margin:0 auto; padding-top:20px;}
div.bag_login div.box{float:left; width:712px; background:url('/open_content/images/program/login_bg.gif') no-repeat left top;  clear:both; padding-top:17px; height:178px; margin-top:20px;}
div.bag_login div.box div.login_form{float:left; width:342px;}
div.bag_login div.box div.login_form h5{margin:15px 0px 10px 24px; padding-top:2px;}
div.bag_login div.login_form{position:relative; width:342px;}
div.bag_login div.login_form p.id{width:220px; padding-top:10px; margin-left:34px; height:29px;}
div.bag_login div.login_form p img{vertical-align:top;padding:0; margin:0;}
div.bag_login div.login_form p.pw{width:220px; margin-left:34px; padding-top:2px;height:28px;}
div.bag_login div.login_form p.btn{position:absolute; right:0; bottom:1px; left:243px;}
div.bag_login div.login_form p.id input{height: 18px; width:140px; border: 1px solid #CECECE; margin:3px 0 0px 17px; padding:0;}
div.bag_login div.login_form p.pw input{height: 18px; width:140px; border: 1px solid #CECECE; margin:3px 0 0 6px;padding:0;}
div.bag_login div.box div.join_link{float:left; padding-left:22px;}
div.bag_login div.box div.join_link img{vertical-align:top; margin-bottom:12px; margin-right:10px; margin-top:15px}
div.bag_login div.box div.join_link .join{margin-left:14px;}

ul.sticker{margin:10px auto; margin-left:10px; overflow:hidden;}
ul.sticker li{float:left; margin:0px 6px; text-align:center; font-weight:bold;}
ul.sticker li img{margin-bottom:5px}

div .chenbo_mt_bg {background: url("/open_content/images/sub/chenbo_mt_bg.jpg") no-repeat scroll right 22px transparent;}
div .rafting_bg {background: url("/open_content/images/sub/rafting_bg.jpg") no-repeat scroll right -5px transparent;}
div .parking_bg {background: url("/open_content/images/sub/parking_bg.jpg") no-repeat scroll right 30px transparent;}
div .parking_bg2 {background: url("/open_content/images/sub/offstreet_photo.jpg") no-repeat scroll right 30px transparent;}

.mblet a{	background: url("/open_content/images/sub/icon.jpg") no-repeat left top; padding-left:15px; }
.mblet a:hover {color:blue; text-decoration:underline;}


/*�대┛寃쎌쁺*/
ul.standard{padding:10px 15px; margin-bottom:30px; border:2px solid #dddddd; /* height:50px; */ background:#f9f9f9;}
ul.standard:after {display:block; content:""; clear:both;}
ul.standard li{float:left;  margin:3px 5px;}
div.conduct{padding:20px; margin-top:0px; width:660px; height:500px; overflow:auto; border:1px solid #dddddd;}

/*寃쎌쁺紐⑺몴, �꾨왂*/
div.strategy_ir {background:url('/open_content/images/sub/strategy.jpg') no-repeat left top; width:635px; height:0; padding-top:515px; font-size:0; text-indent:-5000px; overflow:hidden;}
div.managerialOb {margin-top:10px;}
div.managerialOb dl {border:1px solid #ddd; overflow:hidden; padding:1.5%; display:table; width:97%; margin-bottom:7px;}
div.managerialOb dl dt {display:table-cell; position:relative; width:20%; text-align:center; background:#31859c; color:#fff; font-weight:800; font-size:20px; vertical-align:middle; height:74px; line-height:23px; padding-left:8px;}
div.managerialOb dl dt:after {content:''; position:absolute; border-left:17px solid #31859c; border-top:37px solid transparent; border-bottom:37px solid transparent; top:0; right:-17px;}
div.managerialOb dl dd {display:table-cell; width:75%; padding-left:4%; vertical-align:middle;}
div.managerialOb dl.strategy dt,
div.managerialOb dl.target dt {background:#77933c;}
div.managerialOb dl.strategy dt:after,
div.managerialOb dl.target dt:after {border-left:17px solid #77933c;}
div.managerialOb dl.mission dd,
div.managerialOb dl.vision dd{font-size:22px; font-weight:700; text-align:center; padding-right:15px;}
div.managerialOb dl.mission dd {color:#7f7f7f;}
div.managerialOb dl.mission dd span {color:#4f81bd; font-size:23px; font-weight:800;}
div.managerialOb dl.vision dd {color:#595959;}
div.managerialOb dl.vision dd span {color:#77933c; font-size:26px; font-weight:800;}
div.managerialOb dl.vision dd span.blue {color:#324cbd;}
div.managerialOb dl dd ul {overflow:hidden;}
div.managerialOb dl dd ul li {float:left; width:23%; margin:0 1%; text-align:center;}
div.managerialOb dl dd ul li span {display:block; border:1px solid #ddd; border-radius:5px; font-size:15px;}
div.managerialOb dl.strategy dd ul li span {line-height:59px;}
div.managerialOb dl.target dd ul li span {line-height:18px; padding:12px 0;}
div.managerialOb dl.value dd {text-align:center;}
div.managerialOb dl.value dd p {display:inline-block; margin-left:15px; padding:8px 0; width:200px; color:#324cbd; background:#fff; border:1px solid #324cbd; border-radius:30px; font-size:17px; font-weight:700;}
div.managerialOb dl.value dd p:first-child {color:#58811d; border:1px solid #58811d;}

/* �뚯썝媛��낆븞�� */
div.email{margin:0px auto; padding-left:2px; width:609px; height:479px; background:url('/open_content/images/sub/email_bg.gif') no-repeat; text-align:center;}
div.email p.tit{padding-top:40px;}
div.email ul.email_box{margin:25px auto; width:512px; height:215px; background:url('/open_content/images/sub/email_boxbg.gif') no-repeat; text-align:left;}
div.email ul.email_box li{padding-top:20px; padding-left:24px;}

/*�쒖꽕醫낇빀�꾪솴 諛섏썡�꾪듃��~泥�냼��*/
#detail_con div.gallery{position:relative; width:700px; height:211px; background:url('/open_content/images/sub/gallery_top_bg.gif') repeat-x left top; margin:0 auto;}
#detail_con div.gallery h4.none{background:none; padding:32px 0 0 30px; margin:0;}
#detail_con div.gallery p.txt{margin-left:30px; padding-top:15px; width:380px;}
#detail_con div.gallery p.img{position:absolute; right:42px; top:35px;}
#detail_con div.gallery_title{position:relative;}
#detail_con div.gallery_title h4.none{background:none;padding:0 0 10px 12px; margin:0;}
#detail_con div.gallery_title span{position:absolute; right:17px; top:8px;}
#detail_con div.photolist {background: url("/open_content/images/board/photo_top.gif") no-repeat left top; width:712px; margin:0 auto; clear:both;}
#detail_con div.photolist ul.group{padding-top:10px;}
#detail_con div.photolist .slist {position:relative; border-bottom:1px solid #E6E6E6; clear:both; width:712px; padding-bottom:10px;}
#detail_con div.photolist .slist div.img{position:absolute; left:20px; top:20px; display:block;}
#detail_con div.photolist .slist div img {border-color: #D9D9D9; border-style: solid; border-width:1px; padding:5px;}
#detail_con div.photolist .slist .contents_list{clear:both; width:480px; padding:30px 0 50px 210px;}
#detail_con div.photolist .slist .contents_list h5{font-size:14px;margin:0px 0 10px 0;}
#detail_con div.photolist .slist .contents_list ul li span{font-weight:bold;}
#detail_con div.photolist2 {background: url("/open_content/images/board/photo_top.gif") no-repeat left top; width:712px; margin:0 auto; clear:both;}
#detail_con div.photolist2 ul.group{padding-top:10px;}
#detail_con div.photolist2 .slist {position:relative; border-bottom:1px solid #E6E6E6; padding-bottom:10px; overflow:hidden;}
#detail_con div.photolist2 .slist div {margin-top:20px; float:left; margin-left:43px;}
#detail_con div.photolist2 .slist div img {border-color: #D9D9D9; border-style: solid; border-width:1px; padding:5px;}

#detail_con div.gallery2 {display:flex; gap:30px; align-items:center; padding:18px; width:99%; box-sizing:border-box; border:1px solid #c7c7c7; border-radius:3px; box-shadow:2px 2px 0 #ededed; background:url('/open_content/images/sub/facilitiesguide/photobox_bg.gif') repeat;}
#detail_con div.gallery2 .img {padding:26px 19px 19px; margin-top:-5px; background:url('/open_content/images/sub/facilitiesguide/photobox_frame.png') no-repeat;}

div.zoomimg{background: url("/open_content/images/sub/gallery_popup_bg.gif") no-repeat left top; width:700px; height:530px;}
div.zoomimg div.photo{text-align:center; padding-top:24px;}
div.zoomimg div.photo img{border:1px solid #737373;}
div.popup_close{float:right;padding:35px 15px 5px 0;}

#detail_con div.gym{position:relative; width:700px; height:228px; background:url('/open_content/images/sub/gallery_top_bg2.jpg') repeat-x left top; margin:0 auto;}
#detail_con div.gym ul{padding:33px 0 0 52px;}
#detail_con div.gym ul li{float:left; padding-right:67px; text-align:center;}
#detail_con div.gym ul li.last{padding-right:0px;}
#detail_con div.gym ul li img.img{padding-top:22px;}

/*�곗젙�몄닔*/
#detail_con div.gallery_lake{position:relative; width:700px; height:250px; background:url('/open_content/images/sub/gallery_top_bg02.gif') repeat-x left top; margin:0 auto;}
#detail_con div.gallery_lake h4.none{background:none; padding:23px 0 0 30px; margin:0;}
#detail_con div.gallery_lake p.txt{margin-left:30px; padding-top:15px; width:400px;line-height:16px;}
#detail_con div.gallery_lake p.img{position:absolute; right:42px; top:35px;}

#detail_con div.gallery_camp{position:relative; width:700px; height:180px; background:url('/open_content/images/sub/gallery_top_bg03.gif') repeat-x left top; margin:0 auto;}
#detail_con div.gallery_camp h4.none{background:none; padding:23px 0 0 30px; margin:0;}
#detail_con div.gallery_camp p.txt{margin-left:30px; padding-top:15px; width:470px;line-height:16px;}
#detail_con div.gallery_camp p.img{position:absolute; right:42px; top:35px;}

#detail_con div.gallery_title{position:relative;}
#detail_con div.gallery_title h4.none{background:none;padding:0 0 10px 12px; margin:0;}
#detail_con div.gallery_title span{position:absolute; right:17px; top:8px;}

.open_data {background:url('/open_content/images/sub/open_data.gif') no-repeat left top; width:670px; height:0; padding-top:256px; font-size:0; overflow:hidden; text-indent:-5000px; }
.para02 .point2 {color:#238834;}
.para02 .data_link {text-decoration:underline; color:#2b3a85;}
.para02 .data_link span{color:#2b3a85;}

.tbox {margin-top:15px; padding:20px; border:1px solid #ddd; background:#fbfbfb;}

.contribute_vision {width:676px; height:458px; margin:10px auto 50px; background:url(/open_content/images/sub/contribute_img1.gif) no-repeat;}
.contribute_organization {width:644px; height:290px; margin:10px auto; background:url(/open_content/images/sub/contribute_img2.gif) no-repeat;}

/*�ъ씠�몃㏊*/
div.sitemapCon p.sitemap_t {margin-left:5px; padding-bottom:10px;}
div.sitemapCon .depth2 {margin-top:5px; padding-left:6px;  background: url("/open_content/images/sub/site_bl.gif") no-repeat left 8px;}
div.sitemapCon .depth3 {font-size:11px;  letter-spacing:-0.3px; color:#909090; letter-spacing:-0.2px; padding-left:10px;}

div.sitemap {float:left; padding-left:13px;}
div.sitemap .line {float:left; height:250px; width:155px; border-top:3px solid #f38f21;  border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; padding-top:10px; padding-left:20px;}
div.sitemap .line2 {float:left; height:250px; width:155px; border-top:3px solid #f38f21;  border-bottom:1px solid #e3e3e3; padding-top:10px; padding-left:20px;}
div.sitemap .line3 {float:left; height:250px; width:155px;  border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding-top:10px; padding-left:20px;}
div.sitemap .line4 {float:left; height:250px; width:155px; border-bottom:1px solid #e3e3e3; padding-top:10px; padding-left:20px;}
div.sitemap span {font-size:15px;  font-weight: bold; color:#ab5f15; letter-spacing:-0.5px;}


div.sitemap2 {clear:both; padding-top:30px; padding-left:13px;}
div.sitemap2 div.line {float:left; height:470px; width:155px; border-top:3px solid #0085c3;  border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; padding-top:10px; padding-left:20px;}
div.sitemap2 div.line2 {float:left; height:470px; width:155px; border-top:3px solid #0085c3;  border-bottom:1px solid #e3e3e3; padding-top:10px; padding-left:20px;}
div.sitemap2 div.line3 {float:left; height:200px; width:155px;  border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding-top:10px; padding-left:20px;}
div.sitemap2 div.line4 {float:left; height:200px; width:155px; border-bottom:1px solid #e3e3e3; padding-top:10px; padding-left:20px;}
div.sitemap2 span {font-size:15px;  font-weight: bold; color:#005e8a; letter-spacing:-0.5px;}


div.sitemap3 {clear:both; padding-top:30px; padding-left:13px;}
div.sitemap3 div.line {float:left; height:150px; width:155px; border-top:3px solid #b2d234;  border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; padding-top:10px; padding-left:20px;}
div.sitemap3 div.line2 {float:left; height:150px; width:155px; border-top:3px solid #b2d234;  border-bottom:1px solid #e3e3e3; padding-top:10px; padding-left:20px;}
div.sitemap3 div.line3 {float:left; height:150px; width:155px;  border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding-top:10px; padding-left:20px;}
div.sitemap3 div.line4 {float:left; height:150px; width:155px; border-bottom:1px solid #e3e3e3; padding-top:10px; padding-left:20px;}
div.sitemap3 span {font-size:15px;  font-weight: bold; color:#618000; letter-spacing:-0.5px;}

div.sitemap4 {clear:both; padding-top:30px; padding-left:13px;}
div.sitemap4 div.line {float:left; height:300px; width:155px; border-top:3px solid #f38f21;  border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; padding-top:10px; padding-left:20px;}
div.sitemap4 div.line2 {float:left; height:300px; width:155px; border-top:3px solid #f38f21;  border-bottom:1px solid #e3e3e3; padding-top:10px; padding-left:20px;}
div.sitemap4 div.line3 {float:left; height:100px; width:155px;  border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding-top:10px; padding-left:20px;}
div.sitemap4 div.line4 {float:left; height:100px; width:155px; border-bottom:1px solid #e3e3e3; padding-top:10px; padding-left:20px;}
div.sitemap4 span {font-size:15px;  font-weight: bold; color:#ab5f15; letter-spacing:-0.5px;}


div.sitemap5 {clear:both; padding-top:30px; padding-left:13px;}
div.sitemap5 div.line {float:left; height:80px; width:155px; border-top:3px solid #0085c3;  border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; padding-top:10px; padding-left:20px;}
div.sitemap5 div.line2 {float:left; height:80px; width:155px; border-top:3px solid #0085c3;  border-bottom:1px solid #e3e3e3; padding-top:10px; padding-left:20px;}
div.sitemap5 div.line3 {float:left; height:80px; width:155px;  border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding-top:10px; padding-left:20px;}
div.sitemap5 div.line4 {float:left; height:80px; width:155px; border-bottom:1px solid #e3e3e3; padding-top:10px; padding-left:20px;}
div.sitemap5 span {font-size:15px;  font-weight: bold; color:#005e8a; letter-spacing:-0.5px;}

div.sitemap6 {float:left; padding-left:13px;}
div.sitemap6 .line {float:left; height:350px; width:155px; border-top:3px solid #f38f21;  border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; padding-top:10px; padding-left:20px;}
div.sitemap6 .line2 {float:left; height:300px; width:155px; border-top:3px solid #f38f21;  border-bottom:1px solid #e3e3e3; padding-top:10px; padding-left:20px;}
div.sitemap6 .line3 {float:left; height:100px; width:155px;  border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding-top:10px; padding-left:20px;}
div.sitemap6 .line4 {float:left; height:100px; width:155px; border-bottom:1px solid #e3e3e3; padding-top:10px; padding-left:20px;}
div.sitemap6 .line5 {float:left; height:330px; width:155px;  border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding-top:10px; padding-left:20px;}
div.sitemap6 span {font-size:15px;  font-weight: bold; color:#ab5f15; letter-spacing:-0.5px;}

/*new sitemap*/
.siteMap * {box-sizing:border-box; word-break:keep-all;}
.siteMap .topNone,
.siteMap .ktour {display:none !important;}
.siteMap .menu&gt;li{margin-bottom:40px; border-radius:3px; border:1px solid #c7c7c7; background:#fff;}
.siteMap .menu&gt;li&gt;a{position:relative; display:block; padding:27px 20px 25px; font-size:24px; font-weight:600; color:#555; text-decoration:none; border-bottom:2px solid #ef8f28;}
.siteMap .menu&gt;li&gt;a:before {position:absolute; top:calc(100% + 2px); left:0; right:0; height:4px; background:linear-gradient( to bottom, #d6d6d6 0%, #fff 100% ); content:"";}
.siteMap .menu&gt;li&gt;a:after {margin-left:8px; font-size:10px; font-weight:400; color:#777;}
.siteMap .menu&gt;li.menu1&gt;a:after {content:"CONSOLIDATED RESERVATION";}
.siteMap .menu&gt;li.menu2&gt;a:after {content:"FACILITY 쨌 BUSINESS";}
.siteMap .menu&gt;li.menu3&gt;a:after {content:"PARTICIPATION 쨌 NOTICE";}
.siteMap .menu&gt;li.menu4&gt;a:after {content:"INFORMATION DISCLOSURE";}
.siteMap .menu&gt;li.menu5&gt;a:after {content:"INTRODUCE";}
.siteMap .menu&gt;li.menu8&gt;a:after {content:"DEVELOPMENT PROJECT";}
.siteMap .submenu{position:relative; display:flex; flex-wrap:wrap; gap:20px; padding:20px 20px;}
.siteMap .submenu:after {position:absolute; bottom:8px; left:5px; right:5px; height:3px; background:#fff; content:"";}
.siteMap .submenu&gt;li {position:relative; width:calc(25% - 15px); padding:0 6px;}
.siteMap .submenu&gt;li:before {position:absolute; bottom:-11px; left:0; right:0; height:1px; background:#ebebeb; content:"";}
.siteMap .submenu&gt;li:not(:nth-child(4n)):after {position:absolute; top:0; bottom:0; right:-10px; width:1px; background:#ebebeb; content:"";}
.siteMap .submenu&gt;li&gt;a {font-size:15px; font-weight:bold; color:#5a5959;}
.siteMap .submenu&gt;li&gt;ul {margin-top:11px;}
.siteMap .submenu&gt;li&gt;ul&gt;li&gt;a {position:relative; display:block; padding-left:9px; margin-bottom:3px;}
.siteMap .submenu&gt;li&gt;ul&gt;li&gt;a:before {position:absolute; top:8px; left:2px; width:3px; height:3px; box-shadow:1px 1px 1px rgba(0,0,0,.08); background:#d47a1a; content:"";}



.burial {background:url('/open_content/images/sub/gallery_top_bg04.gif') no-repeat; height:211px;}
.burial &gt; ul {overflow:hidden; padding:35px;}
.burial &gt; ul &gt; li {float:left; margin-left:53px;}
.burial &gt; ul &gt; li:first-child {margin-left:0;}

.gym_soccer {position:relative; margin:auto; width:700px; border:1px solid #c7c7c7; border-radius:5px; background:#f9f9f9; box-shadow:2px 2px 0 #ededed; box-sizing:border-box;}
.gym_soccer:before {position:absolute; left:19px; top:8px; width:661px; height:183px; background:url('/open_content/images/sub/gallery_top_bg04.gif') no-repeat -19px -8px; content:"";}
.gym_soccer &gt; ul {position:relative; overflow:hidden; padding:32px 32px 18px;}
.gym_soccer &gt; ul &gt; li {float:left; text-align:center; margin-left:45px;}
.gym_soccer &gt; ul &gt; li:first-child {margin-left:0;}
.gym_soccer &gt; ul &gt; li .photo {width:181px; height:145px;}
.gym_soccer &gt; ul &gt; li .img {margin-top:22px;}

.btn_i_order {color:#fff; font-weight:bold; background:#0d5175; padding:10px 20px; border-radius:15px;}

.humanrights_step {width:99%; margin-bottom:10px;}
.humanrights_step:after {content:""; display:block; clear:both;}
.humanrights_step&gt;li {position:relative; float:left; text-align:center; width:14.57%; height:65px; border:1px solid #ccc; border-radius:5px; background:linear-gradient(to bottom,#fff, #f0f0f0); box-shadow:0 1px 2px rgba(0,0,0,0.2); box-sizing:border-box;}
.humanrights_step&gt;li:not(:first-child) {margin-left:2.5%;}
.humanrights_step&gt;li&gt;span {position:relative; top:50%; display:block; color:#666; font-size:15px; font-weight:600; text-shadow:1px 1px 0 #fff; transform:translateY(-50%);}
.humanrights_step&gt;li:not(:first-child):before {position:absolute; top:50%; right:100%; width:15%; height:1px; background:#f88f00; transform:translateY(-50%); content:"";}
.humanrights_step&gt;li:not(:first-child):after {position:absolute; top:50%; right:100%; border:4px solid transparent; border-left:5px solid #f88f00; transform:translateY(-50%) translateX(3px); content:"";}

.ethics_ceo {position:relative; padding:30px;}
.ethics_ceo:before {position:absolute; top:0; left:12px; width:100%; height:50px; background:url(/open_content/images/sub/ethics_charter_bg.gif) no-repeat; content:"";}
.ethics_ceo:after {position:absolute; bottom:0; left:12px; width:100%; height:50px; background:url(/open_content/images/sub/ethics_charter_bg.gif) no-repeat left bottom; content:"";}
.ethics_ceo&gt;div {width:659px; margin:0 auto; padding:40px 25px 60px; box-sizing:border-box; background:linear-gradient(to bottom,#fbfbfb,#fff 90%, #fbfbfb); background:; border:1px solid #d7d7d7; box-shadow:1px 0 2px rgba(0,0,0,0.1), -1px 0 2px rgba(0,0,0,0.1);}
.ethics_ceo&gt;div&gt;p {margin-top:25px; font-size:15px; word-break:keep-all;}
.ethics_ceo&gt;div&gt;p.name {text-align:right; margin-top:45px;}

.strategy2020 {position:relative; text-align:center;}
.strategy2020&gt;p {font-size:34px; font-weight:bold; color:#000;}
.strategy2020&gt;ul&gt;li {position:relative; margin-top:35px;}
.strategy2020&gt;ul&gt;li:before {position:absolute; content:""; bottom:100%; left:50%; margin-left:-100px; border:100px solid transparent; border-bottom:30px solid #eee; z-index:999; }
.strategy2020&gt;ul&gt;li&gt;dl {position:relative; margin-bottom:10px; padding:20px; padding-left:30%; border:1px solid #aaa; border-radius:5px; background:#f9f9f9; box-sizing:border-box;}
.strategy2020&gt;ul&gt;li&gt;dl:after {display:block; clear:both; content:"";}
.strategy2020&gt;ul&gt;li&gt;dl&gt;dt {position:absolute; left:10px; top:10px; bottom:10px; width:25%; color:#fff; font-size:20px; font-weight:bold; border:1px solid #47484c; border-radius:5px; background:#6e6f72; background:linear-gradient( to bottom, #b0b1b2 1px, #747578 1px, #68696c 100%); text-shadow:1px 0 #47484c, -1px 0 #47484c, 0 1px #47484c, 0 -1px #47484c;}
.strategy2020&gt;ul&gt;li&gt;dl&gt;dt&gt;span {position:relative; top:50%; display:block; transform:translateY(-50%);}
.strategy2020&gt;ul&gt;li:nth-child(1)&gt;dl&gt;dt { border:1px solid #004a6d; background:#0785c0; background:linear-gradient( to bottom, #75bddf 1px, #0d8bc6 1px, #007eb9 100%); text-shadow:1px 0 #004a6d, -1px 0 #004a6d, 0 1px #004a6d, 0 -1px #004a6d; }
.strategy2020&gt;ul&gt;li:nth-child(2)&gt;dl&gt;dt { border:1px solid #9e5300; background:#ed8e24; background:linear-gradient( to bottom, #f9c386 1px, #f3942b 1px, #e7881f 100%); text-shadow:1px 0 #9e5300, -1px 0 #9e5300, 0 1px #9e5300, 0 -1px #9e5300; }
.strategy2020&gt;ul&gt;li:nth-child(3)&gt;dl&gt;dt { border:1px solid #5e7800; background:#9ec50e; background:linear-gradient( to bottom, #cbe179 1px, #a4cb13 1px, #97be07 100%); text-shadow:1px 0 #5e7800, -1px 0 #5e7800, 0 1px #5e7800, 0 -1px #5e7800; }
.strategy2020&gt;ul&gt;li&gt;dl&gt;dd {font-size:16px;}
.strategy2020&gt;ul&gt;li:nth-child(1)&gt;dl&gt;dd {font-weight:bold;}
.strategy2020&gt;ul&gt;li:nth-child(1)&gt;dl&gt;dd span {font-size:20px;}
.strategy2020&gt;ul&gt;li:nth-child(1)&gt;dl&gt;dd .blue {color:#004a6d;}
.strategy2020&gt;ul&gt;li:nth-child(1)&gt;dl&gt;dd .green {color:#5e7800;}
.strategy2020&gt;ul&gt;li:nth-child(2)&gt;dl&gt;dd li {float:left; padding:10px; font-size:14px; border-radius:5px; box-sizing:border-box; word-break:keep-all; letter-spacing:-1px;}
.strategy2020&gt;ul&gt;li:nth-child(2)&gt;dl&gt;dd li:not(:first-child) {margin-left:1.5%;}
.strategy2020&gt;ul&gt;li:nth-child(2)&gt;dl:nth-child(1)&gt;dd li {width:23.87%; font-weight:bold; border:1px solid #aaa; background:#fff; padding:10px 0px; }
.strategy2020&gt;ul&gt;li:nth-child(2)&gt;dl:nth-child(2)&gt;dd li {position:relative; width:23.5%; height:80px; padding:10px 2px;}
.strategy2020&gt;ul&gt;li:nth-child(2)&gt;dl:nth-child(2)&gt;dd li span {position:relative; display:block; top:50%; transform:translateY(-50%); }
.strategy2020&gt;ul&gt;li:nth-child(2)&gt;dl:nth-child(2)&gt;dd li:not(:first-child):after {position:absolute; left:-7px; top:10px; bottom:10px; width:1px; background:#ccc; content:"";} 
.strategy2020&gt;ul&gt;li:nth-child(2)&gt;ul {position:relative; overflow:hidden; margin-bottom:10px; padding:20px; border:1px solid #aaa; border-radius:5px; background:#f9f9f9; box-sizing:border-box;}
.strategy2020&gt;ul&gt;li:nth-child(2)&gt;ul&gt;li {float:left; width:24%; margin-left:1.33%; border-radius:5px; border:1px solid #aaa; background:#fff; box-sizing:border-box;}
.strategy2020&gt;ul&gt;li:nth-child(2)&gt;ul&gt;li:first-child {margin-left:0;}
.strategy2020&gt;ul&gt;li:nth-child(2)&gt;ul&gt;li .tit {padding:10px 0; font-weight:bold; letter-spacing:-1px; color:#111; background:#f0f0f0; border-radius:5px 5px 0 0; border-bottom:1px solid #aaa;}
.strategy2020&gt;ul&gt;li:nth-child(2)&gt;ul&gt;li&gt;ul {padding:10px; text-align:left; height:150px;}
.strategy2020&gt;ul&gt;li:nth-child(2)&gt;ul&gt;li&gt;ul&gt;li {position:relative; font-size:12px; padding-left:20px; margin-top:5px; line-height:18px; letter-spacing:-1px; word-break:keep-all}
.strategy2020&gt;ul&gt;li:nth-child(2)&gt;ul&gt;li&gt;ul&gt;li&gt;.num {position:absolute; left:0; top:0; width:17px; text-align:right;}
.strategy2020&gt;ul&gt;li:nth-child(2)&gt;ul&gt;li&gt;ul&gt;li:first-child {margin-top:0;}

.strategy2020&gt;ul&gt;li:nth-child(3)&gt;dl&gt;dd ul:after {display:block; content:""; clear:both;}
.strategy2020&gt;ul&gt;li:nth-child(3)&gt;dl&gt;dd li {float:left; width:32%; padding:10px; font-size:16px; font-weight:bold; border-radius:5px; border:1px solid #aaa; background:#f0f0f0; box-sizing:border-box; word-break:keep-all;}
.strategy2020&gt;ul&gt;li:nth-child(3)&gt;dl&gt;dd li:not(:first-child) {margin-left:2%;}
.strategy2020&gt;ul&gt;li:nth-child(3)&gt;dl&gt;dd li:nth-child(1) {color:#004a6d; border-color:#004a6d;}
.strategy2020&gt;ul&gt;li:nth-child(3)&gt;dl&gt;dd li:nth-child(2) {color:#9e5300; border-color:#9e5300;}
.strategy2020&gt;ul&gt;li:nth-child(3)&gt;dl&gt;dd li:nth-child(3) {color:#5e7800; border-color:#5e7800;}
.strategy2020&gt;ul&gt;li:nth-child(3)&gt;dl&gt;dd&gt;p {padding:10px; margin-top:5px; font-weight:bold; font-size:15px; background:#f0f0f0; border:1px solid #ddd; border-radius:5px;}

.conbtn {position:relative; display:inline-block; padding:10px 20px; color:#fff; font-size:15px; font-weight:600; line-height:20px; border-radius:5px; border:1px solid #222; background:#444; transition:all .3s ease; box-sizing:border-box;}
.conbtn:hover,
.conbtn:focus {color:#fff; border-color:#075295; background:#2772b5;}
.conbtn_link, .conbtn_down {padding-left:47px;}
.conbtn:before {position:absolute; left:17px; top:11px; width:20px; height:18px; background:no-repeat; content:""; transition:all .3s ease;}
.conbtn_link:before {background-image:url(/open_content/images/sub/conbtn_link.gif);}
.conbtn_down:before {background-image:url(/open_content/images/sub/conbtn_down.gif);}

input.conbtn {cursor:pointer;}
.conbtn_w {color:#222; background:#fff;}

.consbtn {position:relative; vertical-align:middle; display:inline-block; padding:2px 10px; color:#fff; border-radius:5px; border:1px solid #222; background:#444; transition:all .3s ease; box-sizing:border-box;}
.consbtn:hover,
.consbtn:focus {color:#fff; border-color:#075295; background:#2772b5;}

/*padding margin*/
.padding30{padding:30px;}
.padding_b3{padding-bottom:3px;}
.padding_b10{padding-bottom:10px;}
.padding_b20{padding-bottom:20px;}
.padding_b30{padding-bottom:30px;}
.padding_b40{padding-bottom:40px;}
.padding_t4 {padding-top:4px;}
.padding_t10 {padding-top:10px;}
.padding_t20 {padding-top:20px;}
.padding_t30 {padding-top:30px;}
.padding_t40 {padding-top:40px;}
.padding_t50 {padding-top:50px;}
.padding_t60 {padding-top:60px;}
.padding_t70 {padding-top:70px;}
.padding_t80 {padding-top:80px;}
.padding_t90 {padding-top:90px;}
.padding_r10 {padding-right:10px;}
.padding_r15 {padding-right:15px;}
.padding_r20 {padding-right:20px;}
.padding_r30 {padding-right:30px;}
.padding_r40 {padding-right:40px;}
.padding_l10 {padding-left:10px;}
.padding_l20 {padding-left:20px;}
.margin_b10{margin-bottom:10px;}
.margin_b20{margin-bottom:20px;}
.margin_b25{margin-bottom:25px;}
.margin_b30{margin-bottom:30px;}
.margin_b40{margin-bottom:40px;}
.margin_b50{margin-bottom:50px;}
.margin_t5 {margin-top:5px;}
.margin_t6 {margin-top:6px;}
.margin_t7 {margin-top:7px;}
.margin_t8 {margin-top:8px;}
.margin_t9 {margin-top:9px;}
.margin_t10 {margin-top:10px;}
.margin_t15 {margin-top:15px;}
.margin_t20 {margin-top:20px;}
.margin_t25 {margin-top:25px;}
.margin_t30 {margin-top:30px;}
.margin_t40 {margin-top:40px;}
.margin_t45 {margin-top:45px;}
.margin_t50 {margin-top:50px;}
.margin_t60 {margin-top:60px;}
.margin_l3 {margin-left:3px;}
.margin_l5 {margin-left:5px;}
.margin_l10 {margin-left:10px;}
.margin_l16 {margin-left:16px;}
.margin_l20 {margin-left:20px;}
.margin_l22 {margin-left:22px;}
.margin_l30 {margin-left:30px;}
.margin_l35 {margin-left:35px;}
.margin_l80 {margin-left:80px;}

.margin_r10 {margin-right:10px;}


/*以�鍮꾩쨷�낅땲��*/
#detail_con&gt;.ready {text-align:center; margin-top:30px;}
#detail_con&gt;.ready p.stit {display:inline-block; padding:10px 100px; color:#fff; background:#000;}
#detail_con&gt;.ready p.con {position:relative; margin-top:30px; margin-bottom:200px; font-size:25px;}
#detail_con&gt;.ready p.con:after {display:block; content:""; position:absolute; left:50%; top:160%; width:1px; height:125px; background:#a8a8a8;}
#detail_con&gt;.ready .end {color:#4e4e4e;}


.typeVerticalStep {text-align:center;}
.typeVerticalStep * {box-sizing:border-box;}
.typeVerticalStep *:before,
.typeVerticalStep *:after {position:absolute; z-index:-100; content:"";}
.typeVerticalStep&gt;ol&gt;li {position:relative;}
.typeVerticalStep dl {position:relative; padding-left:20%;}
.typeVerticalStep dl:after {position:static; display:block; clear:both;}
.typeVerticalStep dl&gt;dt {position:absolute; left:0; top:50%; width:20%; transform:translateY(-50%);}
.typeVerticalStep dl&gt;dt&gt;p {position:relative; width:100%; height:120px; border-radius:5px; background:#ccc; text-shadow:1px 0 rgba(0,0,0,.4), -1px 0 rgba(0,0,0,.4), 0 1px rgba(0,0,0,.4), 0 -1px rgba(0,0,0,.4);}
.typeVerticalStep dl&gt;dt&gt;p&gt;span {position:relative; display:block; top:50%; color:#fff; font-size:18px; font-weight:900; line-height:26px; transform:translateY(-50%);}
.typeVerticalStep dl&gt;dd {float:left; width:44%; margin-left:6%;}
.typeVerticalStep dl&gt;dd&gt;ol&gt;li {position:relative; padding:10px; font-size:14px; border:1px solid #aaa; border-radius:5px; background:#f9f9f9; word-break:keep-all;}
.typeVerticalStep dl&gt;dd&gt;ol&gt;li:not(:first-child) {margin-top:30px;}
.typeVerticalStep&gt;ol&gt;li:not(:first-child) {margin-top:60px;}
.typeVerticalStep dl&gt;dd&gt;ol&gt;li:not(:first-child):before,
.typeVerticalStep .useArr:before{top:-28px; left:50%; margin-left:-8px; width:12px; height:12px; border-right:5px solid #aaa; border-bottom:5px solid #999;  transform:rotate(45deg);} 
.typeVerticalStep dl&gt;dt+dd&gt;ol&gt;li:first-child:after,
.typeVerticalStep dl&gt;dt+dd&gt;ol&gt;li:last-child:after {top:50%; right:100%; height:1px; width:108px; background:#ccc; }
.typeVerticalStep dl:before {top:22px; bottom:20px; left:75px; width:1px; background:#ccc; }
.typeVerticalStep&gt;ol&gt;li:nth-child(3n-2)&gt;dl&gt;dt&gt;p { border:1px solid #004a6d; background:#0785c0;}
.typeVerticalStep&gt;ol&gt;li:nth-child(3n-1)&gt;dl&gt;dt&gt;p { border:1px solid #007f76;background:#008f86;}
.typeVerticalStep&gt;ol&gt;li:nth-child(3n)&gt;dl&gt;dt&gt;p { border:1px solid #2d31a9; background:#3d41b9;}
.typeVerticalStep&gt;ol&gt;li.depth1 {text-align:left; padding-left:20%;}
.typeVerticalStep&gt;ol&gt;li&gt;p {position:relative; text-align:center; display:inline-block; width:44%; margin-left:6%; padding:10px; font-size:14px; border:1px solid #aaa; border-radius:5px; background:#f9f9f9; word-break:keep-all;}
.typeVerticalStep dl&gt;dd&gt;ol&gt;li&gt;ul {position:absolute; text-align:left; top:50%; right:-295px; width:259px; padding:10px 15px; border:1px solid #bbb; background:#eee; transform:translateY(-50%);}
.typeVerticalStep dl&gt;dd&gt;ol&gt;li&gt;ul&gt;li {position:relative; padding-left:9px;}
.typeVerticalStep dl&gt;dd&gt;ol&gt;li&gt;ul&gt;li:not(:first-child) {margin-top:5px;}
.typeVerticalStep dl&gt;dd&gt;ol&gt;li&gt;ul&gt;li:before {left:0; top:7px; width:2px; height:2px; border:1px solid #555; background:#aaa; }
.typeVerticalStep dl&gt;dd&gt;ol&gt;li&gt;ul:not(.mid) {margin-top:37px;}
.typeVerticalStep dl&gt;dd&gt;ol&gt;li&gt;ul:before {right:100%; top:50%; width:36px; height:1px; background:#ccc;  z-index:-100;}
.typeVerticalStep dl&gt;dd&gt;ol&gt;li&gt;ul:not(.mid):before {width:157px;}
.typeVerticalStep dl&gt;dd&gt;ol&gt;li&gt;ul.noLine:before {display:none;}
.typeVerticalStep li.depth1&gt;ul {position:absolute; text-align:left; top:50%; right:0; width:259px; padding:10px 15px; border:1px solid #bbb; background:#eee; transform:translateY(-50%);}
.typeVerticalStep li.depth1&gt;ul&gt;li {position:relative; padding-left:9px;}
.typeVerticalStep li.depth1&gt;ul&gt;li:not(:first-child) {margin-top:5px;}
.typeVerticalStep li.depth1&gt;ul&gt;li:before {left:0; top:7px; width:2px; height:2px; border:1px solid #555; background:#aaa; }
.typeVerticalStep li.depth1&gt;ul:not(.mid) {margin-top:37px;}
.typeVerticalStep li.depth1&gt;ul:before {right:100%; top:50%; width:36px; height:1px; background:#ccc;  z-index:-100;}
.typeVerticalStep li.depth1&gt;ul:not(.mid):before {width:157px;}
.typeVerticalStep li.depth1&gt;ul.noLine:before {display:none;}

.typeVerticalStep.type1&gt;ol&gt;li:nth-child(1):before {left:310px; bottom:-30px; width:145px; height:30px; border:1px solid #ccc; border-top:0; border-right:0; }
.typeVerticalStep.type1&gt;ol&gt;li:nth-child(1):after {left:455px; bottom:-60px; height:30px; width:1px; background:#ccc; }
.typeVerticalStep.type1&gt;ol&gt;li:nth-child(2){margin-top:90px;}
.typeVerticalStep.type1&gt;ol&gt;li:nth-child(2) dt+dd&gt;ol&gt;li:nth-child(3) {margin-top:176px;}
.typeVerticalStep.type1&gt;ol&gt;li:nth-child(2) dt+dd&gt;ol&gt;li:nth-child(2):after {top:100%; left:50%; width:1px; height:160px; background:#ccc; }
.typeVerticalStep.type1&gt;ol&gt;li:nth-child(2):before { left:312px; right:125px; top:-31px; height:30px; border:1px solid #ccc; border-bottom:0; }
.typeVerticalStep.type1&gt;ol&gt;li:nth-child(2):after {left:312px; right:125px; bottom:-31px; height:30px; border:1px solid #ccc; border-top:0; }
.typeVerticalStep.type1&gt;ol&gt;li.depth1 p {margin-left:183px; color:#fff; font-size:16px; font-weight:600; border:1px solid #37383c; background:#4e4f52; }
.typeVerticalStep.type1&gt;ol&gt;li.depth1 p:before {left:50%; bottom:100%; height:30px; width:1px; background:#ccc; }
.typeVerticalStep.type1 ul.mid {margin-top:57px;}
.typeVerticalStep.type1 ul.mid:before {top:7px;}

.typeVerticalStep.type2&gt;ol&gt;li:nth-child(2) {margin-top:120px;}
.typeVerticalStep.type2&gt;ol&gt;li:nth-child(2) p:before {left:50%; top:-125px; bottom:-35px; width:1px; background:#ccc;}
.typeVerticalStep.type2&gt;ol&gt;li:nth-child(3) {margin-top:30px;}
.typeVerticalStep.type2 ul.mid+ul {margin-top:100px;}
.typeVerticalStep.type2 ul.mid+ul:before {width:165px;}

.typeVerticalStep.type4&gt;ol&gt;li:not(:first-child) {margin-top:40px;}
.typeVerticalStep.type4&gt;ol&gt;li&gt;p:before {top:-33px; left:50%; margin-left:-8px; width:12px; height:12px; border-right:5px solid #aaa; border-bottom:5px solid #999;  transform:rotate(45deg);} 
.typeVerticalStep.type4&gt;ol&gt;li:nth-child(4) {margin-top:70px;}
.typeVerticalStep.type4&gt;ol&gt;li:nth-child(4)&gt;dl&gt;dt&gt;p { border:1px solid #b8254e; background:#c8355e;}

ol.colStep {margin-top:10px;}
ol.colStep:after {display:block; clear:both; content:"";}
ol.colStep&gt;li {position:relative; float:left; text-align:center; padding:15px; width:22%; height:80px; color:#222; border:1px solid #aaa; border-radius:5px; background:#f9f9f9; box-sizing:border-box;}
ol.colStep&gt;li:first-child{background:#fff; box-shadow:0 2px 10px rgba(0,0,0,0.1);}
ol.colStep&gt;li:last-child{border:1px solid #222; background:#595959;}
ol.colStep&gt;li:last-child&gt;p {color:#fff;}
ol.colStep&gt;li:after {position:absolute; content:""; top:50%; right:-15px; width:12px; height:12px; border-top:4px solid #aaa; border-right:4px solid #999; transform:rotate(45deg) translateY(-50%);}
ol.colStep&gt;li:last-child:before,
ol.colStep&gt;li:last-child:after{display:none;}
ol.colStep&gt;li:not(:nth-child(4n)) {margin-right:4%;}
ol.colStep&gt;li:nth-child(n+5) {margin-top:15px;}
ol.colStep&gt;li:nth-child(4n):before,
ol.colStep&gt;li:nth-child(4n):after{display:none;}
ol.colStep&gt;li&gt;p {position:relative; top:50%; font-size:15px; transform:translateY(-50%); word-break:keep-all;}

ol.colStep.happy_step&gt;li {width:29.33%;}
ol.colStep.happy_step&gt;li:nth-child(4n) {margin-right:4%;}
ol.colStep.happy_step&gt;li:nth-child(4n):before,
ol.colStep.happy_step&gt;li:nth-child(4n):after{display:block;}
ol.colStep.happy_step&gt;li:nth-child(n+4) {margin-top:15px;}
ol.colStep.happy_step&gt;li:last-child {background:none; height:auto; padding:0; border:none;}
ol.colStep.happy_step&gt;li:last-child p {top:auto; transform:none; height:35px; background:#4a6bd7; border-radius:5px; border:1px solid #1a3ba7;}
ol.colStep.happy_step&gt;li:last-child p span {display:block; position:relative; top:50%; transform:translateY(-50%);}
ol.colStep.happy_step&gt;li:last-child p:first-child {margin-bottom:5px; border-color:#a60c24; background:#d62c54;}

ol.verticalStep {margin-top:10px; padding-right:40%;}
ol.verticalStep * {box-sizing:border-box;}
ol.verticalStep *:before,
ol.verticalStep *:after {position:absolute; z-index:-100; content:"";}
ol.verticalStep&gt;li {position:relative; text-align:center; padding:10px; font-size:14px; border:1px solid #aaa; border-radius:5px; background:#f9f9f9; word-break:keep-all;}
ol.verticalStep&gt;li:first-child {background:#fff; box-shadow:0 2px 10px rgba(0,0,0,0.1);}
ol.verticalStep&gt;li:last-child{color:#fff; border:1px solid #222; background:#595959;}
ol.verticalStep&gt;li:not(:first-child) {margin-top:30px;}
ol.verticalStep&gt;li:not(:first-child):before {top:-28px; left:50%; margin-left:-8px; width:12px; height:12px; border-right:5px solid #aaa; border-bottom:5px solid #999;  transform:rotate(45deg);} 
ol.verticalStep&gt;li&gt;ul {position:absolute; text-align:left; top:50%; right:-285px; width:261px; padding:10px 15px; border:1px solid #bbb; background:#eee; transform:translateY(-50%);}
ol.verticalStep&gt;li&gt;ul&gt;li {position:relative; padding-left:9px;}
ol.verticalStep&gt;li&gt;ul&gt;li:not(:first-child) {margin-top:5px;}
ol.verticalStep&gt;li&gt;ul&gt;li:before {left:0; top:7px; width:2px; height:2px; border:1px solid #555; background:#aaa; }
ol.verticalStep&gt;li&gt;ul:not(.mid) {margin-top:37px;}
ol.verticalStep&gt;li&gt;ul:before {right:100%; top:50%; width:36px; height:1px; background:#ccc;  z-index:-100;}
ol.verticalStep&gt;li&gt;ul:not(.mid):before {width:232px;}
ol.verticalStep&gt;li&gt;ul.noLine:before {display:none;}

ol.verticalStep.rewardStep {padding-right:65%;}
ol.verticalStep.rewardStep&gt;li&gt;ul {right:-475px; width:455px;}


ol.colStep2 {margin-top:10px;}
ol.colStep2 * {box-sizing:border-box; word-break:keep-all;}
ol.colStep2:after {display:block; clear:both; content:"";}
ol.colStep2&gt;li {position:relative; float:left; text-align:center; padding:0 15px; width:30.66%; color:#222; border:1px solid #aaa; border-radius:5px; background:#f9f9f9; box-sizing:border-box;}
ol.colStep2&gt;li:first-child{background:#fff; box-shadow:0 2px 10px rgba(0,0,0,0.1);}
ol.colStep2&gt;li:last-child{border:1px solid #222; background:#595959;}
ol.colStep2&gt;li:last-child * {color:#fff;}
ol.colStep2&gt;li:after {position:absolute; content:""; top:50%; right:-15px; width:12px; height:12px; border-top:4px solid #aaa; border-right:4px solid #999; transform:rotate(45deg) translateY(-50%);}
ol.colStep2&gt;li:last-child:before,
ol.colStep2&gt;li:last-child:after{display:none;}
ol.colStep2&gt;li:not(:nth-child(3n)) {margin-right:4%;}
ol.colStep2&gt;li:nth-child(n+4) {margin-top:30px;}
ol.colStep2&gt;li:nth-child(3n):before,
ol.colStep2&gt;li:nth-child(3n):after{display:none;}
ol.colStep2&gt;li&gt;p {position:relative; height:70px; border-bottom:1px solid #aaa;}
ol.colStep2&gt;li&gt;p span {position:relative; top:50%; display:block; font-size:15px; font-weight:bold; line-height:22px; transform:translateY(-50%);}
ol.colStep2&gt;li&gt;div {position:relative; padding:0 5px; height:120px;}
ol.colStep2&gt;li&gt;div&gt;ul {position:relative; top:50%; text-align:left; transform:translateY(-50%);}
ol.colStep2&gt;li&gt;div&gt;ul&gt;li {position:relative; padding-left:8px;}
ol.colStep2&gt;li&gt;div&gt;ul&gt;li:not(:first-child) {margin-top:5px;}
ol.colStep2&gt;li&gt;div&gt;ul&gt;li:before {position:absolute; left:0; top:7px; width:2px; height:2px; border:1px solid #777; background:#aaa; content:"";}
ol.colStep2&gt;li:last-child&gt;div&gt;ul&gt;li:before {border:1px solid #fff; background:#888;}

ol.colStep2.yongjeongStep&gt;li&gt;div {height:50px;}
ol.colStep2.yongjeongStep&gt;li&gt;div&gt;ul {text-align:center;}
ol.colStep2.yongjeongStep&gt;li&gt;div&gt;ul&gt;li {padding-left:0;}
ol.colStep2.yongjeongStep&gt;li&gt;div&gt;ul&gt;li:before {display:none;}




.type5Step&gt;li{position:relative; text-align:center; margin-top:20px;}
.type5Step&gt;li:after {clear:both; content:""; display:block;}
.type5Step&gt;li&gt;p {position:absolute; left:0; top:0; bottom:0; width:240px; border:1px solid #000; border-radius:5px; background:#555; text-shadow:1px 0 rgba(0,0,0,.4), -1px 0 rgba(0,0,0,.4), 0 1px rgba(0,0,0,.4), 0 -1px rgba(0,0,0,.4);}
.type5Step&gt;li&gt;p&gt;span {position:relative; top:50%; display:block; color:#fff; font-size:16px; font-weight:800; letter-spacing:-0.5px; line-height:24px; transform:translateY(-50%);}
.type5Step&gt;li&gt;ul {padding-left:260px;}
.type5Step&gt;li&gt;ul&gt;li {padding:15px; font-size:14px; border:1px solid #aaa; border-radius:5px; background:#f9f9f9;}
.type5Step&gt;li&gt;ul&gt;li:not(:first-child) {margin-top:20px;}

.type5Step&gt;li:nth-child(1)&gt;p {border:1px solid #004a6d; background:#0785c0;}
.type5Step&gt;li:nth-child(2)&gt;p {border:1px solid #c04300;background:#d05300;}
.type5Step&gt;li:nth-child(3)&gt;p {border:1px solid #007f76; background:#008f86;}
.type5Step&gt;li:nth-child(4)&gt;p {border:1px solid #6d0030; background:#c00759;}
.type5Step&gt;li:nth-child(5)&gt;p {border:1px solid #3a0865; background:#6713b1;}
.type5Step&gt;li:nth-child(1)&gt;ul&gt;li {border-color:#004a6d;}
.type5Step&gt;li:nth-child(2)&gt;ul&gt;li {border-color:#9e5300;}
.type5Step&gt;li:nth-child(3)&gt;ul&gt;li {border-color:#5e7800;}
.type5Step&gt;li:nth-child(4)&gt;ul&gt;li {border-color:#6d0030;}
.type5Step&gt;li:nth-child(5)&gt;ul&gt;li {border-color:#3a0865;}

.survival_guide {margin:10px 0 0 10px; padding-bottom:20px; border-bottom:1px dashed #ccc;}
.survival_guide:after {display:block; content:""; clear:both;}
.survival_guide .photo {float:left; width:35%; padding:8px; box-sizing:border-box; background:#fafafa; border:1px solid #ccc; box-shadow:2px 2px 0 #f0f0f0;}
.survival_guide .photo img {width:100%;}
.survival_guide .text {float:right; width:62%; font-size:14px; line-height:24px; word-break:keep-all;}

.toggleSlide {margin-top:5px; border-top:2px solid #333;}
.toggleSlide dl {border-bottom:1px solid #ccc;}
.toggleSlide dl:last-child {border-color:#555 !important;}
.toggleSlide dl.show {border-color:#999;}
.toggleSlide dt a {position:relative; display:block; padding:20px 15px; font-size:17px;}
.toggleSlide dl.show dt a {color:#000; font-weight:600;}
.toggleSlide dd {display:none; padding:15px; border-top:1px dashed #ddd; background:#fcfcfc;}
.toggleSlide dd tr:not(.back) td {background:#fff;}
.toggleSlide dt a:before, .toggleSlide dt a:after {position:absolute; right:25px; top:27px; width:18px; height:4px; background:#0064db; transition:all  .3s ease; content:"";}
.toggleSlide dl:not(.show) dt a:after {transform:rotate(90deg);}


.develop_ahead {margin:10px 0 30px;}
.develop_ahead:after {display:block; content:""; clear:both;}
.develop_ahead * {box-sizing:border-box;}
.develop_ahead .photo {float:left; width:45%;}
.develop_ahead .photo img {width:100%;}
.develop_ahead table.data {float:right; width:52%; margin-right:1%; margin-top:0;}
.develop_ahead table.data th,
.develop_ahead table.data td {padding:13px 5px;}
.ahead_schedule {margin:20px 0 30px; border-top:2px solid #000;}
.ahead_schedule dl {border-bottom:1px solid #ccc; padding:15px;}
.ahead_schedule dl:after {display:block; content:""; clear:both;}
.ahead_schedule dl dt {position:relative; float:left; width:17%; font-size:14px; font-weight:bold; color:#111;}
.ahead_schedule dl dt:before {position:absolute; right:22%; top:50%; width:7px; height:7px; border:solid #555; border-width:2px 2px 0 0; transform:translateY(-50%) rotate(45deg); content:"";}
.ahead_schedule dl dd {float:left; width:83%; font-size:14px;}

div.infoTab:after {display:block; content:""; clear:both;}
div.infoTab#tab&gt;ul {background:none;}
div.infoTab&gt;ul&gt;li {float:left; width:13.7%;}
div.infoTab&gt;ul&gt;li:nth-child(n+2) {margin-left:0.525%;}
div.infoTab&gt;ul&gt;li&gt;a {display:block; text-align:center; padding:75px 0 10px; letter-spacing:-0.5px; border:1px solid #ccc; background:#fafafa no-repeat center 15px;}
div.infoTab&gt;ul&gt;li.select&gt;a {font-weight:bold; color:#000; border:1px solid #000; background-color:#fff;}
div.infoTab&gt;ul&gt;li.tab01&gt;a {background-image:url(/open_content/images/sub/infotab_01.png);}
div.infoTab&gt;ul&gt;li.tab02&gt;a {background-image:url(/open_content/images/sub/infotab_02.png);}
div.infoTab&gt;ul&gt;li.tab03&gt;a {background-image:url(/open_content/images/sub/infotab_03.png);}
div.infoTab&gt;ul&gt;li.tab04&gt;a {background-image:url(/open_content/images/sub/infotab_04.png);}
div.infoTab&gt;ul&gt;li.tab05&gt;a {background-image:url(/open_content/images/sub/infotab_05.png); background-position:center 18px;}
div.infoTab&gt;ul&gt;li.tab06&gt;a {background-image:url(/open_content/images/sub/infotab_06.png);}
div.infoTab&gt;ul&gt;li.tab07&gt;a {background-image:url(/open_content/images/sub/infotab_07.png);}

#bottom_control {margin-top:5px; padding:20px; max-width:1090px; background:#f3f3f3; border:1px solid #c9c9c9; border-radius:3px; box-sizing:border-box; }
#bottom_control div.data_control div.data div { position:relative; margin-top:10px; width:100%; overflow:hidden; }
#bottom_control div.data_control div.data div:first-child { margin-top:5px; }
#bottom_control div.data_control div.data div p.tit { float:left; padding:2px 0px; width:110px; text-align:center; background:#fff; border:1px solid #dadada; font-size:13px; font-weight:bold; color:#333; }
#bottom_control div.data_control div.data div ul.con { float:left; padding-top:3px; }
#bottom_control div.data_control div.data div ul.con li { float:left; font-size:13px; color:#666; }
#bottom_control div.data_control div.data div ul.con li:first-child { margin-left:0px; }
#bottom_control div.data_control div.data div ul.con li * {vertical-align:middle;}
#bottom_control div.data_control div.data div.manager ul.con li { margin-left:17px; }
#bottom_control div.data_control div.data div.manager ul.con li span.q { font-weight:bold}
#bottom_control div.data_control div.data div.satisfy ul.con li { margin-left:13px; }
#bottom_control div.data_control div.data div.satisfy p.tit { letter-spacing:-1px; }
#bottom_control div.data_control div.data div.satisfy ul.con li { letter-spacing:-1px; }
#bottom_control div.data_control div.data div.satisfy p.btn_satisfy { float:left; margin-left:20px; }
#bottom_control div.data_control div.data div.satisfy p.btn_satisfy input[type=submit] { padding:1px 5px; background:#666; border:1px solid #545454; color:#fff; font-weight:bold; font-size:13px; cursor:pointer; }
#bottom_control div.reply {position:relative; padding-top:17px; margin-top:17px; border-top:1px dotted #ccc;}
#bottom_control div.reply p.tit { float:left; padding:2px 0px; width:110px; text-align:center; background:#fff; border:1px solid #dedede; font-size:13px; font-weight:bold; color:#333; }
#bottom_control div.reply div.reply_form input[type=text] { padding:0px 1%; margin-top:5px; width:98%; height:35px; line-height:33px; border:1px solid #ccc; }
#bottom_control div.reply div.reply_form input[type=submit] { position:absolute; right:0px; bottom:0px; width:85px; height:35px; background:#666; border:1px solid #545454; color:#fff; font-weight:bold; font-size:15px; cursor:pointer; }

.infoSearch {text-align:center; margin-bottom:10px; border:1px solid #ccc; padding:15px; background:#f9f9f9;}
.infoSearch legend {font-size:0; text-indent:-5000px; overflow:hidden;}


.graphData tbody tr *:nth-child(1) {width:25%; text-align:left;}
.graphData tbody tr *:nth-child(2) {width:13%;}
.graphData tbody tr td p.graph {position:relative; height:25px; text-align:left; background:#aaa; border-radius:0 5px 5px 0; box-sizing:border-box;}
.graphData tbody tr td span {position:absolute; top:2px; left:100%; margin-left:10px; font-weight:normal; color:#484848;}
.graphData tbody tr:nth-child(6n-5) td p.graph {background-image:url('/open_content/images/sub/graph_pattern01.png'); background-color:#416CEC;}
.graphData tbody tr:nth-child(6n-4) td p.graph {background-image:url('/open_content/images/sub/graph_pattern02.png'); background-color:#D72D88;}
.graphData tbody tr:nth-child(6n-3) td p.graph {background-image:url('/open_content/images/sub/graph_pattern03.png'); background-color:#068938;}
.graphData tbody tr:nth-child(6n-2) td p.graph {background-image:url('/open_content/images/sub/graph_pattern01.png'); background-color:#8459E8;}
.graphData tbody tr:nth-child(6n-1) td p.graph {background-image:url('/open_content/images/sub/graph_pattern02.png'); background-color:#DD3636;}
.graphData tbody tr:nth-child(6n) td p.graph {background-image:url('/open_content/images/sub/graph_pattern03.png'); background-color:#0A7AB2;}

.esg * {box-sizing:border-box;}
.esg&gt;dl {position:relative; margin-bottom:25px; padding-left:130px; text-align:center;}
.esg&gt;dl&gt;dt {position:absolute; top:50%; left:0; width:100px; padding:10px 0; border-radius:5px; font-weight:600; color:#555; background:#eff3f5; transform:translateY(-50%);}
.esg&gt;dl&gt;dt:after {position:absolute; right:-8px; top:50%; content:""; width:5px; height:5px; border-radius:50%; background:#eff3f5; transform:translateY(-50%); box-shadow:8px 0 0 #eff3f5, 16px 0 0 #eff3f5;}
.esg&gt;dl&gt;dd {font-size:17px;}
.esg&gt;dl.target {margin-bottom:50px;}
.esg&gt;dl.target:after {position:absolute; bottom:-45px; left:50%; width:18px; height:18px; border:solid #dfdfdf; border-width:7px 7px 0 0; transform:rotate(-45deg); content:"";}
.esg&gt;dl.target&gt;dd&gt;ul {display:flex; justify-content:space-between;}
.esg&gt;dl.target&gt;dd&gt;ul&gt;li {width:23%; padding:10px 0; border:1px solid #ccc; border-radius:5px; background:#fcfcfc;}
.esg&gt;dl.keyword {margin-bottom:10px;}
.esg&gt;dl.keyword&gt;dd&gt;ul {display:flex; justify-content:space-between;}
.esg&gt;dl.keyword&gt;dd&gt;ul&gt;li {width:30%; padding:10px 0; color:#fff; border-radius:5px;}
.esg&gt;dl.keyword&gt;dd&gt;ul&gt;li&gt;p {font-weight:bold; color:#fff;}
.esg&gt;dl.keyword&gt;dd&gt;ul&gt;li:nth-child(1) {background:#1e7452;}
.esg&gt;dl.keyword&gt;dd&gt;ul&gt;li:nth-child(2) {background:#3057b9;}
.esg&gt;dl.keyword&gt;dd&gt;ul&gt;li:nth-child(3) {background:#783e94;}
.esg&gt;dl.project {margin-bottom:50px;}
.esg&gt;dl.project:after {position:absolute; bottom:-30px; left:50%; width:18px; height:18px; border:solid #dfdfdf; border-width:7px 7px 0 0; transform:rotate(135deg); content:"";}
.esg&gt;dl.project&gt;dd&gt;div {display:flex; justify-content:space-between;}
.esg&gt;dl.project&gt;dd&gt;div&gt;ul {width:30%; text-align:left; padding:10px 5px; border:1px solid; border-radius:5px;}
.esg&gt;dl.project&gt;dd&gt;div&gt;ul:nth-child(1) {border-color:#1e7452;}
.esg&gt;dl.project&gt;dd&gt;div&gt;ul:nth-child(2) {border-color:#3057b9;}
.esg&gt;dl.project&gt;dd&gt;div&gt;ul:nth-child(3) {border-color:#783e94;}
.esg&gt;dl.project&gt;dd&gt;div&gt;ul&gt;li {position:relative; margin-top:3px; padding-left:12px; font-size:11px;}
.esg&gt;dl.project&gt;dd&gt;div&gt;ul&gt;li .num {position:absolute; left:0; top:0;}
.esg&gt;dl.project&gt;dd&gt;div&gt;ul&gt;li:first-child {margin-top:0;}
.esg&gt;dl.loadmap&gt;dd&gt;div {display:flex; justify-content:space-between;}
.esg&gt;dl.loadmap&gt;dd&gt;div&gt;dl {width:30%;}
.esg&gt;dl.loadmap&gt;dd&gt;div&gt;dl&gt;dt {padding:10px 0; font-weight:bold; line-height:18px; border-radius:5px 5px 0 0;}
.esg&gt;dl.loadmap&gt;dd&gt;div&gt;dl:nth-child(1)&gt;dt {background:#fff8d1;}
.esg&gt;dl.loadmap&gt;dd&gt;div&gt;dl:nth-child(2)&gt;dt {background:#ffe86c;}
.esg&gt;dl.loadmap&gt;dd&gt;div&gt;dl:nth-child(3)&gt;dt {background:#e8c400; color:#111; }
.esg&gt;dl.loadmap&gt;dd&gt;div&gt;dl&gt;dd {text-align:left; padding:10px 5px; border:1px solid #ddd; border-top:0; border-radius:0 0 5px 5px;}
.esg&gt;dl.loadmap&gt;dd&gt;div&gt;dl&gt;dd li {position:relative; padding-left:8px; margin-top:3px; font-size:11px;}
.esg&gt;dl.loadmap&gt;dd&gt;div&gt;dl&gt;dd li:before {position:absolute; left:0; top:6px; width:3px; height:3px; background:#555; content:"";}

.strategy2023 * {box-sizing:border-box;}
.strategy2023&gt;p {text-align:center; font-size:25px; font-weight:600; font-family:'SCDream';}
.strategy2023&gt;dl {position:relative; text-align:center; display:flex; justify-content:space-between; padding-left:130px; margin-top:30px;}
.strategy2023&gt;dl:before {position:absolute; left:108px; top:50%; width:5px; height:5px; border-radius:50%; background:#d3d3d3; content:""; box-shadow:-10px 0 0 #d3d3d3, 10px 0 0 #d3d3d3; transform:translateY(-50%);}
.strategy2023&gt;dl&gt;dt {position:absolute; left:0; top:50%; width:90px; padding:5px 0; font-family:'SCDream'; font-size:15px; color:#fff; transform:translateY(-50%); border-radius:20px; background:#33354e;}
.strategy2023&gt;dl&gt;dd {width:calc(20% - 5px);word-break:keep-all; border-radius:10px; font-family:'SCDream';}
.strategy2023&gt;dl&gt;dd span {font-family:'SCDream';}
.strategy2023&gt;dl:nth-of-type(1)&gt;dd {width:100%; padding:15px; font-size:20px; color:#111; border:5px solid #eee;}
.strategy2023&gt;dl:nth-of-type(1)&gt;dd span {font-weight:600; font-size:1.1em; color:#e3436c;}
.strategy2023&gt;dl:nth-of-type(1)&gt;dd span:nth-child(2) {color:#4a6bd7;}
.strategy2023&gt;dl:nth-of-type(2)&gt;dd {width:100%; padding:15px; font-size:20px; font-weight:300; color:#fff; background:#4a6bd7;}
.strategy2023&gt;dl:nth-of-type(2)&gt;dd span {font-weight:500;}
.strategy2023&gt;dl:nth-of-type(3)&gt;dd {width:100%; padding:13px; font-size:18px; font-weight:400; color:#333; border:1px solid #ccc; background:#f8f8f8;}
.strategy2023&gt;dl:nth-of-type(4)&gt;dd {height:112px; padding-top:65px; font-size:15px; color:#fff; border-radius:50%; background:no-repeat center 23px;}
.strategy2023&gt;dl:nth-of-type(4)&gt;dd:nth-of-type(1) {background-color:#1752b3; background-image:url(/open_content/images/sub/strategy_ic01.png);}
.strategy2023&gt;dl:nth-of-type(4)&gt;dd:nth-of-type(2) {background-color:#3d41b9; background-image:url(/open_content/images/sub/strategy_ic02.png);}
.strategy2023&gt;dl:nth-of-type(4)&gt;dd:nth-of-type(3) {background-color:#008f86; background-image:url(/open_content/images/sub/strategy_ic03.png);}
.strategy2023&gt;dl:nth-of-type(4)&gt;dd:nth-of-type(4) {background-color:#d05300; background-image:url(/open_content/images/sub/strategy_ic04.png);}
.strategy2023&gt;dl:nth-of-type(4)&gt;dd:nth-of-type(5) {background-color:#c8355e; background-image:url(/open_content/images/sub/strategy_ic05.png);}
.strategy2023&gt;dl:nth-of-type(5)&gt;dd {display:flex; flex-direction:column; justify-content:center; padding:10px; font-size:14px; color:#fff;}
.strategy2023&gt;dl:nth-of-type(5)&gt;dd:nth-of-type(1) {background-color:#1752b3;}
.strategy2023&gt;dl:nth-of-type(5)&gt;dd:nth-of-type(2) {background-color:#3d41b9;}
.strategy2023&gt;dl:nth-of-type(5)&gt;dd:nth-of-type(3) {background-color:#008f86;}
.strategy2023&gt;dl:nth-of-type(5)&gt;dd:nth-of-type(4) {background-color:#d05300;}
.strategy2023&gt;dl:nth-of-type(5)&gt;dd:nth-of-type(5) {background-color:#c8355e;}
.strategy2023&gt;dl:nth-of-type(6)&gt;dd {display:flex; flex-direction:column; justify-content:center; padding:10px 5px; font-size:12px; border:solid 2px;}
.strategy2023&gt;dl:nth-of-type(6)&gt;dd:nth-of-type(1) {border-color:#1752b3;}
.strategy2023&gt;dl:nth-of-type(6)&gt;dd:nth-of-type(2) {border-color:#3d41b9;}
.strategy2023&gt;dl:nth-of-type(6)&gt;dd:nth-of-type(3) {border-color:#008f86;}
.strategy2023&gt;dl:nth-of-type(6)&gt;dd:nth-of-type(4) {border-color:#d05300;}
.strategy2023&gt;dl:nth-of-type(6)&gt;dd:nth-of-type(5) {border-color:#c8355e;}
.strategy2023&gt;dl:nth-of-type(7)&gt;dd {text-align:left; padding:10px 5px; border:1px solid #ccc; background:#f0f0f0;}
.strategy2023&gt;dl:nth-of-type(7)&gt;dd li {position:relative; font-size:11px; padding-left:5px; letter-spacing:-1px;}
.strategy2023&gt;dl:nth-of-type(7)&gt;dd li:not(:first-child) {margin-top:4px;}
.strategy2023&gt;dl:nth-of-type(7)&gt;dd li:before {position:absolute; left:0; top:5px; width:3px; height:1px; background:#555; content:"";}

.esg2023 * {box-sizing:border-box; word-break:keep-all; font-family:'SCDream';}
.esg2023&gt;p {text-align:center; font-size:25px; font-weight:600;}
.esg2023&gt;div {position:relative; margin-top:80px;}
.esg2023&gt;div&gt;dl {position:relative; text-align:center; display:flex; justify-content:space-between; padding-left:180px; margin-top:20px;}
.esg2023&gt;div&gt;dl:before {position:absolute; left:158px; top:50%; width:5px; height:5px; border-radius:50%; background:#d3d3d3; content:""; box-shadow:-10px 0 0 #d3d3d3, 10px 0 0 #d3d3d3; transform:translateY(-50%);}
.esg2023&gt;div&gt;dl&gt;dt {position:absolute; left:0; top:50%; width:140px; padding:5px 0; font-size:15px; color:#fff; transform:translateY(-50%); border-radius:20px; background:#33354e;}
.esg2023&gt;div&gt;dl&gt;dd {width:calc(33.33% - 5px); border-radius:10px;}
.esg2023&gt;div:nth-of-type(1) {margin-top:30px;}
.esg2023&gt;div:nth-of-type(1)&gt;dl&gt;dt {background:#33354e;}
.esg2023&gt;div:nth-of-type(1)&gt;dl:nth-of-type(1)&gt;dd {width:100%; padding:15px; font-size:20px; color:#111; border:5px solid #eee;}
.esg2023&gt;div:nth-of-type(1)&gt;dl:nth-of-type(1)&gt;dd span {font-weight:600; font-size:1.1em; color:#e3436c;}
.esg2023&gt;div:nth-of-type(1)&gt;dl:nth-of-type(1)&gt;dd span:nth-child(2) {color:#4a6bd7;}
.esg2023&gt;div:nth-of-type(1)&gt;dl:nth-of-type(2)&gt;dd {width:100%; padding:15px; font-size:20px; font-weight:300; color:#fff; background:#4a6bd7;}
.esg2023&gt;div:nth-of-type(1)&gt;dl:nth-of-type(2)&gt;dd span {font-weight:500;}
.esg2023&gt;div:nth-of-type(1)&gt;dl:nth-of-type(3)&gt;dd {width:calc(25% - 5px); padding:13px 0; font-size:14px; border:1px solid #ccc; background:#f8f8f8;}
.esg2023&gt;div:nth-of-type(2)&gt;dl&gt;dt {background:#c33c62;}
.esg2023&gt;div:nth-of-type(2)&gt;dl:nth-of-type(1)&gt;dd {width:100%; padding:15px; font-size:20px; color:#111; border:5px solid #eee;}
.esg2023&gt;div:nth-of-type(2)&gt;dl:nth-of-type(1)&gt;dd span {font-weight:600; font-size:1.1em; color:#428c50;}
.esg2023&gt;div:nth-of-type(2)&gt;dl:nth-of-type(1)&gt;dd span:nth-child(2) {color:#4a6bd7;}
.esg2023&gt;div:nth-of-type(2)&gt;dl:nth-of-type(2)&gt;dd {width:100%; padding:15px; font-size:17px; letter-spacing:-0.5px; border:1px solid #ccc; background:#f8f8f8;}
.esg2023&gt;div:nth-of-type(2)&gt;dl:nth-of-type(3)&gt;dd .tit {position:relative; width:120px; height:120px; margin:0 auto; color:#fff; padding-top:70px; font-size:14px; border-radius:50%; background:no-repeat center 17px;}
.esg2023&gt;div:nth-of-type(2)&gt;dl:nth-of-type(3)&gt;dd .tit span {font-size:17px; font-weight:bold;}
.esg2023&gt;div:nth-of-type(2)&gt;dl:nth-of-type(3)&gt;dd .txt {position:relative; margin-top:8px; font-size:15px; font-weight:500;}
.esg2023&gt;div:nth-of-type(2)&gt;dl:nth-of-type(3)&gt;dd:nth-of-type(1) .tit {background-color:#00958c; background-image:url('/open_content/images/sub/esg_ic01.png');}
.esg2023&gt;div:nth-of-type(2)&gt;dl:nth-of-type(3)&gt;dd:nth-of-type(2) .tit {background-color:#1752b3; background-image:url('/open_content/images/sub/esg_ic02.png');}
.esg2023&gt;div:nth-of-type(2)&gt;dl:nth-of-type(3)&gt;dd:nth-of-type(3) .tit {background-color:#5053b7; background-image:url('/open_content/images/sub/esg_ic03.png');}
.esg2023&gt;div:nth-of-type(2)&gt;dl:nth-of-type(3)&gt;dd:nth-of-type(1) .txt {color:#00837A;}
.esg2023&gt;div:nth-of-type(2)&gt;dl:nth-of-type(3)&gt;dd:nth-of-type(2) .txt {color:#1752b3;}
.esg2023&gt;div:nth-of-type(2)&gt;dl:nth-of-type(3)&gt;dd:nth-of-type(3) .txt {color:#5053b7;}
.esg2023&gt;div:nth-of-type(2)&gt;dl:nth-of-type(4)&gt;dd {display:flex; flex-direction:column; justify-content:center; text-align:left; padding:10px; border:2px solid;}
.esg2023&gt;div:nth-of-type(2)&gt;dl:nth-of-type(4)&gt;dd:nth-of-type(1) {border-color:#00958c;}
.esg2023&gt;div:nth-of-type(2)&gt;dl:nth-of-type(4)&gt;dd:nth-of-type(2) {border-color:#1752b3;}
.esg2023&gt;div:nth-of-type(2)&gt;dl:nth-of-type(4)&gt;dd:nth-of-type(3) {border-color:#5053b7;}
.esg2023&gt;div:nth-of-type(2)&gt;dl:nth-of-type(4)&gt;dd ul li {position:relative; margin-top:5px; padding-left:13px; font-size:12px; letter-spacing:-0.5px;}
.esg2023&gt;div:nth-of-type(2)&gt;dl:nth-of-type(4)&gt;dd ul li:first-child {margin-top:0;}
.esg2023&gt;div:nth-of-type(2)&gt;dl:nth-of-type(4)&gt;dd ul li&gt;span:first-child {position:absolute; left:0; top:0;}
.esg2023&gt;div:nth-of-type(3)&gt;dl&gt;dt {background:#363d86;}
.esg2023&gt;div:nth-of-type(3)&gt;dl&gt;dd {border:1px solid #333; overflow:hidden;}
.esg2023&gt;div:nth-of-type(3)&gt;dl&gt;dd&gt;p {padding:10px 5px; color:#fff; font-size:14px; background:#333;}
.esg2023&gt;div:nth-of-type(3)&gt;dl&gt;dd&gt;ul {padding:10px;}
.esg2023&gt;div:nth-of-type(3)&gt;dl&gt;dd&gt;ul&gt;li {font-size:11px; margin-top:7px;}
.esg2023&gt;div:nth-of-type(3)&gt;dl&gt;dd&gt;ul&gt;li:first-child {margin-top:0;}
.esg2023&gt;div:nth-of-type(3)&gt;dl:nth-of-type(1)&gt;dd&gt;ul {text-align:left;}
.esg2023&gt;div:nth-of-type(3)&gt;dl:nth-of-type(1)&gt;dd&gt;ul&gt;li {position:relative;padding-left:5px;}
.esg2023&gt;div:nth-of-type(3)&gt;dl:nth-of-type(1)&gt;dd&gt;ul&gt;li:before {position:absolute; left:0; top:6px; width:2px; height:2px; background:#555; content:"";}
.esg2023&gt;div:nth-of-type(3)&gt;dl:nth-of-type(1)&gt;dd:nth-of-type(1) {border-color:#767676;}
.esg2023&gt;div:nth-of-type(3)&gt;dl:nth-of-type(1)&gt;dd:nth-of-type(1)&gt;p {background:#767676;}
.esg2023&gt;div:nth-of-type(3)&gt;dl:nth-of-type(1)&gt;dd:nth-of-type(2) {border-color:#555;}
.esg2023&gt;div:nth-of-type(3)&gt;dl:nth-of-type(1)&gt;dd:nth-of-type(2)&gt;p {background:#555;}
.esg2023&gt;div:nth-of-type(3)&gt;dl:nth-of-type(2)&gt;dd:nth-of-type(1) {border-color:#00958c;}
.esg2023&gt;div:nth-of-type(3)&gt;dl:nth-of-type(2)&gt;dd:nth-of-type(1)&gt;p {background:#00958c;}
.esg2023&gt;div:nth-of-type(3)&gt;dl:nth-of-type(2)&gt;dd:nth-of-type(2) {border-color:#1752b3;}
.esg2023&gt;div:nth-of-type(3)&gt;dl:nth-of-type(2)&gt;dd:nth-of-type(2)&gt;p {background:#1752b3;}
.esg2023&gt;div:nth-of-type(3)&gt;dl:nth-of-type(2)&gt;dd:nth-of-type(3) {border-color:#5053b7;}
.esg2023&gt;div:nth-of-type(3)&gt;dl:nth-of-type(2)&gt;dd:nth-of-type(3)&gt;p {background:#5053b7;}
.esg2023&gt;div:nth-of-type(1):before,
.esg2023&gt;div:nth-of-type(2):before,
.esg2023&gt;div:nth-of-type(3):before {position:absolute; left:50%; top:-73px; width:352px; height:70px; background:url('/open_content/images/sub/esg_bg.gif') no-repeat; transform:translateX(-50%); content:""; z-index:-1;}
.esg2023&gt;div:nth-of-type(3):before {transform:translateX(-50%) rotate(180deg);}

.contribute2025 * {box-sizing:border-box; font-family:'SCDream';}
.contribute2025 dl {position:relative; text-align:center; display:flex; justify-content:space-between; padding-left:130px; margin-top:30px;}
.contribute2025 dl:before {position:absolute; left:108px; top:50%; width:5px; height:5px; border-radius:50%; background:#d3d3d3; content:""; box-shadow:-10px 0 0 #d3d3d3, 10px 0 0 #d3d3d3; transform:translateY(-50%);}
.contribute2025 dl&gt;dt {position:absolute; left:0; top:50%; width:90px; padding:5px 0; font-size:15px; color:#fff; transform:translateY(-50%); border-radius:20px; background:#33354e;}
.contribute2025 dl&gt;dd {width:100%; word-break:keep-all; border-radius:10px;}
.contribute2025 dl.vision&gt;dd {padding:15px; font-size:20px; color:#111; border:5px solid #eee;}
.contribute2025 dl.vision&gt;dd span {font-weight:600; font-size:1.1em; color:#e3436c;}
.contribute2025 dl.vision&gt;dd span:nth-child(2) {color:#4a6bd7;}
.contribute2025 dl.slogan&gt;dd {padding:15px; font-size:20px; color:#fff; background:#4a6bd7;}
.contribute2025 dl.slogan&gt;dd span {font-weight:600;}
.contribute2025 dl.objectives&gt;dd {flex:0 0 calc(25% - 7px); padding:15px 0; color:#111; border-radius:10px; border:2px solid;}
.contribute2025 dl.objectives&gt;dd:nth-of-type(1) {border-color:#c8355e; letter-spacing:-1px;}
.contribute2025 dl.objectives&gt;dd:nth-of-type(2) {border-color:#3d41b9;}
.contribute2025 dl.objectives&gt;dd:nth-of-type(3) {border-color:#008f86;}
.contribute2025 dl.objectives&gt;dd:nth-of-type(4) {border-color:#d05300;}
.contribute2025 dl.task&gt;dd {flex:0 0 calc(25% - 7px); display:flex; justify-content:center; align-items:center;; padding:13px; font-size:13px; border:1px solid #ccc; border-radius:10px; background:#f8f8f8;}

.contribute_org2025 {text-align:center;}
.contribute_org2025 * {box-sizing:border-box; word-break:keep-all;}
.contribute_org2025 *:before,
.contribute_org2025 *:after {z-index:-1;}
.contribute_org2025 ul:not(.depth4)&gt;li&gt;dl {position:relative; width:300px; margin:0 auto 20px;}
.contribute_org2025 ul:not(.depth4)&gt;li&gt;dl&gt;dt {padding:9px; color:#fff; font-size:17px; font-weight:500; border-radius:10px 10px 0 0; font-family:'SCDream';}
.contribute_org2025 ul:not(.depth4)&gt;li&gt;dl&gt;dd {padding:8px; color:#222; font-size:16px; border-radius:0 0 10px 10px; border:1px solid #ccc; border-top:0;}
.contribute_org2025 .d1&gt;dt {background-color:#4a6bd7;}
.contribute_org2025 .d2&gt;dt {background-color:#c8355e;}
.contribute_org2025 .d3&gt;dt {background-color:#008f86;}
.contribute_org2025 ul.depth4 {display:flex; gap:5px;}
.contribute_org2025 ul.depth4&gt;li {position:relative; margin-top:20px; display:flex; flex:1 0 13%;}
.contribute_org2025 ul.depth4&gt;li dl {display:flex; flex-direction:column; border:1px solid #ccc; border-radius:7px; overflow:hidden;}
.contribute_org2025 ul.depth4&gt;li dl dt {flex:0 0 auto; padding:8px 0; color:#111; font-size:14px; font-weight:500; font-family:'SCDream'; border-bottom:1px solid #ccc; background:#fff;}
.contribute_org2025 ul.depth4&gt;li dl dd {flex:1 1 auto; padding:5px 0; letter-spacing:-0.5px; background:#f8f8f8;}
.contribute_org2025 ul:not(.depth4)&gt;li&gt;dl:before {position:absolute; left:50%; top:100%; height:20px; width:1px; background:#ddd; content:"";}
.contribute_org2025 ul.depth4&gt;li:before {position:absolute; left:50%; bottom:100%; height:20px; width:1px; background:#ddd; content:"";}
.contribute_org2025 ul.depth4&gt;li:after {position:absolute; left:-2.5px; right:-2.5px; bottom:calc(100% + 20px); height:1px; background:#ddd; content:"";}
.contribute_org2025 ul.depth4&gt;li:first-child:after {left:50%;}
.contribute_org2025 ul.depth4&gt;li:last-child:after {right:50%;}

.photoBox * {box-sizing:border-box;;}
.photoBox&gt;ul {display:flex; justify-content:space-between; flex-wrap:wrap;}
.photoBox&gt;ul&gt;li {text-align:center; margin-bottom:20px; width:49%;}
.photoBox.col3&gt;ul&gt;li {width:32.3%;}
.photoBox&gt;ul&gt;li .photo {padding:10px; background:#fafafa; border:1px solid #ccc; box-shadow:3px 3px 0 rgba(0,0,0,.05);}
.photoBox&gt;ul&gt;li .photo img {max-width:100%; border:1px solid #eee;}
.photoBox&gt;ul&gt;li .txt {display:inline-block; padding:3px 15px; margin-top:10px; border:1px solid #b7b7b7; border-radius:2px; background:linear-gradient(to bottom,#fff 20%,#f0f0f0);}

.photoFrBox {position:relative; width:calc(100% - 2px); margin-top:20px; padding:6px 32px 8px; font-size:0; border-radius:3px; border:1px solid #c7c7c7; background:url('/open_content/images/sub/facilitiesguide/photobox_bg.gif') repeat; box-shadow:2px 2px 0 rgba(0,0,0,.07); box-sizing:border-box;}
.photoFrBox * {box-sizing:border-box;}
.photoFrBox:not(.col3):before {position:absolute; right:19px; bottom:17px; width:141px; height:162px; background:url('/open_content/images/sub/facilitiesguide/photobox_col2.png') no-repeat; content:"";}
.photoFrBox&gt;li {display:inline-block; width:232px; text-align:center;}
.photoFrBox&gt;li:not(:first-child) {margin-left:27px;}
.photoFrBox&gt;li p.img {padding:26px 19px 19px; background:url('/open_content/images/sub/facilitiesguide/photobox_frame.png') no-repeat;}
.photoFrBox&gt;li p.img span {display:block;width:194px; height:138px; border:1px solid rgba(0,0,0,.5); overflow:hidden;}
.photoFrBox&gt;li p.img img {width:100%; height:100%; object-fit:cover;}
.photoFrBox&gt;li p.txt {display:inline-block; min-width:95px; margin-top:3px; padding:4px 7px 2px; color:#505050; font-size:11px; font-weight:600;  border:1px solid #b7b7b7; border-radius:2px; box-shadow:0 2px 2px rgba(0,0,0,.08); text-shadow:0 1px 1px rgba(255,255,255,.8); background:linear-gradient(to bottom,#fff,#f3f3f3);}
.photoFrBox.col3 {padding:6px 15px 8px;}
.photoFrBox.col3&gt;li:not(:first-child) {margin-left:0;}

.parking_street {position:relative;}
.parking_street .photo {position:absolute; right:20px; top:30px; padding:26px 19px 19px; background:url('/open_content/images/sub/facilitiesguide/photobox_frame.png') no-repeat;}
.parking_street .photo span {display:block;width:194px; height:138px; border:1px solid rgba(0,0,0,.5); overflow:hidden;}
.parking_street .photo span img {width:100%; height:100%; object-fit:cover;}

.womenshallPhoto {margin-top:40px; border-bottom:2px solid #111;}
.womenshallPhoto .gallery_title {border-bottom:2px solid #111;}
.womenshallPhoto .gallery_title h4 {padding-left:0 !important;}
.womenshallPhoto&gt;div:not(:first-child) {padding:20px 10px;}
.womenshallPhoto&gt;div:nth-of-type(n+3) {border-top:1px dashed #aaa;}
.womenshallPhoto h5 {margin-bottom:10px;}
.womenshallPhoto  .ssblet span {font-weight:bold;}
.womenshallPhoto .photo {margin-top:20px; display:flex; justify-content:space-between; padding:10px; border:1px solid #c7c7c7; background:#f5f5f5; }
.womenshallPhoto .photo li {flex:1 1 0; overflow:hidden;}
.womenshallPhoto .photo li:not(:first-child) {margin-left:10px;} 
.womenshallPhoto .photo img {width:100%; height:100%; object-fit:cover;}
.womenshallPhoto .photo.col4 {flex-wrap:wrap;}
.womenshallPhoto .photo.col4 li {width:calc(25% - 7px); flex:0 1 auto;}
.womenshallPhoto .photo.col4 li:not(:first-child) {margin-left:0;} 
.womenshallPhoto .photo.col4 li:nth-child(n+5) {margin-top:8px;}

.womenshallPhoto.happycall .photo {flex-wrap:wrap; margin-top:0;}
.womenshallPhoto.happycall .photo&gt;li {flex:1 1 calc(33.33% - 10px); margin:3px;}

.flex-photoBox {display:flex; flex-wrap:wrap; gap:9px; margin:20px 0; padding:10px; background:#fafafa; border:1px solid #ddd;}
.flex-photoBox li {flex:0 0 calc(33.33% - 6px); height:170px;}
.flex-photoBox li img {width:100%; height:100%; object-fit:cover;}
.flex-photoBox .photoLayer {position:fixed; left:50%; top:50%; text-align:center; padding:20px; transform:translate(-50%, -50%); z-index:99999; background:#fff; border:1px solid #eee; box-shadow:0 7px 15px rgba(0,0,0,.1);}
.flex-photoBox .photoLayer img {max-width:calc(100vw - 100px); max-height:calc(100vh - 100px);}
.flex-photoBox .photoLayer a.close {display:inline-block; margin-top:20px; padding:10px 35px; font-size:17px; font-weight:600; color:#fff; background:#4e4f52; border:1px solid #37383c; border-radius:5px;}
.flex-photoBox.col2 li {flex:0 0 calc(50% - 4.5px); height:255px;}
.flex-photoBox li.vertical-long {height:270px;}
.flex-photoBox li.col2 {flex:0 0 calc(50% - 4.5px); height:255px;}
.womenshallPhoto .flex-photoBox.col2 li {height:170px;}

.strategy2024 * {box-sizing:border-box;}
.strategy2024&gt;p {text-align:center; font-size:25px; font-weight:600; font-family:'SCDream';}
.strategy2024&gt;dl {position:relative; text-align:center; display:flex; justify-content:space-between; padding-left:130px; margin-top:30px;}
.strategy2024&gt;dl:before {position:absolute; left:108px; top:50%; width:5px; height:5px; border-radius:50%; background:#d3d3d3; content:""; box-shadow:-10px 0 0 #d3d3d3, 10px 0 0 #d3d3d3; transform:translateY(-50%);}
.strategy2024&gt;dl&gt;dt {position:absolute; left:0; top:50%; width:90px; padding:5px 0; font-family:'SCDream'; font-size:15px; color:#fff; transform:translateY(-50%); border-radius:20px; background:#33354e;}
.strategy2024&gt;dl&gt;dd {width:calc(20% - 5px);word-break:keep-all; border-radius:10px; font-family:'SCDream';}
.strategy2024&gt;dl&gt;dd span {font-family:'SCDream';}
.strategy2024&gt;dl.mission&gt;dd {width:100%; padding:15px; font-size:20px; color:#111; border:5px solid #eee;}
.strategy2024&gt;dl.mission&gt;dd span {font-weight:600; font-size:1.1em; color:#e3436c;}
.strategy2024&gt;dl.mission&gt;dd span:nth-child(2) {color:#4a6bd7;}
.strategy2024&gt;dl.vision&gt;dd {width:100%; padding:15px; font-size:20px; font-weight:300; color:#fff; background:#4a6bd7;}
.strategy2024&gt;dl.vision&gt;dd span {font-weight:500;}
.strategy2024&gt;dl.slogan&gt;dd {width:100%; padding:13px; font-size:18px; font-weight:400; color:#333; border:1px solid #ccc; background:#f8f8f8;}
.strategy2024&gt;dl.value&gt;dd {height:112px; padding-top:65px; font-size:15px; color:#fff; border-radius:50%; background:no-repeat center 23px;}
.strategy2024&gt;dl.value&gt;dd:nth-of-type(1) {background-color:#1752b3; background-image:url(/open_content/images/sub/strategy_ic01.png);}
.strategy2024&gt;dl.value&gt;dd:nth-of-type(2) {background-color:#3d41b9; background-image:url(/open_content/images/sub/strategy_ic02.png);}
.strategy2024&gt;dl.value&gt;dd:nth-of-type(3) {background-color:#008f86; background-image:url(/open_content/images/sub/strategy_ic03.png);}
.strategy2024&gt;dl.value&gt;dd:nth-of-type(4) {background-color:#d05300; background-image:url(/open_content/images/sub/strategy_ic04.png);}
.strategy2024&gt;dl.value&gt;dd:nth-of-type(5) {background-color:#c8355e; background-image:url(/open_content/images/sub/strategy_ic05.png);}
.strategy2024&gt;dl.direction&gt;dd {display:flex; flex-direction:column; justify-content:center; padding:10px; font-size:14px; color:#fff;}
.strategy2024&gt;dl.direction&gt;dd:nth-of-type(1) {background-color:#1752b3;}
.strategy2024&gt;dl.direction&gt;dd:nth-of-type(2) {background-color:#3d41b9;}
.strategy2024&gt;dl.direction&gt;dd:nth-of-type(3) {background-color:#008f86;}
.strategy2024&gt;dl.direction&gt;dd:nth-of-type(4) {background-color:#d05300;}
.strategy2024&gt;dl.direction&gt;dd:nth-of-type(5) {background-color:#c8355e;}
.strategy2024&gt;dl.objectives&gt;dd {display:flex; flex-direction:column; justify-content:center; padding:10px 5px; font-size:12px; border:solid 2px;}
.strategy2024&gt;dl.objectives&gt;dd:nth-of-type(1) {border-color:#1752b3;}
.strategy2024&gt;dl.objectives&gt;dd:nth-of-type(2) {border-color:#3d41b9;}
.strategy2024&gt;dl.objectives&gt;dd:nth-of-type(3) {border-color:#008f86;}
.strategy2024&gt;dl.objectives&gt;dd:nth-of-type(4) {border-color:#d05300;}
.strategy2024&gt;dl.objectives&gt;dd:nth-of-type(5) {border-color:#c8355e;}
.strategy2024&gt;dl.task&gt;dd {text-align:left; padding:10px 5px; border:1px solid #ccc; background:#f0f0f0;}
.strategy2024&gt;dl.task&gt;dd li {position:relative; font-size:11px; padding-left:5px; letter-spacing:-1px;}
.strategy2024&gt;dl.task&gt;dd li:not(:first-child) {margin-top:4px;}
.strategy2024&gt;dl.task&gt;dd li:before {position:absolute; left:0; top:5px; width:3px; height:1px; background:#555; content:"";}
.strategy2024&gt;dl.manage&gt;dd {width:32%; padding:10px; font-size:18px; border:1px solid #ccc; background:#fafafa;}

/*organ base*/
.organ2024 {position:relative; text-align:center; margin-top:20px;}
.organ2024 * {position:relative; box-sizing:border-box; word-break:keep-all;}
.organ2024 *:before, .organ2024 *:after {position:absolute; background:#ddd; z-index:-1;}

/*organ object shape*/
.organ2024 p {padding:10px; width:200px; margin-left:auto; margin-right:auto; color:#fff; font-size:17px; font-weight:600; border-radius:12px; background:#1752b3;}
.organ2024 dl {width:68.4px; border-radius:5px; border:1px solid #ccc; background:#f9f9f9; overflow:hidden;}
.organ2024 dl dt { padding:10px 2px; color:#111; font-size:13px; font-weight:600; line-height:110%; background:#fff;}
.organ2024 dl dt:after {left:0; right:0; bottom:0; height:1px; background:#ccc; content:""; z-index:1;}
.organ2024 dl dd {padding:8px 2px; min-height:210px;}
.organ2024 dl dd li { margin-bottom:9px; font-size:11px; letter-spacing:-0.5px;}
.organ2024 dl dd li:last-child {margin-bottom:0;}
.organ2024 dl dd li:not(:last-child):after {left:8px; right:8px; bottom:-5px; border-top:1px dotted #ccc; background:none; content:""; z-index:1;}
.organ2024 ul p {background:#d05300;}
.organ2024 .depth4 p {background:#008f86;}

/*organ align*/
.organ2024&gt;ul {display:flex; flex-wrap:wrap; padding-top:70px;}
.organ2024&gt;ul&gt;li {flex:0 0 50%;}
.organ2024&gt;ul&gt;li.depth3 {flex:0 0 100%;}
.organ2024 .depth3&gt;ul {display:flex; gap:2px;}
.organ2024 .depth3&gt;ul&gt;li:nth-of-type(1) {flex:0 1 calc(10% - 1px); padding-top:165px;}
.organ2024 .depth3&gt;ul&gt;li:nth-of-type(2) {flex:0 1 calc(90% - 1px);}
.organ2024 .depth4&gt;ul {display:flex; gap:2px;}
.organ2024 .depth4&gt;ul&gt;li {padding-top:80px;}
.organ2024 .depth4&gt;ul&gt;li:nth-of-type(1) {flex:0 1 calc(60% - 1px);}
.organ2024 .depth4&gt;ul&gt;li:nth-of-type(2) {flex:0 1 calc(40% - 1px);}
.organ2024 .depth4&gt;ul&gt;li&gt;ul {display:flex; gap:2px; margin-top:20px;}
.organ2024 .depth4&gt;ul&gt;li&gt;ul&gt;li {padding-top:20px;}
.organ2024 .depth4&gt;ul&gt;li:first-child p {margin-left:181px;}

/*organ line*/
.organ2024&gt;ul:before {top:0; left:50%; width:1px; height:250px;  content:"";}
.organ2024&gt;ul&gt;li:nth-child(1):before {top:50%; left:50%; right:0; height:1px; content:"";}
.organ2024&gt;ul&gt;li:nth-child(2):before {top:50%; left:0; right:50%; height:1px; content:"";}
.organ2024 .depth3:before {top:30px; left:5%; right:50%; height:1px; content:"";}
.organ2024 .depth3:after {top:60px; left:50%; right:15%; height:1px; content:"";}
.organ2024 .depth3&gt;ul&gt;li:nth-of-type(1):before {top:30px; left:50%; height:150px; width:1px; content:"";}
.organ2024 .depth4&gt;ul&gt;li&gt;p:before {top:-20px; bottom:-20px; left:50%; width:1px; content:"";}
.organ2024 .depth4&gt;ul&gt;li&gt;ul:before {top:0px; left:34.2px; right:34.2px; height:1px; content:"";}
.organ2024 .depth4&gt;ul&gt;li&gt;ul&gt;li:before {top:0px; left:50%; width:1px; height:25px; content:"";}


.personal * {box-sizing:border-box; word-break:keep-all;}
.personal&gt;div:not(:first-child) {margin-top:40px;}
.personal .labeling {border-bottom:1px solid #ccc;}
.personal .labeling&gt;.tit {text-align:center; padding:15px; color:#333; font-size:17px; font-weight:bold; border-top:2px solid #000; border-bottom:1px solid #ccc; background:#fafafa;}
.personal .labeling&gt;ul {display:flex; flex-wrap:wrap;}
.personal .labeling&gt;ul&gt;li {text-align:center; flex:0 0 33.33%; padding:15px 0; border:dashed #ccc; border-width:0;}
.personal .labeling&gt;ul&gt;li:nth-child(n+4) {border-top-width:1px;}
.personal .labeling&gt;ul&gt;li:not(:nth-child(3n-2)) {border-left-width:1px;}
.personal .labeling&gt;ul&gt;li&gt;a {display:block;}
.personal .labeling&gt;ul&gt;li span.img {display:flex; justify-content:center; align-items:center; height:90px;}
.personal .labeling&gt;ul&gt;li span.txt {display:block; margin-top:10px; font-weight:bold; font-size:15px;}
.personal .index {border-bottom:1px solid #ccc;}
.personal .index&gt;.tit {text-align:center; padding:15px; color:#333; font-size:17px; font-weight:bold; border-top:2px solid #000; border-bottom:1px solid #ccc; background:#fafafa;}
.personal .index&gt;ul {display:flex; flex-wrap:wrap;}
.personal .index&gt;ul&gt;li {flex:0 0 48.5%; padding:12px 10px; border:dashed #ccc; border-width:0;}
.personal .index&gt;ul&gt;li:nth-child(n+3) {border-top-width:1px;}
.personal .index&gt;ul&gt;li:nth-child(2n) {flex:0 0 51.5%; border-left-width:1px;}
.personal .index&gt;ul&gt;li a {position:relative; display:block; padding-right:40px;}
.personal .index&gt;ul&gt;li a img {position:absolute; right:0; top:50%; width:30px; transform:translateY(-50%);}
.personal .ps {position:relative; padding-left:23px; margin-top:10px; margin-bottom:15px; font-weight:600;}
.personal .ps:before {position:absolute; left:0; top:1px; text-align:center; width:18px; height:18px; line-height:18px; color:#fff; font-size:13px; background:#ea5f44; content:"��"; border-radius:50%;}
.personal .labeling .ps,
.personal .index .ps{padding:13px; padding-left:31px; margin:0 !important; border-top:1px dashed #ccc;}
.personal .labeling .ps:before,
.personal .index .ps:before{left:8px; top:14px;}
body.sub .personal h4 {padding-left:0; margin-bottom:10px; color:#4a6bd7; font-size:22px; background:none;}
body.sub .personal h4 img {vertical-align:middle; margin-left:3px; width:45px;}
.personal ul.code {margin-top:10px;}
.personal ul.code&gt;li {position:relative; padding-left:19px; margin-bottom:17px; font-size:14px;}
.personal ul.code&gt;li&gt;span:first-child {position:absolute; display:flex; justify-content:center; align-items:center; top:3px; left:0; width:14px; height:14px; font-size:10px; font-weight:600; color:#555; border:1px solid #555; border-radius:50%; content:"";}
.personal ul.code&gt;li&gt;ul.code&gt;li {padding-left:15px; margin-bottom:8px; font-size:13px;}
.personal ul.code&gt;li&gt;ul.code&gt;li&gt;span:first-child {display:block; top:0; width:auto; height:auto; font-size:13px; font-weight:normal; border:none;}
.personal ul.code&gt;li.nobl {padding-left:0;}
.personal ul.code&gt;li.nobl&gt;span:first-child {position:static; display:inline; width:auto; height:auto; font:inherit; color:inherit; border:none;}
.personal&gt;div&gt;ul.code {padding-left:2px;}
.personal .sbox {padding:10px 15px; border-radius:3px; background:#f5f5f5;}
.personal .sbox.code {margin-top:5px;}
.personal .sbox.code&gt;li:last-child {margin-bottom:0;}
.personal .detailLayer {display:none; text-align:left; position:absolute; right:1px; top:213px; padding:20px; width:740px; max-height:500px; background:#fff; border:1px solid #333; box-shadow:5px 0 12px rgba(0,0,0,.15); z-index:100; overflow-y:auto;}
.personal .detailLayer a.close {display:block; position:absolute; right:15px; top:15px; width:42px; height:42px; overflow:hidden; text-indent:-5000px; font-size:0;}
.personal .detailLayer a.close:before {position:absolute; content:""; width:1px; height:45px; left:25px; top:-2px; background:#333; transform:rotate(45deg);}
.personal .detailLayer a.close:after {position:absolute; content:""; width:1px; height:45px; left:25px; top:-2px; background:#333; transform:rotate(-45deg);}

.facilities_data {margin-top:60px; padding:10px 20px; border:1px solid #c7c7c7; border-radius:3px;}
.facilities_data dl {margin-top:5px; padding-top:5px; border-top:1px dotted #ccc; display:flex;}
.facilities_data dl:first-of-type {margin-top:0; padding-top:0; border-top:0;}
.facilities_data dt {font-weight:bold; flex:0 0 17%;}
.facilities_data dd {flex:1 1 auto; font-size:12px;}
.facilities_data dd:first-of-type {flex:0 0 31%;}
.facilities_data dd span {color:#356290;}

.bandabi_res {display:flex; flex-wrap:wrap; margin-top:5px;}
.bandabi_res&gt;li {display:flex; flex-direction:column; flex:0 0 calc(25% - 5px); margin-bottom:10px; border:1px solid #c7c7c7; border-left:0; /* box-sizing:border-box; */}
.bandabi_res&gt;li:nth-child(4n-3) {border-left:1px solid #c7c7c7;}
.bandabi_res&gt;li .img {border-bottom:1px solid #c7c7c7;}
.bandabi_res&gt;li .img img {max-width:100%;}
.bandabi_res&gt;li .txt {display:flex; flex-direction:column; justify-content:center; flex:1 1 auto; text-align:center; padding:7px; font-weight:bold; background:#f5f5f5;}</pre></body></html>