/*@charset "euc-kr";*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;700&family=Noto+Serif+KR:wght@400;700&display=swap');
/* font-family: 'Noto Sans KR', sans-serif;
font-family: 'Noto Serif KR', serif; */

/* IE 대응 */
@font-face {font-family: 'Noto Sans KR'; font-style: normal;font-weight: 300; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff');}
@font-face {font-family: 'Noto Sans KR'; font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff');}
/*@font-face {font-family: 'Noto Sans KR'; font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff');}*/


*{margin:0; padding:0;}
* {-webkit-text-size-adjust:none;} 
*{-webkit-box-sizing : border-box; -moz-box-sizing : border-box; -o-box-sizing : border-box; -ms-box-sizing : border-box; box-sizing : border-box;} 
a {text-decoration:none;}
a:hover {text-decoration:none;}
ul,li,dl,dt,dd,div,p,strong,span,img,a {margin:0; padding:0;}
li {list-style:none;}
img{max-width:100%; height:auto; image-rendering: -webkit-optimize-contrast;}
/* br, input { font-family:dotum;} */

html { font-size: 62.5%; }
h1,h2,h3,h4,h5,h6 {font-family: 'Noto Sans KR', sans-serif; font-weight: 700;}

#con01_area,
#con02_area,
#con03_area,
#con04_area,
#con05_area,
#con06_area,
#con07_area,
#con08_area,
#con09_area,
#con10_area{padding:0; font-family:'Noto Sans KR', sans-serif; font-weight: 300; font-size:2.6rem;color:#362e2b; line-height: 1.46;letter-spacing:-0.05em;overflow:hidden; word-break: keep-all}
#con02_area {/*margin-top:-80px;*/}
#con07_area {margin-top:0}

#con11_area .sub_footer_wrap > #pu21700{background: #fff;}

#con01_area .wrap,
#con02_area .wrap,
#con03_area .wrap,
#con04_area .wrap,
#con05_area .wrap,
#con06_area .wrap,
#con07_area .wrap,
#con08_area .wrap,
#con09_area .wrap,
#con10_area .wrap,
#bottom_area .wrap {width:1200px;margin:auto;}

.bold {font-weight: 900;}
.txt_orange {color:#f37021;}
.pc{display:block}
.mobile{display: none;}
.showp{display: block!important;}

.banner a {display: block;
    position: fixed;
    /*width: 250px;
    height: 250px;
    border-radius: 500px;*/
    right: 1%;
    bottom: 20px;
    z-index: 9999;
    /*background: url(images/btn_bracelet.png) no-repeat, linear-gradient(90deg, #ff8d41, #f36100);*/
    background-position: center 60px;
    cursor: pointer;
    color: transparent;
    font-size: 23px;
    font-weight: 600;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
   /* -webkit-box-shadow: 7px 10px 29px 0px rgba(248,110,26,0.35);
    -moz-box-shadow: 7px 10px 29px 0px rgba(248,110,26,0.35);
    box-shadow: 7px 10px 29px 0px rgba(248,110,26,0.35);*/
}




.btn_join {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 350px;
    height: 74px;
    background: #ff6600;
    font-size: 2rem;
    font-weight: 700;
    border-radius: 6px;
    color: #fff!important;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}
.btn_join:hover {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    /*width: 350px;
    height: 74px;*/
    background: #d75600;
    font-size: 2rem;
    font-weight: 700;
    border-radius: 6px;
    color: #fff!important;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}

.btn_guide{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 350px;
    height: 74px;
    background: #fff;
    font-size: 2rem;
    font-weight: 700;
    border-radius: 6px;
	border:3px solid #ff6600;
    color: #ff6600!important;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}

.btn_guide:hover{
	background: transparent;
	
}

.blind {display: block;left: 9999px; top:auto; width: 1px; height: 1px; overflow:hidden; position: absolute;}
/*.btn_fixed {position:fixed; top: 0!important;}*/

/*.btn_area a {display: block;cursor: pointer;}*/



/* --------------------------------- con01 --------------------------------- */

#con01_area {background: url(images/con01-bg.jpg) no-repeat; background-position: center top;width: 100%; /*height: 811px;*/ font-family:'Noto Sans KR', sans-serif; font-weight: 300;}


#con01_area > .wrap {padding: 135px 0 180px;}
#con01_area > .wrap .txt_area .txt01 {padding: 0 0 45px 0; width: 217px;}
#con01_area > .wrap .txt_area h1 {width: 411px; margin: 0 0 0 -16px;}
#con01_area > .wrap .txt_area .txt02 {padding: 60px 0 70px;}



/*--------------------------------------- con02 -----------------------------------------*/

#con02_area {background: url(images/con02-bg.jpg) no-repeat; background-position: center top;width: 100%; background-size: cover;/*height:714px;*/}
#con02_area > .wrap {padding: 95px 0 45px; color:#fff;}
#con02_area > .wrap .txt_area {padding: 0 0 0 65%; font-family: 'Noto Serif KR', serif; }
#con02_area > .wrap .txt_area .txt01 {font-size:3rem; padding: 0 0 10px 0; font-weight: 300;}
#con02_area > .wrap .txt_area .txt01 .highlight {position: relative; z-index: 0; font-weight:700;}
#con02_area > .wrap .txt_area .txt01 .highlight::after {content: '';
    background: #ff6600;
    opacity: 0.3;
    width: 107%;
    display: block;
    height: 25px;
    position: absolute;
    bottom: -3px;
    left: -8px;
    z-index: -1;}
#con02_area > .wrap .txt_area .txt02 {font-size:1.4rem; padding: 0 0 50px 0;letter-spacing: 0;}




/*--------------------------------------- con03 -----------------------------------------*/

#con03_area {background: url(images/con03-bg.jpg) no-repeat; background-position: center top;width: 100%; background-size: cover;/*height:805px;*/}
#con03_area > .wrap {padding: 180px 0 134px;}
#con03_area > .wrap h2 {width:542px;}
#con03_area > .wrap .txt01 {padding: 50px 0;}
#con03_area > .wrap .btn_area > a {margin: 0 0 16px 0;}



/*--------------------------------------- con04 -----------------------------------------*/

#con04_area {background: url(images/con04-bg.jpg) no-repeat; background-position: center bottom;width: 100%; /*height:882px;*/background-size: cover;}
#con04_area > .wrap {padding: 110px 0;}
#con04_area > .wrap .title_area {display: flex; }
#con04_area > .wrap .title_area h2 {padding: 0 60px 0 0; width:376px;}
#con04_area > .wrap h3 {font-size: 2.6rem; padding: 50px 0 12px 0;}
#con04_area > .wrap .txt01 {width:178px;}
#con04_area > .wrap .txt_area > .tag {display: flex; font-size:2.6rem; color:#33b2f2; font-weight: 700;}
#con04_area > .wrap .txt_area > .tag > p {padding: 0 20px 0 0;}






/*--------------------------------------- con05 -----------------------------------------*/

#con05_area {background: url(images/con05-bg.jpg) no-repeat; background-position: center top;width: 100%; background-size: cover; /*height:743px;*/}
#con05_area > .wrap {padding: 145px 0 115px;}
#con05_area > .wrap .txt_area {padding: 0 0 0 50%;}
#con05_area > .wrap .txt_area h2 {padding: 0 0 60px 0; width: 339px;}
#con05_area > .wrap .txt_area p {padding: 0 0 25px 0;}
#con05_area > .wrap .txt_area p:nth-child(3) {padding: 0 0 50px 0;}




/*--------------------------------------- con06 -----------------------------------------*/

#con06_area {background: url(images/con06-bg.jpg) no-repeat, #f1faff; background-position: center top;width: 100%; /* height:1092px; */ /* position: relative; */ /* z-index: 10; */}
#con06_area > .wrap {padding: 130px 0 0; /* position: relative; */ }
#con06_area > .wrap .txt_area {text-align:center;padding: 0 0 700px 0;}
#con06_area > .wrap .txt_area h2 {padding: 0 0 20px 0;}
#con06_area > .wrap .txt_area h2 img {margin: auto;}
#con06_area > .wrap .box_area {/* position: absolute; */ z-index: 100; display: flex; flex-direction: row; justify-content: space-between; /* bottom: -980px; */}
#con06_area > .wrap .box_area .box {padding: 40px 35px 30px; background: #fff; box-sizing: border-box; border-radius: 10px; width: 32%;}
#con06_area > .wrap .box_area .box.box_blue {border: 3px solid #25a8ea;}
#con06_area > .wrap .box_area .box.box_orange {border: 3px solid #ff6600;}
#con06_area > .wrap .box_area .box.box_black {border: 3px solid #362e2b;}
#con06_area > .wrap .box_area .box h3 {line-height: 0;}
#con06_area > .wrap .box_area .box.box_blue h3 {width:157px;}
#con06_area > .wrap .box_area .box.box_orange h3 {width:152px;}
#con06_area > .wrap .box_area .box.box_black h3 {width:221px;}
#con06_area > .wrap .box_area .box .comment {font-size: 2.2rem; padding: 22px 0 0 0;}
#con06_area > .wrap .box_area .box .name {font-size: 1.8rem; font-weight: 700; text-align: right; padding: 24px 0 0 0;}





/*--------------------------------------- con07 -----------------------------------------*/

#con07_area {background: #f1faff;width: 100%; /*height:1092px;*//* position:relative; */ /* z-index: 1; */}
#con07_area > .wrap {padding: 125px 0 135px; text-align: center;}
#con07_area > .wrap h2 {padding: 0 0 40px 0;}
#con07_area > .wrap h2 img {margin: auto;}
#con07_area > .wrap .video_area {width: 1000px; margin:auto;}
/*#con07_area > .wrap .video_area .video{width: 100%; position: relative; padding-bottom: 56.25%;}
#con07_area > .wrap .video_area .video iframe {position: absolute; width: 100%; height: 100%;}*/





/*--------------------------------------- con08 -----------------------------------------*/

#con08_area {background: url(images/con08-bg.jpg) no-repeat; background-position: center top;width: 100%; /*height:1154px;*/}
#con08_area > .wrap {padding: 120px 0 135px; text-align: center;}
#con08_area > .wrap h2 {padding: 0 0 90px 0;}
#con08_area > .wrap h2 img {margin: auto;}
#con08_area > .wrap .box_area {display: flex; justify-content: space-between; }
#con08_area > .wrap .box_area .box {box-sizing: border-box; border-radius: 30px; width: 48%;}
#con08_area > .wrap .box_area .box.box_orange {border:5px solid #ff6600; background: #f3ecdc;}
#con08_area > .wrap .box_area .box.box_orange > h3 {padding: 40px 144px 50px; margin: auto; background: #ff6600; border-radius: 20px 20px 0 0; width:100%;}
#con08_area > .wrap .box_area .box.box_orange > .txt_area {background: url("images/con08-box01-bg.png") no-repeat; background-position: center 100%; background-size: cover;width: 100%; padding: 40px 0 10px; border-radius: 0 0 25px 25px;}
#con08_area > .wrap .box_area .box.box_orange > .txt_area p {padding: 0px 0 230px; width: 355px; margin: auto;}
#con08_area > .wrap .box_area .box.box_orange > .txt_area .btn_area > a {margin: 0 auto 18px; }


#con08_area > .wrap .box_area .box.box_blue {border:5px solid #33b2f2; background: #d9ebf4;}
#con08_area > .wrap .box_area .box.box_blue > h3 {padding: 40px 99px 50px; margin: auto; background: #33b2f2; border-radius: 20px 20px 0 0; width: 100%;}
#con08_area > .wrap .box_area .box.box_blue > .txt_area {background: url("images/con08-box02-bg.png") no-repeat; background-position: center 100%; background-size: cover;width: 100%; padding: 40px 0 10px; border-radius: 0 0 25px 25px;}
#con08_area > .wrap .box_area .box.box_blue > .txt_area p {padding: 0px 0 363px; width: 383px; margin: auto;}
#con08_area > .wrap .box_area .box.box_blue > .txt_area .btn_area > a {margin: 0 auto 18px; background: #33b2f2;}
#con08_area > .wrap .box_area .box.box_blue > .txt_area .btn_area > a:hover {background: #1286c0}



/*--------------------------------------- con09 -----------------------------------------*/
#con09_area {}
#con09_area .con_wrap {width: 2000px; margin: auto; display: flex;}
#con09_area .img_area {width:47%; background: url("images/con09-bg.jpg") no-repeat; background-position: center top; background-size: cover; height: 688px;}

#con09_area .txt_area {width: 53%; background: #ff6600; color: #fff; padding: 170px 0 0 65px;}
#con09_area .txt_area > p:nth-child(2) {padding: 25px 0 25px;}





/*추가*/
#con10_area {padding: 120px 0 130px;}
#con10_area h2 {text-align: center; padding: 0 0 60px 0;}
#con10_area .faq-q,
#con10_area .faq-a {padding:24px 60px}
#con10_area .faq-q {position:relative;display:flex;border-bottom: #b9b2ad 1px solid; font-size:2.2rem;cursor: pointer}
#con10_area .faq-q span {margin-right: 10px}
#con10_area .faq-q::after {content: '';width:24px;height:24px;position: absolute;top:34px;right:60px;background: url('images/icon-faq-down.svg') no-repeat; transition: all 0.3s ease-in-out; }
#con10_area .faq-a {font-size:1.8rem;color:#726969}
#con10_area .faq-a a {text-decoration: underline}



/*--------------------------------------- con10 -----------------------------------------*/

/*#con10_area {background: url(images/con10-bg.jpg) no-repeat; background-position: center top;width: 100%; }
#con10_area > .wrap {padding: 180px 0 205px;}
#con10_area > .wrap h2 {padding: 0 0 50px 0;}
#con10_area > .wrap p {line-height: 1.55;}*/





#bottom_area .wrap {text-align: center; padding: 0.5% 0; font-size: 1.6rem; word-break: keep-all;}