@charset "utf-8";

@media (max-width: 1910px){ 
    .slider img {
        width: 100%;
    }
}
@media (max-width: 1680px){ 
    .quick.fixed{
        top: initial !important;
    }
    .quick{
        position: fixed;
        flex-direction: row;
        top:initial  !important;
        left: initial;
        margin-left: 0;
        right: 20px;
        bottom:0px;
        gap: 20px;
    }
    .quick ul{
        flex-direction: row;
        align-items: center;
        padding: 10px 10px 10px 10px;
        gap: 10px;
    }
    .quick ul li{
        padding:0 !important;
        border-bottom: none;
    }
    .quick ul li a br{
        display: none;
    }
}
@media (max-width: 1440px){ 
    .header .hd-inner,
    .cont-box{
        padding: 0 20px;
        box-sizing: border-box;
    }
    .hd-search{
        width: 620px;
    }
    .pic_li_lt {
        padding: 0;
    }
    .main-layout{
        flex-direction: column;
        width: 100%;
    }
    .main-layout .main-latest-box{
        width: 100%;
    }
    .main-layout .main-mt-latest-box {
        width: 100%;
        flex-wrap: wrap;
        flex-direction: row;
        padding: 33px 14px 0px 14px;
    }
    .main-layout .main-mt-latest-box .main-latest-title-set{
        width:100%;
    }
    .main-mt-sch-list {
        width:50%;
    }
    .type-a {
        width: 23%;
    }
    .main-slick-slide .slick-prev {
        margin-left: -512px;
    }
    .main-slick-slide .slick-next {
        margin-right: -512px;
    }
    .mt-main-service-box .mt-main-service-bnn{
        flex-direction: column;
    }
    .mt-main-service-box .mt-main-service-bnn a{
        width:100%;
    }
    .mt-main-service-box .mt-main-service-bnn a br{
        display: none;
    }
    .mt-main-service-box .mt-main-service-bnn a::before{
        top:10px;
    }
}
@media (max-width: 1280px){ 
    .header:not(.hd-college) {
        position: relative;
        top: initial;
        left: initial;
    }
    #wrapper {
        padding-top: 0;
    }
    .main-logo img {
        height: 50px;
    }
    .hd-main {
        padding: 10px 0 70px 0;
    }
    .hd-main .hd-search{
        position: absolute;
        bottom: 5px;
        left: 50%;
        transform: translateX(-50%);
        max-width: calc(100% - 40px);
        box-sizing: border-box;
        width: 100%;
    }
    .menu-area{
        box-sizing: border-box;
        padding:0 30px;
        width: 100%;
    }
    .sub-menu{
        overflow: auto;
        align-items: baseline;
        justify-content: flex-start;
        box-sizing: border-box;
        padding:0 20px;
    }
    .sub-menu::-webkit-scrollbar {
        width: 5px;
        height: 8px;
    }
    .sub-menu::-webkit-scrollbar-track {
        background: #ffffff; 
        border-radius: 10px;
    }
    .sub-menu::-webkit-scrollbar-thumb {
        background: #eee; 
        border-radius: 10px;
    }
    .sub-menu::-webkit-scrollbar-thumb:hover {
        background: #ddd; 
    }    
    .sub-menu .sub-menu-inner{
        max-width:100%;
    }
    .sub-menu .sub-menu-inner ul{
        gap: 20px;
        align-items: baseline;
        justify-content: flex-start;
    }
    .sub-menu .sub-menu-inner ul li a {
        line-height: 30px;
        font-size: 16px;
    }
    .sub-item-blank{
        display: block;
    }
    #container_title {
        box-sizing: border-box;
        padding:0 20px;
    }
    #container_title span{
        font-size: 18px;
    }
    .mt-main-top{
        flex-direction: column;
        width: 100%;
        gap: 30px;
    }
    .mt-main-top .mt-main-bnn{
        flex-direction: row;
        width: 100%;
    }
    .mt-main-top .mt-main-drone{
        width:100%;
        max-width: 100%;
    }
    .mt-main-top .mt-main-drone .main-slick-slide .slick-prev {
        margin-left:-512px;	/* view area half */
    }
    .mt-main-top .mt-main-drone .main-slick-slide .slick-next {
        margin-right:-512px; /* view area half */
    }
    .mt-main-drone .main-latest-title-set {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .mt-main-top .mt-main-bnn a b{
        font-size: 20px;
        line-height: 30px;
    }
    .mt-main-top .mt-main-bnn a span {
        font-size: 14px;
        line-height: 18px;
    }
    .mt-main-sch-wrap{
        box-sizing: border-box;
        padding-bottom:10px;
        margin-bottom: 20px;
        overflow: auto;
    }
    .mt-main-sch-wrap::-webkit-scrollbar {
        width: 5px;
        height: 8px;
    }
    .mt-main-sch-wrap::-webkit-scrollbar-track {
        background: #f1f1f1; 
        border-radius: 10px;
    }
    .mt-main-sch-wrap::-webkit-scrollbar-thumb {
        background: #eee; 
        border-radius: 10px;
    }
    .mt-main-sch-wrap::-webkit-scrollbar-thumb:hover {
        background: #aaa; 
    }
    .shop-item-inner { 
        flex-direction: column;
        justify-content:flex-start;
    }
    .shop-item-img,
    .shop-item-form { 
        max-width: 100%;
    }
    .shop-cart-list ul li .shop-cart-item{
        flex-direction: column;
        justify-content:flex-start;
        align-items:baseline;
        gap: 10px;
    }
    .pay-method-list ul{
        justify-content: flex-start !important;
    }
    .pay-method-list ul li{
        width: calc( 33.3333% - 5px );
    }

	.sch-rank-wrap .sch-rank-top {
		padding: 180px 30px 29px 30px;
	}
	.sch-rank-list-wrap{
		padding:0 30px;
	}
	.sch-rank-wrap .sch-rank-top .sch-rank-filter{
		flex-wrap:wrap;
	}
	.sch-rank-wrap .sch-rank-top .sch-rank-filter .sch-rank-filter-box{
		width:30%;
		flex: none;
	}
}

@media (max-width: 1110px) {
    .type-a {
        width: 48%;
    }
}

@media (max-width: 1024px){
    .menu-cont ul li{
        width: calc(33.3333% - 40px);
    }
    .menu-area .menu-cont ul{
        height:calc(100vh - 200px);
        overflow:auto;
        padding-bottom: 100px;
    }
    .menu-area .menu-cont ul::-webkit-scrollbar {
        width: 5px;
        height: 8px;
    }
    .menu-area .menu-cont ul::-webkit-scrollbar-track {
        background: #383333; 
        border-radius: 10px;
    }
    .menu-area .menu-cont ul::-webkit-scrollbar-thumb {
        background: #4e4a4a; 
        border-radius: 10px;
    }
    .menu-area .menu-cont ul::-webkit-scrollbar-thumb:hover {
        background: #6d6969; 
    } 
    #bo_v.board-view .bo_v_tit {
        font-size: 20px;
        box-sizing: border-box;
        padding:0 10px;
    }
    .mt-main-top .mt-main-bnn a {
        padding: 25px 10px 25px 120px;
    }
    .mt-main-top .mt-main-bnn a:before {
        width: 100px;
        height: 100px;
        left: 10px;
    }
    .mt-main-top .mt-main-bnn {
        gap: 20px;
    }
    .mt-main-service .flex-row-layout{
        flex-direction: column;
    }
    .mt-main-service .flex-row-layout .flex-row-box {
        width: 100%;
    }
    .shop-order-list{
        flex-direction: column;
        justify-content: flex-start;
        gap: 20px;
    }
    .shop-order-list .shop-order-list-box{
        width:100%;
    }
}
@media (max-width: 860px){
    .type-a {
        width: calc(50% - 14px) !important;
    }    
    .mt-main-top .mt-main-bnn a {
        padding: 110px 10px 25px 10px !important;
    }
    .mt-main-top .mt-main-bnn a:before {
        width: 80px !important;
        height: 80px !important;
        left: 50% !important;
        top: 15px;
        transform: translate(-50%, 0);
    }    
    .mt-main-top .mt-main-bnn a b,
    .mt-main-top .mt-main-bnn a span{
        text-align: center;
    }
    .mt-main-top .mt-main-bnn {
        gap: 10px !important;
    }
    .mt-main-service-box h3 {
        margin-top: 28px;
        font-size: 20px;
        line-height: 28px;
    }
    .mt-main-service-box p {
        margin: 5px 0 28px 0;
        font-size: 14px;
        line-height: 16px;
    }
    .mt-main-service-box .mt-main-service-bnn a {
        font-size: 16px;
        line-height: 20px;
    }
    .board-comment-box.depth{
        padding-left: 0 !important;
    }
    .shop-sort{
        justify-content: flex-start;
    }
    .shop-sort::-webkit-scrollbar-track {
        background: #ffffff; 
        border-radius: 10px;
    }
    .shop-sort::-webkit-scrollbar-thumb {
        background: #eee; 
        border-radius: 10px;
    }
    .shop-sort::-webkit-scrollbar-thumb:hover {
        background: #ddd; 
    }    
    .shop-info-top .shop-info-tab{
        width: 100%;
    }
    .shop-info-top .shop-info-tab li{
        width: 33.3333%;
    }
    .shop-info-top .shop-info-tab li button{
        padding: 10px 20px;
        font-size: 14px;
        line-height: 28px;
        width: 100%;
    }
    .shop-info-top .shop-info-tab li button span{
        padding: 0px 10px;
        font-size: 12px;
        line-height: 20px;
    }
    #sod_bsk #sod_bsk_tot ul{
        display: flex;
        flex-direction: column;
    }
    #sod_bsk #sod_bsk_tot ul li{
        float: initial;
        width: 100% !important;
    }
    .form-box-group{
        flex-direction: column;
    }
    .pay-method-list ul li{
        width: calc( 50% - 5px ) !important;
    }
    .pay-method-list ul li a{
        font-size: 13px;
        line-height: 28px;
        padding: 21px 10px 21px 75px;
        background-position: left 15px center;
        background-size: 40px auto;
    }
    .shop-order-box{
        padding:30px 0px 0px 0px;
    }
	.sch-rank-icon{
		background-color:#fff !important;
	}
	.sch-rank-list-th{
		display:none;
	}
	.sch-rank-list-tbody .sch-rank-list-tr ul {
	    flex-direction: column;
		gap:20px;
		position:relative;
        flex-wrap: nowrap;
	}
	.sch-rank-list-tbody{
		gap:20px;
	}
	.sch-rank-list-tr{
		background-color:#f8f8f8;
		border-radius:20px;
	}
	.sch-rank-list-tbody .sch-rank-list-tr ul li span.span-mo-label{
		display:inline-block;
	}
	.td-sch{
		padding-left:50px;
		width:calc( 100% - 150px )
	}
	.td-rnk{
		position: absolute;
        left: 0px;
	}
	.td-fav{
		position: absolute;
        right: 0px;
		top:3px;
	}
	.td-pur{
		position: absolute;
        right: 40px;
		top:1px;
	}
	.td-cty,
	.td-esl
	{
		width:100%;
		display:flex;
		gap:10px;
		box-sizing: border-box;
        padding-left: 76px;
		justify-content: flex-start !important;
		align-items: flex-start !important;
	}
	.td-cty p,
	.td-esl	p{
		padding:0 !important;
	}

}
@media (max-width: 768px){
    .header .hd-inner,
    .cont-box{
        padding: 0 10px !important;
    }
    .hd-main {
        padding: 10px 0 50px 0 !important;
    }
    .hd-search,
    .hd-search fieldset{
        height: 40px;
    }
    #hd_sch #sch_stx{
        height: 36px;
    }
    #hd_sch #sch_submit{
        width:40px;
        height:30px;
    }
    .hd-main .hd-search{
        max-width: calc(100% - 20px) !important;
    }
    .main-logo img {
        height: 40px !important;
    }
    .hd-util {
        gap: 5px;
    }
    .hd-util-icon span:not(.material-symbols-outlined){
        font-size: 10px;
    }
    .hd-search fieldset form label{
        display: none;
    }
    .hd-global .dropdown button.dropdown-toggle {
        line-height: 18px;
        padding: 0 10px;
        min-width: 80px;
        height: 24px;
    }
    .main-slide .main-slide-box .m-bnn-mob{
        display: block;
    }
    .main-slide .main-slide-box .m-bnn-web{
        display: none;
    }
    .flex-row-layout {
        flex-direction: column;
        width: 100%;
    }
    .notice-latest .list-module:nth-child(5) .lm-text-box {
        border-bottom: 1px solid #E5E5E5;
    }
    .flex-row-box {
        width:100%;
    }
    .notice-latest-box .lm-text-box .lm-text-cont div{
        flex-direction: column;
        gap: 10px;
    }
    .lm-text-box .lm-text-cont span {
        width: 100%;
        text-align: left !important;
    }
    .lm-text-box .lm-text-cont span br{
        display: none;
    }
    .type-b {
        width: 100%;
    }
    .main-mt-sch-list {
        width:100% !important;
    }
    .list-module.type-a {
        width: 100% !important;
        flex-direction: row;
    }
    .list-module.type-a .lm-type-a-img {
        width: 150px;
        height: 185px;
    }
    .list-module.type-a .lm-type-a-img img {
        width: auto;
        height: 100%;
    }
    .quick{
        width: 100%;
        border-right: none;
        border-left: none;
        border-bottom: none;
        right: 0px !important;
    }
    .quick ul{
        gap: 0px !important;
        padding: 5px 10px 10px 10px !important;
        width: 100%;
    }
    .quick ul li{
        width: 25%;
        text-align: center;
    }
    .quick ul li a span.mod-nm{
        display: block;
    }
    .quick ul li a span.web-nm{
        display: none;
    }
    .quick ul li a {
        display: inline-block;
        text-align: center;
        padding: 35px 0px 5px 0px;
        font-size: 12px;
        line-height: 14px;
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 34px auto;
    }
    .quick .top_btn{
        position: fixed;
        bottom: 80px;
        right: 10px;
    }
    .menu-cont ul li{
        width: calc(50% - 40px) !important;
    }
    h2.main-latest-title{
        font-size:23px !important;
        line-height:28px !important;
        padding:31px 0 21px 0;
    }
    .mt-latest-sch-title.hd-harmony h2{
        font-size:18px;
    }
    .main-latest-title-set .main-latest-title-top h2 {
        font-size: 18px;
        line-height: 28px;
    }
    #bo_v.board-view .profile_info .profile_info_ct{
        gap:10px;
    }
    #bo_v.board-view #bo_v_atc {
        padding: 20px;
    }
    .mt-main-service-box .mt-main-service-bnn a br{
        display: block !important;
    }
    .mt-main-service-box .mt-main-service-bnn a::before {
        top: 19px !important;
    }
    .login-area{
        margin: 40px auto;
        box-sizing: border-box;
        padding:0 20px;
    }
    .form-area{
        padding: 0 20px;
    }
    .form-title h2 span{
        display: block;
        border: none;
        margin-left: 0px;
        margin-top: 5px;
        padding-left: 0;
    }
    .form-box .form-label {
        line-height: 20px;
        font-size: 14px;
    }
    .form-box .form-box-inner .hyphen {
        font-size: 13px;
    }
    .form-box .form-box-inner input[type='text'], 
    .form-box .form-box-inner input[type='password'], 
    .form-box .form-box-inner input[type='number'], 
    .form-box .form-box-inner select {
        font-size: 14px;
        height: 40px;
    }
    .form-box .form-box-inner input[type='file']{
        font-size: 14px;
        padding:6px 10px 0 10px;
        height: 40px;
    }
    .bx-prev, 
    .bx-next {
        width: 40px;
        height: 40px;
        background-size: 22px auto;
        margin-top:-10px;
    }
    .board-view-filelink ul li .board-view-filelink-info{
        flex-direction: row;
    }
    .shop-item-form-btn { 
        flex-direction: column;
        align-items: baseline;
        gap:5px;
    }
    .shop-item-form-btn span{
        display: none;
    }
    .container{
        max-width: 100% !important;
        padding: 0 !important;
    }
    .use-point{
        flex-direction: column;
        align-items: baseline !important;
        gap: 5px !important;
        line-height: 20px !important;
    }
    .use-point .hyphen{
       display: none;
    }
    .mypage-top .mypage-top-inner{
        justify-content: flex-start !important;
    }
    .mypage-item-list .item-list-th{
        display: none;
    }
    .mypage-item-list .item-list-tr{
        flex-direction: column;
        border-bottom: 1px solid #eee;
        padding-bottom: 10px;
    }
    .mypage-item-list .item-list-tr:last-child{
        border-bottom: none;
    }
    .mypage-item-list .item-list-tr .item-list-td{
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        width: 100% !important;

    }
    .mypage-item-list .item-list-tr .item-list-td span{
        display: inline-block;
        font-weight: 600;
    }
    .order-cancel{
        padding:20px 10px;
    }
    .order-cancel .form-area{
        padding:0;
    }
	.sch-rank-wrap .sch-rank-top .sch-rank-filter .sch-rank-filter-box {
        width: 45%;
    }
	.sch-rank-wrap .sch-rank-top .sch-rank-title h2{
		display:block;
	}
	.sch-rank-wrap .sch-rank-top .sch-rank-title h2 b {
		font-size: 38px;
		float:left;
	}
	.sch-rank-wrap .sch-rank-top .sch-rank-title h2 br{
		display:block;
	}
}

@media (max-width: 650px) {
	.sch-rank-pop{
		width:90%;
	}
	.sch-rank-pop .sch-rank-pop-inner .sch-rank-pop-body .sch-rank-pop-body-info {
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
	}
	.sch-rank-pop .sch-rank-pop-inner h2.sch-rank-pop-title {
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
	}
}
@media (max-width: 550px) {
	.sch-rank-wrap .sch-rank-top .sch-rank-filter .sch-rank-filter-box {
        width: 100%;
    }
	.sch-rank-list-tbody .sch-rank-list-tr ul{
		padding-top:40px;
	}
	.td-rnk {
        top: 5px;
		left:17px;
    }
	.td-sch {
        padding-left: 0px;
		padding-top:10px;
        width:100%;
    }
	.td-cty, .td-esl {
        padding-left: 26px;
    }
	.td-fav{
		right: 10px;
	}
	.td-pur{
		right: 50px;
	}
	.sch-rank-wrap .sch-rank-top {
		background-image: url(../img/rank/rank_top_bg_mo.png);
	}
}
@media (max-width: 480px) {
    .menu-area .menu-cont ul li{
        width: 100% !important;
    }
    .mt-latest-sch-title.lemon-line-tit{
        padding:15px 30px;
    }
    .hd-util-icon {
        min-width: 24px !important;
    }
    .hd-util-icon span:not(.material-symbols-outlined){
        display:none;
    }
    .mt-main-top .mt-main-bnn a b{
        font-size: 16px !important;
        line-height: 20px !important;
        letter-spacing: -1px;
    }
    .mt-main-top .mt-main-bnn a span {
        font-size: 12px !important;
        line-height: 14px !important;
    }
    .mt-main-service-box h3 {
        font-size: 18px !important;
        line-height: 24px !important;
    }
    .login-area p {
        font-size: 12px;
    }
    .login-area h2 {
        font-size: 22px;
    }
    .new-sns-login .sns-wrap a {
        font-size: 16px;
        line-height: 1.5;
    }
    .login-partner .login-partner-btn {
        font-size: 12px;
        line-height: 1.5;
    }
    #autosave_wrapper{
        flex-wrap: wrap;
    }
    #smart_editor2{
        min-width: 100%;
    }
    .sch-rank-wrap .sch-rank-top {
        padding: 100px 30px 29px 30px;
	    background-size: auto 831px;
    }
	.sch-rank-wrap .sch-rank-top .sch-rank-title h2 b {
		font-size: 30px;
		float:left;
	}
	
}