@charset "utf-8";
@media (max-width: 1600px) {
	/* header */
    #wrapper{padding-top:80px;}
    #header .contain{height:80px;}
    #header .sitelogo a img {height:76px;}


    #gnb>ul {margin:0 -50px;} 
    #gnb>ul>li {padding:0 50px;}
    #gnb>ul>li>a {font-size:19px; line-height:80px;}

    .mem-menu{right:30px;}
    .mem-menu ul{gap:30px;}
    .mem-menu ul li .ic{margin-bottom:3px;}
    .mem-menu ul li .ic img{height:28px;}
    .mem-menu ul li p{font-size:13px;}

    /* sub page */
    .sub-visual {height:300px;margin:0;border-radius:0;}
    .sub-visual .background{background-position:80% 50%;}

    /* footer */
    #footer{padding:30px 0 20px;}
    .scroll-top{width:44px;height:44px;}

}

@media (max-width: 1230px) {
    /* main */
    .main-wrap {flex-direction:column; gap:20px; padding-bottom:60px;}
    .main-visual {width:100%;}
    .main-links {width:100%; flex-direction:row; gap:20px;}
    .main-links .link-item {flex:1; height:auto; gap:20px;}

	/* 설문조사 - 1 */
    /* .survey .progress{gap:20px;} */
    .survey .progress .bar-wrap{height:36px;}

    /* .target-person .title{margin-bottom:15px;} */
    .sv-box{padding:20px;}
    .sv-list>ul>li .tit-wrap{margin-bottom:15px;}
    .sv-list>ul>li .tit-wrap .num{width:50px;}
    .sv-list>ul>li .tit-wrap .tit{padding:10px 15px;}
    .sv-list>ul>li .answer{padding-left:0;}

    .doc-chk {margin-top:-.2em;}
    .doc-chk label:before {margin:-.3em 8px 0 0; width:20px; height:20px;background-size:10px;}
    
    .sv-title{margin-bottom:20px;padding:20px;gap:30px;}
    .sv-title .wrap .tt{margin-top:3px;}

    input.input.st2,
    select.input.st2{height:38px;padding:0 10px;}

    .input-unit select.input{width:250px;}
    .input-unit input.input{width:60px;padding:0 10px;}
    .input-unit .unit{margin-left:10px;}

    .chk-list>ul{gap:10px 30px;}
    .chk-list>ul>li .flex .input-unit{margin-left:10px;}

    .etc-wrap{gap:10px;}
    .etc-wrap input.input{padding:0 10px;}
    
    .sv-list>ul>li .tit-wrap .nt-txt{margin-top:5px;}

    .step-btn{width:170px;height:50px;}
    .step-btn span{padding-right:70px;}

    .back-btn{width:170px;height:50px;}
    .back-btn span{padding-left:70px;}

    /* 설문조사 - 2 */
    .tb-wrap-outer.fixed{padding:0 50px;}
    .tb-wrap-outer.fixed .tb-wrap{max-width:calc(1400px - 40px);}

    .tb-wrap .question .num{width:36px;}
    .num-chk>li .wrap .doc-chk label:before{width:30px;height:30px;}

    /* 설문조사 - 9 팝업 */
    .doc-btns ul{gap:10px;}
    .doc-btns ul li .btn{width:120px;height:44px;font-size:16px;}

    .tb-wrap .question .tit br{display: none;}

    /* 설문조사 - 15 */
    .num-chk.size2>li .wrap .doc-chk label:before{width:20px;height:20px;font-size:12px;}

    .sv-box-wrapper.type2{padding:20px;}
    .sv-box-wrapper.type2 .arr-range{padding:0 10px;}
    .sv-box-wrapper.type2 .arr-range .txt{font-size:14px;}
    .step-btn.type2{width:120px;}

}

@media (max-width: 1024px) {
	#gnb{display: none;}
    .mem-menu {flex:1 1 auto; min-width:0; width:1%;}
    .mem-menu ul {justify-content:flex-end;}
    .btn-m-menu {display:block;}

    /* sub */
    #container.has-lnb {padding-top:var(--size60);}
    #container.has-lnb {gap:30px; grid-template-columns: 200px 1fr;}

    .real-cont {padding-top:var(--size60);}

    
}

@media (max-width: 768px) {
	/* header */
    #wrapper{padding-top:60px;}
    #header .contain{height:60px;padding:0 15px;}
    #header .sitelogo {top:12px; left:15px;}
    #header .sitelogo a img{height:52px;}

    .mem-menu ul{gap:16px;}
    .mem-menu ul li .ic{margin-bottom:0;}
    .mem-menu ul li .ic img{height:20px; display:block; margin:0 auto;}
    .mem-menu ul li p{font-size:12px;}

    .btn-m-menu {width:26px; height:26px;}
    .btn-m-menu span {width:18px;}
    .btn-m-menu span:before, .btn-m-menu span:after {width:26px;}

    /* sub page */
    .sub-visual {height:200px;margin:0;border-radius:0;}
    .sub-visual .tt-wrap{width:70%;transform:translate(0,-50%);left:0;}
    .sub-visual .tt-wrap .tit{font-size:24px;margin-bottom:5px;}
    .sub-visual .background{background-position:80% 50%;}

    #container.has-lnb {display:block; padding-left:15px; padding-right:15px;}
    #lnb {margin-bottom:30px;}
    .lnb {display:none;}
    .lnb-m {display:block;}

    .sub-title {flex-direction:column; align-items:flex-start; padding-top:0;}
    .sub-title .path {order:-1;}
    .sub-title .path img {width:12px;}

    /* main */
    .main-wrap {padding:0 15px 40px; gap:15px;}

    .main-visual .slick-arrow {background-size:12px auto;}
    .main-visual .slick-prev {left:0;}
    .main-visual .slick-next {right:0;}
    .main-visual .slick-dots {gap:6px;}
    .main-visual .slick-dots li button {width:12px; height:12px;}
    .main-visual .slick-dots li.slick-active button {width:32px;}

    .main-links {flex-direction:column; gap:15px;}
    .main-links .link-item {padding:30px 20px 20px 30px; gap:10px;}
    .main-links .link-item .icon-area .icon {width:80px;}
    .main-links .link-item .icon-area .arrow {width:50px;}

    /* footer */
    #footer .contain{padding:0 15px;}
    #footer .foot-top{flex-direction:column;margin-bottom:20px;}
    #footer .foot-top .info{order:2;}
    #footer .foot-top .info .logo{margin-bottom:20px;text-align:center;}
    #footer .foot-top .info .logo img{height:55px;}
    #footer .foot-top .info address dl{justify-content:center;font-size:13px;margin-bottom:0;}
    #footer .foot-top .info address dl dt{width:auto;margin-right:10px;}
    #footer .foot-top .right{order:1;margin-bottom:25px;}
    #footer .foot-top .right .menu{margin-bottom: 20px;}
    #footer .foot-top .right .menu ul{gap:10px;justify-content:center;}
    #footer .foot-top .right .menu ul li a{width:auto;height:24px;font-size:12px;display:inline-flex;padding:0 15px;}
    #footer .foot-top .right .sns ul{gap:10px;justify-content:center;}
    #footer .foot-top .right .sns ul li img{height:30px;}
    #footer .foot-btm{padding:15px 20px;flex-direction:column;}
    #footer .foot-btm .copy{order:2;margin-top:10px;text-align:center;font-size:12px;line-height:1.4em;}

    .family {max-width:160px;order:1;}
    .family .tit {padding:0 15px;height:32px;font-size: 13px;}
    .family .tit:after {right:15px;}
    .family .family-open {bottom:36px;padding:10px 15px;}
    .family .family-open ul li a{font-size:13px;}

    .scroll-top{width:36px;height:36px;right:15px;}
    .scroll-top img{height:16px;}

    /* 연구소개 */
    .purpose-title {flex-direction:column; align-items:flex-start;}
    .purpose-title .text .icon {width:50px; margin-bottom:12px;}
    .purpose-title .text h2 {font-size:32px; margin-bottom:20px;}
    .purpose-title .text p {font-size:18px;}
    .purpose-title .image {width:100%;}
    .purpose-title .image img {width:100%;}
    .purpose-content {font-size:16px;}

    .our-team {margin-bottom:50px;}
    .our-team h3 {font-size:20px; margin-bottom:12px;}
    .our-team ul {grid-template-columns:1fr; gap:12px;}
    .our-team ul li {padding:24px; gap:10px;}

    .contact-email .link-area {width:100%; justify-content:center;}

    .guide-content {font-size:16px;}

    .guide-haven {padding:32px 24px; text-align:center; justify-content:center;}
    .guide-haven .text-area {flex-direction:column;}
    .guide-haven .text-area .icon {width:100px; margin-left:20px;}
    .guide-haven .btn-area .btn {padding:15px 24px; font-size:16px;}

    /* 설문조사 - 1 */
    .survey .progress{display:block;}
    .survey .progress .tit{font-size:16px;}
    .survey .progress .bar-wrap{height:24px;width:100%;margin-top:10px;font-size:10px;}
    .survey .progress .bar-wrap .bar{font-size:11px;}

    .target-person .title{display:block;}
    .target-person .title .nt{margin-top:10px;}
    .sv-list>ul>li .tit-wrap{margin-bottom:10px;}
    .sv-list>ul>li .tit-wrap .num{width:36px;}
    .sv-list>ul>li .tit-wrap .tit{padding:10px 13px;}

    .sv-box{padding:0;border: none;}

    .doc-chk {margin-top:-.2em;}
    .doc-chk label:before {margin:-.25em 6px 0 0; width:18px; height:18px;background-size:9px;}
    
    .sv-title{display: block;margin-bottom:20px;padding:20px;}
    .sv-title .num{margin-bottom:10px;}
    .sv-title .wrap{width:100%;}
    .sv-title .wrap .tt{margin-top:5px;}

    input.input.st2,
    select.input.st2{height:30px;padding:0 5px;}
    .sv-select{display:block;}
    .sv-select .col{margin-bottom:10px;}
    .sv-select .col:last-child{margin-bottom:0;}
    .sv-select select.input{width:100%;padding:0 10px;height:36px;}

    .input-unit .unit{margin-left:5px;}
    .input-unit select.input{width:170px;padding:0 10px;height:36px;}
    .input-unit input.input{width:50px;}

    .chk-list>ul{gap:8px 20px;}
    .chk-list>ul>li .flex .input-unit{margin-left:5px;}

    .total-input .total{margin-right:5px;}
    .total-input .input-unit-flex{gap:10px;}

    .etc-wrap{gap:10px;flex-wrap:wrap;}
    .etc-wrap input.input{padding:0 10px;}
    .etc-wrap .input-unit input.input{width:30px;padding:0 5px;}

    .chk-list.number>ul>li .doc-chk label:before{font-size:11px;}

    .sv-list>ul>li .tit-wrap .nt-txt{font-size:11px;}

    .step-btn{margin:40px auto 0;width:120px;height:40px;}
    .step-btn span{padding-right:40px;}
    .step-btn span:after{margin-top:-8px;width:16px;height:16px;}

    .back-btn{margin:40px auto 0;width:120px;height:40px;}
    .back-btn span{padding-left:40px;}
    .back-btn span:before{margin-top:-8px;width:16px;height:16px;}

    /* 설문조사 - 2 */
    .tb-wrap-outer.fixed{padding:0 15px;}
    .tb-wrap-outer.fixed .tb-wrap{max-width:calc(1400px - 30px);}

    .tb-wrap .question .num{width:auto;min-width:26px;padding-right:5px;}

    .sv-list2-tit .tb-wrap{display: block;}
    .sv-list2-tit .tb-wrap .question{display: none;}
    .sv-list2-tit .tb-wrap .points{width:100%;}
    .sv-list2-tit .tb-wrap .points>ul>li{height:60px;font-size:13px;line-height:1.3em;}
    .sv-list2-tit .tb-wrap .points>ul>li br{display: none;}
    .sv-list2 .tb-wrap{display: block;}
    .sv-list2 .tb-wrap .question{width:100%;border-right:none;padding:15px 0;border-bottom: 1px solid #ddd;align-items:flex-start;}
    .sv-list2 .tb-wrap .points{width:100%;}
    .sv-list2 .tb-wrap .points>ul>li{height:auto;padding:10px 0;}
    .sv-list2 .tb-wrap .points>ul>li .wrap{width:24px;}

    .num-chk>li .wrap .doc-chk label:before{width:24px;height:24px;font-size:14px;}

    .sv-box.type2 .tb-wrap .question .tit{text-align: left;}

    /* 설문조사 - 9 팝업 */
    .modal-wrap{padding:30px 20px;}
    .modal-wrap .title{line-height:1.4em;}
    .md-list-txt{padding:10px 15px;}

    .doc-btns ul li .btn{width:80px;height:32px;font-size:15px;}

    .chk-notice{margin-top:10px;}
    .chk-notice .tit{display: block;margin-bottom:3px;}

    .m-block>ul{flex-direction:column !important;align-items:flex-start !important;}

    .sv-list>ul>li .row-wrap .row:not(:first-child) .tit-wrap .num{display: none;}

    .sv-title .wrap .tit{line-height:1.5em;}
    .sv-title .wrap .tt br{display: none;}

    .arr-range{padding:0 10px;}

    /* 설문조사 - 15 */
    .num-chk.size2>li .wrap .doc-chk label:before{width:16px;height:16px;font-size:10px;}
    
    .sv-list2 .tb-wrap .points>.num-chk.size2>li .wrap{width:16px;height:16px;margin:0 auto;}

    .sv-box-wrapper.type2{padding:0;border: none;border-radius:0;}
    /* .sv-box-wrapper.type2 .sv-box{margin-bottom:40px;} */
    .sv-box-wrapper.type2 .sv-box:last-child{margin-bottom:0;}
    /* .sv-box-wrapper.type2 .sv-box .sv-list2-tit{border-top:1px solid #ddd;} */
    .sv-box-wrapper.type2 .arr-range{padding:0 10px;}
    .sv-box-wrapper.type2 .arr-range .txt{font-size:14px;}
    .step-btn.type2{width:120px;}

    .arr-range{min-height:60px;}

    /* 설문완료 */
    .survey-complete .icon img {width:88px;}
    .survey-complete .btn {width:130px; height:50px; font-size:16px;}

    /* 마이페이지 */
    .result-paper .writer .fields {display:grid; grid-template-columns:1fr 1fr; gap:10px 6px;}
    .result-paper .writer .item {width:100%;}
    .result-paper .writer .val {font-size:15px;}

    .result-paper .mid {flex-direction:column;}
    .result-paper .detail {width:100%;}
    .result-paper .detail .thead {gap:6px; margin-bottom:18px;}
    .result-paper .detail .thead .th:nth-child(1) {width:100px;}
    .result-paper .detail .rows {gap:16px; margin-bottom:10px;}
    .result-paper .detail .row {grid-template-columns:100px minmax(0, 1fr); gap:6px;}
    .result-paper .detail .name {font-size:14px;}
    .result-paper .detail .track {padding-right:12px;}
    .result-paper .detail .bar {height:20px;}
    .result-paper .detail .bar:after {width:24px; height:24px;}
    .result-paper .final {width:100%;}
    .result-paper .final .lbls {font-size:12px;}
    .result-paper .btm {flex-direction:column;}
    .result-paper .btm .thumb img {max-width:240px;}
    .result-paper .btm .block {padding:15px 0 12px;}
    .result-paper .btm .pbar {height:24px;}

    .ongoing-edu .summary .head {gap:20px;}
    .ongoing-edu .summary .meta {gap:16px;}
    .ongoing-edu .summary .ic {width:60px; height:60px;}
    .ongoing-edu .summary .lbl {font-size:14px;}
    .ongoing-edu .summary .num {font-size:24px;}
    .ongoing-edu .summary .sub {font-size:13px;}
    .ongoing-edu .summary .btn {margin:0 auto; font-size:16px; padding:10px 15px;}

    .my-edu-latest .item {padding:15px;}
    .my-edu-latest .content .title {width:100%;}
    .my-edu-list .item {padding:15px;}
    .my-edu-list .content .title {width:100%;}

    .act-log thead th {font-size:15px; padding:10px 10px; height:auto;}
    .act-log tbody td {font-size:15px; padding:8px 10px;}
    .act-log .del:before {width:16px;}
    .act-log .del span {display:none;}
   
}