/* SUB COMMON */
.sub_visual_wrap {z-index: 20; position: fixed; left: 50%; top:0; width: 100%; height: 1000px; transform: translateX(-50%);}
.sub_visual_wrap .visual {width: 100%; height: 1000px;}
.sub_visual_wrap .visual .guide {position:relative; height: 1000px;}
.sub_visual_wrap .visual h2 {position:absolute; font-size: 4em; letter-spacing: -1px;}

.sub_cont_wrap {z-index:30; position:relative; width: 100%; background-size:cover;}
.sub_cont_wrap .bg_top, .sub_cont_wrap .bg_bottom {width: 100%; height: 190px;}

#footer {display: block; position: static; bottom: auto; padding: 125px 0 80px 0; background-color: #fff; box-sizing: border-box;}




/* SUB01 */
.sub_visual_wrap.visual_sub01 .visual {background: url(../img/sub01_visual.jpg) no-repeat center center;}
.sub_visual_wrap.visual_sub01 .visual h2 {left: 40px; top: 300px; color: #b4d8d6; text-shadow: 1px 2px 3px rgba(0,0,0,0.15);}
.sub_visual_wrap.visual_sub01 .visual h2 span {font-size: 1.4em;}
.sub_visual_wrap.visual_sub01 .visual h2 span.color {color: #87bebe;}
.sub_visual_wrap.visual_sub01 .visual .char1 {position: absolute; left: 55%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 164px;}
.sub_visual_wrap.visual_sub01 .visual .char2 {position: absolute; left: 65%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 164px;}

.sub01 {margin-top: 910px;}
.sub01 .txt_wrap h3 {font-size: 70px; line-height: 100%;}
.sub01 .txt_wrap p {font-size: 30px; line-height: 140%;}


/* sub01 sec_about */
.sub01 .bg_top.bg_t_about {width: 100%; background: url(../img/sub01_about_bg1.png) no-repeat right center;}
.sub01 .bg_bottom.bg_b_about {position: relative; z-index: 40; background: url(../img/sub01_about_bg2.png) no-repeat;}

.sub01 .sec_about {position:relative; padding: 340px 0 75px 0; background-color: #eacfb1;}
.sub01 .sec_about .tit.ft_re {position: absolute; top: -430px; width: 100%; padding: 70px 0 150px 0; background: url(../img/sub01_about_tit.png) no-repeat; background-size: contain; font-size: 40px; text-align: center; line-height: 150%; box-sizing: border-box;}
.sub01 .sec_about .img {float: left; position:relative; width: 50%;}
.sub01 .sec_about .img .img_fade {position:absolute; bottom: 320px; left: 57px; animation: fadeIn 1.5s ease-in infinite;}

.sub01 .sec_about .txt_wrap {float:left; position: relative; width: 50%; padding: 70px 0 0 36px; box-sizing: border-box;}
.sub01 .sec_about .txt_wrap h2 {font-size: 2.8em; margin-bottom: 65px;}
.sub01 .sec_about .txt_wrap p.big {font-size: 60px; margin-bottom: 57px; color:#fff; line-height: 130%;}
.sub01 .sec_about .txt_wrap p b {font-weight: 600;}
.sub01 .sec_about .txt_wrap p.small {font-size: 28px; color:#fff;}

@-webkit-keyframes fadeIn {
	0% {opacity: 0.1;}
  100% {opacity: 1;}
}
@keyframes fadeIn {
	0% {opacity: 0.1;}
  100% {opacity: 1;}
}


/* sec_conts */
.sub01 .sec_conts {position:relative; z-index: 30; top: -190px; margin-bottom: -190px; height: 900px; padding: 220px 0 170px 0; background: url(../img/sub01_conts_bg.png) no-repeat;}
.sub01 .sec_conts .txt_wrap {padding: 175px 0 0 36px; color:#fff;}
.sub01 .sec_conts .conts_slide {z-index:10; position: absolute; width: 100%; top : 290px;}
.sub01 .sec_conts .conts_slide .guide img {float:right; width: 450px; margin-right: 50px; border-radius: 30px 30px 0 0; box-shadow: 2px -4px 5px rgba(0,0,0,0.1);}
.sub01 .sec_conts .conts_slide .txt_box_wrap {position:absolute; left:0; bottom:210px; width: 60%; max-width: 1155px; min-width: 785px; height: 300px; box-shadow: 2px 2px 3px rgba(0,0,0,0.1); background-color: #fff; border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
.sub01 .sec_conts .conts_slide .txt_box_wrap .txt_box {float:right; position:relative; width:785px; height: 300px;}
.sub01 .sec_conts .conts_slide .txt_box_wrap .txt_box span {position: absolute; left:0px; top: 50%; transform:translateY(-50%); width: 290px; height: 126px; font-size: 3em; text-align: center; border-right:1px solid #f1f1f1; line-height: 126px;}
.sub01 .sec_conts .conts_slide_wrap .conts_slide ul {width: 500px; border-radius: 25px; box-shadow: 5px 10px 10px rgba(0,0,0,0.15);}
.sub01 .sec_conts .conts_slide ul li:nth-child(1) .txt_box span {color:#ec5656;}
.sub01 .sec_conts .conts_slide ul li:nth-child(2) .txt_box span {color:#8fc5f7;}
.sub01 .sec_conts .conts_slide ul li:nth-child(3) .txt_box span {color:#f6898b;}
.sub01 .sec_conts .conts_slide ul li:nth-child(4) .txt_box span {color:#a161a7;}
.sub01 .sec_conts .conts_slide ul li:nth-child(5) .txt_box span {color:#78abdc;}
.sub01 .sec_conts .conts_slide ul li:nth-child(6) .txt_box span {color:#854f1f; letter-spacing: -1.4px}
.sub01 .sec_conts .conts_slide .txt_box_wrap .txt_box p  {position:absolute; width: 850px; left:290px; top:50%; transform: translateY(-50%); font-size: 1em;  padding-left: 30px;   color:#4c4c4c;}

.sub01 .sec_conts .controll {z-index: 40; position: absolute; left: 50%; transform: translateX(-50%); top: 55%; overflow:inherit}
.sub01 .sec_conts .controll .slick-arrow {position:absolute; width: 32px; height: 60px; cursor: pointer;}
.sub01 .sec_conts .controll .about_prev {left:-70px;  background:url(../img/sub01_about_prev.png) no-repeat;}
.sub01 .sec_conts .controll .about_next {right:-70px;  background:url(../img/sub01_about_next.png) no-repeat;}


/* sec_mission */
.sub01 .sec_mission {padding: 170px 20px 250px 20px; background-color: #fcfbf8;}
.sub01 .sec_mission .mission_slide_wrap {float: left; position: relative; width: 40%;}
.sub01 .sec_mission .mission_slide_wrap .mission_slide ul {width: 450px; border-radius: 25px; box-shadow: 5px 10px 10px rgba(0,0,0,0.15);}
.sub01 .sec_mission .mission_slide_wrap .char {position: absolute; bottom: -55px; right: -60px; width: 230px;}

.sub01 .sec_mission .txt_wrap {float: right; width: 50%; padding: 140px 0 0 30px; box-sizing: border-box;}
.sub01 .sec_mission .txt_wrap .ft_re {padding-bottom: 60px;}

/* master */
.sub01 .bg_top.bg_t_master {position: relative; z-index: 40; top: -190px; margin-bottom: -190px; background: url(../img/sub01_master_bg1.png) no-repeat;}

.sub01 .sec_master {position:relative; z-index: 40; padding: 170px 20px 250px 20px; background-color: #7a8e9d;}
.sub01 .sec_master .txt_wrap {float: left; width: 50%; padding: 140px 0 0 30px; box-sizing: border-box;}
.sub01 .sec_master .txt_wrap .ft_re {padding-bottom: 60px; color: #fff;}
.sub01 .sec_master .txt_wrap p {color: #fff;}

.sub01 .sec_master .master_slide_wrap {float: right; position: relative; width: 40%;}
.sub01 .sec_master .master_slide_wrap .master_slide ul {width: 450px; border-radius: 25px; box-shadow: 5px 10px 10px rgba(0,0,0,0.15);}
.sub01 .sec_master .master_slide_wrap .char {position: absolute; bottom: -40px; left: -140px; width: 280px;}

/* end - SUB01 */



/* SUB02 */
.sub_visual_wrap.visual_sub02 .visual {background: url(../img/sub02_visual.jpg) no-repeat center center;}
.sub_visual_wrap.visual_sub02 .visual h2 {left: 200px; top: 550px; font-size: 60px; color: #d2d5f5; z-index: 20;}
.sub_visual_wrap.visual_sub02 .visual .guide [data-aos^=fade][data-aos^=fade].aos-animate {opacity: 0.6 !important;}
.sub_visual_wrap.visual_sub02 .visual p.img {position: absolute; left: 50%; width: 1920px; height: 100%; transform: translateX(-50%);}
.sub_visual_wrap.visual_sub02 .visual p.img span {display: block; width: 100%; height: 100%; }

.sub_visual_wrap.visual_sub02 .visual p.img:nth-of-type(1){z-index: 10; height: 204px; bottom: 164px;}
.sub_visual_wrap.visual_sub02 .visual p.img:nth-of-type(1) span {background: url(../img/sub02_visual_char01.png) no-repeat center bottom;}
.sub_visual_wrap.visual_sub02 .visual p.img:nth-of-type(2){z-index: 11; top: 0; background: url(../img/sub02_visual_01.png) no-repeat center top;}
.sub_visual_wrap.visual_sub02 .visual p.img:nth-of-type(3){z-index: 12; height: 187px; bottom: 124px;}
.sub_visual_wrap.visual_sub02 .visual p.img:nth-of-type(3) span {background: url(../img/sub02_visual_char02.png) no-repeat center bottom;}
.sub_visual_wrap.visual_sub02 .visual p.img:nth-of-type(4){z-index: 13; top: 0; background: url(../img/sub02_visual_02.png) no-repeat center top;}
.sub_visual_wrap.visual_sub02 .visual p.img:nth-of-type(5){z-index: 14; height: 264px; bottom: 24px;}
.sub_visual_wrap.visual_sub02 .visual p.img:nth-of-type(5) span {background: url(../img/sub02_visual_char03.png) no-repeat center bottom;}
.sub_visual_wrap.visual_sub02 .visual p.img:nth-of-type(6){z-index: 15; top: 0; background: url(../img/sub02_visual_03.png) no-repeat center top;}


.sub02 {margin-top: 880px;}
.sub02 .txt_wrap h3 {font-size: 70px; line-height: 100%;}
.sub02 .txt_wrap p {font-size: 30px;}


/* info */
.sub02 .bg_top.bg_t_intro {background: url(../img/sub02_intro_bg1.png) no-repeat;}
.sub02 .sec_intro {position: relative; z-index: 40; padding: 130px 0 280px 0; background-color: #f8fbff;}
.sub02 .sec_intro ul li {position: relative; margin-bottom: 155px;}
.sub02 .sec_intro ul li:last-child {margin: 300px 0 0 0;}
.sub02 .sec_intro ul li:nth-child(odd) .img_box, .sub02 .sec_intro ul li .txt_box_wrap {float: left;}
.sub02 .sec_intro ul li:nth-child(even) .img_box {float: right;}

.sub02 .sec_intro ul li .img_box {position: relative; width: 500px; height: 500px;  margin: 0 50px; border-radius: 50%;}
.sub02 .sec_intro ul li:nth-child(1) .img_box {background-color: #ef9970;}
.sub02 .sec_intro ul li:nth-child(2) .img_box {background-color: #a8cef1;}
.sub02 .sec_intro ul li:nth-child(3) .img_box {background-color: #f88686;}
.sub02 .sec_intro ul li:nth-child(4) .img_box {background-color: #9a51ad;}
.sub02 .sec_intro ul li:nth-child(5) .img_box {background-color: #436091;}
.sub02 .sec_intro ul li:nth-child(6) .img_box {background-color: #babe99;}
.sub02 .sec_intro ul li:nth-child(7) .img_box {background-color: #f5d099; margin-bottom: 50px;}
.sub02 .sec_intro ul li:last-child .img_box {background: url(../img/sub02_info_last_bg.png) no-repeat;}

.sub02 .sec_intro ul li .img_box img {position: absolute;}
.sub02 .sec_intro ul li:nth-child(1) .img_box img {left: 93px; bottom: -80px;}
.sub02 .sec_intro ul li:nth-child(2) .img_box img {right: 30px; bottom: -80px;}
.sub02 .sec_intro ul li:nth-child(3) .img_box img {right: 140px; bottom: -90px;}
.sub02 .sec_intro ul li:nth-child(4) .img_box img {right: 40px; bottom: -35px;}
.sub02 .sec_intro ul li:nth-child(5) .img_box img {left: 25px; bottom: -80px;}
.sub02 .sec_intro ul li:nth-child(6) .img_box img {right: 40px; bottom: -45px;}
.sub02 .sec_intro ul li:nth-child(7) .img_box img {left: 90px; bottom: -207px;}
.sub02 .sec_intro ul li:last-child .img_box img {left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.sub02 .sec_intro ul li .txt_box_wrap {width: 50%; padding: 0 50px; box-sizing: border-box;}
.sub02 .sec_intro ul li .txt_box {position: absolute; top: 50%; transform: translateY(-50%);}
.sub02 .sec_intro ul li:nth-child(7) .txt_box {transform: translateY(-10%);}

.sub02 .sec_intro ul li .txt_box .ft_re {font-size: 50px;}
.sub02 .sec_intro ul li .txt_box .sub_txt {padding: 20px 0 40px 0; font-size: 30px;}
.sub02 .sec_intro ul li .txt_box .cont_txt {font-size: 20px; line-height: 150%;}
.sub02 .sec_intro ul li:nth-child(1) .txt_box .sub_txt {color: #ef9970;}
.sub02 .sec_intro ul li:nth-child(2) .txt_box .sub_txt {color: #78a3cb;}
.sub02 .sec_intro ul li:nth-child(3) .txt_box .sub_txt {color: #f88686;}
.sub02 .sec_intro ul li:nth-child(4) .txt_box .sub_txt {color: #9a51ad;}
.sub02 .sec_intro ul li:nth-child(5) .txt_box .sub_txt {color: #436091;}
.sub02 .sec_intro ul li:nth-child(6) .txt_box .sub_txt {color: #9ea46b;}
.sub02 .sec_intro ul li:nth-child(7) .txt_box .sub_txt {color: #cc8e32;}

/* end - SUB02 */


/* SUB03 */
.sub_visual_wrap.visual_sub03 .visual {position: relative; background-color: #fcf5ec;}
.sub_visual_wrap.visual_sub03 .visual h2 {right: 8%; top: 340px; color: #fff; text-shadow: 1px 2px 3px rgba(0,0,0,0.15); font-size: 100px;}
.sub_visual_wrap.visual_sub03 .visual h2 span {color: #e0c19e;}

.sub03 {margin-top: 605px;}
.sub03 h3.ft_re {font-size: 50px; line-height: 100%; color: #fff; text-shadow: 5px 5px 5px rgba(0,0,0,0.1);}

/* sec_faq */
.sub03 .bg_top.bg_t_faq {width: 100%; background: url(../img/sub03_faq_bg1.png) no-repeat;}

.sub03 .sec_faq {padding: 140px 0 390px 0; background-color: #eacfb1;}
.sub03 .sec_faq h3 {padding-bottom: 110px; text-align: center;}
.sub03 .sec_faq ul li {position: relative; border-bottom: 1px solid #fff;}
.sub03 .sec_faq ul li:first-child {border-top: 1px solid #fff;}
.sub03 .sec_faq ul li .faq_q {display: block; width: 100%; height: 100%; padding: 40px 90px; font-size: 30px; color: #fff; box-sizing: border-box;}
.sub03 .sec_faq ul li .faq_q::before {position: absolute; top: 44px; left: 27px; content: ''; display: block; width: 30px; height: 30px; background: url(../img/sub03_faq_arrow.png) no-repeat; transition: transform 0.3s;}
.sub03 .sec_faq ul li.on .faq_q::before {transform: rotate(90deg);}
.sub03 .sec_faq ul li .faq_a {display: none; padding: 0 0 40px 90px; font-size: 20px; color: #4c4c4c;}

/* sec_qna */
.sub03 .bg_top.bg_t_qna {position: relative; z-index: 40; top: -190px; margin-bottom: -190px; background: url(../img/sub03_qna_bg1.png) no-repeat;}

.sub03 .sec_qna {position: relative; z-index: 40; padding: 150px 0 220px 0; background-color: #fcf5ec;}
.sub03 .sec_qna .img_box {position: relative; float: left; width: 350px; height: 350px; border-radius: 50%; background-color: #e0c19e; overflow: hidden;}
.sub03 .sec_qna .img_box img {position: absolute; left: 50%; top: 60px; -webkit-transform: translateX(-50%); transform: translateX(-50%);}

.sub03 .sec_qna .form_wrap {float: right; width: 68%;}
.sub03 .sec_qna .form_wrap h3 {padding-bottom: 40px;}
.sub03 .sec_qna .form_wrap .form-fields label { float: left; line-height: 145%;}
.sub03 .sec_qna .form_wrap input[type="text"],
.sub03 .sec_qna .form_wrap select,
.sub03 .sec_qna .form_wrap textarea {float: right; width: calc(100% - 135px); font-weight: 300; border: none; outline: none;}
.sub03 .sec_qna .form_wrap select, .sub03 .sec_qna .form_wrap option {color: #c4c4c4; font-weight: 300;}
.sub03 .sec_qna .form_wrap select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../img/sub03_qna_arrow.png) no-repeat center right;}
.sub03 .sec_qna .form_wrap select::-ms-expand { display: none; }
.sub03 .sec_qna .form_wrap .form-fields {float: left; margin-bottom: 5px; padding: 23px 30px 25px 30px; border-radius: 15px; background-color: #fff; color: #e0c19e; font-size: 20px; box-sizing: border-box;}

/* .sub03 .sec_qna .form_wrap .name, .sub03 .sec_qna .form_wrap .email {width: calc(50% - 10px);}
.sub03 .sec_qna .form_wrap .name {margin-right: 20px;}
.sub03 .sec_qna .form_wrap .email input[type="text"] {width: calc(100% - 80px);}
.sub03 .sec_qna .form_wrap .category, .sub03 .sec_qna .form_wrap .contents {width: 100%;}
.sub03 .sec_qna .form_wrap .contents {margin-bottom: 0;} */
/*
	#formField7 - name
	#formField10 - email
	#formField9 - category
	#formField11 - contents
*/
.sub03 #formField7, .sub03 #formField10 {width: calc(50% - 10px);}
.sub03 #formField7 {margin-right: 20px;}
.sub03 #formField8 { display: none; }
.sub03 #formField7 {margin-right: 20px;}
.sub03 #formField10 input[type="text"] {width: calc(100% - 80px);}
.sub03 #formField9, .sub03 #formField11 {width: 100%;}
.sub03 #formField11 {margin-bottom: 0;}
.sub03 #formField11 textarea { resize: none; height: 150px; }

.sub03 .sec_qna .agree {float: left; margin: 0 0 0 10px; color: #c4c4c4; font-size: 14px;}
.sub03 .sec_qna .agree input[type="checkbox"] {position: absolute; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; border: 0}
.sub03 .sec_qna .agree input[type="checkbox"] + label {display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; user-select: none;}
.sub03 .sec_qna .agree input[type="checkbox"] + label::before {content: ''; display: inline-block; width: 20px; height: 20px; margin: 0 7px 5px 0; border: 2px solid #c4c4c4; vertical-align: middle; box-sizing: border-box;}
.sub03 .sec_qna .agree input[type="checkbox"] + label:active::before, .sub03 .sec_qna .agree input[type="checkbox"]:checked + label:active::before, .sub03 .sec_qna .agree input[type="checkbox"]:checked + label:before {background: url(../img/sub03_check.png) no-repeat center;}
.sub03 .sec_qna .agree .agree_cont {margin-left: 7px; padding: 1px 5px; color: #fff; background-color: #c4c4c4; font-size: 12px; cursor: pointer;}

.sub03 .sec_qna .receipt_btn {float: right;}
.sub03 .sec_qna .receipt_btn .btn {padding: 15px 60px; font-size: 20px; font-weight: 600; color: #fff; border-radius: 20px; background-color: #e0c19e; box-shadow: 2px 2px 5px rgba(0,0,0,0.1);}

/* end - SUB03 */