/* font */
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {position: relative;}
#content_wrap { margin-top: 5.2083vw !important;}

#bo_gall,
#bo_list {width: 85.05vw !important; min-height: 49vh; margin: 10vw auto 0;}

/* header */
header {position: fixed; width: 100%; height: 5.2083vw; z-index: 110; background: #fff;}
    /* header.fixed {position: fixed;} */
    .hd_wrap {position: relative; width: 85.94vw; height: 100%; display: flex; align-items: center; justify-content: space-between; margin: 0 auto;}

.hd_wrap .logo a {display: block; width: 11.9792vw; height: auto;}
    .hd_wrap .logo img {width: 100%; height: 100%; object-fit: cover;}

.hd_wrap .nav {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; align-items: center;}
    .hd_wrap .nav li {position: relative;}
    .hd_wrap .nav li:first-child a {min-width: 10.6vw;}
    .hd_wrap .nav li a {/* font-family: 'GmarketSansBold'; */ display: inline-block; padding: 0 1.5625vw; font-size: 0.9896vw; font-weight: 700;}
    .hd_wrap .nav li:hover > a {color: #d2b074;}
    .hd_wrap .nav li:hover a + .gnb_depth02 {display: block;}
    .hd_wrap .nav .gnb_depth02 {display: none; position: absolute; top: 0; left: 50%; transform: translateX(-50%); padding-top: 1.8750vw; z-index: -1;}
    .hd_wrap .nav .gnb_depth02 ol {background: #003B20; padding: 1.5625vw; width: 9.8542vw;}
    .hd_wrap .nav li:nth-of-type(2) .gnb_depth02 ol {width: 11.9792vw;}
    .hd_wrap .nav .gnb_depth02::before {content: ""; position: absolute; top: 1.4844vw; left: 50%; transform: translateX(-50%); display: block; width: 0.7813vw; height: 0.7813vw; border-radius: 100%; background: #d2b074;}
    .hd_wrap .nav .gnb_depth02 a {font-family: 'GmarketSansMedium'; font-size: 0.85vw; font-weight: 700; line-height: 2.0833vw; color: #fff; padding: 0.0521vw 0; min-width: auto !important;}
    .hd_wrap .nav .gnb_depth02 a:hover {position: relative; color: #d2b074;}
    .hd_wrap .nav .gnb_depth02 a:hover::after {content: ""; position: absolute; bottom: 0.4688vw; left: 0; display: block; width: 100%; height: 0.1042vw; background: #d2b074;}

.hd_wrap .info {display: flex; align-items: center; height: 100%;}
    .hd_wrap .info .member a {font-size: 0.8333vw; padding: 0 0.7813vw;}
    .hd_wrap .info .member a.login {position: relative; font-weight: 800;}
    .hd_wrap .info .member a.login::after {content: ""; position: absolute; right: -0.1042vw; top: 0.1042vw; display: block; width: 0.1042vw; height: 0.7813vw; background: #000;}
    .hd_wrap .info .member a.join {font-weight: 300;}

    .hd_wrap .burger_btn {height: 100%; display: flex; align-items: center; justify-content: center;}
    .hd_wrap .burger_btn > div {position: relative; margin-left: 1.3021vw; width: 23px; height: 16px; /* width: 1.1979vw; height: 0.8333vw; */ cursor: pointer;}
    .hd_wrap .burger_btn span {position: absolute; display: block; width: 100%; height: 2px; background: #000; right: 0;}
    .hd_wrap .burger_btn span.half {width: 70%;}
    .hd_wrap .burger_btn span:nth-of-type(1) {top: 0;}
    .hd_wrap .burger_btn span:nth-of-type(2) {top: 44%;}
    .hd_wrap .burger_btn span:nth-of-type(3) {bottom: 0;}


/* all nav */
.all_nav {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 59, 32, 0.95); z-index: 111; padding: 9.5313vw 0;}
.quick_menu_wrap.on {position: absolute; top: auto; bottom: 18vw;}
    .all_nav::after {content: ""; position: absolute; bottom: 5.16vw; right: 4.17vw; background-image:url('../images/logo/bg_logo.svg'); background-repeat: no-repeat; background-size: cover; background-position: center; width: 37.71vw; height: 10.63vw;}
    .all_nav.is_show {display: block;}

.all_nav .side_top a,
.all_nav .m_member {display: none;}

.all_nav .close_btn {position: absolute; top: 1.3542vw; right: 13.0208vw; font-size: 1.3542vw; color: #fff; cursor: pointer;}

.all_nav .cont {margin: 0 auto; width: 83.33vw;}
    .all_nav h2 {font-family: 'Pretendard'; color: #fff; font-size: 2.60vw; font-weight: 800; line-height: 1;}
    .all_nav .menu {margin-top: 5.36vw; display: flex; align-items: flex-start; justify-content: space-between;}
    .all_nav .menu li {width: 16.67vw;}
        .all_nav .menu li:last-child {margin-right: 0;}
        .all_nav .menu li h3 {position: relative; font-family: 'Pretendard'; color: #fff; font-size: 1.72vw; font-weight: 500;}
        .all_nav .menu li:hover h3::before {content: ""; position: absolute; top: -1.0417vw; left: 0; display: block; width: 0.7813vw; height: 0.7813vw; border-radius: 5.2083vw; background: #d2b074;}
    .all_nav .menu .gnb_depth02 {margin-top: 2.50vw;}
        .all_nav .menu ol {padding: 0;}
        .all_nav .menu ol li a {font-family: 'Pretendard'; color: #fff; font-size: 1.04vw; font-weight: 400; line-height: 1.82vw;}
        .all_nav .menu ol li a:hover {color: #d2b074; font-weight: 500; border-bottom: 1px solid #d2b074;}


/* quick menu */
.quick_menu_wrap {position: fixed; right: 0; top: 5.2083vw; z-index: 100;}
.quick_menu_wrap .mob_btn {display: none;}
.quick_menu {width: 8.9063vw; height: auto; border-radius: 2.6042vw 0.0000vw 0.0000vw 2.6042vw; border: 1px solid #D9D9D9; background: #fff; overflow: hidden; border-right:0;}
    .quick_menu li:nth-of-type(2) a {border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9;}
    .quick_menu li a {display: flex; flex-direction: column; align-items: center; justify-content: center; width: auto; height: 10.5729vw; margin: 0 1.4583vw;}
    .quick_menu li:nth-of-type(2) a img {width: 3.1vw;}
    .quick_menu li a img {width: 3.6458vw; height: auto;}
    .quick_menu li a p {font-family: 'GmarketSansBold'; font-size: 0.9375vw; line-height: 1; font-weight: 700; margin-top: 1.4583vw;}

.quick_menu li.move_top {font-family: 'GmarketSansBold'; display: flex; align-items: center; justify-content: center; height: 3.6458vw; background: #003B20; color: #fff; font-size: 0.9375vw; font-weight: 700; cursor: pointer;}
.quick_menu li.move_top i {margin-left: 0.6250vw;}


/* footer */
footer {width: 100%; background: #002615; padding: 3.6458vw 0 4.5833vw; margin-top: 3.33vw;}
.ft_wrap {display: flex; align-items: flex-start; justify-content: space-between; width:85.94vw; margin: 0 auto;}
    .ft_wrap .top img {width: auto; height: 2.81vw;}

    .ft_wrap .top > a {display: inline-block;}
    .ft_wrap .top .left {margin-top: 1.93vw;}
    .ft_wrap .top .left div {font-family: 'Pretendard'; color: #fff; line-height: 1.2500vw; font-size: 0.9375vw; font-weight: 400;}
    .ft_wrap .top .left div strong {font-family: 'Pretendard'; font-weight: 700; margin-right: 0.5208vw;}
    .ft_wrap .top .left div strong:first-child {margin-right: 0;}
    .ft_wrap .top .left .copy {font-family: 'Pretendard'; font-size: 0.7292vw; font-weight: 400; line-height: 1.4583vw; color: #fff; margin-top: 0.2604vw;}

    .ft_wrap .bot .sns {display: flex; align-items: center; justify-content: flex-end; height: 2.81vw;}
    .ft_wrap .bot .sns a {display: block; width: auto; height: 1.0417vw; margin-left: 1.0417vw;}
    .ft_wrap .bot .sns a img {width: 100%; height: 100%; object-fit: cover;}

.ft_wrap .bot .right {position: relative; margin-top: 1.93vw;}
    .ft_wrap .bot .right a {display: block; position: relative; width: 8.8542vw; height: auto; border-bottom: 1px solid #8b8b8b; padding: 0 0.5208vw 0.7292vw; font-size: 0.8333vw; font-weight: 400; color: #e2e2e2; text-align: left; line-height: 1;}
    .ft_wrap .bot .right a i {position: absolute; right: 0.5208vw; top: 24%; transform: translateY(-50%); font-size: 0.7813vw;}
    .ft_wrap .bot .right .list_cont {display: none; position: absolute; bottom: 2.3438vw; z-index: 10;}
    .ft_wrap .bot .right a.active i {transform: translateY(-50%) rotate(180deg);}
    .ft_wrap .bot .right .list_cont a {color: #507155; border: 0; background: #003B20; padding: 0.5208vw 0.7292vw;}
    .ft_wrap .bot .right .list_cont a:first-child {border-top: 0 !important;}
    .ft_wrap .bot .right .list_cont a:hover {background: #0E633C !important; color: #fff;}
    
    .ft_wrap .bot .right .list_cont.active {display: block;}
    .ft_wrap .bot .right .list_cont.active > a {background: #003B20; border-bottom:0; border-top: 1px solid #000;}



    /* tab */
    .tab_menu {width: 88.54vw;}
    .tab_menu ul {display: flex; align-items: center; justify-content: center; width: 52.08vw; height: 4.69vw; border-radius: 2.60vw; overflow: hidden; margin: 4.43vw auto 0;}
        .tab_menu ul li {font-family: 'GmarketSansBold'; width: 33.3%; height: 100%; background: #f6f6f6; color: #000; font-size: 1.30vw; font-weight: 700;}
        .tab_menu ul li:first-child {border-radius: 2.60vw 0 0 2.60vw;}
        .tab_menu ul li:last-child {border-radius: 0 2.60vw 2.60vw 0;}
        .tab_menu ul li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 2.60vw; transition: none;}
        .tab_menu ul li.active a,
        .tab_menu ul li:hover a {background: #003B20; color: #fff;}

    .select_map.mobile {display: none;}



    /* 서브페이지 공통 */
    .board_content #content_wrap,
    .title_wrap,
    .sub_content {width: 88.54vw;}
    .board_content #content_wrap > div,
    .sub_content .cont_wrap {width: 72.92vw !important; margin: 0 auto;}
    .dpp_bd_wrap {border-top: 0; margin-bottom: 7.71vw !important;}
    .dpp_basic_tbl > li.dpp_tbl_th {}
    .dpp_basic_tbl > li.dpp_tbl_th > div {border:0; background: #ECF5F1; color: #003B20; font-weight: 500; font-family: 'GmarketSansBold';}
    .dpp_basic_tbl > li.dpp_tbl_th > div:first-child { border-radius: 20px 0 0px 0px;}
    .dpp_basic_tbl > li.dpp_tbl_th > div:last-child { border-radius: 0 20px 0px 0px;}
    /* visual */
    .title_wrap .visual {position: relative; width: 88.54vw; height: 33.85vw; border-radius: 0 4.17vw 4.17vw 0; overflow: hidden; background-image: url('../images/visual/sub01_visual.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;}
    .title_wrap .visual .tit_wrap {position: absolute; top: 10.99vw; left: 6.93vw;}
        .title_wrap .visual .tit_wrap p {font-family: 'GmarketSansBold'; font-size: 1.46vw; font-weight: 700; line-height: 1.67vw; color: #fff;}
        .title_wrap .visual .tit_wrap h2 {font-family: 'GmarketSansBold'; font-size: 4.17vw; font-weight: 700; line-height: 4.79vw; color: #fff;}
    .title_wrap .visual .page_map {margin-top: 1.20vw; display: flex; align-items: center;}
        .title_wrap .visual .page_map a {font-family: 'GmarketSansMedium'; margin-right: 0.78vw; font-size: 0.94vw; font-weight: 500; color: #fff; line-height: 1.04vw;}
        .title_wrap .visual .page_map .home {position: relative; margin-right: 1.04vw; margin-left: 0; width: 1.04vw;}
            .title_wrap .visual .page_map .home::after {content: ""; display: block; width: 1px; height: 0.63vw; background: #fff; opacity: .5; position: absolute; top: 40%; transform: translateY(-50%); right: -.8vw; margin-left: 0;}
        .title_wrap .visual .page_map a {margin: 0 0.52vw;}
        .title_wrap .visual .page_map .dep1 {position: relative;}
        .title_wrap .visual .page_map .dep1::after {content: ""; display: block; width: 0.36vw; height: 0.63vw; position: absolute; top: 40%; transform: translateY(-50%); right: -0.78vw; background-image: url('../images/icon/arrow.svg'); background-size: cover; background-repeat: no-repeat; background-position: center;}
    /* title */
    .sub_sec_tit {text-align: center; margin-top: 4.90vw;}
        .sub_sec_tit .cont {margin: 0 auto;}
        .sub_sec_tit h3 {font-family: 'GmarketSansBold'; font-size: 2.34vw; font-weight: 700; line-height: 2.66vw; color: #003B20;}
    .sub_sec_tit h3 span {color: #D2B074;}
        .sub_sec_tit p {font-family: 'GmarketSansBold'; font-size: 0.83vw; font-weight: 700; color: #003B20; margin-top: 0.36vw;}
        



    /* 교육목표 */
    .about .section {margin: 3.65vw auto 0;}

    .about .section01 {position: relative; margin: 0 auto ; text-align: center;}
        .about .section01::after {content: ""; display: block; background-image: url('../images/sub/Ellipse.svg'); position: absolute; width: 41.67vw; height: 41.67vw; background-size: cover; background-repeat: no-repeat; top: -10.31vw; right: -36.25vw;}

    .about .section01 .cont {position: relative; margin: 3.96vw auto 0; width: 51.15vw; height: 24.48vw; background-image: url('../images/sub/sub_logo.svg'); background-repeat: no-repeat; background-position: center; background-size: 14.31vw 23.48vw;}

    .about .section01 .cont .txt {position: absolute; font-family: 'GmarketSansBold'; font-size: 1.25vw; font-weight: 700; line-height: 1;}
        .about .section01 .cont .txt.left {left: 0; min-width: 9.38vw; text-align: right;}
        .about .section01 .cont .txt.right {right: 0; min-width: 6.25vw;}
        .about .section01 .cont .txt:nth-of-type(1) {top: 6.88vw;}
        .about .section01 .cont .txt:nth-of-type(2) {top: 7.03vw;}
        .about .section01 .cont .txt:nth-of-type(3) {top: 9.64vw;}
        .about .section01 .cont .txt:nth-of-type(4) {top: 12.97vw;}

    .about .section01 .cont .txt span::before,
        .about .section01 .cont .txt span::after {content: ""; display: block; position: absolute; top: 50%; transform: translateY(-50%); background: #000;}
        .about .section01 .cont .txt span::before {height: 1px; opacity: .3;}
        .about .section01 .cont .txt.left span::before {width: 15vw; left: 10.63vw;}
        .about .section01 .cont .txt.right span::before {width: 13.02vw; right: 7.45vw;}

    .about .section01 .cont .txt span::after {width: 0.26vw; height: 0.26vw; border-radius: 5.21vw;}
        .about .section01 .cont .txt.left span::after {left: 25.5vw;}
        .about .section01 .cont .txt.right span::after {right: 20.47vw;}

    .about .info_cont .tit {display: flex; align-items: center; font-family: 'GmarketSansBold'; font-size: 1.56vw; font-weight: 700; line-height: 1.77vw; color: #003B20;}
        .about .info_cont .tit span {font-family: 'GmarketSansBold'; margin-right: 0.78vw; width: 2.60vw; height: 2.60vw; background: #d2b074; border-radius: 5.21vw; color: #fff; font-size: 0.94vw; font-weight: 700; line-height: 1; text-align: center; line-height: 2.86vw;}
        .about .info_cont .desc {font-family: 'GmarketSansMedium'; font-size: 1.04vw; font-weight: 500; line-height: 1.56vw; margin-top: 1.04vw; margin-left: 3.39vw; color: #333; letter-spacing: -1px;}
        .about .info_cont .desc strong {font-family: 'GmarketSansBold'; font-weight: 700;}

    .about .section02 {position: relative; margin: 6.04vw auto 0;}
        .about .section02::before {content: ""; display: block; width: 89.01vw; height: 5.00vw; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-image: url('../images/sub/sub_lineTxt.svg'); background-repeat: no-repeat; background-size: cover;}

    .about .section02 .nov_cont {width: 43.39vw; height: 33.91vw; margin: 3.65vw auto 0; position: relative;}

    .about .section02 .nov_cont .circle {position: relative; padding: 3.39vw; width: 23.85vw; height: 23.85vw;margin: 0 auto;}
    .about .section02 .nov_cont .circle div {font-family: 'GmarketSansBold'; width: 16.08vw; height: 16.08vw; border-radius: 100%; background: #003B20; display: flex; align-items: center; justify-content: center; font-size: 2.60vw; font-weight: 700; color: #fff; margin: 0 auto;}
        .about .section02 .nov_cont .circle::after {content: ""; position: absolute; top: 10px; left: 0; background-image: url('../images/sub/sub_elipse.svg'); display: block; width: 23.85vw; height: 21.85vw; background-position: center; background-size: contain; background-repeat: no-repeat;}

    .about .section02 .nov_cont .list {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
        .about .section02 .nov_cont .list li {font-family: 'GmarketSansBold'; position: absolute; width: 7.66vw; height: 7.66vw; display: flex; align-items: center; justify-content: center; background: #ededed; border-radius: 100%; font-size: 1.04vw; font-weight: 700; text-align: center;}

        .about .section02 .nov_cont .list li.left {left: 0;}
        .about .section02 .nov_cont .list li.right {right: 0;}
        .about .section02 .nov_cont .list li.center {left: 50%; bottom: 0; transform: translateX(-50%);}

        .about .section02 .nov_cont .list li.item1 {top: 0;}
        .about .section02 .nov_cont .list li.item2 {top: 11.46vw;}
        .about .section02 .nov_cont .list li.item3 {top: 21.61vw;}

        .about .section02 .nov_cont .list li.left.item1 {left: 1.72vw;}
        .about .section02 .nov_cont .list li.right.item1 {right: 1.72vw;}
        .about .section02 .nov_cont .list li.left.item3 {left: 5.99vw;}
        .about .section02 .nov_cont .list li.right.item3 {right: 5.99vw;}

    .about .section04 .banner {width: 69.53vw; height: 28.65vw; margin: 3.65vw auto 0; overflow: hidden; border-radius: 2.60vw;}
    .about .section04 .banner img {width: 100%; height: 100%; object-fit: cover;}




    /* 수업과목 및 교재 */
    /* tab */
    .tab_menu ul li.one,
    .curriculum .tab_menu ul li {background: transparent !important;}
    

    .curriculum {margin-bottom:6.35vw;}
    /* .curriculum .section:not(.section01) {display: none;}
    .curriculum .section.active {display: block;} */
    .curriculum .section01 .tab_menu {margin: 3.33vw auto 0; width: 53.13vw;}
        .curriculum .section01 .tab_menu ul {width: 53.13vw; height: auto; margin-top: 0;}
        .curriculum .section01 .tab_menu li {margin-right:0.78vw; width: 6.25vw; height: 6.25vw;}
        .curriculum .section01 .tab_menu li:last-child {margin-right: 0;}
        .curriculum .section01 .tab_menu li span {font-family: 'GmarketSansBold'; border-radius: 100%; width: 100%; height: 100%; font-size: 1.30vw; font-weight: 700; padding: 0; background: #f7f7f7; color: #414141; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: none;}
        .curriculum .section01 .tab_menu li:hover span,
        .curriculum .section01 .tab_menu li.active span {background: #003B20; color: #fff;}

        /* title */
    .curriculum .section .title_cont p {font-family: 'GmarketSansMedium'; font-size: 1.15vw; font-weight: 500; line-height: 1;}
        .curriculum .section .title_cont h3 {font-family: 'GmarketSansBold'; font-size: 2.08vw; font-weight: 700; line-height: 1; margin-top: 0.99vw;}
        .curriculum .section .title_cont h3 span {color: #107e4a;}
        
    .curriculum .sec_cont {position: relative;}
    .curriculum .sec_cont::before {content: ""; display: block; position: absolute; top: -22.29vw; right: -33.85vw; background-image: url('../images/sub/Ellipse.svg'); background-size: cover; background-repeat: no-repeat; width: 41.67vw; height: 41.67vw; z-index: -1;}
    .curriculum .section02 {position: relative; margin-top: 4.95vw;}
    .curriculum .section {margin-top: 4.27vw;}
    .curriculum .section .list {margin: 2.92vw -0.57vw 0; display: flex; align-items: flex-start; flex-wrap: wrap; width: 100%;}
    .curriculum .section .list li {padding: 0 0.57vw; width: 16.6%; height: auto;}
    .curriculum .section .list li a {display: block; width: 100%; height: 100%;}
    .curriculum .section .list li .img_cont {width: 100%; height: 15.63vw;}
    .curriculum .section .list li .img_cont img {width: 100%; height: 100%; object-fit: cover;}
    .curriculum .section .list li .name {font-family: 'GmarketSansBold'; margin-top: 0.63vw; font-size: 0.83vw; font-weight: 700; color: #333; text-align: center; line-height: 0.94vw; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
    .curriculum .section .list li:hover .name {color: #003B20;}



    /* 입학 테스트 안내 */
    .sub_content.test .cont_wrap {margin-bottom: 7.71vw;}
    .test_sec {position: relative;}
    .test_sec::before {content: ""; display: block; width: 41.67vw; height: 45.83vw; background-image: url('../images/sub/Ellipse.svg'); background-repeat: no-repeat; background-size: cover; position: absolute; top: -4.69vw; right: -35.85vw;}
    .test_sec .tit {font-family: 'GmarketSansBold'; text-align: left; font-size: 1.82vw; font-weight: 700; color: #003B20; text-align: left !;}

    .test_sec .list {display: flex; align-items: center; justify-content: space-between; margin-top: 1.56vw;}
    
    .test_sec .list li {position: relative; width: 25%; height: 14.06vw; margin-right: 4.17vw;}
        .test_sec .list li::after {content: ""; position: absolute; top: 50%; right: -1.30vw; transform: translateY(-50%) rotate(180deg); display: flex; align-items: center; justify-content: center; width: 2.60vw; height: 2.60vw; background: #d2b074; background-image: url('../images/icon/arrow.png'); background-repeat: no-repeat; background-size: 1vw 1.09vw; background-position: center; border-radius: 100%;}
        .test_sec .list li:last-child {margin-right: 0;}
        .test_sec .list li:last-child::after {display: none;}
    
    .test_sec .list .cont {width: 100%; height: 100%; border-radius: 1.56vw; overflow: hidden; border:1px solid #D4D4D4;}
    .test_sec .list .tit_cont {display: flex; flex-direction: column; align-items: center; justify-content: center; background: #003B20; width: 100%; height: 100%;}
        .test_sec .list .tit_cont span {height: 4.58vw; display: flex; align-items: center; justify-content: center;}
        .test_sec .list .tit_cont img {width:3.5vw; height: auto;}
        .test_sec .list .tit_cont p {font-family: 'GmarketSansMedium'; color: #fff; font-size: 0.94vw; font-weight: 500; line-height: 1.67vw; text-align: center; margin-top: 1.09vw;}
        .test_sec .list .tit_cont p strong {font-family: 'GmarketSansBold'; font-size: 1.30vw; font-weight: 700; display: block;}
      
    .test .secetion2 .info_cont  {margin-top: 5.21vw;}
    .test .info_cont {margin-top: 3.65vw; display: flex; align-items: flex-start;}
        .test .info_cont .tit {width: 14.28vw; display: flex; align-items: center; font-family: 'GmarketSansBold'; font-size: 1.56vw; font-weight: 700; line-height: 1.77vw; color: #003B20;}
        .test .info_cont .tit span {font-family: 'GmarketSansBold'; margin-right: 0.78vw; width: 2.60vw; height: 2.60vw; background: #d2b074; border-radius: 5.21vw; color: #fff; font-size: 0.94vw; font-weight: 700; line-height: 1; text-align: center; line-height: 2.86vw;}
        .test .info_cont .desc {width: 56.25vw; font-family: 'GmarketSansMedium'; font-size: 1.04vw; font-weight: 500; line-height: 1.56vw; margin-left: 3.39vw; color: #333; letter-spacing: -1px;}
        .test .info_cont .desc > li {position: relative; padding-left: 0.52vw;}
        .test .info_cont .desc > li::before {position: absolute; top: 0.52vw; left: -0.52vw; content: ""; display: inline-block; width: 0.31vw; height: 0.31vw; border-radius: 100%; background: #B3B3B3;}
        .test .info_cont .desc strong {font-family: 'GmarketSansBold'; font-weight: 700;}

        
    .test .secetion3 .desc_cont {margin-top: 1.82vw; display: flex; align-items: flex-start; width: 100%; height: auto; text-align: center; padding: 0;}
        .test .secetion3 .desc_cont li {width: 25%; height: 9.38vw; margin-right: 1.88vw; border: 1px solid #D4D4D4; border-radius: 2.60vw 0.00vw 2.60vw 2.60vw; background: #fff; overflow: hidden;}
        .test .secetion3 .dessc_cont li:last-child {margin-right: 0;}
        .test .secetion3 .desc_cont .tit {font-family: 'GmarketSansBold'; font-size: 0.94vw; line-height: 1.30vw; font-weight: 700; color: #fff; background: rgba(0, 59, 32, 0.65); display: flex; align-items: center; justify-content: center; width: 100%; height: 4.11vw;}
        .test .secetion3 .desc_cont .txt {font-family: 'GmarketSansBold'; font-size: 1.30vw; font-weight: 700; color: #464646; line-height: 1; display: flex; align-items: center; justify-content: center; height: 5.21vw;}
        .test .secetion3 .desc_cont .txt p {display: flex; align-items: flex-end;}
        .test .secetion3 .desc_cont .txt strong {color: #D2B074; font-size: 2.08vw;}
    
    
    /* test 신청 */
    .test_request .section {text-align: center; margin: 3.96vw 0; padding: 3.65vw 0; border: 1px solid #D5D5D5; border-radius: 50px; width: 72.92vw;}
    .test_request img {width: 3.91vw;}
    .test_request .txt {margin-top: 1.56vw;}
        .test_request .txt strong {font-family: 'GmarketSansBold'; font-size: 1.56vw; font-weight: 36.46vw; line-height: 1.77vw;}
        .test_request .txt p {font-family: 'GmarketSansMedium'; font-size: 1.04vw; font-weight: 500; margin-top: 1.04vw; color: #838383;}
    .test_request button {margin-top: 2.60vw; border: 0; background: transparent;}
        .test_request button a {font-family: 'GmarketSansBold'; display: block; width: 13.33vw; height: 3.85vw; border-radius: 4.17vw; background: #003B20; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.15vw; font-weight: 700;}


    /* test 결과 조회 */
    .test_result {margin-bottom: 7.03vw;}
    .test_result .section {text-align: center; margin: 3.96vw 0 0; padding: 3.65vw 0; border-radius: 2.60vw; width: 72.92vw;}
        .test_result .section1 {border: 1px solid #D4D4D4;}
        .test_result img {width: 3.44vw;}
        .test_result p {font-family: 'GmarketSansMedium'; margin-top: 1.25vw; font-size: 1.56vw; font-weight: 500; line-height: 1.80vw;}
            .test_result p strong {font-family: 'GmarketSansBold'; font-family: 700; color: #003B20;}
        .test_result .form {margin-top: 2.60vw; display: flex; align-items: center; justify-content: center;}
            .test_result .form .input_cont {display: inline-flex; align-items: center;}
            .test_result .form .name {margin-right: 4.17vw;}
            .test_result .form .tit {font-size:1.04vw; font-weight: 36.46vw; margin-right: 2.34vw;}
            .test_result .form input {width: 15.89vw; height: 2.34vw; padding: 0.63vw 1.51vw; font-size: 0.94vw; font-weight: 15.63vw; line-height: 1; border-radius: 2.60vw; border: 1px solid #E6E6E6;}
            .test_result .form input::placeholder {color: #adadad;}
        .test_result .submit {margin-top: 3.44vw; border: 0; background: transparent;}
            .test_result .submit .btn-wrap {font-family: 'GmarketSansBold'; display: block; width: 13.33vw; height: 3.85vw; border-radius: 4.17vw; background: #003B20; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.15vw; font-weight: 700;}
            .test_result .submit .btn-wrap i {margin-left: 0.78vw; font-size: 0.83vw;}

        .test_result .section2 {display: none; border: 0; padding: 0;}
        .test_result .result_cont {font-family: 'GmarketSansBold'; font-size: 1.82vw; font-weight: 500; color: #003B20; border: 0.05vw solid #D4D4D4; border-radius: 2.60vw; line-height: 1; padding: 4.17vw 0;}
            .test_result .result_cont p {margin-top: 0;}
            .test_result .table_cont {margin-top: 3.13vw;}
        
            .test_result .table_cont h3 {font-family: 'GmarketSansBold'; font-size: 1.20vw; font-weight: 500; color: #003B20; font-weight: 700; text-align: left;}
                
        .test_result .table_cont .table {margin-top: 3.13vw;}
            .test_result .table_cont table {margin-top: 1.30vw; width: 100%; border-spacing: 0;}
            .test_result .table_cont table thead {font-size: 0;}
            .test_result .table_cont table thead tr {font-family: 'GmarketSansBold'; color: #003B20; font-size: 0.94vw; font-weight: 500; line-height: 1; height: 2.76vw;}
            .test_result .table_cont table thead tr th {border-right: 0.05vw solid #D9D9D9; width: 9.32vw; background: #ECF5F1;}
            .test_result .table_cont table thead th:first-child {border-radius: 1.04vw 0 0 0;}
            .test_result .table_cont table thead th:last-child {border-radius: 0 1.04vw 0 0; border-right: none;}
            .test_result .table_cont table thead .dep2 th {border:0.05vw solid #003B20; border-right: 0; background:#fff; border-radius:0;}
            .test_result .table_cont table thead .dep2 th:last-child {border-right:0.05vw solid #003B20;}
            .test_result .table_cont table tbody tr {font-family: 'GmarketSansBold'; height: 4.27vw; text-align: center; font-size: 0.94vw; font-weight: 400; color: #555;}
            .test_result .table_cont table tbody tr td {font-family: 'GmarketSansMedium'; border-bottom: 0.05vw solid #D9D9D9;}
    
        .test_result .section2 .result_cont p {color: #000; font-size: 1.56vw;}
        .test_result .table_cont .table2 tbody tr {height: 2.76vw;}
            .test_result .table_cont .table2 tbody tr td {font-family: 'GmarketSansBold'; font-weight: 500; color: #003B20; border: 0.05vw solid #003B20; border-right: 0;}
            .test_result .table_cont .table2 tbody tr td:last-child {border-right: 0.05vw solid #003d20;}



    /* 마이페이지 */
    img.ui-datepicker-trigger {display: none;}
    .homework .search_cont .search input[name="date"] {position: relative;}
    /* 사이드메뉴 */
    .mypage_wrap .tab_menu {width: 13.54vw; padding: 1.09vw 1.04vw; border: 1px solid #D9D9D9; background: #fff; border-radius: 1.56vw; margin-right: 3.39vw;}
    .mypage_wrap .tab_menu h3 {font-family: 'GmarketSansBold'; font-size: 1.30vw; line-height: 1; color: #fff; font-weight: 700; background: #003B20; border-radius: 2.60vw; width: 100%; height: 3.39vw; display: flex; align-items: center; justify-content: center; margin: 0;}
    .mypage_wrap .tab_menu ul {width: 100%; min-height: 21.88vw; display: initial; margin: 0;}
    .mypage_wrap .tab_menu ul > div {margin-top: 1.17vw;}
    .mypage_wrap .tab_menu ul li {display: block; width: 100%; background: transparent; font-size: 1.15vw; line-height: 1.30vw;}
    .mypage_wrap .tab_menu ul li a {padding: 1vw 0; line-height: 1;}
    .mypage_wrap .tab_menu ul li.active a,
    .mypage_wrap .tab_menu ul li:hover a {background: transparent; color: #D2B074;}

    .mypage_wrap .section .myInfo_modify {margin-top: 2.76vw; display: flex; justify-content: flex-end;}
    .mypage_wrap .section .myInfo_modify a {border-radius: 40px; background: #003B20; color: #fff; width: 5.5vw; display: flex; align-items: center; justify-content: center; padding: 1.22vw 0; font-size: .9vw;}
    /* 공통 */
    .mypage_wrap .section {width: 55.99vw;}
    .mypage_wrap .sub_sec_tit {text-align: left; margin: 0;}
    .mypage_wrap .sub_sec_tit h3 {font-size: 2.08vw; line-height: 2.40vw;}
    .mypage_wrap .sub_sec_tit p {font-size: 0.83vw; line-height: 1; margin-top: 0.94vw;}
    
    .mypage_wrap #content_wrap {margin-top: 0 !important;}
    .mypage_wrap .sub_content .cont_wrap {position: relative; margin-top: -9.74vw; width: 80.21vw !important; background: #fff; border-radius: 2.60vw; z-index: 1; padding-top: 2.08vw;}
    .mypage_wrap .cont_inner {display: flex; align-items: flex-start; width: 72.92vw; margin: 0 auto;}

    /* visual */
    .mypage_wrap .title_wrap .visual {background:linear-gradient(0deg, rgba(0, 59, 32, 0.85), rgba(0, 59, 32, 0.85)),  url('../images/visual/mypage.jpg') no-repeat center; background-size: cover;}
        .mypage_wrap .title_wrap .visual .tit_wrap p {font-size: 1.04vw; font-weight: 700;}
        .mypage_wrap .title_wrap .visual .tit_wrap h2 {font-size: 3.65vw;}
        .mypage_wrap .title_wrap .visual .page_map a {font-size: 0.94vw; margin: 0 0.73vw;}
        .mypage_wrap .title_wrap .visual .page_map .dep1 {margin-right: 1.09vw;}
        .mypage_wrap .title_wrap .visual .page_map .dep1::after {right: -1.09vw; top: 50%;}
    
    /* title & search cont */
    .mypage_wrap .cont {margin-top: 3.28vw;}
    .mypage_wrap .cont .title {display: flex; align-items: center;}
        .mypage_wrap .cont .title img {width: 2.60vw; margin-right: 0.78vw;}
        .mypage_wrap .cont .title span {font-family: 'GmarketSansMedium'; font-size: 1.30vw; font-weight: 400; color: #555;}
        .mypage_wrap .cont .title strong {font-family: 'GmarketSansBold'; color: #003B20; font-weight: 500;}

    .mypage_wrap .cont .search_cont {margin-top: 2.29vw; border: 1px solid #D9D9D9; border-radius: 1.04vw; padding: 2.14vw 3.70vw 3.07vw;}
        .mypage_wrap .cont .search_cont .search {display: flex; align-items: center; margin-bottom: 1.56vw;}
        .mypage_wrap .cont .search_cont .search:last-child {margin-bottom: 0;}
        .mypage_wrap .cont .search_cont .search strong {font-family: 'GmarketSansBold'; font-size: 1.04vw; color: #333; font-weight: 700; margin-right: 1.88vw;}
        
    .mypage_wrap .cont .search_cont .search button {border: none; background: #003B20; color: #fff; width: 5.21vw; height: 2.08vw; display: inline-flex; align-items: center; justify-content: center; font-size: 0.94vw; font-weight: 700; font-family: 'Pretendard'; border-radius: 0.26vw; margin-left: 0.52vw;}

    /* 페이지네이션 */
    .pagination {margin: 2.60vw auto 0; width: 22.19vw; display: flex; align-items: center; justify-content: space-between;}
    .pagination li {width: 2.24vw; height: 2.24vw;}
    .pagination li a {font-size: 1.20vw; color: #adadad; font-weight: 400; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
    .pagination li.page_num.active,
    .pagination li.page_num:hover {background: #707070; border-radius: 0.26vw;}
    .pagination li.page_num.active a,
    .pagination li.page_num:hover a {color: #fff; font-weight: 700;}
    .pagination .p_btn {height: 0.83vw;}
    .pagination .p_btn img {width: auto; height: 100%;}
    .pagination .p_next,
    .pagination .p_end {transform: rotate(180deg);}



    /* my page */
    .mypage .cont {display: flex; align-items: flex-start; margin-top: 2.76vw; border: 1px solid #D9D9D9; border-radius: 1.04vw; background: #fff; padding: 3.13vw;}
    .mypage .cont .img {width: 8.85vw; height: 8.85vw; margin-right: 2.29vw;}
    .mypage .cont .img img {width: 100%; height: 100%; object-fit: cover;}
    
    .mypage .cont .profile {width: 38.54vw;}
    .mypage .cont .profile .top {position: relative; width: 100%; padding:1.56vw 0 1.82vw; border-bottom:1px solid #d9d9d9;}
        .mypage .cont .profile .top::before {content: ""; display: block; background: url('../images/logo/mypage_logo.svg'); width: 11.98vw; height: 2.55vw; background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; right: 0; bottom: 1.15vw;}
        .mypage .cont .profile .top p {font-family: 'GmarketSansBold'; font-size: 1.56vw; font-weight: 700; color: #003B20;}
        .mypage .cont .profile .top p span {font-family: 'GmarketSansMedium'; font-size: 1.30vw; font-weight: 500; color: #333;}

    .mypage .cont .profile .bot {display: flex; align-items: flex-start; justify-content: space-between; margin-top: 2.34vw;}
        .mypage .cont .profile .bot .right {margin-right: 3.96vw;}
        .mypage .cont .profile .bot p {font-family: 'GmarketSansMedium'; font-size: 1.04vw; font-weight: 500; line-height: 1.56vw; color: #333; margin-top: 0.99vw;}
        .mypage .cont .profile .bot p:last-child {margin-bottom: 0;}
        .mypage .cont .profile .bot strong {display: inline-block; font-family: 'GmarketSansBold'; font-size: 1.04vw; line-height: 1.56vw; font-weight: 700; min-width: 4.53vw; margin-right: 0.89vw;}


    /* homework */    
    .homework .search_cont .search .input {position: relative; font-size: 0;}
        .homework .search_cont .search input {border: 1px solid #D9D9D9; border-radius: 0.26vw; padding: 0.52vw 1.41vw 0.52vw 0.94vw; height: 2.08vw; font-size: 0.94vw; font-weight: 400; color: #000;}
        .homework .search_cont .search:first-child .input::after {content: ""; display: block; width: 1vw; height: 1vw; background: url('../images/icon/calendar.svg') no-repeat center; background-size: contain; position: absolute; right: 0.52vw; top: 50%; transform: translateY(-50%);}
        .homework .search_cont .search input[name="date"] {width: 10.42vw;}
        .homework .search_cont .search input[name="name"] {width: 27.08vw;}

    .homework .total {font-family: 'GmarketSansMedium'; margin-top:  2.66vw; display: flex; align-items: center; font-size: 1.04vw; font-weight: 500; color: #000;}
        .homework .total span {font-family: 'GmarketSansBold'; font-weight: 500; margin-left: 0.36vw;}

    .homework .dpp_bd_wrap {margin-top:  1.15vw; border: 0;}
    .homework .dpp_basic_tbl > li.dpp_tbl_th > div {font-family: 'GmarketSansBold'; border: 0; background: #ECF5F1; color: #003B20; font-size: 0.94vw; font-weight: 500; width: 8.33vw; line-height: 1; padding: 1.51vw 0;}
        .homework .dpp_basic_tbl > li.dpp_tbl_th > .dpp_th_chk {border-radius: 0.52vw 0 0 0.52vw; width: 1.30vw;}
        .homework .dpp_basic_tbl > li.dpp_tbl_th > .dpp_th_tt {width: 30.73vw;}
        .homework .dpp_basic_tbl > li.dpp_tbl_th > .dpp_th_print {border-radius: 0 0.52vw 0.52vw 0;}
        .homework .dpp_basic_tbl > li > div.dpp_td_tt {font-family: 'GmarketSansMedium'; border-bottom: 1px solid #D9D9D9; font-size: 0.94vw; font-weight: 400; color: #555; line-height: 1; padding: 1.51vw 0;}
        .homework .dpp_basic_tbl > li > div.dpp_td_tt {padding: 0;}
        .homework .dpp_basic_tbl > li > div.dpp_td_tt a {padding: 1.51vw 0 1.51vw 1vw; cursor: default;}
        .homework .dpp_basic_tbl > li > div.dpp_td_print {position: relative;}
        .homework .dpp_basic_tbl > li > div.dpp_td_print button {display: inline-flex; align-items: center; justify-content: center; background: #EAEAEA; border-radius: 0.26vw; width: 6.25vw; height: 2.08vw; font-size: 0.83vw; font-weight: 400; color: #000; border:none;}
        .homework .dpp_basic_tbl > li > div.dpp_td_print img {margin-right: 0.26vw;}

        .homework .dpp_basic_tbl .print_list {display: none; position: absolute; top: 4.06vw; left:50%; transform: translateX(-50%); width: 16.67vw; height: auto; background: #f5f5f5; border-radius: 0.52vw; padding: 0.36vw 1.04vw; z-index: 1;}
            .homework .dpp_basic_tbl .print_list::before {content: ""; display: block; border-top:0.00vw solid transparent; border-left: 0.52vw solid transparent; border-right: 0.52vw solid transparent; border-bottom: 0.52vw solid #F5F5F5; content:""; position: absolute; top:-0.4vw; left:50%; transform: translateX(-50%);}
            .homework .dpp_basic_tbl .print_list li {font-size: 0.73vw; font-weight: 400; color: #555; padding: 0.78vw; border-bottom: 0.05vw solid #e1e1e1; display: flex; align-items: center; cursor: pointer; line-height: 1.3; text-align: left;}
            .homework .dpp_basic_tbl .print_list li:last-child {border-bottom: 0;}
            .homework .dpp_basic_tbl .print_list li img {width: 0.78vw; margin-right: 0.78vw !important;}

    .dpp_page_wrap a.pg_page {color: #adadad; font-size: 1.20vw; font-weight: 400; width: 2.24vw; height: 2.24vw;}
        .dpp_page_wrap strong.pg_current {background: #707070; border-radius: 0.26vw; color: #fff; font-size: 1.20vw; font-weight: 700;}
        .dpp_page_wrap a.pg_page.pg_start {background: url("/../images/btn/p_last.svg") center no-repeat; transform: rotate(180deg);}
        .dpp_page_wrap a.pg_page.pg_prev {background: url("/../images/btn/p_next.svg") center no-repeat; transform: rotate(180deg);}
        .dpp_page_wrap a.pg_page.pg_next {background: url("/../images/btn/p_next.svg") center no-repeat;}
        .dpp_page_wrap a.pg_page.pg_end {background: url("/../images/btn/p_last.svg") center no-repeat;}


    /* grade */
    /* .grade .cont {margin-top: 63px;}
    .grade .title {display: flex; align-items: center;}
        .grade .title img {width: 50px; margin-right: 15px;}
        .grade .title span {font-family: 'GmarketSansMedium'; font-size: 25px; font-weight: 400; color: #555;}
        .grade .title strong {font-family: 'GmarketSansBold'; color: #003B20; font-weight: 500;}
    .grade .search_cont {margin-top: 39px; border: 1px solid #D9D9D9; border-radius: 20px; padding: 48px 71px;}
    .grade .search_cont .search {display: flex; align-items: center; margin-bottom: 30px; font-size: 0;}
        .grade .search_cont .search:last-child {margin-bottom: 0;}
        .grade .search_cont .search strong {font-family: 'GmarketSansBold'; font-size: 20px; color: #333; font-weight: 700; margin-right: 36px;}
        .grade .search_cont .search select {width: 200px; height: 40px; color: #888; font-size: 18px; margin-right: 11px; border-radius: 5px; border: 1px solid #D9D9D9; background-color: #fff; padding: 10px 16px 10px 19px; background-image: url("../images/sub/grade_arrow.svg");}
        .grade .search_cont .search button {border: none; background: #003B20; color: #fff; width: 100px; height: 40px; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 700; font-family: 'Pretendard'; border-radius: 5px;}
    .grade .table_cont {margin-top: 60px;}
        .grade .table_cont h3 {font-family: 'GmarketSansBold'; font-size: 23px; font-weight: 500; color: #003B20;}
        .grade .table_cont .table {margin-top: 60px;}
        .grade .table_cont table {margin-top: 19px; width: 100%; border-spacing: 0;}
        .grade .table_cont table thead {font-size: 0;}
        .grade .table_cont table thead tr {font-family: 'GmarketSansBold'; color: #003B20; font-size: 18px; font-weight: 500; line-height: 1; height: 75px;}
        .grade .table_cont table thead tr th {border-right: 1px solid #D9D9D9; width: 179px; background: #ECF5F1;}
        .grade .table_cont table thead th:first-child {border-radius: 20px 0 0 0;}
        .grade .table_cont table thead th:last-child {border-radius: 0 20px 0 0; border-right: none;}*/
        .grade .table_cont table thead .dep2 th {/* border:1px solid #003B20; */ border: 1px solid #D9D9D9; border-right: 0; background:#fff; border-radius:0; }
        .grade .table_cont table thead .dep2 th:first-child {border-left:0 !important;}
        .grade .table_cont .table3 table th:nth-of-type(2),
        .grade .table_cont .table4 table th:nth-of-type(2) {border-left: 1px solid #D9D9D9 !important;}

        .grade .table_cont .table4 thead .dep2 th:last-child,
        .grade .table_cont .table3 thead .dep2 th:last-child {border-right:0 !important;}
        .grade .table_cont table thead th:first-child {border-right: 0 !important;}
        .grade .table_cont table tbody tr {height: 80px; text-align: center; font-size: 18px; font-weight: 400; color: #555;}
        .grade .table_cont table tbody tr td {border-bottom: 1px solid #D9D9D9;}

        .grade .table_cont .table3,
        .grade .table_cont .table3 table {margin-top: 0 !important;}
        .grade .table_cont .table3 table th {border-radius: 0 !important;}
        .grade .table_cont .table4 .tit {display: flex; align-items: center; justify-content: space-between;}
        .grade .table_cont .table4 .tit .btn {display: flex; align-items: center;}
        .grade .table_cont .table4 .tit .btn a {display: flex; align-items: center; justify-content: center; width: 160px; height: 40px; border-radius: 5px; border: 1px solid #C1C1C1; background: #fff; font-family: 'GmarketSansMedium'; font-size: 16px; font-weight: 400; color: #858585;}
        .grade .table_cont .table4 .tit .btn a:first-child {margin-right: 5px; width: 120px;}
        .grade .table_cont .table4 .tit .btn a.active,
        .grade .table_cont .table4 .tit .btn a:hover {border:1px solid #003B20; color:#003B20;}
        .grade .table_cont .table4 .tit .btn a.active img,
        .grade .table_cont .table4 .tit .btn a:hover img {filter: grayscale(0) brightness(1);}
        .grade .table_cont .table4 .tit .btn a img {width: 18px; margin-right: 8px; filter: grayscale(1) brightness(2.75);}
        .grade .table_cont .table4 thead tr {height: 50px;}
        .grade #view_graph {display: none; margin-top: 44px;}
        /* .grade #view_graph canvas {width: 75% !important; height: auto !important; margin: 0 auto;} */
        .grade #raderChart {margin-top: 6px;}

    /* .grade .cont {margin-top: 3.28vw;}
    .grade .title {display: flex; align-items: center;}
        .grade .title img {width: 2.60vw; margin-right: 0.78vw;}
        .grade .title span {font-family: 'GmarketSansMedium'; font-size: 1.30vw; font-weight: 400; color: #555;}
        .grade .title strong {font-family: 'GmarketSansBold'; color: #003B20; font-weight: 500;}
    .grade .search_cont {margin-top: 2.03vw; border: 1px solid #D9D9D9; border-radius: 1.04vw; padding: 2.50vw 3.70vw;}
    .grade .search_cont .search {display: flex; align-items: center; margin-bottom: 1.56vw; font-size: 0;}
        .grade .search_cont .search:last-child {margin-bottom: 0;}
        .grade .search_cont .search strong {font-family: 'GmarketSansBold'; font-size: 1.04vw; color: #333; font-weight: 700; margin-right: 1.88vw;}
        .grade .search_cont .search button {border: none; background: #003B20; color: #fff; width: 5.21vw; height: 2.08vw; display: inline-flex; align-items: center; justify-content: center; font-size: 0.94vw; font-weight: 700; font-family: 'Pretendard'; border-radius: 0.26vw;} */
        .grade .search_cont .search select {width: 10.42vw; height: 2.08vw; color: #888; font-size: 0.94vw; margin-right: 0.57vw; border-radius: 0.26vw; border: 1px solid #D9D9D9; background-color: #fff; padding: 0.52vw 0.83vw 0.52vw 0.99vw; background-image: url("../images/sub/grade_arrow.svg"); line-height: 1; background-position: 95% 50%;}
    .grade .table_cont {margin-top: 3.13vw;}
        .grade .table_cont h3 {font-family: 'GmarketSansBold'; font-size: 1.20vw; font-weight: 500; color: #003B20;}
        .grade .table_cont .table {margin-top: 3.13vw;}
        .grade .table_cont table {margin-top: 0.99vw; width: 100%; border-spacing: 0;}
        .grade .table_cont table thead {font-size: 0;}
        .grade .table_cont table thead tr {font-family: 'GmarketSansBold'; color: #003B20; font-size: 0.94vw; font-weight: 500; line-height: 1; height: 3.91vw;}
        .grade .table_cont table thead tr th {border-right: 1px solid #D9D9D9; width: 9.32vw; background: #ECF5F1;}
        .grade .table_cont table thead th:first-child {border-radius: 1.04vw 0 0 0;}
        .grade .table_cont table thead th:last-child {border-radius: 0 1.04vw 0 0; border-right: none;}
        .grade .table_cont table thead .dep2 th {/* border:1px solid #003B20; */ border: 1px solid #D9D9D9; border-right: 0; background:#fff; border-radius:0; }
        .grade .table_cont table thead .dep2 th:last-child {border-right:1px solid #D9D9D9;}
        .grade .table_cont table tbody tr {height: 4.17vw; text-align: center; font-size: 0.94vw; font-weight: 400; color: #555;}
        .grade .table_cont table tbody tr td {border-bottom: 1px solid #D9D9D9;}

        .grade .table_cont .table3 th:first-child {line-height: 1.3;}

        .grade .table_cont .table4 .tit {display: flex; align-items: center; justify-content: space-between;}
        .grade .table_cont .table4 .tit .btn {display: flex; align-items: center; padding: 0;}
        .grade .table_cont .table4 .tit .btn a {display: flex; align-items: center; justify-content: center; width: 8.33vw; height: 2.08vw; border-radius: 0.26vw; border: 1px solid #C1C1C1; background: #fff; font-family: 'GmarketSansMedium'; font-size: 0.83vw; font-weight: 400; color: #858585;}
        .grade .table_cont .table4 .tit .btn a:first-child {margin-right: 0.26vw; width: 6.25vw;}
        .grade .table_cont .table4 .tit .btn a.active,
        .grade .table_cont .table4 .tit .btn a:hover {border:1px solid #003B20; color:#003B20;}
        .grade .table_cont .table4 .tit .btn a.active img,
        .grade .table_cont .table4 .tit .btn a:hover img {filter: grayscale(0) brightness(1);}
        .grade .table_cont .table4 .tit .btn a img {width: 0.94vw; margin-right: 0.42vw; filter: grayscale(1) brightness(2.75);}
        .grade .table_cont .table4 thead tr {height: 2.60vw;}
    .grade #view_graph {display: none; margin-top: 2.29vw;}
    .grade #raderChart {margin-top: 6.73vw !important;}


    /* library */
    /* .library .search_cont .search input {border: 1px solid #D9D9D9; border-radius: 5px; width: 520px; height: 40px;}

    .library .total {font-family: 'GmarketSansMedium'; margin-top:  2.66vw; display: flex; align-items: center; font-size: 1.04vw; font-weight: 500; color: #000;}
        .library .total span {font-family: 'GmarketSansBold'; font-weight: 500; margin-left: 0.36vw;}

    .library .dpp_bd_wrap {margin-top:  1.15vw; border: 0;}
    .library .dpp_basic_tbl > li.dpp_tbl_th > div {font-family: 'GmarketSansBold'; border: 0; background: #ECF5F1; color: #003B20; font-size: 19px; font-weight: 500; width: 8.33vw; line-height: 1; padding: 1.51vw 0;}
        .library .dpp_basic_tbl > li.dpp_tbl_th > .dpp_th_tt {width: 745px;}
        .library .dpp_basic_tbl > li.dpp_tbl_th > .dpp_th_date {width: 165px;}
        .library .dpp_basic_tbl > li > div.dpp_td_tt {font-family: 'GmarketSansMedium'; border-bottom: 1px solid #D9D9D9; font-size: 0.94vw; font-weight: 400; color: #555; line-height: 1; padding: 1.51vw 0;}
        .library .dpp_basic_tbl > li.dpp_tbl_td div,
        .library .dpp_basic_tbl > li.dpp_tbl_td div a {font-size: 18px;}
        .library .dpp_basic_tbl > li > div.dpp_td_tt {padding: 0;}
        .library .dpp_basic_tbl > li > div.dpp_td_tt a {padding: 29px 35px;}
        .library .dpp_basic_tbl > li > div.dpp_td_print button {display: inline-flex; align-items: center; justify-content: center; background: #EAEAEA; border-radius: 0.26vw; width: 6.25vw; height: 2.08vw; font-size: 0.83vw; font-weight: 400; color: #000; border:none;}
        .library .dpp_basic_tbl > li > div.dpp_td_print img {margin-right: 0.26vw;}

    .pagination {margin: 50px auto 0; width: 426px; display: flex; align-items: center; justify-content: space-between;}
        .pagination li {width: 43px; height: 43px;}
        .pagination li a {font-size: 23px; color: #adadad; font-weight: 400; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
        .pagination li.page_num.active,
        .pagination li.page_num:hover {background: #707070; border-radius: 5px;}
        .pagination li.page_num.active a,
        .pagination li.page_num:hover a {color: #fff; font-weight: 700;}
        .pagination .p_btn {height: 16px;}
        .pagination .p_btn img {width: auto; height: 100%;}
        .pagination .p_next,
        .pagination .p_end {transform: rotate(180deg);} */
    .library .search_cont .search input {border: 1px solid #D9D9D9; border-radius: 0.26vw; width: 27.08vw; height: 2.08vw; padding: 0 .5vw; box-sizing: border-box;}

    .library .total {font-family: 'GmarketSansMedium'; margin-top:  2.66vw; display: flex; align-items: center; font-size: 1.04vw; font-weight: 500; color: #000;}
        .library .total span {font-family: 'GmarketSansBold'; font-weight: 500; margin-left: 0.36vw;}

    .library .dpp_bd_wrap {margin-top:  1.15vw; border: 0;}
    .library .dpp_basic_tbl > li.dpp_tbl_th > div {font-family: 'GmarketSansBold'; border: 0; background: #ECF5F1; color: #003B20; font-size: 0.99vw; font-weight: 500; width: 8.33vw; line-height: 1; padding: 1.51vw 0;}
        .library .dpp_basic_tbl > li.dpp_tbl_th > .dpp_th_tt {width: 38.80vw; border-radius: 10px 0 0 10px;}
        .library .dpp_basic_tbl > li.dpp_tbl_th > .dpp_th_date {width: 8.59vw;}
        .library .dpp_basic_tbl > li.dpp_tbl_th > .dpp_th_submitDate {border-radius: 0 10px 10px 0;}
        .library .dpp_basic_tbl > li > div.dpp_td_tt {font-family: 'GmarketSansMedium'; border-bottom: 1px solid #D9D9D9; font-size: 0.94vw; font-weight: 400; color: #555; line-height: 1; padding: 1.51vw 0;}
        .library .dpp_basic_tbl > li.dpp_tbl_td div,
        .library .dpp_basic_tbl > li.dpp_tbl_td div a {font-size: 0.94vw;}
        .library .dpp_basic_tbl > li > div.dpp_td_tt {padding: 0;}
        .library .dpp_basic_tbl > li > div.dpp_td_tt a {padding: 1.51vw 1.82vw;  pointer-events: none;}
        .library .dpp_basic_tbl > li > div.dpp_td_print button {display: inline-flex; align-items: center; justify-content: center; background: #EAEAEA; border-radius: 0.26vw; width: 6.25vw; height: 2.08vw; font-size: 0.83vw; font-weight: 400; color: #000; border:none;}
        .library .dpp_basic_tbl > li > div.dpp_td_print img {margin-right: 0.26vw;}


    .dpp_join_wrap {padding-top: 4.8958vw;}
    /* 로그인 */
    .custom_login {width: 88.54vw; max-width: 100% !important; margin: 100px 0 !important;}
    .login_content_wrap {max-width: 26.0417vw; padding: 0; margin:0 auto 9.3750vw;}
    .custom_login .sub_sec_tit {padding-top: 4.8958vw;}
    .custom_login .sub_sec_tit h3 {line-height: 2.6953vw;}
    .custom_login .sub_sec_tit p {line-height: 1.3021vw; margin-top: 0.4562vw;}
    .custom_login .ddp_login {border: 0; margin-top: 4.4182vw;}
    .custom_login .ddp_login_in,
    .custom_login .ddp_top,
    .custom_login .ddp_login_box {padding: 0;}
    .custom_login .ddp_login_box .ddp_input input {border-radius: 2.6042vw; border-color: #d9d9d9; height: 4.1667vw; font-size: 1.2500vw; font-family: 'GmarketSansMedium'; padding-top: 0.2083vw; box-sizing: border-box;}
    .custom_login .ddp_login_box .ddp_input input::placeholder {font-size: 1.2500vw; color: #bfbfbf; font-weight: 400; font-family: 'GmarketSansMedium'; padding-top: 0.2083vw; box-sizing: border-box;}
    .custom_login .ddp_sch {margin-top: 2.0313vw;}
    .custom_login .ddp_sch a {font-size: 1.2500vw; font-weight: 400; color: #888; font-family: 'GmarketSansMedium';}
    .custom_login .ddp_login_btn {position: revert;}
    .custom_login .ddp_join_btn {border: 0; padding: 0; background: transparent;}
    .custom_login .ddp_join_btn .ddp_in {display: block; margin-top: 2.9688vw; padding: 0;}
    .custom_login .ddp_join_btn .ddp_in input,
    .custom_login .ddp_join_btn .ddp_in a {width: 100%; height: 4.1667vw; border-radius: 2.6042vw; display: flex; align-items: center; justify-content: center; font-size: 1.3542vw; font-weight: 500; line-height: 1; font-family: 'GmarketSansBold';}
    .custom_login .ddp_join_btn .ddp_login_btn input {background-color: #104D29; color: #fff;}
    .custom_login .ddp_join_btn .ddp_p.btnArea {width: 100%; display: block; margin-top: 0.7813vw;}
    .custom_login .ddp_join_btn .ddp_p.btnArea a {border-color: #104D29; color: #104D29;}
    

    /* 보강신청 */
    /* .dpp_bd_write.apply .dpp_w_form .dpp_w_td {width: 220px !important;}
        .dpp_bd_write.apply .dpp_w_form textarea {border-color:#e6e6e6;}
    .apply_info_cont {background: rgba(0, 59, 32, 0.05); border-radius: 50px; display: flex; align-items: flex-start; padding: 60px 0 60px 135px; margin-bottom: 50px !important;}
        .apply_info_cont .left {display: flex; align-items: center;}
            .apply_info_cont .left img {width: 26.76px;}
            .apply_info_cont .left p {font-size: 24px; font-weight: 700; font-family: 'GmarketSansBold'; margin-left: 17px; color: #003B20;}
        .apply_info_cont .right {position: relative; margin-left: 71px; padding-left:67px;}
            .apply_info_cont .right::before {content: ""; display: block; height: 150px; width: 1px; background: #D4D4D4; position: absolute; left: 0; top: 7px;}
            .apply_info_cont .right li {font-size: 18px; font-weight: 500; line-height: 35px; color: #333; font-family: 'GmarketSansMedium';}
            .apply_info_cont .right li strong {font-family: 'GmarketSansBold';}
            .apply_info_cont .right li p {font-size: 18px; color: #8A8A8A; line-height: 25px;} */
    .dpp_bd_write.apply .dpp_w_form .dpp_w_td {width: 11.4583vw !important;}
    .dpp_bd_write.apply .dpp_w_form textarea {border-color:#e6e6e6;}

    .apply_info_cont {background: rgba(0, 59, 32, 0.05); border-radius: 2.6042vw; display: flex; align-items: flex-start; padding: 3.1250vw 0 3.1250vw 7.0313vw; margin-bottom: 2.6042vw !important;}
        .apply_info_cont .left {display: flex; align-items: center;}
            .apply_info_cont .left img {width: 1.3938vw;}
            .apply_info_cont .left p {font-size: 1.2500vw; font-weight: 700; font-family: 'GmarketSansBold'; margin-left: 0.8854vw; color: #003B20;}
        .apply_info_cont .right {position: relative; margin-left: 3.6979vw; padding-left:3.4896vw;}
            .apply_info_cont .right::before {content: ""; display: block; height: 7.8125vw; width: 0.0521vw; background: #D4D4D4; position: absolute; left: 0; top: 0.3646vw;}
            .apply_info_cont .right li {font-size: 0.9375vw; font-weight: 500; line-height: 1.8229vw; color: #333; font-family: 'GmarketSansMedium';}
            .apply_info_cont .right li strong {font-family: 'GmarketSansBold';}
            .apply_info_cont .right li p {font-size: 0.9375vw; color: #8A8A8A; line-height: 1.3021vw;}


    /* 오시는길 */
    /* .map {margin-bottom: 133px;}
    .map .map_cont {width: 1400px; height: 600px; border-radius: 50px; position: relative; overflow: hidden;}
        .map .map_cont .root_daum_roughmap,
        .map .map_cont .root_daum_roughmap .wrap_map {width: 100%; height: 100%; border: 0;}
            .map .map_cont .wrap_controllers {display: none;}
        .map .map_cont .move_map {position: absolute; width: 149px; height: 149px; border-radius: 100%; top: 20px; right: 20px; overflow: hidden; z-index: 10;}
            .map .map_cont .move_map a {display: flex; align-items: center; justify-content: center; flex-direction: column; background: #003B20; width: 100%; height: 100%; color: #fff; font-size: 18px; font-weight: 700; font-family: 'GmarketSansBold';}
            .map .map_cont .move_map a img {width: 40px; margin-bottom: 12px;}
        .map .address {margin-top: 60px; display: flex; align-items: flex-start;}
            .map .address .left img {width: 319px;}
            .map .address .right {margin-left: 74px; padding-left: 71px; position: relative; width: calc(100% - 319px);}
                .map .address .right::before {content: ""; display: block; height: 47px; width: 1px; background: #DADADA; position: absolute; left: 0; top: 9px;}
                .map .address .right .item {font-size: 18px; font-weight: 400; color: #333; line-height: 18px; font-family: 'GmarketSansLight';}
                .map .address .right .item strong {font-weight: 700; line-height: 20.7px; color: #000; margin-right: 25px; font-family: 'GmarketSansBold';}
                .map .address .right div {margin-top: 22px; display: flex; align-items: center; justify-content: space-between;} */
    .map {margin-bottom: 6.9271vw;}
    .map .map_cont {width: 72.9167vw; height: 31.2500vw; border-radius: 2.6042vw; position: relative; overflow: hidden;}
        .map .map_cont .root_daum_roughmap,
        .map .map_cont .root_daum_roughmap .wrap_map {width: 100%; height: 100%; border: 0;}
            .map .map_cont .wrap_controllers {display: none;}
        .map .map_cont .move_map {position: absolute; width: 7.7604vw; height: 7.7604vw; border-radius: 100%; top: 1.0417vw; right: 1.0417vw; overflow: hidden; z-index: 10;}
            .map .map_cont .move_map a {display: flex; align-items: center; justify-content: center; flex-direction: column; background: #003B20; width: 100%; height: 100%; color: #fff; font-size: 0.9375vw; font-weight: 700; font-family: 'GmarketSansBold'; text-align: center;}
            .map .map_cont .move_map a img {width: 2.0833vw; margin-bottom: 0.6250vw;}
        .map .address {margin-top: 3.1250vw; display: flex; align-items: flex-start;}
            .map .address .left img {width: 16.6146vw;}
            .map .address .right {margin-left: 3.8542vw; padding-left: 3.6979vw; position: relative; width: calc(100% - 16.6146vw);}
                .map .address .right::before {content: ""; display: block; height: 2.4479vw; width: 0.0521vw; background: #DADADA; position: absolute; left: 0; top: 0.4688vw;}
                .map .address .right .item {font-size: 0.9375vw; font-weight: 400; color: #333; line-height: 0.9375vw; font-family: 'GmarketSansLight';}
                .map .address .right .item strong {font-weight: 700; line-height: 1.0781vw; color: #000; margin-right: 1.3021vw; font-family: 'GmarketSansBold';}
                .map .address .right div {margin-top: 1.1458vw; display: flex; align-items: center; justify-content: flex-start;}
                .map .address .right div .item:first-child {margin-right: 1.3vw;}

    /* 보강신청 */
    .apply_board_list .dpp_td_writer {overflow: hidden;}
    .apply_board_list .dpp_td_writer .sv_member {width: 100%; overflow: hidden; white-space: nowrap;}




/* TABLETS */  
@media screen and (max-width:1280px) {

    header {height: 7.8125vw;}
    .hd_wrap .logo a {width: 16.2500vw;}
    .hd_wrap {width: 92.9688vw;}
    .hd_wrap .nav li:first-child a {min-width: 12.5vw;}
    .hd_wrap .nav li a { font-size: 1.4063vw; padding: 0 1.7578vw;}
    .quick_menu li a {margin: 0 1.4vw;}
    .hd_wrap .burger_btn > div {/* width: 1.3vw; height: 1.3vw; */ width: 23px; height: 16px;}
    .hd_wrap .burger_btn span:nth-of-type(2) {top: 50%; transform: translateY(-50%);}
    .hd_wrap .nav .gnb_depth02 ol {width: 11.8542vw;}
    .hd_wrap .info .member a {font-size: 1.2500vw; font-family: 'Pretendard';}
    .hd_wrap .info .member a {padding: 0 15.5;}
    .hd_wrap .info .member a.login::after {height: 1.0938vw; top: 0.1563vw;}

    /* main */
    #content_wrap {margin-top: 7.8125vw !important;}
    .visual-wrap {height: 43.9063vw !important;}
    .visual-wrap .main-visual-swiper {width: 87.8906vw !important;}
    .visual-wrap .text {left: 3.5156vw !important;}
    .visual-wrap .swiper-control {left: 3.5156vw !important; top: 30.4688vw !important;}
    .visual-wrap .text strong {font-size: 1.7188vw !important; line-height: 1.9766vw !important;}
    .visual-wrap .text h2 {margin-top: 0.5469vw; font-size: 6.2500vw !important; line-height: 7.1875vw !important;}
    .visual-wrap .text p {font-size: 2.3438vw !important; line-height: 4.6875vw !important;}

    /* quick */
    .quick_menu {width: 10.0781vw;}
    .quick_menu_wrap {top: 7.8125vw;}
    .quick_menu li a {margin: 0 1.1719vw; height: 10.6250vw;}
    .quick_menu li a p {font-size: 1.2500vw; margin-top: 1.1719vw;}
    .quick_menu li a img {width: 4.6875vw;}
    .quick_menu li:nth-of-type(2) a img {width: 4.15vw;}
    .quick_menu li.move_top {font-size: 1.2500vw; line-height: 1.4375vw; height: 4.6875vw;}
    .quick_menu li.move_top i {font-size: 1.2500vw; margin-left: 1.0156vw;}

    /* footer */
    footer { padding: 5.4688vw 0 6.0938vw;}
    .ft_wrap {width: 92.9688vw;}
    .ft_wrap .top img {height: 4.2406vw;}
    .ft_wrap .top .left {margin-top: 2.8906vw;}
    .ft_wrap .top .left div {font-size: 1.4063vw; line-height: 1.6781vw;}
    .ft_wrap .top .left .copy {font-size: 1.0938vw; margin-top: 0.3906vw; line-height: 2.1875vw;}
    .ft_wrap .bot .sns a {height: 1.5625vw; margin-left: 1.6875vw;}
    .ft_wrap .bot .right {margin-top: 3.9844vw;}
    .ft_wrap .bot .right a {width: 13.2813vw; padding: 0 1.0938vw 1.0938vw 0.7813vw; font-size: 1.2500vw;}
    .ft_wrap .bot .right .list_cont {bottom: 3.4375vw;}
    .ft_wrap .bot .right .list_cont a {padding: 1.0938vw;}


    /* all nav */
    .all_nav {/*display: none;*/ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 59, 32, 0.95); z-index: 101; padding: 9.5313vw 0;}
    .quick_menu_wrap.on {position: absolute; top: 28vw;}
        .all_nav::after {content: ""; position: absolute; bottom: 7.98vw; right: 6.45vw; background-image:url('../images/logo/bg_logo.svg'); background-repeat: no-repeat; background-size: cover; background-position: center; width: 58.39vw; height: 16.45vw;}

    .all_nav .close_btn {position: absolute; top: 2.3542vw; right: 13.0208vw; font-size: 1.3542vw; color: #fff; cursor: pointer;}

    .all_nav .cont {margin: 0 8.3333vw;}
        .all_nav h2 {font-family: 'Pretendard'; color: #fff; font-size: 4.03vw; font-weight: 800; line-height: 1;}
        .all_nav .menu {margin-top: 8.31vw; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap;}

        .all_nav .menu li {margin-right: 3.8021vw; width: 30.2%;}
        .all_nav .menu li:nth-of-type(n + 4) {margin-top: 3.8021vw;}
        .all_nav .menu li:nth-of-type(3n),
        .all_nav .menu li:last-child {margin-right: 0;}
        .all_nav .menu li h3 {position: relative; font-family: 'Pretendard'; color: #fff; font-size: 2.66vw; font-weight: 500;}
        .all_nav .menu li:hover h3::before {content: ""; position: absolute; top: -1.0417vw; left: 0; display: block; width: 0.7813vw; height: 0.7813vw; border-radius: 5.2083vw; background: #d2b074;}
        
        .all_nav .menu .gnb_depth02 {margin-top: 3.87vw;}
        .all_nav .menu ol li a {font-family: 'Pretendard'; color: #fff; font-size: 1.61vw; font-weight: 400; line-height: 2.82vw;}
        .all_nav .menu ol li a:hover {color: #d2b074; font-weight: 500; border-bottom: 0.08vw solid #d2b074;}



    /* tab */
    .tab_menu ul {display: flex; align-items: center; width: 60.65vw; height: 6vw; border-radius: 4.03vw; overflow: hidden; margin: 6.85vw auto 0;}
        .tab_menu ul li {width: 33.3%; height: 100%; background: #f6f6f6; color: #000; font-size: 2.02vw; font-weight: 700;}
        .tab_menu ul li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 4.03vw; transition: none;}
        .tab_menu ul li.active a,
        .tab_menu ul li:hover a {background: #003B20; color: #fff;}


    /* login */
    .login_content_wrap {max-width: 36.5vw !important;}


    /* 마이페이지 */
    .mypage_wrap .title_wrap .visual {height: 30.3125vw !important;}
    .mypage_wrap .title_wrap .visual .tit_wrap {left: 3.2813vw; top: 7.2656vw;}
    .mypage_wrap .sub_content .cont_wrap {width: 80.8594vw !important; padding-top: 2.7344vw;}
    .mypage_wrap .cont_inner {width: 75.3906vw;}
    .mypage_wrap .sub_sec_tit h3 {font-size: 2.7344vw; line-height: 3.1445vw;}
    .mypage_wrap .sub_sec_tit p {margin-top: 1.1719vw; font-size: 1.2500vw; line-height: 1.9531vw;}

    .mypage_wrap .tab_menu {padding: 0; margin-right: 3.1250vw; border-radius: 2.3438vw; width: 12.3438vw;}
    .mypage_wrap .tab_menu h3 {height: 4.2969vw; font-size: 1.5625vw; line-height: 1.7969vw; border-radius: 3.9063vw;}
    .mypage_wrap .tab_menu ul > div {margin-top: 2.0313vw;}
    .mypage_wrap .tab_menu ul li {margin-top: 2.3438vw;}
    .mypage_wrap .tab_menu ul li:first-child {margin-top: 0;}
    .mypage_wrap .tab_menu ul li:last-child {margin-bottom: 2.8125vw;}
    .mypage_wrap .tab_menu ul li a {font-size: 1.4063vw; line-height: 1.6172vw;}

    .mypage_wrap .section {width: 59.9219vw;}

    .mypage_wrap .cont {margin-top: 5.7813vw;}
    .mypage_wrap .section .myInfo_modify {margin-top: 4.6875vw;}
    .mypage_wrap .mypage .cont {padding: 3.1250vw; margin-top: 4.6875vw;}

    .mypage .cont .img {width: 7.8125vw; height: 7.8125vw; margin-right: 2.8906vw;}
    .mypage .cont .profile {width: 42.9688vw;}
    .mypage .cont .profile .top {padding: 2.1094vw 0;}
    .mypage .cont .profile .top p {font-size: 2.1875vw;}
    .mypage .cont .profile .top p span {font-size: 1.9531vw;}
    .mypage .cont .profile .bot {margin-top: 2.0313vw;}
    .mypage .cont .profile .bot p {margin-top: 1.4844vw; font-size: 1.4063vw; line-height: 2.3438vw;}
    .mypage .cont .profile .bot > div p:first-child {margin-top: 0;}
    .mypage .cont .profile .bot strong {font-size: 1.4063vw; line-height: 2.3438vw;}
    .mypage .cont .profile .top::before {width: 13.9063vw; height: 2.9688vw;}

    .mypage_wrap .cont .title img {width: 3.1250vw; margin-right: 1.1719vw;}
    .mypage_wrap .cont .title span {font-size: 1.7188vw; line-height: 1.7188vw;}

    .mypage_wrap .cont .search_cont {margin-top: 3.0469vw; padding: 3.5156vw 3.1250vw 3.1250vw;}
    .mypage_wrap .cont .search_cont .search strong {font-size: 1.5625vw; line-height: 2.3438vw; margin-right: 2.8125vw;}
    .homework .search_cont .search {transition: none;}
    .homework .search_cont .search input.hasDatepicker {width: 15.6250vw;}
    .library .search_cont .search input,
    .homework .search_cont .search input {height: 3.1250vw; width: 35.8594vw; transition: none;}
    .library .search_cont .search input {width: 37.8594vw;}
    .mypage_wrap .cont .search_cont .search button {width: 7.8125vw; height: 3.1250vw; font-size: 1.4063vw; margin-left: 0.7813vw;}
    .grade .search_cont .search select {height: 3.1250vw; width: 15.6250vw;}

    .mypage_wrap .total {font-size: 1.5625vw;}
    .mypage_wrap .dpp_bd_wrap {margin-top: 1.7188vw;}
    .mypage_wrap .dpp_basic_tbl > li.dpp_tbl_th > div {font-size: 1.4063vw; line-height: 1.7188vw; padding: 2.2656vw 0;}
    .homework .dpp_basic_tbl > li > div.dpp_td_print button {font-size: 0 !important; width: 3.1250vw !important; height: 3.1250vw !important; border-radius: 100% !important;}
    .homework .dpp_basic_tbl > li > div.dpp_td_print button img {margin: 0 !important;}
    .mypage_wrap .section .myInfo_modify a {width: 7.5vw; padding: 1.8vw 0; font-size: 1.2vw;}
    

        

    /* 서브페이지 공통 */
    .board_content #content_wrap,
    .title_wrap,
    .sub_content {width: 87.8906vw;}
    .board_content #content_wrap > div,
    .sub_content .cont_wrap {width: 73vw !important; margin: 0 auto;}
    /* visual */
    .title_wrap .visual {position: relative; width: 87.8906vw; height: 33.5938vw; border-radius: 0 6.45vw 6.45vw 0; overflow: hidden; background-image: url('../images/visual/sub01_visual.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;}
    .title_wrap .visual .tit_wrap {position: absolute; top: 11.4063vw; left: 3.7500vw;}
        .title_wrap .visual .tit_wrap p { font-size: 1.2500vw !important; font-weight: 700; line-height: 1.4375vw !important; color: #fff;}
        .title_wrap .visual .tit_wrap h2 { font-size: 3.5156vw !important; font-weight: 700; line-height: 4.0430vw !important; color: #fff; margin-top: 0.3828vw !important;}
    .title_wrap .visual .page_map {margin-top: 1.7188vw; display: flex; align-items: center;}
        .title_wrap .visual .page_map a { margin-right: 1.4844vw !important; font-size: 1.2500vw; font-weight: 500; color: #fff; line-height: 1.4375vw;}
        .title_wrap .visual .page_map .home {position: relative; margin-right: 1.5625vw !important;}
        .title_wrap .visual .page_map .home::after {content: ""; display: block; width: 0.0781vw; height: 0.97vw; background: #fff; opacity: .5; position: absolute; top: 50%; transform: translateY(-50%); right: -1.5625vw; margin-left: 0;}
        .title_wrap .visual .page_map .home img {width: 1.5625vw !important;}
        .title_wrap .visual .page_map a {margin: 0 0.81vw; font-size: 1.2500vw !important;}
        .title_wrap .visual .page_map .dep1 {position: relative; margin-left: 1.5625vw !important;}
        .title_wrap .visual .page_map .dep1::after {content: ""; display: block; width: 0.56vw; height: 0.97vw; position: absolute; top: 40%; transform: translateY(-50%); right: -1.21vw; background-image: url('../images/icon/arrow.svg'); background-size: cover; background-repeat: no-repeat; background-position: center;}
    /* title */
    .sub_sec_tit {margin-top: 7.58vw;}
        .sub_sec_tit h3 { font-size: 3.63vw; font-weight: 700; line-height: 4.11vw; color: #003B20;}
        .sub_sec_tit p { font-size: 1.29vw; font-weight: 700; color: #003B20; margin-top: 0.56vw;}
    
    
    /* 교육목표 */
    .about .section {/*width: 80vw;*/ margin: 5.65vw auto 0;}

    
    .about .section01 {position: relative; margin: 0 auto; text-align: center;}
        .about .section01::after {content: ""; display: block; background-image: url('../images/sub/Ellipse.svg'); position: absolute; width: 45.52vw; height: 45.52vw; background-size: cover; background-repeat: no-repeat; top: -3.97vw; right: -29.39vw;}

    .about .section01 .cont {position: relative; margin: 6.13vw auto 0; width: 100%; height: 37.90vw; background-image: url('../images/sub/sub_logo.svg'); background-repeat: no-repeat; background-position: center; background-size: 23.71vw 37.90vw;}

    .about .section01 .cont .txt {position: absolute;  font-size: 1.94vw; font-weight: 700; line-height: 1;}
        .about .section01 .cont .txt.left {left: 0; min-width: 14.52vw; text-align: right;}
        .about .section01 .cont .txt.right {right: 0; min-width: 9.68vw;}
        .about .section01 .cont .txt:nth-of-type(1) {top: 10.65vw;}
        .about .section01 .cont .txt:nth-of-type(2) {top: 10.89vw;}
        .about .section01 .cont .txt:nth-of-type(3) {top: 14.92vw;}
        .about .section01 .cont .txt:nth-of-type(4) {top: 21px;}

    .about .section01 .cont .txt span::before,
        .about .section01 .cont .txt span::after {content: ""; display: block; position: absolute; top: 50%; transform: translateY(-50%); background: #000;}
        .about .section01 .cont .txt span::before {height: 1px; opacity: .3;}
        .about .section01 .cont .txt.left span::before {width: 23.39vw; left: 16.45vw;}
        .about .section01 .cont .txt.right span::before {width: 20.16vw; right: 11.53vw;}

    .about .section01 .cont .txt span::after {width: 0.40vw; height: 0.40vw; border-radius: 8.06vw;}
        .about .section01 .cont .txt.left span::after {left: 39.84vw;}
        .about .section01 .cont .txt.right span::after {right: 31.69vw;}

    .about .info_cont .tit {display: flex; align-items: center;  font-size: 2.42vw; font-weight: 700; line-height: 2.74vw; color: #003B20;}
        .about .info_cont .tit span {margin-right: 1.21vw; width: 4.03vw; height: 4.03vw; background: #d2b074; border-radius: 8.06vw; color: #fff; font-size: 1.45vw; font-weight: 700; line-height: 1; text-align: center; line-height: 4.44vw;}
        .about .info_cont .desc { font-size: 1.61vw; font-weight: 500; line-height: 2.42vw; margin-top: 1.61vw; margin-left: 5.24vw; color: #333; letter-spacing: -1px;}
        .about .info_cont .desc strong {font-weight: 700;}

    .about .section02 {margin: 9.35vw auto 0;}
        .about .section02::before {content: ""; display: block; width: 137.82vw; height: 7.74vw; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-image: url('../images/sub/sub_lineTxt.svg'); background-repeat: no-repeat; background-size: cover;}
    .about .section02 .nov_cont {width: 67.18vw; height: 52.50vw; margin: 5.65vw auto 0; position: relative;}

    .about .section02 .nov_cont .circle {position: relative; padding: 5.24vw; width: 36.94vw; height: 36.94vw;margin: 0 auto;}
    .about .section02 .nov_cont .circle div {width: 26.45vw; height: 26.45vw; border-radius: 100%; background: #003B20; display: flex; align-items: center; justify-content: center; font-size: 4.03vw; font-weight: 700; color: #fff; margin: 0 auto;}
        .about .section02 .nov_cont .circle::after {content: ""; position: absolute; top: 0; left: 0; background-image: url('../images/sub/sub_elipse.svg'); display: block; width: 36.94vw; height: 36.94vw; background-position: center; background-size: contain; background-repeat: no-repeat;}

    .about .section02 .nov_cont .list {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
        .about .section02 .nov_cont .list li {position: absolute; width: 11.85vw; height: 11.85vw; display: flex; align-items: center; justify-content: center; background: #ededed; border-radius: 100%; font-size: 1.61vw; font-weight: 700;}

        .about .section02 .nov_cont .list li.left {left: 0;}
        .about .section02 .nov_cont .list li.right {right: 0;}
        .about .section02 .nov_cont .list li.center {left: 50%; bottom: 0; transform: translateX(-50%);}

        .about .section02 .nov_cont .list li.item1 {top: 0;}
        .about .section02 .nov_cont .list li.item2 {top: 17.74vw;}
        .about .section02 .nov_cont .list li.item3 {top: 33.47vw;}

        .about .section02 .nov_cont .list li.left.item1 {left: 2.66vw;}
        .about .section02 .nov_cont .list li.right.item1 {right: 2.66vw;}
        .about .section02 .nov_cont .list li.left.item3 {left: 9.27vw;}
        .about .section02 .nov_cont .list li.right.item3 {right: 9.27vw;}

    .about .section04 .banner {width: 100%; height: 44.35vw; margin: 5.65vw auto 0; overflow: hidden; border-radius: 4.03vw;}
    .about .section04 .banner img {width: 100%; height: 100%; object-fit: cover;}




    /* 수업과목 및 교재 */
    /* tab */
    .curriculum {margin-bottom:9.84vw;}
    .curriculum .section01 .tab_menu {margin: 0 auto; width: 73vw;}
        .curriculum .section01 .tab_menu ul {width: 100%;}
        .curriculum .section01 .tab_menu li {margin-right:1.21vw; width: 8vw; height: 8vw;}
        .curriculum .section01 .tab_menu li span {font-size: 1.8vw;}

    /* title */
    .curriculum .section .title_cont p {font-size: 1.77vw; font-weight: 500; line-height: 1;}
        .curriculum .section .title_cont h3 {font-size: 3.23vw; font-weight: 700; line-height: 1; margin-top: 1.53vw;}
        
    .curriculum .section02 {position: relative; margin-top: 7.66vw;}
    .curriculum .sec_cont::before {content: ""; display: block; position: absolute; top: -34.52vw; right: -52.42vw; background-image: url('../images/sub/Ellipse.svg'); background-size: cover; background-repeat: no-repeat; width: 64.52vw; height: 64.52vw; z-index: -1;}
    .curriculum .section {margin-top: 6.61vw;}
    .curriculum .section .list {margin: 4.52vw -0.89vw 0; display: flex; align-items: flex-start; flex-wrap: wrap; width: 100%;}
    .curriculum .section .list li {padding: 0 1.2vw; width: 33.3%; height: auto; margin-top: 3.2vw;}
    .curriculum .section .list li:nth-of-type(-n + 3) {margin-top: 0;}
    .curriculum .section .list li .img_cont {height: 31.5vw;}
    .curriculum .section .list li .name {margin-top: 1vw; font-size: 1.29vw; line-height: 1;}


    /* 입학 테스트 안내 */
    .test_sec {position: relative;}
    .test_sec::before {content: ""; display: block; width: 45.52vw; height: 45.52vw; background-image: url('../images/sub/Ellipse.svg'); background-repeat: no-repeat; background-size: cover; position: absolute; top: -4.69vw; right: -35.85vw;}
    .test_sec .tit {font-family: 'GmarketSansBold'; text-align: left; font-size: 1.82vw; font-weight: 700; color: #003B20; text-align: left !;}

    .test_sec .list {display: flex; align-items: center; justify-content: space-between; margin-top: 1.56vw;}
    
    .test_sec .list li {position: relative; width: 25%; height: 14.06vw; margin-right: 2.45vw;}
        .test_sec .list li::after {content: ""; position: absolute; top: 50%; right: -1.30vw; transform: translateY(-50%) rotate(180deg); display: flex; align-items: center; justify-content: center; width: 2.60vw; height: 2.60vw; background: #d2b074; background-image: url('../images/icon/arrow.png'); background-repeat: no-repeat; background-size: 1vw 1.09vw; background-position: center; border-radius: 100%;}
        .test_sec .list li:last-child {margin-right: 0;}
        .test_sec .list li:last-child::after {display: none;}
    
    .test_sec .list .cont {width: 100%; height: 100%; border-radius: 2.42vw; overflow: hidden; border:1px solid #D4D4D4;}
    .test_sec .list .tit_cont {display: flex; flex-direction: column; align-items: center; justify-content: center; background: #003B20; width: 100%; height: 100%;}
        .test_sec .list .tit_cont span {height: 4.58vw; display: flex; align-items: center; justify-content: center;}
        .test_sec .list .tit_cont img {width:4.17vw; height: auto;}
        .test_sec .list .tit_cont p {font-family: 'GmarketSansMedium'; color: #fff; font-size: 0.94vw; font-weight: 500; line-height: 1.67vw; text-align: center; margin-top: 1.69vw;}
        .test_sec .list .tit_cont p strong {font-family: 'GmarketSansBold'; font-size: 1.30vw; font-weight: 700; display: block;}
    
    .test .secetion2 .info_cont  {margin-top: 8.06vw;}
    .test .info_cont {margin-top: 5.65vw; display: flex; align-items: flex-start;}
        .test .info_cont .tit {width: 23.56vw; display: flex; align-items: center; font-family: 'GmarketSansBold'; font-size: 1.56vw; font-weight: 700; line-height: 1.77vw; color: #003B20;}
        .test .info_cont .tit span {font-family: 'GmarketSansBold'; margin-right: 0.78vw; width: 2.60vw; height: 2.60vw; background: #d2b074; border-radius: 5.21vw; color: #fff; font-size: 0.94vw; font-weight: 700; line-height: 1; text-align: center; line-height: 2.86vw;}
        .test .info_cont .desc {width: 87.10vw; font-family: 'GmarketSansMedium'; font-size: 1.61vw; font-weight: 500; line-height: 2.42vw; margin-left: 5.24vw; color: #333; letter-spacing: -1px;}
        .test .info_cont .desc > li {position: relative; padding-left: 0.81vw;}
        .test .info_cont .desc > li::before {position: absolute; top: 0.81vw; left: -0.81vw; content: ""; display: inline-block; width: 0.48vw; height: 0.48vw; border-radius: 100%; background: #B3B3B3;}
        .test .info_cont .desc strong {font-family: 'GmarketSansBold'; font-weight: 700;}

        
    .test .secetion3 .desc_cont {margin-top: 2.82vw; display: flex; align-items: flex-start; flex-wrap: wrap; width: 100%; height: auto; text-align: center; padding: 0;}
            .test .secetion3 .desc_cont li {width: 44%; height: 14.52vw; margin-right: 2.90vw; border: 1px solid #D4D4D4; border-radius: 4.03vw 0.00vw 4.03vw 4.03vw; background: #fff; overflow: hidden;}
            .test .secetion3 .desc_cont li:nth-of-type(n+3) {margin-top: 2.9vw;}
            .test .secetion3 .desc_cont li:last-child {margin-right: 0;}
            .test .secetion3 .desc_cont .tit {font-family: 'GmarketSansBold'; font-size: 1.45vw; line-height: 2.02vw; font-weight: 700; color: #fff; background: rgba(0, 59, 32, 0.65); display: flex; align-items: center; justify-content: center; width: 100%; height: 6.37vw;}
            .test .secetion3 .desc_cont .txt {font-family: 'GmarketSansBold'; font-size: 2.02vw; font-weight: 700; color: #464646; line-height: 1; display: flex; align-items: center; justify-content: center; height: 8.06vw;}
            .test .secetion3 .desc_cont .txt p {display: flex; align-items: flex-end;}
            .test .secetion3 .desc_cont .txt strong {color: #D2B074; font-size: 3.23vw;}


    /* test 신청 */
    .test_request .section {text-align: center; margin: 6.13vw 0; padding: 5.65vw 0; width: 100%;}
    .test_request img {width: 6.05vw;}
    .test_request .txt {margin-top: 2.42vw;}
        .test_request .txt strong {font-family: 'GmarketSansBold'; font-size: 2.42vw; font-weight: 56.45vw; line-height: 2.74vw;}
        .test_request .txt p {font-family: 'GmarketSansMedium'; font-size: 1.61vw; font-weight: 500; margin-top: 1.61vw; color: #838383;}
    .test_request button {margin-top: 4.03vw; border: 0; background: transparent;}
        .test_request button a {font-family: 'GmarketSansBold'; display: block; width: 20.65vw; height: 5.97vw; border-radius: 6.45vw; background: #003B20; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.77vw; font-weight: 700;}

    
    /* test 결과 조회 */    
    .test_result .section {text-align: center; margin: 6.13vw 0 10.89vw; padding: 5.65vw 0; border-radius: 4.03vw; width: 100%;}
    .test_result img {width: 5.32vw;}
    .test_result p {font-family: 'GmarketSansMedium'; margin-top: 1.94vw; font-size: 2.42vw; font-weight: 500; line-height: 2.78vw;}
        .test_result p strong {font-family: 'GmarketSansBold'; font-family: 700; color: #003B20;}
    .test_result .form {margin-top: 4.03vw; display: inherit;}
        .test_result .form .input_cont {display: inline-flex; align-items: center; justify-content: center; width: 100%;}
        .test_result .form .name {margin-right: 0;}
        .test_result .form .id {margin-top: 1.2vw;}
        .test_result .form .tit {font-size:1.61vw; margin-right: 3.63vw; min-width: 4vw;}
        .test_result .form input {width: 24.60vw; height: 3.63vw; padding: 0.97vw 2.34vw; font-size: 1.45vw; font-weight: 24.19vw; line-height: 1; border-radius: 4.03vw; border: 0.08vw solid #E6E6E6;}
        .test_result .form input::placeholder {color: #adadad;}
    .test_result .submit {margin-top: 5.32vw; border: 0; background: transparent;}
        .test_result .submit a {font-family: 'GmarketSansBold'; display: block; width: 20.65vw; height: 5.97vw; border-radius: 6.45vw; background: #003B20; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.77vw; font-weight: 700;}
        .test_result .submit a i {margin-left: 1.21vw; font-size: 1.29vw;}

    .test_result .section2 {padding: 0;}

    /* 마이페이지 */
    .mypage_wrap .tab_menu ul li {border-radius: 0;}
    .mypage_wrap .tab_menu ul li a {padding: 0;}

    /* homework */
    .homework .dpp_basic_tbl > li > div.dpp_td_print button {width: 6.8vw; height: 3vw;}
    .homework .dpp_basic_tbl > li > div.dpp_td_print img {width: 1.5vw;}

    .dpp_join_wrap {padding-top: 7.3438vw;}
    /* 로그인 */
    .custom_login {max-width: 39.0625vw; padding: 0; margin-bottom: 14.0625vw;}
    .custom_login .sub_sec_tit {padding-top: 7.3438vw;}
    .custom_login .sub_sec_tit h3 {line-height: 4.0430vw;}
    .custom_login .sub_sec_tit p {line-height: 1.9531vw; margin-top: 0.6844vw;}
    .custom_login .ddp_login {border: 0; margin-top: 6.6273vw;}
    .custom_login .ddp_login_in,
    .custom_login .ddp_top,
    .custom_login .ddp_login_box {padding: 0;}
    .custom_login .ddp_login_box .ddp_input input {border-radius: 3.9063vw; border-color: #d9d9d9; height: 6.2500vw; font-size: 1.8750vw; font-family: 'GmarketSansMedium'; padding-top: 0.3125vw; box-sizing: border-box;}
    .custom_login .ddp_login_box .ddp_input input::placeholder {font-size: 1.8750vw; color: #bfbfbf; font-weight: 400; font-family: 'GmarketSansMedium'; padding-top: 0.3125vw; box-sizing: border-box;}
    .custom_login .ddp_sch {margin-top: 3.0469vw;}
    .custom_login .ddp_sch a {font-size: 1.8750vw; font-weight: 400; color: #888; font-family: 'GmarketSansMedium';}
    .custom_login .ddp_login_btn {position: revert;}
    .custom_login .ddp_join_btn {border: 0; padding: 0; background: transparent;}
    .custom_login .ddp_join_btn .ddp_in {display: block; margin-top: 4.4531vw; padding: 0;}
    .custom_login .ddp_join_btn .ddp_in input,
    .custom_login .ddp_join_btn .ddp_in a {width: 100%; height: 6.2500vw; border-radius: 3.9063vw; display: flex; align-items: center; justify-content: center; font-size: 2.0313vw; font-weight: 500; line-height: 1; font-family: 'GmarketSansBold';}
    .custom_login .ddp_join_btn .ddp_login_btn input {background-color: #104D29; color: #fff;}
    .custom_login .ddp_join_btn .ddp_p.btnArea {width: 100%; display: block; margin-top: 1.1719vw;}
    .custom_login .ddp_join_btn .ddp_p.btnArea a {border-color: #104D29; color: #104D29;}

    
    .homework .search_cont .search:first-child .input::after {width: 1.5vw; height: 1.5vw;}
    .homework .search_cont .search .input {width: 100%;}
    .homework .search_cont .search input.hasDatepicker {width: 100% !important;}

    .apply_info_cont {padding-left: 3.0313vw;}


    /* 오시는 길 */
    .map .address {display: revert;}
    .map .address .right {margin-top: 2.8125vw; margin-left: 0; padding-left: 0; width: 100%;}
        .map .address .right::before {display: none;}
        .map .address .right div {margin-top: 1.3vw;}
        .map .address .right .item {font-size: 1.3552vw; font-weight: 400; color: #333; line-height: 1.3552vw; font-family: 'GmarketSansLight';}

}

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

    /* 보강신청 */
    .dpp_bd_write.apply .dpp_w_form .dpp_w_td {width: 28.6458vw !important;}
    .dpp_bd_write.apply .dpp_w_form textarea {border-color:#e6e6e6;}

    .apply_info_cont {background: rgba(0, 59, 32, 0.05); border-radius: 6.5104vw; display: revert; padding: 7.8125vw; margin-bottom: 6.5104vw !important;}
        .apply_info_cont .left {display: flex; align-items: center;}
            .apply_info_cont .left img {width: 3.4844vw;}
            .apply_info_cont .left p {font-size: 3.1250vw; font-weight: 700; font-family: 'GmarketSansBold'; margin-left: 2.2135vw; color: #003B20;}
        .apply_info_cont .right {position: relative; margin-top: 4.2448vw; padding-left: 0; margin-left: 4.6979vw;}
            .apply_info_cont .right::before {display: none;}
            .apply_info_cont .right li {font-size: 2.3438vw; font-weight: 500; line-height: 4.5573vw; color: #333; font-family: 'GmarketSansMedium';}
            .apply_info_cont .right li strong {font-family: 'GmarketSansBold';}
            .apply_info_cont .right li p {font-size: 2.3438vw; color: #8A8A8A; line-height: 3.2552vw;}

    .grade .table_cont table thead tr {font-size: .8vw;}

}

@media screen and (max-width:910px) {
    .grade .table_cont .table4 .tit .btn a:first-child {width: 8vw;}
    .grade .table_cont .table4 .tit .btn a {width: 10.33vw;}

}

/* MOBILE */
@media screen and (max-width:768px) {

    .dpp_bd_write.apply .dpp_w_form .dpp_w_td {width: 175px !important;}


    #content_wrap {margin-top: 15.63vw !important;}

    /* header */
    header {height: 15.63vw;}
    .hd_wrap {width: 92.19vw;}
    .hd_wrap .nav,
    .hd_wrap .info .member {display: none;}
    .hd_wrap .logo a {width: 40vw;}
    .hd_wrap .burger_btn > div {width: 6.38vw; height: 4.30vw;}
    .hd_wrap .burger_btn > div span {height: 2px;}

    
    /* all_nav */
    .m_nav_bg {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 112;}

    .all_nav {width: 75.52vw; height: 100%; background-color: #fff; padding: 5.21vw 3.91vw; left: auto; right: 0; z-index: 112; overflow-y: scroll;}
    .all_nav::after {display: none;}

    .all_nav .close_btn {position: inherit; color: #000; font-size: 4.13vw;}
    .all_nav .side_top a {width: 29.95vw; height: auto;}
        .all_nav .side_top a img {width: 100%; height: 100%; object-fit: cover;}

    .all_nav .m_member {margin-top: 5.21vw; display: flex; align-items: center;}
        .all_nav .m_member a {font-size: 4vw; font-weight: 300;}
        .all_nav .m_member a.login {position: relative; margin-right: 3.26vw; padding-right: 3.26vw; font-weight: 800;}
        .all_nav .m_member a.login::after {content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: block; width: 0.26vw; height: 2.86vw; background: #000;}

    .all_nav .side_top {display: flex; align-items: center; justify-content: space-between;}
    .all_nav .side_top a,
    .all_nav .m_member {display: block;}
    .all_nav h2 {display: none;}

    .all_nav .cont {margin: 5.21vw 0 0; width: 100%;}
    .all_nav .menu li {width: 100%;}
    .all_nav .menu li:nth-of-type(n + 4) {margin-top: 0;}
    .all_nav .menu li h3 {position: relative; width: 100%; font-size: 3.65vw; padding: 5.21vw 3.26vw 5.21vw 2.99vw; line-height: 2.47vw; color: #003B20; font-weight: 700; background: #fff; border-bottom: 1px solid #EBEBEB; margin-bottom: 0;}
    .all_nav .menu li h3::after {content: ""; position: absolute; top: 50% !important; right: 3.13vw; transform: translateY(-50%) rotate(-90deg); background-image: url('../images/icon/arrow.png') !important; background-repeat: no-repeat; background-size: cover !important; width: 2vw !important; height: 3vw !important; display: block !important; filter: invert(1); background-color: transparent !important; left: auto !important; border-radius: 0 !important;}

    .all_nav .menu li.active h3 {position: relative; color: #D2B074; background: #003B20; font-size: 3.65vw; font-weight: 800;}
    .all_nav .menu li.active h3::after {position: absolute; top: 50%; right: 3.13vw; transform: translateY(-50%) rotate(-90deg); background-image: url('../images/icon/arrow.png'); background-repeat: no-repeat; background-size: cover; width: 2vw; height: 3vw; display: block; display: block; filter:invert(0); transform: translateY(-50%) rotate(90deg); left: auto; background-color: transparent;}
    .all_nav .menu li:hover h3::before {display: none;}
    .all_nav .menu {display: block; margin-top: 5.21vw;}
    .all_nav .menu .gnb_depth02 {margin-top: 0;}
    .all_nav .menu ol {display: none; background: #F0F0F0; margin: 0;}
    .all_nav .menu ol li {display: block; padding: 1.95vw 4.56vw; width: 100%;}
    .all_nav .menu ol li:first-child {padding-top: 5.47vw;}
    .all_nav .menu ol li:last-child {padding-bottom: 5.47vw;}
    .all_nav .menu ol li a {font-family: 'Pretendard'; color: #000; font-size: 3.13vw; font-weight: 400; line-height: 3.65vw; font-weight: 400;}
    .all_nav .menu ol li a:hover {color: #003B20; font-weight: 700; border-bottom: 1px solid #003B20;}


    /* quick_menu */

    .quick_menu_wrap {top: 16.51vw; right: -20.44vw; transition: all .3s;}
    .quick_menu_wrap.active { right: 0;}
    .quick_menu_wrap.active i {transform: rotate(0deg) !important;}
    .quick_menu_wrap.on {position: fixed; top: 16.51vw; /* top: auto; bottom: 42vw; */}
    /* .quick_menu_wrap.active.on {position: absolute; top: auto; bottom: 77vw;} */

    .quick_menu_wrap .mob_btn {font-family: 'GmarketSansBold'; position: absolute; top: 12.76vw; right: 13.80vw; display: block; height: 7.16vw; width: 20.18vw; border-radius: 0 0 3.91vw 3.91vw; display: flex; align-items: center; justify-content: center; transform: rotate(90deg); background-color: #003B20; color: #fff;  font-size: 2.86vw; font-weight: 700; line-height: 1; z-index: 1;}
        .quick_menu_wrap .mob_btn i {transform: rotate(180deg); margin-left: 1.43vw;}

    .quick_menu {/* display: none; */ position: relative; width: 20.44vw; z-index: 2;}
        .quick_menu li a {margin: 0 2.60vw; height: 26.43vw;}
        .quick_menu li a img {width: 9.11vw;}
        .quick_menu li:nth-of-type(2) a img {width: 8.25vw;}
        .quick_menu li a p {margin-top: 3.65vw; font-size: 3.1vw;}
        .quick_menu li.move_top {height: 9.11vw; font-size: 3.13vw;}


    /* footer */
    footer {margin-top: 6.51vw; padding: 10.42vw 0;}
    .ft_wrap {width: 92.71vw; display: block;}
    .ft_wrap .top {text-align: center;}
    .ft_wrap .top img {height: 9.11vw;}
    .ft_wrap .top .left {margin-top: 5.21vw;}
    .ft_wrap .top .left div {font-size: 3.13vw; line-height: 3.78vw;}
    .ft_wrap .top .left .copy {font-size: 2.86vw; line-height: 3.65vw; margin-top: 2.60vw;}
    .ft_wrap .bot .sns {height: auto; margin-top: 5.21vw; justify-content: center;}
    .ft_wrap .bot .sns a {height: 4.30vw; margin-right: 5.21vw;}
    .ft_wrap .bot .right {margin: 5.21vw auto 0; width: 31.25vw;}
    .ft_wrap .bot .right a {font-size: 3.13vw; padding: 0 1.43vw 1.82vw; margin: 0 auto; width: 31.25vw;}
    .ft_wrap .bot .right a i {font-size: 2.47vw; top: 32%;}
    .ft_wrap .bot .right .list_cont.active {left: 0; bottom: 6.7vw;}
    .ft_wrap .bot .right .list_cont a {padding: 2vw 0.7292vw;}



    /* tab */
    /* .tab_menu ul {display: flex; align-items: center; width: 87.21vw; height: 11.72vw; border-radius: 6.51vw; overflow: hidden; margin: 11.07vw auto 0;}
        .tab_menu ul li {width: 33.3%; height: 100%; background: #f6f6f6; color: #000; font-size: 3.26vw; font-weight: 700;}
        .tab_menu ul li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 6.51vw; transition: none;}
        .tab_menu ul li.active a,
        .tab_menu ul li:hover a {background: #003B20; color: #fff;} */
    .tab_menu {display: none;}

    .select_map.mobile {position: relative; width: 92.19vw; height: 6.51vw; display: block; margin: 0 auto; z-index: 99;}
        .select_map .cont {position: absolute; left: 0; bottom: 0; width: 100%; height: 13.02vw; display: flex; align-items: center;}        
        .select_map .dep {width: 38.15vw; height: 13.02vw; background: #f6f6f6;}    
        .select_map .dep .select {width: 38.15vw; height: 100%; font-size: 3.26vw; font-weight: 700; border: 0; outline: none; padding: 0 3.39vw 0 3.91vw; display: flex; align-items: center; justify-content: space-between; cursor: pointer;}
        .select_map .dep .select i {font-size: 2.08vw;}
        .select_map .dep .select.active,
        .select_map .dep .select:hover {background: #003B20; color: #fff; border-radius: 0 6.51vw 0 0;}
        .select_map .dep .select.active i {transform: rotate(180deg);}
        .select_map .dep1.active {background: #003B20;}
        
        .select_map .dep ul {display: none; border: 1px solid #e8e8e8;}
        .select_map .dep ul.active {display: block;}
        .select_map .dep ul li {background: #fff; font-size: 3.26vw; font-weight: 500; color: #333; border-bottom: 1px solid #e8e8e8;}
        .select_map .dep ul li:last-child {border-bottom: 0;}
        .select_map .dep ul li a {display: block; width: 100%; height: 100%; padding: 2.86vw 3.91vw; font-size: 3.26vw;}
        .select_map .dep ul li a:hover {background: #e8e8e8; color: #000;}
        
        .select_map .dep1 {background: #f6f6f6; width: 15.63vw; height: 13.02vw; border-radius: 6.51vw 0 0 6.51vw;}
        .select_map .dep1 a {background: #003B20; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border-radius: 6.51vw; border: 0;}
        .select_map .dep1 img {width: 4.04vw;}
        
        .select_map .dep3 {border-radius: 0.00vw 6.51vw 0.00vw 0.00vw;}


    /*1브페이지 공통 */
    .board_content #content_wrap,
    .title_wrap,
    .sub_content {width: 100%;}
    .board_content #content_wrap > div,
    .sub_content .cont_wrap {width: 92.19vw !important; margin: 0 auto;}
    .dpp_bd_wrap {border-top: 0;}
    /* visual */
    .title_wrap .visual {position: relative; width: 100%; height: 84.64vw; border-radius: 0; overflow: hidden; background-image: url('../images/visual/sub01_visual.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;}
    .title_wrap .visual .tit_wrap {position: absolute; top: 27.47vw !important; left: 3.32vw !important;}
        .title_wrap .visual .tit_wrap p { font-size: 3.26vw !important; font-weight: 700; line-height: 3.65vw !important; color: #fff;}
        .title_wrap .visual .tit_wrap h2 { font-size: 9.11vw !important; font-weight: 700; line-height: 10.42vw !important; color: #fff; margin-top: 0.39vw !important;}
    .title_wrap .visual .page_map {margin-top: 2.99vw; display: flex; align-items: center;}
        .title_wrap .visual .page_map a { margin-right: 5.60vw; font-size: 3.26vw; font-weight: 500; color: #fff; line-height: 3.65vw;}
        .title_wrap .visual .page_map .home {position: relative; margin-right: 2.99vw !important; width: 2.99vw;}
        .title_wrap .visual .page_map .home img {width: 4.0365vw !important;}
            .title_wrap .visual .page_map .home::after {content: ""; display: block; width: 1px; height: 2.56vw; background: #fff; opacity: .5; position: absolute; top: 50%; transform: translateY(-50%); right: -1.60vw; margin-left: 0;}
        .title_wrap .visual .page_map a {margin: 0 1.30vw;}
        .title_wrap .visual .page_map .dep1 {position: relative;}
        .title_wrap .visual .page_map .dep1::after {content: ""; display: block; width: 0.91vw; height: 1.56vw; position: absolute; top: 40%; transform: translateY(-50%); right: -1.95vw; background-image: url('../images/icon/arrow.svg'); background-size: cover; background-repeat: no-repeat; background-position: center;}
    /* title */
    .sub_sec_tit {margin-top: 12.24vw;}
        .sub_sec_tit h3 { font-size: 7.16vw; font-weight: 700; line-height: 8.20vw; color: #003B20;}
        .sub_sec_tit p { font-size: 3.26vw; font-weight: 700; color: #003B20; margin-top: 1.56vw;} 
    
    
    /* 교육목표 */
    .about .section {width: 92.19vw; margin: 0 auto;}
    
    .about .section01 {margin: 18.10vw auto 0; text-align: center;}

    .about .section01 .cont {position: relative; margin: 9.90vw auto 0; width: 100%; height: 61.20vw; background-image: url('../images/sub/sub_logo.svg'); background-repeat: no-repeat; background-position: center; background-size: 38.28vw 61.20vw;}

    .about .section01 .cont .txt {position: absolute;  font-size: 3.13vw; font-weight: 700; line-height: 1;}
        .about .section01 .cont .txt.left {left: 0; min-width: 23.44vw; text-align: right;}
        .about .section01 .cont .txt.right {right: 0; min-width: 15.63vw;}
        .about .section01 .cont .txt:nth-of-type(1) {top: 17.19vw;}
        .about .section01 .cont .txt:nth-of-type(2) {top: 17.58vw;}
        .about .section01 .cont .txt:nth-of-type(3) {top: 24.09vw;}
        .about .section01 .cont .txt:nth-of-type(4) {top: 32.42vw;}

    .about .section01 .cont .txt span::before,
        .about .section01 .cont .txt span::after {content: ""; display: block; position: absolute; top: 50%; transform: translateY(-50%); background: #000;}
        .about .section01 .cont .txt span::before {height: 1px; opacity: .3;}
        .about .section01 .cont .txt.left span::before {width: 18.76vw; left: 24.56vw;}
        .about .section01 .cont .txt.right span::before {width: 14.55vw; right: 16.62vw;}

    .about .section01 .cont .txt span::after {width: 0.65vw; height: 0.65vw; border-radius: 13.02vw;}
        .about .section01 .cont .txt.left span::after {left: 43vw;}
        .about .section01 .cont .txt.right span::after {right: 31.17vw;}

    .about .info_cont .tit {display: flex; align-items: center;  font-size: 4.2vw; font-weight: 700; line-height: 4.43vw; color: #003B20;}
        .about .info_cont .tit span {margin-right: 1.95vw; width: 6.51vw; height: 6.51vw; background: #d2b074; border-radius: 13.02vw; color: #fff; font-size: 2.34vw; font-weight: 700; line-height: 1; text-align: center; line-height: 7.16vw;}
        .about .info_cont .desc { font-size: 3.2vw; font-weight: 500; line-height: 4.91vw; margin-top: 2.60vw; margin-left: 8.46vw; color: #333; letter-spacing: -1px;}
        .about .info_cont .desc strong {font-weight: 700;}

    .about .section02 {margin: 15.10vw auto 0;}
        .about .section02::before {content: ""; display: block; width: 110%; height: 5.3vw; position: absolute; left: 50%; top: 65%; transform: translate(-50%,-50%); background-image: url('../images/sub/sub_lineTxt.svg'); background-repeat: no-repeat; background-size: cover;}
    .about .section02 .nov_cont {width: 100%; height: 72vw; margin: 9.11vw auto 0; position: relative;}

    .about .section02 .nov_cont .circle {position: relative; padding: 6.46vw; width: 51.64vw; height: 51.64vw;margin: 0 auto;}
    .about .section02 .nov_cont .circle div {width: 37.71vw; height: 37.71vw; border-radius: 100%; background: #003B20; display: flex; align-items: center; justify-content: center; font-size: 6.51vw; font-weight: 700; color: #fff; margin: 0 auto;}
        .about .section02 .nov_cont .circle::after {content: ""; position: absolute; top: 0; left: 0; background-image: url('../images/sub/sub_elipse.svg'); display: block; width: 51.64vw; height: 51.64vw; background-position: center; background-size: contain; background-repeat: no-repeat;}

    .about .section02 .nov_cont .list {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
        .about .section02 .nov_cont .list li {position: absolute; width: 19.14vw; height: 19.14vw; display: flex; align-items: center; justify-content: center; background: #ededed; border-radius: 100%; font-size: 2.60vw; font-weight: 700;}

        .about .section02 .nov_cont .list li.left {left: 0;}
        .about .section02 .nov_cont .list li.right {right: 0;}
        .about .section02 .nov_cont .list li.center {left: 50%; bottom: 0; transform: translateX(-50%);}

        .about .section02 .nov_cont .list li.item1 {top: 0;}
        .about .section02 .nov_cont .list li.item2 {top: 25.65vw;}
        .about .section02 .nov_cont .list li.item3 {top: 47.04vw;}

        .about .section02 .nov_cont .list li.left.item1 {left: 0;}
        .about .section02 .nov_cont .list li.right.item1 {right: 0;}
        .about .section02 .nov_cont .list li.left.item3 {left: 8.97vw;}
        .about .section02 .nov_cont .list li.right.item3 {right: 8.97vw;}

    .about .section04 .banner {width: 100%; height: 71.61vw; margin: 9.11vw auto 0; overflow: hidden; border-radius: 6.51vw;}
    .about .section04 .banner img {width: 100%; height: 100%; object-fit: cover;}



        /* 수업과목 및 교재 */
    /* tab */
    .curriculum {margin-bottom:15.89vw;}
    .curriculum .tab_menu ul li {background: transparent; width: 40%;}

    .curriculum .section01 .tab_menu {width: 100%; display: flex; margin-top: 8.33vw;}
        .curriculum .section01 .tab_menu ul {width: 100%;}
        .curriculum .section01 .tab_menu li {margin-right:0.95vw; width: 11.63vw; height: 11.63vw;}
        .curriculum .section01 .tab_menu li span {font-size: 2.9vw;}

        /* title */
    .curriculum .section .title_cont p {font-size: 2.86vw; font-weight: 500; line-height: 1;}
        .curriculum .section .title_cont h3 {font-size: 5.21vw; font-weight: 700; line-height: 1; margin-top: 2.47vw;}
        
    .curriculum .sec_cont::before {top: -33.73vw; right: -44.64vw; width: 64.52vw; height: 64.52vw;}
    .curriculum .section {margin-top: 10.68vw;}
    .curriculum .section .list {margin: 5.29vw 0 0;}
    .curriculum .section .list li:nth-of-type(-n + 3),
    .curriculum .section .list li {padding: 0 1vw; width: 50%; margin-top: 3.2vw;}
    .curriculum .section .list li:nth-of-type(-n + 2) {margin-top: 0;}
    .curriculum .section .list li .img_cont {width: 100%; height: 60vw;}
    .curriculum .section .list li .name {margin-top: 1.8vw; font-size: 2.4vw; line-height: 1;}


    /* 입학 테스트 안내 */
    .test_sec {position: relative;}
    .test_sec::before {content: ""; display: block; width: 49.48vw; height: 49.48vw; background-image: url('../images/sub/Ellipse.svg'); background-repeat: no-repeat; background-size: cover; position: absolute; top: -9.69vw; right: -19.85vw;}
    .test_sec .tit {font-family: 'GmarketSansBold'; text-align: left; font-size: 5.21vw; font-weight: 700; color: #003B20; text-align: left !;}

    .test_sec .list {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-top: 3.91vw;}
    
    .test_sec .list li {position: relative; width: 48%; height: 33.85vw; margin-right: 3.65vw;}
        .test_sec .list li:nth-of-type(2n) {margin-right: 0;}
        .test_sec .list li:nth-of-type(n+3) {margin-top: 3.65vw;}
        .test_sec .list li::after {display: none;}
        .test_sec .list li:last-child {margin-right: 0;}
    
    .test_sec .list .cont {width: 100%; height: 100%; border-radius: 3.91vw; overflow: hidden; border:1px solid #D4D4D4;}
    .test_sec .list .tit_cont {display: flex; flex-direction: column; align-items: center; justify-content: center; background: #003B20; width: 100%; height: 100%;}
        .test_sec .list .tit_cont span {height: 11.46vw; display: flex; align-items: center; justify-content: center;}
        .test_sec .list .tit_cont img {width:10vw; height: auto;}
        .test_sec .list .tit_cont p {font-family: 'GmarketSansMedium'; color: #fff; font-size: 2.86vw; font-weight: 500; line-height: 5.21vw; text-align: center; margin-top: 2.73vw;}
        .test_sec .list .tit_cont p strong {font-family: 'GmarketSansBold'; font-size: 4.17vw; font-weight: 700; display: block;}
    
    .test .secetion2 .info_cont  {margin-top: 13.02vw;}
    .test .info_cont {margin-top: 9.11vw; display: inherit;}
        .test .info_cont .tit {width: 100%; display: flex; align-items: center; font-family: 'GmarketSansBold'; font-size: 4.56vw; font-weight: 700; line-height: 1.77vw; color: #003B20;}
        .test .info_cont .tit span {font-family: 'GmarketSansBold'; margin-right: 2.99vw; width: 7.16vw; height: 7.16vw; background: #d2b074; border-radius: 5.21vw; color: #fff; font-size: 3.26vw; font-weight: 700; line-height: 7.81vw; text-align: center;}
        .test .info_cont .desc {width: 100%; font-family: 'GmarketSansMedium'; font-size: 3.26vw; font-weight: 500; line-height: 4.56vw; margin-left: 11.72vw; color: #333; letter-spacing: -1px; margin-top: 1.95vw;}
        .test .info_cont .desc > li {position: relative; padding-left: 1.30vw;}
        .test .info_cont .desc > li::before {position: absolute; top: 1.30vw; left: -1.30vw; content: ""; display: inline-block; width: 0.78vw; height: 0.78vw; border-radius: 100%; background: #B3B3B3;}
        .test .info_cont .desc strong {font-family: 'GmarketSansBold'; font-weight: 700;}

    .test .secetion3 .desc_cont {margin-top: 4.56vw; display: flex; align-items: flex-start; flex-wrap: wrap; width: 100%; height: auto; text-align: center; padding: 0;}
        .test .secetion3 .desc_cont li {width: 41%; height: 23.44vw; margin-right: 2.69vw; border: 0.13vw solid #D4D4D4; border-radius: 6.51vw 0.00vw 6.51vw 6.51vw; background: #fff; overflow: hidden;}
        .test .secetion3 .desc_cont li:nth-of-type(n+3) {margin-top: 2.69vw;}
        .test .secetion3 .desc_cont li:last-child {margin-right: 0;}
        .test .secetion3 .desc_cont .tit {font-family: 'GmarketSansBold'; font-size: 2.34vw; line-height: 3.26vw; font-weight: 700; color: #fff; background: rgba(0, 59, 32, 0.65); display: flex; align-items: center; justify-content: center; width: 100%; height: 10.29vw;}
        .test .secetion3 .desc_cont .txt {font-family: 'GmarketSansBold'; font-size: 3.26vw; font-weight: 700; color: #464646; line-height: 1; display: flex; align-items: center; justify-content: center; height: 13.02vw;}
        .test .secetion3 .desc_cont .txt p {display: flex; align-items: flex-end;}
        .test .secetion3 .desc_cont .txt strong {color: #D2B074; font-size: 5.21vw;}

        .test_result .submit .btn-wrap {width: 23vw; height: 8vw;}

        


    /* test 신청 */
    .test_request .section {text-align: center; margin: 6.13vw 0; padding: 5.65vw 0; width: 100%;}
    .test_request img {width: 9.77vw;}
    .test_request .txt {margin-top: 3.91vw;}
        .test_request .txt strong {font-family: 'GmarketSansBold'; font-size: 5.21vw; font-weight: 56.45vw; line-height: 5.21vw;}
        .test_request .txt p {font-family: 'GmarketSansMedium'; font-size: 3.26vw; font-weight: 500; margin-top: 1.61vw; color: #838383;}
    .test_request button {margin-top: 9.77vw; border: 0; background: transparent;}
        .test_request button a {font-family: 'GmarketSansBold'; display: block; width:33.33vw; height:9.64vw; border-radius: 6.45vw; background: #003B20; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 2.86vw; font-weight: 700;}


    /* test 결과 조회 */    
    .test_result .section {text-align: center; margin: 9.90vw 0 17.58vw; padding: 9.11vw 0; border: 1px solid #D5D5D5; border-radius: 6.51vw; width: 100%;}
    .test_result img {width: 8.59vw;}
    .test_result p {font-family: 'GmarketSansMedium'; margin-top: 3.13vw; font-size: 3vw; font-weight: 500; line-height: 4.49vw;}
        .test_result p strong {font-family: 'GmarketSansBold'; font-family: 700; color: #003B20;}
    .test_result .form {margin-top: 6.51vw; display: block;}
        .test_result .form .input_cont {display: inline-flex; align-items: center;}
        .test_result .form .name {margin-right: 10.42vw;}
        .test_result .form .tit {font-size:2.60vw; margin-right: 5.86vw; min-width: 7vw;}
        .test_result .form input {width: 39.71vw; height: 5.86vw; padding: 1.56vw 3.78vw; font-size: 2.34vw; font-weight: 39.06vw; line-height: 1; border-radius: 6.51vw; border: 1px solid #E6E6E6;}
        .test_result .form input::placeholder {color: #adadad;}
    .test_result .submit {margin-top: 8.59vw; border: 0; background: transparent;}
        .test_result .submit a {font-family: 'GmarketSansBold'; display: block; width: 33.33vw; height: 9.64vw; border-radius: 10.42vw; background: #003B20; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 2.86vw; font-weight: 700;}
        .test_result .submit a i {margin-left: 1.95vw; font-size: 2.08vw;}

    .test_result .section2 {display: none; border: 0; padding: 0;}
    .test_result .result_cont {font-family: 'GmarketSansBold'; font-size: 4.56vw; font-weight: 500; color: #003B20; border: 0.13vw solid #D4D4D4; border-radius: 6.51vw; line-height: 1; padding: 10.42vw 0;}
        .test_result .result_cont p {margin-top: 0;}
        .test_result .table_cont {margin-top: 7.81vw;}
    
    .test_result .table_cont h3 {font-family: 'GmarketSansBold'; font-size: 2.99vw; font-weight: 500; color: #003B20; font-weight: 700; text-align: left;}
        
    .test_result .table_cont .table {margin-top: 7.81vw; overflow-x: scroll;}
        .test_result .table_cont .table > div {min-width: 108vw;}
        .test_result .table_cont table {margin-top: 3.26vw; width: 100%; border-spacing: 0;}
        .test_result .table_cont table thead {font-size: 0;}
        .test_result .table_cont table thead tr {font-family: 'GmarketSansBold'; color: #003B20; font-size: 2.34vw; font-weight: 500; line-height: 1; height: 6.90vw;}
        .test_result .table_cont table thead tr th {border-right: 0.13vw solid #D9D9D9; width: 23.31vw; background: #ECF5F1;}
        .test_result .table_cont table thead th:first-child {border-radius: 2.60vw 0 0 0;}
        .test_result .table_cont table thead th:last-child {border-radius: 0 2.60vw 0 0; border-right: none;}
        .test_result .table_cont table thead .dep2 th {border:0.13vw solid #003B20; border-right: 0; background:#fff; border-radius:0;}
        .test_result .table_cont table thead .dep2 th:last-child {border-right:0.13vw solid #003B20;}
        .test_result .table_cont table tbody tr {font-family: 'GmarketSansBold'; height: 10.68vw; text-align: center; font-size: 2.34vw; font-weight: 400; color: #555;}
        .test_result .table_cont table tbody tr td {font-family: 'GmarketSansMedium'; border-bottom: 0.13vw solid #D9D9D9;}

    .test_result .table_cont .table2 tbody tr {height: 6.90vw;}
        .test_result .table_cont .table2 tbody tr td {font-family: 'GmarketSansBold'; font-weight: 500; color: #003B20; border: 0.13vw solid #003B20; border-right: 0;}
        .test_result .table_cont .table2 tbody tr td:last-child {border-right: 0.13vw solid #003d20;}


        /* 마이페이지 */
    /* 사이드메뉴 */
    .mypage_wrap .tab_menu {width: 33.85vw; padding: 2.73vw 2.60vw; border: 1px solid #D9D9D9; background: #fff; border-radius: 3.91vw; margin-right: 8.46vw;}
    .mypage_wrap .tab_menu h3 {font-family: 'GmarketSansBold'; font-size: 3.26vw; line-height: 1; color: #fff; font-weight: 700; background: #003B20; border-radius: 6.51vw; width: 100%; height: 8.46vw; display: flex; align-items: center; justify-content: center; margin: 0;}
    .mypage_wrap .tab_menu ul {width: 100%; min-height: 54.69vw; display: initial; margin: 0;}
    .mypage_wrap .tab_menu ul > div {margin-top: 2.93vw;}
    .mypage_wrap .tab_menu ul li {display: block; width: 100%; background: transparent; font-size: 2.86vw; line-height: 3.26vw;}
    .mypage_wrap .tab_menu ul li a {padding: 2.93vw 0;}
    .mypage_wrap .tab_menu ul li.active a,
    .mypage_wrap .tab_menu ul li:hover a {background: transparent; color: #D2B074;}

    .mypage_wrap .section .myInfo_modify {margin-top: 6.9010vw; display: flex; justify-content: flex-end;}
    .mypage_wrap .section .myInfo_modify a {border-radius: 5.2083vw; background: #003B20; color: #fff; width: 13.8021vw; display: flex; align-items: center; justify-content: center; padding: 2.9948vw 0; font-size: 2.2135vw;}
    /* 공통 */
    .mypage_wrap .section {width: 100%;}
    .mypage_wrap .sub_sec_tit {text-align: left; margin: 12.24vw 0 0;}
    .mypage_wrap .sub_sec_tit h3 {font-size: 7.16vw; line-height: 8.20vw;}
    .mypage_wrap .sub_sec_tit p {font-size: 3.26vw; line-height: 1; margin-top: 1.56vw;}
    
    .mypage_wrap #content_wrap {margin-top: 0 !important;}
    .mypage_wrap .sub_content .cont_wrap {position: relative; width: 92.19vw !important; background: #fff; z-index: 1; padding-top: 0; margin-top: 0;}
    .mypage_wrap .cont_inner {display: inherit; width: 100%;}

    /* visual */
    .mypage_wrap .title_wrap .visual {background:linear-gradient(0deg, rgba(0, 59, 32, 0.85), rgba(0, 59, 32, 0.85)),  url('../images/visual/mypage.jpg') no-repeat center; background-size: cover; height: 84.64vw !important;}
        .mypage_wrap .title_wrap .visual .tit_wrap p {font-size: 2.60vw; font-weight: 700;}
        .mypage_wrap .title_wrap .visual .tit_wrap h2 {font-size: 9.11vw;}
        .mypage_wrap .title_wrap .visual .page_map a {font-size: 2.34vw; margin: 0 1.82vw;}
        .mypage_wrap .title_wrap .visual .page_map .dep1 {margin-right: 2.73vw;}
        .mypage_wrap .title_wrap .visual .page_map .dep1::after {right: -2.73vw; top: 50%;}

    /* title & search cont */
    .mypage_wrap .cont {margin-top: 3.28vw;}
    .mypage_wrap .cont .title {display: flex; align-items: center;}
        .mypage_wrap .cont .title img {width: 2.60vw; margin-right: 0.78vw;}
        .mypage_wrap .cont .title span {font-family: 'GmarketSansMedium'; font-size: 1.30vw; font-weight: 400; color: #555;}
        .mypage_wrap .cont .title strong {font-family: 'GmarketSansBold'; color: #003B20; font-weight: 500;}
        
    .mypage_wrap .cont .search_cont .search button {border: none; background: #003B20; color: #fff; width: 13.02vw; height: 7vw; display: inline-flex; align-items: center; justify-content: center; font-size: 2.34vw; font-weight: 700; font-family: 'Pretendard'; border-radius: 0.65vw;}

    .mypage_wrap .cont .search_cont {margin-top: 3.73vw; border: 1px solid #D9D9D9; border-radius: 2.60vw; padding: 4.5573vw 4.6042vw;}
        .mypage_wrap .cont .search_cont .search {display: flex; align-items: center; margin-bottom: 1.56vw;}
        .mypage_wrap .cont .search_cont .search:last-child {margin-bottom: 0; width: 100%;}
        .mypage_wrap .cont .search_cont .search .input { width: 100%;}
        .mypage_wrap .cont .search_cont .search strong {font-family: 'GmarketSansBold'; font-size: 3vw; color: #333; font-weight: 700; margin-right: 1.88vw;}
    .mypage_wrap .cont {margin-top: 8.20vw;}
    .mypage_wrap .cont .title {display: flex; align-items: center;}
        .mypage_wrap .cont .title img {width: 6.51vw; margin-right: 1.95vw;}
        .mypage_wrap .cont .title span {font-family: 'GmarketSansMedium'; font-size: 3.26vw; font-weight: 400; color: #555;}
        .mypage_wrap .cont .title strong {font-family: 'GmarketSansBold'; color: #003B20; font-weight: 500;}
    
    /* .mypage_wrap .cont .search_cont {margin-top: 3.73vw; border: 1px solid #D9D9D9; border-radius: 2.60vw; padding: 4.5573vw 4.6042vw;}
        .mypage_wrap .cont .search_cont .search {display: flex; align-items: center; margin-bottom: 3.91vw;} */

    /* board */
    .dpp_basic_tbl {border-top: 2px solid #000;}
    .dpp_basic_tbl > li.dpp_tbl_td {padding: 15px 10px 12px;}
    .dpp_basic_tbl > li > div.dpp_td_tt {border: 0 !important;}
    .dpp_basic_tbl > li > div.dpp_td_tt a {padding: 0 10px 8px 0 !important; font-size: 17px !important;}
    .dpp_basic_tbl > li > div {font-size: 13px !important;}

    /* my page */
    .mypage .cont {display: inherit; margin-top: 6.90vw; border: 1px solid #D9D9D9; border-radius: 2.60vw; background: #fff; padding: 3.81vw;}
    .mypage .cont .img {width: 16.14vw; height: 16.14vw; margin-right: 5.73vw;}
    .mypage .cont .img img {width: 100%; height: 100%; object-fit: cover;}
    
    .mypage .cont .profile {width: 100%;}
    .mypage .cont .profile .top {position: relative; width: 100%; padding:3.91vw 0 4.56vw; border-bottom:1px solid #d9d9d9;}
        .mypage .cont .profile .top::before {content: ""; display: block; background: url('../images/logo/mypage_logo.svg'); width: 29.95vw; height: 6.38vw; background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; right: 0; bottom: 2.86vw;}
        .mypage .cont .profile .top p {font-family: 'GmarketSansBold'; font-size: 3.91vw; font-weight: 700; color: #003B20;}
        .mypage .cont .profile .top p span {font-family: 'GmarketSansMedium'; font-size: 3.26vw; font-weight: 500; color: #333;}

    .mypage .cont .profile .bot {display: flex; align-items: flex-start; justify-content: space-between; margin-top: 5.86vw;}
        .mypage .cont .profile .bot p {font-family: 'GmarketSansMedium'; font-size: 2.60vw; font-weight: 500; line-height: 3.91vw; color: #333; margin-top: 2.47vw;}
        .mypage .cont .profile .bot p:last-child {margin-bottom: 0;}
        .mypage .cont .profile .bot strong {display: inline-block; font-family: 'GmarketSansBold'; font-size: 2.60vw; line-height: 3.91vw; font-weight: 700; min-width: 11.33vw; margin-right: 2.21vw;}


    /* homework */
    .homework .search_cont .search .input {position: relative; font-size: 0;}
        .homework .search_cont .search input {border: 1px solid #D9D9D9; border-radius: 0.65vw; padding: 1.3vw 3.52vw 1.30vw 2.34vw; height: 7vw; font-size: 2.34vw; font-weight: 400; color: #000;}
        .homework .search_cont .search:first-child .input::after {content: ""; display: block; width: 3.3vw; height: 3.6vw; background: url('../images/icon/calendar.svg') no-repeat center; background-size: contain; position: absolute; right: 1.6vw; top: 50%; transform: translateY(-50%);}
        .homework .search_cont .search input[name="date"] {width: 35.04vw;}
        .homework .search_cont .search input[name="name"] {width: 50.71vw;}

    .homework .search_cont .search .input {width: 100%;}
    .homework .search_cont .search input.hasDatepicker {width: 100% !important;}
    .homework .search_cont .search input#sc_word {width: 55vw;}

    .homework .total {font-family: 'GmarketSansMedium'; margin-top:  6.64vw; display: flex; align-items: center; font-size: 14px; font-weight: 500; color: #000;}
        .homework .total span {font-family: 'GmarketSansBold'; font-weight: 500; margin-left: 0.91vw;}

    .homework .dpp_bd_wrap {margin-top:  2.86vw; border: 0;}
    .homework .dpp_basic_tbl > li.dpp_tbl_th > div {font-family: 'GmarketSansBold'; border: 0; background: #ECF5F1; color: #003B20; font-size: 2.34vw; font-weight: 500; width: 20.83vw; line-height: 1; padding: 3.78vw 0;}
        .homework .dpp_basic_tbl > li.dpp_tbl_th > .dpp_th_chk {border-radius: 1.30vw 0 0 1.30vw; width: 3.26vw;}
        .homework .dpp_basic_tbl > li.dpp_tbl_th > .dpp_th_tt {width: 76.82vw;}
        .homework .dpp_basic_tbl > li.dpp_tbl_th > .dpp_th_print {border-radius: 0 1.30vw 1.30vw 0;}
        .homework .dpp_basic_tbl > li > div.dpp_td_tt {font-family: 'GmarketSansMedium'; border-bottom: 1px solid #D9D9D9; font-size: 2.34vw; font-weight: 400; color: #555; line-height: 1; padding: 3.78vw 0;}
        .homework .dpp_basic_tbl > li > div.dpp_td_tt {padding: 0;}
        .homework .dpp_basic_tbl > li > div.dpp_td_tt a {padding: 3.78vw 0 3.78vw 0; cursor: default;}
        .homework .dpp_basic_tbl > li > div.dpp_td_print button {display: inline-flex; align-items: center; justify-content: center; background: #EAEAEA; border-radius: 0.65vw; width: 80px; height: 26px; font-size: 13px; font-weight: 400; color: #000; border:none;}
        .homework .dpp_basic_tbl > li > div.dpp_td_print img {width: 18px; margin-right: 0.65vw;}

    .homework .dpp_basic_tbl .print_list {display: none; position: absolute; top: 140%; width: 41.67vw; height: auto; background: #f5f5f5; border-radius: 1.30vw; padding: 0.91vw 2.60vw; z-index: 1;}
        .homework .dpp_basic_tbl .print_list::before {content: ""; display: block; border-top:0.00vw solid transparent; border-left: 1.30vw solid transparent; border-right: 1.30vw solid transparent; border-bottom: 1.30vw solid #F5F5F5; content:""; position:absolute; top:-1.1vw;}
        .homework .dpp_basic_tbl .print_list li {font-size: 1.82vw; font-weight: 400; color: #555; padding: 1.95vw; border-bottom: 0.13vw solid #e1e1e1; display: flex; align-items: center; cursor: pointer;}
        .homework .dpp_basic_tbl .print_list li:last-child {border-bottom: 0;}
        .homework .dpp_basic_tbl .print_list li img {width: 1.95vw; margin-right: 1.95vw !important;}

    .dpp_page_wrap a.pg_page {color: #adadad; font-size: 2.99vw; font-weight: 400; width: 5.60vw; height: 5.60vw;}
        .dpp_page_wrap strong.pg_current {background: #707070; border-radius: 0.65vw; color: #fff; font-size: 2.99vw; font-weight: 700;}
        .dpp_page_wrap a.pg_page.pg_start {background: url("/../images/btn/p_last.svg") center no-repeat; transform: rotate(180deg);}
        .dpp_page_wrap a.pg_page.pg_prev {background: url("/../images/btn/p_next.svg") center no-repeat; transform: rotate(180deg);}
        .dpp_page_wrap a.pg_page.pg_next {background: url("/../images/btn/p_next.svg") center no-repeat;}
        .dpp_page_wrap a.pg_page.pg_end {background: url("/../images/btn/p_last.svg") center no-repeat;}

    /* grade */
        .grade .search_cont .search select {width: 26.04vw; height: 7vw; color: #888; font-size: 2.34vw; margin-right: 1.43vw; border-radius: 0.65vw; border: 1px solid #D9D9D9; background-color: #fff; padding: 1.30vw 2.08vw 1.30vw 2.47vw; background-image: url("../images/sub/grade_arrow.svg"); background-position: 93% 50%;}

    .grade .table_cont {margin-top: 7.81vw;}
        .grade .table_cont h3 {font-family: 'GmarketSansBold'; font-size: 3.3vw; font-weight: 500; color: #003B20;}
        .grade .table_cont .table {margin-top: 7.81vw; overflow: hidden;}
        .grade .table_cont .table:not(.table4) > div {overflow-x: scroll;}
        .grade .table_cont table {margin-top: 2.47vw; border-spacing: 0; min-width:120.01vw;}
        .grade .table_cont table thead {font-size: 0;}
        .grade .table_cont table thead tr {font-family: 'GmarketSansBold'; color: #003B20; font-size: 2vw; font-weight: 500; line-height: 1; height: 9.77vw;}
        .grade .table_cont table thead tr th {border-right: 1px solid #D9D9D9; width: 23.31vw; background: #ECF5F1;}
        .grade .table_cont table thead th:first-child {border-radius: 2.60vw 0 0 0;}
        .grade .table_cont table thead th:last-child {border-radius: 0 2.60vw 0 0; border-right: none;}
        .grade .table_cont table thead .dep2 th {/* border:1px solid #003B20; */ border: 1px solid #D9D9D9; border-right: 0; background:#fff; border-radius:0; }
        .grade .table_cont table thead .dep2 th:last-child {border-right:1px solid #D9D9D9;}
        .grade .table_cont table tbody tr {height: 10.42vw; text-align: center; font-size: 2.6vw; font-weight: 400; color: #555;}
        .grade .table_cont table tbody tr td {border-bottom: 1px solid #D9D9D9;}

        .grade .table_cont .table3 {margin-top: 0 !important;}
        .grade .table_cont .table4 .tit {display: flex; align-items: center; justify-content: space-between; padding: 1px 0;}
        .grade .table_cont .table4 .tit .btn {display: flex; align-items: center;}
        .grade .table_cont .table4 .tit .btn a {display: flex; align-items: center; justify-content: center; width: 22.83vw; height: 5.21vw; border-radius: 0.65vw; border: 1px solid #C1C1C1; background: #fff; font-family: 'GmarketSansMedium'; font-size: 2.08vw; font-weight: 400; color: #858585;}
        .grade .table_cont .table4 .tit .btn a:first-child {margin-right: 0.65vw; width: 17.63vw;}
        .grade .table_cont .table4 .tit .btn a.active,
        .grade .table_cont .table4 .tit .btn a:hover {border:1px solid #003B20; color:#003B20;}
        .grade .table_cont .table4 .tit .btn a.active img,
        .grade .table_cont .table4 .tit .btn a:hover img {filter: grayscale(0) brightness(1);}
        .grade .table_cont .table4 .tit .btn a img {width: 2.34vw; margin-right: 1.04vw; filter: grayscale(1) brightness(2.75);}
        .grade .table_cont .table4 thead tr {height: 7.51vw;}
    .grade #view_graph {display: none; margin-top: 5.73vw;}
    .grade #raderChart {margin-top: 6.32vw;}

    .grade .table_total > div {overflow-x: scroll;}
    .grade .chart_cont#view_table > div {overflow-x: scroll;}
    .grade .table_cont .table_total .table {overflow: initial !important;}
    .grade .table_cont .table_total .table > div {overflow-x: inherit !important;}


    /* library */
    .library .search_cont .search input {border: 1px solid #D9D9D9; border-radius: 0.65vw; width: 59.71vw; height: 7vw; padding: 1.3vw 3.52vw 1.30vw 2.34vw; font: 2.34vw sans-serif;}

    .library .total {font-family: 'GmarketSansMedium'; margin-top:  6.66vw; display: flex; align-items: center; font-size: 14px; font-weight: 500; color: #000;}
        .library .total span {font-family: 'GmarketSansBold'; font-weight: 500; margin-left: 0.36vw;}

    .library .dpp_bd_wrap {margin-top:  1.15vw; border: 0;}
    .library .dpp_basic_tbl > li.dpp_tbl_th > div {font-family: 'GmarketSansBold'; border: 0; background: #ECF5F1; color: #003B20; font-size: 2.47vw; font-weight: 500; width: 8.33vw; line-height: 1; padding: 1.51vw 0;}
        .library .dpp_basic_tbl > li.dpp_tbl_th > .dpp_th_tt {width: 97.01vw;}
        .library .dpp_basic_tbl > li.dpp_tbl_th > .dpp_th_date {width: 21.48vw;}
        .library .dpp_basic_tbl > li > div.dpp_td_tt {font-family: 'GmarketSansMedium'; border-bottom: 1px solid #D9D9D9; font-size: 0.94vw; font-weight: 400; color: #555; line-height: 1; padding: 1.51vw 0;}
        .library .dpp_basic_tbl > li.dpp_tbl_td div,
        .library .dpp_basic_tbl > li.dpp_tbl_td div a {font-size: 2.34vw;}
        .library .dpp_basic_tbl > li > div.dpp_td_tt {padding: 0;}
        .library .dpp_basic_tbl > li > div.dpp_td_tt a {padding: 3.78vw 4.56vw;}
        .library .dpp_basic_tbl > li > div.dpp_td_print button {display: inline-flex; align-items: center; justify-content: center; background: #EAEAEA; border-radius: 0.26vw; width: 6.25vw; height: 2.08vw; font-size: 0.83vw; font-weight: 400; color: #000; border:none;}
        .library .dpp_basic_tbl > li > div.dpp_td_print img {margin-right: 0.26vw;}

    .pagination {margin: 6.51vw auto 0; width: 55.47vw; display: flex; align-items: center; justify-content: space-between;}
        .pagination li {width: 5.60vw; height: 5.60vw;}
        .pagination li a {font-size: 2.99vw; color: #adadad; font-weight: 400; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
        .pagination li.page_num.active,
        .pagination li.page_num:hover {background: #707070; border-radius: 0.65vw;}
        .pagination li.page_num.active a,
        .pagination li.page_num:hover a {color: #fff; font-weight: 700;}
        .pagination .p_btn {height: 2.08vw;}
        .pagination .p_btn img {width: auto; height: 100%;}
        .pagination .p_next,
        .pagination .p_end {transform: rotate(180deg);}


    .dpp_join_wrap {padding-top: 12.2396vw;}
    /* 로그인 */
    .custom_login {max-width: 100% !important; width: 100% !important; padding: 0; margin-bottom: 23.4375vw;}
    .login_content_wrap {max-width: 63.5vw !important;}
    .custom_login .sub_sec_tit {padding-top: 12.2396vw;}
    .custom_login .sub_sec_tit h3 {line-height: 6.7383vw;}
    .custom_login .sub_sec_tit p {line-height: 3.2552vw; margin-top: 1.1406vw;}
    .custom_login .ddp_login {border: 0; margin-top: 11.0456vw;}
    .custom_login .ddp_login_in,
    .custom_login .ddp_top,
    .custom_login .ddp_login_box {padding: 0;}
    .custom_login .ddp_login_box .ddp_input input {border-radius: 6.5104vw; border-color: #d9d9d9; height: 10.4167vw; font-size: 3.1250vw; font-family: 'GmarketSansMedium'; padding-top: 0.5208vw; box-sizing: border-box;}
    .custom_login .ddp_login_box .ddp_input input::placeholder {font-size: 3.1250vw; color: #bfbfbf; font-weight: 400; font-family: 'GmarketSansMedium'; padding-top: 0.5208vw; box-sizing: border-box;}
    .custom_login .ddp_sch {margin-top: 5.0781vw;}
    .custom_login .ddp_sch a {font-size: 3.1250vw; font-weight: 400; color: #888; font-family: 'GmarketSansMedium';}
    .custom_login .ddp_login_btn {position: revert;}
    .custom_login .ddp_join_btn {border: 0; padding: 0; background: transparent;}
    .custom_login .ddp_join_btn .ddp_in {display: block; margin-top: 7.4219vw; padding: 0;}
    .custom_login .ddp_join_btn .ddp_in input,
    .custom_login .ddp_join_btn .ddp_in a {width: 100%; height: 10.4167vw; border-radius: 6.5104vw; display: flex; align-items: center; justify-content: center; font-size: 3.3854vw; font-weight: 500; line-height: 1; font-family: 'GmarketSansBold';}
    .custom_login .ddp_join_btn .ddp_login_btn input {background-color: #104D29; color: #fff;}
    .custom_login .ddp_join_btn .ddp_p.btnArea {width: 100%; display: block; margin-top: 1.9531vw;}
    .custom_login .ddp_join_btn .ddp_p.btnArea a {border-color: #104D29; color: #104D29;}


    .dpp_basic_tbl .dpp_td_date.l_start:before {content: "대여일";}
    .dpp_basic_tbl .dpp_td_date.l_end:before {content: "반납기한";}


    /* 보강신청 */
    .dpp_bd_write.apply .dpp_w_form .dpp_w_td {width: 28.6458vw !important;}
    .dpp_bd_write.apply .dpp_w_form textarea {border-color:#e6e6e6;}

.apply_info_cont {background: rgba(0, 59, 32, 0.05); border-radius: 6.5104vw; display: revert; padding: 7.8125vw; margin-bottom: 6.5104vw !important;}
    .apply_info_cont .left {display: flex; align-items: center;}
        .apply_info_cont .left img {width: 3.4844vw;}
        .apply_info_cont .left p {font-size: 3.1250vw; font-weight: 700; font-family: 'GmarketSansBold'; margin-left: 2.2135vw; color: #003B20;}
    .apply_info_cont .right {position: relative; margin-top: 4.2448vw; padding-left: 0; margin-left: 4.6979vw;}
        .apply_info_cont .right::before {display: none;}
        .apply_info_cont .right li {font-size: 2.3438vw; font-weight: 500; line-height: 4.5573vw; color: #333; font-family: 'GmarketSansMedium';}
        .apply_info_cont .right li strong {font-family: 'GmarketSansBold';}
        .apply_info_cont .right li p {font-size: 2.3438vw; color: #8A8A8A; line-height: 3.2552vw;}


    /* 오시는길 */
    .map {margin-bottom: 17.3177vw;}
    .map .map_cont {width: 100%; height: 78.1250vw; border-radius: 6.5104vw; position: relative; overflow: hidden;}
        .map .map_cont .root_daum_roughmap,
        .map .map_cont .root_daum_roughmap .wrap_map {width: 100%; height: 100%; border: 0;}
            .map .map_cont .wrap_controllers {display: none;}
        .map .map_cont .move_map {position: absolute; width: 19.4010vw; height: 19.4010vw; border-radius: 100%; top: 2.6042vw; right: 2.6042vw; overflow: hidden; z-index: 10;}
            .map .map_cont .move_map a {display: flex; align-items: center; justify-content: center; flex-direction: column; background: #003B20; width: 100%; height: 100%; color: #fff; font-size: 2vw; font-weight: 700; font-family: 'GmarketSansBold';}
            .map .map_cont .move_map a img {width: 6.2083vw; margin-bottom: 1.5625vw;}
        .map .address {margin-top: 7.8125vw; display: revert;}
            .map .address .left img {width: 41.5365vw;}
            .map .address .right {margin-top: 7.8125vw; margin-left: 0; padding-left: 0; width: 100%;}
                .map .address .right p.item strong {display: block; margin-bottom: .9vw;}
                .map .address .right::before {display: none;}
                .map .address .right .item {font-size: 3.2552vw; font-weight: 400; color: #333; line-height: 4.2552vw; font-family: 'GmarketSansLight'; margin-top: 1.8646vw;}
                .map .address .right .item strong {font-weight: 700; line-height: 4.2552vw; color: #000; margin-right: 3.2552vw; font-family: 'GmarketSansBold';}
                .map .address .right div {margin-top: 0; display: revert;}
                .map .address .right div span {display: block;}


    .dpp_basic_tbl .dpp_td_submitDate:before {content: "제출일";}

    #view_graph .inner {display: revert !important;}
    #view_graph .inner .canvas {width: 100% !important;}




}