@charset "utf-8";

/*onpage scroll*/
.sub_page{overflow:auto !important; -ms-overflow-style:none !important; overflow-x: -moz-scrollbars-none;}
.sub_page::-webkit-scrollbar{ display: none !important;}

.sub_page #head{position:relative; z-index:999;}
@media (max-width: 1024px) {
.sub_page #head{position:fixed; z-index:999;}
}


/*공통css*/
#cont-wrap{width:100%; max-width:1920px; margin:0 auto; padding-left:35px; padding-right:35px; position:relative; }
#content{width:100%; position:relative; min-height:700px;}






/* 기본 설정 */
.cont-box1 { overflow: hidden; margin-top: 40px; position: relative; display: flex; justify-content: space-between; align-items: flex-start; max-width: 1400px; margin-left: auto; margin-right: auto; }
.cont-box1 .left { width: 100%; margin-left: 0px; margin-bottom: 50px; position: relative; background: url('../images/img/_back.png') no-repeat; background-position: top right; background-size: 48%; padding: 20px; box-sizing: border-box; }
.cont-box1 .left img { width: 200px; height: 200px; margin-left:-20px; border-radius: 50%; margin-bottom: 20px; }
.cont-box1 .left h1 { font-size: 51px; font-weight: 800; color: #422081; margin-bottom: 10px; }
.cont-box1 .left h2 { font-size: 50px; font-weight: 600; color: #422081; margin-bottom: 20px; }
.cont-box1 .left div span { font-size: 33px; font-weight: 600; line-height: 1.5; color: #422081; }
.cont-box1 .left div p { font-size: 33px; font-weight: 400; line-height: 1.5; color: #000; letter-spacing: -0.3px; }
.cont-box1 .right { width: 0%; margin-bottom: 50px; position: relative; }

/* 1920~1380px */
@media (max-width: 1920px) and (min-width: 1381px) {
    .cont-box1 .left { margin-left: 60px; } /* 왼쪽 마진을 100px로 줄임 */
}

/* 1380~1024px */
@media (max-width: 1380px) and (min-width: 1025px) {
	.cont-box1 { }
    .cont-box1 .left { margin-left: 0; } /* 왼쪽 마진 제거 */
    .cont-box1 .left h1 { font-size: 45px; } /* 글자 크기 조정 */
    .cont-box1 .left h2 { font-size: 40px; }
    .cont-box1 .left div span { font-size: 28px; }
    .cont-box1 .left div p { font-size: 28px; }
}

/* 1024~600px */
@media (max-width: 1024px) and (min-width: 601px) {
#cont-wrap{width:100%; padding-left:25px; padding-right:25px; padding-top:120px; position:relative; }
	.cont-box1 .left img { width: 150px; height: 150px; margin-left:-10px; }
    .cont-box1 { padding: 10px; margin-top:100px; }
    .cont-box1 .left {  margin-left: 0;} /* 배경 이미지 제거 */
    .cont-box1 .left h1 { font-size: 40px; }
    .cont-box1 .left h2 { font-size: 35px; }
    .cont-box1 .left div span { font-size: 24px; }
    .cont-box1 .left div p { font-size: 24px; }
}

/* 600~450px */
@media (max-width: 600px) and (min-width: 451px) {
#cont-wrap{width:100%; padding-left:25px; padding-right:25px;  padding-top:120px; position:relative; }
    .cont-box1 { padding: 10px; margin-top:100px; }
	.cont-box1 .left img { width: 150px; height: 150px; margin-left:-10px; }
    .cont-box1 .left { margin-left: 0; background: url('../images/img/_back.png') no-repeat; background-position: top right; background-size: 60%; padding-top: 60px; padding-bottom: 60px; } /* 배경 다시 추가 및 간격 조정 */
    .cont-box1 .left h1 { font-size: 36px; }
    .cont-box1 .left h2 { font-size: 32px; }
    .cont-box1 .left div span { font-size: 22px; }
    .cont-box1 .left div p { font-size: 22px; line-height: 1.5; }
}

/* 450px 이하 */
@media (max-width: 450px) {
#cont-wrap{width:100%; padding-left:15px; padding-right:15px; padding-top:50px;  position:relative; }
    .cont-box1 { padding: 10px; margin-top:50px; }
	.cont-box1 .left { margin-left: 0; }
    .cont-box1 .left img { width: 110px; height: 110px; margin-left:-5px; }
    .cont-box1 .left h1 { font-size: 25px; margin-top:0px; }
    .cont-box1 .left h2 { font-size: 24px; }
    .cont-box1 .left div span { font-size: 16px; }
    .cont-box1 .left div p { font-size: 15px; line-height: 1.3; }
    .cont-box1 .left { background-size: 100%; } /* 배경 이미지 크기 조정 */
}







/* 전체 배경 설정 */
.bgclr { background: #FFFAF8; width: 100%; margin: 0; padding: 0; box-sizing: border-box; }
.bgwrap { width: 100%; max-width: 1300px; margin: 0 auto; }

/* 공통 스타일 */
section.bgwrap { margin-top: 40px; padding: 20px; max-width: 1300px; margin-left: auto; margin-right: auto; box-sizing: border-box; }
section.bgwrap h1 { font-size: 51px; font-weight: 800; color: #422081; margin-bottom: 10px; }

/* 공통 스타일 */
.cont-box2 { width: 100%; padding: 20px 0; box-sizing: border-box; text-align: left; }
.cont-box2 h2, .cont-box3 h2, .cont-box4 h2, .cont-box5 h2, .cont-box6 h2 { font-size: 24px; line-height: 1.6; font-weight: bold; color: #422081; margin-bottom: 10px; }
.cont-box2 img, .cont-box3 img, .cont-box4 img, .cont-box5 img, .cont-box6 img { max-width: 100%; height: auto; margin: 20px 0; }
.cont-box2 p, .cont-box3 p, .cont-box4 p, .cont-box5 p, .cont-box6 p { font-size: 18px; line-height: 1.8; font-weight: 500; color: #000; }

/* .cont-box3 */
.cont-box3 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 60px; }
.cont-box3 .left { width: 58%; display: flex; justify-content: left; align-items: left; }
.cont-box3 .right { width: 42%; padding-left: 20px; box-sizing: border-box; }

/* .cont-box4 */
.cont-box4 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 60px; }
.cont-box4 .left { width: 33%; padding-right: 20px; box-sizing: border-box; }
.cont-box4 .right { width: 67%; display: flex; justify-content: right; align-items: right; }

/* .cont-box5 */
.cont-box5 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 60px; }
.cont-box5 .left { width: 30%; display: flex; justify-content: left; align-items: left; }
.cont-box5 .right { width: 70%; padding-left: 20px; box-sizing: border-box; }

/* .cont-box6 */
.cont-box6 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 60px; }
.cont-box6 .left { width: 30%; display: flex; justify-content: left; align-items: left; }
.cont-box6 .right { width: 70%; padding-left: 20px; box-sizing: border-box; }

/* 반응형 설정 */

/* 1280px 이하 */
@media (max-width: 1280px) {
    .bgwrap { max-width: 100%; padding: 0 10px; }
    .cont-box3, .cont-box4, .cont-box5, .cont-box6 { flex-direction: column; margin-bottom: 40px; }
    .cont-box3 .left, .cont-box3 .right, .cont-box4 .left, .cont-box4 .right, .cont-box5 .left, .cont-box5 .right, .cont-box6 .left, .cont-box6 .right { width: 100%; padding: 0; text-align: left; }
    .cont-box4 .right { order: -1; } /* right를 위로 이동 */
    .cont-box2 h2, .cont-box3 h2, .cont-box4 h2, .cont-box5 h2, .cont-box6 h2 { font-size: 22px; }
}

/* 1024px 이하 */
@media (max-width: 1024px) {
    section.bgwrap { padding: 15px; }
	section.bgwrap h1 { font-size: 38px; }
    .cont-box2 p, .cont-box3 p, .cont-box4 p, .cont-box5 p, .cont-box6 p { font-size: 16px; }
}

/* 800px 이하 */
@media (max-width: 800px) {
    .bgwrap { padding: 10px; }
    .cont-box2 img, .cont-box3 img, .cont-box4 img, .cont-box5 img, .cont-box6 img { width: 90%; }
    .cont-box2 h2, .cont-box3 h2, .cont-box4 h2, .cont-box5 h2, .cont-box6 h2 { font-size: 20px; }
}

/* 650px 이하 */
@media (max-width: 650px) {
    .bgwrap { padding: 5px; }
	section.bgwrap h1 { font-size: 33px; }
    .cont-box2 h2, .cont-box3 h2, .cont-box4 h2, .cont-box5 h2, .cont-box6 h2 { font-size: 18px; }
}

/* 400px 이하 */
@media (max-width: 400px) {
    .bgwrap { padding: 2px; }
	section.bgwrap h1 { font-size: 30px; }
    .cont-box2 img, .cont-box3 img, .cont-box4 img, .cont-box5 img, .cont-box6 img { width: 100%; }
    .cont-box2 h2, .cont-box3 h2, .cont-box4 h2, .cont-box5 h2, .cont-box6 h2 { width: 100%; font-size: 16px; padding-left: 0; }
    .cont-box2 p, .cont-box3 p, .cont-box4 p, .cont-box5 p, .cont-box6 p { font-size: 14px; padding-left: 0; }
}








/* Book Section 스타일 */
.book-section { margin: 40px auto; padding: 20px; max-width: 1000px; box-sizing: border-box; border: 0px solid #422081; }
.book-section h1 { font-size: 51px; font-weight: bold; color: #422081; margin-bottom: 30px; text-align: left; padding-left: 0px; }

/* 첫 번째 박스 스타일 */
.book-box { display: flex; justify-content: space-between; align-items: center; padding: 0; margin-bottom: 30px; box-sizing: border-box; border: 1px solid #422081; background-color: #FFFFFF; }
.book-text { flex: 1; padding-left: 100px; }
.book-text h2 { font-size: 24px; font-weight: bold; color: #422081; margin-bottom: 10px; }
.book-text p { font-size: 18px; font-weight: 400; line-height: 1.8; color: #000; }
.book-image { flex: 1; text-align: right; }
.book-image img { max-width: 100%; height: auto; border: 0px solid #422081; padding: 5px 50px;  }

/* 추가 박스 스타일 */
.book-sub-box { border: 1px solid #422081; padding: 45px 0; margin-bottom: 30px; box-sizing: border-box; padding-left: 100px; background-color: #FFFFFF; }
.book-sub-box h2 { font-size: 24px; font-weight: bold; color: #422081; margin-bottom: 10px; }
.book-sub-box p { font-size: 18px; font-weight: 400; line-height: 1.8; color: #000; }

/* 반응형 설정 */
/* 1024px 이하 */
@media (max-width: 1024px) {
    .book-section { padding: 15px; }
    .book-box { flex-direction: column; align-items: flex-start; }
    .book-text { padding-left: 50px; }
    .book-text h2 { font-size: 22px; }
    .book-text p { font-size: 16px; }
    .book-image { text-align: left; margin-top: 20px; }
    .book-image img { max-width: 80%; }
    .book-sub-box { padding-left: 50px; padding-top: 30px; padding-bottom: 30px; }
    .book-sub-box h2 { font-size: 22px; }
    .book-sub-box p { font-size: 16px; }
}

/* 768px 이하 */
@media (max-width: 768px) {
    .book-text { padding-left: 30px; }
    .book-text h2 { font-size: 20px; }
    .book-text p { font-size: 15px; }
    .book-sub-box { padding-left: 30px; }
    .book-sub-box h2 { font-size: 20px; }
    .book-sub-box p { font-size: 15px; }
    .book-image img { max-width: 100%; }
}

/* 480px 이하 */
@media (max-width: 480px) {
    .book-section h1 { font-size: 36px; text-align: left; }
    .book-box { border: 0px; }
    .book-text { padding-left: 10px; text-align: left; }
    .book-text h2 { font-size: 18px; }
    .book-text p { font-size: 14px; line-height: 1.5; }
    .book-image img { margin: 0 auto; max-width: 100%; }
    .book-sub-box { padding: 20px 10px; text-align: left; }
    .book-sub-box h2 { font-size: 18px; }
    .book-sub-box p { font-size: 14px; }
}

/* 320px 이하 */
@media (max-width: 320px) {
    .book-section h1 { font-size: 30px; }
    .book-text h2 { font-size: 16px; }
    .book-text p { font-size: 12px; }
    .book-sub-box h2 { font-size: 16px; }
    .book-sub-box p { font-size: 12px; }
}










/* Lecture Section 스타일 */
.lecture-section { margin: 40px auto; padding: 20px; max-width: 1000px; box-sizing: border-box; }
.lecture-section h1 { font-size: 51px; font-weight: bold; color: #422081; margin-bottom: 30px; text-align: left; }

/* Lecture 박스 스타일 */
.lecture-box { border: 1px solid #422081; padding: 50px 90px; margin-top: 20px; border-radius: 75px 75px 0 0; background-color: #FFFFFF; box-sizing: border-box; }
.lecture-box p { font-size: 18px; font-weight: 400; line-height: 2; color: #000; margin: 0; text-align: left; }

/* 반응형 설정 */
/* 1024px 이하 */
@media (max-width: 1024px) { 
    .lecture-section { padding: 15px; } 
    .lecture-section h1 { font-size: 40px; margin-bottom: 20px; } 
    .lecture-box { padding: 40px 70px; border-radius: 50px 50px 0 0; } 
    .lecture-box p { font-size: 16px; } 
}

/* 768px 이하 */
@media (max-width: 768px) { 
    .lecture-section { padding: 10px; } 
    .lecture-section h1 { font-size: 36px; margin-bottom: 15px; } 
    .lecture-box { padding: 30px 50px; border-radius: 40px 40px 0 0; } 
    .lecture-box p { font-size: 15px; } 
}

/* 480px 이하 */
@media (max-width: 480px) { 
    .lecture-section h1 { font-size: 30px; text-align: left; } 
    .lecture-box { padding: 20px 30px; border-radius: 30px 30px 0 0; } 
    .lecture-box p { font-size: 14px; line-height: 1.8; text-align: left; } 
}










/* Last Section 스타일 */
.last-section { margin: 40px auto; padding: 20px; max-width: 1000px; text-align: center; box-sizing: border-box; }
.logo-box { margin-bottom: 0px; }
.logo-box img { max-width: 100%; width: 800px; height: auto; }
.text-box { border: 0px solid #422081; padding: 10px; border-radius: 10px; background-color: #FFFFFF; display: inline-block; box-sizing: border-box; }
.text-box .tit-text { font-size: 44px; font-weight: 400; padding-bottom: 70px; letter-spacing: 5px; line-height: 1.6; color: #000; margin-bottom: 20px; }
.text-box .main-text { font-size: 33px; font-weight: 400; line-height: 1.6; color: #000; margin-bottom: 20px; }
.text-box .sub-text { font-size: 33px; font-weight: 400; line-height: 1.6; color: #595757; }

/* 1280px 이하 */
@media (max-width: 1280px) {
    .logo-box img { width: 600px; }
    .text-box .tit-text { font-size: 38px; }
    .text-box .main-text, .text-box .sub-text { font-size: 28px; }
}

/* 1024px 이하 */
@media (max-width: 1024px) {
    .logo-box img { width: 500px; }
    .text-box .tit-text { font-size: 34px; padding-bottom: 50px; }
    .text-box .main-text, .text-box .sub-text { font-size: 24px; }
}

/* 800px 이하 */
@media (max-width: 800px) {
    .logo-box img { width: 100%; }
    .text-box { padding: 5px; }
    .text-box .tit-text { font-size: 28px; padding-bottom: 30px; }
    .text-box .main-text, .text-box .sub-text { font-size: 22px; }
}

/* 650px 이하 */
@media (max-width: 650px) {
    .text-box .tit-text { font-size: 24px; padding-bottom: 20px; }
    .text-box .main-text, .text-box .sub-text { font-size: 20px; }
}

/* 400px 이하 */
@media (max-width: 400px) {
    .logo-box img { width: 100%; }
    .text-box { padding: 2px; }

}