@media screen and (max-width:767px) {
/*로그인스킨*/
#login_wrap {width:100%;  background:#f7f7f7; padding:30px;}
.login_top {width:100%; height:auto; border-bottom:1px solid #eaeaea; margin-bottom:20px; padding-bottom: 20px;}
.login_top h2 {font-size:20px; color:#4b4f58; line-height:1; font-weight:600;}
.login_top h2 span {display: block; font-size:12px; font-weight:400; margin-top: 5px; line-height: 18px}
.login_mid {display: block; justify-content: space-between; width:100%; overflow: hidden;}
.login_mid .login_con { width:100%; height:100%; }
.login_mid .login_con h2 {text-align:center; color:#222; font-size:40px; margin-bottom:20px;}
.login_mid .login_con .login_id {width:100%; height:35px; background:#fff; border:1px solid #fff; margin-bottom:10px;}
.login_mid .login_con .login_id #mb_id {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con .login_pw {width:100%; height:35px; background:#fff; border:1px solid #fff; margin-bottom:20px;}
.login_mid .login_con .login_pw #mb_pass {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con span {display:inline-block;width:10%; height:100%; text-align:center; line-height:40px; }
.login_mid .login_con span img {vertical-align:0; width: 14px;}
.login_mid .login_con input::placeholder {font-size:12px; color:#c3c3c3;}
.login_mid .login_con input::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size:12px; color:#c3c3c3;}
.login_mid .login_con input::-moz-placeholder { /* Firefox 19+ */font-size:12px; color:#c3c3c3;}
.login_mid .login_con input:-ms-input-placeholder { /* IE 10+ */font-size:12px; color:#c3c3c3;}
.login_mid .login_con input:-moz-placeholder { /* Firefox 18- */font-size:12px; color:#c3c3c3;}
.login_mid .login_btn {width:100%; height:45px; margin-top:20px;}
.login_mid .login_btn button {width:100%; height:100%; background:#4b4f58; border:1px solid #4b4f58; text-align:center; color:#fff; font-size:15px; line-height:43px;}
.login_mid .login_bottom {text-align:center;}
.login_mid .login_bottom li {display:inline-block; margin-left:8px; padding-left:10px; position:relative; line-height:1;}
.login_mid .login_bottom li::before {width:1px; height:10px; background:#ddd; content:''; position:absolute; left:0; top:2px;}
.login_mid .login_bottom li:first-child {margin-left:0; padding-left:0;}
.login_mid .login_bottom li:first-child::before {display:none;}
.login_mid .login_bottom li a {color:#666; font-size:12px; line-height:15px;}
.login_mid .login_bottom li a img {vertical-align:middle; margin-right:5px;}
.login_mid .login_bottom li label {color:#666; font-size:12px; line-height:15px;}
.login_mid .login_bottom li input[type="checkbox"] {vertical-align:-3px;}
.login_mid .login_bottom li .naver_login {display:inline-block; background: #00ce38; width: 200px; height: 35px; font-size: 14px; color: #fff; text-align: center; 
line-height: 35px; border-left: 1px solid #DDD; border-radius: 5px; vertical-align: middle;}
.login_mid .login_bottom li .naver_login img {vertical-align:-1px;}
.login_mid .login_img {width:100%; margin-top: 20px;}
.login_mid .login_img .img_wrap{position:relative; padding-bottom: 42.3%;}
.login_mid .login_img .img_wrap img{position:Absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height:100%;}

.center{text-align:center;}
.pc_img {display:none;}
.tab_img {display:none;}
.mob_img {display:block;}
.pc {display:none;}
.tab {display:none;}
.mob {display:block;}

/* === Main === */
#wrap {position:relative; width:100%; max-width:767px; min-width: 375px; margin:0 auto; overflow:hidden; word-break: keep-all;}
.inner{width:100%; margin:0 auto; padding: 0 2.66%;}

.visual_wrap .visual .swiper-slide p {font-size:30px;}
.swiper-container {height:650px;}
.sect1_left p {font-size:35px;}
.sect1_left .line_wrap {font-size:50px;}
.sect1_right {top: 250px;}

#section1 {height:850px;}

#section2 .sect2_video .soggup_full_pc {display:none;}
#section2 .sect2_video .soggup_full_m {display:block;}

/* 히히호호 농장 */
#section4 {width: 100%; background: url(/assets/images/main/sec4_bg_mob.jpg)no-repeat bottom; height: auto; padding: 160px 0; background-size: 100%; object-fit: cover;}
#section4 .sec_inner {width: 100%; padding: 0 2.66%;}
#section4 strong.sec4_tit {font-size: 32px; color:#cb2f40; font-weight: 900; display: block; text-align:center; margin-bottom: 30px;}
#section4 .sec4_slide {position: relative; padding: 5px 0;}
#section4 .sec4_slide .slick-list{width: calc(100% + 20px);}
#section4 .sec4_slide .box4 {display: block;margin-right: 20px; /* box-shadow: 0px 0px 20px rgba(0,0,0,0.1); */ }
#section4 .sec4_slide .box4 a{display: block;width: 100%;border:1px solid #ddd;border-radius: 30px;}
#section4 .sec4_slide .box4 .box_wrap {}
#section4 .sec4_slide .box4 .box_wrap .img_wrap4 {}
#section4 .sec4_slide .box4 .box_wrap .img_wrap4 .img4 {border-radius: 30px 30px 0 0; position: relative; width: 100%; height: 0; padding-bottom: 70%; overflow: hidden;}
#section4 .sec4_slide .box4 .box_wrap .img_wrap4 .img4 img {border-radius: 30px 30px 0 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width:100%; max-height: 100%; width: 100%; height: 100%; object-fit: cover; margin: auto;}
#section4 .sec4_slide .box4 .box_wrap .txt_wrap4 {padding: 25px; background: #fff; border-radius: 0 0 30px 30px;}
#section4 .sec4_slide .box4 .box_wrap .txt_wrap4 p.tit4 {font-size: 18px; line-height: 1; color:#222; font-weight: 600; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap;}
#section4 .sec4_slide .box4 .box_wrap .txt_wrap4 .dt4 {display: flex; flex-wrap:wrap; gap: 20px; margin-top: 10px;}

#section4 .slick-dots {display: flex; flex-wrap:wrap; gap: 10px;justify-content: center; margin-top: 30px;}

/* section5 */
#section5 {padding: 180px 0;}
#section5 .sect5_txt {text-align:right; font-size:30px; padding:0 0 30px 0; line-height: 1.3; color:#161616;}
#section5 .sect5_txt span{font-weight: 900;}
#section5 .sec5_slide_wrap {width: 100%; padding: 0 2.6%; margin: 0 auto;}
#section5 .sec5_slide_wrap .sec5_slide {width: calc(100% + 20px);}
#section5 .sec5_slide_wrap .sec5_slide li {margin-right: 20px;}
#section5 .sec5_slide_wrap .sec5_slide li:nth-child(even) {margin-top: 60px;}
#section5 .sec5_slide_wrap .sec5_slide li a {display: block; width: 100%; }
#section5 .sec5_slide_wrap .sec5_slide li .img_wrap5 {}
#section5 .sec5_slide_wrap .sec5_slide li .img_wrap5 .img5 {position: relative; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden;}
#section5 .sec5_slide_wrap .sec5_slide li .img_wrap5 .img5 img {border-radius: 30px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width:100%; max-height: 100%; width: 100%; height: 100%; object-fit: cover; margin: auto;}
#section5 .sec5_slide_wrap .sec5_slide li .txt5 {margin-top: 20px;}
#section5 .sec5_slide_wrap .sec5_slide li .txt5 p.sec5_tit {font-size: 18px; color:#222; font-weight: 600; margin-bottom: 10px;} 
#section5 .sec5_slide_wrap .sec5_slide li .txt5 p.sec5_con {font-size: 15px; color:#555; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/* sub */
.sub_table th {font-size:15px;}

/*서브-게시글 댓글*/
.reply .people .con p.btn {margin-left:70px !important;}

/* sub0301 */
.gal_img_wrap{height:202px;}

/* sub0106 부모님 참여수업 */
.sub0106_wrap {}
.sub0106_wrap i {display: none;}
.sub0106_wrap b {display: block;}
.sub0106_wrap .con:not(:last-child) {margin-bottom: 80px;}
.sub0106_wrap .top_txt {text-align:center;}
.sub0106_wrap .top_txt p.p_tit {font-size: 28px; line-height: 1.6; color:#222;}
.sub0106_wrap .top_txt p.p_tit > strong {font-weight: 700;}
.sub0106_wrap .top_txt p.p_tit > span.line {display: inline-block; position: relative;}
.sub0106_wrap .top_txt p.p_tit > span.line:before {position: absolute; content:''; width: 100%; height: 20px; background: #ff9cb5; top:23px; z-index:-1;}
.sub0106_wrap ul.img_list {display: flex; flex-wrap:wrap; gap:40px 20px;}
.sub0106_wrap ul.img_list li {width: calc((100% - 20px) / 2);}
.sub0106_wrap ul.img_list li .img_wrap {}
.sub0106_wrap ul.img_list li .img_wrap img {border-radius: 20px;}
.sub0106_wrap ul.box_wrap {padding: 60px; background: #fff8f9; border-radius: 20px;}
.sub0106_wrap ul.box_wrap li:not(:last-child) {margin-bottom: 50px;}
.sub0106_wrap ul.box_wrap li {display: flex; flex-wrap:wrap; gap:35px; align-items:center;}
.sub0106_wrap ul.box_wrap li span.num {display: block; width: 80px; height: 80px; background:#cb2f40; border-radius: 50%; text-align:center; color:#fff; font-size: 26px; line-height: 80px;}
.sub0106_wrap ul.box_wrap li p.p_con {width: calc(100% - 115px); font-size: 24px; font-weight: 500; color:#222;}
.sub0106_wrap ul.box_wrap li p.p_con > em {color:#cb2f40; font-weight: 700;}
.sub0106_wrap ul.box_wrap li p.p_con > span.sub_con {display: block;color:#222; font-weight: 500; font-size: 18px; line-height: 1.5;}
.sub0106_wrap p.thank_you {font-size: 40px; line-height: 1.6; color:#222; font-weight: 700; text-align: center;}

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

	/* 메인 */
	#section1 {height:750px;}

	#section2 .sect2_video {margin-top:60px;}
	#section2 .sect2_txt {font-size:26px; top:-100px}
	#section2 .sect2_txt .sect2_txt_right {font-size:26px;}

	#section3 {position:relative;}
	#section3 .sect3_txt {font-size:30px; padding: 0 0 30px 3%; text-align: left; position:absolute; top:104px; z-index:2;}
	#section3 .sect3_txt .display_none {display:block; }

	#footer .foot_logo a img {width:20%;}

	/* 서브 */
	.sub_visual_img {height: 400px;}

	/*브랜드*/
	.m_display_none {display:inline;}

	/*서브*/
	.contop {padding-top:0;}
	.contop h3 {font-size:26px;}

	/*서브-스토리*/
	.mobile_display_none {display:block;}

	/*서브-소꿉갤러리*/
	.gal_list li {width:49%; margin:10px 2% 0 0;}
	.gal_list li:nth-child(3n) {margin-right:2%; margin-top:10px;}
	.gal_list li:nth-child(2n) {margin-right:0;}

	/*서브-상담신청*/
	.h3tit01 {font-size:36px;}
	.bbs_search select {width:20%;}
	.bbs_search .input_txt {width:50% !important;}
	.btn_sm {width:20%;}

	/*서브-원장님방*/
	.sub_menu h3 {height:50px;}
	.sub_menu h3 a {line-height:50px;}
	.sub_menu h3 span {font-size:16px;}

	/*서브-로그인*/
	.login_wrap {width:100%;}
	.login_id {width:100%; height:auto; padding: 20px 0 20px 16px; font-size:18px;}
	.login_id input {width:52% !important; height:38px !important; padding: 10px 0;}
	.login_pw {width:100%; height:auto; font-size:18px;}
	.login_pw input {width:50% !important; height:38px !important; padding: 10px 0;}
	.login_btn {width:100%; margin-top:30px; padding:10px 0; height:auto; font-size:18px;}
	.login_txt {text-align:left;}
	.login_txt a {display:block;}

}

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

	/* 메인 */
	#contents {margin-top:-44px;}

	#m_header div h1 {top:12px;}
	#m_header div h1 a img {width:60%;}
	#m_header div .m_menu {top:18px;}
	#m_header div .m_menu img {width:60%;}

	.visual_wrap .visual .swiper-slide p span {display:none;}

	#contents .mobile_cont {display:block;}
	#contents .mobile_cont ul {overflow:hidden; width:100%;}
	#contents .mobile_cont ul:after {content:""; clear:both; display:block;}
	#contents .mobile_cont ul li {float:left; width:50%; text-align:center; padding: 10px 0; height: 64px;}
	#contents .mobile_cont ul li:nth-child(1) {background: #f5c027;}
	#contents .mobile_cont ul li:nth-child(2) {background: #f5a027;}
	#contents .mobile_cont ul li a {color:#fff; overflow:hidden; display:inline-block; margin:0 auto; line-height: 20px; font-size: 13px;}
	#contents .mobile_cont ul li a img {float:left; width:30px; margin: 5px 10px 0 0; display:block;}
	#contents .mobile_cont ul li a p {float:left; text-align:left;}

	.sect1_left .line_wrap {font-size:36px;}
	.sect1_right {top: 170px;}

	#section1 {height:550px;}
	#section2 .sect2_txt {font-size:30px; top:-270px;}
	#section2 .sect2_txt > div {float:none; width:100%;}
	#section2 .sect2_txt .sect2_txt_right {font-size:27px; padding-left: 32%; margin-top:45px; line-height:2.2;}
	#section2 .sect2_video {margin-top:260px;}

	/* 히히호호 농장 */
	#section4 {width: 100%; background: url(/assets/images/main/sec4_bg_mob.jpg)no-repeat bottom; height: 740px; padding: 90px 0;background-size: 100%; object-fit: cover;}
	#section4 .sec_inner {width: 100%; padding: 0 2.66%;}
	#section4 strong.sec4_tit {font-size: 30px; color:#cb2f40; font-weight: 900; display: block; text-align:center; margin-bottom: 25px;}
	#section4 .sec4_slide {position: relative; padding: 5px 0;}
	#section4 .sec4_slide .slick-list{width: calc(100% + 10px);}
	#section4 .sec4_slide .box4 {display: block;margin-right: 10px; /* box-shadow: 0px 0px 20px rgba(0,0,0,0.1); */ }
	#section4 .sec4_slide .box4 a{display: block;width: 100%;border:1px solid #ddd;border-radius: 30px;}
	#section4 .sec4_slide .box4 .box_wrap {}
	#section4 .sec4_slide .box4 .box_wrap .img_wrap4 {}
	#section4 .sec4_slide .box4 .box_wrap .img_wrap4 .img4 {border-radius: 30px 30px 0 0; position: relative; width: 100%; height: 0; padding-bottom: 70%; overflow: hidden;}
	#section4 .sec4_slide .box4 .box_wrap .img_wrap4 .img4 img {border-radius: 30px 30px 0 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width:100%; max-height: 100%; width: 100%; height: 100%; object-fit: cover; margin: auto;}
	#section4 .sec4_slide .box4 .box_wrap .txt_wrap4 {padding: 25px; background: #fff; border-radius: 0 0 30px 30px;}
	#section4 .sec4_slide .box4 .box_wrap .txt_wrap4 p.tit4 {font-size: 18px; line-height: 1; color:#222; font-weight: 600; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap;}
	#section4 .sec4_slide .box4 .box_wrap .txt_wrap4 .dt4 {display: flex; flex-wrap:wrap; gap: 20px; margin-top: 10px;}

	#section4 .slick-dots {display: flex; flex-wrap:wrap; gap: 10px;justify-content: center; margin-top: 30px;}

	/* section5 */
	#section5 {padding: 100px 0;}
	#section5 .sect5_txt {text-align:left; font-size:24px; padding:0 0 25px 0; line-height: 1.3; color:#161616;}
	#section5 .sect5_txt span{font-weight: 900;}
	#section5 .sec5_slide_wrap {width: 100%; padding: 0 2.6%; margin: 0 auto;}
	#section5 .sec5_slide_wrap .sec5_slide {width: calc(100% + 10px);}
	#section5 .sec5_slide_wrap .sec5_slide li {margin-right: 10px;}
	#section5 .sec5_slide_wrap .sec5_slide li:nth-child(even) {margin-top:0;}
	#section5 .sec5_slide_wrap .sec5_slide li a {display: block; width: 100%; }
	#section5 .sec5_slide_wrap .sec5_slide li .img_wrap5 {}
	#section5 .sec5_slide_wrap .sec5_slide li .img_wrap5 .img5 {position: relative; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden;}
	#section5 .sec5_slide_wrap .sec5_slide li .img_wrap5 .img5 img {border-radius: 30px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width:100%; max-height: 100%; width: 100%; height: 100%; object-fit: cover; margin: auto;}
	#section5 .sec5_slide_wrap .sec5_slide li .txt5 {margin-top: 20px;}
	#section5 .sec5_slide_wrap .sec5_slide li .txt5 p.sec5_tit {font-size: 18px; color:#222; font-weight: 600; margin-bottom: 10px;} 
	#section5 .sec5_slide_wrap .sec5_slide li .txt5 p.sec5_con {font-size: 15px; color:#555; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

	/* 서브 */
	/*#sub_visual {background-size:auto;}*/

	/*서브-스토리*/
	.sub0101_con {margin: 10px 0;}

	/*서브-소꿉갤러리-게시글*/
	#DivContents img {width:100%; height:auto; object-fit:contain;}
	.admin_btn .btn01 {width:80px !important;}
	.admin_btn .btn02 {width:80px !important;}
	.admin_btn .btn03 {width:80px !important;}

	/*서브-선생님모집*/
	.fileBox .fileName {width:50%; margin-right: 5%;}
	.fileBox .btn_file {width:40%;}
	.pc_online_teacher {display:none;}
	.m_online_teacher {display:block;}

	/*서브-마이페이지*/
	.sub_menu h3 span {font-size:13px;}
	input.input_txt {/*height:36px !important;*/ width:100%;}
	.member_info th {height:66px !important; padding-left:0 !important; font-size:13px;}
	.member_info td {padding:5px 0 0 15px;}
	.bbs_search select {min-width:95px !important;;}

	/*서브-작성*/
	#smart_editor2 {min-width:auto !important;}

  /*20220905 유튜브 팝업*/
  #div_notice_11 {display:block;}
  #pop_layer_11 {display:block;}

	/* sub0301 */
	.gal_img_wrap{height:auto;}

	/* sub0106 부모님 참여수업 */
	.sub0106_wrap {}
	.sub0106_wrap i {display: none;}
	.sub0106_wrap b {display: block;}
	.sub0106_wrap .con:not(:last-child) {margin-bottom: 50px;}
	.sub0106_wrap .top_txt {text-align:center;}
	.sub0106_wrap .top_txt p.p_tit {font-size: 24px; line-height: 1.6; color:#222;}
	.sub0106_wrap .top_txt p.p_tit > strong {font-weight: 700;}
	.sub0106_wrap .top_txt p.p_tit > span.line {display: inline-block; position: relative;}
	.sub0106_wrap .top_txt p.p_tit > span.line:before {position: absolute; content:''; width: 100%; height: 18px; background: #ff9cb5; top:20px; z-index:-1;}
	.sub0106_wrap ul.img_list {display: flex; flex-wrap:wrap; gap:20px 10px;}
	.sub0106_wrap ul.img_list li {width: calc((100% - 10px) / 2);}
	.sub0106_wrap ul.img_list li .img_wrap {}
	.sub0106_wrap ul.img_list li .img_wrap img {border-radius: 20px;}
	.sub0106_wrap ul.box_wrap {padding: 30px; background: #fff8f9; border-radius: 20px;}
	.sub0106_wrap ul.box_wrap li:not(:last-child) {margin-bottom: 25px;}
	.sub0106_wrap ul.box_wrap li {display: flex; flex-wrap:wrap; gap:15px; align-items:baseline;}
	.sub0106_wrap ul.box_wrap li span.num {display: block; width: 35px; height: 35px; background:#cb2f40; border-radius: 50%; text-align:center; color:#fff; font-size: 18px; line-height: 35px;}
	.sub0106_wrap ul.box_wrap li p.p_con {width: calc(100% - 50px); font-size: 18px; font-weight: 500; color:#222;}
	.sub0106_wrap ul.box_wrap li p.p_con > em {color:#cb2f40; font-weight: 700;}
	.sub0106_wrap ul.box_wrap li p.p_con > span.sub_con {color:#222; font-weight: 500; font-size: 16px; line-height: 1.3;}
	.sub0106_wrap p.thank_you {font-size: 28px; line-height: 1.6; color:#222; font-weight: 700; text-align: center;}


}

@media screen and (max-width:480px) {
	/* quick */
	#main_quick{position: fixed; right: 30px; bottom: 30px; z-index: 9999;}
	#main_quick ul li{position: relative; background: #cb2f40; border-radius:50%; transition: background 0.3s ease;}
	#main_quick ul li{margin-bottom: 10px;}
	#main_quick ul li a{display: flex; align-items: center; justify-content: center; flex-direction: column; width: 80px; height: 80px; aspect-ratio:1; }
	#main_quick ul li a .quick_icon{display: flex; align-items: center; justify-content: center; z-index: 1;}
	#main_quick ul li a .quick_icon img {width:28px; height:28px;}
	#main_quick ul li .label {color: #fff; font-size: 0.8rem;}

	/* 메인 */
	#m_header .m_header_frame {height:60px;}
	#m_header .m_header_frame h1 {left:3%;}
	#m_header .m_header_frame h1 a img {width:50%;}
	#m_header .m_header_frame .m_menu {right: -2%;}
	#m_header .m_header_frame .m_menu img {width:50%;}

	#m_header .m_menu_close {right: -2%;}
	#m_header .m_menu_close img {width:50%;}

	.swiper-container {height:600px;}

	#section2 .sect2_video {margin-top:220px;}

	#footer .foot_top a {font-size:13px;}
	#footer .foot_top a img {width: 20%;}
	#footer address {font-size: 12px; line-height: 20px;}
	#footer p.copyright {font-size: 12px;}

	/* 서브 */
	.pc_display_none {display:none;}

	/*서브-스토리*/
	.slogan_wrap h4 {font-size:20px;}

	/*서브-소꿉갤러리-게시글*/
	.admin_btn .btn01 {width:70px !important;}
	.admin_btn .btn02 {width:70px !important;}
	.admin_btn .btn03 {width:70px !important;}

	/*서브-상담신청*/
	.sub_table th {padding:15px 0;}

	/*서브-로그인*/
	.sub_menu h3 span {font-size:11px;}
	.m_navigation .m_navi_login a {padding:6px 0;}

	/*서브-자주하는질문*/
	.board_search .board_search_area {width:180px !important;}

	/*서브-원장님방*/
	.sub_menu h3 {height:40px;}
	.sub_menu h3 a {line-height:40px;}
}

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

	/* 메인 */
	.swiper-container {height:500px;}

	.sect1_left p {font-size: 26px;}
	.sect1_left .line_wrap {font-size: 36px;}

	#section2 .sect2_txt {font-size:24px; top:-215px;}
	#section2 .sect2_txt .sect2_txt_right {font-size:24px; padding-left: 27%; margin-top:25px;}
	#section2 .sect2_video {margin-top:100px;}

}

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

	/* 메인 */
	.visual_wrap .visual .swiper-slide p {font-size:20px;}
	.swiper-container {height:300px;}

	#section1 {margin-top: 60px;}
	.sect1_left p {font-size: 24px;}
	.sect1_left .line_wrap {font-size: 30px;}

	/* 서브 */

}

/* sub_id */
.sub_id_wrap{padding:30px;}
.sub_id_wrap .form_wrap .tabs a{ font-size: 1rem; }
.sub_id_wrap .form_inner02 p{font-size: 1rem;}
.sub_id_wrap .id_check .id_box{font-size: 0.875rem; }
.sub_id_wrap .form_inner{display: flex; flex-direction: column; gap:20px; margin-top: 20px;}
.sub_id_wrap .form_box label{font-size: 1rem; }
.sub_id_wrap .submit_btn{font-size: 1rem;height: 45px; margin-top: 30px;}
.sub_id_wrap .login_wrap{display: flex; justify-content: center; gap:25px; margin-top: 50px;}
.sub_id_wrap .login_wrap a{width: 100%; font-size: 1rem; text-align: center; border-radius:10px; padding-block:10px;}
.sub_id_wrap input[type="text"], .sub_id_wrap input[type="password"], .sub_id_wrap input[type="email"]{height: 45px; padding: 5px 15px; font-size: 0.875rem; color: #666; border:none; border-radius: 10px; background: #F9F9F9;}
.sub_id_wrap .submit_btn{border-radius: 10px; background: #000; font-size: 1rem; color: #fff; height: 45px; margin-top: 0px;}

/* sub_login */
.sub_login_wrap.account_box{padding: 30px 20px;}
.sub_login_wrap .input_box {gap:20px;}
.sub_login_wrap input[type="text"], .sub_login_wrap input[type="password"], .sub_login_wrap input[type="email"]{height: 45px; padding: 5px 15px; font-size: 0.875rem; }
.sub_login_wrap .form_inner{display: flex; flex-direction: column; gap:30px;}
.sub_login_wrap .form_box label{font-size: 1rem; }
.sub_login_wrap .check_wrap {display: flex;align-items: center;gap: 15px;font-family: sans-serif;font-size: 0.75rem;}
.sub_login_wrap .check_wrap input[type="checkbox"] {appearance: none;width: 16px;height: 16px;border: 1px solid #ccc;border-radius: 2px;background-color: white;position: relative;cursor: pointer; margin-right: 5px;}
.sub_login_wrap .check_wrap input[type="checkbox"]:checked {background-color: black;border-color: black;}
.sub_login_wrap .check_wrap input[type="checkbox"]:checked::after {content: '✔';color: white;font-size: 12px;position: absolute;top: -2px;left: 2px;}
.sub_login_wrap .submit_btn{font-size: 1rem;height: 45px; margin-top: 0;}
.sub_login_wrap .submit_btn02{font-size: 1rem; height: 45px; margin-top: 0;}
.sub_login_wrap .external_wrap {margin-top: 30px;}
.sub_login_wrap .search_wrap a{position: relative; font-size: 0.75rem ;}
.sub_login_wrap .search_wrap a:not(:last-child)::after{content:''; position: absolute; right: -10px; top: 50%; transform:translateY(-50%); width: 1px; height: 40%; background: #666;}
.sub_login_wrap .signup_link{display: flex; justify-content: center; gap:30px; margin-top: 20px; font-size: 0.75rem;}
.sub_login_wrap .signup_link a{font-size: 0.75rem;}
.sub_login_wrap .txt_area h3{font-size: 1rem;}
.sub_login_wrap .txt_area .txt_box{height: 250px;  font-size: 0.75rem; line-height: 1.6; overflow-y:auto;}
.sub_login_wrap .agree_wrap{margin-top: 20px;}
.sub_login_wrap .check_label{display: flex;align-items: center;cursor: pointer;justify-content: flex-end; font-size: 0.75rem; color: #444;}
.sub_login_wrap .agree_box{appearance: none;width: 18px;height: 18px;border: 1px solid #ccc;border-radius: 3px;margin-right: 8px;position: relative;cursor: pointer;}
.sub_login_wrap .agree_box::after {content: '✔'; font-size: 13px; position: absolute; left: 2px; top: -2px; color: #ccc; visibility: visible;}
.sub_login_wrap .form_inner{display: flex; flex-direction: column; gap:30px; margin-top: 0px;}

.sub_login_wrap .account_btn{margin-top: 10px;}
.sub_login_wrap .account_btn button{width: 120px; height:40px; font-size: 1rem;}

.sub_sign_wrap input[type="text"], .sub_sign_wrap input[type="password"], .sub_sign_wrap input[type="email"]{height: 40px; padding: 5px 15px; font-size: 0.75rem; }
.sub_sign_wrap .form_list li{display: flex; flex-direction: column; gap:20px;}
.sub_sign_wrap .form_list li:not(:first-child){margin-top: 20px;}
.sub_sign_wrap .form_list li label{margin-top: 0px; width: auto; font-size: 0.875rem; }
.sub_sign_wrap .form_list li .id_field{display: flex; gap:20px; width: 100%;}
.sub_sign_wrap .form_list .address_row{display: flex; gap:20px; width: 100%;}
.sub_sign_wrap .sub_btn{width: 100px; font-size: 0.875rem; }


}