@charset "utf-8";

#sub {padding-top:130px;}
#sub #header {background:#fff;}
#sub #gnb>ul>li>a {color:#111;}
#sub .head-btn ul > li.login > a {background-image:url('../img/layout/login-icon-on.png');}
#sub .head-btn ul > li:after {background:#ddd;}
#sub .head-btn ul > li.search > a {background-image:url('../img/layout/head-search-on.png');}
#sub .sitemap-btn {background-image:url('../img/layout/sitemap-btn-on.png');}

/* sub-visual */
.sub-visual {height:600px; background-repeat:no-repeat !important; background-size:cover !important; background-position:center center !important;}
.sub-visual01 {background-image:url('../img/sub/sub-visual01.jpg');}
.sub-visual02 {background-image:url('../img/sub/sub-visual02.jpg');}

.sub-visual021 {background-image:url('../img/sub/sub-visual021.jpg');}
.sub-visual022 {background-image:url('../img/sub/sub-visual022.jpg');}
.sub-visual023 {background-image:url('../img/sub/sub-visual023.jpg');}
.sub-visual024 {background-image:url('../img/sub/sub-visual024.jpg');}
.sub-visual025 {background-image:url('../img/sub/sub-visual025.jpg');}
.sub-visual026 {background-image:url('../img/sub/sub-visual026.jpg');}
.sub-visual027 {background-image:url('../img/sub/sub-visual027.jpg');}
.sub-visual028 {background-image:url('../img/sub/sub-visual028.jpg');}
.sub-visual029 {background-image:url('../img/sub/sub-visual029.jpg');}
.sub-visual0210 {background-image:url('../img/sub/sub-visual0210.jpg');}


.sub-visual03 {background-image:url('../img/sub/sub-visual03.jpg');}
.sub-visual04 {background-image:url('../img/sub/sub-visual04.jpg');}
.sub-visual05 {background-image:url('../img/sub/sub-visual05.jpg');}
.sub-visual06 {background-image:url('../img/sub/sub-visual06.jpg');}

.sub-visual08 {background-image:url('../img/sub/sub-visual02.jpg');}
.sub-visual09 {background-image:url('../img/sub/sub-visual02.jpg');}
.sub-visual010 {background-image:url('../img/sub/sub-visual02.jpg');}

.sub-visual .title {display:flex; align-items:flex-end; width:100%; height:100%; padding:102px 0;}
.sub-visual .title h1 {font-size:88px; line-height:1.1em; color:#fff; font-weight:600; position:relative; padding-right:30px; display:inline-block;}
.sub-visual .title h1:after {content:''; width:10px; height:10px; background:#ff6714; position:absolute; right:0; top:16px; border-radius:50%;}
/* lnb */
#lnb {border-bottom:1px solid #ddd;}
.lnb {padding:0px 0; display:flex;}
.lnb .pg {width:auto/* ; padding-right:60px; */ position:relative;}
.lnb .pg > ul  {height:100%; display:flex; margin:0 -20px; align-items:center;}
.lnb .pg > ul > li.home > a > img{width: 24px;}
.lnb .pg > ul  > li {padding:20px; position:relative; z-index: 100;}
.lnb .pg > ul  > li:after {content:''; width:4px; height:4px; background:#666; position:absolute; top:50%; margin-top:-2px; right:-2px; z-index: 100;}
.lnb .pg > ul  > li:last-child:after {display:none;}
.lnb .pg > ul  > li p {font-size:20px; line-height:1.5em; color:#666; position:relative; padding-right:38px; z-index: 100;}
.lnb .pg > ul  > li.page{padding-right: 40px; cursor: pointer;}
.lnb .pg > ul  > li.page p {color:#ff6714; font-weight:500;}
.lnb .pg > ul  > li p:after {content:''; width:24px; height:24px; background-image:url('../img/sub/lnb-depth.png'); background-repeat:no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-12px; right:0;}
.lnb .pg > ul  > li.page p:after {background-image:url('../img/sub/lnb-depth-on.png');}

.lnb .spg > ul{height: 100%;}
.lnb .spg > ul  > li{align-content:center; height: 100%;}

.lnb-tab-page{position: absolute; left: 0; top: 70px; width: 200px; height: auto; z-index: 10; background: #ffffff; border-radius: 0 0 5px 5px; display: none;}
.lnb-tab-page ul{border: 1px solid #ddd; }
.lnb-tab-page ul > li{border-bottom: 1px solid #ddd; }
.lnb-tab-page ul > li:last-child{border-bottom: 0;}
.lnb-tab-page ul > li > a{ font-size: 18px; line-height: 1.5; height: 48px; color: #666; align-content:center; padding: 0 19px; transition:.3s; letter-spacing: -0.03em;}
.lnb-tab-page ul > li > a:hover{color: #fff; font-weight: 500; background: #ff6714;}



.lnb-tab-page .dep3{display: none;}





.lnb .spg {position:relative; padding-left:60px;}
.lnb .spg:after {content:''; width:1px; height:18px; background:#666; position:absolute; left:0; top:50%; margin-top:-9px;}
.lnb .spg ul {display:flex; align-items:center; margin-bottom: 10px;}
.lnb .spg ul li {padding-right:25px;}
.lnb .spg ul li a {display:inline-block; padding:0 25px; line-height:44px; background:transparent; font-size:20px; color:#666; border-radius:5px; position:relative;}
.lnb .spg ul li.current a {background:#ff6714; color:#fff; font-weight:500;}
.lnb .spg ul li a:after {content:''; width:0; height:3px; background:#ff6714; position:absolute; left:50%; bottom:-13px; z-index:1; transition:all 0.4s;}
.lnb .spg ul li.current a:after {width:100%; left:0;}
.lnb .spg ul li a:hover:after {width:100%; left:0;}
/* sub common */
.real-cont {padding:120px 0 180px;}
.doc-tit {margin-bottom:50px;}
.doc-tit h4 {font-size:48px; font-weight:600; color:#111; line-height:1.3em; padding-left:20px; position:relative;}
.doc-tit h4 small{font-size: 20px; line-height: 1.; letter-spacing: -0.03em; color: #767676; font-weight: 400;}
.doc-tit h4 small span{color: #ff6714;}

.doc-tit h4 span {width:6px; height:32px; position:absolute; top:15px; left:0;}
.doc-tit h4 span:before,
.doc-tit h4 span:after {content:''; position:absolute; 		}
.doc-tit h4 span:before {width:6px; height:6px; background:#ff6714; border-radius:50%; top:0; left:0;}
.doc-tit h4 span:after {width:4px; height:20px; background:#ddd; bottom:0; left:1px;}

/* s13 */
.s13 .sec1{position: relative; height: 490px; border-radius: 10px;}
.s13 .sec1 img{width: 100%; height: 100%; object-fit:cover;}
.s13 .sec1 .tbx{position: absolute; width: 100%; height: 100%; left: 0; top: 0; align-content:center; text-align: center; padding: 10px; padding-bottom: 16px;} 
.s13 .sec1 .tbx strong{display: block; font-size: 56px; line-height: 1.5; letter-spacing: -0.03em; color: #fff; font-weight: 600; margin-bottom: 20px;}
.s13 .sec1 .tbx p{font-size: 22px; line-height: 34px; letter-spacing: -0.03em; color: #fff; }
.s13 .sec2{margin-top: 80px;}

.s13 .history-wrap .sec3{display: none;}
.s13 .history-wrap .sec3:first-child{display: block;}
.s13 .sec3{position: relative; margin-top: 116px;}
.s13 .sec3 .lbx{position: sticky; top: 80px; padding-left: 78px; height: 103px;}
.s13 .sec3 .lbx .tit p{display: block; font-size: 32px; line-height: 1; letter-spacing: -0.03em; color: #111; font-weight: 600; margin-bottom: 23px;}
.s13 .sec3 .lbx .tit h5{font-size: 48px; line-height: 1; letter-spacing: -0.03em; color: #ff6714; font-weight: 600; }
.s13 .sec3 .rbx{padding-left: 27.8%; flex:1; box-sizing: border-box; margin-top: -114px;}
.s13 .sec3 .rbx ul {position: relative; padding-left: 85px; padding-bottom: 58px;}
.s13 .sec3 .rbx ul:last-of-type{padding-bottom: 0;}
.s13 .sec3 .rbx ul:after{position: absolute; content: ''; width: 10px; height: 10px; background: #ff6714; border-radius: 50%; left: -3px; top: 16px;} 
.s13 .sec3 .rbx ul:before{position: absolute; content: ''; width: 1px; height: calc(100% - 39px); background: #ddd; left: 1px; top: 39px;}
.s13 .sec3 .rbx ul:last-of-type:before{height: calc(100% - 79px);}

.s13 .sec3 .rbx ul > li{display: flex; flex-wrap:wrap; font-size: 20px; line-height: 42px; letter-spacing: -0.03em; color: #666;}
.s13 .sec3 .rbx ul > li span{font-size: 22px; font-weight: 500; color: #111; width: 120px;}
.s13 .sec3 .rbx ul > li p{flex:1;	}

.s13 .sec3 .rbx ul:last-of-type > li:before{position: absolute; content: ''; width: 10px; height: 10px; background: #666; border-radius: 50%; left: -3px; bottom: 18px;}




/* sub 02*/
.what_tit {margin-bottom:160px; display:flex; align-items:center;}
.what_tit .img-box {max-width:440px; width:100%;}
.what_tit .txt-box {width:1%; flex:1 1 auto; padding-left:120px;}
.what_tit .txt-box .tit {margin-bottom:32px;}
.what_tit .txt-box .tit h3 {font-size:56px; font-weight:600; line-height:1.2em; color:#111; margin-bottom:4px;}
.what_tit .txt-box .tit p {font-size:22px; font-weight:600; color:#ff6714; line-height:1.4em;}
.what_tit .txt-box .txt p {font-size:22px; line-height:1.4em; color:#666; margin-bottom:24px; letter-spacing: -0.03em;}
.what_tit .txt-box .txt p:last-child {margin-bottom:0;}

/* sub 02 04 01 */
.wi_re100 .cnt01 {padding-bottom:180px;}
.wi_re100 .cnt01 .tit-box {margin-bottom:74px;}
.wi_re100 .cnt01 .tit-box h5 {font-size:40px; line-height:1.3em; color:#111; font-weight:600; margin-bottom:28px;}
.wi_re100 .cnt01 .tit-box p {font-size:20px; line-height:1.5em; color:#767676;}
.wi_re100 .cnt01 .tit-box p span {color:#ff6714;}
.wi_re100 .cnt01 .txt-box {display:flex; margin-bottom:76px;}
.wi_re100 .cnt01 .txt-box .row {width:33.33333%; padding:0 20px; text-align:center;}
.wi_re100 .cnt01 .txt-box .icon {margin-bottom:30px;}
.wi_re100 .cnt01 .txt-box h6 {font-size:32px; line-height:1.4em; color:#111; font-weight:500; margin-bottom:12px;}
.wi_re100 .cnt01 .txt-box h6 span{font-size: 20px; color: #ff6714; vertical-align: top; line-height: 1.3; margin-left: 5px;}
.wi_re100 .cnt01 .txt-box small{display: block; font-size: 28px; line-height: 30px; letter-spacing: -0.03em; color: #ff6815; font-weight: 600; margin-bottom: 8px;}
.wi_re100 .cnt01 .txt-box b{display: block; font-size: 20px; line-height: 30px; letter-spacing: -0.03em; color: #767676; font-weight: 400;}
.wi_re100 .cnt01 .txt-box b span{color: #ff6714;}


.wi_re100 .cnt01 .txt-box p {font-size:20px; line-height:1.5em; color:#767676;}
.wi_re100 .cnt01 .col {display:flex;}
.wi_re100 .cnt01 .col > div {height:410px; display:flex; flex-direction:column; justify-content:flex-end; background-repeat:no-repeat; background-size:cover; background-position:center center; border-radius:10px; overflow:hidden;}
.wi_re100 .cnt01 .col .tit {width:100%; max-width:520px; padding:80px 60px; background-image:url('../img/sub/re100-01-bg01.jpg');}
.wi_re100 .cnt01 .col .txt {width:1%; flex:1 1 auto; margin-left:20px; padding:80px; background-image:url('../img/sub/re100-01-bg02.jpg');}
.wi_re100 .cnt01 .col .tit p {font-size:18px; line-height:1.6em; color:#fff; font-family:'Poppins'; font-weight:600; margin-bottom:24px;}
.wi_re100 .cnt01 .col .tit h5 {font-size:32px; line-height:1.4em; color:#fff; font-weight:600;}
.wi_re100 .cnt01 .col .txt p {font-size:20px; line-height:1.6em; color:#fff; margin-bottom:26px;}
.wi_re100 .cnt01 .col .txt p:last-child {margin-bottom:0;}
.wi_re100 .cnt02 {background:#f9f3f0; padding:160px 0 180px;}
.wi_re100 .cnt02 .col {display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:70px; padding-bottom:70px; border-bottom:1px solid #ddd;}
.wi_re100 .cnt02 .col:last-child {border-bottom:0;}
.wi_re100 .cnt02 .tit-box {width:100%; max-width:540px; margin-bottom:60px;}
.wi_re100 .cnt02 .tit-box h5 {font-size:40px; line-height:1.4em; color:#111; font-weight:600; margin-bottom:16px;}
.wi_re100 .cnt02 .tit-box p {font-size:20px; line-height:1.5em; color:#767676;}
.wi_re100 .cnt02 .txt-box {width:100%; max-width:920px;}
.wi_re100 .cnt02 .txt-box .row {display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom:28px; align-items:center;}
.wi_re100 .cnt02 .txt-box .row:last-child {margin-bottom:0;}
.wi_re100 .cnt02 .txt-box .txt {font-size:24px; line-height:1.4em; color:#111; font-weight:500; position:relative; padding-left:80px; padding-right:220px; max-width:440px; width:100%;}
.wi_re100 .cnt02 .txt-box .txt:before {content:''; width:60px; height:60px; position:absolute; top:50%; margin-top:-30px; left:0; background-repeat:no-repeat; background-size:cover; }
.wi_re100 .cnt02 .txt-box .txt.all:before {background-image:url('../img/sub/re100-02-all.png');}
.wi_re100 .cnt02 .txt-box .txt.one:before {background-image:url('../img/sub/re100-02-one.png');}
.wi_re100 .cnt02 .txt-box .txt .more {background:rgba(207,198,192,0.4); line-height:52px; position:absolute; right:0; top:50%; margin-top:-26px; font-size:20px; font-weight:500; padding:0 24px; width:224px; color:#111; font-weight:500; border-radius:26px;}
.wi_re100 .cnt02 .txt-box .txt .more:after {content:''; width:12px; height:12px; background:url('../img/sub/what-more.png') no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-6px; right:18px; transition:all 0.4s;}
.wi_re100 .cnt02 .txt-box .txt .more:hover:after {transform:rotate(45deg);}
.wi_re100 .cnt02 .txt-box .num {font-size:64px; font-weight:600; color:#ff6714; line-height:1.1em;}
.wi_re100 .cnt02 .txt-box .num span {font-size:20px; line-height:1.5em; font-weight:400;}
.wi_re100 .cnt03 {padding-top:160px;}
.wi_re100 .cnt03 .col {display:flex; margin-bottom:100px;}
.wi_re100 .cnt03 .img-box {width:100%; max-width:750px;}
.wi_re100 .cnt03 .txt-box {width:1%; flex:1 1 auto; padding-left:110px;}
.wi_re100 .cnt03 .txt-box .txt {margin-bottom:48px; margin-top: -5px;}
.wi_re100 .cnt03 .txt-box .txt:last-child {margin-bottom:0;}
.wi_re100 .cnt03 .txt-box .txt h5 {font-size:32px; line-height:1.3em; color:#111; font-weight:600; margin-bottom:20px;}
.wi_re100 .cnt03 .txt-box .txt dl {display:flex; align-items:center; margin-bottom:10px;}
.wi_re100 .cnt03 .txt-box .txt dl:last-child {margin-bottom:0;}
.wi_re100 .cnt03 .txt-box .txt dt {width:100%; max-width:80px;}
.wi_re100 .cnt03 .txt-box .txt dd {width:1%; flex:1 1 auto; padding-left:20px; font-size:24px; font-weight:500; color:#111; line-height:1.3em;}
.wi_re100 .cnt03 .txt-box .txt ul{background: #f9f3f0; border-radius: 10px; padding: 46px 48px;}
.wi_re100 .cnt03 .txt-box .txt ul > li {font-size:20px; line-height:1.6em; color:#666; position:relative; padding-left:12px;}
.wi_re100 .cnt03 .txt-box .txt ul > li:before {content:''; width:3px; height:3px; background:#ff6714; position:absolute; top:14px; left:0;}
.wi_re100 .cnt03 .txt-box .txt .mail {font-size:20px; line-height:1.6em; color:#767676; display:inline-block; position:relative; transition:all 0.4s;}
.wi_re100 .cnt03 .txt-box .txt .mail:hover {color:#ff6714;}
.wi_re100 .cnt03 .txt-box .txt .mail:after {content:''; width:100%; height:1px; position:absolute; bottom:4px; left:0;  background:#767676; transition:all 0.4s;}
.wi_re100 .cnt03 .txt-box .txt .mail:hover:after {background:#ff6714;}
/* .wi_re100 .cnt03 .more {text-align:center;}
.wi_re100 .cnt03 .more a {display:inline-block; width:285px; line-height:70px; text-align:left; padding:0 36px; border:1px solid #ff6714; border-radius:36px; color:#111; font-size:22px; font-weight:500; transition:all 0.6s; position:relative;}
.wi_re100 .cnt03 .more a:hover {background:#ff6714; color:#fff;}
.wi_re100 .cnt03 .more a:after {content:''; width:12px; height:12px; background-image:url('../img/sub/what-more.png'); position:absolute;  top:50%; margin-top:-6px; right:30px; background-size:cover; background-repeat:no-repeat; transition:all 0.6s;}
.wi_re100 .cnt03 .more a:hover:after {background-image:url('../img/sub/what-more-w.png');} */

.sub-more {text-align:center;}
.sub-more a {display:inline-block; width:285px; line-height:70px; text-align:left; padding:0 36px; border:1px solid #ff6714; border-radius:36px; color:#111; font-size:22px; font-weight:500; transition:all 0.6s; position:relative;}
.sub-more a:hover {background:#ff6714; color:#fff;}
.sub-more a:after {content:''; width:12px; height:12px; background-image:url('../img/sub/what-more.png'); position:absolute;  top:50%; margin-top:-6px; right:30px; background-size:cover; background-repeat:no-repeat; transition:all 0.6s;}
.sub-more a:hover:after {background-image:url('../img/sub/what-more-w.png');}

.box-txt{border-radius: 10px; background: #f9f3f0; min-height:139px; padding: 60px; align-content:center;}
.box-txt p{font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666; }

/* s13 */
.comp-tab{display: flex; flex-wrap:wrap; border-radius: 50px; background: #f9f3f0; height: 72px; box-sizing: border-box; padding: 4px;}
.comp-tab > li{flex:1; text-align: center; border-radius: 50px; height: 100%; align-content:center; font-size: 20px; letter-spacing: -0.03em; color: #ff6714; cursor: pointer; transition:.3s;} 
.comp-tab > li br{display: none;}
.comp-tab > li i{position: relative; display: inline-block; width: 9px;	height: 8px; top: -3px;}
.comp-tab > li i:after,
.comp-tab > li i:before{position: absolute; content:''; width: 9px; height: 8px; background: url(../img/test-sub/s13-tab-arr.png) center no-repeat; left:0px; top:0px; transition:.3s; margin-left: 20px;}
.comp-tab > li i:after{background: url(../img/test-sub/s13-tab-arr-h.png) center no-repeat; opacity: 0;}
.comp-tab > li.on{background: #ff6714; color: #fff; }
.comp-tab > li.on i:before{opacity: 0;}
.comp-tab > li.on i:after{opacity: 1; }
.comp-tab > li:hover{background: #ff6714; color: #fff;}
.comp-tab > li:hover i:before{opacity: 0;}
.comp-tab > li:hover i:after{opacity: 1; }


.full-s15-2{display: flex; }
.full-s15-2 ul{border-top: 2px solid #ff6714;}
.full-s15-2 ul > li{ border-bottom: 1px solid #ddd; box-sizing: border-box; align-content:center; padding: 0 60px;}
.full-s15-2 ul > li p{font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666; margin-bottom: 35px;}
.link-box > a{position: relative; display: flex; width: 133px; height: 52px; align-items:center; justify-content: center; background: rgba(207,198,192,0.4); border-radius: 50px; font-size: 20px; letter-spacing: -0.03em; font-weight: 500; color: #111; gap:15px}
.link-box > a i{line-height: 0; transition:.3s;}
.link-box > a:hover i{translate:3px -3px}
.full-s15-2 ul > li:nth-child(1){height: 262px;}
.full-s15-2 ul > li:nth-child(2){height: 294px;}
.full-s15-2 ul > li:nth-child(3){height: 262px;}
.full-s15-2 ul > li:nth-child(4){height: 262px;}
.full-s15-2-2 ul > li:nth-child(1){height: 262px;}
.full-s15-2-2 ul > li:nth-child(2){height: 263px;}
.full-s15-2-2 ul > li:nth-child(3){height: 296px;}
.full-s15-2-2 ul > li:nth-child(4){height: 297px;}
.full-s15-2-2 ul > li:nth-child(5){height: 329px;}

.sub_1_5_2{}
.sub_1_5_2 section{width: 1920px;}
.full-s152-1{display: flex; margin-left: -1px; margin-top: -1px; margin-bottom: 180px;}
.full-s152-1 > img{width: 1547px; }
.full-s152-1 ul{width: 200px; margin-left: -1px; }
.full-s152-1 ul > li{border-bottom: 1px solid #ddd; align-content:center; text-align: center; height: 170px;}
.full-s152-1 ul > li .link-box{justify-items: center;}
.full-s152-1 ul > li:nth-child(3){height: 202px;}
.full-s152-1 ul > li:nth-child(4){height: 169px;}
.full-s152-1 ul > li:nth-child(7){height: 201px;}
.full-s152-1 ul > li:nth-child(8){height: 169px;}
.full-s152-1 ul > li:nth-child(11){height: 169px;}
.full-s152-1 ul > li:nth-child(13){height: 169px;}
.full-s152-1 ul > li:nth-child(14){height: 169px;}

.s16-link-box {display: flex; justify-content: flex-end; gap:20px}
.s16-link-box > li > a{border-radius: 50px; border: 1px solid #ff6714; height: 73px; box-sizing: border-box; display: flex; align-items:center; justify-content: center; gap:13px; padding: 0 35px; padding-right: 26px;}
.s16-link-box > li > a i{line-height: 0; transition:.3s;}
.s16-link-box > li > a:hover i{translate:3px -3px}

.s16_sec2{margin-top: 143px;}
.s16_sec2 .cnt-wrap{border-top: 2px solid #ff6714; margin-top: 60px;}
.s16_sec2 .cnt-wrap .cnt{display: flex; border-bottom: 1px solid #ddd; height: 133px; align-items:center; text-align: center;}
.s16_sec2 .cnt-wrap .cnt .year{width: 192px; }
.s16_sec2 .cnt-wrap .cnt .year p{font-size: 32px; line-height: 1; letter-spacing: -0.03em; color: #111; font-weight: 600;}
.s16_sec2 .cnt-wrap .cnt .box{display: flex; width: calc(100% - 192px);}
.s16_sec2 .cnt-wrap .cnt .box > *{position: relative; display: flex; flex-wrap:wrap; align-items:center; gap:20px; width: calc(50% - 30px); justify-content: center;}
.s16_sec2 .cnt-wrap .cnt .box > .lbx{padding-right: 56px;}
.s16_sec2 .cnt-wrap .cnt .box > .rbx{width: calc(50% + 30px);}
.s16_sec2 .cnt-wrap .cnt .box > .lbx:after{position: absolute; content: ''; width: 1px; height: 40px; background: #ddd; right: 0; top: 50%; translate:0 -50%;}
.s16_sec2 .cnt-wrap .cnt .box > * p{font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666; }
.s16_sec2 .cnt-wrap .cnt .box > * .link-box > a{width: 166px; gap:9px}
.s16_sec2 .cnt-wrap .cnt .box > * .link-box > a:hover i{translate:0 3px}
.s16_sec3{margin-top: 160px; }
.s16_sec3 .sub-more{margin-top: 100px; }
.s16_sec3 .sub-more > a{width: 205px;}

/* s17 */
.s17-map{margin-top: 112px;}
.s17-map .tit{display: flex; flex-wrap:wrap; justify-content: space-between;}
.s17-map .tit h4{position: relative; font-size: 32px; line-height: 44px; letter-spacing: -0.03em; color: #111; font-weight: 600; padding-left: 37px;}
.s17-map .tit h4:before{position: absolute; content: ''; width: 20px; height: 28px; background: url(../img/sub/s17-1.jpg) center no-repeat; left: 0; top: 7px;}
.s17-map .tit ul{display: flex; gap:10px;  margin-top: 32px;} 
.s17-map .tit ul > li > a{display: flex; align-items:center; justify-content: center; gap:12px; width: 156px; height: 52px; border-radius: 50px; font-size: 20px; letter-spacing: -0.03em; color: #1e1e1c; font-weight: 500; background: #fae200;}
.s17-map .tit ul > li > a i{line-height: 0; transition:.3s;}
.s17-map .tit ul > li > a:hover i{translate:0 -3px;}
.s17-map .tit ul > li:last-child > a{background: #00bf18; color: #fff;}
.s17-map .map-frame{margin-top: 50px; border-radius: 10px; overflow: hidden;}
.s17-map .map-frame iframe{width: 100%; height: 520px;}
.s17-map .root_daum_roughmap{width: 100%;}
.s17-map .root_daum_roughmap .wrap_map{height: 520px !important;}
.s17-map .root_daum_roughmap .wrap_controllers{display: none;}

.s17-map .map-frame  > figure > a{height: 520px; overflow: hidden;}
.s17-map .map-frame  > figure > a img{object-fit:cover; margin-top: -100px;}

.s17-map .map-txt{display: flex; flex-wrap:wrap; gap:41px; margin-top: 80px;}
.s17-map .map-txt > .box{flex:1; border-top: 2px solid #151515; padding: 30px 10px;}
.s17-map .map-txt > .box b{display: flex; font-size: 24px; line-height: 32px; letter-spacing: -0.03em; color: #ff6714; font-weight: 500; gap:20px; align-items:center; margin-bottom: 28px;}
.s17-map .map-txt > .box b i{line-height: 0;}
.s17-map .map-txt > .box b i > img {width: 50%;}
.s17-map .map-txt > .box p a{font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666; transition:.3s;}
.s17-map .map-txt > .box p a:hover{color: #333;}
.s17-map .doc-tit{margin-top: 112px; margin-bottom: -120px;}

/* s2 부터 공통 체크 시작 */
.sec-bg{background: #f9f3f0; padding: 160px 0 180px;}
/* 좌 이미지 우 텍스트 최상단  */
.comp-ty1{display: flex; flex-wrap:wrap; margin-bottom: 160px;}
.comp-ty1 figure{width: 46.875%;}
.comp-ty1 figure img{border-radius: 10px;}
.comp-ty1 .tbx{flex:1; }
.comp-ty1 .tbx > *{padding-left: 100px;}
.comp-ty1 .tbx > .top{border-bottom: 1px solid #ddd; height: 255px; align-content:center; padding-top: 49px;}
.comp-ty1 .tbx > .top small{display: block; font-size: 20px; line-height: 1; letter-spacing: -0.03em; color: #ff6714; font-weight: 600; margin-bottom: 20px;}
.comp-ty1 .tbx > .top strong{display: block; font-size: 32px; line-height: 44px; letter-spacing: -0.03em; color: #111; font-weight: 600;}
.comp-ty1 .tbx > .bottom{height: calc(100% - 255px); align-content:center; padding-bottom: 26px;}
.comp-ty1 .tbx > .bottom p{font-size: 22px; line-height: 34px; letter-spacing: -0.03em; color: #666; word-break: break-all; margin-bottom: 34px;}
.comp-ty1 .tbx > .bottom p:last-of-type{margin-bottom: 0;}

.comp-ty2{display: flex; flex-wrap:wrap; gap:30px}
.comp-ty2 > a{width: calc(33.333% - 20px); border-radius: 10px; height: 311px; background: #f6f6f6; overflow: hidden; }
.comp-ty2 > a .tbx{align-content:center; height: calc(100% - 80px); padding: 0 60px;}
.comp-ty2 > a .tbx small{display: block; font-size: 20px; line-height: 1; letter-spacing: -0.03em; color: #ff6714; font-weight: 600; margin-bottom: 15px;} 
.comp-ty2 > a .tbx p{font-size: 32px; line-height: 1.5; letter-spacing: -0.03em; color: #111; font-weight: 600;}
.comp-ty2 > a .bottom{display: flex; align-items:center; justify-content: center; gap:8px; height: 80px; background: #ff6714; font-size: 20px; line-height: 1.5; letter-spacing: -0.03em; color: #fff; font-weight: 600; transition:.3s;}
.comp-ty2 > a .bottom i{display: flex; align-items:center; width: 23px; height: 23px; border-radius: 50%;	background: #fff; align-items:center; justify-content: center; line-height: 0;}
.comp-ty2 > a:hover .bottom{background: #b3b9c1;}


/* s21 */
.s21{padding-bottom: 0;}

.s21 .sec1{position: relative; height: 490px; border-radius: 10px;}
.s21 .sec1 img{width: 100%; height: 100%; object-fit:cover;}
.s21 .sec1 .tbx{position: absolute; width: 100%; height: 100%; left: 0; top: 0; align-content:center; text-align: center; padding: 10px; padding-bottom: 16px;} 
.s21 .sec1 .tbx strong{display: block; font-size: 32px; line-height: 44px; letter-spacing: -0.03em; color: #fff; font-weight: 600; margin-bottom:30px;}
.s21 .sec1 .tbx p{font-size: 22px; line-height: 34px; letter-spacing: -0.03em; color: #fff; }

.s21 .sec2{background: #f9f3f0; padding: 160px 0 180px;} 
.s21 .sec2 ul {display: flex; flex-wrap:wrap; gap:40px; }
.s21 .sec2 ul > li{background: #fff; border-radius: 10px; height: 420px; flex:1 1 40%; padding: 60px 50px 58px 50px; }
.s21 .sec2 ul > li > a{display: block; height: 100%; display: flex;     flex-direction: column;}

.s21 .sec2 ul > li figure{display: flex; justify-content: flex-end;}
.s21 .sec2 ul > li .box{margin-top: auto; display: flex; flex-wrap:wrap; justify-content: space-between;}
.s21 .sec2 ul > li .box .tbx{width: calc(100% - 140px); padding-top: 10px;}
.s21 .sec2 ul > li .box .tbx strong{display: block; font-size: 40px; line-height: 1.5; color: #111; letter-spacing: -0.03em; font-weight: 600; margin-bottom: 12px;}
.s21 .sec2 ul > li .box .tbx p{font-size: 22px; line-height: 34px; letter-spacing: -0.03em; color: #666; }
.s21 .sec2 ul > li .box .link{width: 140px; align-self: flex-end; }
.s21 .sec2 ul > li .box .link span{position: relative; box-sizing: border-box; display: flex;  margin-left: auto; width: 60px; height: 60px;  border: 1px solid #ddd; border-radius: 50%; transition:.3s; margin-bottom: 7px;}
.s21 .sec2 ul > li .box .link span:before,
.s21 .sec2 ul > li .box .link span:after{position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/sub/s21-link.png) center no-repeat; transition:.3s;}
.s21 .sec2 ul > li .box .link span:after{background: url(../img/sub/s21-link-h.png) center no-repeat; opacity: 0;}
.s21 .sec2 ul > li:hover .box .link span{border: 1px solid #ff6714; background: #ff6714; 
	&:before{opacity: 0;}
	&:after{opacity: 1;}
}
.s21 .sec2 ul > li:last-child{padding: 0; background: none;}
.s21 .sec2 ul > li:last-child img{width: 100%; height: 100%; object-fit:cover; border-radius: 10px;}

/* s22 */
.s221{padding-bottom: 0;}
.s221 .comp-ty1{margin-bottom: 150px;}
.s221 .comp-ty1 .tbx > .top{height: 205px; padding-top: 0; padding-bottom: 6px;}
.s221 .comp-ty1 .tbx > .bottom {height: calc(100% - 205px); padding-bottom: 0; padding-top: 26px;}
.s221 .comp-ty1 .tbx > .bottom p{width: 101%;}

.s221 .sec2{margin-bottom: 80px;}

.s221 .sub-more{margin-top: 50px;}
.s221 .sub-more > a{width: 330px;}

.s221 .comp-tab{background: #fff;}
.s221 .cnt-box{margin-top: 50px;}
.s221 .cnt-box .cnt{background: #fff; border-radius: 10px; padding: 70px 60px; display: none;}
.s221 .cnt-box .cnt1{display: block;}
.s221 .cnt-box .cnt .box{margin-bottom: 53px;}
.s221 .cnt-box .cnt .box:last-of-type{margin-bottom: 0;}
.s221 .cnt-box .cnt dl{display: flex; flex-wrap:wrap; border-bottom: 1px solid #ddd; padding-top: 70px; padding-bottom: 80px; }
.s221 .cnt-box .cnt dl:first-child{padding-top: 0;}
.s221 .cnt-box .cnt dl:last-child{border-bottom: 0; padding-bottom: 0;}
.s221 .cnt-box .cnt dl dt{width: 258px; font-size: 32px; line-height: 1.5; color: #111; letter-spacing: -0.03em; font-weight: 600;}
.s221 .cnt-box .cnt dl.hnr{padding-bottom: 50px;}
.s221 .cnt-box .cnt dl dd{width: calc(100% - 258px); padding-top: 3px;}
.s221 .cnt-box .cnt dl dd ul > li{position: relative; font-size: 20px; line-height: 32px; padding-left: 11px; color: #111; font-weight: 500; letter-spacing: -0.03em;}
.s221 .cnt-box .cnt dl dd ul > li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #ff6714; left: 0; top: 14px;}
.s221 .cnt-box .cnt dl dd ul > li ol > li {display: flex; flex-wrap:wrap; font-size: 20px; line-height: 32px; color: #666; letter-spacing: -0.03em; }
.s221 .cnt-box .cnt dl dd ul > li ol > li span{width: 17px;}
.s221 .cnt-box .cnt dl dd ul > li ol > li p{width: calc(100% - 17px);}
.s221 .cnt-box .cnt dl dd .link {margin-top: 12px; margin-left: 12px;}
.s221 .cnt-box .cnt dl dd .link a{width: 166px;height: 52px; display: flex; align-items:center; justify-content: center; gap:9px; box-sizing: border-box; border: 1px solid #ff6714; border-radius: 50px; transition:.3s; font-size: 20px; letter-spacing: -0.03em; color: #111; font-weight: 500;}
.s221 .cnt-box .cnt dl dd .link a i{line-height: 0; transition:.3s;}
.s221 .cnt-box .cnt dl dd .link a:hover i{translate:0 3px}
.s221 .cnt-box .cnt dl dd .col2{display: flex; flex-wrap:wrap; gap:45px 0}
.s221 .cnt-box .cnt dl dd .col2 > li{width: 50%;}
.white{background: #fff; border-radius: 10px; display: flex; justify-content: center; align-items:center; height: 125px; margin-top: 90px; }
.white > *{padding: 0 40px;}
.white p{position: relative; display: flex; align-items:center; font-size: 32px; line-height: 1; letter-spacing: -0.03em; color: #111; font-weight: 500; gap:19px}
.white p:after{position: absolute; content: ''; width: 1px; height: 28px; background: #ddd; right: 0; top: 50%; translate:0 -50%;}
.white span{font-size: 20px; line-height:1; color: #ff6714; font-weight: 400;}

/* s23 */
.s231 .comp-ty1 {margin-bottom: 145px;}
.s231 .comp-ty1 .tbx > .top{height: 270px; padding-top: 63px;}
.s231 .comp-ty1 .tbx > .bottom{height: calc(100% - 270px); padding-bottom: 46px;}
.s231 .sec2 .tbx h5{font-size: 56px; line-height: 1.5; letter-spacing: -0.03em; color: #111; font-weight: 600;}
.s231 .sec2 .tbx small{display: block; font-size: 22px; line-height: 1; letter-spacing: -0.03em; color: #ff6714; font-weight: 600; margin-bottom: 33px;}
.s231 .sec2 .tbx p{font-size: 22px; line-height: 34px; letter-spacing: -0.03em; color: #666; }
.s231 .sec2 .cnt{display: flex; gap:20px; height: 668px; margin-top: 74px;}
.s231 .sec2 .cnt .lbx{width: 22.5%; flex-basis:360px; background: url(../img/sub/s23-2.jpg) center / cover no-repeat;	 border-radius: 10px; overflow: hidden; align-content:end; padding: 72px 60px;}
.s231 .sec2 .cnt .lbx .txt > *{display: block; letter-spacing: -0.03em; color: #fff;}
.s231 .sec2 .cnt .lbx .txt > small{font-size: 18px; line-height: 30px; font-weight: 400; margin-bottom: 11px; font-family: 'Poppins';}
.s231 .sec2 .cnt .lbx .txt > b{font-size: 32px; line-height: 44px; font-weight: 600;}
.s231 .sec2 .cnt .rbx{flex:1; height: 100%; align-content:center; text-align: center; background: #f9f3f0; border-radius: 10px; overflow: hidden; padding-left: 20px; padding-top: 20px;}
.s231 .sec2 .cnt .rbx img{line-height: 0; }
.s231 .sec3{margin-top: 150px;}
.s231 .sec3 .cnt ul{display: flex; gap:20px; }
.s231 .sec3 .cnt ul > li{position: relative; flex:6.25%;  transition:.8s; height: 400px; border-radius: 50px; overflow: hidden;  background: rgb(255,103,20); background: linear-gradient(156deg, rgba(255,103,20,1) 0%, rgba(255,158,20,1) 100%); cursor: pointer;}
.s231 .sec3 .cnt ul > li .off{position: absolute;   z-index: 1; left: 0; top: 0; width: 100%; height: 100%; z-index: 100;}
.s231 .sec3 .cnt ul > li .off p{font-size: 20px; line-height: 100px; padding: 0 45px; letter-spacing: 0; color: #fff; font-weight: 600; rotate:90deg;width: 400px; height: 100px; translate:-37% 149%; transition:.3s;}
.s231 .sec3 .cnt ul > li .off span{position: absolute; display: block; width: 40px; height: 40px; background: #fff; border-radius: 50%; align-content:center; text-align: center; line-height: 0; left: 50%; bottom: 28px; translate:-50% 0; transition:.3s;}
.s231 .sec3 .cnt ul > li .on{position: relative; opacity: 0; z-index: -11111; width: 100%; height: 100%; align-content:end; padding: 40px 40px 66px 60px; background: url(../img/sub/s23-6.jpg) center / cover no-repeat;  }
.s231 .sec3 .cnt ul > li:nth-child(2) .on{background: url(../img/sub/s23-7.jpg) center / cover no-repeat; }
.s231 .sec3 .cnt ul > li:nth-child(3) .on{background: url(../img/sub/s23-8.jpg) center / cover no-repeat; }
.s231 .sec3 .cnt ul > li:nth-child(4) .on{background: url(../img/sub/s23-9.jpg) center / cover no-repeat; }
.s231 .sec3 .cnt ul > li:nth-child(5) .on{background: url(../img/sub/s23-10.jpg) center / cover no-repeat; }
.s231 .sec3 .cnt ul > li .on p{font-size: 40px; line-height: 1.5; letter-spacing: -0.03em; font-weight: 600; color: #fff; opacity: 0; transition:.6s .6s}
.s231 .sec3 .cnt ul > li .on span{position: absolute; right: 40px; top: 40px; display: block; width: 60px; height: 60px; background: #fff; align-content:center; text-align: center; line-height: 0; transition:.3s; border-radius: 50%; cursor: pointer;}
.s231 .sec3 .cnt ul > li:hover .on span{background: #f9e5da;}
.s231 .sec3 .cnt ul > li.on{flex:70%	;	border-radius: 10px;} 
.s231 .sec3 .cnt ul > li.on .off{opacity: 0; z-index: -111; }
.s231 .sec3 .cnt ul > li.on .on{opacity: 1; z-index: 1000;}
.s231 .sec3 .cnt ul > li.on .on p{opacity: 1;}

.s231 .sec3 .sub-more{margin-top: 50px;}
.s231 .sec3 .sub-more > a{width: 330px;}
.s231 .sec3 .white{background: #f9f3f0; margin-top: 80px;}



.design-pop-wrap{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 100000; display: none;}
.design-pop{position: fixed; left: 50%; top: 50%; translate:-50% -50%; width: 1440px; max-width:90%; z-index: 100000000; border-radius: 10px; overflow: hidden; display: none;}
.design-pop .tit{position: relative; height: 120px; background: #ff6714; text-align: center; align-content:center; }
.design-pop .tit p{font-size: 32px; line-height: 1; letter-spacing: -0.03em; color: #fff; font-weight: 600; }
.design-pop .tit span{position: absolute; right: 44px; top: 50%; translate:0 -50%;  display: block; border-radius: 5px; width: 52px; height: 52px; border: 1px solid rgba(21,21,21,0.3); box-sizing: border-box; background: rgba(21,21,21,0.2); align-content:center; text-align: center; line-height: 0; cursor: pointer; transition:.3s;}
.design-pop .tit span:hover{background: rgba(21,21,21,0.8);}
.design-pop .cnt{background: #fff; max-height:calc(90vh - 110px); overflow-y: auto; padding: 110px 100px;  border-radius: 10px 10px 0 0; margin-top: -10px; position: relative; z-index: 10; overflow-x: hidden;}
.design-pop .cnt .box{padding-bottom: 100px; margin-bottom: 78px; border-bottom: 1px solid #ddd;}
.design-pop .cnt .box:last-of-type{padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
.design-pop .cnt .doc-tit{margin-bottom: 46px;}

.design-pop .cnt .doc-tit small{display: block; margin-top: 9px; font-size: 22px; line-height: 1; letter-spacing: -0.03em; color: #ff6714; font-weight: 600; padding-left: 22px; padding-bottom: 7px;}
.design-pop .cnt p{font-size: 22px; line-height: 34px; letter-spacing: -0.03em; color: #666; word-break: break-all; width: 105%; margin-bottom: 34px;}
.design-pop .cnt p:last-of-type{margin-bottom: 0;}
.design-pop .cnt figure{margin-top: 74px;}
.design-pop .cnt h5{display: block; font-size: 40px; line-height: 1; letter-spacing: -0.03em; font-weight: 600; color: #111; margin-bottom: 40px;}
.design-pop .cnt .flex-box{display: flex; gap:80px; /* align-items:center; */}
.design-pop .cnt .flex-box .lbx{width: 360px;}
/* .design-pop .cnt .flex-box .lbx.p_5{display: none;} */
.design-pop .cnt .flex-box .rbx {margin-top: 10px;}
.design-pop .cnt .flex-box .rbx ul{margin-bottom: 30px;}
.design-pop .cnt .flex-box .rbx ul > li{position: relative; font-size: 22px; line-height: 34px; letter-spacing: -0.03em ;color: #666; padding-left: 12px;}
.design-pop .cnt .flex-box .rbx ul > li a{display: inline-block; transition:.3s;}
.design-pop .cnt .flex-box .rbx ul > li a:hover{text-decoration: underline; color: #333;}
.design-pop .cnt .flex-box .rbx ul > li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #ff6714; left: 0; top: 15px;}
.design-pop .cnt .flex-box .rbx b{display: block; font-size: 32px; line-height: 1; letter-spacing: -0.03em; color: #111; font-weight: 600; margin: 50px 0 30px; margin-bottom:;}
.design-pop .cnt .flex-box .rbx ol{display: flex; gap:80px; margin-top: 60px;}

.design-pop .cnt .flex-box .rbx .sub-more{text-align: left;}
.design-pop .cnt .flex-box .rbx .sub-more a{width: 244px; letter-spacing: -0.03em;}
.design-pop .cnt .s31-box2-1 .flex-sin{display: flex; flex-wrap:wrap; gap:40px;}
.design-pop .cnt .s31-box2-1 .flex-sin figure{margin-top: 0; width: 54.03%;}
.design-pop .cnt .s31-box2-1 .flex-sin .tbx{flex:1; background: #f9f3f0; border-radius: 10px; padding: 80px 50px;}
.design-pop .cnt .s31-box2-1 .flex-sin .tbx p{width: auto;}
.design-pop .cnt .s31-box2-1 .flex-sin .tbx > p{font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666; } 
.design-pop .cnt .s31-box2-1 .flex-sin .tbx > p b{font-weight: 600; color: #111;}
.design-pop .cnt .s31-box2-1 .flex-sin .tbx > p o{font-weight: 600; color: #ff6714;}
.design-pop .cnt .s31-box2-1 .flex-sin .tbx > .cnt-t{border-top: 1px solid #ddd;  margin-top: 42px; padding-top: 45px;}
.design-pop .cnt .s31-box2-1 .flex-sin .tbx > .cnt-t b{display: block; font-size: 20px; letter-spacing: 1.5; color: #111; font-weight: 600; letter-spacing: -0.03em; }
.design-pop .cnt .s31-box2-1 .flex-sin .tbx > .cnt-t ul{display: flex; flex-wrap:wrap; gap:27px; align-items:center; margin-top: 13px;}
.design-pop .cnt .s31-box2-1 .flex-sin .tbx > .cnt-t ul > li{display: flex; flex-wrap:wrap; gap:10px; align-items:center;}

.design-pop .cnt .s31-box2-1 .flex-sin .tbx > .cnt-t ul > li p{font-size: 20px; line-height: 1.5; letter-spacing: -0.03em; font-weight: 500; color: #111; }
.design-pop .cnt .s31-box2-1 .flex-sin .tbx > .cnt-t ul > li p span{font-weight: 400; color: #666;}
.design-pop .cnt .s31-box2-1 .flex-sin .tbx > .cnt-t h6{font-size: 20px; line-height: 1.5; color: #111; font-weight: 600; letter-spacing: -0,03em; margin-top: 34px;}
.design-pop .cnt .s31-box2-1 .flex-sin .tbx > .cnt-t > p{font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666; margin-top: 9px; }
.design-pop .cnt .s31-box2-1 .link{display: flex; flex-wrap:wrap; align-items:center; gap:20px; justify-content: center; margin-top: 77px;}
.design-pop .cnt .s31-box2-1 .link > a{display: flex; align-items:center; width: 350px; padding-left: 35px; padding-right: 22px; height: 73px; border: 1px solid #ff6714; border-radius: 50px; font-size: 22px; line-height: 1.5; color: #111; font-weight: 500; gap:14px; letter-spacing: -0.03em ;}
.design-pop .cnt .s31-box2-1 .link > a i{line-height: 0; transition:.3s;}
.design-pop .cnt .s31-box2-1 .link > a i img{transition:.3s;}
.design-pop .cnt .s31-box2-1 .link > a:hover i img{rotate:45deg;}






/* s25 */
.wi_re100 .s251 .cnt01 .txt-box{gap:137px; justify-content: center; padding-left: 140px;} 
.wi_re100 .s251 .cnt01 .txt-box .row{width: auto;  }
.wi_re100 .s251 .cnt01 .txt-box .icon{margin-bottom: 43px;}
.wi_re100 .s251 .cnt01 .tit-box h5{letter-spacing: -0.03em;}
.wi_re100 .s251 .cnt01 .txt-box h6{margin-bottom: 5px;}
.wi_re100 .s251 .cnt01 .col .txt{background: url(../img/sub/s251-4.jpg) center / cover  no-repeat;}
.wi_re100 .s251 .cnt02 .txt-box .txt.ty2{padding-left: 0; display: block; position: relative; width: 100%; max-width:100%; margin-top: 40px;}
.wi_re100 .s251 .cnt02 .txt-box .txt.ty2:before{display: none;}
.wi_re100 .s251 .cnt02 .txt-box .txt .more{/* position: relative;  */ width: 240px; 	}
.wi_re100 .s251 .cnt02 .txt-box .txt.ty2 .more > a{left: 0; right: auto;}
.wi_re100 .s251 .cnt02{padding-bottom: 40px;}
.wi_re100 .s251 .cnt03 .col{margin-bottom: 0;}
.wi_re100 .s251 .cnt03 .doc-tit p{font-size: 22px; line-height: 34px; letter-spacing: -0.03em; color: #666; margin-top: 16px;}
.wi_re100 .s251 .cnt03 .txt-box .txt ul > li .box{border-radius: 10px; /* background: #fff; */ padding: 22px 39px; padding-left: 80px; margin-top: 13px; margin-bottom: 24px; margin-left: -10px;}
.wi_re100 .s251 .cnt03 .txt-box .txt ul > li .box ol > li{display: flex; flex-wrap:wrap; font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666;}
.wi_re100 .s251 .cnt03 .txt-box .txt ul > li .box ol > li span{width: 9px;}
.wi_re100 .s251 .cnt03 .txt-box .txt ul > li .box ol > li p{flex:1; }
.wi_re100 .s251 .cnt03 .txt-box .txt ul > li .box ol > li p b{color: #111; font-weight: 500;}
.s251 .sub-more{margin-top: 95px;}
.s251 .sub-more a{width: 263px;}
.s251 .sub-more a.btn-tcfd {width: 415px;}
.s251 .sub-more a.btn-ev100 {width: 280px;}
.s251 .sub-more a:after{right: 24px;}

.s261 .sec3 .col > .txt-box ul > li .box{border-radius: 10px; /* background: #fff; */ margin-top: 13px; margin-bottom: 24px;}


.s241 .white{background: #f9f3f0;}
.s241 .white{background: #f9f3f0; margin-top: 160px;}
.s241 .white ol {display: flex; flex-wrap:wrap; gap:40px; }
.s241 .white ol > li{position: relative; font-size: 20px; line-height: 1.5; letter-spacing: -0.03em; color: #666; padding-left: 12px;}
.s241 .white ol > li a{display: inline-block; color: #ff6714; transition:.3s;}
.s241 .white ol > li a:hover{color: #333;}
.s241 .white ol > li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #ff6714; left: 0; top: 14px;}

.s251 .white{background: #f9f3f0;}
.s251 .white{background: #f9f3f0; margin-top: 160px;}
.s251 .white ol {display: flex; flex-wrap:wrap; gap:40px; }
.s251 .white ol > li{position: relative; font-size: 20px; line-height: 1.5; letter-spacing: -0.03em; color: #666; padding-left: 12px;}
.s251 .white ol > li a{display: inline-block; color: #ff6714; transition:.3s;}
.s251 .white ol > li a:hover{color: #333;}
.s251 .white ol > li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #ff6714; left: 0; top: 14px;}



/* s26 */
.s261{padding-bottom: 0;}
.wi_re100 .s261 .what_tit .txt-box .txt p{word-break: break-all; width: 101%;}
.s261 .sec1 .what_tit{margin-bottom: 100px;}
.s261 .sec1 .sub-more a{width: 222px;}
.s261 .sec2 {margin-top: 150px;}
.s261 .sec2 .box{display: flex; flex-wrap:wrap; justify-content: space-between; background: #f9f3f0; border-radius: 10px; padding: 69px 98px; }
.s261 .sec2 .box .lbx p{font-size: 40px; line-height: 1.5; letter-spacing: -0.03em; color: #111; font-weight: 600; margin-bottom: 13px;}
.s261 .sec2 .box .lbx span{display: block; font-size: 20px; line-height: 1.5; letter-spacing: -0.03em; color: #767676;}
.s261 .sec2 .box .rbx{position: relative; top: -15px; right: 4px;}
.s261 .sec2 .box .rbx p{font-size: 64px; line-height: 1.5; letter-spacing: -0.03em;	 color: #ff6714; font-weight: 600;}
.s261 .sec2 .box .rbx p small{font-size: 20px; font-weight: 400;}
.s261 .sec2 .box .link-box {width: 100%; margin-top: 30px;}
.s261 .sec2 .box .link-box .more {margin: 0 auto; text-align: center; width: 204px; background:rgba(207,198,192,0.4); line-height:52px; font-size:20px; font-weight:500;   color:#111; font-weight:500; border-radius:26px;}
.s261 .sec2 .box .link-box .more:after {content:''; width:12px; height:12px; background:url('../img/sub/what-more.png') no-repeat; background-size:cover; position: relative; transition:all 0.4s;}
.s261 .sec2 .box .link-box .more:hover:after {transform:rotate(45deg);}
.s261 .sec3 {margin-top: 170px;}
/* .s261 .sec3 .flex-box{display: flex; flex-wrap:wrap; gap:40px;}
.s261 .sec3 .flex-box .box{flex:1 1 20%}
.s261 .sec3 .flex-box .box .tbx{padding-top: 43px;	}
.s261 .sec3 .flex-box .box .tbx > *{letter-spacing: -0.03em; 	}
.s261 .sec3 .flex-box .box .tbx > small{display: block; font-size: 18px; line-height: 1.5; color: #ff6714; font-weight: 600; font-family: 'Poppins'; padding-left: 3px;}
.s261 .sec3 .flex-box .box .tbx > h5{font-size: 24px; line-height: 32px; color: #111; font-weight: 600; margin: 14px 0 19px;}
.s261 .sec3 .flex-box .box .tbx > ul > li{position: relative; font-size: 22px; line-height: 34px; color: #666; padding-left: 11px;}
.s261 .sec3 .flex-box .box .tbx > ul > li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #ff6714; left: 0; top: 15px;} */

.s261 .sec3 .col{display: flex; gap:110px}
.s261 .sec3 .col > *{}
.s261 .sec3 .col > .img-box{max-width:747px; width: 100%;}
.s261 .sec3 .col > .txt-box{flex:1; background: #f9f3f0; border-radius: 10px; padding: 44px 50px; padding-right: 10px;}
.s261 .sec3 .col > .txt-box ul > li{position: relative; font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #111; font-weight: 500; padding-left: 10px; margin-bottom: 30px;}
.s261 .sec3 .col > .txt-box ul > li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #ff6714; left: 0; top: 14px;}
.s261 .sec3 .col > .txt-box ul > li > span{color: #ff6714; font-size: 16px; display: block;}
.s261 .sec3 .col > .txt-box ul > li ol > li{display: flex; font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666; font-weight: 400;}
.s261 .sec3 .col > .txt-box ul > li ol > li span{width: 8px; margin-right: 5px;}
.s261 .sec3 .col > .txt-box ul > li ol > li p{flex:1; }



.s261 .sec4{background: #f9f3f0; padding: 150px 0 180px; margin-top: 172px;}
.s261 .sec4 h5{font-size: 40px; line-height: 1.5; letter-spacing: -0.03em; color: #111; 	font-weight: 600; margin-top: 39px;}
.s261 .sec4 .contain > ol{position: relative; z-index: 1; display: flex; flex-wrap:wrap; justify-content: center; }
.s261 .sec4 .contain > ol > li{position: relative; text-align: center; padding: 0 82px;}
.s261 .sec4 .contain > ol > li:first-child:before{position: absolute; content: ''; width: calc(400% - 100px); height: 1px; background: #ddd; left: 100px; top: 80px; z-index: -1;}
.s261 .sec4 .contain > ol > li:after{position: absolute; content: ''; width: 32px; height: 33px; background: url(../img/sub/s261-10.png) center no-repeat; right: -24px; top: 65px;}
.s261 .sec4 .contain > ol > li:nth-child(2):after{right: -27px;}
.s261 .sec4 .contain > ol > li:nth-child(3):after{right: 5px;}
.s261 .sec4 .contain > ol > li:last-child:after{display: none;}
.s261 .sec4 .contain > ol > li .tbx {margin-top: 40px;}
.s261 .sec4 .contain > ol > li .tbx small{font-family: 'Poppins';  display: block; font-size: 18px; line-height: 1; letter-spacing: -0.03em; color: #ff6714; font-weight: 600; margin-bottom: 15px;}
.s261 .sec4 .contain > ol > li .tbx p{font-size: 24px; line-height: 36px; letter-spacing: -0.03em; font-weight: 500; color: #111;}
.s261 .sec4 .sub-more{margin-top: 91px;}
.s261 .sec4 .sub-more > a{width: 300px; padding: 0; display: flex; justify-content: center; align-items:center; margin: 0 auto; gap:14px;}
.s261 .sec4 .sub-more > a:after{position: static; line-height: 0; margin-top: 0;}
.wi_re100 .s261 .cnt03{padding-top: 120px;}
.wi_re100 .s261 .cnt03 .txt-box{align-self: center; padding-bottom: 32px;}

/* s27 */
.s271 .sec2 .cnt{display: flex; gap:20px; height: 815px; }
.s271 .sec2 .cnt .lbx{width: 22.5%; flex-basis:360px; background: url(../img/sub/s23-2.jpg) center / cover no-repeat;	 border-radius: 10px; overflow: hidden; align-content:end; padding: 72px 60px;}
.s271 .sec2 .cnt .lbx .txt > *{display: block; letter-spacing: -0.03em; color: #fff;}
.s271 .sec2 .cnt .lbx .txt > small{font-size: 18px; line-height: 30px; font-weight: 400; margin-bottom: 11px; font-family: 'Poppins';}
.s271 .sec2 .cnt .lbx .txt > b{font-size: 32px; line-height: 44px; font-weight: 600;}
.s271 .sec2 .cnt .rbx{flex:1; height: 100%; align-content:center; text-align: center; background: #f9f3f0; border-radius: 10px; overflow: hidden; padding: 20px 80px;}
.s271 .sec2 .cnt .rbx img{line-height: 0; }
.s271 .sec2 .cnt .rbx .box ul{display: flex; gap:20px; margin-top: 50px; border-bottom: 1px solid #ddd; padding-bottom: 60px; margin-bottom: 50px;}
.s271 .sec2 .cnt .rbx .box ul > li {flex:1; height: 126px; border-radius: 10px; border: 1px dotted #ff762b; border-spacing : 4px; background: #fae5da; font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #ff6714; font-weight: 600; align-content:center;}
.s271 .sec2 .cnt .rbx .box p{text-align: left;   font-size: 22px; line-height: 34px; letter-spacing: -0.03em;	color: #666; word-break: break-all; width: 100%; margin-bottom: 34px;}
.s271 .sec2 .cnt .rbx .box p:last-of-type{margin-bottom: 0;}
.s271 .sec3{background: #f9f3f0; padding: 150px 0 180px; margin-top: 182px;}
.s271 .sec3 .doc-tit{margin-bottom: 72px;}
.s271 .sec3 .doc-tit p{font-size: 22px; line-height: 34px; letter-spacing: -0.03em; color: #666; margin-top: 42px;}
.s271 .sec3 .box{background: #fff; border-radius: 10px; height: 805px;  display: flex; align-items:center; padding: 0 60px;}
.s271 .sec3 .box > div{ width: 360px; display: flex;  align-items:center; flex-direction: column; }
.s271 .sec3 .box > div .cnt{border-bottom: 1px solid #ddd;  height: 300px; align-content:center;}
.s271 .sec3 .box > div .cnt:last-child{border-bottom: 0;}
.s271 .sec3 .box > div .cnt p{font-size: 22px; line-height: 34px; letter-spacing: -0.03em; color: #666; word-break: break-all;}
.s271 .sec3 .box .lbx{order:1;}
.s271 .sec3 .box figure{order:2;}
.s271 .sec3 .box .rbx{order:3; width: 360px; text-align: left;}
.s271 .sec3 .contain > p{font-size: 22px; line-height: 34px; letter-spacing: -0.03em; color: #666; margin-top: 53px;}
.s271 .sec4{margin-top: 150px;}
.s271 .sec4 .doc-tit {margin-bottom: 65px;}
.s271 .sec4 .doc-tit h5{font-size: 40px; line-height: 1.5; letter-spacing: -0.03em; color: #111; font-weight: 600; margin-top: 37px;}
.s271 .sec4 ul{display: flex; justify-content: center;}
.s271 .sec4 ul > li{flex:1; text-align: center;}
.s271 .sec4 ul > li figure{height: 105px; align-content:end; line-height: 0;}
.s271 .sec4 ul > li .tbx{font-size: 32px; line-height: 44px; letter-spacing: -0.03em; color: #111; font-weight: 500; margin-top: 55px;}
.s271 .sec4 .box{background: #f9f3f0; border-radius: 10px; align-content:center; height: 244px; padding: 0 60px; margin-top: 76px;}
.s271 .sec4 .box p{font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666; word-break: break-all;}
.s271 .sec5{margin-top: 172px;}
.s271 .sec5 .box{display: flex; flex-wrap:wrap; justify-content: space-between; background: #f9f3f0; border-radius: 10px; padding: 69px 98px; }
.s271 .sec5 .box .lbx small{font-size: 20px; line-height: 30px; letter-spacing: -0.03em; color: #767676; align-self:flex-end;}
.s271 .sec5 .box .lbx p{font-size: 40px; line-height: 1.5; letter-spacing: -0.03em; color: #111; font-weight: 600; margin-bottom: 13px;}
.s271 .sec5 .box .lbx span{display: block; font-size: 20px; line-height: 1.5; letter-spacing: -0.03em; color: #767676;}
.s271 .sec5 .box .rbx{position: relative; top: -15px; right: 4px;}
.s271 .sec5 .box .rbx p{font-size: 64px; line-height: 1.5; letter-spacing: -0.03em;	 color: #ff6714; font-weight: 600;}
.s271 .sec5 .box .rbx p small{font-size: 20px; font-weight: 400;}
.s271 .sec5 .box .link-box {width: 100%; margin-top: 30px;}
.s271 .sec5 .box .link-box .more {margin: 0 auto; text-align: center; width: 367px; background:rgba(207,198,192,0.4); line-height:52px; font-size:20px; font-weight:500;   color:#111; font-weight:500; border-radius:26px;}
.s271 .sec5 .box .link-box .more:after {content:''; width:12px; height:12px; background:url('../img/sub/what-more.png') no-repeat; background-size:cover; position: relative; transition:all 0.4s;}
.s271 .sec5 .box .link-box .more:hover:after {transform:rotate(45deg);}

/* s28 */
.s281 .what_tit .txt-box .txt p:last-child{word-break: break-all;}
.wi_re100 .s281 .cnt01 .col .txt{background: url(../img/sub/s281-2.jpg) center / cover no-repeat;}
.s281 .sec2 .doc-tit{margin-bottom: 70px; }
.s281 .sec3{background: #f9f3f0; padding: 150px 0 180px;}
.s281 .sec3 .doc-tit{display: flex; flex-wrap:wrap; gap:23px; margin-bottom: 37px;}
.s281 .sec3 .doc-tit small{font-size: 20px; line-height: 30px; letter-spacing: -0.03em; color: #767676; align-self:flex-end;}
.s281 .sec3 .doc-tit small span{color: #ff6714;}
.s281 .sec3 dl{display: flex; flex-wrap:wrap; }
.s281 .sec3 dl:first-of-type{padding-bottom: 66px; margin-bottom: 60px; border-bottom: 1px solid #ddd;}
.s281 .sec3 dl dt{width: 42.5%;}
.s281 .sec3 dl dt p{font-size: 40px; line-height: 1.5; color: #111; font-weight: 600; letter-spacing: -0.03em;}
.s281 .sec3 dl dd{flex:1; padding-top: 10px;}
.s281 .sec3 dl dd .box{display: flex; flex-wrap:wrap; justify-content: space-between; margin-bottom: 34px; align-items: center;}
.s281 .sec3 dl dd .box:last-of-type{margin-bottom: 0;}
.s281 .sec3 dl dd .box .lbx{display: flex; align-items:center; gap:18px; max-width:440px; width: 100%;}
.s281 .sec3 dl dd .box .lbx p{font-size: 24px; line-height: 1.5; color: #111; letter-spacing: -0.03em; font-weight: 500;}
.s281 .sec3 dl dd .box .rbx p{text-align: right; font-size: 64px; line-height: 1; letter-spacing: -0.03em; font-weight: 600; color: #ff6714;}
.s281 .sec3 dl dd .box .rbx p span{font-size: 20px; line-height: 1; font-weight: 400;}
.s281 .sec3 dl dd .more {position: relative; background:rgba(207,198,192,0.4); line-height:52px; font-size:20px; font-weight:500; padding:0 20px; width:255px; color:#111; font-weight:500; border-radius:26px; margin-top: 20px; margin-top: 0; margin-left: auto;}
.s281 .sec3 dl dd .more:after {content:''; width:12px; height:12px; background:url('../img/sub/what-more.png') no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-6px; right:18px; transition:all 0.4s;}
.s281 .sec3 dl dd .more:hover:after {transform:rotate(45deg);}
.s281 .sec4{margin-top: 0px; margin-bottom: 100px; padding-bottom: 100px;}   
.s281 .sec4 .doc-tit{margin-bottom: 76px;}
.s281 .sec4 .flex-box{display: flex; flex-wrap:wrap;  height: 687px; justify-content: space-between;}
.s281 .sec4 .flex-box figure{width: 52.93% ;border: 1px solid #ddd; border-radius: 10px;  line-height: 0; align-content:center; text-align: center;}
.s281 .sec4 .flex-box .tbx{width: 44.68%; background: #f9f3f0; border-radius: 10px; padding: 0 50px;}
.s281 .sec4 .flex-box .tbx .top{height: 122px; border-bottom: 1px solid #ddd;}
.s281 .sec4 .flex-box .tbx .top ul {display: flex; flex-wrap:wrap; gap:20px; align-items:center; height: 100%; justify-content: center;}
.s281 .sec4 .flex-box .tbx .top ul > li{display: flex; flex-wrap:wrap; font-size: 16px; line-height: 1.5; color: #111; letter-spacing: -0.03em; align-items:center; gap:10px}
.s281 .sec4 .flex-box .tbx .top ul > li i img{filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.1));}
.s281 .sec4 .flex-box .tbx .top ul > li span:not(.round){width: 20px; height: 21px; border-radius: 2px; border: 1px solid #f6dbcd; background: #fae5da; box-sizing: border-box;	box-shadow:2px 2px 5px rgba(0,0,0,0.1)}
.s281 .sec4 .flex-box .tbx .top ul > li:nth-child(2) span:not(.round){background: #ff6714; border: 1px solid #ff6714;}
.s281 .sec4 .flex-box .tbx .top ul > li span.round{position: relative; width: 20px; height: 20px; border-radius: 50%; background: rgba(255,104,20,0.2); box-shadow:2px 2px 5px rgba(0,0,0,0.1); }
.s281 .sec4 .flex-box .tbx .top ul > li span.round:after{position: absolute; content: ''; width: 13px; height: 13px; border-radius: 50%; background: #ff6714; left: 50%; top: 50%; translate:-50% -50%;}
.s281 .sec4 .flex-box .tbx .top ul > li:nth-child(4) span.round{background: rgba(255,255,255,0.4);}
.s281 .sec4 .flex-box .tbx .top ul > li:nth-child(4) span.round:after{background: #fff; }
.s281 .sec4 .flex-box .tbx .cnt{margin-top: 54px;}
.s281 .sec4 .flex-box .tbx .cnt > ul > li{display: flex; flex-wrap:wrap; margin-bottom: 27px;}
.s281 .sec4 .flex-box .tbx .cnt > ul > li:last-child{margin-bottom: 0;}
.s281 .sec4 .flex-box .tbx .cnt > ul > li .left{width: 60px; display: flex; padding-top: 5px; justify-content: center; gap:18px;} 
.s281 .sec4 .flex-box .tbx .cnt > ul > li .left .num{width: 22px;height: 22px; border-radius: 50%; background: #666; align-content:center; font-size: 14px; line-height: 1; color: #fff; font-weight: 600; text-align: center; box-shadow:2px 2px 5px rgba(0,0,0,0.1)}
.s281 .sec4 .flex-box .tbx .cnt > ul > li .left i img{filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.1));}

.s281 .sec4 .flex-box .tbx .cnt > ul > li .left span:not(.num){position: relative;width: 22px; height: 22px; border-radius: 50%; box-shadow:2px 2px 5px rgba(0,0,0,0.1); background: rgba(255,104,20,0.2);}
.s281 .sec4 .flex-box .tbx .cnt > ul > li .left span:not(.num):after{position: absolute; content: ''; width: 15px; height: 15px; border-radius: 50%; background: #ff6714; left: 50%; top: 50%; translate:-50% -50%;}
.s281 .sec4 .flex-box .tbx .cnt > ul > li:nth-child(4) .left span:not(.num){background: rgba(255,255,255,0.4);}
.s281 .sec4 .flex-box .tbx .cnt > ul > li:nth-child(4) .left span:not(.num):after{background: #fff;}
.s281 .sec4 .flex-box .tbx .cnt > ul > li .rbx{flex:1; padding-left: 40px;}
.s281 .sec4 .flex-box .tbx .cnt > ul > li .rbx b{display: block; font-size: 20px; line-height: 1.5; color: #111; font-weight: 600; letter-spacing: -0.03em;}
.s281 .sec4 .flex-box .tbx .cnt > ul > li .rbx b span{font-size: 16px; line-height: 1; color: #ff6714; font-weight: 500;	}
.s281 .sec4 .flex-box .tbx .cnt > ul > li .rbx p{font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666; word-break: break-all;}
.s281 .sec5{margin-top: 170px;}
.s281 .sec5 ul{display: flex; justify-content: center;}
.s281 .sec5 ul > li{text-align: center; flex:1; position: relative; z-index: 10;}
.s281 .sec5 ul > li:first-child:before{position: absolute; content: ''; width: calc(500% - 160px); height: 1px; background: #ddd; left: 80px; top: 79px; z-index: -1;}
.s281 .sec5 ul > li:not(:last-child):after{position: absolute; content: ''; width: 33px; height: 33px; background: url(../img/sub/02_36.png) center no-repeat; right: -16px; top: 64px; background-size: 33px;}
.s281 .sec5 ul > li .tbx{}
.s281 .sec5 ul > li .tbx small{display: block; font-size: 18px; line-height: 1; color: #ff6714; font-weight: 600; margin: 40px 0 15px;	}
.s281 .sec5 ul > li .tbx p{font-size: 24px; line-height: 36px; color: #111; font-weight: 500;}
.s281 .sec5 ul > li .tbx .sub-more{margin-top: 30px;}
.s281 .sec5 ul > li .tbx .sub-more > a{width: 202px;}


/* s29 */
.s291{padding-bottom: 0;}
.s291 .sec1 .what_tit{margin-bottom: 150px;}
.s291 .sec2 .doc-tit{margin-bottom: 70px;}
.s291 .sec2 .doc-tit small {display:block; font-size: 22px; line-height: 1; letter-spacing: -0.03em; color: #ff6714; font-weight: 600; margin-bottom: 33px; margin-top: 20px;}
.s291 .sec2 .doc-tit p {font-size: 22px; line-height: 34px; letter-spacing: -0.03em; color: #666;}
.s291 .sec2 .cnt .lbx .txt > small {font-size: 18px;line-height: 30px;font-weight: 400;margin-bottom: 11px;font-family: 'Poppins';}
.wi_re100 .s291 .cnt01{padding-bottom: 167px;}
.wi_re100 .s291 .cnt01 .col .txt{    background: url(../img/sub/s291-2.jpg) center / cover no-repeat;}
.wi_re100 .s291 .cnt01 .col .txt p{word-break: break-all;}
.wi_re100 .s291 .cnt01 .col > div{height: 438px;}
.s291 .sec3 .doc-tit{margin-bottom: 73px;}
.s291 .sec3 .doc-tit p{font-size: 22px; line-height: 34px; letter-spacing: -0.03em; color: #666; margin-top: 40px;}
.s291 .sec3 .box-wrap{display: flex; flex-direction: column; gap:40px}
.s291 .sec3 .box-wrap .box{display: flex; flex-wrap:wrap; align-items:center;  padding: 80px; background: #f9f3f0; border-radius: 10px; gap:60px}
.s291 .sec3 .box-wrap .box figure{width: 213px;}
.s291 .sec3 .box-wrap .box .tbx{flex:1; }
.s291 .sec3 .box-wrap .box .tbx h5{display: flex; align-items:center; gap:20px; font-size: 32px; line-height: 1.5; letter-spacing: -0.03em; color: #111; font-weight: 600; margin-bottom: 19px;}
.s291 .sec3 .box-wrap .box .tbx h5 span{width: 90px; height: 35px; align-content:center; border-radius: 50px; background: #ff6714; text-align: center; font-size: 20px; line-height: 1; letter-spacing: -0.03em; color: #fff; font-weight: 600;}
.s291 .sec3 .box-wrap .box .tbx ul > li{position: relative; display: flex; flex-wrap:wrap; font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666; padding-left: 10px; margin-bottom: 8px;}
.s291 .sec3 .box-wrap .box .tbx ul > li:last-of-type{margin-bottom: 0;}
.s291 .sec3 .box-wrap .box .tbx ul > li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #ff6714; left: 0; top: 15px;}
.s291 .sec3 .box-wrap .box .tbx ul > li b{color: #111; font-weight: 500;}
.s291 .sec3 .box-wrap .box .tbx ol{width: 100%; display: flex; flex-wrap:wrap; gap:37px; padding-top: 9px;}
.s291 .sec3 .box-wrap .box .tbx ol > li{display: flex; flex-wrap:wrap; font-size: 20px; line-height: 32px; color: #666; }
.s291 .sec3 .box-wrap .box .tbx ol > li span{width: 9px;}
.s291 .sec3 .box-wrap .box .tbx ol > li p{flex:1; }
.s291 .sec3 .box-wrap .box .tbx .link{display: flex; flex-wrap:wrap; gap:20px; width: 100%; margin-top: 13px;}
.s291 .sec3 .box-wrap .box .tbx .link > a{display: flex; align-items:center; justify-content: center; gap:8px; width: 93px; height: 52px; background: #e8e1dd; border-radius: 50px; font-size: 20px; letter-spacing: -0.03em; font-weight: 500; color: #111; transition:.3s; border: 1px solid #e8e1dd;}
.s291 .sec3 .box-wrap .box .tbx .link > a i{line-height: 0; }
.s291 .sec3 .box-wrap .box .tbx .link > a:hover{border: 1px solid #ec8d59; background: #ece8e6;}
.s291 .sec4{margin-top: 170px;}
.s291 .sec4 .doc-tit{margin-bottom: 38px;}
.s291 .sec4 .flex-box{display: flex; gap:40px;}
.s291 .sec4 .flex-box .box h5{font-size: 40px; line-height: 1.5; color: #111; letter-spacing: -0.03em; font-weight: 600; margin-bottom: 20px;}
.s291 .sec4 p{font-size: 22px; line-height: 34px; letter-spacing: -0.03em; color: #666; margin-top: 76px;}
.s291 .sec4 .link{display: flex; flex-wrap:wrap; align-items:center; gap:20px; justify-content: center; margin-top: 93px;}
.s291 .sec4 .link > a{display: flex; align-items:center; padding-left: 35px; padding-right: 26px; height: 73px; border: 1px solid #ff6714; border-radius: 50px; font-size: 22px; line-height: 1.5; color: #111; font-weight: 500; gap:14px;}
.s291 .sec4 .link > a i{line-height: 0; transition:.3s;}
.s291 .sec4 .link > a i img{transition:.3s;}
.s291 .sec4 .link > a:hover i img{rotate:45deg;}
.s291 .sec5{background: #f9f3f0; padding: 150px 0 180px; margin-top: 172px;}
.s291 .sec5 h5{font-size: 40px; line-height: 1.5; letter-spacing: -0.03em; color: #111; 	font-weight: 600; margin-top: 39px;}
.s291 .sec5 .contain > ol{position: relative; z-index: 1; display: flex; flex-wrap:wrap; justify-content: center; }
.s291 .sec5 .contain > ol > li{position: relative; text-align: center; padding: 0 60px;}
.s291 .sec5 .contain > ol > li:first-child:before{position: absolute; content: ''; width: calc(250% - 100px); height: 1px; background: #ddd; left: 100px; top: 80px; z-index: -1;}
.s291 .sec5 .contain > ol > li:after{position: absolute; content: ''; width: 32px; height: 33px; background: url(../img/sub/s261-10.png) center no-repeat; right: -24px; top: 65px; background-size: 32px;}
.s291 .sec5 .contain > ol > li:nth-child(2):after{right: -27px;}
.s291 .sec5 .contain > ol > li:nth-child(3):after{right: 5px;}
.s291 .sec5 .contain > ol > li:last-child:after{display: none;}
.s291 .sec5 .contain > ol > li .tbx {margin-top: 40px;}
.s291 .sec5 .contain > ol > li .tbx small{font-family: 'Poppins';  display: block; font-size: 18px; line-height: 1; letter-spacing: -0.03em; color: #ff6714; font-weight: 600; margin-bottom: 15px;}
.s291 .sec5 .contain > ol > li .tbx p{font-size: 24px; line-height: 36px; letter-spacing: -0.03em; font-weight: 500; color: #111;}
.s291 .sec5 .sub-more{margin-top: 91px;}
.s291 .sec5 .sub-more > a{width: 300px; padding: 0; display: flex; justify-content: center; align-items:center; margin: 0 auto; gap:14px;}
.s291 .sec5 .sub-more > a:after{position: static; line-height: 0; margin-top: 0;}
.wi_re100 .s291 .cnt03{padding-top: 110px;}
.wi_re100 .s291 .cnt03 .txt-box{align-self:center; padding-bottom: 30px;}

/* s2101 */
.s2101 .sec2 .cnt .col {display: flex; align-items: center; gap: 20px;}
.s2101 .sec2 .cnt .col figure {width: 1%; flex: 1 1 auto; border-radius: 10px; overflow: hidden;}
.s2101 .sec2 .cnt .col figure img {display: block; max-width: 100%; margin: 0 auto;}
.s2101 .sec2 .cnt > p {font-size: 22px; color: #666; line-height: 34px; letter-spacing: -0.03em; margin-top: 30px;}
.s2101 .sec3 figure {margin-top: 100px; width: 100%;}
.s2101 .sec3 figure img {max-width: 100%; display: block; margin: 0 auto;}
.s2101 .sec4 .doc-tit p ~ p {margin-top: 30px;}
.s2101 .sec4 .flex-box {margin-top: 30px; width: 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 20px;}
.s2101 .sec4 .flex-box .box {flex: 0 0 calc(50% - 10px); padding: 45px 30px 45px 40px; background-color: #f9f3f0; border-radius: 10px; display: flex; align-items: center; gap: 50px; min-height: 547px;}
.s2101 .sec4 .flex-box .box .img {max-width: 309px; width: 100%; border-radius: 10px; overflow: hidden;}
.s2101 .sec4 .flex-box .box .img img {max-width: 100%; margin: 0 auto; display: block;}
.s2101 .sec4 .flex-box .box .info {width: 1%; flex: 1 1 auto;}
.s2101 .sec4 .flex-box .box .info h5 {font-size: 26px; font-weight: 700; color: #111; line-height: 1.462;}
.s2101 .sec4 .flex-box .box .info span {display: block; padding-left: 25px; font-size: 16px; font-weight: 600; color: #111; background: url(../img/sub/ico_cal.png) 0% 50% no-repeat; background-size: auto; margin-top: 10px;}
.s2101 .sec4 .flex-box .box .info p {font-size: 20px; line-height: 1.7; color: #666; margin-top: 15px; /* display: -webkit-box; word-wrap:break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; margin-top: 15px; min-height: 102px; */}
.s2101 .sec4 .flex-box .box .info a.more {display: inline-block; font-size: 16px; font-weight: 600; color: #111; margin-top: 30px; text-decoration: underline; transition: all .15s linear;}
.s2101 .sec4 .flex-box .box .info a.more:hover {color: #ff6714}
.s2101 .sec4 .flex-box .box .info a.down {display: flex; width: fit-content; align-items:center; gap:15px; padding: 0 25px; line-height: 52px; background: #e8e1dd; border-radius: 50px; font-size: 20px; letter-spacing: -0.03em; font-weight: 500; color: #111; transition:.3s; border: 1px solid #e8e1dd; margin-top: 70px;}
.s2101 .sec4 .flex-box .box .info a.down > i {display: block;}
.s2101 .sec4 .flex-box .box .info a.down > i img {display: block;}
.s2101 .sec4 .flex-box .box .info a.down:hover {border: 1px solid #ec8d59; background: #ece8e6;}
.s2101 .sec4 .link{display: flex; flex-wrap:wrap; align-items:center; gap:20px; justify-content: center; margin-top: 180px;}
.s2101 .sec4 .link > a{display: flex; align-items:center; padding-left: 35px; padding-right: 26px; height: 73px; border: 1px solid #ff6714; border-radius: 50px; font-size: 22px; line-height: 1.5; color: #111; font-weight: 500; gap:14px;}
.s2101 .sec4 .link > a i{line-height: 0; transition:.3s;}
.s2101 .sec4 .link > a i img{transition:.3s;}
.s2101 .sec4 .link > a:hover i img{rotate:45deg;}
.s2101 .sec5 {margin: 0; padding: 0; background: none; padding-bottom: 215px;}
.s2101 .white { background: #f9f3f0 !important; }


/* s31 */
.s31 .sec1 .what_tit{margin-bottom: 80px;}
.s31 .sec1 figure{border: 1px solid #ddd; border-radius: 10px; height: 320px; line-height: 0; align-content:center; text-align: center;}
.s31 .sec2{margin-top: 150px;}
.s31 .sec2 dl{display: flex; flex-wrap:wrap;}
.s31 .sec2 dl dt{width: 378px;}
.s31 .sec2 dl dd{position: relative; flex:1; padding-left: 80px; 	}
.s31 .sec2 dl dd:after{position: absolute; content: ''; width: 1px; height: calc(100% - 5px); background: #ddd; left: 0; top: 0;}
.s31 .sec2 dl dd p{font-size: 22px; line-height: 34px; letter-spacing: -0.03em; color: #666; word-break: break-all; margin-top: -9px;}

.s31 .sec3{margin-top: 150px; max-width:1480px; }
.s31 .sec3 .cnt ul{display: flex; gap:20px; }
.s31 .sec3 .cnt ul > li{position: relative;  flex:1%;   transition:.8s; height: 400px; border-radius: 50px; overflow: hidden;  background: rgb(255,103,20); background: linear-gradient(156deg, rgba(255,103,20,1) 0%, rgba(255,158,20,1) 100%); }
.s31 .sec3 .cnt ul > li .off{position: absolute;   z-index: 1; left: 0; top: 0; width: 100%; height: 100%; z-index: 100;}
.s31 .sec3 .cnt ul > li .off p{font-size: 20px; line-height: 100px; padding: 0 45px; letter-spacing: 0; color: #fff; font-weight: 600; rotate:90deg;width: 400px; height: 100px; translate:-37% 149%; transition:.3s;}
.s31 .sec3 .cnt ul > li .off span{position: absolute; display: block; width: 40px; height: 40px; background: #fff; border-radius: 50%; align-content:center; text-align: center; line-height: 0; left: 50%; bottom: 28px; translate:-50% 0; transition:.3s;}
.s31 .sec3 .cnt ul > li .on{position: relative; opacity: 0; z-index: -11111; width: 100%; height: 100%; align-content:end; padding: 40px 40px 66px 60px; background: url(../img/sub/s31-4.jpg) center / cover no-repeat;  cursor: pointer;}
.s31 .sec3 .cnt ul > li:nth-child(2) .on{background: url(../img/sub/s31-5.jpg) center / cover no-repeat; }
.s31 .sec3 .cnt ul > li:nth-child(3) .on{background: url(../img/sub/s31-6.jpg) center / cover no-repeat; }
.s31 .sec3 .cnt ul > li:nth-child(4) .on{background: url(../img/sub/s31-7.jpg) center / cover no-repeat; }
.s31 .sec3 .cnt ul > li .on p{font-size: 40px; line-height: 1.5; letter-spacing: -0.03em; font-weight: 600; color: #fff; opacity: 0; transition:.6s .6s}
.s31 .sec3 .cnt ul > li .on span{position: absolute; right: 40px; top: 40px; display: block; width: 60px; height: 60px; background: #fff; align-content:center; text-align: center; line-height: 0; transition:.3s; border-radius: 50%; cursor: pointer;}
.s31 .sec3 .cnt ul > li:hover .on span{background: #f9e5da;}
.s31 .sec3 .cnt ul > li.on{flex:70%	;	border-radius: 10px;} 
.s31 .sec3 .cnt ul > li.on .off{opacity: 0; z-index: -111; }
.s31 .sec3 .cnt ul > li.on .on{opacity: 1; z-index: 1000;}
.s31 .sec3 .cnt ul > li.on .on p{opacity: 1;}
.s31 .sec4 {background: #f9f3f0; margin-top: 180px; padding-top: 141px; padding-bottom: 180px;	}
.s31 .sec4 .doc-tit{margin-bottom: 70px;}
.s31 .sec4 .doc-tit p{font-size: 22px; line-height: 34px; letter-spacing: -0.03em; color: #666; margin-top: 50px;}
.s31 .sec4 .flex-box{display: flex; flex-wrap:wrap; gap:40px}
.s31 .sec4 .flex-box .box{border-radius: 10px; background: #fff; flex:11 40%; height: 346px; box-sizing: border-box; padding: 60px 50px; padding-right: 10px;}  
.s31 .sec4 .flex-box .box p{font-size: 32px; line-height: 1; letter-spacing: -0.03em; color: #111; font-weight: 600;  margin-bottom: 26px;}
.s31 .sec4 .flex-box .box ul > li{position: relative; font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666; padding-left: 12px; word-break: break-all; margin-bottom: 22px;}
.s31 .sec4 .flex-box .box ul > li:last-of-type{margin-bottom: 0;}
.s31 .sec4 .flex-box .box ul > li b{color: #111; font-weight: 500;} 
.s31 .sec4 .flex-box .box ul > li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #ff6714; left: 0; top: 14px;}
.s31 .sec4 .flex-box .box.last{padding: 0; }
.s31 .sec4 .flex-box .box.last img{width: 100%; height: 100%; object-fit:cover;}
.s31 .sec5{margin-top: 150px;}
.s31 .sec5 ul{display: flex; justify-content: center;}
.s31 .sec5 ul > li{text-align: center; flex:1; position: relative; z-index: 10;}
.s31 .sec5 ul > li:first-child:before{position: absolute; content: ''; width: calc(500% - 160px); height: 1px; background: #ddd; left: 80px; top: 79px; z-index: -1;}
.s31 .sec5 ul > li:not(:last-child):after{position: absolute; content: ''; width: 33px; height: 33px; background: url(../img/sub/02_36.png) center no-repeat; right: -16px; top: 64px; background-size: 33px;}
.s31 .sec5 ul > li .tbx{}
.s31 .sec5 ul > li .tbx small{display: block; font-size: 18px; line-height: 1; color: #ff6714; font-weight: 600; margin: 40px 0 15px;	}
.s31 .sec5 ul > li .tbx p{font-size: 24px; line-height: 36px; color: #111; font-weight: 500;}
.s31 .sec5 .link{display: flex; flex-wrap:wrap; align-items:center; gap:20px; justify-content: center; margin-top: 93px;}
.s31 .sec5 .link > a{display: flex; align-items:center; width: 364px; padding-left: 35px; padding-right: 22px; height: 73px; border: 1px solid #ff6714; border-radius: 50px; font-size: 22px; line-height: 1.5; color: #111; font-weight: 500; gap:14px; letter-spacing: -0.03em ;}
.s31 .sec5 .link > a i{line-height: 0; transition:.3s;}
.s31 .sec5 .link > a i img{transition:.3s;}
.s31 .sec5 .link > a:hover i img{rotate:45deg;}

.s31 .sec5 .white{background: #f9f3f0; margin-top: 160px;}
.s31 .sec5 .white ol {display: flex; flex-wrap:wrap; gap:40px; }
.s31 .sec5 .white ol > li{position: relative; font-size: 20px; line-height: 1.5; letter-spacing: -0.03em; color: #666; padding-left: 12px;}
.s31 .sec5 .white ol > li a{display: inline-block; color: #ff6714; transition:.3s;}
.s31 .sec5 .white ol > li a:hover{color: #333;}
.s31 .sec5 .white ol > li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #ff6714; left: 0; top: 14px;}

.design-pop .cnt .s31-box1{border-bottom: 1px solid #ddd;     padding-bottom: 94px;  margin-bottom: 78px;}
.design-pop .cnt .s31-box1 ul{display: flex; flex-wrap:wrap;}
.design-pop .cnt .s31-box1 ul > li{flex:1; text-align: center; }
.design-pop .cnt .s31-box1 ul > li figure{height: 100px; align-content:center; line-height: 0;}
.design-pop .cnt .s31-box1 ul > li .tbx b{display: block; font-size: 32px; line-height: 1.5; letter-spacing: -0.03em; color: #111; font-weight: 500; margin: 20px 0 10px;}
.design-pop .cnt .s31-box1 ul > li .tbx p{font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666;		}
.design-pop .cnt .s31-box2{margin-bottom: 70px;}
.design-pop .cnt .s31-box2 .cnt-box{background: #f9f3f0; border-radius: 10px; margin-top: 40px; padding: 71px 80px;}
.design-pop .cnt .s31-box2 .cnt-box .cbox {display: none;}
.design-pop .cnt .s31-box2 .cnt-box .cbox1{display: block;}

.design-pop .cnt .s31-box2 .cnt-box .flex-box figure{width: 220px; margin-top: -12px;} 
.design-pop .cnt .s31-box2 .cnt-box .flex-box .tbx{flex:1; }
.design-pop .cnt .s31-box2 .cnt-box .flex-box .tbx h5{font-size: 40px; line-height: 1.5; letter-spacing: -0.03em; font-weight: 600; color: #111; margin-bottom: 0;}
.design-pop .cnt .s31-box2 .cnt-box .flex-box .tbx p{font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666; margin: 18px 0 34px; }
.design-pop .cnt .s31-box2 .cnt-box .flex-box .tbx b{display: flex; gap:4px; font-size: 20px; line-height: 1.5; letter-spacing: -0.03em; color: #111; font-weight: 600; margin-bottom: 15px;}
.design-pop .cnt .s31-box2 .cnt-box .flex-box .tbx b span{color: #767676; font-weight: 400;}
.design-pop .cnt .s31-box2 .cnt-box .flex-box .tbx b small{position: relative; top: 4px; ;font-size: 16px; line-height: 1.5; letter-spacing: -0.03em; color: #767676; font-weight: 400; display: inline-block; margin-left: 13px;}
.design-pop .cnt .s31-box2 .cnt-box .flex-box .tbx b small o{color: #ff6714;}

.design-pop .cnt .s31-box2 .cnt-box .flex-box .tbx ul{display: flex; gap:28px;}
.design-pop .cnt .s31-box2 .cnt-box .flex-box .tbx ul > li{display: flex; gap:11px; align-items:center; font-size: 20px; line-height: 1.5; letter-spacing: -0.03em; color: #111; font-weight: 500;}
.design-pop .cnt .s31-box2 .cnt-box .flex-box .tbx ul > li i{width: 50px;}
.design-pop .cnt .s31-box2 .cnt-box .flex-box .tbx ul > li p{flex:1; margin: 0;}
.design-pop .cnt .s31-box2 .cnt-box .flex-box .tbx ul > li span{color: #666; font-weight: 400;}
.design-pop .cnt .s31-box2 ol{display: flex;  border-top: 1px solid #ddd; margin-top: 41px; padding-top: 46px;}
.design-pop .cnt .s31-box2 ol > li{flex:1; text-align: center;}
.design-pop .cnt .s31-box2 ol > li strong{display: block; font-size: 40px; line-height: 1; letter-spacing: -0.03em; color: #E81647; font-weight: 600; margin-bottom: 20px;}
.design-pop .cnt .s31-box2 ol > li p{font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666; }
.design-pop .cnt .s31-box3 .doc-tit{margin-bottom: 76px;}
.design-pop .cnt .s31-box3 .doc-tit p{margin-top: 40px;}
.design-pop .cnt .s31-box3 .flex-box{gap:20px}
.design-pop .cnt .s31-box3 .flex-box figure{margin-top: 0; width: 362px;}
.design-pop .cnt .s31-box3 .flex-box .tbx{flex:1; border: 1px solid #ddd; border-radius: 10px; padding: 52px 59px; padding-right: 30px;}
.design-pop .cnt .s31-box3 .flex-box .tbx ul > li{position: relative; font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color:#666; margin-bottom: 20px; padding-left: 12px;}
.design-pop .cnt .s31-box3 .flex-box .tbx ul > li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #ff6714; left: 0; top: 14px;}
.design-pop .cnt .s31-box3 .flex-box .tbx ul > li:last-of-type{margin-bottom: 0;}
.design-pop .cnt .s31-box3 .flex-box .tbx ul > li b{color: #111; font-weight: 500;	}
.design-pop .cnt .s31-box3 .flex-box .tbx ul > li span{display: block; font-size: 16px;}
.design-pop .cnt .s31-box3 .link{display: flex; flex-wrap:wrap; align-items:center; gap:20px; justify-content: center; margin-top: 77px;}
.design-pop .cnt .s31-box3 .link > a{display: flex; align-items:center; width: 284px; padding-left: 35px; padding-right: 22px; height: 73px; border: 1px solid #ff6714; border-radius: 50px; font-size: 22px; line-height: 1.5; color: #111; font-weight: 500; gap:14px; letter-spacing: -0.03em ;}
.design-pop .cnt .s31-box3 .link > a i{line-height: 0; transition:.3s;}
.design-pop .cnt .s31-box3 .link > a i img{transition:.3s;}
.design-pop .cnt .s31-box3 .link > a:hover i img{rotate:45deg;}


.design-pop2 .cnt .s31-box3 .flex-box .tbx ul > li{margin-bottom: 0;}
.design-pop2 .cnt .s31-box4 .flex-box{gap:100px; align-items:flex-start;}
.design-pop2 .cnt .box.s31-box4 figure{margin-top: 0; width: auto;} 
.design-pop2 .cnt .box.s31-box4 .tbx{border: none; padding: 0;}
.design-pop2 .cnt .box.s31-box4 .tbx h6{font-size: 32px; line-height: 1; letter-spacing: -0.03em; font-weight: 600; color: #111; margin-bottom: 22px;}
.design-pop2 .cnt .box.s31-box4 .tbx ul{margin-bottom: 52px;}
.design-pop2 .cnt .box.s31-box4 .tbx ul > li{width: 110%;}
.design-pop2 .cnt .box.s31-box4 .tbx p{padding-top: 8px;}
.design-pop2 .cnt .box.s31-box4 .tbx p a{font-size: 20px; line-height: 1; letter-spacing: -0.03em; color: #767676; text-decoration: underline; text-underline-offset : 5px; transition:.3s; display: inline-block;}
.design-pop2 .cnt .box.s31-box4 .tbx p a:hover{color: #333;}

.design-pop3 .cnt p{width: auto;}
.design-pop3  .cnt .s31-box3-1 .box-r1{border: 1px solid #ddd; border-radius: 10px;	padding: 60px 50px;}
.design-pop3  .cnt .s31-box3-1 .box-r1 figure{margin-top: 40px;}
.design-pop3  .cnt .s31-box3-1 .tbx-full{display: flex; background: #f9f3f0; border-radius: 10px; padding: 55px 50px;} 
.design-pop3  .cnt .s31-box3-1 .tbx-full .tbx{width: 50%; max-width:520px;}
.design-pop3  .cnt .s31-box3-1 .tbx-full .tbx:last-child{padding-left: 50px; border-left: 1px solid #ddd;}
.design-pop3  .cnt .s31-box3-1 .tbx-full p{display: flex;  font-size: 20px; line-height: 1.5; letter-spacing: -0.03em; font-weight: 600; color: #111; gap:10px; margin-bottom: 13px;}
.design-pop3  .cnt .s31-box3-1 .tbx-full p span{width: 76px; line-height: 31px; background: #ff6714; text-align: center; font-size: 16px; font-weight: 600; color: #fff; letter-spacing: -0.03em; border-radius: 50px;}
.design-pop3  .cnt .s31-box3-1 .tbx-full ul > li{position: relative; font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666; padding-left: 12px; word-break: break-all;}
.design-pop3  .cnt .s31-box3-1 .tbx-full ul > li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #ff6714; left: 0; top: 14px;}

.design-pop .cnt .box.s31-box3-1{padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
.design-pop .s31-box3-1-arti1 > p{font-size: 22px; line-height: 34px; letter-spacing: -0.035em; color: #666; margin-top: 33px;}
.design-pop .s31-box3-1-arti2{position: relative; z-index: 1; width: 100%; padding: 80px 0 95px; margin-top: 90px;}
.design-pop .s31-box3-1-arti2:before{position: absolute; content: ''; width: 300%; height: 100%; background: #f9f3f0; left: -100%; top: 0; z-index: -1;}
.design-pop .s31-box3-1-arti2 ul{display: flex; flex-wrap:wrap; gap:50px 40px; margin: 0 -10px;}
.design-pop .s31-box3-1-arti2 ul > li{flex: 1 1 40%; }
.design-pop .s31-box3-1-arti2 ul > li .img-box{position: relative; border-radius: 10px; overflow: hidden;}
.design-pop .s31-box3-1-arti2 ul > li .img-box .tbx{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,103,20,0.9); text-align: center; align-content:end; padding-bottom: 51px; transition:.4s; opacity: 0; }
.design-pop .s31-box3-1-arti2 ul > li:hover .img-box .tbx{opacity: 1; }
.design-pop .s31-box3-1-arti2 ul > li .img-box .tbx span{display: block; margin: 0 auto 14px; width: 200px; height: 54px; background: #fff; border-radius: 50px; font-size: 20px; line-height: 1.5; align-content:center; color: #ff6714; font-weight: 600; letter-spacing: -0.03em;}
.design-pop .s31-box3-1-arti2 ul > li .img-box .tbx p{font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #fff; }
.design-pop .s31-box3-1-arti2 ul > li > p{font-size: 26px; line-height: 1.5; letter-spacing: -0.03em; color: #111; font-weight: 600; margin-top: 30px;}
.design-pop .s31-box3-1-arti3{padding-top: 90px; margin: 0 -10px; }
.design-pop .s31-box3-1-arti3 .dl-box{border-top: 2px solid #ff6714; border-bottom: 1px solid #ddd; padding: 60px 0 130px;}
.design-pop .s31-box3-1-arti3 dl{display: flex; flex-wrap:wrap; align-items:center; }
.design-pop .s31-box3-1-arti3 dl:not(:last-child){padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #ddd;}
.design-pop .s31-box3-1-arti3 dl dt{width: 43.54%; display: flex; flex-wrap:wrap; align-items:center;}
.design-pop .s31-box3-1-arti3 dl dt i{width: 160px;}
.design-pop .s31-box3-1-arti3 dl dt .txt{flex:1; }
.design-pop .s31-box3-1-arti3 dl dt .txt strong{display: block; font-size: 26px; line-height: 1.5; letter-spacing: -0.03em; font-weight: 600; color: #111; margin-bottom: 15px;}
.design-pop .s31-box3-1-arti3 dl dt .txt p{font-size: 22px; line-height: 34px; letter-spacing: -0.03em; color: #666;}
.design-pop .s31-box3-1-arti3 dl dd{flex:1; border-radius: 10px; background: #f9f3f0; padding: 45px 60px;}
.design-pop .s31-box3-1-arti3 dl dd p{font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666;}
.design-pop .s31-box3-1-arti3 dl dd p span{font-weight: 500; color: #111; }
.s31-box3-1-arti4{padding-top: 70px; margin: 0 -10px;}
.design-pop .cnt .s31-box3-1-arti4 .doc-tit{margin-bottom: 24px;}

.s31-box3-1-arti4 .doc-tit h5{font-size: 32px; line-height: 1.5; letter-spacing: -0.03em; color: #111; font-weight: 600; margin-top: 40px; margin-bottom: 0;}
.s31-box3-1-arti4 .cnt-box{display: flex; flex-wrap:wrap; gap:40px; }
.s31-box3-1-arti4 .cnt-box figure{width:55.64%; border-radius: 10px; border: 1px solid #ddd; margin-top: 0; align-content:center; text-align: center;}
.s31-box3-1-arti4 .cnt-box .tbx{flex:1; background: #f9f3f0; border-radius: 10px; padding: 50px;  height: 476px;}
.s31-box3-1-arti4 .cnt-box .tbx ul{display: flex; border-bottom: 1px solid #ddd; justify-content: space-between; margin-bottom: 53px; padding-bottom: 47px;} 
.s31-box3-1-arti4 .cnt-box .tbx ul > li{display: flex; flex-wrap:wrap; align-items:center; gap:11px;}
.s31-box3-1-arti4 .cnt-box .tbx ul > li i{line-height: 0;}
.s31-box3-1-arti4 .cnt-box .tbx ul > li p{font-size: 16px; line-height: 1.5; letter-spacing: -0.03em; color: #111; }
.s31-box3-1-arti4 .cnt-box .tbx p{font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666;}
.design-pop .cnt .s31-box3-1-arti5{margin: 0 -10px; padding-top: 20px;}
.design-pop .cnt .s31-box3-1-arti5 h5{font-size: 32px; line-height: 1.5; letter-spacing: -0.03em; color: #111; font-weight: 600; margin-top: 40px; margin-bottom: 0;}
.design-pop .cnt .s31-box3-1-arti5 ul{display: flex; flex-wrap:nowrap; gap:40px; margin-top: 40px;}
.design-pop .cnt .s31-box3-1-arti5 ul > li{flex:1 1 30%;  border-radius: 10px; border: 1px solid #ddd; height: 120px; align-content:center; text-align: center; line-height: 0;} 
.design-pop .cnt .s31-box3-1-arti5 ul > li img{line-height: 0;}

.design-pop4 .cnt {margin: 0 -10px;}
.design-pop4 .cnt p{width: auto; }
.design-pop .cnt .s31-box3-5-arti2-cnt{display: flex; flex-wrap:wrap; gap:80px;}
.design-pop .cnt .s31-box3-5-arti2-cnt figure{margin-top: 0; width: 35.48%; height: 273px; border-radius: 10px; background: #f9f3f0; align-content:center; text-align: center;}
.design-pop .cnt .s31-box3-5-arti2-cnt .tbx{flex:1; align-self:center;}
.design-pop .cnt .s31-box3-5-arti2-cnt .tbx p{font-size: 22px; line-height: 34px; letter-spacing: -0.03em; color: #666; margin-bottom: 0;}
.design-pop4 .link{display: flex; flex-wrap:wrap; align-items:center; gap:20px; justify-content: center; margin-top: 77px;}
.design-pop4 .link > a{display: flex; align-items:center; width: 333px; padding-left: 35px; padding-right: 10px; height: 73px; border: 1px solid #ff6714; border-radius: 50px; font-size: 22px; line-height: 1.5; color: #111; font-weight: 500; gap:9px; letter-spacing: -0.03em ;}
.design-pop4 .link > a i{line-height: 0; transition:.3s;}
.design-pop4 .link > a i img{transition:.3s;}
.design-pop4 .link > a:hover i img{rotate:45deg;}

/* s51 */
.s51-category{background: #f9f3f0; margin-top: 120px; padding: 80px 0;	}
.s51-category dl{display: flex; flex-wrap:wrap;}
.s51-category dl dt{width: 242px; border-top: 1px solid #ff6714; padding-top: 18px; padding-left: 19px;}
.s51-category dl dt p{font-size: 20px; line-height: 1.5; letter-spacing: -0.03em; color: #111; font-weight: 500;}
.s51-category dl dd{flex:1; border-top: 1px solid #ddd; padding: 0 18px; padding-top: 18px; padding-bottom: 25px; min-height:95px; }
.s51-category dl dd ul{display: flex; flex-wrap:wrap; gap:10px 28px ;}
.s51-category dl dd ul > li{font-size: 20px; line-height: 1.5; letter-spacing: -0.03em; color: #666;}
.s51-category dl dd ul > li input{display: none;}
.s51-category dl dd ul > li label{position: relative; padding-left: 23px; }
.s51-category dl dd ul > li label:before{position: absolute; content: ''; width: 12px; height: 12px; box-sizing: border-box; border: 1px solid #666; background: #fff; left: 0; top: 6px;}
.s51-category dl dd ul > li label:after{position: absolute; content: ''; width: 6px; height: 6px; background: #ff6714; left: 3px; top: 9px; transition:.3s; opacity: 0;}
.s51-category dl dd ul > li > input[type="checkbox"]:checked + label:after {opacity: 1;}
.s51-category .cate-submit{display: block;	margin: 30px auto 0; width: 166px; height: 52px; border-radius: 50px; border: none; outline:none; background: #ff6714; text-align: center; font-size: 20px; font-weight: 500; color: #fff; cursor: pointer; transition:.3s;}
.s51-category .cate-submit:hover{background: #333;		}

/* s61 */
.s61 .sec1{position: relative; height: 490px; border-radius: 10px; }
.s61 .sec1 > img{width: 100%; height: 100%; object-fit:cover; }
.s61 .sec1 > .tbx{position: absolute; width: 100%; height: 100%; align-content:center; text-align: center; left: 0; top: 0; z-index: 100;}
.s61 .sec1 > .tbx strong{display: block; font-size: 56px; line-height: 1; letter-spacing: -0.03em; color: #fff; font-weight: 600; margin-bottom: 34px;	}
.s61 .sec1 > .tbx p{font-size: 22px; line-height: 34px; letter-spacing: -0.03em; color: #fff; font-weight: 400;}
.s61 .sec2 {margin-top: 150px;}
.s61 .sec2 .doc-tit{margin-bottom: 55px;}
.s61 .sec2 .doc-tit p{font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666; margin-top: 44px;	}
.s61 .sec2 .flex-box{display: flex; flex-wrap:wrap; gap:40px;}
.s61 .sec2 .flex-box .tbx{border-radius: 10px; border: 1px solid #ddd; padding: 70px 80px 80px; flex:1; display: flex; flex-wrap:wrap;;}
.s61 .sec2 .flex-box .tbx .lbx{width: 355px; border-right: 1px solid #ddd; padding-top: 9px;}
.s61 .sec2 .flex-box .tbx .lbx p{font-size: 40px; line-height: 1.5; letter-spacing: -0.03em; color: #111; font-weight: 600; margin-top: 20px;}
.s61 .sec2 .flex-box .tbx .rbx{flex:1; padding-left: 84px;}
.s61 .sec2 .flex-box .tbx .rbx form > input{width: 100%; height: 72px; padding: 0 30px; border-radius: 10px; background: #f9f3f0; font-size: 20px; letter-spacing: -0.03em; color: #333; border: none; margin-bottom: 10px;}
.s61 .sec2 .flex-box .tbx .rbx form > input::placeholder{color: #666;}
.s61 .sec2 .flex-box .tbx .rbx form .chk-box{font-size: 18px; line-height: 1.5; letter-spacing: -0.03em; color: #666; display: flex; align-items:center; margin-top: 15px; padding-left: 30px; gap:10px} 
.s61 .sec2 .flex-box .tbx .rbx form .link{display: flex; flex-wrap:wrap; align-items:center; gap:20px; justify-content: center; margin-top: 43px;}
.s61 .sec2 .flex-box .tbx .rbx form .link > a{display: flex; align-items:center; justify-content: center;width: 155px;  height: 73px; border: 1px solid #ff6714; border-radius: 50px; font-size: 22px; line-height: 1.5; color: #111; font-weight: 500; gap:14px;}
.s61 .sec2 .flex-box .tbx .rbx form .link > a i{line-height: 0; transition:.3s;}
.s61 .sec2 .flex-box .tbx .rbx form .link > a i img{transition:.3s;}
.s61 .sec2 .flex-box .tbx .rbx form .link > a:hover i img{rotate:45deg;}
.s61 .sec2 .flex-box .news{flex-basis:360px; border-radius: 10px; background: url(../img/sub/s61-3.jpg) center / cover no-repeat; align-content:center; text-align: center; padding-top: 70px;}
.s61 .sec2 .flex-box .news p{font-size: 40px; line-height: 1; letter-spacing: -0.03em; font-weight: 600; color: #fff;}
.s61 .sec2 .flex-box .news .link{display: flex; flex-wrap:wrap; align-items:center; gap:20px; justify-content: center; margin-top: 38px;}
.s61 .sec2 .flex-box .news .link > a{display: flex; align-items:center; justify-content: center;width: 155px;  height: 73px; border: 1px solid #fff; background: #fff;border-radius: 50px; font-size: 22px; line-height: 1.5; color: #111; font-weight: 500; gap:14px;}
.s61 .sec2 .flex-box .news .link > a i{line-height: 0; transition:.3s;}
.s61 .sec2 .flex-box .news .link > a i img{transition:.3s;}
.s61 .sec2 .flex-box .news .link > a:hover i img{rotate:45deg;}

.s61 .sec3 {margin-top: 150px; position: relative; }
.s61 .sec3:before{position: absolute; content: ''; width: 500px; height: 100%; left: -500px; background: #fff; top: 0; z-index: 10;}
.s61 .sec3 .doc-tit{margin-bottom: 78px;}
.s61 .sec3 .doc-tit p{font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666; margin-top: 44px;	}
.s61 .sec3 .slick-arrow{display: none !important;}
.s61 .sec3 .slick-slider:after{position: absolute; content: ''; width: 610px; height: 100%; background: rgb(255,255,255); background: linear-gradient(-90deg, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%); right: -500px; top: 0;}
.s61 .sec3 .slick-slider .item {border-radius: 10px; border: 1px solid rgba(255,255,255,0); margin-right: 20px; height: 120px; box-sizing: border-box; align-content:center; text-align: center; line-height: 0; transition:.3s;}
.s61 .sec3 .slick-slider .item:hover{border: 1px solid #ff6714;}
.s61 .sec3 .slick-slider .item figure{text-align: center;}
.s61 .sec3 .slick-slider .item figure img{margin: 0 auto;}
.s61 .sec3 .slick-list{overflow: visible;}
.s61 .sec3 .white{background: #f9f3f0; margin-top: 60px;}
.s61 .sec3 .white ol {display: flex; flex-wrap:wrap; gap:40px; }
.s61 .sec3 .white ol > li{position: relative; font-size: 20px; line-height: 1.5; letter-spacing: -0.03em; color: #666; padding-left: 12px;}
.s61 .sec3 .white ol > li a{display: inline-block; color: #ff6714; transition:.3s;}
.s61 .sec3 .white ol > li:last-child a{color: #666;}
.s61 .sec3 .white ol > li a:hover{color: #333;}
.s61 .sec3 .white ol > li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #ff6714; left: 0; top: 14px;}
.s61 .sec3 .link{display: flex; flex-wrap:wrap; align-items:center; gap:20px; justify-content: center; margin-top: 100px;}
.s61 .sec3 .link > a{display: flex; align-items:center; justify-content: center;width: 185px;  height: 73px; border: 1px solid #ff6714; border-radius: 50px; font-size: 22px; line-height: 1.5; color: #111; font-weight: 500; gap:14px;}
.s61 .sec3 .link > a i{line-height: 0; transition:.3s;}
.s61 .sec3 .link > a i img{transition:.3s;}
.s61 .sec3 .link > a:hover i img{rotate:45deg;}
.s61 .sec4 {margin-top: 150px; position: relative; }
.s61 .sec4 .doc-tit{margin-bottom: 72px;}
.s61 .sec4 .doc-tit p{font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666; margin-top: 44px;	}
.s61 .sec4 ul{display: flex; flex-wrap:wrap; gap:40px}
.s61 .sec4 ul > li{flex:1; border: 1px solid rgba(255,255,255,0); border-radius: 10px; height: 125px; box-sizing: border-box; transition:.3s;}
.s61 .sec4 ul > li:hover{border: 1px solid #ff6714;}
.s61 .sec4 ul > li a{display: block; width: 100%; height: 100%; text-align: center; align-content:center;}

/* s62 */

.s62 .sec1 .box{position: relative; height: 490px; border-radius: 10px; }
.s62 .sec1 .box > img{width: 100%; height: 100%; object-fit:cover; }
.s62 .sec1 .box > .tbx{position: absolute; width: 100%; height: 100%; align-content:center; text-align: center; left: 0; top: 0; z-index: 100;}
.s62 .sec1 .box > .tbx strong{display: block; font-size: 56px; line-height: 1; letter-spacing: -0.03em; color: #fff; font-weight: 600; margin-bottom: 34px;	}
.s62 .sec1 .box > .tbx p{font-size: 22px; line-height: 34px; letter-spacing: -0.03em; color: #fff; font-weight: 400;}
.s62 .sec1 > p{font-size: 22px; line-height: 34px; letter-spacing: -0.03em; color: #111; margin-top: 157px; text-align: center;}
.s62 .sec2{background: #f9f3f0; padding: 152px 0 180px; margin-top: 180px;}
.s62 .sec2 .box h5{font-size: 40px; line-height: 1.5; letter-spacing: -0.03em; color: #111; font-weight: 600; text-align: center; margin-bottom: 47px;}
.s62 .sec2 .box1 .cnt{display: flex; height: auto; border-radius: 10px; overflow: hidden;}
.s62 .sec2 .box1 .cnt > *{width: 100%; text-align: center;}
.s62 .sec2 .box1 .cnt > .lbx img{width: 100%; height: 100%; object-fit:cover}

/* .s62 .sec2 .box1 .cnt > .rbx {background:  url(../img/sub/s62-3.jpg), url(../img/sub/s62-4.jpg); background-repeat: no-repeat;     background-position: right top, left bottom; background-color: #ff6714; align-content:center; padding: 0 60px; }
 */
/* .s62 .sec2 .box1 .cnt > .rbx { text-align: left;} */
.s62 .sec2 .box1 .cnt > .rbx p{font-size: 26px; line-height: 34px; letter-spacing: -0.03em; color: #111; margin-bottom: 34px; }
.s62 .sec2 .box1 .cnt > .rbx p:last-of-type{margin-bottom: 0;}
.s62 .sec2 .box2{margin-top: 148px;}
.s62 .sec2 .box2 ul{display: flex; flex-wrap:wrap; gap:40px; }
.s62 .sec2 .box2 ul > li{/* border-radius: 10px; */ overflow: hidden; flex:1; border-top: 2px solid #ff6714; text-align: center;}
/* .s62 .sec2 .box2 ul > li .tbx {background: #fff; height: 294px; padding: 60px 48px; padding-right: 20px;} */

.s62 .sec2 .box2 ul > li .tbx strong{display: block; font-size: 32px; line-height: 1; letter-spacing: -0.03em; color: #111; font-weight: 600; padding: 45px 0 24px;}
.s62 .sec2 .box2 ul > li .tbx p{font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666;}
.s62 .sec2 .box3{margin-top: 148px;}
.s62 .sec2 .box3 ul{display: flex; flex-wrap:wrap;}
.s62 .sec2 .box3 ul > li{flex:50%; display: flex; align-items:center; padding-bottom: 60px; margin-bottom: 60px;}
.s62 .sec2 .box3 ul > li:nth-child(2),
.s62 .sec2 .box3 ul > li:nth-child(4){padding-left: 40px;}
.s62 .sec2 .box3 ul > li figure{width: 140px;		}
.s62 .sec2 .box3 ul > li .tbx{flex:1; padding-left: 38px;}
.s62 .sec2 .box3 ul > li .tbx strong{display: block; font-size: 32px; line-height: 1; letter-spacing: -0.03em; color: #111; font-weight: 600;	margin-bottom: 23px;}
.s62 .sec2 .box3 ul > li .tbx p{font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666;}
.s62 .sec2 .box3 ul > li:not(:nth-child(n+3)){border-bottom: 1px solid #ddd; }
.s62 .sec2 .box3 ul > li:nth-child(n+3){margin-bottom: 80px; padding-bottom: 0px;}
.s62 .sec2 .box3 .flex-box{display: flex; flex-wrap:wrap; align-items:center; height: 172px; border-radius: 10px; background: #fff;}
.s62 .sec2 .box3 .flex-box > .box{flex:1; padding: 0 72px; height: 172px; align-content:center;}
.s62 .sec2 .box3 .flex-box > .lbx{border-right: 1px solid #ddd;}
.s62 .sec2 .box3 .flex-box > .box p{font-size: 20px; line-height: 40px; letter-spacing: -0.03em; color: #666; text-align: center;}
.s62 .sec2 .box3 .flex-box > .box p b{display: block; font-size: 24px; font-weight: 500; color: #111; 		}
.s62 .sec2 .box3 .flex-box > .box p a{display: inline-block; transition:.3s;}
.s62 .sec2 .box3 .flex-box > .box p a:hover{color: #333;}
.s62 .sec2 .box3 .flex-box > .box p span{display: inline-block; margin: 0 5px;}
.s62 .sec2 .box3 .link{display: flex; flex-wrap:wrap; align-items:center; gap:20px; justify-content: center; margin-top: 100px;}
.s62 .sec2 .box3 .link > a{display: flex; align-items:center; justify-content: center;width: 155px;  height: 73px; border: 1px solid #ff6714; border-radius: 50px; font-size: 22px; line-height: 1.5; color: #111; font-weight: 500; gap:14px;}
.s62 .sec2 .box3 .link > a i{line-height: 0; transition:.3s;}
.s62 .sec2 .box3 .link > a i img{transition:.3s;}
.s62 .sec2 .box3 .link > a:hover i img{rotate:45deg;}
.s62 .sec3{margin-top: 150px;}
.s62 .sec3 .doc-tit{margin-bottom: 60px;}
.s62 .sec3 .doc-tit p{font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666; margin-top: 44px;	}
.s62 .sec3 .box h5{font-size: 40px; line-height: 1.5; color: #111; letter-spacing: -0.03em; font-weight: 600; margin-bottom: 47px;}
.s62 .sec3 .box1 ul{display: flex; flex-wrap:wrap; gap:40px}
.s62 .sec3 .box1 ul > li{border-top: 2px solid #ff6714; padding: 38px 22px;}
.s62 .sec3 .box1 ul > li strong{display: block; font-size: 32px; line-height: 1.5; color: #111; font-weight: 600; letter-spacing: -0.03em; margin-bottom: 15px;}
.s62 .sec3 .box1 ul > li p{font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666; }
.s62 .sec3 .box2{margin-top: 63px;}
.s62 .sec3 .box2 ul{display: flex; justify-content: center;}
.s62 .sec3 .box2 ul > li{text-align: center; flex:1; position: relative; z-index: 10;}
.s62 .sec3 .box2 ul > li:first-child:before{position: absolute; content: ''; width: calc(500% - 160px); height: 1px; background: #ddd; left: 80px; top: 79px; z-index: -1;}
.s62 .sec3 .box2 ul > li:not(:last-child):after{position: absolute; content: ''; width: 33px; height: 33px; background: url(../img/sub/02_36.png) center no-repeat; right: -16px; top: 64px;}
.s62 .sec3 .box2 ul > li .tbx{}
.s62 .sec3 .box2 ul > li .tbx small{display: block; font-size: 18px; line-height: 1; color: #ff6714; font-weight: 600; margin: 40px 0 15px;	}
.s62 .sec3 .box2 ul > li .tbx p{font-size: 24px; line-height: 36px; color: #111; font-weight: 500;}
.s62 .sec3 .box3{margin-top: 100px;}
.s62 .sec3 .box3 > h5{margin-bottom:22px}
.s62 .sec3 .box3 > p{font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666;}
.s62 .sec3 .box3 .white{background: #f9f3f0; margin-top: 53px;}
.s62 .sec3 .box3 .white ol {display: flex; flex-wrap:wrap; gap:40px; }
.s62 .sec3 .box3 .white ol > li{position: relative; font-size: 20px; line-height: 1.5; letter-spacing: -0.03em; color: #666; padding-left: 12px;}
.s62 .sec3 .box3 .white ol > li a{display: inline-block; color: #ff6714; transition:.3s;}
.s62 .sec3 .box3 .white ol > li:last-child a{color: #666;}
.s62 .sec3 .box3 .white ol > li a:hover{color: #333;}
.s62 .sec3 .box3 .white ol > li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #ff6714; left: 0; top: 14px;}
.s62 .sec4{display: flex; flex-wrap:wrap; margin-top: 160px;}
.s62 .sec4 > *{flex:50%; box-sizing: border-box;}
.s62 .sec4 .lbx{height: 490px; }
.s62 .sec4 .lbx img{width: 100%; height: 100%; object-fit:cover; border-radius: 10px 0 0 10px;}
.s62 .sec4 .rbx{border: 1px solid #ddd; align-content:center; border-radius: 0 10px 10px 0; padding: 0 100px; padding-right: 20px; padding-bottom: 14px;}
.s62 .sec4 .rbx .doc-tit {margin-bottom: 0;}
.s62 .sec4 .rbx .doc-tit p{font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666; margin-top: 44px;}
.s62 .sec4 .rbx .link{display: flex; flex-wrap:wrap; align-items:center; gap:20px; margin-top: 33px;}
.s62 .sec4 .rbx .link > a{display: flex; align-items:center; justify-content: center;width: 155px;  height: 73px; border: 1px solid #ff6714; border-radius: 50px; font-size: 22px; line-height: 1.5; color: #111; font-weight: 500; gap:14px;}
.s62 .sec4 .rbx .link > a i{line-height: 0; transition:.3s;}
.s62 .sec4 .rbx .link > a i img{transition:.3s;}
.s62 .sec4 .rbx .link > a:hover i img{rotate:45deg;}

/* s11 */
.s111 .sec1{display: flex; flex-wrap:wrap; justify-content: space-between;}
.s111 .sec1 > *{width: 48.75%;}
.s111 .sec1 .lbx small{display: block; font-size: 22px; line-height: 1.5; letter-spacing: -0.03em; color: #ff6714; font-weight: 600; }
.s111 .sec1 .lbx h5{font-size: 48px; line-height: 64px; letter-spacing: -0.03em; color: #111; font-weight: 600; margin: 20px 0 40px;}
.s111 .sec1 .lbx h5 span{color: #ff6714;}
.s111 .sec1 .lbx p{font-size: 22px; line-height: 34px; letter-spacing: -0.03em; color: #666;}
.s111 .sec1 .rbx{padding-top: 6px;}
.s111 .sec2{background: #f9f3f0; margin-top: 155px; padding-top: 150px; padding-bottom: 180px;}
.s111 .sec2 .doc-tit h4{margin-bottom: 43px;}
.s111 .sec2 .doc-tit p{font-size: 22px; line-height: 34px; letter-spacing: -0.03em; color: #666; }
.s111 .sec2 .doc-tit p:not(:last-of-type){margin-bottom: 34px;}
.s111 .sec2 .doc-tit p b{color: #111; font-weight: 600;}
.s111 .sec2 .cnt-box{background: #fff; border-radius: 15px; padding: 60px;}
.s111 .sec2 .cnt-box figure{text-align: center; }
.s111 .sec2 .cnt-box figcaption{font-size: 18px; line-height: 30px; letter-spacing: -0.03em; color: #666; text-align: right; margin-top: 50px;}
.s111 .sec2 .cnt-box ul{border-top: 1px solid #ddd; padding: 53px 20px 30px; margin-top: 94px;} 
.s111 .sec2 .cnt-box ul > li{position: relative;  font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666; padding-left: 11px;}
.s111 .sec2 .cnt-box ul > li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #ff6714; left: 0; top: 15px;}
.s111 .sec2 .cnt-box ul > li span{font-weight: 500; color: #111;}
.s111 .sec3 {margin-top: 153px;}
.s111 .sec3 .ul-box{position: relative; z-index: 10; }
.s111 .sec3 .ul-box .bg-box{width: 100%; height: 100%; }
.s111 .sec3 .ul-box .bg-box img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit:cover; z-index: -1; transition:.6s; opacity: 0;}
.s111 .sec3 .ul-box .bg-box img.on{z-index: 1;  opacity: 1;}
.s111 .sec3 .ul-box ul{display: flex; height: 615px; position: relative; z-index: 10; border-radius: 10px; overflow: hidden;}
.s111 .sec3 .ul-box ul > li{position: relative; flex:1; text-align: center; padding: 160px 0px 0; border-right: 1px solid rgba(255,255,255,0.3); z-index: 10;}
.s111 .sec3 .ul-box ul > li:after{position: absolute; content: ''; z-index: -1; width: 100%; height: 100%; background: rgba(255,103,20,0.7); left: 0; top: 0; translate:0 100%; transition:.6s;}
.s111 .sec3 .ul-box ul > li.on:after{translate:0 0%;}
.s111 .sec3 .ul-box ul > li:last-child{border-right: 0;}
.s111 .sec3 .ul-box ul > li > *{display: block; }
.s111 .sec3 .ul-box ul > li > i{height: 77px;}
.s111 .sec3 .ul-box ul > li > strong{font-size: 32px; line-height: 1.5; letter-spacing: -0.03em; color: #fff; font-weight: 600; margin: 40px 0 25px;}
.s111 .sec3 .ul-box ul > li > p{font-size: 20px; line-height: 32px; letter-spacing: -0.02em; color: #fff; text-align: left; display: flex; justify-content: center;}

/* s112 */
.s112 .sec1 figure{background: #f9f3f0; padding: 111px 0 140px;}
.s112 .sec2 {margin-top: 150px;}
.s112 .sec2 .doc-tit{margin-bottom: 73px;}
.s112 .sec2 .doc-tit h4{margin-bottom: 43px;}
.s112 .sec2 .doc-tit p{font-size: 22px; line-height: 34px; letter-spacing: -0.03em; color: #666; }
.s112 .sec2 .number-ul{border-top: 1px solid #ff6714; }
.s112 .sec2 .number-ul > li{border-bottom: 1px solid #ddd; padding: 60px 40px 54px;}
.s112 .sec2 .number-ul > li h5{display: flex; flex-wrap:wrap; font-size: 32px; line-height: 32px; letter-spacing: -0.03em; font-weight: 600; color: #111;}
.s112 .sec2 .number-ul > li h5 span{width: 32px; height: 32px; border-radius: 50%; background: #ff6714; text-align: center; line-height: 32px; font-size: 18px; letter-spacing: -0.03em; color: #fff; font-weight: 600; margin-right: 17px;}
.s112 .sec2 .number-ul > li h5 p{flex:1;}
.s112 .sec2 .number-ul > li ol {margin-top: 20px; padding-left: 50px;}
.s112 .sec2 .number-ul > li ol > li{position: relative;  font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666; padding-left: 11px;}
.s112 .sec2 .number-ul > li ol > li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #ff6714; left: 0; top: 15px;}

/* s12 */
.s121 .sec1 > small{display: block; font-size: 22px; line-height: 1.5; letter-spacing: -0.03em; color: #ff6714; font-weight: 600;}
.s121 .sec1 > h4{font-size: 48px; line-height: 60px; letter-spacing: -0.03em; color: #111; font-weight: 600; margin: 15px 0 64px;}
.s121 .sec1 > .box {display: flex; flex-wrap:wrap; gap:100px; justify-content: space-between;}
.s121 .sec1 > .box > *{flex:1; 	}
.s121 .sec1 > .box > * p{font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666; width: 110%;}
.s121 .sec1 > .box > * p:not(last-of-type){margin-bottom: 32px;}
.s121 .sec2{border-top: 1px solid #000; margin-top: 82px;}
.s121 .sec2 .sign{display: flex; justify-content: flex-end; padding-top: 58px;}
.s121 .sec2 .sign .lbx{width: 250px; }
.s121 .sec2 .sign .lbx p{font-size: 20px; line-height: 34px; letter-spacing: -0.03em; color: #111; font-weight: 400;}
.s121 .sec2 .sign .lbx p b{display: block; font-size: 22px; font-weight: 600; color: #111; margin-bottom: 8px;}
.s121 .sec2 .sign .lbx i{display: block; }

/* s122 */
.s122 .sec1{position: relative; z-index: 10; padding-bottom: 60px;}
.s122 .sec1:before{position: absolute; content: ''; width: 100%; height: 60px; background: url(../img/sub/c-122-1.jpg) center  no-repeat; left: 0; bottom: 0; z-index: 100;}
.s122 .sec1 .box{position: relative; background: #f9f3f0; padding: 0 80px; z-index: 10;}
.s122 .sec1 .box:before{position: absolute; content: ''; width: 100%; height: 60px; background: url(../img/sub/c-122-1.jpg) center  no-repeat; left: 0; top: 0;}
.s122 .sec1 .box:after{position: absolute; content: ''; width: 100%; height: 1129px; /* background: url(../img/sub/c-122-4.jpg) left bottom no-repeat; */ left: 0; bottom: 0; z-index: -1; background-size: 100%;}
.s122 .sec1 .box .top{text-align: center; padding-top: 120px; margin-bottom: 33px;}
.s122 .sec1 .box .top i{display: block; margin-bottom: 17px;}
.s122 .sec1 .box .top i img{/* width: 120px; */}
.s122 .sec1 .box .top h4{font-size: 48px; line-height: 1.5; letter-spacing: -0.03em; color: #111; font-weight: 600; margin-bottom: 40px;} 
.s122 .sec1 .box p{font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666; }
.s122 .sec1 .box p:not(:last-of-type){margin-bottom: 32px;}
.s122 .sec1 .box .cnt{position: relative; background: url(../img/sub/c-122-3.jpg) center no-repeat; padding-bottom: 50px; }
.s122 .sec1 .box .cnt:after{position: absolute; content: ''; width: calc(100% - 42px); height: 3px; background: #ff6714; left: 0; bottom: 0;}
.s122 .sec1 .box .cnt ol {margin-top: 30px;}
.s122 .sec1 .box .cnt ol > li{font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #111; font-weight: 500; display: flex; }
.s122 .sec1 .box .cnt ol > li span{width: 52px;}
.s122 .sec1 .box .cnt ol > li o{flex:1;}
.s122 .sec1 .box .cnt2{padding: 46px 18px;}
.s122 .sec1 .box .cnt2 p b{font-weight: 500; color: #111;}
.s122 .sec1 .box .cnt3{position: relative; margin-top: 0px; padding-top: 50px;	padding-bottom: 85px;}
.s122 .sec1 .box .cnt3:after{position: absolute; content: ''; width: calc(100% ); height: 1px; left: 0; top: 0; background: #666;}
.s122 .sec1 .box .cnt3 .sign{display: flex; flex-direction: column; align-items: flex-end; margin-top: 54px; /* padding-right: 436px; */}
.s122 .sec1 .box .cnt3 .sign p{margin-bottom: 0; font-size: 22px; line-height: 34px; color: #111; font-weight: 500;}
.s122 .sec1 .box .cnt3 .sign .p1{/* margin-right: 39px; */}

/* s14 */
.s14 .sec1{display: flex; flex-wrap:wrap; align-items:center; gap:100px; }
.s14 .sec1 .lbx{width: 46.875%;}
.s14 .sec1 .lbx figure{border-radius: 10px; overflow: hidden;}
.s14 .sec1 .rbx{flex:1; }
.s14 .sec1 .rbx h4{font-size: 56px; line-height: 1; letter-spacing: -0.03em; font-weight: 600; margin: 14px 0 34px;}
.s14 .sec1 .rbx small{display: block; font-size: 22px; line-height: 1; letter-spacing: -0.03em; color: #ff6714; font-weight: 600; }
.s14 .sec1 .rbx p{font-size: 22px; line-height: 34px; letter-spacing: -0.03em; color: #666; }
.s14 .sec2{margin-top: 152px;}
.s14 .sec2 ul{display: flex; flex-wrap:wrap; gap:40px;}
.s14 .sec2 ul > li{flex:40%; }
.s14 .sec2 ul > li h5{height: 80px; align-content:center; text-align: center; font-size: 32px; line-height: 1.5; letter-spacing: -0.03em;	 color: #fff; font-weight: 600; background: #ff6714 url(../img/sub/c-14-2.jpg) right top no-repeat; border-radius: 10px 10px 0 0 ; overflow: hidden;}
.s14 .sec2 ul > li .box{background: #f9f3f0; padding: 43px 53px 0; height: 267px; box-sizing: border-box; }
.s14 .sec2 ul > li .box ol > li{position: relative;  font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666; padding-left: 11px;}
.s14 .sec2 ul > li .box ol > li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #ff6714; left: 0; top: 15px;}
.s14 .sec2 ul > li .box ol > li b{font-weight: 500; color: #111;}
.s14 .sec2 ul > li .box ol > li a{display: inline-block; color: #ff6714; font-weight: 500;}
.s14 .sec2 ul > li .box ol > li a:hover{text-decoration: underline;}


.s14 .sec2 ul > li .box ol > li.muni_center{display: flex; gap:5px; width: auto;     justify-content: center; padding: 20px 0;}
.s14 .sec2 ul > li .box ol > li.muni_center b{position: relative;padding-left: 11px; }
.s14 .sec2 ul > li .box ol > li.muni_center b:before{position: absolute; content: ''; width: 3px; height: 3px; background: #ff6714; left: 0; top: 15px;}
.s14 .sec2 ul > li .box ol > li.muni_center:before{display: none;}

/* s15 */
.s15 .sec1 h4{font-size: 56px; line-height: 1.5; letter-spacing: -0.03em; color: #111; font-weight: 600; margin-bottom: 19px;}
.s15 .sec1 p{font-size: 22px; line-height: 34px; letter-spacing: -0.03em; color: #666;}
.s15 .sec2{margin-top: 143px;}
.s15 .sec3{margin-top: 150px;}
.s15 ul{border-top: 2px solid #ff6714;}
.s15 ul > li{display: flex; flex-wrap:wrap; min-height:262px; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.s15 ul > li figure{text-align: center; align-content:center; width: 360px; border-right: 1px solid #ddd;}
.s15 ul > li .tbx{flex:1; padding: 53px 58px; padding-right: 20px;}
.s15 ul > li .tbx p{font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666;}
.s15 ul > li .tbx .link-box{margin-top: 31px;}

/* s152 */
.s152 .sec2 .color-box{background: #f9f3f0; border-radius: 10px; padding: 54px 59px;}
.s152 .sec2 .color-box p{font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666;}
.s152 .sec2 .color-box p span{font-weight: 500; color: #ff6714;}
.s152 .sec2 .color-box p a{display: inline-block;}
.s152 .sec2 .color-box p a:hover{text-decoration: underline;}
.s152 .sec3 ol{display: flex; flex-wrap:wrap; text-align: center; gap:40px;}
.s152 .sec3 ol > li{border: 0px solid #ddd; border-radius: 10px; flex:1; height: 280px; align-content:center; box-sizing: border-box; padding-top: 6px;}
.s152 .sec3 ol > li i{display: block; height: 100px;}
.s152 .sec3 ol > li p{font-size: 20px; line-height: 32px; color: #666; letter-spacing: -0.03em;}
.s152 .sec4{margin-top: 150px;}
.s152 .sec4 table{width: 100%;}
.s152 .sec4 table thead tr th{height: 77px; background: #f9f3f0; border: 1px solid #ddd; border-top: 2px solid #ff6714; font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #111; font-weight: 500;}
.s152 .sec4 table  tr > *:first-child{border-left: 0;}
.s152 .sec4 table  tr > *:last-child{border-right: 0;}
.s152 .sec4 table tbody tr td{height: 172px; border: 1px solid #ddd;}  

.s152 .sec4 table tbody tr td figure{text-align: center;}
.s152 .sec4 table tbody tr td:nth-child(2){padding: 54px 60px; padding-right: 15px;}
.s152 .sec4 table tbody tr td:nth-child(2) p{font-size: 20px; line-height: 32px; letter-spacing: -0.03em; color: #666;}
.s152 .sec4 table tbody tr td .link-box > a{margin: 0 auto;}


/* s16 */
.s16_sec1 small{display: block; font-size: 22px; line-height: 1.5; letter-spacing: -0.03em; color: #ff6714; font-weight: 600;}
.s16_sec1 h4{font-size: 56px; line-height: 1.5; letter-spacing: -0.03em; color: #111; font-weight: 600; margin: 0px 0 19px;}
.s16_sec1 p{font-size: 22px; line-height: 34px; letter-spacing: -0.03em; color: #666; }







.s261 .white{background: #fff;}
.s261 .sub-more a{    width: 263px;}

.s291 .white{background: #fff;}
.s291 .sub-more a{    width: 263px;}


.design-pop .cnt .white{background: #f9f3f0;}
.design-pop .cnt .white p{width: auto; font-weight: 500; color: #111;}
.design-pop .cnt .white ol {display: flex; flex-wrap:wrap; gap:40px; }
.design-pop .cnt .white ol > li{position: relative; font-size: 20px; line-height: 1.5; letter-spacing: -0.03em; color: #666; }
.design-pop .cnt .white ol > li a{display: inline-block; color: #ff6714; transition:.3s;}
.design-pop .cnt .white ol > li a:hover{color: #333;}

.tablet-img{display: none;}