/*common*/
@font-face {
    font-family: 'Daehan-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Daehan-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'YdestreetB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/YdestreetB.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
.batang-font{font-family: 'Daehan-Regular';}
.fbanner{display:none;}
/*a.msearbbtn{display: block; position: absolute; top: 45px; right: 50px; background: #ff0000; width: 40px; height: 40px; z-index: 99; background: url(/portal/images/common/sch_new.png) no-repeat center center; border: 0; text-indent: -9999px;}*/
#innerHead .language_bk{right: 97px;}

footer .footer_info_wrap{border-top:1px solid #ddd;}

#s3-4 .block{background-color:#f4f8fc; border-radius:20px; padding:50px; margin-top:50px}
#s3-4 .block .top{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center}
#s3-4 .block .top > .img-wrap{width:calc(33% - 10px);}
#s3-4 .block .top > .txt-wrap{width:calc(67% - 10px);}

#s3-4 .block .top .tit{color:#005dce; font-weight:500; font-size:26px}
#s3-4 .block .top .tit-b{font-weight: 500; margin-right: 12px;}
#s3-4 .block .top ul{margin-top:20px}
#s3-4 .block .top ul li{position:relative; padding-left:25px}
#s3-4 .block .top ul li:nth-child(n+2){margin-top:5px}
#s3-4 .block .top ul li::before{width:15px; height:7px; background-color:#a5caf8; border-radius:50px; position:absolute; left:0; content:''; display:block; top:12px;}
#s3-4 .block .bottom{margin-top:40px; background-color:#fff; border-radius:15px; border:1px dashed #ddd; padding:22px; display:flex; align-items:center; justify-content:space-between; }
#s3-4 .block .bottom *{line-height:1}
#s3-4 .block .bottom span.tel1{color:#005dce; font-weight:500; padding: 10px 0 10px 40px;background:url('/portal/images/sub/s3-4-block-bottom-icon.png')no-repeat left center; display:inline-block}
#s3-4 .block .bottom span.tel2 {border-left: 1px solid #ddd;padding-left: 20px; display:inline-block; margin-left:20px}
#s3-4 .block .bottom a.button{display:block;padding:13px 0 13px 25px;width:200px; border:1px solid #ddd;font-weight:500;background:url('/portal/images/sub/s3-4-block-bottom-link.png')no-repeat right 20px top 53%; border-radius:50px}

@media screen and (max-width: 768px){
	#s3-4 .block{margin-top:30px}
	#s3-4 .block .top > .img-wrap {width: calc(100% - 0px);}
	#s3-4 .block .top > .txt-wrap {width: calc(100% - 0px);margin-top: 20px;}
	#s3-4 .block .top ul {margin-top: 10px;}
	#s3-4 .block .top ul li::before {width: 10px;height: 5px;border-radius: 20px;top: 11px;}
	#s3-4 .block .top .tit {font-size: 22px;}
	#s3-4 .block .bottom {margin-top: 20px;border-radius: 10px;padding: 15px;display:block;}
	#s3-4 .block {border-radius: 20px;padding: 40px 25px;}
	#s3-4 .block .bottom a.button {margin-top:10px}
	#innerHead .language_bk{top: 38px;}
	a.msearbbtn{ top: 34px; }
}

@media screen and (max-width: 480px){
	#s3-4 .block .bottom span.tel2 {border-left: 0; padding-left: 0;display:block;margin-left: 0;margin-top:10px}
	#s3-4 .block .bottom span.tel1{display:block}
}








#s4-6 .tab-container {display:flex;flex-wrap:wrap;padding:30px;background:url('/portal/images/sub/s4-6-tab-bg.png')}
#s4-6 .tab-container > div{width:calc(16.666% - 20px); margin:0 10px;}
#s4-6 .tab-container .tab{background-color:#fff;flex-direction: column;padding:20px 5px;border:1px solid #ddd; border-radius:15px; display:flex; align-items:center; text-align:center}
#s4-6 .tab-container .tab.on{border:2px solid #045fce; box-shadow:0px 0px 10px 5px rgba(4,95,206,0.1)}
#s4-6 .tab-container .tab img.off{display:block}
#s4-6 .tab-container .tab img.on{display:none}
#s4-6 .tab-container .tab.on img.off{display:none}
#s4-6 .tab-container .tab.on img.on{display:block}
#s4-6 .tab-container .tab > p{margin-top:10px; font-size:15px;line-height: 1.3;}
#s4-6 .tab-container > div:nth-child(n+7){margin-top:10px}

#s4-6 .tab-container .slick-arrow{border:1px solid #eee;width:50px; height:50px; background-color:#fff; color:#666; border-radius:50%; opacity:1;z-index:1;position:absolute; transform:translateY(-50%); top:50%; background-repeat:no-repeat; background-position:center}
#s4-6 .tab-container .slick-prev.slick-arrow{left:10px; background-image:url('/portal/images/sub/s6-1-3-tab-arr-btn-prev.png')}
#s4-6 .tab-container .slick-next.slick-arrow{right:10px;background-image:url('/portal/images/sub/s6-1-3-tab-arr-btn-next.png')}

@media screen and (max-width: 1024px){
	#s4-6 .tab-container > div{width:calc(25% - 20px); }
	#s4-6 .tab-container > div:nth-child(n+5){margin-top:10px}
}

@media screen and (max-width: 768px){
	#s4-6 .tab-container > div{width:calc(100% - 0px); margin: 0}
	#s4-6 .tab-container .slick-slide {padding: 0 5px;    height: auto; }
	#s4-6 .tab-container > div:nth-child(n+5){margin-top:0px}
}


.gall-board{display:flex; flex-wrap:wrap; margin-top:40px; padding-top:40px; border-top:1px solid #ddd}
.gall-board img{width:100%; height:320px; background:#dedede;}
.gall-board.col05 .pic{width:calc(20% - 20px); margin-right:25px }
.gall-board.col05 .pic:nth-child(5n){margin-right:0}
.gall-board.col05 .pic:nth-child(n+6){margin-top:50px}

.gall-board .pic *{line-height:1}
.gall-board .pic .tit{margin-top:25px; font-size:18px; font-weight:500; overflow:hidden; text-overflow: ellipsis; white-space: nowrap}
.gall-board .pic .time{margin-top:15px; color:#666}
.gall-board .pic .place{margin-top: 8px; color:#666}
.gall-board .pic .category{margin-top:20px; padding:10px 18px; border-radius:6px; font-weight:500; display:inline-block; color:#666}

.gall-board .pic .category.dance{color:#a91c55; background-color:#f9eff3}
.gall-board .pic .category.culture{color:#853574; background-color:#f6f1f5}
.gall-board .pic .category.musical{color:#58457c; background-color:#f3f2f6}
.gall-board .pic .category.child{color:#354a70; background-color:#f1f2f5}
.gall-board .pic .category.movie{color:#2f4858; background-color:#f0f2f3}
.gall-board .pic .category.concert{color:#336b00; background-color:#f1f5ed}
.gall-board .pic .category.art{color:#57423f; background-color:#f3f2f1}
.gall-board .pic .category.tradition{color:#6a3ed3; background-color:#f4f1fc}
.gall-board .pic .category.festival{color:#dd4640; background-color:#fdf2f2}
.gall-board .pic .category.etc{color:#89726e; background-color:#f7f5f5}

.gall-board + .gall-bottom{margin-top:45px; padding: 45px 0 70px; border-top:1px solid #ddd; position:relative}
.gall-board + .gall-bottom .pagenation{margin-top:0}
.gall-board + .gall-bottom a.write-btn{display:block; position:absolute; text-align:center;right: 0;bottom:0}

@media screen and (max-width: 1024px){
	.gall-board.col05 .pic{width:calc(25% - 15px); margin-right:20px }
	.gall-board.col05 .pic:nth-child(n+5){margin-top:40px; margin-right:20px}
	.gall-board.col05 .pic:nth-child(4n){margin-right:0px}
}

@media screen and (max-width: 768px){
	.gall-board.col05 .pic{width:calc(33.333% - 10px); margin-right:15px }
	.gall-board.col05 .pic:nth-child(n+4){margin-top:30px; margin-right:15px}
	.gall-board.col05 .pic:nth-child(3n){margin-right:0px}
	.gall-board .pic .tit {margin-top: 15px;}
	.gall-board .pic .category {margin-top: 10px;}
	.gall-board + .gall-bottom{margin-top:30px; padding: 30px 0 80px}
}

@media screen and (max-width: 540px){
	.gall-board.col05 .pic{width:calc(50% - 10px); margin-right:15px }
	.gall-board.col05 .pic:nth-child(n+3){margin-top:30px; margin-right:15px}
	.gall-board.col05 .pic:nth-child(2n){margin-right:0px}
}

@media screen and (max-width: 380px){
	.gall-board.col05 .pic{width:calc(100% - 0px); margin-right:0px }
	.gall-board.col05 .pic:nth-child(n+2){margin-top:30px; margin-right:0px}
}


#spon table.form-wrap{text-align:left}
#spon table.form-wrap .radio-wrap{display:flex; align-items:center}
#spon table.form-wrap td.grey-bg{background-color: #fafafa; font-weight:500}
#spon .desc{padding: 10px;border-bottom:1px solid #aaa}
#spon .grey-box {padding: 1px 20px 30px;height: 200px;background-color: #f5f5f5;overflow-y: scroll;}
#spon table.form-wrap input[type="text"]{width:100%; max-width:300px}
#spon .btn.done.add-btn {line-height: 38px;font-size: 15px;height: 40px;}
#spon .radio-wrap2{padding-top:10px; border-top:1px solid #ddd}
#spon .btn-wrap{padding-top:50px; margin-top:15px; border-top:1px solid #ddd}

@media screen and (max-width: 1024px){
	#spon .desc {font-size: 17px;}
	#spon label.tit {width: 100px;}
	#spon input[type="text"]{height:35px; width:100%}
	#spon .address-wrap input[type="text"]{width:50%}
	#spon .address-wrap  .btn {height: 35px;}
}

@media screen and (max-width:640px){
	#spon .form-wrap{overflow-x:scroll}
	#spon fieldset{width:640px;}
} 









#s4-7 .text-box {background-color:#f7f7fd; padding:45px}
#s4-7 .text-box .row{display:flex; align-items:center; height:60px;flex-wrap: wrap;}
#s4-7 .text-box .row:nth-child(n+2){margin-top:20px}
#s4-7 .text-box .row > .col{width:50%; position:relative; padding-left:80px; line-height:1.4}
#s4-7 .text-box .col > span{font-size:26px;left:0%;transform:translateY(-50%);top:50%;position:absolute; display:flex; width:62px; height:62px; border-radius:50%; align-items:center; justify-content:center; color:#fff;font-family: 'GmarketSans';}
#s4-7 .text-box .row > .col:first-child > span{background-color:#6c42c8}
#s4-7 .text-box .row > .col:last-child > span{background-color:#005dce}
#s4-7 .big-font{font-size:24px; font-weight:500}

@media screen and (max-width: 1024px){
	#s4-7 .text-box .col > span {font-size: 22px;width: 50px;height: 50px;}
	#s4-7 .text-box .row > .col {padding-left: 62px;}
	#s4-7 .text-box .row:nth-child(n+2) {margin-top: 10px;}
	#s4-7 .text-box {background-color: #f7f7fd;padding: 40px 20px;}
}

@media screen and (max-width: 640px){
	#s4-7 .text-box .row > .col {width: 100%;height: 70px;display: flex;align-items: center;}
	#s4-7 .text-box .row{height:auto}
	#s4-7 .big-font{font-size:20px}
}









#s5-1-1 .box-pic-container{position:relative;}
#s5-1-1 .box-pic-container .txt-wrap{background-color:#fff; padding:50px; box-shadow: 10px 10px 10px 5px rgb(0 0 0 / 8%); width:920px; bottom:-50px; right:0;position: absolute;}
#s5-1-1 .box-pic-container .txt-wrap .big-font{color:#0184ff; font-size:4.8rem}
#s5-1-1 .box-pic-container .txt-wrap p{margin-top:4.5rem}
#s5-1-1 .batang-font .tit{font-size: 30px; margin-top: 35px; display: block; font-family: 'Paperlogy'; font-weight: 600;     margin-bottom: 20px;}

#s5-1-1 .circle-container{margin-top:90px}
#s5-1-1 .circle-container .row{display:flex; justify-content:space-evenly; margin-bottom: 36px;}
/* #s5-1-1 .circle-container .row:first-child{padding:0 80px}
#s5-1-1 .circle-container .row:last-child{padding:0 220px; margin-top:-20px} */
#s5-1-1 .circle-container .circle{border:1px solid #cecece; border-radius:50%; width:220px; height:220px;text-align:center; padding-top:50px}
#s5-1-1 .circle-container .circle p{margin-top:5px; line-height:1.4; font-weight:400}

/* #s5-1-1 .vision-block-container{margin-top:140px; font-size:3rem}
#s5-1-1 .vision-block-container .block{display:flex; border-radius:0 50px 0 50px; overflow:hidden; align-items:center; margin-top:50px}
#s5-1-1 .vision-block-container .block:first-child{border:1px solid #a91c55}
#s5-1-1 .vision-block-container .block:last-child{border:1px solid #853574}
#s5-1-1 .vision-block-container .block strong{border-radius:0 50px 0 0;display:inline-block; height:100%; width:200px; text-align:center; color:#fff; font-family: 'Daehan-Regular'; padding:40px 0}
#s5-1-1 .vision-block-container .block:first-child strong{border:1px solid #a91c55; background-color:#a91c55; }
#s5-1-1 .vision-block-container .block:last-child strong{border:1px solid #853574; background-color:#853574; }
#s5-1-1 .vision-block-container .block p{margin-left:40px} */
#s5-1-1 .vision-block-container{margin-top:140px; font-size:3rem}
#s5-1-1 .vision-block-container .block{display:flex; border-radius:0 50px 0 50px; overflow:hidden; align-items:center; margin-top:50px; flex-wrap: wrap;}
#s5-1-1 .vision-block-container .block strong{border-radius:0 50px 0 0;display:inline-block; height:100%; width:200px; text-align:center; color:#fff; font-family: 'Daehan-Regular'; padding:40px 0}	
#s5-1-1 .vision-block-container .block p{margin:10px 40px;}

#s5-1-1 .vision-block-container .block:first-child{border:1px solid #a91c55}
#s5-1-1 .vision-block-container .block:first-child strong{border:1px solid #a91c55; background-color:#a91c55;}


#s5-1-1 .vision-block-container .block:nth-child(2){border:1px solid #853574}
#s5-1-1 .vision-block-container .block:nth-child(2) strong{border:1px solid #853574; background-color:#853574; }

#s5-1-1 .vision-block-container .block:nth-child(3){border:1px solid #2e498d}
#s5-1-1 .vision-block-container .block:nth-child(3) strong{border:1px solid #2e498d; background-color:#2e498d; }

#s5-1-1 .vision-block-container .block.propulsion p{display: flex; flex-wrap: wrap;  align-items: center; justify-content: space-between; width: calc(100% - 280px); }
#s5-1-1 .vision-block-container .block.propulsion p span{width:calc(33.3% - 20px); margin:0 10px;text-align: center; border-radius: 10px; background: #f3f4f8; color: #2e498d; padding: 20px 0px; font-size:2.5rem;}


#s5-1-1 .vision-block-container .block:nth-child(4){border:1px solid #2c8764}
#s5-1-1 .vision-block-container .block:nth-child(4) strong{border:1px solid #2c8764; background-color:#2c8764; height:100%; }

#s5-1-1 .vision-block-container .block.propulsion1 p{display: flex; flex-wrap: wrap;  align-items: center; justify-content: space-between; width: calc(100% - 280px); margin-right:40px; }
#s5-1-1 .vision-block-container .block.propulsion1 p span{width:calc(33.3% - 20px); margin:0 10px;text-align: center; border-radius: 10px; background: #f3f8f6; color: #2c8764; padding: 20px 0px; font-size:2.5rem;}

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

	#s5-1-1 .vision-block-container .block.propulsion strong,
	#s5-1-1 .vision-block-container .block.propulsion p,
	#s5-1-1 .vision-block-container .block.propulsion1 strong,
	#s5-1-1 .vision-block-container .block.propulsion1 p{width:100%;}
	
	#s5-1-1 .vision-block-container .block.propulsion strong,
	#s5-1-1 .vision-block-container .block.propulsion1 strong{ padding: 10px 0; width: 100%;}

		
	#s5-1-1 .vision-block-container .block.propulsion strong br,
	#s5-1-1 .vision-block-container .block.propulsion1 strong br{display:none;}

	#s5-1-1 .vision-block-container .block.propulsion p span,
	#s5-1-1 .vision-block-container .block.propulsion1 p span{width:100%; margin:5px 0;}

}

#s5-1-1 .test-block-container{text-align:center; margin-top:15px}
#s5-1-1 .test-block-container .tit{font-size:3rem; padding:20px;color:#fff;text-align:center; width:420px; margin:40px auto 0 auto; border-radius:50px; background-color:#58457c;}
#s5-1-1 .test-block-container .block01 .top{color:#3492c7}
#s5-1-1 .test-block-container .block02 .top{color:#30aa61}
#s5-1-1 .test-block-container .block03 .top{color:#e73096}
#s5-1-1 .test-block-container .block04 .top{color:#f38a34}
#s5-1-1 .test-block-container .block05 .top{color:#30719e}
#s5-1-1 .test-block-container .block-wrap{display:flex; justify-content:space-between; margin-top:25px;flex-wrap: wrap;}
#s5-1-1 .test-block-container .block{border:1px solid #c9c9c9; border-radius:30px 0 30px 0; padding:0 15px 50px 15px; width:calc(25% - 15px)}
#s5-1-1 .test-block-container .block .top{font-size:2.4rem;height:165px; display:flex; justify-content:center; align-items:center;font-weight: 400;}
#s5-1-1 .test-block-container .block .bottom{padding-top:40px; border-top:1px solid #ddd; color:#666; display:flex;align-items:center;flex-direction: column;}
#s5-1-1 .test-block-container .block .bottom p{line-height:1.2; height:100px}

@media screen and (max-width: 1520px){
	#s5-1-1 .circle-container .row:first-child {padding: 0}
	#s5-1-1 .circle-container .row:last-child {padding: 0 145px;margin-top: -20px;}
}

@media screen and (max-width: 1350px){
	#s5-1-1 .circle-container .row:last-child {padding: 0 115px;}
}

@media screen and (max-width: 1280px){
	#s5-1-1 .circle-container .row:last-child {padding: 0 165px;}
}

@media screen and (max-width: 1024px){
	#s5-1-1 .box-pic-container .txt-wrap {padding: 40px; width: 80%;bottom: -80px;}
	#s5-1-1 .box-pic-container .txt-wrap h3 {font-size: 3.8rem;}
	#s5-1-1 .box-pic-container .txt-wrap p {margin-top: 3rem;}
	
	#s5-1-1 .circle-container .circle {width: 180px;height: 180px; padding-top: 40px;}
	#s5-1-1 .circle-container .circle img{width:55px}
	#s5-1-1 .circle-container .row:last-child {padding: 0 13%;}
	#s5-1-1 .circle-container .circle p {font-size: 14px;width: 80%;margin: 0 auto;line-height: 1.2;}
	#s5-1-1 .circle-container .circle p br{display:none}
	
	#s5-1-1 .vision-block-container { margin-top: 100px;font-size: 2.4rem;}
    #s5-1-1 .vision-block-container .block{margin-top:20px}
    #s5-1-1 .vision-block-container .block strong{width:160px;padding: 30px 0;}
    
    #s5-1-1 .test-block-container .block .top {font-size: 2rem;line-height: 1.2;height: 135px;}
    #s5-1-1 .test-block-container .block .bottom p {height: 85px;font-size: 1.5rem;}
}

@media screen and (max-width: 768px){
	#s5-1-1 .box-pic-container .txt-wrap{width: 100%;position: static;padding: 30px;}
	#s5-1-1 .box-pic-container .txt-wrap h3 {font-size: 3rem;}
	#s5-1-1 .box-pic-container .txt-wrap p {margin-top: 2.5rem;}
	#s5-1-1 .box-pic-container {margin-bottom: 80px;}
	
	#s5-1-1 .circle-container {margin-top: 30px;}
	#s5-1-1 .circle-container .row{flex-wrap:wrap}
	#s5-1-1 .circle-container .circle-wrap{width:50%; margin-top:20px}
	#s5-1-1 .circle-container .row:last-child{padding:0; margin-top:0}
	#s5-1-1 .circle-container .circle {margin: 0 auto;}
	
	#s5-1-1 .vision-block-container { margin-top: 70px;font-size: 2rem;}
	#s5-1-1 .vision-block-container .block {border-radius: 0 30px 0 30px;}
	#s5-1-1 .vision-block-container .block strong {width: 120px;padding: 25px 0;border-radius: 0 30px 0 0;}
	#s5-1-1 .vision-block-container .block p { margin-left: 20px;line-height: 1.2;}
	
	#s5-1-1 .test-block-container .tit {font-size: 2.4rem;padding: 20px;width: 320px;margin: 30px auto 0 auto;}
	#s5-1-1 .test-block-container .block {padding: 0 12px 20px 12px; width: calc(50% - 10px)}
	#s5-1-1 .test-block-container .block:nth-child(n+3){margin-top:20px}
	#s5-1-1 .test-block-container .block .top {height: 110px;}
	#s5-1-1 .test-block-container .block .bottom p {height: 75px;}
}

@media screen and (max-width: 480px){
	#s5-1-1 .vision-block-container {font-size: 1.8rem;}
	#s5-1-1 .circle-container .circle {width: 160px;height: 160px; padding-top: 30px;}
	#s5-1-1 .circle-container .circle p{font-size:13px}
	
	#s5-1-1 .test-block-container .block .top{font-size:1.8rem}
	#s5-1-1 .test-block-container .block .bottom{padding-top:30px}
	#s5-1-1 .test-block-container .block .bottom p{height:70px; font-size: 1.4rem;}
}

@media screen and (max-width: 580px){
	#s5-1-1 .vision-block-container .block{display:block}
	#s5-1-1 .vision-block-container .block strong{padding:10px 0; width:100%}
	#s5-1-1 .vision-block-container .block p{margin-left:0px; padding:20px}
	
	#s5-1-1 .test-block-container .tit {font-size: 2rem;padding: 15px;width: 280px;}
	#s5-1-1 .test-block-container .block {padding: 0 10px 20px 10px;width: calc(100% - 0px);}
	#s5-1-1 .test-block-container .block:nth-child(n+2) {margin-top: 20px;}
	
	#s5-1-1 .circle-container .circle {width: 140px;height: 140px; padding-top: 30px;}
	#s5-1-1 .circle-container .circle img {width: 38px;}
}






/* #s5-1-2{background:url('/portal/images/sub/s5-1-1-bg.png') no-repeat right 30%; background-size:33%;} */
#s5-1-2 h3{font-size:4.2rem; line-height:7rem;font-family: 'Daehan-Regular'; position:relative; display:inline-block; z-index:1; padding-left:30px; font-weight:200;} 
#s5-1-2 h3::before,
#s5-1-2 h3::after{position: absolute; display:block; background-repeat:no-repeat; width:65px; height:55px; z-index:-1; background-size: cover;}   
#s5-1-2 h3::before{content:''; left:0px;top:0px;background-image:url('/portal/images/sub/s5-1-1-h3-icon2.png'); background-color:#fff}
#s5-1-2 h3::after{content:''; right:0;background-image:url('/portal/images/sub/s5-1-1-h3-icon1.png');right: -40px;bottom: -15px;}
#s5-1-2 h3 span{color:#0099ff}

#s5-1-2 p:nth-child(1){margin-top: 0;}
#s5-1-2 p{font-size:2rem; line-height:3.6rem; margin-top: 20px; box-sizing:border-box;}
#s5-1-2 p.big-font{color:#000; font-size:3.2rem; margin-top:5rem;font-family: 'Daehan-Regular'; text-align: right;}

#s5-1-2 .wrap{display: flex; gap: 42px; flex-direction: row; margin-top: 30px;}
#s5-1-2 .wrap .greeting{width: 70%; padding-top: 50px;}


@media screen and (max-width: 1024px){
	#s5-1-2 {padding-left: 0px;}
	#s5-1-2 h3 {font-size: 3.6rem;line-height: 6rem; padding-left:0;}
	#s5-1-2 h3::before,
    #s5-1-2 h3::after{display:none}
    #s5-1-2 p {font-size: 1.8rem;line-height: 3rem;margin-top: 3rem; padding-left:0;}
    #s5-1-2 p.big-font {font-size: 2.6rem;margin-top: 3rem;}
}

@media screen and (max-width: 768px){
	#s5-1-2 {background:none;}
	#s5-1-2 h3 {font-size: 2.8rem;line-height: 4rem;}
	#s5-1-2 p {font-size: 1.6rem;margin-top: 3rem; width:100%}
	#s5-1-2 p.big-font {font-size: 2.6rem;margin-top: 3rem;}
}





#s5-1-3 .history{position:relative}
#s5-1-3 .history::after,
#s5-1-3 .history::before{position: absolute; display:block; content:""; transform:translateX(-50%); left:50%; top:0}
#s5-1-3 .history::before{width:1px; height:100%; background-color:#ddd; color:#fff; border-radius:50%}
#s5-1-3 .history::after{width:100px; height:100px; background-color:#d04446; border-radius:50%; top:-40px; content:"2025"; color:#fff; font-size:2.2rem; font-weight:bold; padding-top: 35px; text-align:center}

#s5-1-3 .year{font-size:24px; font-weight:bold;}

#s5-1-3 .row:nth-child(odd) .line{padding-right:60px}
#s5-1-3 .row:nth-child(even) .line{padding-left:60px}
#s5-1-3 .line{line-height: 1.4;margin-top: 10px; position:relative}
#s5-1-3 .line:first-child{margin-top: 0px;}
#s5-1-3 .line .month{color:#8f9997;position:absolute; top:0}
#s5-1-3 .row:nth-child(odd) .line .month{right:12px}
#s5-1-3 .row:nth-child(even) .line .month{left:12px}

#s5-1-3 .row{margin-top:50px;width:50%; display:flex}
#s5-1-3 .row:nth-child(odd){text-align:right; padding-right:50px;justify-content: flex-end;}
#s5-1-3 .row:nth-child(even){margin-left:auto; padding-left:50px}
#s5-1-3 .row:first-child{padding-right:110px}

@media screen and (max-width: 1024px){
	#s5-1-3 .row .desc{font-size:15px}
}

@media screen and (max-width: 768px){
	#s5-1-3 .history::before {transform: translateX(0);left: 10px}
	#s5-1-3 .row {width: 100%}
	#s5-1-3 .row:nth-child(even) {padding-left: 30px;}
	#s5-1-3 .row:nth-child(odd) {padding: 0px 0 0 30px;flex-direction: row-reverse;text-align: left;}
	#s5-1-3 .row:nth-child(odd) .line {padding-right: 0px;padding-left: 60px;}
	#s5-1-3 .row:nth-child(odd) .line .month {right: auto;left: 12px;}
	#s5-1-3 .row:first-child{padding-left:110px !important}
	#s5-1-3 .history::after {width: 80px;height: 80px;top: -20px;font-size: 2rem;padding-top: 28px;left: 70px;}
}

@media screen and (max-width: 480px){
	#s5-1-3 .history{padding-left:0; margin-top: 30px;}
	#s5-1-3 .history::before{display:none}
	#s5-1-3 .row{margin-top:30px}
	#s5-1-3 .row .desc{font-size:14px}
	#s5-1-3 .line .month {padding: 0 15px 0 0;font-size: 14px;font-weight: bold;}
	#s5-1-3 .history::after {transform: translateX(0px);width: 60px;height: 60px; padding: 0;padding: 12px 3;padding-top: 18px;top: -6px;left: -6px;}
	#s5-1-3 .row:first-child .desc-month-wrap {padding: 0;}
	#s5-1-3 .row:nth-child(even) {padding-left: 0px;}
	#s5-1-3 .row:nth-child(odd){padding:0}
	#s5-1-3 .year {font-size: 20px;}
	#s5-1-3 .row:nth-child(odd) .line {padding-left: 50px;}
	#s5-1-3 .row:nth-child(even) .line {padding-left: 50px;}
	#s5-1-3 .row:first-child {padding-left: 50px !important;}
}



#s5-1-4 .img-txt-box{display:flex; align-items:center}
#s5-1-4 .img-txt-box .tit{font-size:3rem; color:#333;font-weight:bold;}
#s5-1-4 .img-txt-box .img-wrap{padding-right: 50px;width:30%; text-align: center;}
#s5-1-4 .img-txt-box .txt-wrap{width:70%}

#s5-1-4 .img-txt-box p,
#s5-1-4 .img-txt-box .btn-wrap{margin-top:20px}
#s5-1-4 .img-txt-box .btn-wrap > a{font-size:14px;font-weight:bold;display:inline-block; margin-right:10px; color:#fff; padding:12px 40px 12px 12px; background:#363636 url('/portal/images/sub/s5-1-4-btn-arr.jpg')no-repeat top 50% right 15px;}
#s5-1-4 .grey-border-box{padding:60px; border:1px solid #ddd}
#s5-1-4 .color-box{display:flex; justify-content:space-between; margin-top:20px}
#s5-1-4 .color-box .img-wrap .tit{margin-bottom:15px; font-weight:bold}
#s5-1-4 .color-box .img-wrap .desc{display:flex; justify-content:space-between; color:#555; font-size:14px; letter-spacing:-0.5px; line-height:1.2}
#s5-1-4 .color-box .img-wrap .desc.height{height:80px}
#s5-1-4 .img-block{margin:75px auto; display:block}
#s5-1-4 .color-box > .img-wrap{width:calc(50% - 30px)}
#s5-1-4 .color-box > .img-wrap img{width:100%}

@media screen and (max-width: 1024px){
	#s5-1-4 .grey-border-box {padding: 40px 30px;}
	#s5-1-4 .img-txt-box .img-wrap {padding-right: 30px;}
	
	#s5-1-4 .color-box > .img-wrap {width: calc(50% - 10px);}
}

@media screen and (max-width: 768px){
	#s5-1-4 .grey-border-box {padding: 30px}
	#s5-1-4 .img-txt-box {display: block;}
	#s5-1-4 .img-txt-box .img-wrap{padding-right:0; width:100%}
	#s5-1-4 .img-txt-box .txt-wrap{margin-top:20px; width:100%}
	#s5-1-4 .img-txt-box .tit {font-size: 2.4rem;}
	#s5-1-4 .img-txt-box p{font-size:14px ;line-height:1.4}
	#s5-1-4 .img-txt-box p, #s5-1-4 .img-txt-box .btn-wrap {margin-top: 15px;}
	#s5-1-4 .img-txt-box .btn-wrap > a {font-size: 12px;margin-right: 5px;padding: 8px 30px 8px 10px; margin-top:5px}
	
	#s5-1-4 .img-block {margin: 40px auto;}
	
	#s5-1-4 .color-box{display:block}
	#s5-1-4 .color-box > .img-wrap {width: calc(100% - 0px);}
	#s5-1-4 .color-box .img-wrap .desc.height {height: auto}
	#s5-1-4 .color-box .img-wrap .desc{margin-bottom:20px; display:block}
	#s5-1-4 .color-box .img-wrap:last-child .desc:last-child{margin-bottom:0px}
	#s5-1-4 .color-box .img-wrap .tit{margin-bottom:10px}
}





#s5-2 .top{padding:0 155px 25px 155px;position:relative}
#s5-2 .top::before{content:""; display:block; position:absolute; height:100%; background-color:#ddd;width:1px; transform:translateX(-50%); left:50%}
#s5-2 .top .row:nth-child(2){margin-top:50px}
#s5-2 .top .row:nth-child(3){margin-top:15px}
#s5-2 .top .row:nth-child(4){margin-top:15px}
#s5-2 .top .row:nth-child(4){margin-top:15px}

#s5-2 .block{padding:14px 5px; text-align:center; font-size:20px; font-weight:500;position:relative}

#s5-2 .block::before{content:""; display:block; position:absolute; background-color: #ddd;}
#s5-2 .block.big{width:240px; color:#fff; margin:0 auto}
#s5-2 .block.small{width:155px;}
#s5-2 .block.chair{background-color:#07348c;color:#fff; }
#s5-2 .block.ceo{background-color:#4a8dcb;color:#fff; }
#s5-2 .block.ceo::after{height: 1px;width: 130%;left: 50%;bottom: -123px;}
#s5-2 .block.ceo::before {height: 1px;width: 160%;left: 50%;bottom: -45px;}
#s5-2 .block.director{background-color:#45495b;color:#fff; position:absolute}
#s5-2 .block.director::before{left:100%; transform:translateY(-50%); top:50%; height:1px; width:170%}
#s5-2 .block.rnd{color:#555; border:1px solid #ddd; margin:0 0 0 auto; background-color: #fff;}
#s5-2 .block.rnd.Art{width: 274px;}


#s5-2 .bottom{position:relative; padding-top:45px; display:flex; justify-content:space-between; font-weight:500;text-align:center; }
#s5-2 .bottom::before{content:""; display:block; position:absolute; height:1px; background-color:#ddd;width:70%; transform:translateX(-50%); left:50%; top:0}
#s5-2 .bottom .box{width:calc(33.333% - 40px)}
#s5-2 .bottom .box .head{background-color:#efefef;font-size:20px; padding:15px 0;position:relative}
#s5-2 .bottom .box .head::before{content:""; display:block; position:absolute; background-color: #ddd; width:1px; height:130px;transform:translateX(-50%); left:50%;; top:-45px; z-index:-1}
#s5-2 .bottom .box .body{border:1px solid #ddd; padding-top:25px; height:150px; margin-top:10px; background-color: #fff;}


@media screen and (max-width: 1340px){
	#s5-2 .bottom .box {width: calc(33.333% - 20px);}
	#s5-2 .block.ceo::before {width: 80%;}
	#s5-2 .block.ceo::after {width: 80%;}
}

@media screen and (max-width: 1280px){
	#s5-2 .block.ceo::before {width: 130%;}
	#s5-2 .bottom::before {width: 68%;}
	#s5-2 .block.ceo::after {width: 68%;}
}

@media screen and (max-width: 1024px){
	#s5-2 .top {padding: 0 70px 25px 70px;}
	#s5-2 .block.ceo::before {width: 110%;}
	#s5-2 .block.ceo::after {width: 110%;}
}

@media screen and (max-width: 768px){
	#s5-2 .top {padding: 0 0px 25px 0px;}
	#s5-2 .block {padding: 12px 5px;font-size: 16px;}
	#s5-2 .block.big {width: 160px;}
	#s5-2 .block.small {width: 115px;}
	#s5-2 .bottom .box .head {font-size: 16px;padding: 10px 0;}
	#s5-2 .bottom::before{display:none}
	#s5-2 .bottom .box .head::before{display:none}
	#s5-2 .bottom{display:block;    padding-top: 0px}
	#s5-2 .bottom .box {width: calc(100% - 0px); margin: 0 auto;padding-top: 0px;}
	#s5-2 .bottom .box:nth-child(n+2){margin-top:10px}
	#s5-2 .bottom .box .body {padding: 20px 0 20px 0; height: auto;}
	#s5-2 .block.director::before {width: 150%;}
	#s5-2 .block.ceo::before {width: 160%;}
	#s5-2 .block.ceo::after {width: 160%;}
}

@media screen and (max-width: 540px){
	#s5-2 .block.ceo::before {width: 85%;}
	#s5-2 .block.ceo::after{width: 85%;}
}

@media screen and (max-width: 430px){
	#s5-2 .block.director {top: 155px;}
	#s5-2 .block.director::before {transform: translateY(0%);top: -30px;width: 100%;left:50%}
	#s5-2 .block.director::after{transform: translateX(-50%); left:50%; height:30px;background-color:#ddd; width:1px;bottom:100%}
	#s5-2 .block.ceo::before {width: 60%;}
	#s5-2 .block.ceo::after{width: 60%;}
}




#s5-3 .declare{background:url('/portal/images/sub/s5-3-bg.jpg')no-repeat; padding:95px 90px; background-size: cover;}
#s5-3 .tit-wrap{text-align:center;font-family: 'YdestreetB';}
#s5-3 .sub-tit{font-size:32px}
#s5-3 .main-tit{font-size:62px; margin-top: 25px;}
#s5-3 .main-tit span{color:#b71f25}
#s5-3 .tit-wrap + p{margin-top:30px; text-align:center}
#s5-3 .tit-wrap + p > b{font-weight:bold}
#s5-3 .list-wrap{margin-top:40px; padding: 40px 40px 40px 85px;border-radius:35px; background-color:#fff; box-shadow: 0px 0px 30px 10px rgb(0 0 0 / 6%);}
#s5-3 .list-wrap li{position:relative; padding-left:75px; margin:8px 0}
#s5-3 .list-wrap li span{position:absolute; background-color:#b71f25; color:#fff; border-radius:50px; display:block; padding:1px 10px; left:0; font-weight:500}
#s5-3 .list-wrap .big-font{margin-top:40px; padding-top:40px; border-top:1px dashed #ddd; text-align:center; font-size:26px; font-weight:500}
#s5-3 .img-wrap{margin-top:40px; text-align:center}
.gray-box{width: 100%; background-color: #f3f3f3; padding: 5px 30px 25px 30px; margin-top: 30px;}
a.bbtn{ background: #b71f25; color: #fff; padding: 0 15px; position: relative; width: 247px; transition: all .2s; display: inline-block; height: 43px; line-height: 40px; margin-right: 10px; float: left; margin-top: 5px;}
a.bbtn::after{content: ''; display: block; width: 19px; height: 19px; background: url(/portal/images/sub/bbtn_bg.png) no-repeat 0 0; position: absolute; top: 12px; right: 10px;}

@media screen and (max-width: 768px){
	#s5-3 .declare {padding: 60px 30px;}
	#s5-3 .sub-tit {font-size: 22px;}
	#s5-3 .main-tit {font-size: 48px;margin-top: 15px;}
	#s5-3 .tit-wrap + p { margin-top: 20px;}
	#s5-3 .list-wrap {margin-top: 20px;padding: 30px 30px 30px 40px;border-radius: 20px;}
	#s5-3 .list-wrap li {padding-left: 60px;margin: 6px 0;}
	#s5-3 .list-wrap li span {padding: 1px 8px;font-size: 14px;}
	#s5-3 .list-wrap .big-font {margin-top: 30px;padding-top: 30px;font-size: 20px;}
	#s5-3 .img-wrap {margin-top: 30px;}
	#s5-3 .img-wrap .img-logo{max-width: 70%;}
}

@media screen and (max-width: 768px){
	#s5-3 .declare {padding: 50px 20px;}
	#s5-3 .main-tit {font-size: 34px;margin-top: 5px;}
	#s5-3 .tit-wrap + p {margin-top: 15px;line-height: 1.2;}
	#s5-3 .list-wrap {padding: 30px 15px 30px 15px;border-radius: 20px;}
	#s5-3 .list-wrap li {padding-left: 50px;margin: 10px 0;line-height: 1.4;}
	#s5-3 .list-wrap .big-font { margin-top: 20px;padding-top: 20px;font-size: 16px;}
}



/* 2022.12.28. 콘텐츠 변경 */
.guesttop {background:#f6f6f6 ; padding:50px 100px;font-family: 'GmarketSans'; position:relative;}
.guesttop:before {content:''; display:block; width:466px; height:308px; background:#f6f6f6 url(/portal/images/content/gbg.png) no-repeat 0 0; position:absolute; top:0; right:100px; z-index:0;}
.guesttop .tit {font-size:42px; color:#333;  line-height:1.2em; position:relative; z-index:1;}
.guesttop .tit span{display:block;}
.guesttop .tit strong{font-weight:600; color:#b71f25;}
.guesttop dl {position:relative; z-index:1;}
.guesttop dl dt {font-size:26px; font-weight:600; position:relative; display:flex; align-items: center; margin-top:40px; margin-bottom:10px;}
.guesttop dl dt:before {content:''; display:block; width:20px; height:20px; background:#b71f25; border-radius:50%; margin-right:10px; margin-top:-7px;}
.guesttop dl dd.guesttype {background:#fff; box-shadow: 3px 3px 5px rgba(0,0,0,0.2);}
.guesttop dl dd.guesttype ul {display:flex; flex-wrap:wrap; padding:30px;}
.guesttop dl dd.guesttype ul li {width:25%; position:relative; display:flex; flex-direction:column; align-items:center; border-right:1px dashed #dedede; text-align:center;}
.guesttop dl dd.guesttype ul li:last-child {border-right:none;}
.guesttop dl dd.guesttype ul li:before {content:''; width:100px; height:100px; background-repeat:no-repeat; background-position:50% 50%;}
.guesttop dl dd.guesttype ul li:nth-of-type(1):before {background-image: url(/portal/images/content/g01.png);}
.guesttop dl dd.guesttype ul li:nth-of-type(2):before {background-image: url(/portal/images/content/g02.png);}
.guesttop dl dd.guesttype ul li:nth-of-type(3):before {background-image: url(/portal/images/content/g03.png);}
.guesttop dl dd.guesttype ul li:nth-of-type(4):before {background-image: url(/portal/images/content/g04.png);}
.guesttop dl dd.service ul {display:flex; justify-content: space-between; flex-wrap:wrap;}
.guesttop dl dd.service ul li {width:48%; background:#fff; box-shadow: 3px 3px 5px rgba(0,0,0,0.2); position:relative; padding:20px; display:flex; align-items: center; font-size:22px; flex-wrap:wrap;}
.guesttop dl dd.service ul li:before {content:''; display:block; width:53px; height:53px; margin-right:20px; border-radius:50%;}
.guesttop dl dd.service ul li:nth-of-type(1):before {background:#b71f25 url(/portal/images/content/gg01.png) no-repeat 50% 50%;}
.guesttop dl dd.service ul li:nth-of-type(2):before {background:#b71f25 url(/portal/images/content/gg02.png) no-repeat 50% 50%;}
@media screen and (max-width:1024px) {
	.guesttop {padding:50px 30px;}
	.guesttop:before {right:30px;}
}
@media screen and (max-width:768px) {
	.guesttop {padding:30px 15px;}
	.guesttop dl dd.guesttype ul li {width:50%; }
	.guesttop dl dd.guesttype ul li:nth-of-type(2) {border-right:none; border-bottom:1px dashed #dedede; }
	.guesttop dl dd.guesttype ul li:nth-of-type(3) {border-top:1px dashed #dedede; }
	.guesttop dl dd.guesttype ul li:nth-of-type(4) {border-right:none;  }
	.guesttop:before {display:none;}
	.guesttop dl dd.service ul li {justify-content: center; text-align:center;}
	.guesttop dl dd.service ul li:before {margin-right:0; margin-bottom:10px;}
}


.baranbox {background:#f6f9fb ; padding:50px 100px;position:relative;}
.baranbox:before {content:''; display:block; width:467px; height:287px; background:url(/portal/images/content/baranbg.png) no-repeat 0 0; position:absolute; top:50px; right:100px; z-index:0;}
.baranbox .tit {font-size:42px; color:#333;  line-height:1.2em; position:relative; z-index:1; font-weight:600; font-family: 'GmarketSans'; margin-bottom:30px;}
.baranbox .tit span{color:#b71f25;}
.baranbox ul {position:relative; z-index:1;}
.baranbox ul.step {display:flex; margin-top:20px; flex-wrap:wrap;}
.baranbox ul.step li {width:calc(25% - 30px); margin-right:40px; box-sizing:border-box; background:#fff; border-radius:20px; border:1px dashed #dedede; padding:30px 20px; position:relative;}
.baranbox ul.step li:after {content:'>'; display:flex; width:20px; height:20px; border-radius:50%; background:#b71f25; align-items:center; justify-content:center; font-family: 'GmarketSans'; color:#fff; font-size:12px; padding-top:3px; position:absolute; top:calc(50% - 10px); right:-30px;}
.baranbox ul.step li:last-child {margin-right:0;}
.baranbox ul.step li:last-child:after {display:none;}
.baranbox ul.step li em {font-family: 'GmarketSans'; font-weight:600; color:#7b7b7b; font-size:15px; display:block; }
.baranbox ul.step li strong {font-family: 'GmarketSans'; font-weight:600; color:#333; font-size:22px; display:block; margin-bottom:10px;}
.baranbox ul.step li span {line-height:1.4em; display:block; font-size:16px;}

.baranbottom {background-color:#2c316c; padding:50px 100px 45px 100px; display:flex; justify-content:space-between; font-family: 'GmarketSans'; align-items:center; flex-wrap:wrap;}
.baranbottom p {font-size:28px; color:#fff; background:url(/portal/images/content/baranicon01.png) no-repeat 0 50%; padding:10px 0px 5px 40px;}
.baranbottom p strong {color:#ffe065; }
.baranbottom a {background:#fff; border-radius:50px; padding:10px 20px 5px 20px; box-shadow:5px 5px 5px rgba(0,0,0,0.4); font-size:18px; font-weight:600; position:relative; display:flex; align-items:center; color:#2c316c; transition:all .2s;}
.baranbottom a:after {content:''; display:block; width:23px; height:14px; background:url(/portal/images/content/baranicon02.png) no-repeat 0 0; margin-top:-5px; margin-left:20px;} 
.baranbottom a:hover {background-color:#f2f2f2; color:#000;}
@media screen and (max-width:1024px) {
	.baranbox {padding:50px 30px;}
	.baranbox:before {right:30px;}
	.baranbottom {padding:30px 30px 25px 30px;}
}
@media screen and (max-width:768px) {
	.baranbox {padding:30px 15px;}
	.baranbox:before {display:none;}
	.baranbox ul.step li {width:100%; margin-right:0!important; margin-bottom:40px;}
	.baranbox ul.step li:last-child {margin-bottom:0;}
	.baranbox ul.step li:after {top:auto; bottom:-30px; left:calc(50% - 10px); transform:rotate(90deg);}
	.baranbottom {padding:20px 30px 15px 30px;}
	.baranbottom p {font-size:20px;}
	.baranbottom p strong {display:block;}
}



/* #s5-4 .top-box{background-color:#fef9f7; padding:0 45px; margin-top:30px}
#s5-4 .top-box .tit {background-color: #bc827a;color: #fff;text-align: center;border-radius: 0 0 125px 125px;width: 250px;margin: 0 auto;height: 125px;font-family: 'GmarketSans'; font-size:22px; padding-top: 25px;}
#s5-4 .top-box .tit > b{font-weight:bold;font-size:32px}
#s5-4 .img-container {display:flex; justify-content:space-between; background-color:#fef9f7; margin-top:15px}
#s5-4 .table-wrap{margin-top:30px}

@media screen and (max-width: 1024px){
	#s5-4 .top-box {padding: 0 10px;}
	#s5-4 .img-container{flex-wrap:wrap}
	#s5-4 .img-wrap{width:50%; text-align:center}
}

@media screen and (max-width: 768px){
	#s5-4 .top-box .tit {width: 210px;height: 105px;font-size: 16px;padding-top: 20px;}
	#s5-4 .top-box .tit > b {font-size: 28px;}
}

@media screen and (max-width: 480px){
	#s5-4 .img-wrap {width: 100%;}
	#s5-4 .top-box {padding: 0 10px;}
} */





#s5-5 .paper{background:url('/portal/images/sub/s5-5-bg.jpg')no-repeat; padding:65px; background-size:cover}
#s5-5 .paper02{background:url('/portal/images/sub/s5-5-bg-02.jpg')no-repeat; padding:65px; background-size:cover}
#s5-5 .paper-border{border:2px solid #fff; padding:15px}
#s5-5 .inner{background-color:#fff; padding:85px; text-align:center}
#s5-5 .tit {font-family: 'YdestreetB';font-size: 60px;background: url(/portal/images/sub/s5-5-tit-bg.png)no-repeat center;padding: 10px 0;}
#s5-5 .tit span {color: #b71f25;}
#s5-5 .tit + p{margin-top:40px; font-size:22px; font-weight:400}
#s5-5 .tit + p > b{font-weight:600}
#s5-5 ul{border-top:1px dashed #ddd; margin-top:40px; padding:40px 0 0 70px}
#s5-5 ul.ethics{padding:40px 0 0 0px}
#s5-5 ul li{padding:3px 0 3px 40px;background:url('/portal/images/sub/s5-5-li-dot.png')no-repeat left 0 top 50%; margin:5px 0; text-align:left}
#s5-5 .sub-tit-wrap{border-top:1px dashed #ddd; margin-top:40px; padding:40px 0 0 0px}
#s5-5 .sub-tit-wrap .sub-tit{color:#b71f25; font-size:22px; font-weight:500;background:url('/portal/images/sub/s5-5-sub-tit-bg.png')no-repeat center}
#s5-5 .sub-tit-wrap .sub-tit:nth-child(n+2){margin-top:20px}
#s5-5 .sub-tit-wrap .sub-tit + p{margin-top:20px}

@media screen and (max-width: 1024px){
	#s5-5 .paper {padding: 50px 20px;}
	#s5-5 .inner {padding: 50px 20px;}
	#s5-5 ul {padding: 40px 0 0 0px;}
}

@media screen and (max-width: 768px){
	#s5-5 .tit {font-size: 44px;background: none;padding: 5px 0;}
	#s5-5 .tit + p {margin-top: 20px;font-size: 18px;}
	#s5-5 ul {padding: 20px 0 0 0px;margin-top:20px}
	#s5-5 .sub-tit-wrap{padding: 20px 0 0 0px;margin-top:20px}
	#s5-5 .sub-tit-wrap .sub-tit {font-size: 20px;}
}

@media screen and (max-width: 480px){
	#s5-5 .paper-border {border: 0;padding: 0px;}
	#s5-5 .inner {padding: 40px 15px;}
	#s5-5 .tit {font-size: 32px;padding: 0px 0;}
	#s5-5 .tit + p {margin-top: 15px;font-size: 16px;}
	#s5-5 .tit + p br{display:none}
	#s5-5 ul li {line-height: 1.4;}
}





#s5-6 .map-wrap{position:relative; margin-bottom:100px;}
#s5-6 .map{height:495px; width:100%; }
#s5-6 .map-desc-box{z-index:1;background:#b71f25 url('/portal/images/sub/clean-box-bg2.png') no-repeat right 120%; color:#fff; padding:45px 55px; border-radius:45px 0 45px 0; position:absolute;bottom: -40px;right: 35px; display:flex; align-items:center;}
#s5-6 .map-desc-box div {width:70%;}
#s5-6 .map-desc-box a {width:25%; margin-left:5%; display:block; border-radius:30px; background:#fff; text-align:center; padding:20px; font-weight:500;}
#s5-6 .map-desc-box a::before {content:''; display:block; width:36px; height:35px; background:url('/portal/images/sub/mapbtn.png') no-repeat 0 0; margin:0 auto 5px auto;}

#s5-6 .map-desc-box .tit{font-size:20px;font-family: 'GmarketSans'; font-weight:bold; color:#fffccb;}
#s5-6 .map-desc-box p{margin-top:10px}
#s5-6 .block-wrap{border-top:2px solid #333;}

#s5-6 .block-wrap .block{display:flex; align-items:center; padding:35px 10px 35px 35px;border-bottom:1px solid #ddd}
#s5-6 .block-wrap .icon{width:20%}
#s5-6 .block-wrap .block div.tinfo{width:80%}
#s5-6 .block-wrap .block div.tinfo p {font-size:2.0rem; font-family: 'GmarketSans'; font-weight:600; margin-bottom:10px;}
#s5-6 .block-wrap .block div.tinfo ul li {position:relative; padding-left:10px; font-size:1.8rem; line-height: 2;}
#s5-6 .block-wrap .block div.tinfo ul li::before {content:''; display:block; width:4px; height:4px; background:#666; position:absolute; top:13px; left:0; border-radius:50%;}

#s5-6 .block-wrap .block .red{background-color:#990000; }
#s5-6 .block-wrap .block .redf{color:#990000; }
#s5-6 .block-wrap .block .blue{background-color:#013aae;}
#s5-6 .block-wrap .block .red,
#s5-6 .block-wrap .block .blue{color:#fff; display:inline-block; padding:0px 10px; margin-bottom:5px}

@media screen and (max-width: 1024px){
	#s5-6 .block-wrap .block {padding: 30px 10px 30px 0px;}
}

@media screen and (max-width: 768px){
	#s5-6 .map {height: 400px;}
	#s5-6 .map-desc-box {padding: 40px 30px;border-radius: 35px 0 35px 0;width: 100%;right: 0; display:block;}
	#s5-6 .map-desc-box div,
	#s5-6 .map-desc-box a {width:100%;  display:block;} 
	#s5-6 .map-desc-box a {margin-left:0!important; padding:10px; margin-top:10px; align-items:center;}
	#s5-6 .map-desc-box a::before {display:inline-block; margin-bottom:0; width:18px; height:18px; background-size:100%; margin-right:10px;}
	
	#s5-6 .block-wrap .block {display: block;}
	#s5-6 .block-wrap .icon,
	#s5-6 .block-wrap .block div.tinfo{width:100%}
	#s5-6 .block-wrap .block {padding: 20px 10px 20px 0px;}
	#s5-6 .block-wrap .icon, 
	#s5-6 .block-wrap .block div.tinfo p{text-align:center;}
	
}




#s6-1-1 .box-container {display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:20px}
#s6-1-1 .box-container .box-wrap{width:calc(25% - 30px);display:flex; flex-direction: column;justify-content: flex-end;}
#s6-1-1 .box-container .box-wrap:first-child .box{height:100%; flex-direction: column; position:relative; justify-content: center;}   
#s6-1-1 .box-container .box-wrap:first-child .box .num{position:absolute; top:15px; left:15px}
#s6-1-1 .box-container .box-wrap:first-child .box p{margin-top: 10px;}
#s6-1-1 .box-container .box{position:relative;background-color:#fff; border:8px solid #e6efff; border-radius:0 40px 0 0; padding:30px; display:flex; align-items:center;font-family: 'GmarketSans'; font-weight:500;}
#s6-1-1 .box-container .box::before{width: 20px; height: 8px;position:absolute; display:block; content:""; transform:translate(-50%); top:50%; left:-28px;background:url('/portal/images/sub/s6-1-1-icon-arr.png')no-repeat;}
#s6-1-1 .box-container .box-wrap:first-child .box::before{display:none}
#s6-1-1 .box-container .box .num{color:#005dce; font-weight:bold;font-family: 'GmarketSans'; display:inline-block; margin-right:10px}
#s6-1-1 .box-container .box-wrap:nth-child(2) .box:nth-child(2){margin-top:20px}
#s6-1-1 .grey-box{background-color:#f5f5f5; padding:30px 20px}
#s6-1-1 .grey-box > .tit{font-size:22px; font-weight:500}

@media screen and (max-width: 1024px){
	#s6-1-1 .box-container .box {padding: 20px 10px;}
	#s6-1-1 .box-container .box-wrap {width: calc(25% - 15px);}
	#s6-1-1 .box-container .box::before {width: 16px; height: 7px;left: -18px;background-size: cover;}
}

@media screen and (max-width: 768px){
	#s6-1-1 .box-container .box-wrap {width: calc(50% - 15px);}
	#s6-1-1 .box-container .box-wrap:nth-child(n+3){margin-top:20px}
	#s6-1-1 .box-container .box-wrap:nth-child(3) .box::before{display:none}
	#s6-1-1 .box-container .box::before {left: -23px;}
	#s6-1-1 .grey-box{padding:30px 15px}
	#s6-1-1 .grey-box > .tit{font-size:18px}
}

@media screen and (max-width: 420px){
	#s6-1-1 .box-container .box-wrap {width: calc(100% - 0px);}
	#s6-1-1 .box-container .box::before{display:none}
	#s6-1-1 .box-container .box-wrap:nth-child(2) .box:nth-child(1) { margin-top: 20px;}
}




#s6-1-3 .tab-container{padding:9px; background:url('/portal/images/common/box.gif')}
#s6-1-3 .tab-container .tab-wrap{background-color:#fff;display:flex;flex-wrap:wrap;padding:30px}
#s6-1-3 .tab-container .tab-wrap li{width:calc(100% / 7 - 10px); margin:5px }
#s6-1-3 .tab-container .tab-wrap li a{border:1px solid #ddd;border-radius:6px;display:block; height:120px; background-color:#fff; text-align:center; background-position: left 50% top 25px;background-repeat: no-repeat;padding-top: 66px;line-height: 1.2;font-size: 15px;}
#s6-1-3 .tab-container .tab-wrap li a.on{border:2px solid #b71f25; box-shadow:0px 0px 10px 5px rgba(183,31,37,0.1)}

/*#s6-1-3 .tab-container .tab-wrap li:nth-child(n+9){margin-top:10px}*/
#s6-1-3 .tab-container .tab-wrap li:nth-child(1) a{background-image:url('/portal/images/sub/s6-1-3-tab18.png')}
#s6-1-3 .tab-container .tab-wrap li:nth-child(2) a{background-image:url('/portal/images/sub/s6-1-3-tab1.png')}
#s6-1-3 .tab-container .tab-wrap li:nth-child(3) a{background-image:url('/portal/images/sub/s6-1-3-tab2.png')}
#s6-1-3 .tab-container .tab-wrap li:nth-child(4) a{background-image:url('/portal/images/sub/s6-1-3-tab3.png')}
#s6-1-3 .tab-container .tab-wrap li:nth-child(5) a{background-image:url('/portal/images/sub/s6-1-3-tab4.png')}
#s6-1-3 .tab-container .tab-wrap li:nth-child(6) a{background-image:url('/portal/images/sub/s6-1-3-tab5.png')}
#s6-1-3 .tab-container .tab-wrap li:nth-child(7) a{background-image:url('/portal/images/sub/s6-1-3-tab6.png')}
#s6-1-3 .tab-container .tab-wrap li:nth-child(8) a{background-image:url('/portal/images/sub/s6-1-3-tab7.png')}
#s6-1-3 .tab-container .tab-wrap li:nth-child(9) a{background-image:url('/portal/images/sub/s6-1-3-tab8.png')}
#s6-1-3 .tab-container .tab-wrap li:nth-child(10) a{background-image:url('/portal/images/sub/s6-1-3-tab9.png')}
#s6-1-3 .tab-container .tab-wrap li:nth-child(11) a{background-image:url('/portal/images/sub/s6-1-3-tab10.png')}
#s6-1-3 .tab-container .tab-wrap li:nth-child(12) a{background-image:url('/portal/images/sub/s6-1-3-tab11.png')}
#s6-1-3 .tab-container .tab-wrap li:nth-child(13) a{background-image:url('/portal/images/sub/s6-1-3-tab12.png')}
#s6-1-3 .tab-container .tab-wrap li:nth-child(14) a{background-image:url('/portal/images/sub/s6-1-3-tab13.png')}
#s6-1-3 .tab-container .tab-wrap li:nth-child(15) a{background-image:url('/portal/images/sub/s6-1-3-tab14.png')}
#s6-1-3 .tab-container .tab-wrap li:nth-child(16) a{background-image:url('/portal/images/sub/s6-1-3-tab15.png')}
#s6-1-3 .tab-container .tab-wrap li:nth-child(17) a{background-image:url('/portal/images/sub/s6-1-3-tab16.png')}
#s6-1-3 .tab-container .tab-wrap li:nth-child(18) a{background-image:url('/portal/images/sub/s6-1-3-tab17.png')}
#s6-1-3 .tab-container .tab-wrap li:nth-child(19) a{background-image:url('/portal/images/sub/s6-1-3-tab20.png')}
#s6-1-3 .tab-container .tab-wrap li:nth-child(20) a{background-image:url('/portal/images/sub/s6-1-3-tab21.png')}

#s6-1-3 .tab-container .slick-arrow{z-index:10;width:50px; height:50px; background-color:#f5f5f5; color:#666; border-radius:50%; position:absolute; transform:translateY(-50%); top:50%; background-repeat:no-repeat; background-position:center}
#s6-1-3 .tab-container .slick-prev.slick-arrow{left:0; background-image:url('/portal/images/sub/s6-1-3-tab-arr-btn-prev.png')}
#s6-1-3 .tab-container .slick-next.slick-arrow{right:0;background-image:url('/portal/images/sub/s6-1-3-tab-arr-btn-next.png')}
#s6-1-3 table.response-table-custom button.file{display: inline-block; width: 120px;border: 1px solid #ddd;border-radius: 50px;padding: 5px 0 5px 15px;text-align: left;font-weight: 500;background: url(/portal/images/sub/board02-btn-icon.png)no-repeat right 15px top 50%;}

@media screen and (max-width: 1024px){
	#s6-1-3 .tab-container .tab-wrap li{width:calc(25% - 10px); }
	/*#s6-1-3 .tab-container .tab-wrap li:nth-child(n+5){margin-top:10px}*/
}

@media screen and (max-width: 768px){
	#s6-1-3 .tab-container .tab-wrap li{width:calc(100% - 0px)}
	/*#s6-1-3 .tab-container .tab-wrap li:nth-child(n+5){margin-top:0px}*/
	
	#s6-1-3 table.response-table-custom{width:768px}
	#s6-1-3 .tab-container .tab-wrap li a{font-size:14px}
	#s6-1-3 .tab-container .tab-wrap {padding: 30px 20px;}
}

.board-head-wrap.grey-bg{background-color:#f8f8f8; padding:30px; border-top:3px solid #333}
.board-head-wrap input.custom01-submit{background-color:#b71f25;}

/* .tbl.form input,
.tbl.form textarea{width:80%} */
.big-red-btn{color:#fff;background: #b71f25; width:150px; padding:8px 3px}

@media screen and (max-width: 768px){
	.board-head-wrap.grey-bg {padding: 30px 15px;}
	/*
	.board.board02{overflow-x:scroll}
	.board.board02 .board02-wrap{min-width:768px}
	.board.board02 + .scroll-desc{display:block}
	.board.board02 .body .announce a.button {width: 70px;text-align: center;background: none;padding: 5px 0 5px 0px;}
	*/
	.big-red-btn{width:120px}
}









#s6-4 .tab-container{display:flex; flex-wrap:wrap}
#s6-4 .tab-container > .tab{font-weight: bold; text-align: center; border:1px solid #ddd; padding:20px; /*background:url('/portal/images/sub/s6-4-tab-arr.png')no-repeat right 30px top 50%*/}
/* #s6-4 .tab-container > .tab.on{border:2px solid #b71f25; color:#b71f25; font-weight:500; background:url('/portal/images/sub/s6-4-tab-arr-on.png')no-repeat right 30px top 50%} */
#s6-4 .tab-container > .tab.on{border:2px solid #b71f25; color:#fff; font-weight:500; background-color: #b71f25;}
#s6-4 .tab-container.col03 > .tab{width:33.333%}
#s6-4 .tab-container.col02 {margin-bottom: 33px;}
#s6-4 .tab-container.col02 > .tab{width: 50%;}
#s6-4 .block-container {display:none}
#s6-4 .block-container.on {display:block}
#s6-4 .block{margin-top:40px;}
#s6-4 .block .tit{font-size:32px;color:#b71f25; font-weight:bold;background:url('/portal/images/sub/s6-4-tit-bg.png')no-repeat right;}
#s6-4 .company-container{margin-top:30px; display:flex; justify-content:space-between; flex-wrap:wrap}
#s6-4 .company-container > .company-wrap{width:calc(50% - 15px);border-radius:15px; border:1px solid #ddd; padding:25px 30px}
#s6-4 .company-container > .company-wrap:nth-child(n+3){margin-top:30px}
#s6-4 .company-wrap .img-wrap{text-align:center}
#s6-4 .company-wrap .txt-wrap{margin-top:25px; padding-top:25px; border-top:1px dashed #cacaca}
#s6-4 .company-wrap ul li{position:relative; padding-left:120px}
#s6-4 .company-wrap ul li span{position:absolute; left:0; padding-left:20px; font-weight:500}
#s6-4 .company-wrap ul li span:before{position:absolute; display:block; content:""; border-radius:50%; border:3px solid #b71f25; left:50%; width:12px; height:12px; left:0; transform:translateY(-50%); top:50%}

@media screen and (max-width: 1024px){
	#s6-4 .company-container > .company-wrap {width: calc(50% - 5px);border-radius: 10px;padding: 25px 20px;}
	#s6-4 .company-wrap ul li {padding-left: 100px;}
	#s6-4 .company-container > .company-wrap:nth-child(n+3) { margin-top: 10px;}
}

@media screen and (max-width: 640px){
	#s6-4 .tab-container> .tab{padding: 15px 10px;}
	#s6-4 .tab-container.col03 > .tab{width:100%}
	#s6-4 .tab-container.col02 > .tab{width:100%;margin-bottom: 0px;}
	#s6-4 .tab-container> .tab:nth-child(n+2){border-top:0}
	
	#s6-4 .company-container > .company-wrap {width: calc(100% - 5px);border-radius: 10px;border: 1px solid #ddd;padding: 25px 20px;}
	#s6-4 .company-container > .company-wrap{margin-top:20px}
	#s6-4 .company-container > .company-wrap:nth-child(n+3) { margin-top: 20px;}
	#s6-4 .company-container {margin-top: 10px;}
	#s6-4 .block .tit {font-size: 26px;background: none}
}

/*�Ⱥ�� ����*/
.obsm_main_tit {color: #333;}
.obsm_ico {text-align: center;}
.obsm_step {display: flex; justify-content: space-between;}
.obsm_step_item {display: inline-block;position: relative;margin-top: 20px; padding: 70px 7px 25px 7px; width: 17%; text-align: center;vertical-align: top;border: 2px dashed #ddd;border-radius: 0 0 25px 25px;/* background: url('/portal/images/sub/step-box.png')no-repeat center top / contain; */}
.obsm_step_item p {word-break: normal;}
.step_num {position: absolute;top: -1px;right: 50%;transform: translate(50%, 0); margin: -1px auto 20px;width: 123px;height: 33px;border-radius: 0 0 20px 20px;font-weight:700;text-align: center;color: #fff;background: #333333;}
.obsm_step_item:last-child .step_num {background: #b71f25;}
.obsm_step_item:before {content: "";display: block;position: absolute; top: 50%; left: -18%; width: 23px;height: 23px;background: url('/portal/images/sub/ico_arrow.png') no-repeat center top / contain;}
.obsm_step_item:first-child:before {display: none;background: none;}
.obsm_tit_ico {display:inline-block;}
.obsm_tit_ico:before {content:""; display: inline-block;margin-right: 7px;width: 22px;height: 22px;vertical-align: sub;background: url('/portal/images/sub/ico_check.png')no-repeat center top / contain;}
.obsm_step_tit {margin-bottom: 20px; font-family: 'GmarketSans'; font-weight: 700;}


@media screen and (max-width: 1024px){
	.obsm_step {display: block; text-align:center;}
	.obsm_step_item {margin-left:3%; padding: 36px 7px 25px 7px; width: 30.9%;height: 340px;}
	.obsm_step_item.step-hw{height: auto;}
	.obsm_step_item:first-child {margin-left: 0;}
	.obsm_step_item:before {left: -10%; width: 21px; height: 21px;}
	.obsm_step_tit {margin: 10px 0 5px;}
}
@media screen and (max-width: 768px){
	.obsm_step_item {margin-left:0%; margin-bottom: 10px; width:100%; height:auto; text-align: left;}
	.obsm_step_item:before {transform:rotate(90deg); top:-28px; left:calc(50% - 12px);}
	.obsm_step_item br {display: none;}
	.obsm_step_tit {margin-top: 0; display: inline-block;}
	.obsm_step_item img {padding-right: 10px; min-width: 100px;}
	.obsm_step_item {padding: 50px 20px 30px;}
	.obsm_step_item:last-child {padding-top: 40px;}
	.step_contents {display: flex;}
}
@media screen and (max-width: 420px){
	.obsm_step_item {padding: 40px 10px 20px 10px;}
	.obsm_step_item img{padding: 2% 10px 0 0; min-width: 80px;}
	.step_num {min-width: 80px; margin-bottom: 8px;}
}

div.perbox .per_info{position:relative; background:#f2f2f2; padding:30px;}
div.perbox .agree {padding:10px 30px; text-align:center; border:1px solid #f2f2f2; }
div.perbox p {font-weight:600; color:#000;}

.checkbox {position:relative;}
.checkbox input[type='radio'] + label { position: relative; display: inline-block;}
.checkbox input[type='radio'] + label:before { content: ''; display: inline-block; width: 18px; height: 18px; background: #fff; border: 1px solid #dedede; border-radius: 50%; vertical-align: middle;}
.checkbox input[type='radio'] + label span { display: inline-block; vertical-align: middle; margin-left: 6px;}
.checkbox input[type='radio']:checked + label:before { border: 1px solid #c90000; background:url(/portal/images/common/checkbox_check.png) no-repeat 50% 50%;}

.checkbox input[type='checkbox']:checked + label:before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: middle; background:url(/portal/images/common/checkbox_check.png) no-repeat 50% 50%; border: 1px solid #c90000;}
.checkbox input[type='checkbox'] + label span { vertical-align: middle; margin-left: 10px;color:#555; }
.checkbox input[type='checkbox'] + label:before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: middle; background-color: #fff; border: 1px solid #dddddd;}

.checkbox input[type='checkbox'],
.checkbox input[type='radio'] {position: absolute;top: 0;left: 0;width: 1px;height: 1px;opacity: 0}
.checkbox input[type='checkbox']:focus + label:before,
.checkbox input[type='radio']:focus + label:before {outline: 1px dashed #888}
.checkbox input[type='checkbox'] + label span,
.checkbox input[type='radio'] + label span {margin-right: 10px}


.ybox {border:1px solid #ccc; border-radius:0 25px 0px 0px;  padding:45px; margin-bottom:40px;}
.ybox.white {background:#fff;}
.ybox.gray {background:#f7f7f7;}
.ybox h3 {padding-left:0; color:#b71f25; border-bottom:1px solid #ccc; position:relative; padding-bottom:25px; padding-right:100px;}
.ybox h3::before {display:none;}
.ybox h3.yicon::after {content:''; display:block; width:100px; height:100px; border-radius:50%; border:1px solid #ccc; position:absolute; bottom:-50px; right:0; background-color:#fff; background-image:url(/portal/images/sub/sub_icon.png); background-repeat:no-repeat;}

.ybox h3.yicon.t01::after {background-position:0 0;}
.ybox h3.yicon.t02::after {background-position:-100px 0;}
.ybox h3.yicon.t03::after {background-position:-200px 0;}
.ybox h3.yicon.t04::after {background-position:-300px 0;}
.ybox h3.yicon.t05::after {background-position:-400px 0;}
.ybox h3.yicon.t06::after {background-position:-500px 0;}
.ybox h3.yicon.t07::after {background-position:-600px 0;}
.ybox h3.yicon.t08::after {background-position:-700px 0;}
.ybox h3.yicon.t09::after {background-position:-800px 0;}
.ybox h3.yicon.t10::after {background-position:-900px 0;}
.ybox h3.yicon.t11::after {background-position:0 -100px;}
.ybox h3.yicon.t12::after {background-position:-100px -100px;}
.ybox h3.yicon.t13::after {background-position:-200px -100px;}
.ybox h3.yicon.t14::after {background-position:-300px -100px;}
.ybox h3.yicon.t15::after {background-position:-400px -100px;}
.ybox h3.yicon.t16::after {background-position:-500px -100px;}
.ybox h3.yicon.t17::after {background-position:-600px -100px;}
.ybox h3.yicon.t18::after {background-position:-700px -100px;}
.ybox h3.yicon.t19::after {background-position:-800px -100px;}
.ybox h3.yicon.t20::after {background-position:-900px -100px;}
.ybox h3.yicon.t21::after {background-position:0 -200px;}
.ybox h3.yicon.t22::after {background-position:-100px -200px;}
.ybox h3.yicon.t23::after {background-position:-200px -200px;}
.ybox h3.yicon.t24::after {background-position:-300px -200px;}


@media screen and (max-width:1024px){
	.ybox {padding:30px 20px 30px 20px;}
	.ybox h3 {padding-bottom:10px;  padding-right:60px}
	.ybox h3.yicon::after {background-size:500px; width:50px; height:50px; bottom:-25px;}	
	
	.ybox h3.yicon.t01::after {background-position:0 0;}
	.ybox h3.yicon.t02::after {background-position:-50px 0;}
	.ybox h3.yicon.t03::after {background-position:-100px 0;}
	.ybox h3.yicon.t04::after {background-position:-150px 0;}
	.ybox h3.yicon.t05::after {background-position:-200px 0;}
	.ybox h3.yicon.t06::after {background-position:-250px 0;}
	.ybox h3.yicon.t07::after {background-position:-300px 0;}
	.ybox h3.yicon.t08::after {background-position:-350px 0;}
	.ybox h3.yicon.t09::after {background-position:-400px 0;}
	.ybox h3.yicon.t10::after {background-position:-450px 0;}
	.ybox h3.yicon.t11::after {background-position:0 -50px;}
	.ybox h3.yicon.t12::after {background-position:-50px -50px;}
	.ybox h3.yicon.t13::after {background-position:-100px -50px;}
	.ybox h3.yicon.t14::after {background-position:-150px -50px;}
	.ybox h3.yicon.t15::after {background-position:-200px -50px;}
	.ybox h3.yicon.t16::after {background-position:-250px -50px;}
	.ybox h3.yicon.t17::after {background-position:-300px -50px;}
	.ybox h3.yicon.t18::after {background-position:-350px -50px;}
	.ybox h3.yicon.t19::after {background-position:-400px -50px;}
	.ybox h3.yicon.t20::after {background-position:-450px -50px;}
	.ybox h3.yicon.t21::after {background-position:0 -100px;}
	.ybox h3.yicon.t22::after {background-position:-50px -100px;}
	.ybox h3.yicon.t23::after {background-position:-100px -100px;}
	.ybox h3.yicon.t24::after {background-position:-150px -100px;}

}

.yboxwrap {display:flex; justify-content: space-between; flex-flow:row wrap;}
.yboxwrap .ybox {width:48%;}
.yboxwrap .ybox h3 {margin-top:0;}
.yboxwrap .ybox h3 span {color:#333;}

@media screen and (max-width:768px){
.yboxwrap .ybox {width:100%;}	
}

.simgboxwrap {position:relative;}
.simgboxwrap .simgbox {display:flex; flex-flow:row wrap; align-items: flex-start; justify-content: flex-start; position:relative; margin-bottom:100px;}
.simgboxwrap .simgbox::after {content:''; display:block; position:absolute; top:40px; left:0; border:10px solid; width:100%; height:100%; z-index:0; border-image: url("/portal/images/sub/line01.gif") 12 12 round; }

.simgboxwrap .simgbox .sbox_thum {position:relative; padding:30px 80px 60px 30px; width:42%; z-index:1; background:#fff; box-sizing:border-box;}
.simgboxwrap .simgbox .sbox_thum::before {content:''; display:block; width:200px; height:200px; background:#f2f2f2; position:absolute; top:0; left:0; z-index:0;}
.simgboxwrap .simgbox .sbox_thum img {position:relative; border-radius:0 0 50px 0; z-index:1;}
.simgboxwrap .simgbox .sbox_thum::after {content:''; display:block; width:70%; height:70%; background:#f2f2f2; position:absolute; bottom:45px; right:60px; z-index:0; border-radius:0 0 50px 0; background:url('/portal/images/sub/line01.gif') repeat 0 0;}

.simgboxwrap .simgbox .sbox_con{ width:calc(58% - 40px); z-index:1; display:relative; padding-bottom:30px;}
.simgboxwrap .simgbox .sbox_con h3 {margin-top:30px!important; padding-left:0; font-size:2.8rem; background:#fff;}
.simgboxwrap .simgbox .sbox_con h3::before {display:none;}
@media screen and (max-width:980px){
	.simgboxwrap .simgbox .sbox_thum {padding:0px 80px 60px 0px;}
	.simgboxwrap .simgbox .sbox_thum::before {display:none;}
}
@media screen and (max-width:640px){
	.simgboxwrap .simgbox {border-bottom:1px dashed #dedede; margin-bottom:30px;}
	.simgboxwrap .simgbox:last-child{margin-bottom:0; border-bottom:0;}
	.simgboxwrap .simgbox .sbox_thum {width:100%; padding:0px 0px 0px 0px;}
	.simgboxwrap .simgbox .sbox_thum img {width:100%;}
	.simgboxwrap .simgbox .sbox_thum::after {display:none;}
	.simgboxwrap .simgbox::after {display:none;}
	.simgboxwrap .simgbox .sbox_con{ width:100%;}
	.simgboxwrap .simgbox .sbox_con h3 {margin-top:10px!important;}
}

.simgboxwrap.s01 h3 {color:#005dce;}
.simgboxwrap.s01 .simgbox .sbox_thum::before {background:#005dce;}

.simgboxwrap.s02 h3 {color:#6b3ed1;}
.simgboxwrap.s02 .simgbox .sbox_thum::before {background:#6b3ed1;}

.simgboxwrap.s03 h3 {color:#10a051;}
.simgboxwrap.s03 .simgbox .sbox_thum::before {background:#10a051;}

.simgboxwrap.s04 h3 {color:#4c2750;}
.simgboxwrap.s04 .simgbox .sbox_thum::before {background:#4c2750;}

.simgboxwrap.s05 h3 {color:#9c3a3a;}
.simgboxwrap.s05 .simgbox .sbox_thum::before {background:#9c3a3a;}

.simgboxwrap.s06 h3 {color:#1a5f7a;}
.simgboxwrap.s06 .simgbox .sbox_thum::before {background:#1a5f7a;}

.simgboxwrap.s07 h3 {color:#086954;}
.simgboxwrap.s07 .simgbox .sbox_thum::before {background:#086954;}

.simgboxwrap.s08 h3 {color:#b11a6d;}
.simgboxwrap.s08 .simgbox .sbox_thum::before {background:#b11a6d;}



.ssimgboxwrap {position:relative;}
.ssimgbox {display:flex; flex-flow:row wrap; align-items: flex-start; justify-content:space-between; position:relative; margin-bottom:120px;}
.ssimgbox .ssbox_thum {width:48%; position:relative;}
.ssimgbox .ssbox_thum img {width:90%; box-shadow:20px 20px 20px rgba(0,0,0,0.2); position:relative; z-index:1;}
.ssimgbox .ssbox_thum::before {content:''; display:block; width:90%; height:60%; position:absolute; bottom:-50px; right:0; background:url(/portal/images/sub/ssbox_bg.jpg) no-repeat 0 0; z-index:0; background-size:100%;}

.ssimgbox .ssbox_con {width:48%;}
.ssimgbox .ssbox_con h3 {margin-top:20px!important; font-size:3.2rem; padding-left:0;}
.ssimgbox .ssbox_con h3::before {display:none;}
.ssimgbox .ssbox_con h3 span {color:#b71f25;}
.ssimgbox .ssbox_con p + ul {border-top:2px dashed #ccc; padding-top:20px; margin-top:20px;}
.ssimgbox .ssbox_con ul li {display:flex; flex-flow:row wrap; align-items: flex-start; justify-content:flex-start; }
.ssimgbox .ssbox_con ul li strong {width:40px; font-family: 'GmarketSans'; font-weight:600; margin-top:4px;}
@media screen and (-webkit-min-device-pixel-ratio: 0){
	.ssimgbox .ssbox_con ul li strong {margin-top:2px;}
}
@media screen and (max-width:860px){
	.ssimgbox .ssbox_thum {width:38%;}
	.ssimgbox .ssbox_thum::before {bottom:-20px;}
	.ssimgbox {margin-bottom:70px;}
	.ssimgbox .ssbox_con {width:58%;}
	.ssimgbox .ssbox_con h3 {margin-top:0!important;}
}

@media screen and (max-width:479px){
	.ssimgbox .ssbox_thum {width:100%;  margin-bottom:10px;}
	.ssimgbox .ssbox_thum img {width:100%; box-shadow:none;}
	.ssimgbox .ssbox_thum::before {display:none;}
	.ssimgbox .ssbox_con {width:100%;}
}

.gonggan_top {position:relative; display:flex; flex-flow:row wrap; }
.gonggan_info {width:50%; border:10px solid #dedede; border-right:0; margin:40px 0; padding:40px 40px 120px 40px; position:relative; }
.gonggan_info p.tit {font-weight:600; font-size:2.8rem; font-family: 'GmarketSans'; margin-bottom:20px;}
.gonggan_info p.copy {line-height:2.6rem;}
.gonggan_info p.copyred {font-weight:600; color:#b71f25; line-height:2.6rem; margin-bottom:10px;}
.gonggan_info .link {position:absolute; bottom:40px; left:40px;}
.gonggan_info .link a {display:inline-block; height:43px; line-height:43px; margin-right:10px;  float:left; margin-top:5px;}
.gonggan_info .link a.bbtn {border-radius:30px; background:#b71f25; color:#fff; padding:0 15px; position:relative; width:185px; transition:all .2s;}
.gonggan_info .link a.bbtn::after {content:''; display:block; width:19px; height:19px; background:url(/portal/images/sub/bbtn_bg.png) no-repeat 0 0; position:absolute; top:12px; right:10px;}
.gonggan_info .link a.bbtn:hover {background-color:#891216;}


.img_slide {width:50%; position:relative; }
/* .img_slide .img_slide_con {box-shadow:10px 10px 10px rgba(0,0,0,0.2);} */
.img_slide .img_slide_con{box-shadow: 30px 30px 30px rgb(221 221 221); border-radius: 100px;}
.img_slide .img_slide_con img {width:100%; height:100%;}
.img_slide .controll {position:absolute; bottom:0; right:0; background:rgba(0,0,0,0.8); color:#fff; padding:5px 10px;}
.img_slide .controll .slide-count{font-size:14px; font-weight:200;  font-family: 'GmarketSans';}
.img_slide .controll .slide-count span {display:inline-block; width:20px;  text-align:center;}
.img_slide .controll .slide-count .current {font-weight:400;}
.img_slide .controll button {display:inline-block; background:#ff0000; text-indent:-9999px; width:30px; height:30px;}
.img_slide .controll button.prev-slide {background:url(/portal/images/sub/img_arrow_left.png) no-repeat 50% 50%;}
.img_slide .controll button.next-slide {background:url(/portal/images/sub/img_arrow_right.png) no-repeat 50% 50%;}
.img_slide .controll div {display:inline-block;}

@media screen and (max-width:1600px){
	
	.img_slide .controll {bottom:auto; right:0; top:0;}
}
@media screen and (max-width:1450px){
	.gonggan_info {border-right:10px solid #dedede;}
}
@media screen and (max-width:1400px){
	.gonggan_top { border:10px solid #dedede;}
	.gonggan_info { border:0; margin:0;}
	.img_slide {margin:30px; width:calc(50% - 60px);}
	
}

@media screen and (max-width:768px){
	.gonggan_info {width:100%; padding: 40px 30px 20px 30px;}	
	.gonggan_info .link {position:relative; bottom:auto; left:auto; margin-top:20px;}
	.img_slide { width:calc(100% - 60px); margin-top:0;}
}

.gongan_list {margin-top:10px;}
.gongan_list li {display:flex; justify-content: flex-start; border:1px solid #dedede; border-top:none; padding:15px 25px; line-height:4.2rem;}
.gongan_list li:first-child {border-top:1px solid #dedede;}
.gongan_list li strong {width:150px; position:relative; padding-left:50px;}
.gongan_list li strong::before {content:''; display:block; width:42px; height:42px; border-radius:50%; background:#b71f25; position:absolute; top:0; left:0;}
.gongan_list li strong.time::before {background:#b71f25 url(/portal/images/sub/gong_icon01.png) no-repeat 0 50%;}
.gongan_list li strong.add::before {background:#b71f25 url(/portal/images/sub/gong_icon01.png) no-repeat -42px 50%;}
.gongan_list li strong.tel::before {background:#b71f25 url(/portal/images/sub/gong_icon01.png) no-repeat -84px 50%;}
.gongan_list li strong.depart::before {background:#b71f25 url(/portal/images/sub/gong_icon01.png) no-repeat -126px 50%;} 
.gongan_list li span {width:calc(100% - 150px);}
.gongan_list li span em {color:#333; font-weight:600;}

@media screen and (max-width:480px){
	.gongan_list li {padding:15px 15px;}
	.gongan_list li span {line-height:2.8rem; margin-top:6px;}	
	.gongan_list li strong {width:120px;}
	.gongan_list li span {width:calc(100% - 120px);}
}

.gbox {position:relative; background:#eaeaea; padding:10px;}
.gbox::before {content:''; display:block; width:80px; height:80px; border-top:10px solid #b71f25; border-right:10px solid #b71f25; position:absolute; top:0; right:0;z-index:0;}
.gbox.gblue::before {border-color:#000099;}


.gbox > div {background:#fff; padding:30px; z-index:1; position:relative;}
.gongan_sisul {position:relative;}
.gongan_sisul li {display:flex; margin-bottom:5px;}
.gongan_sisul li:last-child {margin-bottom:0;}
.gongan_sisul li strong {color:#cc0000;  position:relative; padding-right:20px;margin-right:10px; flex:none;}
.gongan_sisul li strong::after {content:''; display:inline-block; width:8px; height:8px; border-radius:50%; background:#eecbcd; position:absolute; top:12px; right:0; }
.gongan_sisul li span em {font-weight:600; color:#333;}
@media screen and (max-width:1024px){
	.gongan_sisul li strong::after {top:10px;}
}

#s5-6 .gong_map .map { height:370px; width: 100%; }

#s5-6 .gong_map .map-desc-box {z-index: 1; background: #b71f25 url(/portal/images/sub/clean-box-bg2.png) no-repeat right 120%; color: #fff; padding:35px 45px; border-radius: 0; position: relative; bottom: auto; right: auto; display: flex; align-items: center;}
#s5-6 .gong_map .map-desc-box a::before {display:none;}
#s5-6 .gong_map .map-desc-box a {padding:15px;}
#s5-6 .gong_map .map-desc-box a span{position:relative; padding-left:40px;}
#s5-6 .gong_map .map-desc-box a span::before { content: ''; display: inline-block; width: 36px; height: 35px; background: url(/portal/images/sub/mapbtn.png) no-repeat 0 0; position:absolute; top:-5px; left:0;}  
@media screen and (max-width:768px){
	#s5-6 .gong_map .map-desc-box {display:block;}
	}

.line_box {border:1px solid #dedede; padding:30px 20px; font-size:2.0rem;}

.sisul_img {display:flex; margin-top:30px;}
.sisul_img > img {margin-right:30px!important; width:40%; height:100%;}
.sisul_img .gbox > div {height:100%;}
.sisul_img .gbox .gongan_sisul {margin-bottom:10px;}
.sisul_img .gbox .gongan_sisul li {font-size:1.8rem;}
.sisul_img .gbox .gongan_sisul li strong {font-weight:600;}
.sisul_img .gbox .gongan_sisul li strong.blue {color:#000099!important;}
.sisul_img .gbox .gongan_sisul li span {font-weight:400;}
@media screen and (max-width:768px){
	.sisul_img > img {margin-right:10px!important;}
}
@media screen and (max-width:620px){
	.sisul_img {display:block;}
	.sisul_img > img {width:100%; margin-right:0;}
	.sisul_img .gbox {width:100%;}
}
	
	

.junsi {display:flex; justify-content: space-between; }
.graybox {background:#f7f7f7; }	
.graybox {position:relative; padding:50px;}
.graybox img {box-shadow:10px 10px 10px rgba(0,0,0,0.2); width:100%;}
.graybox span {background:#b71f25; color:#fff; padding:5px 10px; font-size:15px; position:absolute; top:50px; left:50px; }


@media screen and (max-width:768px){
.graybox {position:relative; padding:20px;}	
.graybox span {top:20px; left:20px;}
	}

@media screen and (max-width:500px){
	.junsi {display:block;}
	}









.popup_list{    display: flex;    flex-wrap: wrap;}
.popup_list li{width:calc(25% - 10px); margin-bottom:10px; margin-right:10px;}
.popup_list li + li{margin-right:10px;}

.popup_list li img{min-height:297px;}

@media screen and (max-width:768px){
	.popup_list li{width:calc(50% - 10px);}
	.popup_list li img{min-height:auto;}
}