@charset "utf-8";

:root {
    --fs120:7.5em;
    --fs90:5.625em;
    --fs80:5em;
    --fs70:4.375em;
    --fs60:3.75em;
    --fs50:3.125em;
    --fs40:2.5em;
    --fs30:1.875em;
    --fs26:1.625em;
    --fs24:1.5em;
    --fs20:1.25em;
    --fs18:1.125em;
    --fs16:1em;
    --fs14:0.875em;
}

@media screen and (max-width:1024px){
    :root {
        --fs120:6em;
        --fs90:3.9em;
        --fs80:3.7em;
        --fs70:3.5em;
        --fs60:2.7em;
        --fs50:2.5em;
        --fs40:2em;
        --fs30:1.5em;
        --fs26:1.3em;
        --fs24:1.3em;
        --fs20:1.125em;
        --fs18:1em;
    }
}

@media screen and (max-width:767px){
    :root {
        --fs120:4em;
        --fs90:2.8em;
        --fs80:2.4em;
        --fs70:2.2em;
        --fs60:2.2em;
        --fs50:2em;
        --fs40:1.8em;
        --fs30:1.3em;
        --fs26:1.125em;
        --fs24:1.2em;
        --fs20:1em;
        --fs14:0.9375em;
    }
}


.brainspart_btn1 {display:flex; justify-content:center; align-items:center; width:185px; height:62px; background:#1b3d8d; border-radius:8px; font-size:var(--fs20); color:#fff; font-weight:600; text-align:center; transition:background 0.5s;}
.brainspart_btn1:hover {background:#152756}
.brainspart_btn1.case2 {background:#6cd24e; color:#161618;}
.brainspart_btn1.case2:hover {background:#49b62c}

@media screen and (max-width:1024px){
    .brainspart_btn1 {width:145px; height:48px; border-radius:4px; font-size:var(--fs18)}
}

@media screen and (max-width:767px){
    .brainspart_btn1 {width:120px; height:38px;}
}

/* header */
#brainspark_header {display:flex; justify-content:space-between; align-items:center; width:100%; height:115px; padding:0 48px; position:fixed; left:0; top:0; z-index:300;}
#brainspark_header:before {content:''; display:block; width:100%; height:1px; background:#eee; position:absolute; left:0; top:100%; pointer-events:none; z-index:2; opacity:0; visibility:hidden; transition:all 0.4s;}

#brainspark_header .h_membership {position:relative; z-index:10;}
#brainspark_header .h_membership button {font-size:var(--fs20); font-weight:600;}
#brainspark_header .h_membership button iconify-icon {font-size:1.2em; margin-right:8px;}
#brainspark_header .h_membership ul {width:180px; background:#fff; padding:17px 30px; border-radius:10px; box-shadow:0 5px 10px rgba(0,0,0,0.1); text-align:center; position:absolute; right:-15px; top:100%; margin-top:15px; transform:translateY(15px); opacity:0; visibility:hidden; transition:all 0.5s; transition-property:transform, opacity, visibility;}
#brainspark_header .h_membership ul li a {display:block; font-size:var(--fs16); color:#222; font-weight:500; line-height:1.4em; padding:8px 0;}
#brainspark_header .h_membership ul li a:hover {color:#1b3d8d; font-weight:600;}

#brainspark_logo {width:261px; height:50px; background:url(../images/logo.svg) no-repeat center center; background-size:contain; position:relative; z-index:10;}
#brainspark_logo a {display:block; width:100%; height:100%;}

#brainspark_gnb {display:flex; justify-content:center; width:100%; position:absolute; left:0; top:0; z-index:5;}
#brainspark_gnb > ul {display:flex; justify-content:center;}
#brainspark_gnb > ul > li {position:relative; text-align:center;}
#brainspark_gnb > ul > li > a {display:block; font-size:var(--fs20); font-weight:600; line-height:115px; padding:0 32px;}
#brainspark_gnb > ul > li:hover > a {color:#1b3d8d !important;}
#brainspark_gnb > ul > li > ul {width:100%; position:absolute; left:0; top:100%; margin-left:-1px; padding:20px 0;}
#brainspark_gnb > ul > li > ul > li > a {display:block; font-size:var(--fs16); color:#333; padding:15px 0; transition:color 0.4s;}
#brainspark_gnb > ul > li > ul > li > a:hover {color:#1b3d8d; font-weight:500;}

.gnbBG {display:block; width:100%; height:0; background:#fff; position:absolute; left:0; top:0; box-shadow:0 0 15px rgba(0,0,0,0.05); z-index:1; opacity:0; visibility:hidden; transition:all 0.7s;}

#menuToggle {display:none;}


#brainspark_header.sub_header .h_membership button {color:#fff;}

#brainspark_header.sub_header #brainspark_logo {background-image:url(../images/logo_w.svg)}

#brainspark_header.sub_header #brainspark_gnb > ul > li > a {color:#fff;}


#brainspark_header.scroll_on {background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.05)}

#brainspark_header.scroll_on .h_membership button {color:#161618;}

#brainspark_header.scroll_on #brainspark_logo {background-image:url(../images/logo.svg)}

#brainspark_header.scroll_on #brainspark_gnb > ul > li > a {color:#161618;}


#brainspark_header.active:before {opacity:1; visibility:visible;}
#brainspark_header.active .h_membership button {color:#161618;}

#brainspark_header.active #brainspark_logo {background-image:url(../images/logo.svg)}

#brainspark_header.active #brainspark_gnb > ul > li > a {color:#161618;}

/*#brainspark_header.active #brainspark_gnb > ul > li > a {padding:0 50px;}*/
#brainspark_header.active #brainspark_gnb > ul > li > ul {opacity:1; visibility:visible; transition-delay:0.4s;}

#brainspark_header.active .gnbBG {height:495px; opacity:1; visibility:visible;}

@media screen and (min-width:1025px){
    #brainspark_header {transition:all 0.7s; transition-property:height, background;}

    #brainspark_header .h_membership:hover ul {transform:translateY(0); opacity:1; visibility:visible;}

    #brainspark_gnb > ul > li > a {transition:color 0.4s, line-height 0.7s, padding 0.7s;}
    #brainspark_gnb > ul > li > ul {display:block !important; height:380px !important; opacity:0; visibility:hidden; transition:all 0.2s; transition-property:opacity, visibility;}
    #brainspark_gnb > ul > li > ul:after {content:''; display:block; width:1px; height:calc(100% - 40px); background:#eee; position:absolute; right:0; top:50%; transform:translateY(-50%)}
    #brainspark_gnb > ul > li:first-child > ul:before {content:''; display:block; width:1px; height:calc(100% - 40px); background:#eee; position:absolute; left:0; top:50%; transform:translateY(-50%)}


    #brainspark_header.scroll_on {height:90px;}

    #brainspark_header.scroll_on #brainspark_gnb > ul > li > a {line-height:90px;}

    #brainspark_header.scroll_on .gnbBG {height:465px;}
}

@media screen and (max-width:1399px){
    #brainspark_gnb {padding:0 50px 0 210px;}
}

@media screen and (max-width:1220px){
    #brainspark_header {padding:0 6%;}

	#brainspark_gnb > ul > li > a {font-size:var(--fs16); padding:0 15px;}

	/*#brainspark_header.active #brainspark_gnb > ul > li > a {padding:0 15px;}*/

}

@media screen and (max-width:1024px){
    #brainspark_header {height:50px; padding-right:50px; transition:background 0.5s;}

    #brainspark_header .h_membership button {width:50px; height:50px; font-size:0;}
    #brainspark_header .h_membership button iconify-icon {font-size:20px;}
    #brainspark_header .h_membership ul {width:110px; border-radius:5px; padding:12px 0; margin-top:0;}
    #brainspark_header .h_membership ul li a {padding:5px 0;}

    #brainspark_logo {width:160px; height:31px;}

    #brainspark_gnb {display:block; width:240px; height:calc(100vh - 50px); background:#fff; position:fixed; left:auto; right:-240px; top:50px; padding:0; transition:right 0.5s;}
    #brainspark_gnb > ul {display:block;}
    #brainspark_gnb > ul > li {text-align:left;}
    #brainspark_gnb > ul > li > a {font-size:var(--fs16); color:#161618; font-weight:500; line-height:1.4em; padding:13px 15px; border-bottom:1px solid #eee; position:relative;}
    #brainspark_gnb > ul > li > a:after {content:'\2b'; font-size:var(--fs14); font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:15px; top:50%; transform:translateY(-50%)}
    #brainspark_gnb > ul > li > a.on:after {content:'\f068'}
    #brainspark_gnb > ul > li > ul {display:none; background:#f8f9fc; position:relative; top:0; margin-left:0; padding:0;}
    #brainspark_gnb > ul > li > ul > li > a {padding:13px 15px; border-bottom:1px solid #eee;}

    .gnbBG {display:none;}

    #menuToggle {display:block; width:50px; height:50px; background:#1b3d8d; position:absolute; right:0; top:0;}
    #menuToggle:before, #menuToggle:after {content:''; display:block; width:24px; height:2px; background:#fff; position:absolute; left:50%; transition:all 0.5s;}
    #menuToggle:before {transform:translate(-50%, -4px); top:50%;}
    #menuToggle:after {transform:translate(-50%, 4px); bottom:50%;}

    #brainspark_header .h_membership button.on + ul {transform:translateY(0); opacity:1; visibility:visible;}

    #brainspark_header.sub_header #brainspark_gnb > ul > li > a {color:#161618;}


    #brainspark_header.on #brainspark_gnb {right:0; box-shadow:-5px 5px 10px rgba(0,0,0,0.05)}

    #brainspark_header.on #menuToggle:before {transform:translate(-50%, -1px) rotate(45deg)}
    #brainspark_header.on #menuToggle:after {transform:translate(-50%, 1px) rotate(-45deg)}
}


/* footer */
#brainspark_footer {width:100%; padding:40px 0 70px; text-align:center; border-top:1px solid #dadadd}
#brainspark_footer .f_logo {height:40px;}
#brainspark_footer .f_logo img {height:100%}
#brainspark_footer .f_info {margin-top:24px;}
#brainspark_footer .f_info li {display:inline-block; font-size:var(--fs16); color:#5f5f6a; margin-top:4px;}
#brainspark_footer .f_info li:before {content:''; display:inline-block; width:1px; height:12px; background:#dadadd; margin:0 7px; vertical-align:middle;}
#brainspark_footer .f_info li:first-child:before, #brainspark_footer .f_info br + li:before {display:none;}
#brainspark_footer .copy {font-size:var(--fs16); color:#191919; font-weight:500; margin-top:16px;}
#brainspark_footer .f_member {display:flex; justify-content:center; flex-wrap:wrap; gap:4px; margin-top:10px;}
#brainspark_footer .f_member a {display:block; border:1px solid #dadadd; font-size:var(--fs14); color:#666; text-transform:uppercase; padding:4px 10px;}

@media screen and (max-width:1024px){
    #brainspark_footer {padding:4% 0 7%;}
    #brainspark_footer .f_logo {height:32px;}
    #brainspark_footer .f_info {margin-top:2%;}
    #brainspark_footer .copy {margin-top:1.5%;}
}

@media screen and (max-width:767px){
    #brainspark_footer .f_info br {display:none;}
    #brainspark_footer .f_info br + li:before {display:inline-block;}
}


#Quick {position:fixed; right:40px; bottom:40px; z-index:200;}
#Quick a {display:block; width:72px; height:72px; border-radius:50%; box-shadow:2px 5px 15px 0 rgba(0,0,0,0.05), 15px 30px 40px 0 rgba(0,0,0,0.03); margin-bottom:8px;}
#Quick a img {width:100%;}
#Quick a.dashboard {display:flex; justify-content:center; align-items:center; background:#1b3d8d; font-size:var(--fs24); color:#fff;}
#Quick .go_top {display:block; width:48px; height:48px; background:rgba(22,22,24,0.3); border-radius:50%; box-shadow:2px 5px 15px 0 rgba(0,0,0,0.05), 15px 30px 40px 0 rgba(0,0,0,0.03); font-size:var(--fs16); color:#fff; margin:0 auto;}

@media screen and (max-width:1220px){
    #Quick {right:6%;}
}

@media screen and (max-width:1024px){
    #Quick {bottom:30px;}
    #Quick a {width:50px; height:50px; margin-bottom:4px;}
	#Quick a.dashboard {font-size:var(--fs20);}
    #Quick .go_top {width:40px; height:40px;}
}

@media screen and (max-width:767px){
    #Quick {bottom:20px;}
    #Quick a {width:36px; height:36px; margin-bottom:3px;}
    #Quick .go_top {width:30px; height:30px;}
}




/* main */
#mVisu {padding:200px 0 120px;}
#mVisu .txt_box {text-align:center;}
#mVisu .txt_box .tit {font-size:var(--fs70); color:#49b62c; line-height:1.14em; font-weight:700; font-family:'Hakgyoansim Dunggeunmiso'}
#mVisu .txt_box .tit span {color:#1b3d8d;}
#mVisu .txt_box .txt {font-size:var(--fs26); line-height:1.4em; font-weight:600; margin-top:15px;}
#mVisu .img_box {width:100%; height:480px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:500px; margin-top:55px;}

@media screen and (max-width:1460px){
    #mVisu .img_box {height:430px;}
}

@media screen and (max-width:1024px){
    #mVisu {padding:15% 0; margin-top:50px;}
    #mVisu .txt_box .txt {font-size:var(--fs18);margin-top:2%;}
    #mVisu .img_box {height:43vw; margin-top:5%;}
}


.main_title {font-size:var(--fs50); color:#1b3d8d; font-weight:700; font-family:'Hakgyoansim Dunggeunmiso'}


#mAbout ul {display:flex; justify-content:space-between; flex-wrap:wrap;}
#mAbout ul li {width:calc(25% - 30px);}
#mAbout ul li .icon {display:block; width:100%; height:176px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
#mAbout ul li dl {margin-top:15px;}
#mAbout ul li dl dt {font-size:var(--fs26); font-weight:600; text-align:center;}
#mAbout ul li dl dd {font-size:var(--fs18); color:#5f5f6a; line-height:1.55em; margin-top:15px;}

#mAbout ul li .icon1 {background-image:url(../images/mAbout_img1.png)}
#mAbout ul li .icon2 {background-image:url(../images/mAbout_img2.png)}
#mAbout ul li .icon3 {background-image:url(../images/mAbout_img3.png)}
#mAbout ul li .icon4 {background-image:url(../images/mAbout_img4.png)}

@media screen and (max-width:1220px){
    #mAbout ul li {width:calc(25% - 15px);}
    #mAbout ul li .icon {height:15vw;}
}

@media screen and (max-width:1024px){
    #mAbout ul li .icon {height:10vw;}
    #mAbout ul li dl dd {margin-top:10px;}
}

@media screen and (max-width:767px){
    #mAbout ul li {width:calc(50% - 5px)}
    #mAbout ul li:nth-child(2) ~ li {margin-top:8%;}
    #mAbout ul li .icon {height:12vw;}
    #mAbout ul li dl {margin-top:3%;}
    #mAbout ul li dl dd {margin-top:1.5%; text-align:center;}
}


#mProgram {margin-top:160px; padding-bottom:120px;}
#mProgram .main_title {position:absolute; left:0; top:45px;}
.mProgram_slide .swiper-slide {display:flex; justify-content:end; position:relative; opacity:0 !important; transition:opacity 0.5s;}
.mProgram_slide .txt_box {width:670px; background:#fff; border-radius:30px; box-shadow:2px 5px 15px 0 rgba(0,0,0,0.05), 15px 30px 40px 0 rgba(0,0,0,0.03); padding:48px 56px; position:absolute; left:0; top:140px; transform:translateX(-10%); z-index:10; opacity:0; visibility:hidden; transition:opacity 1s 0s, visibility 1s 0s, transform 0 1s;}
.mProgram_slide .txt_box .subject {font-size:var(--fs30); line-height:1.3em; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mProgram_slide .txt_box dl {margin-top:15px; overflow:hidden;}
.mProgram_slide .txt_box dl dt {float:left; width:80px; font-size:var(--fs20); color:#1b3d8d; line-height:1.5em; font-weight:600; clear:both;}
.mProgram_slide .txt_box dl dd {float:left; width:calc(100% - 80px); font-size:var(--fs20); color:#5f5f6a; line-height:1.5em;}
.mProgram_slide .txt_box .cont {font-size:var(--fs20); color:#5f5f6a; line-height:1.5em; margin-top:20px; padding-top:20px; border-top:1px solid #dadadd;}
.mProgram_slide .txt_box .tag {display:flex; flex-wrap:wrap; gap:8px; margin-top:25px;}
.mProgram_slide .txt_box .tag li {background:#f7f7f8; border-radius:8px; font-size:var(--fs16); color:#5f5f6a; font-weight:600; padding:8px 16px;}
.mProgram_slide .txt_box .tag li:before {content:'#'}
.mProgram_slide .txt_box .btn_box {display:flex; justify-content:space-between; margin-top:40px;}
.mProgram_slide .txt_box .btn_box a {display:flex; justify-content:center; align-items:center; width:calc(50% - 4px); height:62px; border-radius:8px; font-size:var(--fs20); font-weight:600; transition:background 0.5s;}
.mProgram_slide .txt_box .btn_box a.bg1 {background:#1b3d8d; color:#fff;}
.mProgram_slide .txt_box .btn_box a.bg2 {background:#6cd24e;}
.mProgram_slide .txt_box .btn_box a.bg1:hover {background:#152756;}
.mProgram_slide .txt_box .btn_box a.bg2:hover {background:#49b62c;}
.mProgram_slide .img_box {width:720px; height:720px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:50%; opacity:0; transition:opacity 1s;}
.mProgram_slide .btn_wrap {display:flex; justify-content:center; align-items:center; margin-top:40px;}
.mProgram_slide .swiper-button-prev, .mProgram_slide .swiper-button-next {width:64px; height:64px; background:#eeeef0; border-radius:50%; font-size:var(--fs20); color:#161618; position:relative; left:auto; top:auto; right:auto; margin-top:0;}
.mProgram_slide .swiper-button-prev:after, .mProgram_slide .swiper-button-next:after {display:none;}
.mProgram_slide .swiper-button-prev iconify-icon {transform:rotate(180deg)}
.mProgram_slide .swiper-pagination {display:flex; gap:0 8px; margin:0 32px; position:relative; bottom:auto;}
.mProgram_slide .swiper-pagination-bullet {width:8px; height:8px; background:#dadadd; opacity:1;}
.mProgram_slide .swiper-pagination-bullet-active {background:#1b3d8d}

.mProgram_slide .swiper-slide-active {opacity:1 !important}
.mProgram_slide .swiper-slide-active .txt_box {transform:translateX(0); opacity:1; visibility:visible; transition:opacity 1s 0.8s, visibility 1s 0.8s, transform 1s 0.8s}
.mProgram_slide .swiper-slide-active .img_box {opacity:1; transition-delay:0.3s;}

@media screen and (max-width:1220px){
    #mProgram .main_title {top:0;}
    .mProgram_slide .swiper-slide {display:block;}
    .mProgram_slide .txt_box {width:calc(100% - 350px); position:relative; top:0; margin-top:90px;}
    .mProgram_slide .img_box {width:450px; height:450px; position:absolute; right:0; top:0;}
}

@media screen and (max-width:1024px){
    #mProgram {margin-top:16%; padding-bottom:12%;}
    .mProgram_slide .swiper-slide {display:block;}
    .mProgram_slide .txt_box {width:calc(100% - 280px); border-radius:15px; padding:30px; margin-top:60px;}
    .mProgram_slide .txt_box dl {margin-top:1.5%;}
    .mProgram_slide .txt_box dl dt {width:60px; font-size:var(--fs18);}
    .mProgram_slide .txt_box dl dd {width:calc(100% - 60px); font-size:var(--fs18);}
    .mProgram_slide .txt_box .cont {font-size:var(--fs18); margin-top:2%; padding-top:2%;}
    .mProgram_slide .txt_box .tag {gap:4px; margin-top:3%;}
    .mProgram_slide .txt_box .tag li {border-radius:4px; padding:5px 10px;}
    .mProgram_slide .txt_box .btn_box {margin-top:4%;}
    .mProgram_slide .txt_box .btn_box a {width:calc(50% - 2.5px); height:45px; border-radius:4px; font-size:var(--fs18);}
    .mProgram_slide .img_box {width:350px; height:350px; position:absolute; right:0; top:0;}
    .mProgram_slide .btn_wrap {margin-top:5%;}
    .mProgram_slide .swiper-button-prev, .mProgram_slide .swiper-button-next {width:50px; height:50px; font-size:var(--fs18);}
    .mProgram_slide .swiper-pagination {gap:6px; margin:0 24px;}
}

@media screen and (max-width:767px){
    #mProgram .main_title {position:relative; margin-bottom:5%;}
    .mProgram_slide .txt_box {width:100%; padding:5%; margin-top:0;}
    .mProgram_slide .txt_box dl dt {width:50px;}
    .mProgram_slide .txt_box dl dd {width:calc(100% - 50px);}
	.mProgram_slide .txt_box .tag li {font-size:var(--fs14); padding:4px 8px;}
    .mProgram_slide .txt_box .btn_box a {height:38px;}
    .mProgram_slide .img_box {width:270px; height:270px; position:relative; margin:0 auto -10%;}
    .mProgram_slide .btn_wrap {margin-top:5%;}
    .mProgram_slide .swiper-button-prev, .mProgram_slide .swiper-button-next {width:32px; height:32px;}
    .mProgram_slide .swiper-pagination-bullet {width:6px; height:6px;}
}



#mReview {width:100%; background:#1b3d8d; margin-top:160px; position:relative;}
#mReview:before {content:''; width:102%; height:320px; border-radius:50% 50% 0 0; background:#1b3d8d; position:absolute; left:50%; top:0; margin-top:-160px; transform:translateX(-50%)}
#mReview > div {position:relative; z-index:10;}
.mReview_slide {width:100%; margin-top:80px;}
.mReview_slide .swiper-slide {height:auto; background:#fff; border-radius:30px; box-shadow:2px 5px 15px 0 rgba(0,0,0,0.05), 15px 30px 40px 0 rgba(0,0,0,0.03); padding:42px;}
.mReview_slide .star {display:flex; margin-bottom:24px;}
.mReview_slide .star p {display:block; width:24px; height:24px; background:url(../images/icon_star.svg) no-repeat center center; background-size:contain;}
.mReview_slide .subject {font-size:var(--fs26); line-height:1.38em; font-weight:600; max-height:2.76em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.mReview_slide .cont {font-size:var(--fs20); color:#5f5f6a; line-height:1.5em; margin-top:8px; max-height:6em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.mReview_slide .name {font-size:var(--fs16); color:#5f5f6a; font-weight:600; margin-top:24px;}

.mReview_slide .swiper-slide:hover {animation:mainMotion1 2.5s infinite ease-in-out}

@keyframes mainMotion1 {
    0% {transform:translateY(0px)}
    40% {transform:translateY(-15px)}
    100% {transform:translateY(0px)}
}

@media screen and (max-width:1024px){
    #mReview {margin-top:15%;}
    #mReview:before {height:40%; margin-top:-15%;}
    .mReview_slide {margin-top:7%;}
    .mReview_slide .swiper-slide {border-radius:15px; padding:20px;}
    .mReview_slide .star {margin-bottom:15px;}
    .mReview_slide .star p {width:20px; height:20px;}
    .mReview_slide .subject {font-size:var(--fs20)}
    .mReview_slide .cont {font-size:var(--fs18); margin-top:5px;}
    .mReview_slide .name {margin-top:15px;}
}

@media screen and (max-width:767px){
    .mReview_slide .swiper-slide {width:250px; padding:5%;}
    .mReview_slide .star {margin-bottom:10px;}
    .mReview_slide .star p {width:16px; height:16px;}
}


#mNews {width:100%; background:#1b3d8d; padding-top:200px; margin-bottom:200px; position:relative;}
#mNews:after {content:''; width:102%; height:400px; border-radius:0 0 50% 50%; background:#1b3d8d; position:absolute; left:50%; bottom:0; margin-bottom:-200px; transform:translateX(-50%)}
#mNews > div {display:flex; flex-wrap:wrap; position:relative; z-index:10;}
#mNews > div:before {content:''; display:block; width:100%; height:calc(100% + 20px); background:#1b3d8d; position:absolute; right:100%; top:0; margin-right:-368px; z-index:5;}
#mNews .tit_box {width:368px; position:relative; z-index:10;}
#mNews .tit_box .btn_box {display:flex; gap:8px; margin-top:40px;}
#mNews .tit_box .swiper-button-prev, #mNews .tit_box .swiper-button-next {width:64px; height:64px; background:#6cd24e; border-radius:50%; font-size:var(--fs20); color:#161618; position:relative; left:auto; top:auto; right:auto; margin-top:0;}
#mNews .tit_box .swiper-button-prev {transform:rotate(180deg)}
#mNews .tit_box .swiper-button-prev:after, #mNews .tit_box .swiper-button-next:after {display:none;}
.mNews_slide {width:calc(100% - 368px); z-index:4;}
.mNews_slide .swiper-slide {background:#fff; border-radius:30px; box-shadow:2px 5px 15px 0 rgba(0,0,0,0.05), 15px 30px 40px 0 rgba(0,0,0,0.03); overflow:hidden;}
.mNews_slide .img_box {height:100%; height:240px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.mNews_slide .txt_box {width:100%; padding:32px 40px 40px;}
.mNews_slide .txt_box .subject {font-size:var(--fs26); line-height:1.38em; font-weight:600; max-height:2.76em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.mNews_slide .txt_box .cont {font-size:var(--fs20); color:#5f5f6a; line-height:1.5em; margin-top:8px; max-height:3em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.mNews_slide .txt_box .date {font-size:var(--fs16); color:#1b3d8d; font-weight:600; margin-top:16px;}

.mNews_slide .swiper-slide:hover {animation:mainMotion1 2.5s infinite ease-in-out}

@media screen and (max-width:1220px){
    .mNews_slide .swiper-slide {width:400px;}
}

@media screen and (max-width:1024px){
    #mNews {padding-top:18%; margin-bottom:15%;}
    #mNews:after {height:30%; margin-bottom:-15%;}
    #mNews > div:before {margin-right:-250px;}
    #mNews .tit_box {width:250px;}
    #mNews .tit_box .btn_box {gap:6px; margin-top:25px;}
    #mNews .tit_box .swiper-button-prev, #mNews .tit_box .swiper-button-next {width:50px; height:50px; font-size:var(--fs18);}
    .mNews_slide {width:calc(100% - 250px)}
    .mNews_slide .swiper-slide {width:300px; border-radius:15px;}
    .mNews_slide .img_box {height:180px;}
    .mNews_slide .txt_box {padding:20px;}
    .mNews_slide .txt_box .subject {font-size:var(--fs20)}
    .mNews_slide .txt_box .cont {font-size:var(--fs18); margin-top:5px;}
    .mNews_slide .txt_box .date {margin-top:10px;}
}

@media screen and (max-width:767px){
    #mNews > div:before {display:none;}
    #mNews .tit_box {width:100%; text-align:center; margin-bottom:7%;}
    #mNews .tit_box .btn_box {display:none;}
    .mNews_slide {width:100%}
    .mNews_slide .swiper-slide {width:250px; border-radius:15px;}
    .mNews_slide .img_box {height:140px;}
    .mNews_slide .txt_box {padding:15px;}
}


#mBrand {display:flex; justify-content:space-between; align-items:center; padding-bottom:40px; margin-top:-40px; position:relative; z-index:20;}
#mBrand .img_box {width:640px; height:640px; background:url(../images/mBrand_img1.png) no-repeat center center; background-size:cover; position:relative;}
#mBrand .img_box:before {content:''; display:block; width:50%; height:50%; background-image:linear-gradient(to bottom, rgba(108,210,78,0), #6cd24e); border-radius:50%; position:absolute; left:0; top:0; transform:translateY(-50%);}
#mBrand .txt_box {width:calc(100% - 740px)}
#mBrand .txt_box .txt {font-size:var(--fs20); line-height:1.5em; margin-top:16px;}
#mBrand .txt_box .btn_box {display:flex; gap:8px; margin-top:40px;}

@media screen and (max-width:1460px){
    #mBrand .img_box {width:44vw; height:44vw;}
    #mBrand .txt_box {width:calc(100% - 44vw - 50px)}
}

@media screen and (max-width:1024px){
    #mBrand {padding-bottom:4%; margin-top:-20px;}
    #mBrand .img_box {width:300px; height:300px;}
    #mBrand .txt_box {width:calc(100% - 325px)}
    #mBrand .txt_box .txt {font-size:var(--fs18); margin-top:10px;}
    #mBrand .txt_box .btn_box {gap:4px; margin-top:20px;}
}

@media screen and (max-width:767px){
    #mBrand {display:block; margin-top:-10px; z-index:3; padding-bottom:10%;}
    #mBrand .img_box {width:270px; height:270px; margin:0 auto;}
    #mBrand .txt_box {width:100%; margin-top:5%; text-align:center;}
	#mBrand .txt_box .btn_box {justify-content:center;}
}


/* sub */
#sVisu {display:flex; justify-content:center; align-items:center; width:100%; height:520px; border-radius:0 0 70px 70px; position:relative; overflow:hidden; padding-top:25px;}
#sVisu:before {content:''; display:block; width:100%; height:100%; background:rgba(22,22,24,0.3); position:absolute; left:0; top:0; z-index:1;}
#sVisu:after {content:''; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0; z-index:0; animation:sVisu 6s ease-in-out forwards;}
#sVisu > div {position:relative; z-index:10;}
#sVisu ul {display:flex; align-items:center;}
#sVisu ul li {font-size:var(--fs20); color:#fff; font-weight:600;}
#sVisu ul li:before {content:''; display:inline-block; width:32px; height:32px; background:url(../images/sVisu_arrow.svg) no-repeat center center; background-size:contain; vertical-align:middle;}
#sVisu ul li:first-child:before {display:none;}
#sVisu ul li .home {display:block; width:32px; height:32px; background:url(../images/icon_home.svg) no-repeat center center; background-size:contain;}
#sVisu h2 {font-size:var(--fs70); color:#fff; font-weight:700; font-family:'Hakgyoansim Dunggeunmiso'; margin-top:15px;}

.sVisu1:after {background-image:url(../images/sVisu_img1.jpg)}
.sVisu2:after {background-image:url(../images/sVisu_img2.jpg)}
.sVisu3:after {background-image:url(../images/sVisu_img3.jpg)}
.sVisu4:after {background-image:url(../images/sVisu_img4.jpg)}
.sVisu5:after {background-image:url(../images/sVisu_img5.jpg)}
.sVisu6:after {background-image:url(../images/sVisu_img6.jpg)}

#sVisu.case2 {height:auto; padding-top:210px;}
#sVisu.case2:before, #sVisu.case2:after {display:none;}
#sVisu.case2 ul li {color:#161618;}
#sVisu.case2 ul li:before {background-image:url(../images/sVisu_arrow2.svg)}
#sVisu.case2 ul li .home {background-image:url(../images/icon_home2.svg)}
#sVisu.case2 h2 {color:#161618;}

@keyframes sVisu {
    0% {transform:scale(1.1)}
    100% {transform:scale(1)}
}

@media screen and (max-width:1024px){
    #sVisu {height:400px; border-radius:0 0 35px 35px;}
    #sVisu ul li {font-size:var(--fs18);}
    #sVisu ul li:before {width:28px; height:28px;}
    #sVisu ul li .home {width:28px; height:28px;}
    #sVisu h2 {margin-top:10px;}

	#sVisu.case2 {padding-top:150px;}
}

@media screen and (max-width:767px){
    #sVisu {height:280px; border-radius:0 0 20px 20px; padding-top:15px;}
    #sVisu ul li {font-size:var(--fs18);}
    #sVisu ul li:before {width:20px; height:20px;}
    #sVisu ul li .home {width:20px; height:20px;}

	#sVisu.case2 {padding-top:100px;}
}


#sub_content {width:100%; margin:120px 0;}

.sub_title1 {font-size:var(--fs50); line-height:1.2em; font-weight:700; font-family:'Hakgyoansim Dunggeunmiso';}
.sub_title2 {font-size:var(--fs30); line-height:1.33em; font-weight:700; font-family:'Hakgyoansim Dunggeunmiso';}

.s_txt1 {font-size:var(--fs20); color:#5f5f6a; line-height:1.5em;}

@media screen and (max-width:1024px){
    #sub_content {margin:12% 0;}
}


.sub_img_box1 > div {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; width:100%; margin-bottom:55px;}
.sub_img_box1 > div:nth-child(even) {flex-direction:row-reverse;}
.sub_img_box1 > div:last-child {margin-bottom:0;}
.sub_img_box1 > div .img_box {width:650px; height:400px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:30px;}
.sub_img_box1 > div .txt_box {width:calc(100% - 730px)}
.sub_img_box1 > div .txt_box dl dd {margin-top:25px;}

@media screen and (max-width:1220px){
    .sub_img_box1 > div .img_box {width:53%; height:30vw;}
    .sub_img_box1 > div .txt_box {width:calc(47% - 50px)}
}

@media screen and (max-width:1024px){
    .sub_img_box1 > div {margin-bottom:5%;}
    .sub_img_box1 > div .img_box {width:53%; height:30vw; border-radius:15px;}
    .sub_img_box1 > div .txt_box {width:calc(47% - 30px)}
    .sub_img_box1 > div .txt_box dl dd {margin-top:2.5%;}
}

@media screen and (max-width:767px){
    .sub_img_box1 > div {margin-bottom:8%;}
    .sub_img_box1 > div .img_box {width:100%; height:53vw; border-radius:10px;}
    .sub_img_box1 > div .txt_box {width:100%; margin-top:3%;}
    .sub_img_box1 > div .txt_box dl dd {margin-top:1.5%;}
}


.sAbout_case1 .img_box {display:flex; align-items:start; width:100%;}
.sAbout_case1 .img_box .img1 {width:560px; height:560px; background:url(../images/sAbout_img1.png) no-repeat center center; background-size:cover; border-radius:50%; position:relative;}
.sAbout_case1 .img_box .img1:before {content:''; display:block; width:240px; height:240px; background-image:linear-gradient(to top, rgba(108,210,78,0), #6cd24e); border-radius:50%; position:absolute; left:40px; bottom:0; transform:translateY(50%)}
.sAbout_case1 .img_box .img1 p {font-size:var(--fs50); color:#49b62c; font-weight:700; font-family:'Hakgyoansim Dunggeunmiso'; position:absolute; left:160px; top:100%; margin-top:80px;}
.sAbout_case1 .img_box .img1 p span {font-size:1.4em;}
.sAbout_case1 .img_box .img2 {width:720px; height:720px; background:url(../images/sAbout_img2.png) no-repeat center center; background-size:cover; border-radius:50%; margin:120px 0 0 -80px; position:relative; z-index:5;}
.sAbout_case1 .txt_box {padding-left:505px;}

@media screen and (max-width:1220px){
    .sAbout_case1 .img_box .img1 {width:calc(50% - 40px); height:0; padding-bottom:calc(50% - 40px);}
    .sAbout_case1 .img_box .img1:before {width:44%; height:44%; left:4%;}
    .sAbout_case1 .img_box .img1 p {left:10%; margin-top:7%;}
    .sAbout_case1 .img_box .img2 {width:calc(50% + 120px); height:0; padding-bottom:calc(50% + 120px);}
    .sAbout_case1 .txt_box {padding-left:40%;}
}

@media screen and (max-width:1024px){
    .sAbout_case1 .img_box .img1 {width:calc(50% - 10px); padding-bottom:calc(50% - 10px);}
    .sAbout_case1 .img_box .img1 p {font-size:4vw;}
    .sAbout_case1 .img_box .img2 {width:calc(50% + 50px); padding-bottom:calc(50% + 50px); margin-top:10%; margin-left:-40px;}
    .sAbout_case1 .txt_box {padding-left:20%;}
}

@media screen and (max-width:767px){
    .sAbout_case1 .txt_box {padding-left:0;}
}


.sVision_case1 > div {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.sVision_case1 > div:nth-child(1) ~ div {margin-top:55px;}
.sVision_case1 > div:nth-child(even) {flex-direction:row-reverse;}
.sVision_case1 > div .img_box {width:560px; height:560px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:50%; position:relative;}
.sVision_case1 > div .img_box:before {content:''; display:block; width:160px; height:160px; border-radius:50%; position:absolute; bottom:0;}
.sVision_case1 > div .img_box p {display:flex; justify-content:center; align-items:center; width:100%; height:100%; font-size:var(--fs30); color:#fff; font-weight:700; font-family:'Hakgyoansim Dunggeunmiso'; text-align:center; position:absolute; left:0; top:0;}
.sVision_case1 > div .txt_box {width:calc(100% - 620px)}
.sVision_case1 > div .txt_box dl dd {margin-top:25px;}

.sVision_case1 > div .img1 {background-image:url(../images/sVision_img1.jpg)}
.sVision_case1 > div .img1:before {background-image:linear-gradient(150deg, rgba(27, 61, 141, 0) -10%, #1b3d8d 45%); right:0;}
.sVision_case1 > div .img2 {background-image:url(../images/sVision_img2.jpg)}
.sVision_case1 > div .img2:before {background-image:linear-gradient(to top, rgba(108, 210, 78, 0), #6cd24e); left:0;}

@media screen and (max-width:1220px){
    .sVision_case1 > div .img_box {width:44%; height:0; padding-bottom:44%;}
    .sVision_case1 > div .img_box:before {width:35%; height:35%;}
    .sVision_case1 > div .txt_box {width:calc(56% - 50px)}
}

@media screen and (max-width:1024px){
    .sVision_case1 > div:nth-child(1) ~ div {margin-top:7%;}
    .sVision_case1 > div .img_box {width:40%; padding-bottom:40%;}
    .sVision_case1 > div .txt_box {width:calc(60% - 30px)}
    .sVision_case1 > div .txt_box dl dd {margin-top:15px;}
}

@media screen and (max-width:767px){
    .sVision_case1 > div {justify-content:center;}
    .sVision_case1 > div .img_box {width:80%; padding-bottom:80%;}
    .sVision_case1 > div .txt_box {width:100%; margin-top:5%;}
    .sVision_case1 > div .txt_box dl dd {margin-top:2.5%;}
}


.sAward_case1 {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; width:100%;}
.sAward_case1 .img_box {width:400px; border:1px solid #dadadd; box-shadow:0 5px 15px 0 rgba(0, 0, 0, 0.05), 0 30px 30px 0 rgba(0, 0, 0, 0.05), 0 100px 45px 0 rgba(0, 0, 0, 0.01);}
.sAward_case1 .img_box img {width:100%;}
.sAward_case1 .txt_box {width:calc(100% - 480px)}

@media screen and (max-width:1220px){
    .sAward_case1 .txt_box {width:calc(100% - 450px)}
    .sAward_case1 .txt_box .sub_title2 br {display:none;}
}

@media screen and (max-width:1024px){
    .sAward_case1 .img_box {width:35%;}
    .sAward_case1 .txt_box {width:calc(65% - 30px)}
}

@media screen and (max-width:767px){
    .sAward_case1 {justify-content:center;}
    .sAward_case1 .img_box {width:70%;}
    .sAward_case1 .txt_box {width:100%; margin-top:7%;}
}


.sLocation_case1 > div {margin-bottom:80px;}
.sLocation_case1 > div:last-child {margin-bottom:0;}
.sLocation_case1 > div .map_box {width:100%; height:600px; background:#f7f7f8; border-radius:30px; overflow:hidden;}
.sLocation_case1 > div .map_box .root_daum_roughmap .wrap_map {height:100% !important;}
.sLocation_case1 > div .info_box {display:flex; flex-wrap:wrap; margin-top:40px;}
.sLocation_case1 > div .info_box .sub_title2 {margin-bottom:8px;}
.sLocation_case1 > div .info_box dl {border-left:3px solid #49b62c; padding-left:40px; overflow:hidden; margin-left:80px;}
.sLocation_case1 > div .info_box dl dt {float:left; font-size:var(--fs20); line-height:1.5em; font-weight:600; clear:both; margin-right:16px;}
.sLocation_case1 > div .info_box dl dd {float:left; font-size:var(--fs20); color:#5f5f6a; line-height:1.5em;}

@media screen and (max-width:1220px){
    .sLocation_case1 > div .info_box dl {width:100%; margin-left:0; margin-top:20px;}
}

@media screen and (max-width:1024px){
    .sLocation_case1 > div {margin-bottom:8%;}
    .sLocation_case1 > div .map_box {height:400px; border-radius:15px;}
    .sLocation_case1 > div .info_box {margin-top:4%;}
    .sLocation_case1 > div .info_box .sub_title2 {margin-bottom:1%;}
    .sLocation_case1 > div .info_box dl {padding-left:25px; margin-top:2%;}
    .sLocation_case1 > div .info_box dl dt {margin-right:10px;}
}

@media screen and (max-width:767px){
    .sLocation_case1 > div .map_box {height:220px;}
    .sLocation_case1 > div .info_box dl {padding-left:15px; border-left-width:2px; margin-top:3%;}
}


.sContact_case1 .form_box {display:flex; justify-content:space-between; flex-wrap:wrap; gap:40px 0; width:100%;}
.sContact_case1 .form_box > div {width:calc(50% -  16px)}
.sContact_case1 .form_box > div.w_100 {width:100%;}
.sContact_case1 .form_box > div label {display:block; font-size:var(--fs20); font-weight:600; margin-bottom:20px;}
.sContact_case1 .form_box > div label i {color:#1b3d8d; font-style:normal;}
.sContact_case1 .form_box > div .select_box {width:100%; position:relative;}
.sContact_case1 .form_box > div .select_box:after {content:'\f078'; font-size:var(--fs16); font-weight:900; font-family:'Font Awesome 6 Pro'; position:absolute; right:24px; top:50%; transform:translateY(-50%); pointer-events:none;}
.sContact_case1 .form_box > div .select_box select {display:block; width:100%; height:72px; border:1px solid #767781; border-radius:10px; font-size:var(--fs20); padding:0 50px 0 24px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.sContact_case1 .form_box > div .form_txt {display:block; width:100%; height:72px; border:1px solid #767781; border-radius:10px; font-size:var(--fs20); padding:0 24px;}
.sContact_case1 .form_box > div .form_txt::placeholder {color:#767781;}
.sContact_case1 .form_box > div .form_txt::-webkit-input-placeholder {color:#767781;}
.sContact_case1 .form_box > div .form_txt:-ms-input-placeholder {color:#767781;}
.sContact_case1 .form_box > div .form_textarea {display:block; width:100%; height:320px; border:1px solid #767781; border-radius:10px; font-size:var(--fs20); padding:21px 24px; resize:none;}
.sContact_case1 .form_box > div .form_textarea::placeholder {color:#767781;}
.sContact_case1 .form_box > div .form_textarea::-webkit-input-placeholder {color:#767781;}
.sContact_case1 .form_box > div .form_textarea:-ms-input-placeholder {color:#767781;}
.sContact_case1 .privacy_box {width:100%; height:160px; background:#f7f7f8; border-radius:10px; font-size:var(--fs18); color:#767781; line-height:1.5em; margin-top:24px; padding:24px; overflow-y:auto;}
.sContact_case1 .check_box {margin-top:16px;}
.sContact_case1 .check_box input {display:none;}
.sContact_case1 .check_box label {display:flex; align-items:center;}
.sContact_case1 .check_box label:before {content:''; display:flex; justify-content:center; align-items:center;; width:24px; height:24px; border:1px solid #767781; border-radius:4px; font-size:var(--fs14); color:#fff; font-weight:900; font-family:'Font Awesome 6 Pro'}
.sContact_case1 .check_box label p {font-size:var(--fs16); padding-left:12px;}
.sContact_case1 .check_box input:checked + label:before {content:'\f00c'; background:#1b3d8d; border-color:#1b3d8d}
.sContact_case1 .submit_btn {display:block; width:250px; height:62px; background:#1b3d8d; border-radius:8px; font-size:var(--fs20); color:#fff; font-weight:600; margin:40px auto 0;}

@media screen and (max-width:1024px){
    .sContact_case1 .form_box {gap:30px 0;}
    .sContact_case1 .form_box > div {width:calc(50% - 7.5px)}
    .sContact_case1 .form_box > div label {margin-bottom:10px;}
    .sContact_case1 .form_box > div .select_box:after {font-size:var(--fs14); right:15px;}
    .sContact_case1 .form_box > div .select_box select {height:55px; border-radius:5px; padding:0 30px 0 15px;}
    .sContact_case1 .form_box > div .form_txt {height:55px; border-radius:5px; padding:0 15px;}
    .sContact_case1 .form_box > div .form_textarea {height:240px; border-radius:5px; padding:15px;}
    .sContact_case1 .privacy_box {height:120px; border-radius:5px; margin-top:15px; padding:15px;}
    .sContact_case1 .check_box {margin-top:10px;}
    .sContact_case1 .submit_btn {width:180px; height:50px; border-radius:4px; margin-top:30px;}
}

@media screen and (max-width:767px){
    .sContact_case1 .form_box {gap:20px 0;}
    .sContact_case1 .form_box > div {width:100%}
    .sContact_case1 .form_box > div label {margin-bottom:7px;}
    .sContact_case1 .form_box > div .select_box:after {right:10px;}
    .sContact_case1 .form_box > div .select_box select {height:38px; padding:0 30px 0 10px;}
    .sContact_case1 .form_box > div .form_txt {height:38px; padding:0 10px;}
    .sContact_case1 .form_box > div .form_textarea {height:120px; padding:10px;}
    .sContact_case1 .privacy_box {height:80px; margin-top:10px; padding:10px;}
    .sContact_case1 .check_box label:before {width:20px; height:20px;}
    .sContact_case1 .check_box label p {padding-left:7px;}
    .sContact_case1 .submit_btn {width:140px; height:40px;}
}


.program_list_box {width:100%; border-top:2px solid #161618}
.program_list_box > div a {display:flex; justify-content:space-between; align-items:start; flex-wrap:wrap; width:100%; padding:40px 0; border-bottom:1px  solid #dadadd;}
.program_list_box > div .img_box {width:560px;}
.program_list_box > div .img_box img {width:100%;}
.program_list_box > div .txt_box {width:calc(100% - 616px); padding-top:16px;}
.program_list_box > div .txt_box .subject {font-size:var(--fs26); line-height:1.4em; font-weight:600;}
.program_list_box > div .txt_box .cont {font-size:var(--fs20); color:#5f5f6a; line-height:1.5em; margin-top:8px; max-height:3em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.program_list_box > div .txt_box .tag {display:flex; flex-wrap:wrap; gap:8px; margin-top:24px;}
.program_list_box > div .txt_box .tag li {background:#f7f7f8; border-radius:8px; font-size:var(--fs16); color:#5f5f6a; font-weight:600; padding:8px 16px;}
.program_list_box > div .txt_box .tag li.bg1 {background:#eff7ff; color:#1754de}
.program_list_box > div .txt_box .tag li.bg2 {background:#effbea; color:#49b62c}
.program_list_box > div .txt_box .list1 {width:100%; margin-top:40px; overflow:hidden;}
.program_list_box > div .txt_box .list1 dt {display:inline-block; font-size:var(--fs16); color:#1b3d8d; line-height:1.5em; font-weight:600; margin-right:12px; clear:both; margin-top:13px;}
.program_list_box > div .txt_box .list1 dd {display:inline; font-size:var(--fs16); color:#5f5f6a; line-height:1.5em; margin-top:13px;}
.program_list_box > div .txt_box .list1 dt:first-of-type, .program_list_box > div .txt_box .list1 dd:first-of-type {margin-top:0;}
.program_list_box > div.empty_list {justify-content:center;}

.program_view_wrap .top_box {display:flex; justify-content:space-between; align-items:start; flex-wrap:wrap; width:100%; border-top:2px solid #161618; border-bottom:1px solid #dadadd; padding:55px 0;}
.program_view_wrap .top_box .img_box {width:560px;}
.program_view_wrap .top_box .img_box img {width:100%;}
.program_view_wrap .top_box .txt_box {width:calc(100% - 616px); padding-top:16px;}
.program_view_wrap .top_box .txt_box .list1 dt {font-size:var(--fs24); font-weight:600; margin-bottom:8px;}
.program_view_wrap .top_box .txt_box .list1 dd {font-size:var(--fs20); color:#5f5f6a; line-height:1.5em;}
.program_view_wrap .top_box .txt_box .list2 {width:100%; margin-top:40px; overflow:hidden;}
.program_view_wrap .top_box .txt_box .list2 dt {float:left; font-size:var(--fs20); line-height:1.5em; font-weight:600; margin-right:12px; clear:both; margin-top:4px;}
.program_view_wrap .top_box .txt_box .list2 dd {float:left; font-size:var(--fs20); color:#5f5f6a; line-height:1.5em; margin-top:4px;}
.program_view_wrap .top_box .txt_box .list2 dt:first-of-type, .program_view_wrap .top_box .txt_box .list2 dd:first-of-type {margin-top:0;}
.program_view_wrap .top_box .txt_box .btn_box {display:flex; gap:8px; width:100%; margin-top:40px;}
.program_view_wrap .top_box .txt_box .btn_box a {display:block; background:#1b3d8d; border-radius:8px; font-size:var(--fs20); color:#fff; line-height:1.5em; font-weight:600; padding:12px 32px; transition:background 0.5s;}
.program_view_wrap .top_box .txt_box .btn_box a:hover {background:#152756}
.program_view_wrap .top_box .txt_box .btn_box a.case2 {background:#6cd24e; color:#161618}
.program_view_wrap .top_box .txt_box .btn_box a.case2:hover {background:#49b62c;}
.program_view_wrap .content_box > div {margin-top:80px; position:relative;}
.program_view_wrap .content_box > div .title {font-size:var(--fs26); line-height:1em; font-weight:600; padding-left:28px; border-left:4px solid #1b3d8d; margin-bottom:30px;}
.program_view_wrap .content_box > div .txt {font-size:var(--fs20); color:#5f5f6a; line-height:1.55em;}
.program_view_wrap .content_box > div table {width:100%;}
.program_view_wrap .content_box > div table thead th {background:#1b3d8d; border-left:1px solid rgba(255,255,255,0.3); font-size:var(--fs20); color:#fff; line-height:1.5em; padding:16px;}
.program_view_wrap .content_box > div table thead th:first-child {width:160px;}
.program_view_wrap .content_box > div table tbody th {border-bottom:1px solid #767781; font-size:var(--fs20); color:#1b3d8d; font-weight:600; line-height:1.5em; padding:24px 15px;}
.program_view_wrap .content_box > div table tbody td {border-bottom:1px solid #767781; border-left:1px solid #dadadd; font-size:var(--fs20); color:#5f5f6a; line-height:1.5em; padding:24px 32px;}
.program_view_wrap .content_box > div table tbody td.subject {color:#161618; font-weight:600;}
.program_view_wrap .review_btn {font-size:var(--fs16); color:#1b3d8d; font-weight:600; position:absolute; right:0; top:5px;}
.program_view_wrap .review_btn:before {content:'\2b'; font-size:0.875em; color:#1b3d8d; font-weight:900; font-family:'Font Awesome 6 Pro'; margin-right:10px;}
.program_view_wrap .review_list {display:flex; flex-wrap:wrap; gap:24px; width:100%;}
.program_view_wrap .review_list > div {width:calc(33.33% - 16px); border:1px solid #dadadd; border-radius:30px; padding:40px;}
.program_view_wrap .review_list .star {display:flex; margin-bottom:24px;}
.program_view_wrap .review_list .star p {display:block; width:20px; height:20px; background:url(../images/icon_star.svg) no-repeat center center; background-size:contain;}
.program_view_wrap .review_list .subject {font-size:var(--fs24); line-height:1.45em; font-weight:600; max-height:2.9em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.program_view_wrap .review_list .cont {font-size:var(--fs18); color:#5f5f6a; line-height:1.5em; margin-top:8px; max-height:4.5em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.program_view_wrap .review_list .name {font-size:var(--fs16); color:#5f5f6a; font-weight:600; margin-top:16px;}
.program_view_wrap .down_list {border-top:2px solid #161618;}
.program_view_wrap .down_list a {display:block; width:100%; border-bottom:1px solid #dadadd; font-size:var(--fs20); color:#5f5f6a; padding:24px 72px 24px 16px; position:relative;}
.program_view_wrap .down_list a:after {content:''; display:block; width:24px; height:24px; background:url(../images/icon_download.svg) no-repeat center center; background-size:contain; position:absolute; right:16px; top:50%; transform:translateY(-50%);}
.program_view_wrap .down_list .empty_file {border-bottom:1px solid #dadadd; font-size:var(--fs20); color:#5f5f6a; text-align:center; padding:20px;}

@media screen and (max-width:1220px){
	.program_list_box > div .img_box {width:45%;}
	.program_list_box > div .txt_box {width:calc(55% - 50px);}
	
	.program_view_wrap .top_box .img_box {width:45%;}
	.program_view_wrap .top_box .txt_box {width:calc(55% - 50px);}
}

@media screen and (max-width:1024px){
	.program_list_box > div a {padding:4% 0;}
	.program_list_box > div .img_box {width:280px;}
	.program_list_box > div .txt_box {width:calc(100% - 310px); padding-top:0;}
	.program_list_box > div .txt_box .cont {margin-top:4px;}
	.program_list_box > div .txt_box .tag {gap:4px; margin-top:2%;}
	.program_list_box > div .txt_box .tag li {border-radius:4px; padding:7px 12px;}
	.program_list_box > div .txt_box .list1 {margin-top:3%;}
	.program_list_box > div .txt_box .list1 dt {margin-right:6px;}
	.program_list_box > div .txt_box .list1 dt, .program_list_box > div .txt_box .list1 dd {margin-top:3px;}

	.program_view_wrap .top_box {padding:5% 0;}
	.program_view_wrap .top_box .img_box {width:280px;}
	.program_view_wrap .top_box .txt_box {width:calc(100% - 310px); padding-top:0;}
	.program_view_wrap .top_box .txt_box .list1 dt {margin-bottom:4px;}
	.program_view_wrap .top_box .txt_box .list2 {margin-top:4%;}
	.program_view_wrap .top_box .txt_box .list2 dt {margin-right:6px;}
	.program_view_wrap .top_box .txt_box .btn_box {margin-top:5%;}
	.program_view_wrap .top_box .txt_box .btn_box a {border-radius:4px; padding:12px 25px;}
	.program_view_wrap .content_box > div {margin-top:10%;}
	.program_view_wrap .content_box > div .title {padding-left:15px; border-left-width:3px; margin-bottom:3%;}
	.program_view_wrap .content_box > div table thead th {padding:13px;}
	.program_view_wrap .content_box > div table thead th:first-child {width:100px;}
	.program_view_wrap .content_box > div table tbody th {padding:15px 10px;}
	.program_view_wrap .content_box > div table tbody td {padding:15px;}
	.program_view_wrap .review_list {gap:15px;}
    .program_view_wrap .review_list > div {width:calc(33.33% - 10px); border-radius:15px; padding:20px;}
    .program_view_wrap .review_list .star {margin-bottom:15px;}
    .program_view_wrap .review_list .star p {width:18px; height:18px;}
    .program_view_wrap .review_list .cont {margin-top:5px;}
    .program_view_wrap .review_list .name {margin-top:10px;}
	.program_view_wrap .down_list a {padding:20px 50px 20px 15px;}
	.program_view_wrap .down_list a:after {width:20px; height:20px; right:15px;}
}

@media screen and (max-width:767px){
	.program_list_box > div .img_box {width:100%;}
	.program_list_box > div .txt_box {width:100%; padding-top:0; margin-top:3%;}
	.program_list_box > div .txt_box .tag li {font-size:var(--fs14); padding:6px 10px;}

	.program_view_wrap .top_box .img_box {width:100%;}
	.program_view_wrap .top_box .txt_box {width:100%; margin-top:3%;}
	.program_view_wrap .top_box .txt_box .btn_box a {padding:10px 15px;}
	.program_view_wrap .content_box > div .title {padding-left:7px; border-left-width:2px;}
	.program_view_wrap .content_box > div table thead th {padding:10px;}
	.program_view_wrap .content_box > div table thead th:first-child {width:50px;}
	.program_view_wrap .content_box > div table tbody th {padding:10px;}
	.program_view_wrap .content_box > div table tbody td {padding:10px;}
	.program_view_wrap .review_btn {top:0;}
	.program_view_wrap .review_btn:before {margin-right:5px;}
	.program_view_wrap .review_list {gap:5px;}
    .program_view_wrap .review_list > div {width:100%; border-radius:10px; padding:3%;}
    .program_view_wrap .review_list .star {margin-bottom:10px;}
    .program_view_wrap .review_list .star p {width:14px; height:14px;}
	.program_view_wrap .down_list a {padding:10px 30px 10px 10px;}
	.program_view_wrap .down_list a:after {width:16px; height:16px; right:10px;}
}

.instructor_list_wrap {width:100%; border-top:2px solid #161618}
.instructor_list_wrap > div {display:flex; justify-content:space-between; align-items:start; flex-wrap:wrap; width:100%; padding:40px 0; border-bottom:1px  solid #dadadd;}
.instructor_list_wrap > div .img_box {width:320px;}
.instructor_list_wrap > div .img_box img {width:100%;}
.instructor_list_wrap > div .txt_box {width:calc(100% - 400px); padding-top:16px;}
.instructor_list_wrap > div .txt_box .name {font-size:var(--fs26); line-height:1.4em; font-weight:600;}
.instructor_list_wrap > div .txt_box .list1 {width:100%; margin-top:16px; overflow:hidden;}
.instructor_list_wrap > div .txt_box .list1 dt {float:left; font-size:var(--fs20); line-height:1.55em; font-weight:600; margin-right:12px; clear:both; margin-top:8px;}
.instructor_list_wrap > div .txt_box .list1 dd {float:left; font-size:var(--fs20); color:#5f5f6a; line-height:1.55em; margin-top:8px;}
.instructor_list_wrap > div .txt_box .list1 dt:first-of-type, .instructor_list_wrap > div .txt_box .list1 dd:first-of-type {margin-top:0;}
.instructor_list_wrap > div .txt_box .list2 {margin-top:20px;}
.instructor_list_wrap > div .txt_box .list2 dt {font-size:var(--fs20); color:#1b3d8d; font-weight:600; margin-bottom:8px;}
.instructor_list_wrap > div .txt_box .list2 dd {font-size:var(--fs20); line-height:1.5em; color:#5f5f6a; max-height:4.5em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.instructor_list_wrap > div .txt_box .view_btn {display:inline-block; background:#1b3d8d; border-radius:8px; font-size:var(--fs20); color:#fff; font-weight:600; padding:12px 32px; margin-top:32px; transition:background 0.5s;}
.instructor_list_wrap > div .txt_box .view_btn:hover {background:#152756}
.instructor_list_wrap > div.empty_list {justify-content:center;}

.instructor_view_wrap {display:flex; justify-content:space-between; align-items:start; flex-wrap:wrap; width:100%; padding:55px 0; border-bottom:1px  solid #dadadd; border-top:2px solid #161618}
.instructor_view_wrap .img_box {width:calc(50% - 80px);}
.instructor_view_wrap .img_box img {width:100%;}
.instructor_view_wrap .txt_box {width:50%; padding-top:16px;}
.instructor_view_wrap .txt_box .sub_title1 {margin-bottom:40px;}
.instructor_view_wrap .txt_box dl {margin-top:32px;}
.instructor_view_wrap .txt_box dl:first-of-type {margin-top:0;}
.instructor_view_wrap .txt_box dl dt {font-size:var(--fs24); line-height:1.4em; font-weight:600; margin-bottom:8px;}
.instructor_view_wrap .txt_box dl dd {font-size:var(--fs20); color:#5f5f6a; line-height:1.5em;}
.instructor_view_wrap .txt_box dl.point dd {position:relative; padding-left:30px;}
.instructor_view_wrap .txt_box dl.point dd:before {content:'·'; display:block; width:30px; text-align:center; font-weight:900; position:absolute; left:0; top:0;}

@media screen and (max-width:1220px){
	.instructor_list_wrap > div .txt_box {width:calc(100% - 370px);}

	.instructor_view_wrap .img_box {width:calc(50% - 50px);}
}

@media screen and (max-width:1024px){
	.instructor_list_wrap > div {padding:4% 0;}
	.instructor_list_wrap > div .img_box {width:240px;}
	.instructor_list_wrap > div .txt_box {width:calc(100% - 270px); padding-top:10px;}
	.instructor_list_wrap > div .txt_box .list1 {margin-top:1.5%;}
	.instructor_list_wrap > div .txt_box .list1 dt {margin-right:6px;}
	.instructor_list_wrap > div .txt_box .list1 dt, .instructor_list_wrap > div .txt_box .list1 dd {margin-top:3px;}
	.instructor_list_wrap > div .txt_box .list2 {margin-top:3%;}
	.instructor_list_wrap > div .txt_box .list2 dt {margin-bottom:4px;}
	.instructor_list_wrap > div .txt_box .view_btn {border-radius:4px; padding:12px 25px; margin-top:20px;}

	.instructor_view_wrap {padding:5% 0;}
	.instructor_view_wrap .img_box {width:calc(45% - 30px);}
	.instructor_view_wrap .txt_box {width:55%; padding-top:10px;}
	.instructor_view_wrap .txt_box .sub_title1 {margin-bottom:5%;}
	.instructor_view_wrap .txt_box dl {margin-top:4%;}
	.instructor_view_wrap .txt_box dl dt {margin-bottom:4px;}
	.instructor_view_wrap .txt_box dl.point dd {padding-left:20px;}
	.instructor_view_wrap .txt_box dl.point dd:before {width:20px;}
}

@media screen and (max-width:767px){
	.instructor_list_wrap > div .img_box {width:100%;}
	.instructor_list_wrap > div .txt_box {width:100%; padding-top:0; margin-top:3%;}
	.instructor_list_wrap > div .txt_box .view_btn {padding:10px 15px; margin-top:15px;}

	.instructor_view_wrap .img_box {width:100%;}
	.instructor_view_wrap .txt_box {width:100%; padding-top:0; margin-top:5%;}
	.instructor_view_wrap .txt_box dl.point dd {padding-left:12px;}
	.instructor_view_wrap .txt_box dl.point dd:before {width:12px;}
}


/* board */
.board_top_wrap {display:flex; justify-content:space-between; align-items:end; width:100%; flex-wrap:wrap; margin-bottom:40px;}
.board_top_wrap .total {font-size:1.25em; font-weight:600}
.board_top_wrap .total strong {color:#1b3d8d; font-weight:600;}

.board_top_wrap .search {width:441px; height:62px; background:#f7f7f8; border-radius:31px; position:relative; padding:0 32px;}
.board_top_wrap .search:after {display:block;visibility:hidden;clear:both;content:""}
.board_top_wrap .search form {display:flex; justify-content:space-between; width:100%; height:100%;}
.board_top_wrap .search legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
.board_top_wrap .search .select_box {width:94px; position:relative}
.board_top_wrap .search .select_box > button {display:block; width:calc(100% - 15px); height:100%; background:none; border:0; font-size:1.25em; text-align:left; font-weight:600; position:relative;}
.board_top_wrap .search .select_box > button span {display:block; width:100%; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
.board_top_wrap .search .select_box > button:after {content:'\f078'; font-size:0.7em; font-weight:900; font-family:'Font Awesome 6 Pro'; position:absolute; left:100%; top:50%; transform:translateY(-50%); pointer-events:none;}
.board_top_wrap .search .select_box > button.on:after {content:'\f077';}
.board_top_wrap .search .select_box ul {display:none; min-width:100%; background:#fff; border:1px solid #161618; position:absolute; left:0; top:90%; z-index:100;}
.board_top_wrap .search .select_box ul li button {display:block; width:100%; font-size:0.875em; color:#666; text-align:left; padding:8px 15px; white-space:nowrap;}
.board_top_wrap .search .select_box ul li button:hover {background:#eee;}
.board_top_wrap .search .select_box ul li button.on {color:#161618; background:#eee;}
.board_top_wrap .search .select_box select {display:none; width:100%; height:100%; background:none; border:0; font-size:1.25em; font-weight:600; padding-right:20px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.board_top_wrap .search .select_box select:focus {outline:none !important; box-shadow:none !important; border:0 !important;}
.board_top_wrap .search .sch_input{width:calc(100% - 118px); height:100%; border:0; border-radius:0; font-size:1.125em; padding:0 24px; background-color:transparent;}
.board_top_wrap .search .sch_input:focus {outline:none !important; box-shadow:none !important; border:0 !important;}
.board_top_wrap .search .sch_input::placeholder {color:#767781;}
.board_top_wrap .search .sch_input::-webkit-input-placeholder {color:#767781;}
.board_top_wrap .search .sch_input:-ms-input-placeholder {color:#767781;}
.board_top_wrap .search .sch_btn {width:24px; height:100%; background:url(/images/icon_search.svg) no-repeat center center; background-size:contain; border:0;}
.board_top_wrap .search .sch_btn i {display:none;}

.board_view_btn_wrap {display:flex; justify-content:end; margin-top:40px;}
.board_view_btn_wrap a {display:block; background:#161618; border-radius:8px; font-size:var(--fs20); color:#fff; font-weight:600; padding:12px 32px;}

@media screen and (max-width:1024px){
	.board_top_wrap {margin-bottom:5%;}
	.board_top_wrap .total {font-size:1.125em;}

	.board_top_wrap .search {width:350px; height:50px; padding:0 20px;}
	.board_top_wrap .search .select_box {width:70px;}
	.board_top_wrap .search .select_box > button {font-size:1.125em;}
	.board_top_wrap .search .select_box ul li button {padding:7px 10px;}
	.board_top_wrap .search .select_box select {font-size:1.125em;}
	.board_top_wrap .search .sch_input {width:calc(100% - 90px); font-size:1em; padding:0 15px;}
	.board_top_wrap .search .sch_btn {width:20px;}

	.board_view_btn_wrap {margin-top:4%;}
	.board_view_btn_wrap a {border-radius:4px; padding:12px 25px;}
}

@media screen and (max-width:767px){
	.board_top_wrap .total {font-size:1em;}

	.board_top_wrap .search {width:100%; height:40px; margin-top:3%;}
	.board_top_wrap .search .select_box {width:65px;}
	.board_top_wrap .search .select_box > button {width:calc(100% - 10px); font-size:1em;}
	.board_top_wrap .search .select_box ul li button {padding:6px;}
	.board_top_wrap .search .select_box select {font-size:1em;}
	.board_top_wrap .search .sch_input {width:calc(100% - 80px); padding:0 12px;}
	.board_top_wrap .search .sch_btn {width:15px;}
	
	.board_view_btn_wrap a {padding:10px 15px;}
}


.board_paging_wrap {display:flex; justify-content:center; align-itmes:center; gap:10px; margin-top:50px;}
.board_paging_wrap a {display:flex; justify-content:center; align-items:center; font-size:var(--fs16); color:#5f5f6a; font-weight:600;}
.board_paging_wrap ul {display:flex; justify-content:center; align-items:center; gap:15px; margin:0 10px;}
.board_paging_wrap ul a {}
.board_paging_wrap ul a.on {width:40px; height:40px; border-radius:50%; background:#1b3d8d; color:#fff;}

@media screen and (max-width:1024px){
	.board_paging_wrap ul a.on {width:30px; height:30px;}
}



.orderform_wrap {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.orderform_wrap .line {display:block; width:100%; height:1px; background:#e0e0e0; margin:40px 0; border:0;}
.orderform_wrap > div .title {font-size:1.25em; font-weight:600; line-height:1.2em; margin-bottom:30px;}
.orderform_wrap .info_box {width:calc(100% - 430px); padding-right:70px; border-right:1px solid #e0e0e0;}
.orderform_wrap .info_box .list1 {width:100%; overflow:hidden;}
.orderform_wrap .info_box .list1 dt {float:left; width:70px; font-size:1em; line-height:1.8em; font-weight:600; clear:both;}
.orderform_wrap .info_box .list1 dd {float:left; width:calc(100% - 70px); font-size:1em; color:#666; line-height:1.8em; font-weight:400;}
.orderform_wrap .info_box .form_list {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; }
.orderform_wrap .info_box .form_list > li {width:100%; margin-bottom:30px;}
.orderform_wrap .info_box .form_list > li:last-child {margin-bottom:0;}
.orderform_wrap .info_box .form_list > li.w_50 {width:calc(50% - 5px);}
.orderform_wrap .info_box .form_list > li > label {display:block; font-size:1em; color:#191919; font-weight:600; margin-bottom:10px;}
.orderform_wrap .info_box .coupon_box {display:flex; justify-content:space-between; flex-wrap:wrap;}
.orderform_wrap .info_box .coupon_box > input {width:calc(100% - 98px);}
.orderform_wrap .info_box .coupon_box.case2 > input {width:calc(100% - 196px);}
.orderform_wrap .info_box .coupon_box .cp_btn {display:block; width:88px; height:59px; background:#fff; border:1px solid #1c1c1c; border-radius:0; font-size:1em; color:#1c1c1c; font-weight:600; font-family:'Pretendard';}
.orderform_wrap .info_box .coupon_box .cp_cancel {display:block; width:88px; height:59px; background:#1c1c1c; border:1px solid #1c1c1c; border-radius:0; font-size:1em; color:#fff; font-weight:600; font-family:'Pretendard';}
.orderform_wrap .pay_box {width:360px;}
.orderform_wrap .pay_box .pay_list {border-top:1px solid #707070;}
.orderform_wrap .pay_box .pay_list > li {display:flex; padding:15px 10px; border-bottom:1px solid #e0e0e0;}
.orderform_wrap .pay_box .pay_list > li > span {display:block; width:100px; font-size:1em; color:#1c1c1c; font-weight:500;}
.orderform_wrap .pay_box .pay_list > li > div {width:calc(100% - 100px); text-align:right; font-size:1em; color:#666; font-weight:500;}
.orderform_wrap .pay_box .pay_list > li > div strong {font-weight:500;}
.orderform_wrap .pay_box .pay_list > li > div .price {font-size:1.25em; color:#1c1c1c; font-weight:600;}
.orderform_wrap .pay_box .pay_list > li > div .price strong {font-weight:600;}
.orderform_wrap .pay_box .pay_list > li > div .s_txt {font-size:0.875em; font-weight:400; margin-top:5px;}
.orderform_wrap .pay_box .chk_box {margin-top:15px;}
.orderform_wrap .pay_box .agree_list {display:flex; align-items:center; flex-wrap:wrap; margin-top:20px; padding-left:30px;}
.orderform_wrap .pay_box .agree_list dt {width:50%; font-size:0.875em; color:#a4a4a4; line-height:1.7em}
.orderform_wrap .pay_box .agree_list dd {width:50%; font-size:0.875em; font-weight:500; text-align:right; line-height:1.7em;}
.orderform_wrap .pay_box .agree_list dd a {color:#1c1c1c; text-decoration:underline;}

.orderform_wrap .add_box {display:flex; justify-content:space-between; flex-wrap:wrap;}
.orderform_wrap .add_box .frm_zip {width:calc(100% - 130px)}
.orderform_wrap .add_box .btn_address {display:block; width:125px; height:59px; background:#191919; font-size:1em; color:#fff; font-weight:600; font-family:'Pretendard'; border-radius:5px;}
.orderform_wrap .add_box .frm_address {margin-top:5px;}


@media screen and (max-width:1024px){
	.orderform_wrap > div .title {margin-bottom:15px;}
	.orderform_wrap .info_box {width:calc(100% - 310px); padding-right:30px;}
	.orderform_wrap .info_box .coupon_box .cp_btn, .orderform_wrap .info_box .coupon_box .cp_cancel {height:50px;}
	.orderform_wrap .pay_box {width:280px;}

	.orderform_wrap .add_box .frm_zip {width:calc(100% - 100px)}
	.orderform_wrap .add_box .btn_address {width:95px; height:50px;}
}

@media screen and (max-width:767px){
	.orderform_wrap .info_box {width:100%; padding-right:0; margin-bottom:10%; border-right:0;}
	.orderform_wrap .info_box .coupon_box .cp_btn, .orderform_wrap .info_box .coupon_box .cp_cancel {height:42px;}
	.orderform_wrap .info_box .list1 dt {width:50px}
	.orderform_wrap .info_box .list1 dd {width:calc(100% - 50px);}
	.orderform_wrap .pay_box {width:100%;}

	.orderform_wrap .add_box .frm_zip {width:calc(100% - 80px)}
	.orderform_wrap .add_box .btn_address {width:75px; height:42px;}
}


.orderinquiryview_wrap {width:100%; border-top:1px solid #1c1c1c; margin:0 auto;}
.orderinquiryview_wrap > div {width:100%; border-bottom:1px solid #e0e0e0; padding:40px 0;}
.orderinquiryview_wrap > div .tit {font-size:1.25em; font-weight:600; margin-bottom:30px;}
.orderinquiryview_wrap > div dl {width:100%; overflow:hidden;}
.orderinquiryview_wrap > div dl dt {float:left; font-size:1em; line-height:1.8em; font-weight:600; clear:both;}
.orderinquiryview_wrap > div dl dd {float:left; font-size:1em; color:#666; line-height:1.8em;}
.orderinquiryview_wrap > div dl.case1 dt {width:60px;}
.orderinquiryview_wrap > div dl.case1 dd {width:calc(100% - 60px);}
.orderinquiryview_wrap > div dl.case2 dt {width:75px;}
.orderinquiryview_wrap > div dl.case2 dd {width:calc(100% - 75px);}
.orderinquiryview_wrap > div dl.case3 dt {width:140px;}
.orderinquiryview_wrap > div dl.case3 dd {width:calc(100% - 140px);}
.orderinquiryview_wrap > div dl.case4 dt {width:90px;}
.orderinquiryview_wrap > div dl.case4 dd {width:calc(100% - 90px);}
.orderinquiryview_wrap > div dl.case5 dt {width:110px;}
.orderinquiryview_wrap > div dl.case5 dd {width:calc(100% - 110px);}
.orderinquiryview_wrap > div .info_box {display:flex; align-items:center; flex-wrap:wrap; width:100%;}
.orderinquiryview_wrap > div .info_box .img_box {width:270px;}
.orderinquiryview_wrap > div .info_box .img_box img {width:100%; height:auto;}
.orderinquiryview_wrap > div .info_box .txt_box {width:calc(100% - 270px); padding-left:50px; overflow:hidden;}
.orderinquiryview_wrap > div .info_box .txt_box dl {float:left; width:50%;}
.orderinquiryview_wrap > div .txt {font-size:1em; color:#666;}
.orderinquiryview_wrap > div dl.price {width:300px; margin-top:20px; padding-top:20px; border-top:1px solid #e0e0e0;}
.orderinquiryview_wrap > div dl.price dd {font-size:1.25em; color:#1c1c1c; font-weight:600;}

.orderinquiryview_btn {display:flex; justify-content:center; margin-top:70px;}
.orderinquiryview_btn a {display:flex; justify-content:center; align-items:center; width:191px; height:52px; border:1px solid #1c1c1c; font-size:1em; font-weight:600; text-align:center; margin:0 2.5px;}
.orderinquiryview_btn a.case2 {background:#1c1c1c; color:#fff;}

@media screen and (max-width:1320px){
	.orderinquiryview_wrap {width:100%;}
}

@media screen and (max-width:1024px){
	.orderinquiryview_wrap > div {padding:20px 0;}
	.orderinquiryview_wrap > div .tit {margin-bottom:10px;}
	.orderinquiryview_wrap > div dl dt {line-height:1.6em;}
	.orderinquiryview_wrap > div dl dd {line-height:1.6em;}
	.orderinquiryview_wrap > div .info_box .img_box {width:220px;}
	.orderinquiryview_wrap > div .info_box .txt_box {width:calc(100% - 220px); padding-left:30px;}

	.orderinquiryview_btn {margin-top:40px;}
	.orderinquiryview_btn a {width:160px; height:45px;}
}

@media screen and (max-width:767px){
	.orderinquiryview_wrap > div dl.case1 dt {width:50px;}
	.orderinquiryview_wrap > div dl.case1 dd {width:calc(100% - 50px);}
	.orderinquiryview_wrap > div dl.case2 dt {width:100px;}
	.orderinquiryview_wrap > div dl.case2 dd {width:calc(100% - 100px);}
	.orderinquiryview_wrap > div dl.case3 dt {width:100px;}
	.orderinquiryview_wrap > div dl.case3 dd {width:calc(100% - 100px);}
	.orderinquiryview_wrap > div dl.case4 dt {width:70px;}
	.orderinquiryview_wrap > div dl.case4 dd {width:calc(100% - 70px);}
	.orderinquiryview_wrap > div dl.case5 dt {width:90px;}
	.orderinquiryview_wrap > div dl.case5 dd {width:calc(100% - 90px);}
	.orderinquiryview_wrap > div .info_box .img_box {width:100%;}
	.orderinquiryview_wrap > div .info_box .txt_box {width:100%; padding-left:0; margin-top:15px;}
	.orderinquiryview_wrap > div .info_box .txt_box dl {float:none; width:100%;}

	.orderinquiryview_btn a {width:140px; height:40px;}
}

.popup_wrap {display:none; justify-content:center; align-items:center; width:100%; height:100vh; position:fixed; left:0; top:0; z-index:350;}
.popup_wrap.active {display:flex;}
.popup_wrap .popup_dim {width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0;}
.popup_wrap .popup_inner {width:88%; max-width:550px; background:#fff; padding:40px; position:relative; box-shadow:0 0 15px rgba(255,255,255,0.05)}
.popup_wrap.case2 .popup_inner {max-width:500px;}
.popup_wrap .popup_inner .close_btn {font-size:1.5em; position:absolute; right:35px; top:35px;}
.popup_wrap .popup_inner .close_btn:before {content:'\f00d'; font-size:1em; color:#1c1c1c; font-weight:300; font-family:'Font Awesome 6 Pro';}
.popup_wrap .popup_inner .tit {font-size:1.5em; font-weight:600;}
.popup_wrap .popup_inner > div {width:100%; max-height:40vh; overflow-y:auto; margin:30px 0; padding-right:20px;}
.popup_wrap .popup_inner > div::-webkit-scrollbar {width:3px;}
.popup_wrap .popup_inner > div::-webkit-scrollbar-thumb {background:#e12f56;}
.popup_wrap .popup_inner > div::-webkit-scrollbar-track {background:rgba(255,255,255, 0.1);}
.popup_wrap .popup_inner > div h4 {font-size:1em; font-weight:500; margin:30px 0 5px;}
.popup_wrap .popup_inner > div p {font-size:0.875em; line-height:1.7em;}
.popup_wrap .popup_inner .agree_btn {display:block; width:180px; height:50px; background:#fff; font-size:1em; color:#000; font-weight:600; font-family:'Pretendard'; margin:0 auto;}

.popup_wrap.case2 .popup_inner {padding:55px 75px;}
.popup_wrap.case2 .popup_inner:before {content:''; display:block; width:120px; height:120px; background:url(/images/member_leave.png) no-repeat center center; background-size:contain; margin:0 auto 30px;}
.popup_wrap.case2 .popup_inner dl {text-align:center;}
.popup_wrap.case2 .popup_inner dl dt {font-size:1.25em; line-height:1.3em; font-weight:700;}
.popup_wrap.case2 .popup_inner dl dd {font-size:1em; color:#666; line-height:1.625em; font-weight:500; margin-top:10px;}
.popup_wrap.case2 .popup_inner .button_box {display:flex; justify-content:space-between; width:100%;}
.popup_wrap.case2 .popup_inner .button_box a {display:flex; justify-content:center; align-items:center; width:calc(50% - 3px); height:60px; border:1px solid #1c1c1c; font-size:1em; font-weight:600; text-align:center;}
.popup_wrap.case2 .popup_inner .button_box a.case2 {background:#1c1c1c; color:#fff;}

@media screen and (max-width:767px){
	.popup_wrap .popup_inner {padding:20px;}
	.popup_wrap .popup_inner .close_btn {right:15px; top:20px;}
	.popup_wrap .popup_inner > div {margin:20px 0;}
	.popup_wrap .popup_inner > div h4 {font-size:1.125em;}
	.popup_wrap .popup_inner > div p {font-size:1em;}
	.popup_wrap .popup_inner .agree_btn {width:120px; height:40px;}

	.popup_wrap.case2 .popup_inner {padding:40px;}
	.popup_wrap.case2 .popup_inner:before {width:90px; height:90px; margin-bottom:20px;}
	.popup_wrap.case2 .popup_inner .button_box a {height:45px;}
}


/* 목록 테이블 */
.board_list_wrap table {width:100%; margin-top:20px; border-top:2px solid #161618;}
.board_list_wrap table caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.board_list_wrap table thead th {padding:20px 0;font-weight:normal;text-align:center;background:#fff; border-bottom:0; font-size:1.06em; font-weight:500; color:#191919; height:auto;}
.board_list_wrap table thead a {}
.board_list_wrap table thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.board_list_wrap table tfoot th, .tbl_head01 tfoot td {padding:10px 0;background:#fff;text-align:center}
.board_list_wrap table tbody th {padding:8px 0;}
.board_list_wrap table tr {transition:background 0.5s}
.board_list_wrap table td {background:none;padding:32px 0;border-bottom:1px solid #ccc; word-break:break-all; font-size:1em; height:auto;}
.board_list_wrap table td.td_subject {font-size:1.25em; color:#161618; font-weight:600; padding-left:60px; padding-right:40px; position:relative;}
.board_list_wrap table td.td_subject:after {content:'\f061'; display:inline-block; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:40px; top:50%; transform:translateY(-50%); transition:color 0.5s;}
.board_list_wrap table td.td_subject a {display:block; width:100%; color:#161618; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.board_list_wrap table td.td_datetime {color:#5f5f6a; width:160px;text-align:center}
.board_list_wrap table tbody tr:hover {background:#f7f7f8}
.board_list_wrap table tbody tr:hover td.td_subject:after {color:#1b3d8d;}
.board_list_wrap table tbody tr:hover a {text-decoration:none !important;}
.board_list_wrap td.empty_table {}

@media screen and (max-width:1024px){
	.board_list_wrap table {margin-top:2%;}
	.board_list_wrap table thead th {padding:15px 0; font-size:1em;}
	.board_list_wrap table td {padding:25px 5px; font-size:1em;}
	.board_list_wrap table td.td_subject {font-size:1.125em; padding-left:20px; padding-right:40px;}
	.board_list_wrap table td.td_subject:after {right:20px;}
	.board_list_wrap table td.td_datetime {width:100px;}
}

@media screen and (max-width:767px){
	.board_list_wrap table, .board_list_wrap table tbody, .board_list_wrap table tr, .board_list_wrap table td {display:block;}
	.board_list_wrap table {border-top-width:2px;}
	.board_list_wrap table thead {display:none;}
	.board_list_wrap table tr {padding:15px 0; border-bottom:1px solid #ccc; position:relative;}
	.board_list_wrap table td {width:100%; border-bottom:0; padding:2px 0; text-align:left; border-top:0;}
	.board_list_wrap table td.td_subject {font-size:1.125em; padding-left:0; padding-right:0;}
	.board_list_wrap table td.td_subject:after {display:none;}
	.board_list_wrap table td.td_datetime {text-align:left;}
	.board_list_wrap table td.td_chk {width:auto; background:none; position:absolute; right:5px; top:5px;}
	.board_list_wrap table .td_num2 {display:none;}
	.board_list_wrap table .td_writer, .board_list_wrap table .td_file, .board_list_wrap table .td_datetime, .board_list_wrap table .td_hit {display:inline-block; width:auto; vertical-align:middle; margin-right:5px;}
	.board_list_wrap table .td_file i {display:inline-block; vertical-align:middle;}
	.board_list_wrap table .td_file.on:after {content:''; display:inline-block; width:1px; height:12px; background:#ccc; margin:0 10px; vertical-align:middle;}
	/*.board_list_wrap table .td_datetime:before, .board_list_wrap table .td_datetime:after {content:''; display:inline-block; width:1px; height:12px; background:#ccc; margin:0 10px; vertical-align:middle;}*/
}


.board_view_wrap { font-family: 'Pretendard', sans-serif; }
.board_view_wrap .board_view_title { border-top: 2px solid #191919; padding: 30px 20px; }
.board_view_wrap .board_view_title .bo_v_tit { font-size: 1.5em; line-height: 1.3em; font-weight: 600; color: #161618; }
.board_view_wrap .board_view_title .bo_v_info { display: inline-block; font-size: 1em; color: #666; margin-top: 10px; }
.board_view_wrap .ins-info-container { margin-bottom: 30px; padding: 20px; border: 1px solid #dee2e6; background: #f8f9fa; border-left: 5px solid #1b3d8d; }
.board_view_wrap .ins-info-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 20px; line-height: 1.6; }
.board_view_wrap .ins-info-item strong { display: inline-block; width: 80px; color: #333; font-weight: 700; }
.board_view_wrap .board_view_con { padding: 50px 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 1.125em; line-height: 1.7em; }
.board_view_wrap .view_content_body { margin-top: 20px; }
.board_view_wrap .view_content_body img { max-width: 100%; height: auto; }
.board_view_wrap .button_box { display: flex; justify-content: center; align-items: center; gap: 4px; margin-top: 50px; }
.board_view_wrap .list_btn { display: flex; justify-content: center; align-items: center; width: 200px; height: 56px; background: #191919; border-radius: 5px; font-size: 1.125em; color: #fff; font-weight: 700; text-decoration: none; transition: background 0.3s; }
.board_view_wrap .list_btn.case2 { background: #1b3d8d; }

@media screen and (max-width: 1024px) {
    .board_view_wrap .board_view_title { padding: 15px 10px; }
    .board_view_wrap .board_view_con { padding: 25px 10px; font-size: 1em; }
    .board_view_wrap .ins-info-grid { grid-template-columns: 1fr; gap: 8px; }
    .board_view_wrap .list_btn { width: 140px; height: 45px; font-size: 1em; }
    .board_view_wrap .bo_v_nb li { padding: 15px 10px; }
    .board_view_wrap .bo_v_nb li .nb_tit { width: 80px; font-size: 1em; }
}

@media screen and (max-width: 767px) {
    .board_view_wrap .list_btn { width: 140px; height: 40px; }
}