@charset "utf-8";
/* CSS Document */

.doc{font-size:16px; overflow:hidden;}
.box1, .wrap{width:1300px; max-width:96%; margin: 0 auto; position: relative;}
.box0{padding:0 3em;}


/*header*/
#header,
.h_wrap,
#header .va_wrap{height:80px;}
#header{background-color:#fff; font-size:16px; z-index: 1000; position: fixed; top: 0; left: 0; width:100%; border-bottom:1px solid rgba(255,255,255,.3);}
#header .h_wrap .gnb .depth1{float:none; padding: 0; margin:0 50px; position: relative;}
#header .h_wrap .gnb .depth1 > a{font-size: 1.125em; line-height: inherit; font-weight:400; color:#111; min-width: inherit; position: relative;}

#header .h_wrap .gnb .depth1 > ul{background:#fff; min-width: 160px; border: 1px solid #ddd; border-top:0; margin-top:-2px; transition:all .5s; position:absolute; left:50%; transform:translateX(-50%); max-height:0; overflow:hidden; opacity:0 }
#header .h_wrap .gnb .depth1 > ul:after{content: ""; position: absolute; left: 0; top: -2px; width: 100%; height:5px; background:#743e98; transform: scaleX(0); transition: .3s;}
#header .h_wrap .gnb .depth1 > ul > .depth2 a{display: block; text-align: center; color:#444; border-top: 1px dotted #ddd; font-weight:400; font-size:1em; padding: 15px 10px;}
#header .h_wrap .gnb .depth1 > ul > .depth2 a:hover{background: #f5f5f5;}
#header .h_wrap .gnb .depth1:hover ul { max-height:500px;  opacity:1 }
#header .h_wrap .gnb .depth1:hover > ul:after{transform: scaleX(1);}

#header .all_btn{width:30px; height: 30px; position: relative; z-index: 10000; cursor: pointer;}
#header .all_btn span{display:block; width:5px; height: 5px; border-radius: 50%; background-color: #743e98; transition: .3s;}
#header .all_btn span:nth-child(1){position:absolute; top: 0; left: 0;}
#header .all_btn span:nth-child(2){position:absolute; top: 0; left: 50%; transform: translateX(-50%);}
#header .all_btn span:nth-child(3){position:absolute; top: 0; right: 0;}
#header .all_btn span:nth-child(4){position:absolute; top: 50%; left: 0; transform:translateY(-50%);}
#header .all_btn span:nth-child(5){position:absolute; top: 50%; left: 50%; transform:translate(-50%, -50%);}
#header .all_btn span:nth-child(6){position:absolute; top: 50%; right: 0; transform:translateY(-50%);}
#header .all_btn span:nth-child(7){position:absolute; bottom: 0; left: 0;}
#header .all_btn span:nth-child(8){position:absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
#header .all_btn span:nth-child(9){position:absolute; bottom: 0; right: 0;}
#header .all_btn.a_on span:nth-child(2){position:absolute; top: 50%; left: 50%; transform:translate(-50%, -50%);}
#header .all_btn.a_on span:nth-child(4){position:absolute; left: 50%; transform:translate(-50%, -50%);}
#header .all_btn.a_on span:nth-child(6){position:absolute; right: 50%; transform:translate(50%, -50%);}
#header .all_btn.a_on span:nth-child(8){position:absolute; bottom: 50%; transform:translate(-50%, 50%);}
#header .all_btn:hover span:nth-child(2),
#header .all_btn:hover span:nth-child(4),
#header .all_btn:hover span:nth-child(6),
#header .all_btn:hover span:nth-child(8){ background-color: #68c6b4;}



#header .h_wrap .gnb .depth1:nth-child(2) > ul > .depth2:first-child{display:none;}


/*footer*/
.main #pt_footer{margin-top:6em;}
#pt_footer{margin-top:9em; padding: 40px 0 35px; background-color: #111; font-size:16px;}
#pt_footer .f_left{width:calc(100% - 250px)}
#pt_footer .f_right{width:250px}
#pt_footer .f_left .f_logo{margin-bottom:25px;}
#pt_footer .f_left .f_info{margin-top:8px;}
#pt_footer .f_left .f_info > li{font-size: .938em; color:#fff; font-weight: 200; margin-right:40px; margin-bottom: 5px; letter-spacing:0px; opacity: .6;}
#pt_footer .f_left .f_info > li .st{font-weight:600; margin-right:15px;}
#pt_footer .f_left .f_copy{color:#fff; opacity: .3; font-size:.875em; margin-top:20px; text-transform: uppercase; font-weight: 200; letter-spacing: .5px;}

#pt_footer .f_right .f_sns li{margin-left:10px;}
#pt_footer .f_right .f_sns li a{display:block; width:46px; height: 46px; line-height: 46px; border-radius: 50%; background-color:#444; color:#b2b2b2; text-align: center; font-size:1.375em; transition: .3s;}

#pt_footer .f_right .f_sns li.b_kakao:hover a{background-color:#ffcf3d; color:#512929;}
#pt_footer .f_right .f_sns li.b_ins:hover a{background:linear-gradient(120deg, #574dc0, #b23086, #f09336); color:#fff;}
#pt_footer .f_right .f_sns li.b_mail:hover a{background-color:#743e98; color:#fff;}
#pt_footer .f_right .f_sns li.b_yout:hover a{background-color:#d61414; color:#fff;}

#pt_footer .site_wrap{ position: relative; margin-bottom: 20px; margin-left:auto; width:180px; }
#pt_footer .site_wrap .siteBtn{ border:1px solid #ddd; background:#111;; color: #ccc; padding:.8em 2em .8em 2.5em; transition:.3s; font-size:.938em;}
#pt_footer .site_wrap .siteBtn .xi{ margin-left:15px; vertical-align:sub}
#pt_footer .site_wrap .site{ position:absolute; left:0; z-index:10; top:0; margin-top:3em; width:100%; background:#fff; opacity:0; visibility:hidden; transition:.3s; border:1px solid #ccc; box-sizing:border-box;}
#pt_footer .site_wrap:hover .site{ opacity:1; visibility:visible}
#pt_footer .site_wrap .site > li{ border-bottom:1px solid #ddd; text-align: left;}
#pt_footer .site_wrap .site > li:last-child{ border-bottom:0;}
#pt_footer .site_wrap .site > li > a{ display:block; font-size:.938em; padding:.75em 3em .75em 1em; font-weight:300; color:#333; overflow:hidden; position:relative; transition:.3s}
#pt_footer .site_wrap .site > li > a .icon:before{ content:"\e980"; font-size:.813em; margin-right:.125em}
#pt_footer .site_wrap .site > li > a:after{ content:"\e907"; font-family:xeicon!important; position:absolute; right:1em; top:50%; margin-top:-12px; transition:.3s}
#pt_footer .site_wrap:hover .siteBtn,
#pt_footer .site_wrap .site > li:hover > a{ background:#444; border-color:transparent; color:#fff; opacity:1}


/*=================================================================SUB=================================================================*/


/*서브공통*/
.container_title{font-weight:200; font-size:2.5em; padding-top:45px;}
.container_title:before{width:1px; height: 30px; margin-left:0; visibility: hidden; transition: .8s; transition-timing-function: ease-in-out; transform: scaleY(0); transform-origin: left top;}
.load .container_title:before{transform: scaleY(1); visibility: visible;}

#sub_visual{height:340px; margin-top:80px; position: relative;}
#sub_visual .sub_v_line{ position: absolute; top: 1.7em; left:1.7em; width:calc(100% - 3.4em); height: calc(100% - 3.4em); opacity: .6;}
#sub_visual .line_01{background-color: #fff; width:0%; height: 1px; position: absolute; top: 0; left:0; transition: .8s;}
#sub_visual .line_02{background-color: #fff; width:1px; height:0%; position: absolute; top: 0; right:0; transition: .8s; transition-delay: .8s;}
#sub_visual .line_03{background-color: #fff; width:0%; height: 1px; position: absolute; bottom: 0; right:0; transition: .8s;}
#sub_visual .line_04{background-color: #fff; width:1px; height:0%; position: absolute; bottom: 0; left:0; transition: .8s; transition-delay: .8s;}

.load #sub_visual .line_01{width:100%;}
.load #sub_visual .line_02{height:100%;}
.load #sub_visual .line_03{width:100%;}
.load #sub_visual .line_04{height:100%;}

#sub_visual h2{padding:0; font-weight: 700; font-size: 3.5em;}
#sub_visual h2:after{display:none;}

.tab_idx{ margin:-10px 0 3em -10px;}
.tab_idx > li{flex:1 16.66%;}
.tab_idx.st_w2 > li{flex:1 25%;}
.tab_idx.st_w25 > li{width:25%; flex: inherit;}
.tab_idx > li > a{ padding:0 .5em; height:4em; border:1px solid #ddd; margin:10px 0 0 10px; color:#666; transition:.3s;}
.tab_idx > li > a .va{font-size:1.125em; font-weight:500}
.tab_idx > li > a:hover,
.tab_idx > li.on > a{ box-shadow:0 0 1em .125em rgba(0,0,0,.1); color:#743e98; border-color:#743e98}

.page_tt{font-size: 1.8em; color: #111; margin-bottom: 0.5em; margin-top: 2.5em;}
.page_stx{font-size:1.1em; line-height: 1.6; color: #222; }
.dot_list > li{position: relative; padding-left: 10px; margin-bottom: 3px;}
.dot_list > li:before{content: ''; width: 3px; height: 3px; border-radius: 50%; background-color: #743e98; position: absolute; top: 9px; left: 0;}
.dot_list > li:last-child{margin-bottom: 0px;}
.cont_bg{background-color:#f9f9f9; padding:4em 0 8em; position: relative;}
.tbox{border:1px solid #ddd; padding:2em 2.5em; border-radius: 20px; font-size: 1.068em; color: #333; font-weight: 300; line-height: 1.6; margin-bottom: 4.5em;}
.tbox .dot_list > li:before{top:11px;}

	
/*인사말*/
.intro_tit{padding: 7em 0 9em; background-repeat: no-repeat; background-size: cover; background-position: center top;}
.intro_tit .in_tt { font-size:3.5em; font-weight: 900; line-height: 1; text-align: center;}
.intro_tit .in_tt .t1{ color: #fff; font-style: italic; margin-bottom:15px;}
.intro_tit .in_tt .t2{ color: transparent; -webkit-text-stroke: 1px #fff; font-style: italic; line-height: 1.2;}
.intro_box{background-color:#fff; padding:5.5em 10em; box-sizing: border-box; font-size: 1.1em; line-height: 1.6; margin-top: -5em; box-shadow: 0 0 20px rgba(0,0,0,0.1); margin-bottom: 2em;}
.intro_box .stt{font-size:1.3em; font-weight: 600; line-height: 1.6; margin-bottom: 35px;}
.intro_box .tx{ margin-top: 20px; font-weight: 300}
.intro_box .tx .name{font-size:2em; margin-left:14px; font-weight: 500; letter-spacing: 7px; font-family: 'Nanum Brush Script', cursive; vertical-align: sub;}
.intro_box .intro_icon img{width:160px; height: auto;} 


/*오시는 길*/
.map_tw{padding-bottom:1em; font-size:1.5em;}
.map_tw .xi{ width: 44px; height: 44px; background: #743e98; border-radius: 50%; line-height: 44px; margin-right: 10px; font-size:.938em; color:#fff;}
.map_view{ border-top:3px solid #743e98; box-shadow: 0 0.25em 0.5em rgba(0,0,0,.2); transition: .3s;  padding: 1em; border-radius: 0 0 1em 1em;}
.map_view .tt {padding-bottom:10px; font-size:1.125em; color:#333; letter-spacing:-2px; vertical-align:middle;}
.map_view .xi {vertical-align:middle; font-size:1.125em; padding-right:5px;}
.map_view .map_cont .root_daum_roughmap .wrap_controllers{display:none;}

.location_box{ margin: 0 auto; padding: 0 1em;}
.location_box .info_list{margin-top:1em;}
.location_box .info_list > li { padding:2.5em 0; border-bottom:1px dotted #ddd;}
.location_box .info_list > li h3 { float:left; font-size:1.375em; font-weight:500; position: relative; padding-top:7px;}
.location_box .info_list > li h3:before{content:''; width:25px; height: 2px; background: #743e98; position: absolute; top:0; left: 0;}
.location_box .info_list > li h3 .xi { font-size:1.125em; margin-right: 5px;}
.location_box .info_list > li .info { margin:0 0 0 240px;}
.location_box .info_list > li .info .in_tbox{border: 1px solid #ddd; padding: 1.5em; background-color: #f9f9f9; color:#333;}
.location_box .info_list > li .info .in_tbox .fwB{margin-right:8px;}

/*스튜디오 소개*/

.stu_slide .swiper-wrapper li .in{height:450px; border-radius: 20px;}
.stu_slide .in_box .txt_z .in_tx{margin-top:-2em;}
.stu_slide .in_box .txt_z .in_tx .dot_list > li{margin-bottom:10px;}
.stu_slide .stu_control{position: absolute; bottom:0;}
.stu_slide .stu_control .curr_btn .xi{width:52px; height: 52px; line-height: 52px; text-align: center; border-radius: 50%; background-color:#ddd; font-size:1.5em; color:#fff; cursor: pointer; margin-right:4px;}
.stu_slide .stu_control .curr_btn .xi:hover{background-color:#743e98;}

/*강사소개*/
.teacher{}
.teacher > li{width:100%; padding:2em 0;}
.teacher > li .in .img_z{width:50%; padding-right:3.5em;}
.teacher > li .in .img_z .in_bg{width:400px; height: 400px; border-radius: 20px; margin-left:auto;}
.teacher > li .in .txt_z{width:50%; padding-left:3.5em;}
.teacher > li .in .txt_z .t1{ font-size:2em; font-weight: 600; letter-spacing: 0; margin-bottom: 15px;}
.teacher > li .in .txt_z .t2{font-weight: 300; margin-bottom: 8px;}
.teacher > li .in .txt_z .t1 .st{color:#aaa; margin-left:8px; font-size:.65em; font-weight: 400;}
.teacher > li .in .txt_z .dot_list > li{font-size:1.1em; font-weight: 300; margin-bottom: 5px;}
.teacher > li .in .txt_z .dot_list > li:before{top: 11px;}

/*.teacher > li .in.rev .img_z{ padding-right:0; padding-left:3.5em;}
.teacher > li .in.rev .img_z .in_bg{margin-left:0;}
.teacher > li .in.rev .txt_z{text-align:right; padding-right:3.5em;  padding-left:0;}
.teacher > li .in.rev .txt_z .dot_list > li{paddin-left:0; padding-right:10px;}
.teacher > li .in.rev .txt_z .dot_list > li:before{left:inherit; right:0;}*/



/*커리큘럼*/
.curr_list{margin-right:-25px;}
.curr_list > li{width:33.33%; margin-bottom: 25px}
.curr_list > li .in{margin-right:25px;}
	
.vou_wrap{padding: 5em 0;}
.vou_wrap .vou_info{padding: 6em 8em 7em; box-shadow: 3px 3px 10px rgba(0,0,0,0.1); background-color:rgba(255,255,255,.95); text-align: center; border-radius: 20px;}
.vou_wrap .vou_info .v_tt{ font-size:2em; font-weight: 500; position: relative; display:inline-block;}
/*.vou_wrap .vou_info .v_tt:after{ content: ''; width: 100%; height: 10px; background-color: #7b39a759; position: absolute; bottom: 2px; left: 0;}*/
.vou_wrap .vou_info .v_tx{ text-align:center; font-size:1.15em; margin-top:20px; font-weight:300; line-height: 1.7;}
.vou_wrap .vou_info .vou_list{margin:40px auto 0;}
.vou_wrap .vou_info .vou_list > li{color:#444; position: relative; font-weight:300; margin: 0 10px; font-size:1.05em;}
.vou_wrap .vou_info .vou_list > li .va_wrap{width:160px; height: 160px; background-color:#fff;  box-shadow: 2px 2px 7px rgba(0,0,0,.05); margin: 0 auto; border-radius: 50%;}
.vou_wrap .vou_info .vou_list > li .xi{color:#743e98; font-size: 2em; margin-bottom:10px; display: block;}
.vou_wrap .vou_info .vou_list > li .xi.xi-calendar-check{color:#d157a7;}
.vou_wrap .vou_info .vou_list > li .xi.xi-alarm-o{color:#f79321;}

.point_wrap{ margin-top:5em;}
.point_wrap .in_box{font-size:1.068em;}
.point_wrap .in_box .img_z {flex:50%; width:50%; padding-right:2.5em;}
.point_wrap .in_box .img_z .img_bg{height:400px; background-color: #aaa;}
.point_wrap .in_box .txt_z {flex:50%; width:50%; padding-left:2.5em; box-sizing: border-box; color:#333;}
.point_wrap .in_box .in_tt{font-size:1.25em; font-weight: 500; margin-bottom: 1em;}
.point_wrap .in_box .in_tt .icon{width:40px; height: 40px; line-height: 40px; border-radius: 50%; background-color: #743e98; margin-right: 10px;}
.point_wrap .in_box .in_tt .icon.st1{background-color:#68c6b4;}
.point_wrap .in_box .in_tt .icon img{display:block;}
.point_wrap .in_box .in_tx{margin-top:25px; font-weight:300; line-height: 1.6;}
.point_wrap .in_box .dot_list > li{margin-bottom:5px;}
.point_wrap .in_box .dot_list > li:before{top:11px;}

.point_wrap .in_box.rev .img_z {padding-right:0; padding-left: 2.5em;}
.point_wrap .in_box.rev .txt_z {padding-left:0; padding-right: 2.5em;}

.point_wrap.st{margin-top:0; margin-bottom: 5em;}
.point_wrap.st .in_box{padding:2em 0;}
.point_wrap.st .in_box .img_z .img_bg,
.point_wrap.st .in_box .img_z img{border-radius:20px;}
.point_wrap.st .in_tt{font-size:2em; margin-bottom: .8em; line-height: 1.3;}
.point_wrap.st .in_tt .c_point{font-size:.6em; margin-bottom: 10px; margin-top:-1em;}

.check_tbox{margin-right:-20px; margin-top:-2em;}
.check_tbox > li:nth-child(1){margin-left:12.5%;}
.check_tbox > li:nth-child(3){margin-right:12.5%;}
.check_tbox > li{width:25%; margin-top:5em;}
.check_tbox > li .in{margin-right:20px; border:4px solid #cecece; background-color: #fff; height: 100%; padding:4em 2em; border-radius: 8px; position: relative;}
.check_tbox .ch_icon{position: absolute; top:-32px; left: 1.8em; padding: 0 5px;}
.check_tbox .ch_tt{font-size:1.325em; font-weight: 600; margin-bottom: 15px; line-height: 1.3;}
.check_tbox .ch_tx{color:#333; font-weight: 300; font-size:1.068em; margin-top:7px;}
.edu_bg{position:absolute; top:0; left: 0; width:100%; height: 100%; opacity: .25;}


.step_cons{ margin-top: 2.5em;}
.step_cons > li {flex:1 25%; box-sizing:border-box; padding:0 1em;}
.step_cons > li .in{border:3px solid #c7c3c3; background:#fff; width:13em; height:13em; border-radius:50%; margin:0 auto; position:relative;}
.step_cons > li.on .in{border-color:#743e98;}
.step_cons > li .in:after{ content:''; width:80px; height:1px; border-bottom:5px dotted #aaa; position:absolute; top:50%; left:14em;}
.step_cons > li:last-child .in:after{ display:none;}
.step_cons > li .in .icon{ margin:7px auto 3px;}
.step_cons > li .in .nm{ font-family: 'Montserrat', sans-serif; color:#544444; opacity:.85; font-weight:500; margin-bottom:12px;}
.step_cons > li .in_tbox{ width:85%; margin:1em auto 0; text-align: center;}
.step_cons > li .in_tbox .tt{ font-size:1.3em; font-weight:500; color:#333; margin-bottom: 6px;}
.step_cons > li .in_tbox .tw{ font-size:1.068em; color:#444; line-height: 1.3; font-weight:300;}



/*게시판 스킨 수정*/
#bo_list_total{font-size:17px;}
#bo_list_total .total_icon{border: 1px solid #ddd; border-radius: 50%;  width: 2em; line-height:2em !important; height: 2em; text-align: center; font-size: 1.25em; margin-right: 7px; box-shadow: 1px 1px 4px rgb(0 0 0 / 15%);}
#bo_list_total .c_point{font-weight: 500;}

#sub_visual.sub10{background-image:url("../img/main/sub01_top.jpg");}
#sub_visual.sub20{background-image:url("../img/main/sub02_top.jpg");}
#sub_visual.sub30{background-image:url("../img/main/sub03_top.jpg");}
#sub_visual.sub40{background-image:url("../img/main/sub04_top.jpg");}
#sub_visual.sub50{background-image:url("../img/main/sub05_top.jpg");}


/*비밀번호*/
.mbskin.pw_st{max-width: 96%; width:380px; margin:30px auto 0;}
.mbskin.pw_st .mbskin_tt{font-size:1.825em; font-weight: 600; margin-bottom: 30px; color:#555;}
.mbskin.pw_st .mbskin_in{}
.mbskin.pw_st .mbskin_in fieldset{padding:0!important;}
.mbskin.pw_st .mbskin_in .input_st{font-size:1.125em;}
.mbskin.pw_st .mbskin_in .in{position:relative;}
.mbskin.pw_st .mbskin_in .in .input_st{padding:1em 1em 1em 3.5em !important;}
.mbskin.pw_st .mbskin_in .in .xi{position: absolute;left: 0; top: 50%; width: 3em; line-height: 3em; margin-top: -1.5em; text-align: center; color: #666; font-size:1.375em;}


/*문의하기*/
.board_st.write{ border-top:1px solid #743e98;  table-layout:fixed; font-size:.938em; }
.board_st.write th,
.board_st.write td{ height:3em; padding:1.5em 1.5em; color:#666; border-bottom:1px solid #ededed;}
.board_st.write th{ color:#333; font-weight: 600; font-size:1.125em; text-align:left; word-break: keep-all;background-color:#f9f9f9;}



/*=================================================================MAIN=================================================================*/


/*메인 비주얼*/
.mainSlider{ overflow: hidden;}
.mainSlider .el{ height:100vh; position:relative; overflow:hidden; background-color:#fff}
.mainSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transform:scale(1.3); transition-delay:.5s}
.mainSlider .slogan{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color:#fff; text-align: center;}
.mainSlider .slogan .t1{font-size:4.068em; transform: translateY(1em); opacity: 0; line-height: 1.1; font-weight: 700}
.mainSlider .slogan .t2{font-size:1.625em; line-height: 1.5; font-weight: 200; transform: translateY(1em); letter-spacing:.5px; margin-top:35px; opacity: 0;}

.mainSlider .el.swiper-slide-active .bg{transform:scale(1) rotate(.001deg); transition:2.5s; transition-delay:0; transition-timing-function:ease-in}
.mainSlider .el.swiper-slide-active .slogan .t1{ transform:translateY(0); opacity:1; transition:1s; transition-delay:.5s}
.mainSlider .el.swiper-slide-active .slogan .t2{ transform:translateY(0); opacity:.9; transition:1s; transition-delay:1s}

.mainControl{ position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:100%; z-index:100}
.mainControl .mainSlider-btn.mainSlider-prev{margin-left:-80px;}
.mainControl .mainSlider-btn.mainSlider-next{margin-right:-80px;}
.mainControl .mainSlider-btn .xi{width:76px; height: 76px; line-height: 76px; border-radius: 50%; border:1px solid #fff; text-align: center; color:#fff; opacity: .8; font-size:1.875em; cursor: pointer;}
.mainControl .mainSlider-btn:hover .xi{ opacity: 1;}

.mainSlider .scroll_wrap{position: absolute; bottom: 0; left:50%; transform: translateX(-50%); z-index: 10;}
.mainSlider .scroll_wrap .mainSlide_scroll{ color: #fff; text-align: center; font-weight: 300; letter-spacing: 1px; font-size:.938em;}
.mainSlider .scroll_wrap .mainSlide_scroll_bar{ width: 1px; height: 45px; background: rgba(255, 255, 255, 0.4); overflow: hidden; margin: 8px auto 0;}
.mainSlider .scroll_wrap .scroll_bar {width: 100%; height: 15px; background: #fff; animation: box-ani 2s linear infinite backwards;}

@keyframes box-ani { 
0% { transform: translate(0, -100%);} 
100% {transform: translate(0, 300%);}
}


/*main_inc*/
.main_tit{text-align:center; margin-bottom: 30px;}
.main_tit .in_line{width:1px; height:32px; background: #000; margin:0 auto;}
.main_tit .in_en{font-size:1.125em; font-weight: 700; letter-spacing: 5px; margin-top:13px;}
.main_tit .in_tt{font-size:2.625em; font-weight: 200; color:#000;}

.main_more{}
.main_more a{ width:116px; height: 116px; border-radius: 50%; position: relative; font-size:1.068em; color:#555; margin:50px auto 0;}
.main_more a:after{content:''; display:block; width:100%; height: 100%; background-image: url(../img/main/view_rd.png); background-repeat: no-repeat; background-position: center; position: absolute; top: 0; left: 0; animation: main_scroll 3s infinite linear}
.main_more a:hover{ color:#743e98;}

@keyframes main_scroll{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}

.plus_btn .xi{width:46px; height: 46px; line-height: 46px; border-radius: 50%; text-align: center; background-color:#ddd; color:#fff; transition: .3s;}


/*소개*/
.main_intro{padding:130px 0 110px; position: relative;}
.main_intro:before{content:'SING · MOVE · BOND· GROW'; width:100%; text-align: center; overflow: hidden; font-weight: 800; color:#f9f9f9; font-size:7.5em; position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%); white-space: nowrap;}
.main_intro .int_stt{text-align:center; font-weight: 600; color:#222; font-size:1.5em; line-height: 1.6; position: relative; z-index: 1
;}
.main_intro .int_tx{text-align:center; font-weight: 300; color:#222; line-height:2.4; font-size:1.15em; margin-top:20px; position: relative; z-index: 11;}
.main_intro .int_img_01{width:348px; height: 348px; background-image:url(../img/main/int_img01.png); position: absolute; top:90px; right:-50px; opacity: .9;}
.main_intro .int_img_01:after{content:''; width:380px; height: 380px; background-image:url(../img/main/int_img01_line.png); position: absolute; top: 50%; left: 50%; animation: int_line 15s infinite linear; margin-top: -190px; margin-left: -190px;}
.main_intro .int_img_02{width:477px; height: 477px; background-image:url(../img/main/int_img02.png); position: absolute; bottom:-40px; left:-130px; opacity: .9; z-index: 10;}
.main_intro .int_img_02:after{content:''; width:546px; height: 546px; background-image:url(../img/main/int_img02_line.png); position: absolute; top: 50%; left: 50%; animation: int_line 20s infinite linear; margin-top: -273px; margin-left: -273px;}
@keyframes int_line{
0%{-webkit-transform:rotate(0); transform:rotate(0);}
100%{-webkit-transform:rotate(359deg); transform:rotate(359deg);}
}



/*커리큘럼*/
.main_curr{background-color:#f9f9f9; padding:90px 0 100px; position: relative;}
.main_curr .int_img_03{width:360px; height: 360px; background-image:url(../img/main/int_img03_line.png); position: absolute; bottom: -30px; right: -180px; animation: int_line 20s infinite linear;}
.int_img_03_sr{width:70px; height: 70px; background-color: #eee; border-radius: 50%; position: absolute; right:200px; bottom:-25px;}

.curr_slide .in{display:block; border-radius:20px; border:1px solid #ddd; overflow: hidden; background-color:#fff; transition: .3s; position:relative;}
.curr_slide .in .img_z{width:100%; height: 250px;}
.curr_slide .in .txt_z{padding:30px;}
.curr_slide .in .txt_z .t1{color:#aaa; font-size:.938em; letter-spacing: .5px;}
.curr_slide .in .txt_z .t2{color:#333; font-size:1.375em; font-weight: 600; margin-bottom: 10px;}
.curr_slide .in .txt_z .dot_list > li{color:#666;}
.curr_slide .in .plus_btn{ position:absolute; bottom:10px; right:15px;}
.curr_slide .in:hover{border-color:#743e98;}
.curr_slide .in:hover .plus_btn .xi{background-color:#5d2682;}

.main_curr .curr_slide .curr_control{margin-top:50px;}
.main_curr .curr_slide .curr_control .curr_btn .xi{width:56px; height: 56px; line-height: 56px; text-align: center; border-radius: 50%; background-color:#ddd; font-size:1.75em; color:#fff; cursor: pointer;}
.main_curr .curr_slide .curr_control .curr_btn .xi:hover{background-color:#743e98;}
.main_curr .curr_slide .curr_control .swiper-pagination-fraction{width:auto; color:#666; font-size:1.375em; margin:0 40px;}
.main_curr .curr_slide .curr_control .swiper-pagination-fraction .swiper-pagination-current{font-weight: 600; color:#5d2682;}
.main_curr .curr_slide .curr_control .swiper-pagination-current:before,
.main_curr .curr_slide .curr_control .swiper-pagination-total:before{content:'0';}



/*수강안내*/
.main_class{padding:100px 0 120px; position: relative;}
.main_class .int_img_04{width:415px; height: 415px; background-image:url(../img/main/int_img04_line.png); position: absolute; bottom: -200px; left: -180px; animation: int_line 25s infinite linear;}
.main_class .class_list{margin-right:-30px;}
.main_class .class_list > li{width:33.33%;}
.main_class .class_list > li .in{display:block; margin-right:30px; text-align: center; }
.main_class .class_list > li .in .img_z{height:280px; border-radius:15px; overflow: hidden; position: relative;}
.main_class .class_list > li .in .img_z .in_img{width:100%; height:100%; background-color: #aaa; position: absolute; top:0; left:0; transition: .3s;}
.main_class .class_list > li .in .txt_z .tt{font-size:1.375em; color:#333; font-weight: 600; margin-top:20px; }
.main_class .class_list > li .in .txt_z .tx{color:#666; margin:5px 0 20px; line-height: 1.6;}
.main_class .class_list > li .in:hover .img_z .in_img{ transform: scale(1.1);}
.main_class .class_list > li .in:hover .plus_btn .xi{background-color:#5d2682;}


/*문의하기*/
.main_inq{ padding-bottom: 100px;}
.main_inq .inq_list{}
.main_inq .inq_list > li{ position: relative;}
.main_inq .inq_list > li:before{content:''; display:block; width:100%; height:1px; background-color:#999; position: absolute; bottom:0; left:0; transition:.5s;}
.main_inq .inq_list > li .in{width:55%; padding:35px 30px;}
.main_inq .inq_list > li .in .txt_z .t1{font-size:.938em; color:#999; font-weight: 300;}
.main_inq .inq_list > li .in .txt_z .t2{font-size:1.875em; color:#777; font-weight: 600;}
.main_inq .inq_wrap .img_z{width:475px; height: 475px; border-radius: 50%; position: absolute; right: 2.5em; top: 8em; background-image:url(../img/main/inq_img01.png); box-shadow: 8px 5px 10px rgba(0,0,0,0.1); transition: .4s;}
.main_inq .inq_wrap .img_z.a2{ background-image:url(../img/main/inq_img01.png);}
.main_inq .inq_wrap .img_z.a2{ background-image:url(../img/main/inq_img02.png);}
.main_inq .inq_wrap .img_z.a3{ background-image:url(../img/main/inq_img03.png);}
.main_inq .inq_list > li.on:before{width:55%; background-color:#743e98;}
.main_inq .inq_list > li .in:hover .txt_z .t1{color:#743e98;}
.main_inq .inq_list > li .in:hover .txt_z .t2{color:#333;}
.main_inq .inq_list > li .in:hover .plus_btn .xi{background-color:#5d2682;}

.move_text_box{ margin-bottom: -2em;}
.move_text_box .in_text{ display: flex; white-space: nowrap; transition: 0.3s; padding: 15px 0;}
.move_text_box .in_text p{animation: textLoop 40s linear infinite; padding-right: 20px; font-size: 7.5em; font-weight: 800; line-height: 1; color: #f5f5f5; text-transform: uppercase;}

@keyframes textLoop {
  0% {transform: translateX(0);}
  100% {transform: translateX(-100%);}
}