@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

*{letter-spacing: -.5px; font-size: 14px; }

.emt25{height: 25px}
.emt40{height: 40px}
.emtline{height: 1px; background: #dfdfdf; width: 100%; margin: 50px 0}


.korfont{font-family: 'Pretendard';}
.pointfont {font-family: 'yg-jalnan' !important; }

.inner{width: 1300px; margin: 0 auto; padding: 0 15px}

.btn_common {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 1.25rem;
	align-items: center;
	display: flex;
	gap:1rem;
}

img{max-width: 100%}

header{
	padding: 20px 0;
	background: #fff; position: absolute; left: 0; top: 0; width: 100%; z-index: 9999
}

header .inner{width: 1300px; margin: 0 auto; display: flex;     align-items: center; position: relative; padding: 0 15px}

nav {  position: relative; margin-left: 40px ; }
nav > ul { display: flex; align-items: center;}
nav > ul > li { font-size: 18px; font-weight: 400; color: #303030; width: 120px; text-align: center; position: relative }
nav > ul > li > a { 
	display: inline-block;
	color: #303030; 
	font-weight: 500; 
	position: relative; 
	padding: 10px 8px; 
	font-size: 16px 
}
nav > ul > li > a .special {font-size: 13px;}
nav > ul > li:hover > a:after { content: ''; position: absolute; left: 0; top: 8px; background: #D9B04D; border-radius: 50px; width: 5px; height: 5px}

.pc_none {display: none;}
.mo_none {display: block;}

.submenu { display: none; position: absolute; z-index: 99; text-align: center; background: #fff; border: 1px solid #D9D9D9; border-radius: 8px; 
box-shadow:1px 1px 15px rgba(0,0,0,0.2); padding: 15px; left: 50%; transform: translateX(-50%);  }
.submenu > li > a { display: inline-block; padding: 10px 0px; width: 120px ; font-size: 15px;  }
.submenu > li > a:hover { color: #D9B04D }

.top_login {
	display: flex; 
	align-items: center;  
	position: absolute; 
	right: 0; 
	top: 5px; 
}
.top_login a {
	font-size: 14px; 
	color: #707070
}
.top_login a + a{margin-left: 25px}
.top_login button{border: 0; background: #fff}

.top_search{margin-left: 25px; display: flex; align-items: center;}
.top_search input{border-radius: 8px; color: #707070; border: 1px solid #707070; padding:7px 15px; font-size: 14px; max-width: 160px; margin-right: 8px }


.video_banner{height: 100vh; position: relative; display: flex;     align-items: center;
    justify-content: flex-start;}
.video_are{position: absolute ; width: 100%; height: 100%; left: 0; bottom: 0; z-index: -1}

.banner_text{width: 100%; width: 1300px; margin: 0 auto; padding: 0 15px}
.banner_text h3{font-weight: 800;
font-size: 20px;
line-height: 150%; color: #fff}
.banner_text h2{margin-top: 15px; font-size: 64px; font-weight: 700; line-height: 130%;  color: #fff}
.banner_text p{color: #fff; font-size: 20px; font-weight: 400; margin-top: 40px; line-height: 160%;}

.title {text-align: center; margin-bottom: 40px}
.title h2{font-weight: 700;
font-size: 40px;
line-height: 130%; color: #303030;}


.flex2{width: 1300px; padding: 0 15px; margin: 0 auto;display: flex }

.flex2 .box{background: #fff; border-radius: 8px; padding: 40px;box-shadow:1px 1px 15px rgba(0,0,0,0.2); width: 50%}
.flex2 .box + .box{margin-left: 25px}

.flex2 .box h2 {
	position: relative;
	color: #190B0B;
	font-weight: 800;
	font-size: 32px;
	line-height: 130%; 
}
.flex2 .box h2 a {
	position: absolute;
	right: 0;
	top: 0px;
 }
.flex2 .box ul{margin-top: 35px}
.flex2 .box ul li + li{margin-top: 24px}

.flex2 .box ul li .board_subject{font-weight: 800;
font-size: 24px;
line-height: 140%;
color: #303030;}
.flex2 .box ul li .board_content{font-weight: 400;
font-size: 16px;
line-height: 160%;
color: #707070; margin-top:8px}


.video_info{padding: 100px 15px; }
.video_info .title {
	text-align: left; 
	max-width: 1300px; 
	margin: 0 auto 40px; 
	padding: 0 15px 
}
.video_info .title h2{width: 50%}
.video_info .title p{
	width: 50%;
	font-weight: 500;
	font-size: 18px;
	line-height: 160%;
	word-break: keep-all;
	margin-top: 0.5rem;
}

.video-container {
  position:relative;
  height:0;
  padding-bottom:56.25%;
}

.video-container iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

.video_board{margin-top: 40px; display: flex}
.video_board .box{background: #FFFFFF;
box-shadow: 0px 4.4px 12px -1px rgba(19, 16, 34, 0.06), 0px 2px 6.4px -1px rgba(19, 16, 34, 0.03);
border-radius: 8px; width: 33.33%; overflow: hidden}

.video_board .box .thum{position: relative; overflow: hidden}
.video_board .box .thum img{width: 100%}
.video_board .box .thum a{position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; max-width: 72px }
.video_board .box + .box{margin-left: 25px}
.video_board .box .text_are{padding: 20px 25px 35px}
.video_board .box .text_are h3{font-weight: 800;
	font-size: 20px;
	line-height: 150%;
	color: #303030;}
	.video_board .box .text_are p{margin-top: 15px; font-weight: 400;
	font-size: 14px;
	line-height: 160%;
	color: #707070;
}

.school {
	padding: 100px 15px; 
	background-image: url("/theme/aulm/img/common/bg_yellow.jpg?v=2");
	background-size: cover;
	background-repeat: no-repeat;
}
.school .title {
	text-align: left;
	max-width: 1300px;
	margin: 0 auto 40px;
	padding: 0 15px;
 }

.main_sns {
	padding: 100px 15px; 
	background: #36ABF3
}
.main_sns .title {
	text-align: left;
	max-width: 1300px;
	margin: 0 auto 40px;
	padding: 0 15px;
}
.main_sns .title h2{
	color: #fff;
}
.main_sns h3 {
	color: #fff;
	font-size: 1.75rem;
	text-align: left;
	max-width: 1300px;
	margin: 0 auto 20px;
	padding: 0 15px;
}

.flex3 {
	display: flex; 
	width: 1300px; 
	margin: 0 auto; 
	padding: 0 15px
}
.flex3 a {
	width: 33.33%; 
	padding: 24px; 
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	border-radius: 16px;
}
.flex3 a + a {margin-left: 25px}
.flex3 a .subject{
	display: block; 
	margin: 24px 0 12px; 
	font-weight: 800;
	font-size: 20px;
	line-height: 150%;
	color: #303030; 
}
.flex3 a .info {
	font-weight: 400;
	font-size: 16px;
	line-height: 160%;
	color: #707070;
}
.main_faq_wrap {
	background-image: url("/theme/aulm/img/common/bg_gradation.jpg?v=2");
	background-repeat: no-repeat;
	background-size: cover;
}
.main_faq {
	padding: 100px 15px; 
	width: 1300px; 
	margin: 0 auto; 
}
.main_faq .title {text-align: left}
.main_faq .contact {
	display: flex; 
	margin-top: 1.5rem
}
.main_faq .contact .box {
	display: flex;
	align-items: center;
	border-radius: 8px; 
	padding: 24px; 
	background-color: #fff;
}
.main_faq .contact .box h3 {
	font-weight: 600;
	font-size: 16px;
	line-height: 160%;
	color: #737373;
}
.main_faq .contact .box h2 {
	font-weight: 600;
	font-size: 20px;
	line-height: 160%;
	color: #000000;
}
.main_faq .contact .box + .box{margin-left: 25px}
.main_faq .contact .img_area {min-width: 4rem;}

.main_faq .left {position: relative;}
.main_faq .right ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
}
.main_faq .right ul li {
	box-shadow: 0px 4.4px 12px -1px rgba(19, 16, 34, 0.06), 0px 2px 6.4px -1px rgba(19, 16, 34, 0.03);
	border-radius: 8px; 
}
.main_faq .right li + li{margin-top: 15px}
.main_faq .right li .button {
	font-weight: 600;
	font-size: 16px;
	line-height: 160%;
	color: #190B0B;
	position: relative; padding:15px 80px 15px 25px ;
	border: 0; background: #fff; border-radius: 0; width: 100%;
	text-align: left; width: 100%;
}
.main_faq .right li .content {
	display: none;
	margin: 0;
	padding:0 25px 25px;
	background-color: #fff;
	font-weight: 400;
	font-size: 14px;
	line-height: 160%;
	color: #707070;
}
.main_faq .right li.on .content {display: block;}
.main_faq .right li .button:after {
	content: '';
	width: 36px; height: 36px; background: url("/theme/aulm/img/common/down.png");
	background-size: 36px 36px; position: absolute; right: 25px; top: 50%; border-radius: 50px; transform: translateY(-50%);
}
.main_faq .right li.on .button:after {
	content: '';
	width: 36px; height: 36px; background: url("/theme/aulm/img/common/up.png");
	background-size: 36px 36px; 
	box-shadow: 0px 8px 18px -8px #D9B04D;; border-radius: 50px
}
.main_faq .exp {
	font-size: 1.25rem;
	font-weight: 600;
	margin-top: 4rem;
}

.foot_banner{background: url("/theme/aulm/img/common/foot_bg.png"); text-align: center; padding: 100px 15px; 
background-position: center; background-size: cover}

.foot_banner p{font-weight: 400;
font-size: 24px;
line-height: 160%;
color: #FFFFFF;}
.foot_banner h2{font-weight: 800;
font-size: 40px;
line-height: 130%;
color: #FFFFFF; margin: 16px 0 48px}

footer{padding: 80px 0}
footer .inner {
	display: flex;     
	justify-content: space-between;
    align-items: flex-start;
}
footer .inner .company p {
	font-weight: 400;
	font-size: 14px;
	line-height: 160%;
	color: #707070; margin-top: 30px
}
footer .inner ul{display: flex}
footer .inner ul li a{font-weight: 600;
	font-size: 16px;
	line-height: 160%;
	color: #707070; display: block
}
footer .inner ul li p{
	font-weight: 600;
	font-size: 16px;
	line-height: 160%;
	color: #707070; 
	display: block
}
footer .inner ul li p.email{text-decoration-line: underline;}
footer .inner ul li a + a, footer .inner ul li p + p{margin-top: 8px}
footer .inner ul li + li{margin-left: 100px}
footer .copy p{font-weight: 400;
	font-size: 12px;
	line-height: 160%;
	color: #707070;
}
footer .copy{width: 1300px; margin: 0 auto; padding: 0 15px; margin-top: 120px}


.deps3{width: 1300px; padding: 0 15px; margin: 40px auto  0}
.deps3 ul{display: flex; align-items: center;}
.deps3 ul li{display: flex; align-items: center;}
.deps3 ul li p{font-weight: 400;
	font-size: 14px;
	line-height: 160%;
	color: #707070;
}
.deps3 ul li img + p{margin-left: 5px}
.deps3 ul li + li{margin-left: 10px;}

.sub_title{width: 1300px; padding: 0 15px; margin: 30px auto  0}

.sub_title h2{font-weight: 700;
font-size: 40px;
line-height: 130%;
color: #303030;}

#bo_w, #bo_v, #bo_list, #bo_gall, #ctt{width: 1300px; padding: 40px 15px 100px; margin: 0 auto}

.form_custom h2{font-size: 18px; font-weight: bold; color: #D9B04D; margin-bottom: 25px}
.form_custom h2 span{display: inline-block; color: #707070;; font-size: 14px; font-weight: 400; margin-left: 10px; letter-spacing: -.8px}
.rd_are{display: flex;}
.rd_are input[type="radio"]{display: none}
.rd_are input[type="radio"] + label{padding: 10px 25px; font-size: 16px; cursor: pointer; border: 1px solid #ddd; margin-left: -1px}
.rd_are input[type="radio"]:checked + label{background: #666; color: #fff; border-color:#666 }

.fotm_are p{font-size: 16px; margin-bottom: 10px; color: #303030; font-weight: bold}
.fotm_are + .fotm_are{margin-top: 25px}

.rd_text input{cursor: pointer}
.rd_text label{font-size: 16px; cursor: pointer}
.rd_text label + input{margin-left: 15px}

.form_custom input[type="text"], .form_custom input[type="password"]{padding: 10px 15px; border: 1px solid #ddd; color: #666; font-size: 16px;border-radius: 5px}

.w100{width: 100%}

.fotm_are ul{display: flex;     align-items: center; flex-wrap: wrap; gap: 25px;}
.fotm_are ul li {display: flex; width: calc(50% - 12.5px); align-items: center;}
.fotm_are ul li p{width: 160px}


.agree_ck{margin-top: 30px}
.agree_ck li + li{margin-top: 10px}
.agree_ck li { display: flex; align-items: center;}

.agree_ck li label{margin-left: 10px;font-size: 16px;}

.view_support{padding: 30px 0}
.view_support ul{display: flex; flex-wrap: wrap;  gap: 10px;}
.view_support ul li{display: flex; width: calc(50% - 12.5px); align-items: center;}

.view_support ul li p{font-size: 16px; width: 20%; font-weight: bold }
.view_support ul li span{font-size: 16px; width: 80%}
.view_support ul li span em{margin-left: 15px;  font-style: normal}

.support_are{margin: 50px 0 0 0; }
.support_are h2{font-weight: 800;
font-size: 16px;
line-height: 140%;
color: #303030;}
.support_are h2 span{margin-right: 5px; display: inline-block; vertical-align: middle; margin-top: -5px}

.support_are h2 + p{margin-top:17px;  }
.support_are p{font-weight: 400;
font-size: 16px;
line-height: 160%;
color: #303030; padding-left: 15px; position: relative}

.support_are p:after{position: absolute; content: ''; width: 5px; height: 5px; border-radius: 10px;
 background: #303030; left: 0; top: 10px; }

.board_top img{width: 100%}
.board_top .deps3 img{width: auto}


.title_faq{text-align: center}
.title_faq h2{font-weight: 800;
font-size: 40px;
line-height: 130%;

color: #303030;}

.faq{padding: 80px 200px 0; background: #FFFDF3; max-width: 1300px; margin: 40px auto 100px}
.faq #bo_list{width: 100%}


.tab_nav{display: flex; gap:15px; width: 1300px; margin: 40px auto 0px; padding: 0 15px}
.tab_nav a{padding: 0 15px; border-radius: 6px; background: #f1f1f1; line-height: 42px; height: 42px;font-weight: 600;
font-size: 16px;
color: #303030;}

.tab_nav a:hover, .tab_nav a.atv{color: #fff; background: #D9B04D;}

#ctt_con p{font-size: 16px !important; line-height: 25px !important}
#ctt_con p span{font-size: 16px !important; line-height: 25px !important}

.sub_section{width: 1300px; padding: 40px 15px 100px; margin: 0 auto}
.block_img{margin: 0 auto; display: block;     }
.max_800{max-width: 800px;}
.max_650{max-width: 650px;}

.sub_ck{font-weight: 800;
font-size: 16px;
line-height: 140%;
color: #303030; padding-left: 25px; position: relative}


.sub_ck span{position: absolute; left: 0; top: 0}
.sub_ck + .sub_ck{margin-top: 15px}


.sub_point{font-weight: 600;
font-size: 18px;
line-height: 120%;
color: #D9B04D;}

.sub_point span{font-weight: 500; color: #303030; font-size: 16px; line-height: 150%;}


.sub_step{list-style: disc; padding-left: 25px}
.sub_step li{font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 160%;
color: #303030;}

.sub_step li + li{margin-top: 4px}

.sub_ck + .sub_step{margin-top: 15px}
.sub_point + .sub_step{margin-top: 15px}
.sub_point + .flex_sub{margin-top: 15px}


ul.tabs{display: flex; gap:15px; width: 1300px; margin: 40px auto 0px; padding: 0 15px}
ul.tabs li{padding: 0 15px; border-radius: 6px; background: #f1f1f1; line-height: 42px; height: 42px;font-weight: 600;
font-size: 16px;
color: #303030; cursor: pointer}

ul.tabs li.current{color: #fff; background: #D9B04D;}

.tab-content{
	display: none;
	width: 1300px; padding: 40px 15px 100px; margin: 0 auto
}

.tab-content.current {display: inherit;}

.step3{display: flex; gap:15px}
.step3 .box{border-radius: 8px; width: 33.33%; border: 1px solid #dfdfdf; overflow: hidden}
.step3 .box h2{background:#FCBB56; color: #fff; padding: 20px; font-size: 20px; font-weight: 800; text-align: center }
.step3 .box:nth-child(2) h2{background:#258DDB;}
.step3 .box:nth-child(3) h2{background:#EF4201;}
.step3 .box ul{list-style: disc; padding: 25px 25px 25px 50px}
.step3 .box ul li{font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 160%;
	color: #303030;
}
.step3 .box ul li + li{margin-top: 4px}

.tlb table{width: 100%; border-spacing: 0; border-top: 2px solid #D9B04D}
.tlb table th{background: #D9B04D; color: #fff; padding: 10px 15px; font-size: 16px; line-height: 160%; text-align: left; border-bottom: 1px solid #dfdfdf}
.tlb table td{background: #fff; color: #303030; padding: 10px 15px; font-size: 16px; line-height: 160%; text-align: left; border-bottom: 1px solid #dfdfdf}
.tlb table td + td{border-left: 1px solid #dfdfdf}
.tlb table td.bg{background: #f5f5f5}
.tlb table td.center, .tlb table th.center{text-align: center}

.flex_sub {display: flex}
.flex_sub .img_are {width: 53%}
.flex_sub img {width: 100%; }
.flex_sub .sub_step {width: 47%}
.flex_sub .sub_step img {
	width: 100%; 
	margin-left: -25px; 
	margin-bottom: 20px;
	max-width: 300px;
}

.flex_sub2 {
	display: flex; 
	align-items: center;
	gap: 2rem;
}
.flex_sub2 .text_are {width: 40%}
.flex_sub2 .img_are {width: 60%}
.flex_sub2 img {max-width: 100%}
.flex_sub2 + .flex_sub2{margin-top: 40px}

.flex_sub2 .img_are + .text_are{margin-left: 50px; width: calc(60% - 50px); display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
}
.flex_sub2 .img_are + .text_are .sub_step {list-style-position: inside}




.flex5{text-align: center; margin-top: 50px}
.flex5 h2 {
	font-weight: 800;
	font-size: 35px;
	line-height: 150%;
	color: #D9B04D; margin-bottom: 30px
}

.upline{width: 2px; height: 100px; background: #D9B04D; margin: 50px auto}

.flex5 ul{display: flex; gap:15px}
.flex5 ul li{width: 20%; text-align: center; border-radius: 9px; border: 2px solid #ddd; padding: 25px 10px}
.flex5 ul li h3{color: #D9B04D; font-size: 20px; font-weight: 800; margin: 15px 0}
.flex5 ul li p{word-break: keep-all; font-size: 16px; line-height: 160%; color: #303030; font-weight: 400}

.fleximg{display: flex; gap:15px}
.fleximg img{width: 100%}
.fleximg .box{width: 50%}


.book_flex{display: flex; gap:15px; flex-wrap: wrap;}
.book_flex li{width: calc(16% - 4.1px); border: 2px solid #ddd; overflow: hidden; border-radius: 6px}
.book_flex img{width: 100%}


.img_box{}
.img_box img{width: 100%}

.img_box4{display: flex; gap:15px}
.img_box4 img{width: 100%}
.img_box4 li{width: 25%}

.img_box3{display: flex; gap:15px}
.img_box3 img{width: 100%}
.img_box3 li{width: 33.33%}

.step_7{display: flex; gap:15px;    align-items: center;
    justify-content: space-between; margin: 15px 0;}
.step_7 li{border-radius: 6px; border: 2px solid #ddd; padding: 15px; text-align: center; width: 14.3%;  display: flex;
    justify-content: center;
    align-items: center; min-height: 150px}
.step_7 li:first-child{border-color: #FCBB56}    
.step_7 li:last-child{border-color: #EF4201}
.step_7 li:nth-child(6){border-color: #258DDB}

.step_7 li p{font-size: 16px; line-height: 25px}

.greetings_text{word-break: keep-all; font-size: 16px; line-height: 160%; color: #303030; font-weight: 400}
.greetings_text strong{word-break: keep-all; font-size: 16px; line-height: 160%; color: #303030; font-weight: 700}
.point_greetings{word-break: keep-all; font-size: 25px; line-height: 160%; color: #303030; font-weight: 400;}
.point_greetings span{word-break: keep-all; font-size: 25px; line-height: 160%; color: #EF4201; font-weight: 600}


.center_text{text-align: center}

.monav {display: none}
.mobile_nav_btn {display: none}


@media (max-width: 1024px) {
	.fc-daygrid-event{white-space:normal !important; display: block; !important}
	body{overflow-x: hidden} 
	
	img{max-width: 100%} 
	header {
		position: fixed;
		z-index: 9998
	}
 
	header .inner{width: 100%} 
	 
	.top_search{display: none} 
	.top_login{display: none} 
	 
	.pcnav {display: none} 
	  
	.inner{width: 100%}  
	  
	.mobile_nav_btn{display: block; position: absolute; right: 15px; cursor: pointer; top: 50%; transform: translateY(-50%);}  
	.mobile_nav_btn img{max-width: 30px}  
	  
	.monav.atv {position: fixed; width: 100%; background: #fff; height: 100%; right: 0; top: 0; z-index: 9999; display: block; padding: 20px}  
	.monav .mobile_nav_btn {top: 25px; transform: translateY(0%);}
	  
	nav {
		position: relative;
		margin-left: 0;
		margin-top: 30px;
	} 
	nav > ul {
		display: flex;
		flex-direction: column;
		align-items: center;
	} 	 
	nav > ul > li {
		font-size: 18px;
		font-weight: 400;
		color: #303030;
		width: 100%;
		text-align: left;
		position: relative;
	} 
	
	.pc_none {display: block;}
	.mo_none {display: none;}
	  
	.submenu {
		display: none;
		position: relative;
		z-index: 99;
		text-align: left;
		background: #fff;
		border: 0px solid #D9D9D9;
		border-radius: 0px;
		box-shadow: 0px 0px 0px rgb(0 0 0 / 0%);
		padding: 10px;
		left: 0;
		transform: translateX(0%);
		
		border-top: 1px solid #d9d9d9;
		border-bottom: 1px solid #d9d9d9
	}  

	.monav .top_login {
		display: block;
		position: relative;
		text-align: center;
		margin-top: 40px;
	}

	.banner_text{text-align: center}
	.banner_text h2{font-size: 30px}
	.banner_text p{font-size: 16px}

	.school {padding: 50px 15px}
	.school .title {text-align: center;}
	.title h2 {font-size: 25px}

	.flex2 {
		width: 100%;
		flex-direction: column;
	}
	.flex2 .box{width: 100%; padding: 25px}
	.flex2 .box + .box{margin: 25px 0 0 0}
	  
	.flex2 .box h2 a {
		height: 35px;
		line-height: 35px;
		min-width: 80px;
		font-size: 14px;
		font-weight: 400
	}  	  
	.flex2 .box h2{font-size: 20px}  
	.flex2 .box ul li .board_subject  {font-size: 18px}  
	.flex2 .box ul li .board_content{font-size: 14px} 


	.video_info{padding: 50px 15px}

	.video_info .title {
		text-align: center;
		flex-direction: column;
	}

	.video_info .title h2 + p {
		margin-left: 0px; margin-top: 25px
	}

	.video_info .title h2, .video_info .title p{width: 100%}
	.video_info .title p{word-break: keep-all}
	.video_info .title p br{display: none}

	.inner{width: 100%}

	.video_board {
		flex-direction: column;
	}

	.video_board .box {width: 100%}
	.video_board .box + .box {
		margin-left: 0px; margin-top: 25px
	}


	.main_sns{padding: 50px 15px}

	.flex3{width: 100%; flex-direction: column;}
	.flex3 a + a {
		margin-left: 0px; margin-top: 25px
	}

	.flex3 a {width: 100%}
	
	.main_faq {width: 100%; flex-direction: column;} 
	.main_faq .left {width: 100%;}
	.main_faq .contact {flex-direction: column;}
	.main_faq .contact .box + .box {
		margin-left: 0px; 
		margin-top: 25px
	}
	.main_faq .contact .box {width: 100%;}  
	.main_faq .right {
		width: 100%; 
		margin-top: 40px
	}  

	.foot_banner {padding: 50px 15px}
	.foot_banner p{font-size: 16px}
	.foot_banner h2{font-size: 25px; word-break: keep-all}
	footer{padding: 50px 0}
	footer .inner {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: column;
	}

	footer .inner ul{display: none}


	footer .copy {
		width: 100%;
		margin: 0 auto;
		padding: 0 15px;
		margin-top: 40px;
	}


	nav > ul > li > a, .submenu > li > a{display: block; width: 100%}
	  
	  
	  
	  
	.sub_section{width: 100%}  
	  
	.sub_title h2{font-size: 25px}  
	.board_top{margin-top: 75px}  
	  
	#bo_w, #bo_v, #bo_list, #bo_gall, #ctt{width: 100%}  
	  
	.rd_text{display: flex; gap:10px;     flex-wrap: wrap;   align-items: flex-start; align-items: center;}  
	.rd_text label + input{margin-left: 0}  
	  
	.fotm_are ul li {
		display: flex;
		width: 100%;
		align-items: center;
	}
	  
	.max_800 {
		max-width: 800px;
		width: 100%;
	}

	.max_650 {
		max-width: 800px;
		width: 100%;
	}  
	  
	  
	ul.tabs{width: 100%; flex-wrap: wrap;   }  

	.tab-content{width: 100%}
	.sub_point span{display: block}

	  
	.step3 {
		display: flex;
		gap: 15px;
		flex-direction: column;
	}
	.step3 .box{width: 100%}
	  
	 .tlb{overflow-x: auto}  
	 .tlb table td, .tlb table th{word-break: keep-all} 
	  
	.flex_sub {flex-direction: column;}
	.flex_sub .sub_step {width: 100%;}
	.flex_sub .img_are{width: 100%; margin-top: 25px} 
	  
	  
	.flex5 h2{font-size: 25px}  
	  
	  .flex5 ul{ flex-direction: column;}
	  .flex5 ul li{width: 100%;}
	  
	 
	 .book_flex li {
		width: calc(33.33% - 10px);
	}



	.sub_step li {word-break: keep-all}  
	  
	.img_box4 { flex-direction: column;}
	.img_box4 li{width: 100%;}
	  
	.flex_sub2 {
		display: flex;
		align-items: center;
		flex-direction: column;
	} 
	.flex_sub2 .text_are {
		width: 100%;
		margin-bottom: 15px
	}  
	.flex_sub2 .img_are {width: 100%; order:2; }
	.flex_sub2 .img_are + .text_are {
		width: 100%; 
		margin-top: 15px; 
		margin-bottom: 0; 
		margin-left: 0;
		text-align: left;
		align-items: start;
		order: 1;
	}
	.flex_sub2 .img_are + .text_are .sub_step {list-style-position: inherit;}

	.step_7{ flex-direction: column; margin: 15px 0}
	.step_7 li{width: 100%; margin: 0}

	.faq {
		padding: 50px 15px 0;
		background: #FFFDF3;
		max-width: 100%;
		margin: 40px auto 100px;
	}
	  
	.title_faq h2 {
		font-weight: 800;
		font-size: 20px;
		line-height: 130%;
		color: #303030;
	}  
	  
	ul.faq_list_board p.q{padding: 15px; font-size: 18px}  
	  
	ul.faq_list_board div.answer{padding: 15px}  
	  
	 .gall_row .col-gn-4 {width: 100%;} 
	 
	 
	.register{padding: 0 15px}  
	  
	  
	.img_box3{display: flex; gap:15px;     flex-direction: column;}
	.img_box3 img{width: 100%}
	.img_box3 li{width: 100%}  
  
}

@media (max-width: 768px) {
	#top_btn,	#donation_btn {
		width: 60px;
		height: 60px;
	}
	#donation_btn {bottom: 87px;}
}