@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Do+Hyeon&display=swap');

/*basic*/
#detail_con h5 {min-height:70px; padding-top:12px; padding-left:38px; margin-top:60px; font-size:30px; color:#2245a3; font-weight:normal; background:url('../img/contents/blet.gif') no-repeat left top;}
#detail_con h5:first-letter {color:#fff; margin-left:3px;}
#detail_con .bl02 {position:relative; font-size:24px; padding-left:30px; color:#333;}
#detail_con .bl02:before {display:block; content:""; position:absolute; left:0; top:18px; width:19px; height:3px; background:#333;}
#detail_con .bl03>li, #detail_con p.bl03 {position:relative; padding-left:12px; margin-bottom:10px; font-size:17px;}
#detail_con .bl03>li:before, #detail_con p.bl03:before {display:block; content:""; position:absolute; left:0; top:10px; width:6px; height:6px; border-radius:50%; background:#515151;}
#detail_con .bl04>li {position:relative; padding-left:10px;}
#detail_con .bl04>li:before {display:block; content:""; position:absolute; left:0; top:10px; width:5px; height:1px; background:#333;}
.bl05>li {position:relative; padding-left:10px; margin:5px 0;}
.bl05>li:before {display:block; content:""; position:absolute; left:0; top:11px; width:5px; height:1px; background:#666;}

.bl06>li {position:relative; padding-left:7px; margin:5px 0; font-size:0.95rem;}
.bl06>li:before {display:block; content:""; position:absolute; left:0; top:11px; width:2px; height:1px; background:#666;}

#detail_con .bl02 .conbtn {font-size:16px; vertical-align:middle; margin-left:5px; padding-top:10px; padding-bottom:10px; border-radius:3px;}
#detail_con .bl02 .conbtn.link:before {background-position:right 20px top 15px;}

.numbl>li {position:relative; margin-bottom:8px; line-height:24px;}
.numbl.cir>li {padding-left:20px;}
.numbl.cir>li>span.num {position:absolute; top:5px; left:0; text-align:center; width:15px; height:15px; color:#fff; font-size:10px; font-weight:bold; text-indent:-1px; line-height:14px; border-radius:50%; background:#444;}
.numbl.par>li {padding-left:18px;}
.numbl.par>li>span.num {position:absolute; top:0px; left:0; font-weight:500;}
.numbl.par>li>span.num:after {content:")";}

.video_bl04 {margin-left:20px; margin-top:20px;}
.video_bl04>li {position:relative; padding-left:10px; margin-bottom:8px; line-height:24px;}
.video_bl04>li:before {display:block; content:""; position:absolute; left:0; top:10px; width:4px; height:4px; background:#666;}
.video_bl05>li {position:relative; padding-left:10px; margin:5px 0;}
.video_bl05>li:before {display:block; content:""; position:absolute; left:0; top:12px; width:5px; height:1px; background:#666;}

#detail_con a[target=_blank]:not(.conbtn, .conbtns2) {display:inline-block; padding-left:22px; background:url('../img/contents/new_window.gif') no-repeat left center;}

.floatCon {overflow:hidden; max-width:1300px; margin:0 auto; padding:30px 0; border-bottom:1px solid #e5e5e5;}
.floatCon:last-child {border-bottom:0;}
.floatCon h5 {float:left; width:25%; margin-top:0 !important;}
.floatCon div.rCon {float:right; width:73%; padding-top:15px;}

.para01 {margin-top:20px; margin-left:40px;}

.wfont {font-weight:500 !important;}

.conbtnBox {text-align:center; margin-top:50px;}
.conbtn {position:relative; overflow:hidden; display:inline-block; text-align:center; padding:15px 55px 15px 25px; color:#fff !important; background:#3b3e44; transition:.3s; z-index:1;}
.conbtn:after {content:''; position:absolute; top:50%; left:50%; width:0; height:100%; background-color:#4856aa; opacity:0; transition:.3s; -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); z-index:-1;}
.conbtn:hover:after {width:100%; opacity:1;}
.conbtn:active:after {background-color:#3143b3;}
.conbtn.down:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url('/main/img/sub/conbtn_down.gif') right 30px top 17px no-repeat; z-index:2;}
.conbtn.link:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url('/main/img/sub/conbtn_link.gif') right 20px top 17px no-repeat; z-index:2;}
.conbtns2.down:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url('/main/img/sub/conbtn_down.gif') right 30px top 17px no-repeat; z-index:2;}
.conbtnS {display:inline-block; margin-left:5px; padding:1px 10px 3px; border-radius:30px; border:1px solid #000;}
.conbtns2 {position: relative; display:inline-block; padding:5px 40px 5px 15px; color: #fff !important; border-radius:30px; background:linear-gradient(to bottom, #214ea7, #1c418e);}
.conbtns2.down::before { width: 17px; height: 14px; top: 8px; left: auto; right: 15px; background-position: 0 0; }
a[target=_blank].conbtnS {padding:1px 10px 3px !important; background:none !important;}
.conbtns2.link {padding-right:50px;}
.conbtns2.link:before {content:''; position:absolute; width:26px; height:15px; top:8px; right:15px; background:url('/main/img/sub/conbtn_link.gif') no-repeat; z-index:2;}


table.data {position:relative; width:100%; margin-top:20px; border-top:2px solid #000; border-spacing:0; border-collapse:collapse; word-break:break-all;}
table.data.nothead {border-top:0;}
table.data.nothead tr:first-child th, table.data.nothead tr:first-child td {border-top:2px solid #000;}
table.data.fix {table-layout:fixed;}
table.data:before {display:block; content:""; position:absolute; left:0; top:-1px; width:1px; height:100%; background:#fff;}
table.data:after {display:block; content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#000;}
table.data th, table.data td {padding:10px 18px 12px; color:#000; line-height:22px;}
table.data th {font-weight:500;}
table.data thead {border-bottom:1px solid #000;}
table.data thead th {font-size:16px; letter-spacing:-1px; line-height:25px; border-top:1px solid #000; border-left:1px solid #000; background:#f8f8f8;}
table.data tr:first-child th:first-child {border-left:none;}
table.data tbody th, table.data td {border-bottom:1px solid #d4d4d4; border-left:1px solid #d4d4d4; text-align:center;}
table.data td[rowspan] {border-right:1px solid #d4d4d4;}

table.data tfoot th {border-left:1px solid #d4d4d4; text-align:center;}
table.data tfoot th, table.data tfoot td {font-weight:bold;}
table.data tfoot tr:last-child td {border-bottom:none;}
table.data td:last-child {border-right:0 !Important;}
table.data tbody tr th:first-child, table.data tfoot th:first-child {border-right:1px solid #d4d4d4; border-left:0;}
table.data tbody tr td:first-child {border-left:none; border-right:1px solid #d4d4d4;}
table.data .bdr_line {border-right:1px solid #d4d4d4;}
table.data tbody th, table.data tfoot th , table.data tfoot td {text-align:center; background-color:#f6f6f6;}
table.data .ssblet {margin-bottom:0; font-size:14px; font-weight:300; line-height:25px;}
table.data.overcolor tr:hover {background:#e9f1f8;}
table.data .blue {color:#2b50af;}
table.data .red {color:#cb2525;}

table.data tr.bgcolor1{background:#f8f8f8;}
table.data tr.bgcolor1 td {font-weight:bold;}
table.data tr.bgcolor2{background:#fbfbfb;}
table.data tr.bgcolor3{background:#fffdee;}
table.data tr td.bgcolor3{background:#fffdee;}

/*greeing*/
.greeting {position:relative; max-width:1495px; padding-left:575px; margin:0 auto; background:url('../img/contents/greeting_bg.gif') no-repeat right top;}
.greeting .photo {position:absolute; left:130px; top:55px; opacity:0; transition:1s; z-index:-1;}
.greeting .photo.on {top:35px; opacity:1; z-index:-1;}

.greeting .intro {height:350px;}
.greeting .intro .tit {padding-top:50px; font-size:34px; line-height:50px; color:#fff; opacity:0; transition-delay:.5s; transition-duration:.5s;}
.greeting .intro .tit.on {padding-top:80px; opacity:1;} 
.greeting .intro .tit strong {color:#45d5ff;}
.greeting .intro .txt {margin-top:20px; font-size:18px; line-height:35px; color:#fff; opacity:0; transition-delay:1s; transition-duration:.5s;}
.greeting .intro .txt.on {margin-top:40px; opacity:1;} 
.greeting .intro .txt strong {font-weight:normal; color:#fff445;}

.greeting .icon {margin:65px 0;}
.greeting .icon>span {position:relative; display:inline-block; width:64px; height:64px; margin-right:70px; opacity:0; transition-duration:.5s;}
.greeting .icon>span:after {display:block; content:""; position:absolute; right:-35px; top:30px; width:6px; height:6px; border-radius:50%; background:#7f7f7f;}
.greeting .icon>span.i1 {background:url('../img/contents/greeting_ic01.gif') no-repeat;}
.greeting .icon>span.i2 {background:url('../img/contents/greeting_ic02.gif') no-repeat;}
.greeting .icon>span.i3 {background:url('../img/contents/greeting_ic03.gif') no-repeat;}
.greeting .icon>span.i4 {background:url('../img/contents/greeting_ic04.gif') no-repeat;}
.greeting .icon>span.i5 {margin-right:0; background:url('../img/contents/greeting_ic05.gif') no-repeat;}
.greeting .icon>span.i5:after {display:none;}
.greeting .icon.on>span {opacity:1;}
.greeting .icon.on>span.i2 {transition-delay:.3s;}
.greeting .icon.on>span.i3 {transition-delay:.5s;}
.greeting .icon.on>span.i4 {transition-delay:.7s;}
.greeting .icon.on>span.i5 {transition-delay:.9s;}

.greeting .con {line-height:35px; font-size:17px; opacity:0; transition-delay:1s; transition-duration:1s;}
.greeting .con.on {opacity:1;}
.greeting .con>p {margin-bottom:30px;}
.greeting .con .sign {text-align:right; padding-right:15%;}

/*greeing02*/
.greeting02 {position:relative; max-width:1495px; padding-left:720px; margin:0 auto;/*  background:url('../img/contents/greeting_bg03.jpg') no-repeat right top; */}
.greeting02 .photo {position:absolute; left:50px; top:115px; opacity:0; transition:1s; z-index:-1;}
.greeting02 .photo.on {top:85px; opacity:1; z-index:-1;}

.greeting02 .intro {height:415px;}
.greeting02 .intro .tit {padding-top:50px; font-size:34px; line-height:50px;  opacity:0; transition-delay:.5s; transition-duration:.5s;}
.greeting02 .intro .tit.on {padding-top:80px; opacity:1;} 
.greeting02 .intro .tit strong {color:#e6a025;}
.greeting02 .intro .txt {margin-top:20px; font-size:22px; line-height:35px;  opacity:0; transition-delay:1s; transition-duration:.5s;}
.greeting02 .intro .txt.on {margin-top:30px; opacity:1;} 
.greeting02 .intro .txt strong {font-weight:normal; color:#d45219;}

.greeting02 .icon>span {position:relative; display:inline-block; width:64px; height:64px; margin-right:70px; opacity:0; transition-duration:.5s;}
.greeting02 .icon>span:after {display:block; content:""; position:absolute; right:-35px; top:30px; width:6px; height:6px; border-radius:50%; background:#7f7f7f;}
.greeting02 .icon>span.i1 {background:url('../img/contents/greeting_ic01.gif') no-repeat;}
.greeting02 .icon>span.i2 {background:url('../img/contents/greeting_ic02.gif') no-repeat;}
.greeting02 .icon>span.i3 {background:url('../img/contents/greeting_ic03.gif') no-repeat;}
.greeting02 .icon>span.i4 {background:url('../img/contents/greeting_ic04.gif') no-repeat;}
.greeting02 .icon>span.i5 {margin-right:0; background:url('../img/contents/greeting_ic05.gif') no-repeat;}
.greeting02 .icon>span.i5:after {display:none;}
.greeting02 .icon.on>span {opacity:1;}
.greeting02 .icon.on>span.i2 {transition-delay:.3s;}
.greeting02 .icon.on>span.i3 {transition-delay:.5s;}
.greeting02 .icon.on>span.i4 {transition-delay:.7s;}
.greeting02 .icon.on>span.i5 {transition-delay:.9s;}

.greeting02 .con {line-height:35px; font-size:18px; opacity:0; transition-delay:1s; transition-duration:1s;}
.greeting02 .con.on {opacity:1;}
.greeting02 .con>p {margin-bottom:30px;}
.greeting02 .con .sign {text-align:right; padding-right:15%;}

.greeting02 .c_gr{color:#3dd115 !Important;}
.greeting02 .c_bl{color:#2b50af !Important;}
.greeting02 .c_ye{color:#c29425 !Important;}

.greeting02 .box03 {background:url('../img/contents/greeting_textbg3.gif') no-repeat right bottom}



/*greeing03*/
.greeting03 {position:relative; max-width:1495px; padding-left:575px; margin:0 auto; background:url('../img/contents/greeting_bg.gif') no-repeat right top;}
.greeting03 .photo {position:absolute; left:130px; top:55px; opacity:0; transition:1s;}
.greeting03 .photo.on {top:35px; opacity:1;}

.greeting03 .intro {height:350px;}
.greeting03 .intro .tit {padding-top:50px; font-size:34px; line-height:50px; color:#fff; opacity:0; transition-delay:.5s; transition-duration:.5s;}
.greeting03 .intro .tit.on {padding-top:80px; opacity:1;} 
.greeting03 .intro .tit strong {color:#45d5ff;}
.greeting03 .intro .txt {margin-top:20px; font-size:18px; line-height:35px; color:#fff; opacity:0; transition-delay:1s; transition-duration:.5s;}
.greeting03 .intro .txt.on {margin-top:40px; opacity:1;} 
.greeting03 .intro .txt strong {font-weight:normal; color:#fff445;}

.greeting03 .icon {margin:65px 0;}
.greeting03 .icon>span {position:relative; display:inline-block; width:64px; height:64px; margin-right:70px; opacity:0; transition-duration:.5s;}
.greeting03 .icon>span:after {display:block; content:""; position:absolute; right:-35px; top:30px; width:6px; height:6px; border-radius:50%; background:#7f7f7f;}
.greeting03 .icon>span.i1 {background:url('../img/contents/greeting_ic01.gif') no-repeat;}
.greeting03 .icon>span.i2 {background:url('../img/contents/greeting_ic02.gif') no-repeat;}
.greeting03 .icon>span.i3 {background:url('../img/contents/greeting_ic03.gif') no-repeat;}
.greeting03 .icon>span.i4 {background:url('../img/contents/greeting_ic04.gif') no-repeat;}
.greeting03 .icon>span.i5 {margin-right:0; background:url('../img/contents/greeting03_ic05.gif') no-repeat;}
.greeting03 .icon>span.i5:after {display:none;}
.greeting03 .icon.on>span {opacity:1;}
.greeting03 .icon.on>span.i2 {transition-delay:.3s;}
.greeting03 .icon.on>span.i3 {transition-delay:.5s;}
.greeting03 .icon.on>span.i4 {transition-delay:.7s;}
.greeting03 .icon.on>span.i5 {transition-delay:.9s;}

.greeting03 .con {line-height:35px; font-size:17px; opacity:0; transition-delay:1s; transition-duration:1s;}
.greeting03 .con.on {opacity:1;}
.greeting03 .con>p {margin-bottom:30px;}
.greeting03 .con .sign {text-align:right; padding-right:15%;}



/*profile*/
/*
.profile {position:relative; max-width:1440px; margin:0 auto;}
.profile .intro {height:435px; padding-left:190px; background:url('../img/contents/profile_intro.gif') no-repeat right 70px bottom;}
.profile .intro .tit {padding-top:100px; font-size:36px; line-height:55px; opacity:0; transition-duration:.5s;}
.profile .intro .tit.on {padding-top:120px; opacity:1;} 
.profile .intro .tit strong {font-size:43px; color:#2b50af;}
.profile .intro .txt {margin-top:20px; font-size:20px; line-height:30px; opacity:0; transition-delay:.5s; transition-duration:.5s;}
.profile .intro .txt.on {margin-top:40px; opacity:1;} 
.profile .photo {position:absolute; right:150px; top:0; opacity:0; transition-delay:1s; transition-duration:1s; z-index:10;}
.profile .photo.on {right:180px; opacity:1;}

.profile .con {position:relative;}
.profile .con>div {text-align:center; max-width:1222px; margin:0 auto; overflow:hidden; box-shadow:0 5px 18px rgba(0,0,0,.24);}
.profile .con>div:after {display:block; content:""; position:absolute; right:20px; bottom:-40px; width:270px; height:288px; background:url('../img/contents/profile_pen.png') no-repeat; opacity:0; transition-delay:2s; transition-duration:1.5s;}
.profile .con.on>div:after {right:0; opacity:1;}
.profile .con>div>div {float:left; width:50%; height:1050px; padding-top:70px;}
.profile .con .career {background:url('../img/contents/profile_bbg1.gif') no-repeat right top;}
.profile .con .career>div:first-child {margin-bottom:80px;}
.profile .con .awar {background:url('../img/contents/profile_bbg2.gif') no-repeat;}
.profile .con .awar li {margin-bottom:10px; font-size:13px;}
.profile .con .awar li.point {color:yellow; text-decoration:underline}
.profile .con .awar li span.date {display:inline-block; width:70px;}
.profile .con .awar li span.wfont {color:#00e4ff;}
.profile .con p.tit {display:inline-block; padding:20px; margin-bottom:20px; font-size:34px; color:#fff; font-weight:bold; border-bottom:1px solid rgba(255,255,255,.18);}
.profile .con p.stit {font-size:18px; color:#fff; font-weight:bold; letter-spacing:5px;}
.profile .con ul {display:inline-block; margin-top:25px;}
.profile .con ul li {text-align:left; padding-left:10px; margin-top:15px; font-size:17px; color:#fff; opacity:0; transition-duration:.5s;}
.profile .con ul.ach li:before {display:block; content:""; position:absolute; left:0; top:12px; width:4px; height:4px; border-radius:50%; background:#fff;}
.profile .con.on ul li {margin-top:8px; opacity:1;}
.profile .con.on ul li:nth-child(1) {transition-delay:.5s;}
.profile .con.on ul li:nth-child(2) {transition-delay:.9s;}
.profile .con.on ul li:nth-child(3) {transition-delay:1.3s;}
.profile .con.on ul li:nth-child(4) {transition-delay:1.7s;}
.profile .con.on ul li:nth-child(5) {transition-delay:2.1s;}
.profile .con.on ul li:nth-child(6) {transition-delay:2.5s;}
.profile .con.on ul li:nth-child(7) {transition-delay:2.9s;}
.profile .con.on ul li:nth-child(8) {transition-delay:3.1s;}
.profile .con.on ul li:nth-child(9) {transition-delay:3.5s;}
.profile .con.on ul li:nth-child(10) {transition-delay:3.9s;}
.profile .con.on ul li:nth-child(11) {transition-delay:4.3s;}
.profile .con.on ul li:nth-child(12) {transition-delay:4.7s;}
.profile .con.on ul li:nth-child(13) {transition-delay:5.1s;}
.profile .con.on ul li:nth-child(14) {transition-delay:5.5s;}
.profile .con.on ul li:nth-child(15) {transition-delay:5.9s;}
.profile .con.on ul li:nth-child(16) {transition-delay:6.3s;}
.profile .con.on ul li:nth-child(17) {transition-delay:6.7s;}
.profile .con.on ul li:nth-child(18) {transition-delay:7.1s;}
.profile .con.on ul li:nth-child(19) {transition-delay:7.5s;}
.profile .con.on ul li:nth-child(20) {transition-delay:7.9s;}
.profile .con.on ul li:nth-child(21) {transition-delay:8.3s;}
.profile .con.on ul li:nth-child(22) {transition-delay:8.7s;}
.profile .con.on ul li:nth-child(23) {transition-delay:9.1s;}
.profile .con.on ul li:nth-child(24) {transition-delay:9.5s;}
.profile .con.on ul li:nth-child(25) {transition-delay:9.9s;}
.profile .con.on ul li:nth-child(26) {transition-delay:10.3s;}
*/

/*profile*/
.profile {position:relative; max-width:1440px; margin:0 auto;}

.profile .con {position:relative;}
.profile .con>div {text-align:center; max-width:1222px; margin:0 auto; overflow:hidden; box-shadow:0 5px 18px rgba(0,0,0,.24);}
.profile .con>div:after {display:block; content:""; position:absolute; right:20px; bottom:-40px; width:270px; height:288px; background:url('../img/contents/profile_pen.png') no-repeat; opacity:0; transition-delay:2s; transition-duration:1.5s;}
.profile .con.on>div:after {right:0; opacity:1;}
.profile .con>div>div {float:left; width:50%; height:800px; padding-top:70px;}
.profile .con .career {background:url('../img/contents/profile_bbg2b.gif') repeat-y right top;}
.profile .con .career>div:first-child {margin-bottom:100px;}
.profile .con p.tit {position:relative; display:block; padding:20px; margin-bottom:20px; font-size:34px; color:#fff; font-weight:bold;}
.profile .con p.tit:after {position:absolute; bottom:0; left:50%; width:35%; height:1px; transform:translateX(-50%); background:rgba(255,255,255,.18); content:"";}
.profile .con p.stit {font-size:18px; color:#fff; font-weight:bold; letter-spacing:5px;}
.profile .con ul {display:inline-block; margin-top:15px;}
.profile .con ul li {text-align:left; padding-left:10px; margin-top:17px; font-size:18px; color:#fff; opacity:1; transition-duration:.5s;}

.profile .con .basic {background:url('../img/contents/profile_bbg1.gif?v2') repeat-y;}

.profile .con .basic p.tit {color:#333; font-size:40px; /* border-bottom:1px solid rgba(0,0,0,.18); */}
.profile .con .basic p.tit:after {background:rgba(0,0,0,.18);}
.profile .con .basic p.tit span {display:block; font-size:25px;}
.profile .con .basic p.date {font-size:19px; font-weight:500;}
.profile .con .basic p.photo {text-align:center; margin-top:60px;}

#ach_tab>ul{margin-top:0px; position:relative; width:92%}
#ach_tab>ul>li>ul.ach{display:none; width:100%; margin-top:70px; margin-top:0p;  }
#ach_tab>ul>li>ul.ach li{position:relative;}
#ach_tab>ul>li.on>ul{display:block;}
#ach_tab>ul>li>a{position:absolute; left:35%; top:5px; margin-left:-150px; font-size:17px; border:1px #fff solid; border-radius:30px; color:#fff; padding:7px 40px; box-sizing:border-box;} 
#ach_tab>ul>li:nth-child(2)>a{margin-left:-30px;} 
#ach_tab>ul>li:nth-child(3)>a{margin-left:90px;} 
#ach_tab>ul>li:nth-child(4)>a{margin-left:210px;} 
#ach_tab>ul>li.on a{font-weight:bold; background:#fff; border:1px #fff solid; border-radius:30px; color:#183a7a; } 

/* #ach_tab>ul{margin-top:0px;  width:80%}
#ach_tab>ul>li>ul.ach{margin-top:60px;}
#ach_tab>ul>li>ul.ach li{position:relative;}
#ach_tab>ul.ach {width:100%; margin-top:0p;  }
#ach_tab>ul>li{text-align: center; }
#ach_tab>ul>li>a{font-size:17px; border:1px #fff solid; border-radius:30px; color:#fff; padding:7px 40px;} 
#ach_tab>ul>li.on a{font-weight:bold; background:#fff; border:1px #fff solid; border-radius:30px; color:#183a7a; } 						
#ach_tab>ul>li>ul{display:none}
#ach_tab>ul>li.on>ul{display:block;} */

/*history*/
.history {position:relative; padding-top:20px; overflow:hidden;}
.history>a {position:absolute; top:20%; width:82px; height:82px; border-radius:500%; background:rgba(0,0,0,.45); z-index:10;}
.history>a:after {display:block; content:""; position:absolute; left:32px; top:23px; width:25px; height:25px; border-left:1px solid #fff; border-bottom:1px solid #fff;}
.history>a.prev {left:25%; transform:rotate(45deg);}
.history>a.next {right:25%; transform:rotate(-135deg);}
.history>div {position:relative; margin-left:-28.5%; font-size:0; line-height:0; white-space:nowrap;}
.history>div>div {vertical-align:top; display:inline-block; width:40.7%; margin-top:50px; font-size:17px; line-height:1.2em;}
.history>div>div.on {margin-top:0;}
.history>div>div .photo {background:#000;}
.history>div>div.on .photo {box-shadow:0 0 21px rgba(0,0,0,.28);}
.history>div>div .photo img {vertical-align:top; width:100%; opacity:.4;}
.history>div>div.on .photo img {opacity:1;}
.history>div>div .con {display:none; position:absolute; left:40.7%; width:40.7%; margin:-80px auto 0; padding:50px 20px; border-top:1px solid #c4c4c4; background:#fff; box-shadow:0px -5px 5px rgba(0,0,0,.4); z-index:10;}
.history>div>div.on .con {display:block;}
.history>div>div .con .titbox {text-align:center; padding-top:40px; background:url('../img/contents/history_pattern.gif') no-repeat center top;}
.history>div>div .con .titbox .stit {font-size:20px; color:#2375c8;}
.history>div>div .con .titbox .tit {margin-top:15px; font-size:27px; line-height:1.3em; font-weight:bold; color:#333;}
.history>div>div .con ul {overflow:hidden; margin:55px 80px 0;}
.history>div>div .con ul>li {position:relative; float:left; width:49%; margin:1% .5%; padding-left:8px;}
.history>div>div .con ul>li:before {display:block; content:""; position:absolute; left:0; top:9px; width:4px; height:4px; border-radius:50%; background:#515151;}
.history .hPaging {position:relative; text-align:center; margin-top:350px; z-index:10;}
.history .hPaging li {display:inline-block; margin:0 3px;}
.history .hPaging li a {display:block; width:15px; height:15px; border-radius:15px; background:#d6d6d6;}
.history .hPaging li.on a {width:45px; background:linear-gradient(to right, #105ad5, #367ff6)}

/*vision*/
.vision {text-align:center; max-width:1300px; margin:0 auto;}
.vision dl.tit {padding-top:20px; opacity:0; transition:1s;}
.vision dl.tit.on {padding-top:0; opacity:1;}
.vision dl.tit dt {width:129px; height:70px; margin:0 auto 30px; padding-top:13px; padding-left:9px; font-size:30px; color:#fff; letter-spacing:5px; background:url('../img/contents/vision_titbg.gif') no-repeat;}
.vision dl.tit dt span {color:#2245a3;}
.vision .point {display:inline-block; width:75px; height:44px; margin:80px 0 40px; background:url('../img/contents/vision_point.gif') no-repeat; opacity:0; transition:.5s;}
.vision .point.on {margin-top:40px; opacity:1;}

.vision .goal {overflow:hidden; padding:30px 0;}
.vision .goal>dl {float:left; width:31.3%; margin:20px 1% 0; padding:45px 20px 60px; box-shadow:0 -3px 15px rgba(0,0,0,.1); opacity:0; transition:1s;}
.vision .goal.on>dl {margin-top:0; opacity:1;}
.vision .goal.on>dl:nth-of-type(2) {transition-delay:.2s;}
.vision .goal.on>dl:nth-of-type(3) {transition-delay:.4s;}
.vision .goal>dl dt {display:inline-block; vertical-align:top; margin-top:-70px; padding:10px 20px; font-size:16px; color:#fff; font-weight:bold;}
.vision .goal>dl:nth-of-type(1) dt {background:#ed7c20;}
.vision .goal>dl:nth-of-type(2) dt {background:#e42f74;}
.vision .goal>dl:nth-of-type(3) dt {background:#0e9728;}
.vision .goal>dl dd {padding-top:75px; font-size:23px;}
.vision .goal>dl:nth-of-type(1) dd {background:url('../img/contents/goal01.gif') no-repeat center top;}
.vision .goal>dl:nth-of-type(2) dd {background:url('../img/contents/goal02.gif') no-repeat center top;}
.vision .goal>dl:nth-of-type(3) dd {background:url('../img/contents/goal03.gif') no-repeat center top;}
.vision .goal>dl:nth-of-type(1) dd strong {color:#ed7c20;}
.vision .goal>dl:nth-of-type(2) dd strong {color:#e42f74;}
.vision .goal>dl:nth-of-type(3) dd strong {color:#0e9728;}

.vision .task dt {width:80%; max-width:365px; margin:20px auto 70px; padding:10px; color:#fff; font-size:23px; font-weight:bold; background:#1f2945; opacity:0; transition:.5s;}
.vision .task.on dt {margin-top:0; opacity:1;}
.vision .task dd>ul {overflow:hidden; font-size:0; line-height:0;}
.vision .task dd>ul>li {display:inline-block; position:relative; width:18%; height:232px; margin:0 1%; font-size:18px; line-height:24px; color:#333;}
.vision .task dd>ul>li:before {display:block; content:""; position:absolute; left:50%; top:50%; width:232px; height:232px; margin-left:-116px; margin-top:-116px;}
.vision .task dd>ul>li:nth-of-type(1):before {background:url('/headman/img/contents/vision_task01.gif') no-repeat center top;}
.vision .task dd>ul>li:nth-of-type(2):before {background:url('/headman/img/contents/vision_task02.gif') no-repeat center top;}
.vision .task dd>ul>li:nth-of-type(3):before {background:url('/headman/img/contents/vision_task03.gif') no-repeat center top;}
.vision .task dd>ul>li:nth-of-type(4):before {background:url('/headman/img/contents/vision_task04.gif') no-repeat center top;}
.vision .task dd>ul>li:nth-of-type(5):before {background:url('/headman/img/contents/vision_task05.gif') no-repeat center top;}
.vision .task dd>ul>li p {position:relative; top:50%; transform:translateY(-50%);}
.vision .task dd>ul>li:nth-of-type(1) strong {color:#1862dc;}
.vision .task dd>ul>li:nth-of-type(2) strong {color:#f4347d;}
.vision .task dd>ul>li:nth-of-type(3) strong {color:#3ea354;}
.vision .task dd>ul>li:nth-of-type(4) strong {color:#279898;}
.vision .task dd>ul>li:nth-of-type(5) strong {color:#e07117;}

.vision .task dd>ul>li:before {opacity:0; transition:1s; transition-delay:.3s;}
.vision .task.on dd>ul>li:before {transform:rotate(360deg); opacity:1;}
.vision .task dd>ul>li:nth-of-type(2):before {transition-delay:.6s;}
.vision .task dd>ul>li:nth-of-type(3):before {transition-delay:.9s;}
.vision .task dd>ul>li:nth-of-type(4):before {transition-delay:1.2s;}
.vision .task dd>ul>li:nth-of-type(5):before {transition-delay:1.5s;}

.vision .task dd>ul>li>p {opacity:0; transition:1s; transition-delay:.5s;}
.vision .task.on dd>ul>li>p {opacity:1;}
.vision .task dd>ul>li:nth-of-type(2)>p {transition-delay:.8s;}
.vision .task dd>ul>li:nth-of-type(3)>p {transition-delay:1.1s;}
.vision .task dd>ul>li:nth-of-type(4)>p {transition-delay:1.4s;}
.vision .task dd>ul>li:nth-of-type(5)>p {transition-delay:1.7s;}

.vision .target {margin-top:100px;}
.vision .target>dl>dt {width:80%; max-width:365px; margin:20px auto 40px; padding:10px; color:#fff; font-size:23px; font-weight:bold; background:#1f2945; opacity:0; transition:.5s;}
.vision .target.on>dl>dt {margin-top:0; opacity:1;}
.vision .targetDetail {display:flex; justify-content:space-between;}
.vision .targetDetail>dl {width:23.5%; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); opacity:0; transition:1s;}
.vision .target.on .targetDetail>dl {opacity:1;}
.vision .targetDetail>dl dt {padding:15px; color:#fff; font-weight:bold; font-size:17px; background:#000;}
.vision .targetDetail>dl:nth-child(1) dt {background:#ed7c20;}
.vision .targetDetail>dl:nth-child(2) dt {background:#e42f74;}
.vision .targetDetail>dl:nth-child(3) dt {background:#0e9728;}
.vision .targetDetail>dl:nth-child(4) dt {background:#1862dc;}
.vision .targetDetail>dl dd {padding:40px 20px;}

/*commitment*/
.comm {position:relative; padding-top:260px;}
.comm>div>a {position:absolute; top:0; display:block; text-align:center; width:calc(20% - 4px); padding:140px 10px 40px; font-size:20px; border:1px solid #e1e1e1; background-repeat:no-repeat; background-position:center 70px; word-wrap:break-word; word-break:keep-all;}
.comm>div:nth-of-type(1)>a {left:0;}
.comm>div:nth-of-type(2)>a {left:calc(20% + 1px);}
.comm>div:nth-of-type(3)>a {left:calc(40% + 2px);}
.comm>div:nth-of-type(4)>a {left:calc(60% + 3px);}
.comm>div:nth-of-type(5)>a {left:calc(80% + 4px);}
.comm>div>a:hover, .comm>div>a.on {text-decoration:none; color:#fff; text-shadow:1px 1px 1px #111; background:linear-gradient(to bottom, #214ea7, #1b2f85);}
.comm>div>a:before {display:block; content:""; position:absolute; left:50%; top:40px; width:120px; height:100px; margin-left:-60px; background-image:url('/headman/img/contents/comm_tab.png'); background-repeat:no-repeat;}
.comm>div:nth-of-type(1)>a:before {background-position:0 0;}
.comm>div:nth-of-type(2)>a:before {background-position:-120px 0;}
.comm>div:nth-of-type(3)>a:before {background-position:-240px 0;}
.comm>div:nth-of-type(4)>a:before {background-position:-360px 0;}
.comm>div:nth-of-type(5)>a:before {background-position:-480px 0;}
.comm>div:nth-of-type(1)>a:hover:before, .comm>div:nth-of-type(1)>a.on:before {background-position:0 -100px;}
.comm>div:nth-of-type(2)>a:hover:before, .comm>div:nth-of-type(2)>a.on:before {background-position:-120px -100px;}
.comm>div:nth-of-type(3)>a:hover:before, .comm>div:nth-of-type(3)>a.on:before {background-position:-240px -100px;}
.comm>div:nth-of-type(4)>a:hover:before, .comm>div:nth-of-type(4)>a.on:before {background-position:-360px -100px;}
.comm>div:nth-of-type(5)>a:hover:before, .comm>div:nth-of-type(5)>a.on:before {background-position:-480px -100px;}
.comm>div>a.on:after {display:block; content:""; position:absolute; left:50%; bottom:25px; width:15px; height:15px; margin-left:-8px; border-right:3px solid #fff; border-bottom:3px solid #fff; transform:rotate(45deg);}
.comm>div>a span {display:block; width:60px; padding:1px 0 3px; margin:15px auto; font-size:16px; border-radius:30px; background:#ededed;}
.comm>div>a:hover span, .comm>div>a.on span {color:#213361; text-shadow:none; background:#fff;}
.comm>div>div {display:none;}
.comm>div:nth-of-type(1)>div {display:block;}

tr.comm_utit td {background:#f8f8f9;}
tr.comm_utit td:nth-of-type(1), tr.comm_utit td:nth-of-type(2) {font-weight:bold;}


#detail_con .comm h5 {padding:0; font-size:0; border:1px solid; background:none;}
#detail_con .comm #comm01 h5 {border-color:#ec656b;}
#detail_con .comm #comm02 h5 {border-color:#ff8307;}
#detail_con .comm #comm03 h5 {border-color:#8741be;}
#detail_con .comm #comm04 h5 {border-color:#359af2;}
#detail_con .comm #comm05 h5 {border-color:#248d52;}
.comm table.data {margin-top:0; border-top:0;}
.comm table.data:before {display:none;}
.comm table.data thead th:first-child {border-left:1px solid;}
.comm table.data thead th:last-child {border-right:1px solid;}
.comm table.data thead th {color:#fff; font-size:1.1rem; border-top:0; border-right:1px solid #fff; border-bottom:1px solid #fff;}
.comm table.data tbody tr td:first-child {border-left:1px solid #d4d4d4;}
.comm table.data td:last-child {border-right:1px solid #d4d4d4 !important;}
.comm #comm01 table.data thead th {background:#ec656b;}
.comm #comm02 table.data thead th {background:#ff8307;}
.comm #comm03 table.data thead th {background:#8741be;}
.comm #comm04 table.data thead th {background:#359af2;}
.comm #comm05 table.data thead th {background:#248d52;}
.comm #comm01 table.data thead th:first-child {border-left-color:#ec656b;}
.comm #comm02 table.data thead th:first-child {border-left-color:#ff8307;}
.comm #comm03 table.data thead th:first-child {border-left-color:#8741be;}
.comm #comm04 table.data thead th:first-child {border-left-color:#359af2;}
.comm #comm05 table.data thead th:first-child {border-left-color:#248d52;}
.comm #comm01 table.data thead th:last-child {border-right-color:#ec656b;}
.comm #comm02 table.data thead th:last-child {border-right-color:#ff8307;}
.comm #comm03 table.data thead th:last-child {border-right-color:#8741be;}
.comm #comm04 table.data thead th:last-child {border-right-color:#359af2;}
.comm #comm05 table.data thead th:last-child {border-right-color:#248d52;}
.comm #comm01 table.data td.sbg {background:#fff4f4;}
.comm #comm02 table.data td.sbg {background:#fff6ed;}
.comm #comm03 table.data td.sbg {background:#f8eeff;}
.comm #comm04 table.data td.sbg {background:#f0f8ff;}
.comm #comm05 table.data td.sbg {background:#f6fffa;}
.comm>div:has(#comm01)>a:hover, .comm>div:has(#comm01)>a.on {background:linear-gradient(to bottom, #de4f56, #f6656c);}
.comm>div:has(#comm02)>a:hover, .comm>div:has(#comm02)>a.on {background:linear-gradient(to bottom, #f66200, #ff8307);}
.comm>div:has(#comm03)>a:hover, .comm>div:has(#comm03)>a.on {background:linear-gradient(to bottom, #7533aa, #822ec6);}
.comm>div:has(#comm04)>a:hover, .comm>div:has(#comm04)>a.on {background:linear-gradient(to bottom, #1e6fde, #359af2);}
.comm>div:has(#comm05)>a:hover, .comm>div:has(#comm05)>a.on {background:linear-gradient(to bottom, #1d845e, #15a46f);}


/*performance*/
.rate>div {vertical-align:middle; display:inline-block; min-width:135px; height:15px; margin-right:5px; border-radius:15px; background:#e0e0e0;}
.rate>div>span {display:block; height:15px; border-radius:15px;}
.rate.ing {color:#31962d;}
.rate.ing>div>span {background:linear-gradient(to right, #1d991d, #0fd058);}
.rate.speed {color:#2c55d8;}
.rate.speed>div>span {background:linear-gradient(to right, #193996, #0e94d1);}
.rate.slow {color:#ba7e0a;}
.rate.slow>div>span {background:linear-gradient(to right, #997119, #cfa70f);}
.rate.end {color:#cb2525;}
.rate.end>div>span {background:linear-gradient(to right, #d52c48, #fc6073);}

/*wish*/
.wish_intro {position:relative; height:433px; padding:60px 50px 60px 72%; box-shadow:0 5px 18px rgba(0,0,0,.1);}
.wish_intro>img {position:absolute; left:0; top:0;}
.wish_intro .txt01 {font-size:16px; color:#3bb550; font-weight:bold;}
.wish_intro .txt02 {margin:20px 0 55px; font-size:27px; line-height:36px; color:#333; font-weight:bold;}
.wish_intro .txt03 {font-size:16px; line-height:24px; color:#878787;}
.wish_notice {margin-top:30px; overflow:hidden;     padding-bottom: 45px;}
.wish_notice>p {position:relative; padding:25px 25px 25px 100px; font-size:16px; line-height:26px; color:#fff; background:#102347;}
.wish_notice>p:before {display:block; content:"!"; position:absolute; left:30px; top:50%; margin-top:-22.5px; text-align:center; width:45px; height:45px; line-height:45px; font-size:32px; border-radius:50%; border:2px solid red; color:red}
.wish_notice>p>span{position:relative; display:inline-block;  padding-left:10px;}
.wish_notice>p>span:before{display: block; content: "";  position:absolute;  left:0;  top:10px;  width:5px;  height:1px; background:#fff;}
.wish_notice>p strong {color:#fffe9d; font-size:18px;}
.wish_notice .wfont01 { color:#cadeff; font-size:18px;}
.wish_notice>ul.bl04, .wish_notice>div2 {padding:20px 30px; margin-bottom:20px; border:1px solid #d3d3d3; border-top:0;}
.wish_notice>ul>li {margin:7px 0;}
.wish_notice p.info { padding:10px 0; margin-bottom:20px; background:#f2edc3; font-weight:bold; text-align:center; }

.social_link{overflow:hidden; margin-top:15px;}
.social_link>li{float:left; width:49%; }
.social_link>li:nth-child(2){margin-left:2% }
.social_link>li a{position:relative; display:block; text-decoration:none; padding:32px 51px 32px 42px;  font-size:15px;  color:#000;  line-height:24px; background:#eaf2ff;   color:#414141; line-height: 30px; min-height:127px}
.social_link>li a:after{display:block; content: ""; position:absolute; right:8%;  bottom:54px; width:15px;  height:15px;  margin-left: -8px;  border-right: 3px solid #fff;  border-bottom: 3px solid #fff;transform:rotate(-45deg);border-radius:2px;}
.social_link>li a:before{display:block; content: ""; position:absolute; right:5.7%;  bottom:43px; width:40px;  height:40px;  margin-left: -8px; background:#6ea5ff; border-radius:25px;}
.social_link>li>a>.wfont{font-size:21px;}

.wish_pop{position: relative;  margin: 10px;  padding:35px;  line-height: 24px;  background: #f8faff; text-align:center; margin-bottom:40px; border:2px #00389f solid}
/* .wish_pop:before{display:block; content: ""; position:absolute; left: -10px;  top: -10px;  right: -10px;  bottom: -10px;  background: url(../img/contents/tbox_line02.gif) repeat;  z-index: -1;}  */
.wish_pop .txt01{font-size:30px; margin-bottom:39px; font-weight:bold; background: url(../img/contents/exclamation02.png) no-repeat;  z-index: -1; display: inline-block; padding-left: 35px; padding:1px 0px 6px 36px;}
.wish_pop .txt01:before{content: ''; position: absolute; left:50%; bottom:56%; margin-left:-40px;  width:80px; height:1px; background-color:#bcbcbc;}
.wish_pop .txt02{font-size:20px; line-height:34px; font-weight:bold}

.btn_box{text-align:right; margin-top:30px; }
.btn_box a{font-weight:bold; font-size:18px; padding:22px 50px !Important; border-radius:0px; margin-left:11px; color:#fff !Important;}
.btn01{background:#5294ff !Important;}
.btn02{background:#102347 !Important;}
.btn03{background:#16b462 !Important;}

.press .board_list ul.photoList2>li {width:47%; margin:1.5%;}
.press .board_list ul.photoList2>li p.img {overflow:hidden; height:350px;}
.press .board_list ul.photoList2>li p.img a {height:auto;}
.press .board_list ul.photoList2>li p.img a img {width:100%; top:0; min-height:350px; height:auto; transform:translate(-50%, 0);}
.press .board_list ul.photoList2>li div.con {padding:6.5% 5.5% 7%;}

.sbox {padding:35px; background:#fafafa;}
.sbox.skyblue {background:#f2f5fe;}
.ps {position:relative; padding-left:24px;}
.ps:before {position:absolute; left:0; top:3px; width:20px; height:20px; text-align:center; color:#fff; font-size:14px; font-weight:bold; background:#ed2156; border-radius:50%; content:"!";}

ol.step {overflow:hidden; margin-bottom:20px; width:100%; box-sizing:border-box;}
.bl02+ol.step {margin-top:10px; margin-bottom:0; padding-left:15px;}
.bl03>p+ol.step {padding-left:10px;}
ol.step.col2>li {width:48%;}
ol.step.col3>li {width:30.6%;}
ol.step.col4>li {width:22%;}
ol.step.col5>li {width:16.8%;}
ol.step.col2>li:nth-child(3), ol.step.col3>li:nth-child(4), ol.step.col4>li:nth-child(5) {padding-left:0; margin-left:0; background:none;}
ol.step>li {float:left; text-align:center; padding-left:3%; margin-left:1%; margin-top:10px; margin-bottom:10px; background:url('/main/img/sub/step_arr.gif') left 80px no-repeat; box-sizing:unset;}
ol.step>li:first-child {padding-left:0; margin-left:0; background:none;}
ol.step li .tit, ol.step.col2 li:last-child .tit {position:relative; text-align:center; padding-top:15px; padding-bottom:15px; color:#111; font-size:18px; font-weight:500; border:1px solid #646464; background-color:#fff; box-shadow:none; z-index:2;}
ol.step li:first-child .tit,
ol.step li:last-child .tit {color:#fff; border-color:#4258c9; background-color:#4258c9; box-shadow:0 5px 7px rgba(0,0,0,.21);}
ol.step li .tit span, ol.step.col2 li:last-child .tit span {display:inline-block; margin-left:8px; width:30px; height:30px; color:#111; line-height:28px; border-radius:100%; background-color:#eee;}
ol.step li:first-child .tit span,
ol.step li:last-child .tit span {background-color:#fff;}
ol.step li .con {color:#111; border:1px solid #c6c6c6; border-top:none; font-size:16px; background-color:#f0f0f0; box-sizing:border-box; word-break:keep-all;}
ol.step li .txt .bl04 {margin-left:0; margin-top:8px;}
ol.step li .txt .bl05>li {margin:0;}
ol.step li .txt {padding:10px 20px; border:1px solid #c6c6c6; border-top:none;}
ol.step .bl04>li:not(:first-child) {margin-top:7px;}

.resultPhoto {margin-top:15px; display:flex; justify-content:space-between;}
.resultPhoto p {width:49.5%;}

.rnum {display:inline-block; text-align:center; vertical-align:middle; width:15px; height:15px; line-height:14px; font-size:11px; border:1px solid #555; transform:translateY(-1px);}

#detail_con>.para_line:first-child {padding-top:0; border-top:none;}
.para_line {padding:30px 15px; border-top:1px dotted #d2d2d2;}
p.right+table.data,
p.right+div.scrolltable>table.data{margin-top:5px;}

.formation {max-width:1000px; margin:0 auto;}
.formation img{margin-top:45px;}
.formation .box1{background:url('/main/img/contents/formation_arrow.gif') center top no-repeat; padding-top:100px; margin-top:50px;}
.formation .box1 dl{border:1px #d4d4d4 solid;}
.formation .box1 dl:first-child dt{background:#4258c9; text-align:center; color:white; font-weight:bold; font-size:22px; padding:20px 0px;}
.formation .box1 .bl04{padding:10px 10px 20px 10px}
.formation .box2{padding-top:40px; overflow:hidden;}
.formation .box2 dl{border:1px #d4d4d4 solid; width:48%; min-height:245px;}
.formation .box2 .bl04{padding:5px 10px 20px 10px}
.formation .box2 dl dt{border-bottom:1px #d4d4d4 solid; padding:58px 0px 15px 10px; background:#fcfcfc; font-size:20px; font-weight:bold; text-align:center;}
.formation .box2 {background:url('/main/img/contents/formation_arrow.gif') center top no-repeat; padding-top:100px; margin-top:40px;}
.formation .box2 dl:nth-child(1){float:left}
.formation .box2 .title01{color:#ed7c20; background:url('/main/img/contents/icon_fist.gif') center top no-repeat;  padding-top:42px;}
.formation .box2 dl:nth-child(2) {float:right}
.formation .box2 .title02{color:#4ab05d; background:url('/main/img/contents/icon_love.gif') center top no-repeat;  padding-top:40px;}
.formation .subslogan {text-align:center; margin-top:15px; background:#181d62; color:#ff0; font-size:22px; padding:20px 0px;}
.formation .subslogan span {font-weight:bold; color:#fff;}
.formation .box3{background:url('/main/img/contents/formation_arrow.gif') center top no-repeat; padding-top:80px; margin-top:30px;}
.formation .box3>dl {position:relative; padding:20px 0; padding-left:40%; margin-bottom:15px; border:1px solid #d4d4d4;}
.formation .box3>dl>dt {position:absolute; top:0; bottom:0; left:0; text-align:center; width:38%; background:#474391;}
.formation .box3>dl>dt p {position:absolute; left:0; right:0; top:50%; color:#fff; font-size:20px; font-weight:bold; transform:translateY(-50%);}
.formation .box3>dl .bl04 {margin-top:0;}
.formation .bl04 {margin-left:20px; margin-top:20px;}
.formation .bl04>li {margin-bottom:8px;}

.keypoint_floatBox {display:flex; justify-content:space-between; margin-left:40px; margin-top:60px;}
.keypoint_floatBox>div {width:55%;}
.keypoint_floatBox>div:first-child {width:calc(45% - 30px); font-size:0;}

.voteResult {padding:30px; border:1px solid #e9e9e9; background:#fbfbfb;}
.voteResult>p {text-align:center; font-size:26px; font-weight:bold;}
.voteResult>p span {display:inline-block; position:relative; color:#2245a3; margin-left:10px; padding-left:20px;}
.voteResult>p span:before {position:absolute; left:0; top:50%; width:4px; height:4px; border-radius:50%; background:#2245a3; box-shadow:-7px 0 0 #2245a3, 7px 0 0 #2245a3; content:"";}
.voteResult>div {position:relative; margin-top:30px; margin-left:50px; padding:10px 0 30px 0;}
.voteResult>div:before {position:absolute; top:0; bottom:0; left:0; right:0; border-left:1px solid #ccc; border-bottom:1px solid #ccc; content:"";}
.voteResult>div>.unit>li {position:absolute; bottom:-19px; padding-top:8px; font-size:11px; text-align:center; color:#aaa;}
.voteResult>div>.unit>li:before {position:absolute; top:0; left:50%; width:1px; height:9px; background:#ccc; content:""; transform:translateX(-50%);}
.voteResult>div>.unit>li:nth-child(1) {left:-1.5px;}
.voteResult>div>.unit>li:nth-child(2) {left:calc(14.28% - 4px);}
.voteResult>div>.unit>li:nth-child(3) {left:calc(28.57% - 4px);}
.voteResult>div>.unit>li:nth-child(4) {left:calc(42.85% - 4px);}
.voteResult>div>.unit>li:nth-child(5) {left:calc(57.14% - 4px);}
.voteResult>div>.unit>li:nth-child(6) {left:calc(71.42% - 4px);}
.voteResult>div>.unit>li:nth-child(7) {left:calc(85.71% - 4px);}
.voteResult>div>.unit>li:nth-child(8) {left:calc(100% - 4px);}
.voteResult>div>dl {position:relative;}
.voteResult>div>dl:not(:first-of-type) {margin-top:25px;}
.voteResult>div>dl>dt {padding-left:14px; font-size:16px;}
.voteResult>div>dl>dt .num {position:absolute; left:-50px; top:50%; display:flex; justify-content:center; align-items:center; width:40px; height:40px; color:#fff; font-weight:bold; background:#333; border-radius:50%; transform:translateY(-50%);}
.voteResult>div>dl>dt>strong {position:relative; display:inline-block; padding-left:22px;}
.voteResult>div>dl>dt>strong:before {position:absolute; left:8px; top:50%; width:3px; height:3px; border-radius:50%; background:#555; box-shadow:-5px 0 0 #555, 5px 0 0 #555; transform:translateY(-50%); content:"";}
.voteResult>div>dl>dd {margin-top:7px; border-radius:0 10px 10px 0; background:#f2f2f2;}
.voteResult>div>dl>dd>p {padding:10px 20px; border-radius:0 10px 10px 0; color:#fff; font-size:15px; font-weight:bold; letter-spacing:0.5px;}
.voteResult>div>dl:nth-of-type(1)>dd>p {background:linear-gradient(to left, #2699f2, #0087f0);}
.voteResult>div>dl:nth-of-type(2)>dd>p {background:linear-gradient(to left, #ff669c, #ff005a);}
.voteResult>div>dl:nth-of-type(3)>dd>p {background:linear-gradient(to left, #ffb540, #ff9c00);}
.voteResult>div>dl:nth-of-type(4)>dd>p {background:linear-gradient(to left, #56d762, #26ae33);}
.voteResult>div>dl:nth-of-type(5)>dd>p {background:linear-gradient(to left, #6f3bc4, #5e28b8);}

.pledgeMap#detail_con {max-width:none;}
.pledgeMap .areaTab {display:flex; justify-content:center; max-width:1030px; margin:0 auto; background:#f2f2f2; border-radius:15px;}
.pledgeMap .areaTab>li {width:25%;}
.pledgeMap .areaTab>li>a {position:relative; text-align:center; display:block; padding:35px 0; font-size:20px; border-radius:15px;}
.pledgeMap .areaTab>li.select>a {color:#fff; font-size:22px; padding:34px 0; font-weight:600;}
.pledgeMap .areaTab>li.map01.select>a {background-color:#2b50af;}
.pledgeMap .areaTab>li.map02.select>a {background-color:#008bff;}
.pledgeMap .areaTab>li.map03.select>a {background-color:#00b599;}
.pledgeMap .areaTab>li.map04.select>a {background-color:#8448ff;}

.pledgeMap .mapWrap {position:relative; margin-top:45px;}
.pledgeMap .mapWrap:before {position:absolute; left:0; right:0; top:85px; bottom:85px; background:#f2f2f2 url('/headman/img/contents/map_bg.gif') no-repeat calc(50% - 330px) bottom; z-index:-1; content:"";}
.pledgeMap .mapWrap>div {display:flex; justify-content:space-between; max-width:1500px; margin:0 auto;}
.pledgeMap .mapWrap>div>p.mapImg {width:715px;}
.pledgeMap .mapWrap>div>ul.pledge {display:none; width:calc(100% - 785px); padding-top:107px;}
.pledgeMap .mapWrap>div>ul.pledge.select {display:block;}
.pledgeMap .mapWrap>div>ul.pledge li {position:relative; padding-left:75px; font-size:16px; margin-top:13px;}
.pledgeMap .mapWrap>div>ul.pledge li>span:first-child {position:absolute; left:0; top:-1px; text-align:center; width:60px; padding:1px 0 2px; font-weight:600; border-radius:5px; border:1px solid; background:#fff;}
.pledgeMap .mapWrap>div>ul.pledge.map01 li>span:first-child {color:#2b50af; border-color:#2b50af;}
.pledgeMap .mapWrap>div>ul.pledge.map02 li>span:first-child {color:#008bff; border-color:#008bff;}
.pledgeMap .mapWrap>div>ul.pledge.map03 li>span:first-child {color:#00b599; border-color:#00b599;}
.pledgeMap .mapWrap>div>ul.pledge.map04 li>span:first-child {color:#8448ff; border-color:#8448ff;}

.manage .bl02:first-child {margin-top: 0;}
.manage .bl02 {margin-top: 50px;}
.manage .bl02+p.bl03 {padding-left: 0 !important; margin-top: 10px; margin-left: 30px;}
.manage .bl02+p.bl03::before {display: none !important;}
.manage .num {margin-top: 10px; margin-left: 30px; counter-reset: num;}
.manage .num>li{position: relative; padding-left: 35px; margin-bottom: 10px; line-height: 28px;}
.manage .num>li::before{content: counter(num); position: absolute; text-align: center; left: 0; top: 2px; width: 25px; height: 25px; color: #fff; line-height: 25px; border-radius: 50%; background: #2b50af; counter-increment: num;}
.manage .num.ver2{counter-reset: num_ver2;}
.manage .num.ver2>li {padding-left: 30px; line-height: 25px;}
.manage .num.ver2>li::before{content: counter(num_ver2); position: absolute; left: 0; top: 2px; text-align: center; width: 20px; height: 20px; color: #2b50af; font-size: 10px; line-height: 20px; border-radius: 4px; border: 1px solid #2b50af; background: none; counter-increment: num_ver2;}
.manage ol>li>ol{margin-left: 0 !important;}

/* [/main/community/square/social.jsp] style 동일*/
.social {background:url('/main/img/contents/social_titBg.jpg') 0 45px no-repeat;}
.social .tit_box {margin-top:10px; padding:55px;}
.social .tit_box p {color:#fff;text-shadow:0 0 3px rgba(0,0,0,.3);}
.social .tit_box p span {color:#fefb0a;}
.social .tit_box .s_tit {opacity:.5;}
.social .tit_box .tit {margin-top:10px; margin-bottom:40px; font-size:36px; font-weight:bold;}
.social .tit_box .txt {font-size:17px;}
.social .tit_box .txt span {position:relative; padding-top:6px; font-size:20px; font-weight:bold;}
.social .tit_box .txt span:before {content:''; position:absolute; left:50%; top:0; margin-left:-2px; width:4px; height:4px; border-radius:100%; background-color:#fefb0a;}
.social>ul {overflow:hidden; margin:120px 30px 0 30px;}
.social>ul>li {float:left; overflow:hidden; text-align:center; margin:1%; padding-top:70px; /* width:31.33%; */ width:48%; color:#fff; border-radius:15px; background-position:15px 10px, left 0 bottom 44px; background-repeat:no-repeat; background-size:auto, 100%;}
.social>ul>li>p {position:relative; font-size:21px; font-weight:bold; color:#fff; z-index:2;}
.social>ul>li>p>span {display:block; text-align:center; font-size:16px; letter-spacing:0px;}
.social>ul>li>span {position:relative; display:inline-block; margin-top:35px; margin-bottom:60px; padding-top:4px; padding-bottom:7px; width:135px; color:rgba(255,255,255,.7); font-size:14px; font-weight:400; border-radius:3px; background-color:rgba(0,0,0,.15); z-index:2;}
.social>ul>li>a {position:relative; display:block; padding-top:12px; padding-bottom:12px; color:#fff; text-decoration:none;}
.social>ul>li>a:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; transition:1s;}
.social>ul>li>a:hover:after {height:1000%;}
.social>ul>li>a>span {position:relative; padding-right:15px; background:url('/main/img/contents/social_btn.png') right 4px no-repeat; z-index:2;}
.social>ul li.ti {background-color:#ff5544; background-image:url('/main/img/contents/social_ti_ic.gif'), url('/main/img/contents/social_ti_bg.gif');}
.social>ul li.ti a:after {background-color:#da3232;}
.social>ul li.blog {background-color:#00b809; background-image:url('/main/img/contents/social_blog_ic.gif'), url('/main/img/contents/social_blog_bg.gif');}
.social>ul li.blog a:after {background-color:#008807;}
.social>ul li.fa {background-color:#4267b2; background-image:url('/main/img/contents/social_fa_ic.gif'), url('/main/img/contents/social_fa_bg.gif');}
.social>ul li.fa a:after {background-color:#193772;}
.social>ul li.ka {color:#111; background-color:#fccd03; background-image:url('/main/img/contents/social_ka_ic.gif'), url('/main/img/contents/social_ka_bg.gif');}
.social>ul li.ka>p {color:#111;}
.social>ul li.ka>span {color:rgba(17,17,17,.7);}
.social>ul li.ka a:after {background-color:#926700;}
.social>ul li.na {background-color:#14a538; background-image:url('/main/img/contents/social_na_ic.gif'), url('/main/img/contents/social_na_bg.gif');}
.social>ul li.na a:after {background-color:#04681f;}
.social>ul li.insta {background-color:#dc2c75; background-image:url('/main/img/contents/social_insta_ic.gif'), url('/main/img/contents/social_insta_bg.gif');}
.social>ul li.insta a:after {background-color:#8a0039;}
.social>ul li.kt {color:#111; background-color:#fae100; background-image:url('/main/img/contents/social_kt_ic.gif'), url('/main/img/contents/social_kt_bg.gif');}
.social>ul li.kt>p {color:#111;}
.social>ul li.kt>span {color:rgba(17,17,17,.7);}
.social>ul li.kt a:after {background-color:#927800;}
#detail_con.social {max-width:972px; margin-top:0; background-position:0 0;}
#detail_con.social>ul>li>a[target=_blank] {display:block; padding-left:none;}

.manifesto .tit{text-align:center;}
.manifesto .tit>p:first-child {font-size:30px;}
.manifesto .tit>p:first-child>strong {font-size:55px; color:#2b50af; font-weight:400; font-family: 'Do Hyeon', sans-serif; letter-spacing:0;}
.manifesto .tit>p:nth-child(2) {display:inline-block; margin-top:10px; padding:15px 25px; font-size:20px; background:#f6f6f6;}
.manifesto .bl03 {line-height:160%; letter-spacing:-0.2px;}

.result h5>span:first-child {color:#fff;}
.result .para01+.para01 {margin-top:50px;} 
.result .bl02 {font-weight:500;}
.result .bl02+.bl03 { margin-left:25px;}
.result .bl02+.bl03>li {margin-top:17px;}
.result .bl02+.bl03>li>span.wfont {font-weight:500 !important; font-size:19px;}
.result .bl03>li>.bl04 {margin-top:11px;}
.result .bl04>li:not(:first-child) {margin-top:7px;}
.result table.data .bl03 {margin-top:10px;}
.result .photo {display:flex; margin-top:20px; gap:5px;}
.result .photo+.photo {margin-top:5px;}
.result .photo>li>p {padding:10px; text-align:center; background:rgba(0,0,0,.06);}

.circleGraph {position:relative; width:400px; height:400px; border-radius:50%; transition:.1s; box-shadow:0 0 10px rgba(0,0,0,.1); animation-name:graphShadow; animation-duration:0.5s; animation-delay:1.2s; animation-fill-mode:both; animation-iteration-count:1; animation-timing-function:ease;}
.circleGraph:before {position:absolute; left:50%; top:50%; width:140px; height:140px; border-radius:50%; background:#fff; transform:translate(-50%, -50%); content:"";}
.circleGraph p {position:absolute; text-align:center; left:50%; top:50%; font-size:18px; font-weight:500; transform:translate(-50%, -50%);}
.circleGraph p span {font-size:22px;}
.circleGraph li {position:absolute; color:#fff; font-size:15px; text-align:center; text-shadow:0 1px 5px rgba(0,0,0,.3); opacity:0; animation-name:graphLegend; animation-duration:0.5s; animation-delay:1.2s; animation-fill-mode:both; animation-iteration-count:1; animation-timing-function:ease;}
.circleGraph li span {display:block; font-size:18px; font-weight:600;}
.circleGraph.mainsubject li:nth-child(1) {left: 77%;top: 29%;}
.circleGraph.mainsubject li:nth-child(2) {left: 59%;top: 78%;}
.circleGraph.mainsubject li:nth-child(3) {left: 14%;top: 62%;}
.circleGraph.mainsubject li:nth-child(4) {left: 13%;top: 29%;}
.circleGraph.mainsubject li:nth-child(5) {left: 32%;top: 12%;}
.circleGraph.performance li:nth-child(1) {left: 63%;top: 12%;}
.circleGraph.performance li:nth-child(2) {left: 54%;top: 78%;}
.circleGraph.performance li:nth-child(3) {left: 19%;top: 21%;}
.circleGraph.performance li:nth-child(4) {left: 40%;top: 12%;}

.mainsubject_top {display:flex; gap:20px;}
.mainsubject_top>div:first-child {flex:0 0 500px; display:flex; justify-content:center; align-items:center;}
.mainsubject_top>div:last-child {flex:0 1 calc(100% - 520px); display:flex; align-items:center;}
.mainsubject_top>div:last-child .scrolltable {width:100%;}

.performance_top {display:flex; justify-content:space-between;}
.performance_top>div:first-child {flex:0 0 650px; display:flex; justify-content:center; align-items:center;}
.performance_top>div:last-child {flex:0 0 calc(100% - 720px); display:flex; align-items:center;}
.performance_top>div:last-child>* {width:100%;}
.performance_top .circleGraph {width:550px; height:550px;}
.performance_top .circleGraph:before {width:250px; height:250px;}
.performance_top .circleGraph p {font-size:25px;}
.performance_top .circleGraph p span {font-size:35px;}

.performance_total {display:flex; gap:35px; align-items:center; padding:30px; margin-top:20px; background:#f5f5f5; border-radius:10px;}
.performance_total>p {flex:0 0 auto;}
.performance_total>p>img {height:310px; border:1px solid #ddd;}
.performance_total>div>h6 {font-size:28px; font-weight:600; line-height:130%; margin-bottom:15px;}
.performance_total>div>ul>li {font-size:16px; margin-top:5px;}
.performance_total>div>ul>li>ul {display:flex; flex-wrap:wrap; gap:5px 15px; margin-top:4px; padding:10px; background:#fbfbfb; border:1px solid #ddd;}
.performance_total>div>ul>li>ul>li {font-size:14px; color:#555;}


.graph_circle{overflow:hidden; display:flex; justify-content:space-evenly; flex-wrap:wrap; margin:20px 0 30px}
.circle{position:relative;}
.circle p{position:absolute; left:0; top:30%; width:100%; text-align:center; line-height:20px}
.circle p span{display:block; margin-top:10px; font-size:1.5em; font-weight:500}
.circle strong{color:#333}


@keyframes graphShadow { 
	0% {box-shadow:0 0 10px rgba(0,0,0,.0);}
	100% {box-shadow:0 0 10px rgba(0,0,0,.2);}
}
@keyframes graphLegend { 
	0% {opacity:0; }
	100% {opacity:1; }	
}

.barGraph {position:relative; width:200px; background:#e5e5e5; border-radius:5px;}
.barGraph>p {height:25px; width:0; background:linear-gradient(to right, #6a98ff, #89c3ff); border-radius:5px; transition:.5s;}
.barGraph span {position:absolute; left:calc(100% + 10px); width:40px; text-align:right;}

.field1 .barGraph>p {background:linear-gradient(to right, #de4f56, #ec656b);}
.field2 .barGraph>p {background:linear-gradient(to right, #f66200, #ff8307);}
.field3 .barGraph>p {background:linear-gradient(to right, #7533aa, #8741be);}
.field4 .barGraph>p {background:linear-gradient(to right, #1e6fde, #359af2);}
.field5 .barGraph>p {background:linear-gradient(to right, #1d845e, #248d52);}


table.data td:has(.barGraph) {padding-left:5px; padding-right:0; text-align:left; width:270px;}

table.data tr.field1 th {background:#fff4f4;}
table.data tr.field2 th {background:#fff6ed;} 
table.data tr.field3 th {background:#f8eeff;} 
table.data tr.field4 th {background:#f0f8ff;} 
table.data tr.field5 th {background:#f6fffa;} 

table.data tr.field1 td.sbg {background:#fff4f4;}
table.data tr.field2 td.sbg {background:#fff6ed;}
table.data tr.field3 td.sbg {background:#f8eeff;}
table.data tr.field4 td.sbg {background:#f0f8ff;}
table.data tr.field5 td.sbg {background:#f6fffa;}

.keypoint_viewBox {padding:35px; border:1px solid #ccc;}
.keypoint_viewBox>li {position:relative; vertical-align:middle; padding-left:27px; font-size:24px;}
.keypoint_viewBox>li:before {position:absolute; left:0; top:8px; width:10px; height:10px; border-radius:50%; border:5px solid #2245a3; content:"";}
.keypoint_viewBox>li a{vertical-align:middle; font-size:15px; padding-top:7px; padding-bottom:7px; margin-left:3px; border-radius:5px; transform:translateY(-1px);}
.keypoint_viewBox>li+li {margin-top:20px;}
.keypoint_viewBox>li a.conbtn.link:before {background-position:right 20px top 11px;}
.keypoint_viewBox>li a.conbtn.down:before {background-position:right 30px top 10px;}

.sysBox {display:flex; flex-wrap:wrap; gap:14px;}
.sysBox>li {position:relative; flex:0 0 calc(50% - 7px); display:flex; align-items:center; padding:30px; padding-left:180px; border-radius:10px; background:#f2f5fe;}
.sysBox>li:before {position:absolute; left:30px; top:50%; width:90px; height:90px; border-radius:20px; border:1px solid #d8dff3; background:#fff no-repeat center center; transform:translateY(-50%); content:"";}
.sysBox dl {position:relative;}
.sysBox dl:before {position:absolute; left:-30px; top:0; bottom:0; border-left:1px dashed #c2cbe5; content:"";}
.sysBox dl>dt {margin-bottom:12px; font-size:23px; font-weight:500; color:#111;}
.sysBox dl>dd {position:relative; padding-left:14px; margin-top:6px; font-size:17px; color:#666;}
.sysBox dl>dd:before {position:absolute; left:6px; top:10px; width:3px; height:3px; background:#555; content:"";}
.sysBox.keypoint>li.ic01:before {background-image:url(/headman/img/contents/keymg01.gif);}
.sysBox.keypoint>li.ic02:before {background-image:url(/headman/img/contents/keymg02.gif);}
.sysBox.keypoint>li.ic03:before {background-image:url(/headman/img/contents/keymg03.gif);}
.sysBox.keypoint>li.ic04:before {background-image:url(/headman/img/contents/keymg04.gif);}

.sysBox.finance_accounts>li {flex:0 0 calc(33.33% - 9.33px);}
.sysBox.finance_accounts dl>dd:before {left:0; top:9px; width:5px; height:5px; border:solid #444; border-width:2px 2px 0 0; background:none; transform:rotate(45deg);}
.sysBox.finance_accounts>li.ic01 {background:#fff; box-shadow:0 1px 8px rgba(187,199,236,.8);}
.sysBox.finance_accounts>li.ic01 dl>dt {color:#5e31b3; font-weight:600;}
.sysBox.finance_accounts>li.ic01 dl>dd {color:#5e31b3;}
.sysBox.finance_accounts>li.ic01 dl>dd:before {border-top-color:#5e31b3; border-right-color:#5e31b3;}

.sysBox.finance_accounts>li.ic01:before {background-image:url(/headman/img/contents/finacc01.gif);}
.sysBox.finance_accounts>li.ic02:before {background-image:url(/headman/img/contents/finacc02.gif);}
.sysBox.finance_accounts>li.ic03:before {background-image:url(/headman/img/contents/finacc03.gif);}
.sysBox.finance_accounts>li.ic04:before {background-image:url(/headman/img/contents/finacc04.gif);}
.sysBox.finance_accounts>li.ic05:before {background-image:url(/headman/img/contents/finacc05.gif);}
.sysBox.finance_accounts>li.ic06:before {background-image:url(/headman/img/contents/finacc06.gif);}

table.data.changeData th, table.data.changeData td {padding-left:8px; padding-right:8px; word-break:keep-all;}
.change_pledge p{margin-bottom:7px; font-size:1.1rem; font-weight:700;}
.change_pledge p:nth-child(n+2){margin-top:20px;}
.change_pledge dl {display:flex; gap:4px; align-items:start; padding-left:5px; margin-bottom:7px;}
.change_pledge dl>dt {flex:0 0 auto; color:#fff; padding:1px 8px 3px; border-radius:8px; background:#2245a3;}
.change_pledge dl:nth-of-type(2n)>dt {background:#ae2626;}

/*pc_min*/
@media all and (max-width:1280px){
	.greeting {padding-left:480px;}
	.greeting .photo  {left:0; width:35%;}

	.greeting02 {padding-left:480px;}
	.greeting02 .photo  {left:0; width:35%;}

	.greeting03 {padding-left:480px;}
	.greeting03 .photo  {left:0; width:35%;}

	.profile .intro {padding-left:90px;}
	.profile .photo {right:50px;}
	.profile .photo.on {right:80px;}

	.history>div {margin-left:-60%;}
	.history>div>div {width:46%;}
	.history>div>div .con {left:46%; width:46%;}
	.history>div>div .con ul {margin:50px 30px 0;}
	.history>a.prev {left:15%;}
	.history>a.next {right:15%;}
}
/*pc_only*/
@media screen and (min-width:801px){
	ol.step li .con {position:relative; min-height:100px; z-index:1; box-sizing:border-box;}
	ol.step li .con .conAlign {position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); padding:2.5%; width:100%; word-break:keep-all;}
	ol.step li .con .conAlign span, ol.step li .txt span {display:block;}
	#detail_con h5 .pc_white {color:#fff;}
}

/*tablet*/
@media screen and (max-width:800px){
	.scrolltable {display:block; position:relative; padding-bottom:20px; overflow-x:auto;}	
	.scrolltable table{min-width:800px;}
	.scrolltable p.ic_scroll {display:block; content:'좌우 스크롤'; position:absolute; left:35%; top:50px; text-align:center; width:120px; height:120px; padding-top:50px; color:#fff; background:rgba(0,0,0,.7) url('/share/images/ic_scroll.png') no-repeat center 25px; border-radius:120px; z-index:10;}


	.floatCon {margin:0 3%;}
	.floatCon h5 {float:none; width:100%;}
	.floatCon div.rCon {float:none; width:auto; margin-left:20px;}

	.greeting {padding-left:0;}
	.greeting .intro {padding-left:36%;}
	.greeting .intro .tit {font-size:28px; line-height:38px;}
	.greeting .intro .tit.on {padding-top:70px;}
	.greeting .intro .txt {padding-right:30px; font-size:16px; line-height:25px;}
	.greeting .intro .txt br {display:none;}
	.greeting .intro .txt.on {margin-top:30px;}
	.greeting .icon {text-align:center; margin:70px 0 30px;}
	.greeting .con {padding-left:5%;}
	.greeting .con .sign {padding-right:5%;}

	.greeting02 {padding-left:0;}
	.greeting02 .intro {padding-left:36%;}
	.greeting02 .intro .tit {font-size:28px; line-height:38px;}
	.greeting02 .intro .tit.on {padding-top:20px;}
	.greeting02 .intro .txt {padding-right:30px; font-size:16px; line-height:25px;}
	.greeting02 .intro .txt br {display:none;}
	.greeting02 .intro .txt.on {margin-top:30px;}
	.greeting02 .icon {text-align:center; margin:70px 0 30px;}
	.greeting02 .con {padding-left:5%;}
	.greeting02 .con .sign {padding-right:5%;}



	.greeting03 {padding-left:0;}
	.greeting03 .intro {padding-left:36%;}
	.greeting03 .intro .tit {font-size:28px; line-height:38px;}
	.greeting03 .intro .tit.on {padding-top:70px;}
	.greeting03 .intro .txt {padding-right:30px; font-size:16px; line-height:25px;}
	.greeting03 .intro .txt br {display:none;}
	.greeting03 .intro .txt.on {margin-top:30px;}
	.greeting03 .icon {text-align:center; margin:70px 0 30px;}
	.greeting03 .con {padding-left:5%;}
	.greeting03 .con .sign {padding-right:5%;}


	.profile .intro {padding-left:30px; background-position:right bottom;}
	.profile .intro .tit {padding-top:30px; font-size:32px;}
	.profile .intro .tit.on {padding-top:50px;}
	.profile .intro .txt span {display:block;}
	.profile .photo {right:-40px;}
	.profile .photo.on {right:-20px;}
	.profile .con>div:after {display:none;}

	.history {padding-bottom:550px;}
	.history>a {top:15%;}
	.history>div>div .con {white-space:normal; margin:-50px auto 0;}
	.history>div>div .con ul {margin:30px 30px 0;}
	.history>div>div .con ul>li  {float:none; width:100%; margin-bottom:5px;}
	.history .hPaging {display:none;}

	.vision .task dd>ul>li {width:31.3%;}
	.vision .task dd>ul>li:before {width:200px; height:200px; margin-left:-100px; margin-top:-100px; background-size:100%  !Important;}

	.comm {padding:0 3%;}
	.comm>div {margin-top:10px;}
	.comm>div>a {text-align:left; position:relative; left:0 !important; width:100%; height:130px; padding:25px 30px 40px 150px;}
	.comm>div>a:before {left:20px; top:12px; margin-left:0;}
	.comm>div>a.on:after {right:25px; bottom:50%; left:auto; margin-top:-5px;}
	.comm>div>a span {position:absolute; left:150px; text-align:center; margin:10px 0;}

	.rate>div {min-width:100px;}

	.wish_intro {height:auto; padding:0;}
	.wish_intro>img {position:static;}
	.wish_intro .txt01 {margin:20px 30px;}
	.wish_intro .txt02 {margin:20px 30px;}
	.wish_intro .txt02 br {display:none;}
	.wish_intro .txt03 {padding:0 30px 30px 30px;}


	.social_link>li{float:left; width:100%; }
	.social_link>li:nth-child(2){margin-left:0% }
	.social_link>li a{min-height:auto}
	.social_link>li:nth-child(2) a{padding-top:45px; padding-bottom:45px}
	.social_link>li a:before{right:4.9%; }

	.btn_box a{display: inline-block;}
	.btn03{margin-top:20px;}

	ol.step>li {padding-left:0; padding-top:30px; margin-bottom:0; margin-left:0; width:100% !important; background:url('/main/img/sub/step_row_arr.gif') center top no-repeat !important;}
	ol.step>li:first-child {padding-top:0 !important;}
	ol.step li .tit {padding-top:10px; padding-bottom:10px; font-size:18px;}
	ol.step li .tit span {margin-left:0; line-height:25px; width:25px; height:25px;}
	ol.step li .txt ul {text-align:left;}
	ol.step li .con {padding:20px 30px;}
	ol.step.row li {display:block;}
	ol.step.row li .tit strong {display:inline-block; margin-left:10px; margin-top:0;}

	
	.keypoint_floatBox {display:block; margin-left:0;}
	.keypoint_floatBox>div {width:100%;}
	.keypoint_floatBox>div:first-child {width:100%; font-size:0; margin-bottom:10px;}


.pledgeMap .areaTab>li>a {padding:20px 0; font-size:17px;}
.pledgeMap .areaTab>li.select>a {font-size:17px; padding:20px 0;}

.pledgeMap .mapWrap {margin-top:30px;}
.pledgeMap .mapWrap:before {display:none;}
.pledgeMap .mapWrap>div {display:block;}
.pledgeMap .mapWrap>div>p.mapImg {text-align:center; width:90%; margin:0 auto;}
.pledgeMap .mapWrap>div>p.mapImg img {max-width:300px;}
.pledgeMap .mapWrap>div>ul.pledge {display:none; width:90%; margin:20px auto; padding:30px; background:#f0f0f0; border-radius:20px;}
.pledgeMap .mapWrap>div>ul.pledge li {font-size:14px;}

.result .photo {display:block;}
.result .photo>li {margin-top:5px;}
.result .photo+.photo {margin-top:0;}

.mainsubject_top {display:block; gap:20px;}
.mainsubject_top>div:last-child {margin-top:25px;}

.performance_top {display:block;}

.performance_total {display:block;}
.performance_total>p {text-align:center; margin-bottom:15px;}
.performance_total>p>img {height:auto; width:90%; max-width:350px;}
.performance_total>div>h6 {font-size:27px;}
.performance_total>div>p{text-align:center;}

td:has(.conbtns2.down) {width:120px; padding-left:3px; padding-right:3px;}

.sysBox {display:block;}
.sysBox>li {margin-top:15px; width:calc(100% - 15px);}

}



/*mobile*/
@media screen and (max-width:640px){
	#detail_con h5 {min-height:50px; padding-left:40px; padding-top:3px; margin-top:40px; font-size:24px; background-size:35px;}
	#detail_con h5:first-letter {color:#2245a3;}
	.result h5>span:first-child {color:#2245a3;}

	#detail_con .bl02 {font-size:19px;}
	#detail_con .bl02:before {top:10px;}

	.para01 {margin-left:25px;}

	.greeting {background-position:right 50px;}
	.greeting .intro {height:auto; padding:0 5%; margin-bottom:30px;}
	.greeting .photo {width:90%; text-align:center; position:static; padding-top:30px; margin:0 auto;}
	.greeting .photo.on {padding-top:0;}
	.greeting .intro .tit {color:#111; font-size:24px;}
	.greeting .intro .tit strong {color:#2349ac;}
	.greeting .intro .txt {color:#111; font-size:17px; line-height:30px;}
	.greeting .intro .txt strong {color:#2349ac;}
	.greeting .icon {display:none;}
	.greeting .con {padding-right:5%; line-height:30px;}


	.greeting02 {background-position:right 50px;}
	.greeting02 .intro {height:auto; padding:0 5%; margin-bottom:30px;}
	.greeting02 .photo {width:90%; text-align:center; position:static; padding-top:30px; margin:0 auto;}
	.greeting02 .photo.on {padding-top:0;}
	.greeting02 .intro .tit {color:#111; font-size:24px;}
	.greeting02 .intro .tit strong {color:#2349ac;}
	.greeting02 .intro .txt {color:#111; font-size:17px; line-height:30px;}
	.greeting02 .intro .txt strong {color:#2349ac;}
	.greeting02 .icon {display:none;}
	.greeting02 .con {padding-right:5%; line-height:30px;}

	.greeting03 {background-position:right 50px;}
	.greeting03 .intro {height:auto; padding:0 5%; margin-bottom:30px;}
	.greeting03 .photo {width:90%; text-align:center; position:static; padding-top:30px; margin:0 auto;}
	.greeting03 .photo.on {padding-top:0;}
	.greeting03 .intro .tit {color:#111; font-size:24px;}
	.greeting03 .intro .tit strong {color:#2349ac;}
	.greeting03 .intro .txt {color:#111; font-size:17px; line-height:30px;}
	.greeting03 .intro .txt strong {color:#2349ac;}
	.greeting03 .icon {display:none;}
	.greeting03 .con {padding-right:5%; line-height:30px;}

	.profile {max-width:611px; margin:0 auto;}
	.profile .intro {text-align:center; height:300px; padding-left:0; background-position:center top;}
	.profile .intro .tit {padding-top:0; font-size:28px; line-height:40px;}
	.profile .intro .tit.on {padding-top:30px;}
	.profile .intro .txt {margin-top:10px; font-size:18px;}
	.profile .intro .txt.on {margin-top:25px;} 
	.profile .photo {display:none;}
	.profile .con>div>div {float:none; width:100%; height:auto; padding-top:30px;}
	.profile .con p.tit {font-size:28px;}
	.profile .con ul {margin-top:20px;}
	.profile .con div.career>div:nth-child(2) {padding-bottom:50px;}
	.profile .con div.career ul {height:170px;}
	.profile .con div.awar {padding-bottom:50px;}
	.profile .con div.awar ul {height:80px;}

	.history>div {margin-left:-77%;}
	.history>div>div {width:48%; margin-top:10px;}
	.history>a {top:10%; width:50px; height:50px;}
	.history>a:after {top:11px; left:17px; width:20px; height:20px;}
	.history>a.prev {left:9%;}
	.history>a.next {right:9%;}
	.history>div>div .con {left:48%; width:48%; padding:30px 10px;}
	.history>div>div .con .titbox .stit {font-size:17px;}
	.history>div>div .con .titbox .tit  {font-size:24px;}

	.vision dl.tit dd {max-width:80%; margin:0 auto;}
	.vision .goal>dl {float:none; width:80%; margin:70px auto 0; padding:25px 20px 40px; }
	.vision .goal.on>dl {margin-top:40px;}
	.vision .goal>dl dt {margin-top:-45px;}
	.vision .point {margin:40px 0 20px;}
	.vision .point.on {margin-top:20px;}
	.vision .task dt {margin:30px auto 40px; font-size:20px;}
	.vision .task.on dt {margin-top:10px;}
	.vision .task dd>ul>li {width:48%;}

	.comm>div>a {font-size:18px; line-height:22px;}
	
	.press .board_list ul.photoList2>li {width:98%; margin:1%;}

	.social {background:none;}
	.social .tit_box {text-align:center; padding:10% 5%; border-radius:35px 0 35px 0; background:linear-gradient(to right, #3963be, #6f74d4);}
	.social>ul {margin:30px 0 0 0;}
	.social>ul li {width:48%;}
	
	
	.circleGraph {width:350px !important; height:350px !important;}
	.circleGraph:before {width:120px !important; height:120px !important;}
	.circleGraph p {font-size:16px !important;}
	.circleGraph p span {font-size:20px !important;}
	.sysBox>li {padding:145px 30px 20px !important;}
	.sysBox>li:before {top:20px; left:50%; transform:translateX(-50%);}
	.sysBox dl {width:100%;}
	.sysBox dl:before {left:0; right:0; top:-15px; bottom:auto; border-left:0; border-top:1px dashed #c2cbe5;}
	.sysBox dl dt {text-align:center;}
	.sysBox.finance_accounts dl>dd {text-align:center; padding-left:0;}
	.sysBox.finance_accounts dl>dd:before {display:none;}

}

.w21p {width:21%;}
.w22p {width:22%;}
.w23p {width:23%;}
.w24p {width:24%;}
.w26p {width:26%;}
.w27p {width:27%;}
.w28p {width:28%;}
.w29p {width:29%;}