@charset "UTF-8";

@media screen and (max-width: 1380px){
    
    /* 메인 비주얼 */
    .main .mvisual{margin-bottom: 40px;}
    
    
    /* 최근시청영상 */
    .main .recent_wrap{position: relative; padding: 20px 5% 0px;}
    .main .recent_wrap .list {width: 100%;}
    .main .recent_wrap .list ul{height: auto;}
    .main .recent_wrap .list ul li{
		width: calc(50% - 7.5px);
        margin-bottom: 0;
        padding-bottom: 0;
        box-shadow: none;
    }
	.main .recent_wrap .list ul li:nth-child(3){margin-left: 0;}
    .main .recent_wrap .list ul li .bar{
        border-radius: 100%;
        width: 216px;
        height: 216px;
        display: inline-block;
        position: absolute;
        /*transition-property: fill;
        fill: blue;
        transition-duration: .5s;
        transition-timing-function: linear;*/
    }
    .main .recent_wrap .list ul li img{/*border-radius: 100%;border: 5px solid #ccc;
        width: 180px; height: 180px;*/}
    .main .recent_wrap .list .tit{font-size: 14px; padding: 10px;}
    .main .recent_wrap .list p{padding: 20px 15px 0 15px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
    .main .recent_wrap .list ul li .photo{position: initial;}
    .main .recent_wrap .list ul .photo .view a{ padding: 2px 8px; font-size: 12px;}
    .main .recent_wrap .list ul .photo .view a:hover{background: #4c85fc; border: none;}
    .main .recent_wrap .list ul li .photo .view{
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -15px;
        transform: translate(-50%,-50%);
    }
    .main .recent_wrap .list ul li .photo .line_bar{border-color: #fde116;}
    .main .recent_wrap .list ul li .photo .line_bg{}
    .main .recent_wrap .list ul li .photo .line_bar em{font-size: 11px;     color: #8f8f8f; margin-top: 0;}
    .main .recent_wrap .list ul li img.play{ 
        width: 42px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    
    
    /* 새로운 영상 */
    .main .new_wrap{padding: 20px 5%; padding: 40px 5% 20px;}
    .main .new_wrap .list{width: 100%; }
    .main .new_wrap .list ul{height: auto;}
    .main .new_wrap .list ul li{ width: calc(50% - 7.5px); margin-bottom: 25px;}
    .main .new_wrap .list ul li:nth-child(2n+1){margin-left: 0px;}
    .main .new_wrap .list ul li.big{width: 100%;}
    .main .new_wrap .list .small{float: none; width: 100%;}
    .main .new_wrap .list ul li img{}
    .main .new_wrap .list ul li:nth-child(2n){margin-left: 10px;}
    .main .new_wrap .list .txt em{display: block;}
    .main .new_wrap .list .txt{font-size: 13px;}
    .main .new_wrap .list .big .txt{-webkit-line-clamp: 1;}
    .main .new_wrap .list .tit{font-size: 15px;}
    .main .new_wrap .list p {padding: 15px 15px 0 10px;}
    .main .new_wrap .list ul li.big .tit{}
    .main .new_wrap .list .big .label{bottom: 65px;}
    .main .new_wrap .list .label{bottom: 65px; padding: 5px 10px; font-size: 11px;}
    .plus{}
    .main .new_wrap .list .plus{text-align: center; padding: 0; position: initial;}
    
    
    /* 홍보 영상 */
    .main .promote_wrap{padding: 20px 5%;}
    
    
    
    /* 최근 업로드 영상 */
    .main .up_wrap .list .big{width: 100%; height: 100%;}
    .main .up_wrap .list ul{margin-bottom: -20px;}
    
    
    /* 시리즈 */
    .sub .new_wrap{}
    .sub .new_wrap .list{width: 100%; }
    .sub .new_wrap .list ul{height: auto;}
	.sub .new_wrap .list ul li{height: auto;}
	.sub .new_wrap .list ul a{padding-bottom: 0;}
    .sub .new_wrap .list ul li{ width: calc(50% - 7.5px); margin-right: 0;}
    .sub .new_wrap .list ul li:nth-child(2n+1){margin: 0px 0 20px;}
    .sub .new_wrap .list ul li.big{width: 100%;}
    .sub .new_wrap .list .small{float: none; width: 100%;}
    .sub .new_wrap .list ul li img{/* height: auto; */}
    .sub .new_wrap .list ul li:nth-child(2n){margin-left: 10px;}
    .sub .new_wrap .list .txt em{display: block;}
    .sub .new_wrap .list .txt{font-size: 13px;}
    .sub .new_wrap .list .tit{font-size: 16px;}
    .sub .new_wrap .list p {margin: 15px 15px 0 15px;}
    .sub .new_wrap .list .plus{text-align: center; padding: 0;    position: initial;}
    .sub #content .section .cont_cen .new_wrap .tit{font-size: 15px;}
    .sub #content .section .cont_cen .new_wrap .txt {
        font-size: 13px;
        /*margin: 0;*/
        color: #8f8f8f;
        padding-top: 3px;
        white-space: normal;
        line-height: 1.2;
        height: 2.6em;
		margin-bottom: 10px;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .sub #content .section .cont_cen.left .page_title .go{font-size: 12px;}
    .sub .home{}
    .sub .home .list{display: block; width: 1200px; height: 280px;margin: 0 2.5% 0 -10px;}
    .sub .home .list ul li{width: 25%;}
    .sub .home .list ul li:nth-child(2n+1){margin-left: 10px;}
    .sub .view .title_box .auto{}
    .sub .view .title_box .mine.add span{font-size: 15px;}
    .sub #content .section .cont_cen.left .view.re .write_box input[type=text] {width: calc(100% - 75px);}
	
	
	/* 시리즈 북 추가 */
    .sub .new_wrap.book .list ul li{
        width: 33.3%;
        height: 300px;
        margin: 0;
    }
    .sub .new_wrap.book li .label{display: block;}
    .sub .ing_wrap.book .thumb{width: 100%; padding-right: 30px;}
    .sub .ing_wrap.book .box{width: 100%; padding: 0 12px;}
    .sub #content .section .cont_cen .ing_wrap.book .tit{font-size: 18px;}
    .sub #content .section .cont_cen .ing_wrap.book .txt{font-size: 15px;}
    .sub .ing_wrap.book .list ul li{width: 100%; height: auto; padding: 40px 0 20px;}
    .sub .ing_wrap.book .list ul{}
        
    
    /* 나의영상 */       
    .sub .save .list ul li .line_bg em{font-size: 11px; margin-top: -20px;}
    .sub .save .list ul li .time{font-size: 11px; letter-spacing: -1.5px;    margin-top: -20px;}
    .sel_cont{width: 100%;}
    .sel_cont select{}
    .sub .ma .list{height: 310px;}
    .sub .short ul li{width: calc(50% - 5px);}
    .sub .short ul li:nth-child(2n){margin-right: 0;}
    .sub .short ul li a{font-size: 14px;}
    .sub .ing_wrap .list ul li{width: 100%;}
    .sub .ing_wrap .list ul li:nth-child(2n){margin: 0px 0 20px;}
    .sub #content .section .cont_cen .ing_wrap .tit{font-size: 16px;}
    .sub #content .section .cont_cen .ing_wrap .txt{ height: 3.6em; -webkit-line-clamp: 3; font-size: 14px;}
    .sub .ing_wrap .list .name{font-size: 13px;}
    .sub .ing_wrap .list ul li .line_bg em {font-size: 11px; margin-top: -20px;}
    .sub .ing_wrap .list ul li .time {font-size: 11px;letter-spacing: -1.5px;margin-top: -20px;}
    .sub .ing_wrap .list ul a{padding: 0;}
    .sub .ing_wrap .title_box .mine span{font-size: 16px;}
    .sub #content .section .cont_cen .view_wrap .tit{font-size: 20px;}
    .sub #content .section .cont_cen .view_wrap .txt{font-size: 15px;}
    .sub .view_wrap .line_bg{width: 80%;}
    .sub .view_wrap .box{/*padding-bottom: 20px;*/}
    .sub #content .section .cont_cen .re .txt{
        white-space: normal;
        line-height: initial;
        height: 150px;
        display: block;
    }
    .sub .ing_wrap .list ul li .line_bg{margin-left: -3px;}
    .sub .title_box.ma{width: 100%;}
    
    /* 회사소개 */
    .sub #content .section .cont_cen.company .title_box .tit{font-size: 23px;}
    .sub #content .section .cont_cen.company .title_box .txt{width: 100%; font-size: 15px;}
    .sub .company .cont{width: 100%;}
    .sub #content .section .cont_cen.left.company .page_title{margin-top: 25px; padding-bottom: 10px;}
   
    
    /*라이센스 배너*/
    .license_wrap{padding: 20px 5%; width: 100%;}
    .license_wrap .box{padding: 20px;width: 100%; background-size: 50px; background-position: 8% 60%; margin: 0 auto;}
	.license_wrap a:hover .box {background: #ffc107 url(../img/main/ico_license.png) no-repeat;background-size: 50px;background-position: 8% 60%;}
    .license_wrap .box p{width: 86%;}
    .license_wrap .box .tit{font-size: 18px;}
    .license_wrap .box .txt{font-size: 13px;}
	.sub .license_wrap {padding: 0; margin: 10px 0;}
	.sub .license_wrap .box {padding: 20px;}
	.sub #content .section .cont_cen .license_wrap .box .tit{font-size: 18px;}
	.sub #content .section .cont_cen .license_wrap .box .txt{font-size: 13px; width: 86%;}
	
    
    
    /* 메인 실시간 후기 */
    .main .ing_wrap{padding: 40px 5%; margin: 0;}
    .main .ing_wrap .list{box-shadow: 1px 0px 5px 2px rgb(0 0 0 / 12%); border-radius: 15px; padding: 15px 10px; position: relative; overflow: hidden; background: #fff; height: auto;}
    .main .ing_wrap .list .item{/*overflow: visible;*/ margin: 0 auto;}
    .main .ing_wrap .list ul{
        /*position: absolute;
        top: 0;
        left: 0;*/
    }
    .main .ing_wrap .list ul:nth-child(2){margin: 0;}
    .main .ing_wrap .list ul a{display: flex;}
    .main .ing_wrap .list ul li:last-child a{padding-bottom: 0;}
  /* .main .ing_wrap .list ul:nth-child(2){left: 95%; margin: 0;}
    .main .ing_wrap .list ul:nth-child(3){left: 180%;}
    .main .ing_wrap .list ul:nth-child(4){left: 265%;}*/
    .main .ing_wrap .list ul li{ width: 100%; box-shadow: none; margin: 0;    padding: 0;}
    .main .ing_wrap .list ul li:nth-child(3){display: block;}
    .main .ing_wrap .list .tit{height: 1.3em; white-space: nowrap;}
    .main .ing_wrap .list .txt{height: 2.6em; -webkit-line-clamp: 2;}

    /**/
    .main .store_wrap{}
    .main .store_wrap .hgroup{
        width: 100%;
        padding: 5%;
    }
    .main .store_wrap .search_box{
        background: #f5f5f5;
    }
    .main .store_wrap .hgroup.last {
        width: 50%;
        margin: 100px;
        margin: -100px 100px 0;
        /*background: url(../img/main/search_box_bg.png) repeat-x left top;*/
    }
    .main .mvisual .photo_box .pc{display: none;}
    .main .mvisual .photo_box .mo{display: block; margin: 0;}
    .main .mvisual .photo_box .mo ul{width:100%}
    .main .mvisual .photo_box .mo li{
        float: left;
        position: relative;
        text-align: center;
        border-radius: 15px;
        /*margin-left: 10px;*/
    }
    
    /*.main .mvisual .photo_box .mo li:nth-child(1){transform: translate(-152%, 0%);}*/
    /*.main .mvisual .photo_box .mo li:nth-child(1){transform: translate(-50%, 0%);}
    .main .mvisual .photo_box .mo li:nth-child(3){transform: translate(52%, 0%);}
    .main .mvisual .photo_box .mo li:nth-child(4){transform: translate(154%, 0%);}
    .main .mvisual .photo_box .mo li:nth-child(5){transform: translate(256%, 0%);}*/
    
    .main .mvisual .photo_box .mo .photo{}
    .main .mvisual .photo_box .mo li img{border-radius: 15px;}    
    .main .mvisual .arrow_wrap{}
    .main .mvisual .arr_box{margin-top: -20px; display: none;}
    .main .mvisual .arr_box a{padding: 0; margin: 0 5%;}
    .main .mvisual .num_box{
        display: block;
        position: absolute;
        right: 15px;
        top: 10px;
        margin: 0 5%;
        color: #fff;
        background: rgba(0,0,0,0.6);
        padding: 2px 13px;
        border-radius: 10px;
        font-size: 15px;
        z-index: 9;
    }
    .main .mvisual .num_box b{}
    .main .mvisual .roll_box{bottom: -30px;}
    .main .mvisual .roll_box a{    
        display: inline-block;
        margin: 0 5px;
        vertical-align: middle;
        width: 10px;
        height: 10px;
    }
    .main .mvisual .roll_box a.on{}
    .main .mvisual .arr_box .next {}
    .main .mvisual .arr_box span.mo{display: inline-block;}
    .main .mvisual .arr_box span.pc{display: none;}
    
    
    /* 추가 */
    .sub .title_box{width: 100%; padding: 20px 5%;}
    .sub .title_box .tit{font-weight: 500; border-bottom: none; font-size: 18px; color: #000; width: auto; padding-bottom: 0; text-align: center;}
    .sub #content .section .cont_cen{width: 100%;border: 0;padding: 0;    }
    .sub #content .section .cont_cen .page_title{font-size: 22px;}
    .sub #content .section .cont_cen .tit{font-size: 25px;}
	.sub #content .section .cont_cen .txt{margin-bottom: 30px;}
    .sub #content .section .cont_cen.left .page_title{font-size: 16.5px;}
    
    .login_box{width: 100%; padding: 0; border: 0;}
    .sub #content .section .cont_cen .check_txt{/*font-size: 13px;*/}
    .join_box{width: 100%; padding: 0; border: 0;}
    
    /* 공지사항 */
    .board-list-table{width: 100%; margin-bottom: 20px;}
    #board-wrap{width: 100%;}
    .board-view-head .vtitle{padding: 15px;}
    .board-view-winfo .ilbl{width: 10%;}
    .board-view-cont{padding: 20px 12px;}

     /*  //추가 */
    
    /* 융합공부방 */
    .sub .study.add .list ul li {width: calc(50% - 5px); margin-bottom: 30px;}
    .sub .study.add .list ul li:nth-child(2n){margin-right: 0px;}
    .sub .study.add .list ul li .photo{height: 340px;}
    
    /* 시리즈 소개_추가 */
    .sub.series #content .section{padding: 0;}
    .sub.series .cont img{width: auto;}
    .sub.series .topvs{padding: 0 5%;}
    .sub.series img.top{width: 100%; margin-bottom: 10px;}
    .sub.series #content .section .cont_cen.left.company .page_title{width: 100%;}
    .sub.series .title_box .tit span b{text-decoration: none;}
    .sub.series ul{width: 100%; padding: 0 5%; margin: 10px auto;}
    .sub.series ul li{font-size: 15px; margin: 10px auto;}
    .sub.series .cont_02{padding: 10px 0;}
    .sub.series .cont_02 ul li{/*margin-right: 60px; width: calc(50% - 30px);*/ height: auto; width: 100%; margin: 20px 0;}
    .sub.series .cont_02 ul li:nth-child(3n){margin-right: 20px;}
    .sub.series .cont_02 ul li:nth-child(2n){margin-right: 0px;}
    .sub #content .section .cont_cen .cont_03 .txt{width: 100%; padding: 0 5%; font-size: 15px;}
    .sub.series .cont_03 ul {width: 100%; padding: 0 5%;}
    .sub.series .cont_03 ul li{padding-bottom: 20px;}
    .sub.series .cont_03 ul li .text{margin-top: 30px;}
    .sub.series .cont_04{ margin-bottom: -50px;}
    .sub.series .cont_04 ul li{width: 33.3%; height: 280px;}
    .sub.series .cont_04 ul li .num{font-size: 13px; letter-spacing: 0; padding: 4px 6px;}
    .sub.series .cont_04 ul li .label{display: block; font-size: 16px; margin:5px 0 0;}
    .sub #content .section .cont_cen .cont_04 .txt{font-size: 14px; margin: 0;}
    .sub.series .cont_04 ul li:nth-child(3n) {margin-right: 0px;}
    .sub.series .cont_02.series_04 ul li{width: 100%; margin-right: 60px;}
	.sub.series .cont_05 ul li:nth-child(3n){margin-right: 0;}
	.sub.series .cont_05 ul li{width: calc(33.3% - 10px);}
	.sub.series .cont_05 .cover img{width: 150px;}
	.sub.series .cont_05 ul li .num{font-size: 13px; letter-spacing: 0; padding: 4px 6px;}
	.sub #content .section .cont_cen .cont_05 .txt{font-size: 14px; margin: 0;}
	.sub.series .cont_05 ul li .label{display: block; font-size: 16px; margin: 5px 0 0;}


	 /* 동영상 강좌 출시 안내_추가 */
    .sub.intro .cont_02{padding-top: 50px;}
    .sub.intro .cont_02 ul li .label{font-size: 18px;}
    .sub.intro .cont_03 {margin-bottom: 50px;}
    .sub.intro .cont_03 ul{border: 0;}
    .sub.intro .cont_03 ul li{margin: 30px auto 0; padding-bottom: 40px;}
    .sub.intro .total{font-size: 17px;}
    .sub.intro .total p{font-size: 20px; margin-top: 15px;}
    .sub.intro .btn_area{margin: 30px auto 0;}
    .sub.intro .cont_01 ul li{width: calc(50% - 10px); margin-left: 0px;}
    .sub.intro .bank{font-size: 16px; padding: 20px;}
    .sub.intro .bank p{font-size: 19px;}
    
    

    .sub #content {
        min-width: 100%;
        padding: 3% 0 50px;
    }
    input[type=text]::-webkit-input-placeholder{font-size: 13px;}
    .page_spot {
        min-width: 100%;
        height: auto;
        padding-top: 50%;
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .login .page_spot {
        background-image: url(../img/sub/bg_login_mo.png);
    }
    
    .hgroup{margin: 0px auto 10px; width: 100%;}
    .page_title{font-size: 20px; font-weight: 500; padding-top: 10px;}
    .page_title:before{background-size: 50%;}

    
    .sub #content .section {
        width: 100%;
        padding: 0 5% 5%;
    }
    
    table.normal_table th, table.normal_table td {
        font-size: 14px;
        height: auto;
        padding: 10px;
    }
    
    table.normal_table th:first-child, table.normal_table td:first-child{
        width: 30%;
    }
    
    table.normal_table td .etc{font-size: 12px;}

	table.normal_table.add{width: 100%; margin-bottom: 10px;}

    input[type=text], input[type=password]{
        width: 97%;
        height: 32px;
        line-height: 32px;
        font-size: 12px;
    }
    input[type=text].line{width: 80%; height: 47px;}
    input[type=text].w50{width: 50%;}
    
    .login input[type=password] {
        width: 100%;
    }
    
    .bw-btn span{
        padding: 10px 15px;
        font-size: 13px;
		border-radius: 12px;
    }
    .board-view-btns{
        margin-top: 30px;
    }
    input[type=text].phone {
        width: 100px;
    }
    
    .small-btn span{
        font-size: 13px;
        padding: 10px;
    }
    .small-btn span.all_btn{
        width: 97%;
        width: auto;
        margin: 6px 3px 3px;
        text-align: center;
    }
    
    .small-btn.submit{}
    .small-btn.submit span{
        vertical-align: middle;
    }
    
    .login .bg_box{
        background-size: 40%;
        padding: 25px 20px;
    }
    .login .bg_box .txt{
        font-size: 16px;
    }
    
    .board_wrap{}
    .c-tit01{
        font-size: 18px;
        padding-left: 30px;
    }
    .c-tit01:before{
        background-size: 80%;
        top: 5px;
    }
    .c-tit06{
        font-size: 16px;
        padding-left: 30px;
    }
    .dotico{
        font-size: 14px;
        line-height: 1.5;
        padding: 0 30px;
    }
    
    .hgroup .title_desc h4{
        font-size: 17px;
    }
    .hgroup .title_desc .txt{
        font-size: 14px;
        line-height: 1.6;
    }
    
    input[type=text].email{
        width: 46%;
    }
    select{
        width: 97%;
        margin: 5px 3px;
        font-size: 13px;
        padding: 0 5px 0 10px;
        height: 32px;
        line-height: 32px;
    }
    
    textarea{width: 97%;}
    
    .filebox .upload-name{
        font-size: 13px;
        width: 70%;
        height: 32px;
        line-height: 32px;
    }
    
    .filebox label{
        width: 30%;
        font-size: 13px;
        height: 32px;
        line-height: 32px;
    }
    
    .footnote{
        font-size: 13px;
        padding-bottom: 12px;
    }
    
     .bottom_banner ul li{
        height: 200px;
        background-size: cover;
    }
    
    .bottom_banner ul li .tit{
        font-size: 20px;
        padding-top: 70px;
    }
    .bottom_banner ul li .txt{
        font-size: 15px;
    }
    
    .bottom_banner ul li img{
        display: none;
    }
    
    .join .page_spot {
        background-image: url(../img/sub/bg_join_mo.png);
    }
    
    .join .etc{margin: 10px;}
    .chk-wrap{
        display: inline-block;
        margin: 5px;
    }
    .chk-wrap.golf{margin-top: 12px;}
    
    .area label{
        vertical-align: baseline;
    }
    
    input[type="radio"] + label span{
        background-size: 15px 15px;
        margin: 0;
    }
    input[type="radio"]:checked + label span{
        background-size: 15px 15px;
    }
    
    input[type="checkbox"] + label span{}
    input[type="checkbox"]:checked + label span{}
    .area{margin-left: 0;}
    
    table.normal_table.line_table .check_tit span{
        font-size: 14px;
        padding: 10px 0 0px;
    }
    table.normal_table.line_table .check_tit{
        font-size: 16px;
        padding: 20px 10px 0;
    }
    table.normal_table.line_table .check_txt.first{padding: 20px 10px 0;}
    table.normal_table.line_table .check_txt{padding: 10px 0px 0 10px;}
    table.normal_table.line_table .view_txt{
        padding: 10px 10px 0 0;
        font-size: 14px;
    }
    
    .join .input_shop{
        width: calc(100% - 7px);
    }
    .join .input_shop ul li{font-size: 13px;}
    
    
    .area.date{
        margin-top: 10px;
    }
    
    
    /* 자주묻는 질문 */
    .faq_section ul{width: 100%;}
    .faq_section li .ico{padding: 0px;}
    .faq_section li a{font-size: 15px;padding: 5px; line-height: initial;}
    .faq_section .txt{font-size: 14px; width: 92%;padding-top: 10px;}
    .faq_section .answer{padding: 20px 10px;}
    .faq_section .answer p{font-size: 14px;width: 92%;}
    
    .search_box{padding: 0 0 15px;}
    .search_box .search_cont{width: 100%;}
    .search_box a{background-size: 85%;}

    
    /* 레이어팝업 */
    .popup{width: 90%;}
    .popup h2{font-size: 20px;}
    .popup .sub_menu ul.sub_menu_list li:first-child a{
        border-left: 1px solid #ddd;
    }
    .popup .cont{padding: 40px;}
    .popup .btn_close{background-size: 25px;}
    .popup .start{float: none; margin-bottom: 7px;}
    .popup .start select{width: 50%;}
    
    .loginpop .popup.add .cont{ background: #fff; padding: 0px;}
    .loginpop .popup .cont .sub #content{padding-bottom: 10px;}
    .loginpop .popup .cont .sub #content .section{margin: 20px auto 0;}
    .loginpop .popup.add .btn_close{right: 10px; top: 10px;}
    
    .board_wrap{height: 500px; padding: 15px 10px;}
    .board_wrap .txt{font-size: 14px;}
    .board_wrap .c-tit08, .board_wrap.join .c-tit08{font-size: 14px;}
    .board_wrap .dotico, .board_wrap.join .dotico{font-size: 14px;padding: 0 10px;}
    .board_wrap .c-tit06, .board_wrap.join .c-tit06{font-size: 15px;}
    .board_wrap .c-tit07, .board_wrap.join .c-tit07{font-size: 15px;}
    
    .sub #content .section .cont_cen .board_wrap.join .txt{font-size: 14px;}
    .sub #content .section .cont_cen .join_box.form select{
        width: calc(100% - 5px);
        margin-left: 0;
    }
    
    
    .popup .sub_menu ul.sub_menu_list{margin: 16px auto;}

    .loginpop .btn{font-size: 14px; padding: 12px;}
    .loginpop .popup{width: 90%;}
    .loginpop .golink{margin-top: 15px;}
    .loginpop .golink a{font-size: 14px;}
    
    
    .quick_wrap{ bottom: 500px; /*display: none*/; }
    .quick_wrap ul li a{padding: 10px; font-size: 13px;}
    .quick_wrap ul li a:before{width: 5px;}


    #style-3::-webkit-scrollbar-track{background-color: #e3e3e3; border-radius: 30px;}
    #style-3::-webkit-scrollbar{width: 6px;background-color: #e3e3e3;  border-radius: 30px;}
    #style-3::-webkit-scrollbar-thumb{background-color: #18264e;  border-radius: 30px;}

	.foot_top a{}


;}