@font-face {
    font-family:'Vitro_pride';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/Vitro_pride.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'Vitro_core';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/Vitro_core.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.boWrap{background:rgba(250,250,250,1);background:linear-gradient(-45deg , #297dc5 60%, #8ae4fc 100%);background:#f2f5f7;padding-bottom:0;}
#pageMake{}
.sectionTopContainer{font-family:'Noto Sans KR', sans-serif;font-size:16px;}

.sectionTopContainer [class*='img-shape']{position:absolute;z-index:5;}

.container-head{position:relative;z-index:9;/*background:#8ae4fc;*/text-align:center;padding:110px 30px;color:#fff;font-size:20px;/*background:#1a45bf;*/}
.container-head:after{content:"";width:calc(100% + 1000px);height:800px;border-bottom-left-radius:50%;border-bottom-right-radius:50%;display:block;background:#1a45bf;position:absolute;bottom:-0px;left:0;margin-left:-500px;z-index:-1}
.container-head .h1{font-family:'Vitro_core';font-size:52px;font-weight:normal;letter-spacing:0.05em;margin-bottom:15px;}
.container-head .h2{color:#c9f4ff;font-size:18px;}
.container-head .h3{color:#fffd5b;}

.container-body{position:relative;z-index:2;padding:50px 30px;}
.container-box{position:relative;z-index:6;margin-top:75px;max-width:1000px;margin-left:auto;margin-right:auto;padding:35px 25px 25px;border-radius:14px;background:#fff;/*border:1px solid rgba(0,0,0,0.1);*/box-shadow:0 19px 25px rgba(26,69,191,0.08);}
.container-box .box-title{position:absolute;top:-20px;left:20px;z-index:10;font-size:17px;font-weight:500;line-height:1em;background:#1a45bf;color:#fff;border-radius:40px;height:35px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;}

.email{color:#2652d0}
.download-doc{margin-left:0.6em;height:33px;padding:0 15px;border-radius:5px;font-size:15px;font-weight:500;background:#3c6bf1;color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;}
.download-doc:after{content:'\e967';font-family:'intaefont';font-size:15px;margin-left:0.5em;}
.download-doc:hover{background:#2652d0}

.container-box ul{}
.container-box ul li{position:relative;padding-left:1em;line-height:1.8em;color:#3a3c3f}
.container-box ul li:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;position:absolute;top:0.8em;left:5px;background:#1a45bf}
.container-box ul li p:first-child{font-size:18px;font-weight:500;color:#101010;}
.container-box ul li:not(:first-child){margin-top:1em}


.figure{display:flex;align-items:center;margin:10px 0;}
.figure .inner{counter-reset:list-number;/*padding:10px;border-radius:50px;background:rgba(0,0,0,0.08);*//*color:#fff;*/display:inline-flex;align-items:center;justify-content:center;}
.figure .inner span{counter-increment:list-number;position:relative;font-size:18px;font-weight:500;height:50px;padding:0 25px;border-radius:40px;background:#fff;border:2px solid #1a45bf;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 7px 9px rgba(0,0,0,0.05);}
.figure .inner span:before{content:counter(list-number);width:25px;height:25px;border-radius:50%;background:#1a45bf;color:#fff;font-size:15px;font-weight:500;margin-left:-15px;margin-right:10px;/*position:absolute;top:50%;left:-15px;margin-top:-15px;*/
	display:inline-flex;align-items:center;justify-content:center;}
.figure .inner span:not(:first-child){margin-left:30px;}
.figure .inner span:not(:first-child):after{content:'\e931';font-family:'intaefont';font-size:14px;color:#1a45bf;line-height:1em;position:absolute;top:50%;left:-20px;margin-top:-7px;}

.container-head .img-shape01{top:-70px;right:-50px;}
.container-head .img-shape02{top:00px;left:-50px;}
.container-head .img-shape03{bottom:-0px;left:32%;}
.container-body .img-shape04{top:100px;left:80px;opacity:0.9}
.container-body .img-shape05{top:-130px;right:-40px;opacity:0.6}
.container-body .img-shape06{top:50px;left:55%;opacity:0.7}
.container-body .img-shape07{top:60%;right:15%;opacity:0.6}
.container-body .img-shape08{bottom:-250px;left:-60px;opacity:0.6}
.container-body .img-shape09{bottom:-340px;right:-80px;opacity:0.6}



/* #section-2 */ 
#section-2 .container-head{}
#section-2 .container-head:after{background:#ff5e2c;}
#section-2 .container-head .h2{color:#fffcdc;}
#section-2 .container-box .box-title{background:#ff5e2c;}
#section-2 .container-box ul li:before{background:#ff5e2c}
#section-2 .figure .inner span{border-color:#ff5e2c}
#section-2 .figure .inner span:before{background-color:#ff5e2c;}
#section-2 .figure .inner span:after{color:#ff5e2c;}


/* #section-3 */ 
#section-3 .container-head{}
#section-3 .container-head:after{background:#1bc8a6;}
#section-3 .container-head .h2{color:#9dfce9;}
#section-3 .container-box .box-title{background:#1bc8a6;}
#section-3 .container-box ul li:before{background:#1bc8a6}
#section-3 .figure .inner span{border-color:#1bc8a6}
#section-3 .figure .inner span:before{background-color:#1bc8a6;}
#section-3 .figure .inner span:after{color:#1bc8a6;}







@media screen and (max-width:760px) {
	
	.sectionTopContainer{font-size:14px;}
	.container-head{padding:80px 10px;font-size:18px;}
	.container-head .h1{font-family:'Vitro_core';font-size:32px;font-weight:normal;letter-spacing:0.05em;margin-bottom:15px;}
	.container-head .h2{font-size:16px;}

	.container-body{padding:30px 20px;}
	.container-box{margin-top:55px;max-width:100%;padding:25px 20px 20px;}
	.container-box .box-title{top:-15px;left:15px;font-size:16px;font-weight:500;line-height:1em;height:30px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;}

	.container-box ul{}
	.container-box ul li{position:relative;padding-left:0.7em;line-height:1.8em;color:#3a3c3f;word-break:keep-all;}
	.container-box ul li:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;position:absolute;top:0.8em;left:0px;background:#1a45bf}
	.container-box ul li p:first-child{font-size:15px;}
	
	.container-head .img-shape01{width:180px;top:-70px;right:-50px;}
	.container-head .img-shape02{width:90px;top:20px;left:-20px;}
	.container-head .img-shape03{width:60px;bottom:-10px;left:32%;}
	.container-body .img-shape04{width:100px;top:20px;left:20px;opacity:0.9}
	.container-body .img-shape05{width:120px;top:-60px;right:-20px;opacity:0.6}
	.container-body .img-shape06{width:50px;top:50px;left:45%;opacity:0.7}
	.container-body .img-shape07{width:25px;top:60%;right:20px;opacity:0.6}
	.container-body .img-shape08{width:160px;bottom:-110px;left:-50px;opacity:0.6}
	.container-body .img-shape09{width:150px;bottom:-180px;right:-40px;opacity:0.6}

	.figure{display:flex;align-items:center;flex-wrap:wrap;margin:5px 0;width:100%;}
	.figure .inner{margin-left:-10px;display:flex;justify-content:flex-start;flex-wrap:wrap;}
	.figure .inner span{font-size:14px;font-weight:500;height:36px;padding:0 15px;border:2px solid #1a45bf;margin-top:5px;margin-bottom:5px;}
	.figure .inner span:before{width:18px;height:18px;border-radius:50%;background:#1a45bf;color:#fff;font-size:13px;font-weight:500;margin-left:-10px;margin-right:5px;}
	.figure .inner span:not(:first-child){margin-left:5px;}
	.figure .inner span:not(:first-child):after{display:none;}

}