@charset "utf-8";
/* ---------- 반응형 스타일 ---------- */


/* -------------------- respon max 1500px -------------------- */
@media all and (max-width:1500px)
{

}


/* -------------------- respon max 1400px -------------------- */
@media all and (max-width:1400px)
{

}


/* -------------------- respon max 1200px -------------------- */
@media all and (max-width:1200px)
{
    .header_top{width:100%; height:0; background:none}
    .header_top .logo{left:50%; top:30px; margin-left:-134.5px;}
    .header_top .util{display:none}

    #gnb{display:none}
    
    .allmenu{right:15px; top:26px; margin-right:0}
    .allmenu .allmenu_toggle{width:50px}
    
    #allmenu_layer .allmenu_inner{width:100%; margin:0; padding:60px 20px; box-sizing:border-box}
    #allmenu_layer .allmenu_close{right:20px; width:50px}
    #allmenu_layer .allmenu_close:before{top:21px}
    #allmenu_layer .allmenu_close:after{bottom:21px}

    .allsearch{padding:70px 15px 0}
    .allsearch_inner{width:100%;}
    .allsearch .search .search_area{width:100%; box-sizing:border-box}

    .rank_keyword{position:relative; right:auto; top:auto; width:100%}

    #footer .footer_link .link_inner{width:100%; padding:0 15px}
    #footer .footer_link .admin_login{display:none}
    #footer .footer_inner{width:100%; padding:0 15px 50px}

    .current_location .location_inner{width:100%}

    .page_tit{width:100%}

    .section{width:100%; margin:0; padding:0}

    #scontents .dev_contents{padding:35px 15px 0}

    /* ---------- thumlist ---------- */
    /* thumlist_ty1 */
    .thumlist_ty1 .info_area span{float:none !important; margin-left:0 !important; margin-right:10px; margin-top:5px}
    .thumlist_ty1 .info_area span.date{width:100%; margin-right:0; margin-top:0}
    .thumlist_ty1 .tit_area{padding-bottom:5px}
    .thumlist_ty1 .thumlist{margin-left:-20px}
    .thumlist_ty1 .thumlist_box{margin-left:20px}

    /* thumlist_ty2 */
    .thumlist_ty2 .thumlist .thumlist_box{padding-right:20px}
    .thumlist_ty2 .tit_area{padding-top:0}
    .thumlist_ty2 .info_area{position:relative; right:auto; top:auto; margin-top:15px; padding-left:240px}
    .thumlist_ty2 .info_area li{margin-left:10px}
    .thumlist_ty2 .info_area li:last-child span{padding-right:0}
    .thumlist_ty2 .tit_area .tit_badge.card{top:6px}

    /* viewhead */
    .viewhead_ty1 .tit_area .tit{display:block; font-size:18px}
    .viewhead_ty1 .tit_area .hire_deadline{display:inline-block; margin-top:10px}
    .viewhead_ty1 .tit_area .hire_deadline:before{left:50%; top:0; margin-top:-5px; margin-left:-9px; width:0; height:0; transform:rotate(180deg)}








    .seminar_uc .uc_l, .seminar_uc .uc_r{width:100%; float:none; padding:30px 20px 20px}
    .seminar_uc .panel_info .meta_area{box-sizing:border-box; padding-top:24px}
    .seminar_uc .panel_info .meta_area:after{bottom:auto; top:0}

    .viewhead_seminar .tit_area .tit{font-size:18px}

    #allmenu_layer .util{display:block}

    .mypage_archive .archive_wrap{padding:60px 200px 60px 200px}

    /* ---------- form_list ---------- */
    /* form_list01 */
   .form_list01 li{width:50%}
   .form_list01 li .select_normal{display:block;}
   .form_list01 li .select_normal select{width:100% !important}


    /* ---------- normalist ---------- */
    .normalist_ty1 .normalist_box{padding-right:20px}
    .normalist_ty1 .info_area{position:relative; right:auto; top:auto; margin-top:10px; padding-left:0}
    .normalist_ty1 .info_area li:first-child{margin-left:0}
    .normalist_ty1 .info_area li:last-child span{padding-right:0}
    .normalist_ty1 .info_area span{display:block}
    .normalist_ty1 .info_area span.comment{width:auto}
    .normalist_ty1 .info_area span.view{width:auto}
    .normalist_ty1 .info_area span.date{width:auto}
    .normalist_ty1 .info_area span.user{width:auto}
    .normalist_ty1 .info_area span.time{width:auto}
    .normalist_ty1 .info_area span.play{width:auto}
    .normalist_ty1 .info_area span.time.long{width:auto}
}


/* -------------------- respon max 1000px -------------------- */
@media all and (max-width:1000px)
{
    .page_tit{margin-bottom:25px}
    .page_tit .tit{font-size:26px}

    .list_controll{padding:15px 0 15px}
    .list_controll .list_search{position:relative; left:auto; top:auto}
    .list_controll .list_info{position:relative; right:auto; top:auto; margin-top:15px}
    .list_controll .list_type{margin-left:0}
    .list_controll .stit05{position:relative; left:auto; top:auto}


    #allmenu_layer .inner_list > li{padding-left:0}
    #allmenu_layer .inner_list > li .tit{position: relative; top:auto; left:auto; width:100%; margin-bottom:5px; padding-top:15px; font-size:22px}
    #allmenu_layer .inner_list > li .tit:after{height:2px}
    #allmenu_layer .depth2 > ul > li{width:50%}
    #allmenu_layer .depth2 > ul > li > .in_box > a{font-size:14px;}
    #allmenu_layer .depth2 > ul > li > .in_box > a span:before{content:''; position:absolute; left:0; top:8px; width:4px; height:4px; border-radius:50%; background:rgba(255,255,255,.4); transition:all .30s ease}


    /* ---------- thumlist ---------- */
    /* thumlist_ty1 */
    .thumlist_ty1 .thumlist > li{width:33.33333%}

    /* ---------- viewcont ---------- */
    /* viewcont_ty1 */
    .viewcont_ty1{margin-bottom:25px}
    .viewcont_ty1 .cont_area strong{font-size:16px; margin-bottom:5px}
    .viewcont_ty1 .cont_area p{font-size:14px}
    .viewcont_ty1 .cont_area{padding:35px 0}


    .view_filelist{padding-left:0}
    .view_filelist .tit_area{display:none}
    .view_filelist .filelist li a{display:block; padding-right:50px}
    .view_filelist .filelist li a:after{right:15px}

    .view_corecont .tit_box .tit{font-size:14px}
    .view_corecont .info_txt{font-size:14px; padding:15px}

    .view_tag .tag_list li .tag_box{font-size:14px}


    /* ---------- writing ---------- */
    /* writing_ty2 */
    .writing_ty2 .writing_list > li{padding:15px 0; padding-left:0}
    .writing_ty2 .writing_list.min > li{padding-left:0;}
    .writing_ty2 .writing_list > li .writing_tit{position:relative; top:auto; left:auto; width:auto; margin-top:0; margin-bottom:8px}
    .writing_ty2 .writing_list > li .writing_cont{padding-left:25px}
    .writing_ty2 .writing_list > li.col2 .flex_box li{padding-left:0}
    .writing_ty2 .inputxt_normal.mspider{display:block !important; width:100% !important}
    .writing_ty2 .inputxt_normal.mspider input{display:block !important; width:100% !important}
    .writing_ty2 .select_normal.mspider{display:block !important}
    .writing_ty2 .select_normal.mspider select{width:100% !important}
    .writing_ty2 .mmgt05{margin-top:5px !important}
    .writing_ty2 .mmgb05{margin-bottom:5px !important}

    .viewcont_seminar .cont_area p{font-size:14px}

    .stit05{font-size:16px}
    .stit05:after{top:2px}

    /* layer_pop */
    .layer_pop{position:absolute; top:0; right:0; bottom:0; left:0; width:100% !important; padding-bottom:58px; overflow-y:auto; -webkit-overflow-scrolling:touch}
    .layer_pop .head{position:fixed; left:0; top:0; right:0; z-index:9}
    .layer_pop .body{padding:0; padding-top:65px}
    .layer_pop .body .pop_contents{padding:15px; max-height:none; overflow:hidden}

    .mypage_archive .archive_wrap{padding:60px 60px 60px 60px}


    /* tab_ty1 */
    .tab_ty1 ul.col3 li,
    .tab_ty1 ul.col4 li,
    .tab_ty1 ul.col5 li,
    .tab_ty1 ul.col6 li,
    .tab_ty1 ul.col7 li{width:33.333333%}

    .tab_ty1 ul.col2 li:nth-child(3) .tab_box, .tab_ty1 ul.col2 li:nth-child(5) .tab_box{margin-left:-1px}
    .tab_ty1 ul.col2 li:nth-child(-n+2) .tab_box{margin-top:-1px}
    .tab_ty1 ul.col2 li:nth-child(4) .tab_box, .tab_ty1 ul.col2 li:nth-child(7) .tab_box, .tab_ty1 ul.col2 li:nth-child(10) .tab_box{margin-left:0}
    .tab_ty1 ul.col2 li:nth-child(-n+3) .tab_box{margin-top:0}

    .tab_ty1 ul.col3 li:nth-child(4) .tab_box, .tab_ty1 ul.col3 li:nth-child(7) .tab_box{margin-left:-1px}
    .tab_ty1 ul.col3 li:nth-child(-n+3) .tab_box{margin-top:-1px}
    .tab_ty1 ul.col3 li:nth-child(4) .tab_box, .tab_ty1 ul.col3 li:nth-child(7) .tab_box, .tab_ty1 ul.col3 li:nth-child(10) .tab_box{margin-left:0}
    .tab_ty1 ul.col3 li:nth-child(-n+3) .tab_box{margin-top:0}

    .tab_ty1 ul.col4 li:nth-child(5) .tab_box, .tab_ty1 ul.col4 li:nth-child(9) .tab_box{margin-left:-1px}
    .tab_ty1 ul.col4 li:nth-child(-n+4) .tab_box{margin-top:-1px}
    .tab_ty1 ul.col4 li:nth-child(4) .tab_box, .tab_ty1 ul.col4 li:nth-child(7) .tab_box, .tab_ty1 ul.col4 li:nth-child(10) .tab_box{margin-left:0}
    .tab_ty1 ul.col4 li:nth-child(-n+3) .tab_box{margin-top:0}

    .tab_ty1 ul.col5 li:nth-child(6) .tab_box, .tab_ty1 ul.col5 li:nth-child(11) .tab_box{margin-left:-1px}
    .tab_ty1 ul.col5 li:nth-child(-n+5) .tab_box{margin-top:-1px}
    .tab_ty1 ul.col5 li:nth-child(4) .tab_box, .tab_ty1 ul.col5 li:nth-child(7) .tab_box, .tab_ty1 ul.col5 li:nth-child(10) .tab_box{margin-left:0}
    .tab_ty1 ul.col5 li:nth-child(-n+3) .tab_box{margin-top:0}

    .tab_ty1 ul.col6 li:nth-child(7) .tab_box, .tab_ty1 ul.col6 li:nth-child(13) .tab_box{margin-left:-1px}
    .tab_ty1 ul.col6 li:nth-child(-n+6) .tab_box{margin-top:-1px}
    .tab_ty1 ul.col6 li:nth-child(4) .tab_box, .tab_ty1 ul.col6 li:nth-child(7) .tab_box, .tab_ty1 ul.col6 li:nth-child(10) .tab_box{margin-left:0}
    .tab_ty1 ul.col6 li:nth-child(-n+3) .tab_box{margin-top:0}

    .tab_ty1 ul.col7 li:nth-child(8) .tab_box, .tab_ty1 ul.col7 li:nth-child(15) .tab_box{margin-left:-1px}
    .tab_ty1 ul.col7 li:nth-child(-n+7) .tab_box{margin-top:-1px}
    .tab_ty1 ul.col7 li:nth-child(4) .tab_box, .tab_ty1 ul.col7 li:nth-child(7) .tab_box, .tab_ty1 ul.col7 li:nth-child(10) .tab_box{margin-left:0}
    .tab_ty1 ul.col7 li:nth-child(-n+3) .tab_box{margin-top:0}

    /* ---------- viewhead ---------- */
    /* viewhead_ty1 */
    .viewhead_ty1{margin-bottom:0}
    .viewhead_ty1 .meta_area{border-top:none; border-bottom:none; margin-top:0}
    .viewhead_ty1 .meta_info{padding:10px 0 0}
    .viewhead_ty1 .meta_info dt, .viewhead_ty1 .meta_info dd{line-height:135%}
    .viewhead_ty1 .meta_info dt{display:block; margin:0; padding:10px 5px; border-left:none; text-align:center; border:1px solid #dadada !important}
    .viewhead_ty1 .meta_info dd{display:block; margin:0; padding:8px 0}
    .viewhead_ty1 .meta_info dd:last-child{margin-bottom:0}

    .viewhead_ty1 .summury_area{text-align:left; padding:10px 30px 10px; border-top:1px solid #dadada;}
    .viewhead_ty1 .summury_area .summury_list{display:block; overflow:hidden}
    .viewhead_ty1 .summury_area .summury_list li{width:50%; margin:5px 0}
    .viewhead_ty1 .summury_area .summury_list li .tit{border-left:none; padding-left:0; min-width:80px; font-size:13px}
    .viewhead_ty1 .summury_area .summury_list li .info{margin-right:0; font-size:13px}

    .join_type .type_inner{width:100%; margin:0}
    .join_type .login_wrap .login_box.box_l{padding-right:20px}
    .join_type .login_wrap .login_box.box_r{padding-left:20px}

    .join_state{width:100%; margin:0 auto 15px}
    .join_state .state_list li{width:50% !important}
    .join_state .state_list li .state_box .state_tit{height:122px; padding-top:80px}
}


/* -------------------- respon max 800px -------------------- */
@media all and (max-width:800px)
{
    /* ---------- thumlist ---------- */
    /* thumlist_ty1 */
    .thumlist_ty1 .thumlist_box{transition:none}
    .thumlist_ty1 .thumlist > li{width:50%}
    .thumlist_ty1 .thumlist.col4 > li{width:50%}

    /* thumlist_ty2 */
    .thumlist_ty2 .thumlist .thumlist_box{padding-left:0}
    .thumlist_ty2 .num_area{display:none}
    .thumlist_ty2 .category_area{display:none}
    .thumlist_ty2 .thum_group{padding-left:194px}
    .thumlist_ty2 .thum_area{width:204px}
    .thumlist_ty2 .thum_area .no_cover{width:204px}
    .thumlist_ty2 .info_area{padding-left:210px}


    .view_scriber{width:100%}
    .view_scriber .scriber .writer{font-size:15px}
    .view_scriber .scriber:before{display:none}

    .stit_area .unit{position:relative; right:auto; bottom:auto; margin-top:8px}

    .normalist_ty1 .info_area{margin-top:8px}
    .normalist_ty1 .info_area li{margin-left:0; width:50%}
    .normalist_ty1 .info_area li span{margin-top:8px}

    .join_type .type_wrap .type_box.box_l{padding-right:15px}
    .join_type .type_wrap .type_box.box_r{padding-left:15px}
}


/* -------------------- respon max 640px -------------------- */
@media all and (max-width:640px)
{   
    .scriber_band ul li{width:100%}
    .scriber_band ul li .tab_box{margin:0; border-top:none}

    .list_controll .key_type{margin-right:0; margin-top:5px}
    .list_controll .list_num{display:block; margin-top:5px}
    .list_controll .list_info{display:block}
    .list_controll .stit04{box-sizing:border-box; margin-right:0 !important; width:100%}
    .list_controll .stit05{box-sizing:border-box; margin-right:0 !important; width:100%}

    /* ---------- thumlist ---------- */
    /* thumlist_ty1 */
    .thumlist_ty1{padding-bottom:0; border-bottom:none}
    .thumlist_ty1 .thumlist{margin-left:0; margin-top:-20px}
    .thumlist_ty1 .thumlist > li{width:100%; padding-bottom:20px; border-bottom:1px solid #dadada}
    .thumlist_ty1 .thumlist_box{height:auto; margin-left:0; padding-top:0; margin-top:20px; border:none}
    .thumlist_ty1 .thumlist_box:hover{border:none; box-shadow:none}
    .thumlist_ty1 .thum_area{position:relative; right:auto; top:auto; left:0; height:250px}
    .thumlist_ty1 .thum_area:before{border-bottom:1px solid rgba(0,0,0,.12)}
    .thumlist_ty1 .thum_area .thum{width:100%; object-fit:cover}
    .thumlist_ty1 .tit_area{padding-left:0; padding-right:0; padding-top:15px}
    .thumlist_ty1 .tit_area .tit_badge.card{left:0; top:21px}
    .thumlist_ty1 .tit_area .tit{height:auto; line-height:145%}
    .thumlist_ty1 .info_area{padding:0}
    .thumlist_ty1 .thum_area .no_cover{position:relative; left:auto; top:auto; right:auto; height:250px;}
    .thumlist_ty1 .writer_box{top:-40px; z-index:2}


    /* thumlist_ty2 */
    .thumlist_ty2 .thumlist > li:hover{border-bottom:1px solid #dadada; box-shadow:none}
    .thumlist_ty2 .thumlist .thumlist_box{padding-right:0}
    .thumlist_ty2 .thum_group{padding-left:0}
    .thumlist_ty2 .thum_area{position:relative; top:auto; left:auto; width:100%; height:250px}
    .thumlist_ty2 .thum_area .thum{width:100%; object-fit:cover}
    .thumlist_ty2 .tit_area{position:relative; padding-top:15px; padding-left:0; box-sizing:border-box}

    .thumlist_ty2 .info_area{padding-left:0; text-align:center}
    .thumlist_ty2 .info_area li:first-child{margin-left:0}
    .thumlist_ty2 .tit_area .tit_badge.card{top:21px; left:0}
    .thumlist_ty2 .detail_set{padding-left:0}
    .thumlist_ty2 .writer_area{display:block}
    .thumlist_ty2 .meta_area{margin-top:10px}

    .thumlist_ty2 .thum_area .no_cover{position:relative; left:auto; top:auto; width:100%; height:250px}


    /* ---------- viewcont ---------- */
    /* viewcont_ty1 */
    .viewcont_ty1 .cont_area{border-top:1px solid #dadada}
    

    .cardview_ty{width:300px}
    .cardview_ty .card_hero.hero_cover .hero_img{height:447px}
    .cardview_ty .card_hero.hero_cover .hero_subject .subject_area{font-size:22px}
    .cardview_ty .card_hero.hero_ty1 .hero_img{height:223.5px}
    .cardview_ty .card_hero.hero_ty1 .hero_cont{min-height:223.5px; padding:20px}

    .cardview_ty .card_hero.hero_ty2 .hero_img{height:223.5px}
    .cardview_ty .card_hero.hero_ty2 .hero_cont{min-height:223.5px; padding:20px}


    .cardview_ty .card_hero.hero_ty3{padding-top:20px}
    .cardview_ty .card_hero.hero_ty3 .hero_img{width:260px; height:194px}
    .cardview_ty .card_hero.hero_ty3 .hero_img .img{height:194px}
    .cardview_ty .card_hero.hero_ty3 .hero_cont{min-height:233px; padding:20px}

    .cardview_ty .card_hero.hero_ty4 .hero_cont{min-height:447px}

    .cardview_ty .card_hero.hero_ty5 .hero_img{height:447px}

    #cardview_carousel_w .slick-arrow{width:46px; height:46px}
    #cardview_carousel_w .slick-prev{left:-50px}
    #cardview_carousel_w .slick-next{right:-50px}
    #cardview_carousel_w .slick-prev:before{left:6px}
    #cardview_carousel_w .slick-next:before{left:6px}

    #cardview_carousel_h .slick-arrow{width:46px; height:46px}
    #cardview_carousel_h .slick-prev{right:-50px}
    #cardview_carousel_h .slick-next{right:-50px}
    #cardview_carousel_h .slick-prev:before{left:15px}
    #cardview_carousel_h .slick-next:before{left:15px}

    .slick-vertical .slick-slide{}

    .stit05{font-size:14px}
    .stit05:after{top:1px}
    #allmenu_layer .allmenu_close{top:-64px}
    #allmenu_layer .allmenu_top{height:90px}
    #allmenu_layer .allmenu_top .logo{padding-top:35px; width:200px; height:29px; margin:0; padding-left:15px}
    #allmenu_layer .allmenu_top .logo strong{width:200px; height:29px; background:url("../images/common/logo.png") no-repeat 50% 50%; background-size:200px 29px}
    #allmenu_layer .allmenu_close{right:15px}
    #allmenu_layer .allmenu_inner{padding:20px 20px 60px;}

    .view_carousel_ty1 .thumlist_box{height:310px}
    .view_carousel_ty1 .thum_area .thum{width:100%; object-fit:cover}
    .view_carousel_ty1 .info_area span.writer{float:none; width:100%; margin-bottom:5px}
    .view_carousel_ty1 .info_area span.date{float:none; width:100%; margin-bottom:5px}

    .mypage_archive .archive_wrap{padding:45px 25px 45px 25px}
    .mypage_archive .archive_wrap .tit_area{margin-bottom:30px}
    .mypage_archive .archive_wrap .tit_area .tit{margin-bottom:10px}
    .mypage_archive .archive_wrap .tit_area .btn_list{position:relative; right:auto; bottom:auto; padding-top:15px; border-top:1px solid rgba(255,255,255,0.2)}
    .mypage_archive .archive_wrap .tit_area .btn_list li{width:33.3333%; margin-left:0}

    .mypage_archive .archive_wrap .activity_box .activity_list{width:100%; float:none}
    .mypage_archive .archive_wrap .activity_box .activity_list:first-child{margin-bottom:25px}
    .mypage_archive .archive_wrap .activity_box .activity_list li{padding-left:130px}
    .mypage_archive .archive_wrap .activity_box .activity_list .activity_tit{text-align:left}


    .join_terms .terms_box{margin-bottom:25px}


    /* ---------- form_list ---------- */
    /* form_list01 */
   .form_list01 li{width:100%}


    /* tab_ty1 */
    .tab_ty1{margin-bottom:30px;}
    .tab_ty1 ul li .tab_box a{height:40px; line-height:40px; font-size:13px}
    .tab_ty1 ul li.active .tab_box a{height:36px; line-height:37px}

    .tab_ty1 ul.col2 li,
    .tab_ty1 ul.col3 li,
    .tab_ty1 ul.col4 li,
    .tab_ty1 ul.col5 li,
    .tab_ty1 ul.col6 li,
    .tab_ty1 ul.col7 li{width:50%}

    .tab_ty1 ul.col2 li:nth-child(4) .tab_box, .tab_ty1 ul.col2 li:nth-child(7) .tab_box, .tab_ty1 ul.col2 li:nth-child(10) .tab_box{margin-left:-1px}
    .tab_ty1 ul.col2 li:nth-child(-n+3) .tab_box{margin-top:-1px}
    .tab_ty1 ul.col2 li:nth-child(3) .tab_box, .tab_ty1 ul.col2 li:nth-child(5) .tab_box, .tab_ty1 ul.col2 li:nth-child(7) .tab_box, .tab_ty1 ul.col2 li:nth-child(9) .tab_box, .tab_ty1 ul.col2 li:nth-child(11) .tab_box{margin-left:0}
    .tab_ty1 ul.col2 li:nth-child(-n+2) .tab_box{margin-top:0}

    .tab_ty1 ul.col3 li:nth-child(4) .tab_box, .tab_ty1 ul.col3 li:nth-child(7) .tab_box, .tab_ty1 ul.col3 li:nth-child(10) .tab_box{margin-left:-1px}
    .tab_ty1 ul.col3 li:nth-child(-n+3) .tab_box{margin-top:-1px}
    .tab_ty1 ul.col3 li:nth-child(3) .tab_box, .tab_ty1 ul.col3 li:nth-child(5) .tab_box, .tab_ty1 ul.col3 li:nth-child(7) .tab_box, .tab_ty1 ul.col3 li:nth-child(9) .tab_box, .tab_ty1 ul.col3 li:nth-child(11) .tab_box{margin-left:0}
    .tab_ty1 ul.col3 li:nth-child(-n+2) .tab_box{margin-top:0}

    .tab_ty1 ul.col4 li:nth-child(4) .tab_box, .tab_ty1 ul.col4 li:nth-child(7) .tab_box, .tab_ty1 ul.col4 li:nth-child(10) .tab_box{margin-left:-1px}
    .tab_ty1 ul.col4 li:nth-child(-n+3) .tab_box{margin-top:-1px}
    .tab_ty1 ul.col4 li:nth-child(3) .tab_box, .tab_ty1 ul.col4 li:nth-child(5) .tab_box, .tab_ty1 ul.col4 li:nth-child(7) .tab_box, .tab_ty1 ul.col4 li:nth-child(9) .tab_box, .tab_ty1 ul.col4 li:nth-child(11) .tab_box{margin-left:0}
    .tab_ty1 ul.col4 li:nth-child(-n+2) .tab_box{margin-top:0}

    .tab_ty1 ul.col5 li:nth-child(4) .tab_box, .tab_ty1 ul.col5 li:nth-child(7) .tab_box, .tab_ty1 ul.col5 li:nth-child(10) .tab_box{margin-left:-1px}
    .tab_ty1 ul.col5 li:nth-child(-n+3) .tab_box{margin-top:-1px}
    .tab_ty1 ul.col5 li:nth-child(3) .tab_box, .tab_ty1 ul.col5 li:nth-child(5) .tab_box, .tab_ty1 ul.col5 li:nth-child(7) .tab_box, .tab_ty1 ul.col5 li:nth-child(9) .tab_box, .tab_ty1 ul.col5 li:nth-child(11) .tab_box{margin-left:0}
    .tab_ty1 ul.col5 li:nth-child(-n+2) .tab_box{margin-top:0}

    .tab_ty1 ul.col6 li:nth-child(4) .tab_box, .tab_ty1 ul.col6 li:nth-child(7) .tab_box, .tab_ty1 ul.col6 li:nth-child(10) .tab_box{margin-left:-1px}
    .tab_ty1 ul.col6 li:nth-child(-n+3) .tab_box{margin-top:-1px}
    .tab_ty1 ul.col6 li:nth-child(3) .tab_box, .tab_ty1 ul.col6 li:nth-child(5) .tab_box, .tab_ty1 ul.col6 li:nth-child(7) .tab_box, .tab_ty1 ul.col6 li:nth-child(9) .tab_box, .tab_ty1 ul.col6 li:nth-child(11) .tab_box{margin-left:0}
    .tab_ty1 ul.col6 li:nth-child(-n+2) .tab_box{margin-top:0}

    .tab_ty1 ul.col7 li:nth-child(4) .tab_box, .tab_ty1 ul.col7 li:nth-child(7) .tab_box, .tab_ty1 ul.col7 li:nth-child(10) .tab_box{margin-left:-1px}
    .tab_ty1 ul.col7 li:nth-child(-n+3) .tab_box{margin-top:-1px}
    .tab_ty1 ul.col7 li:nth-child(3) .tab_box, .tab_ty1 ul.col7 li:nth-child(5) .tab_box, .tab_ty1 ul.col7 li:nth-child(7) .tab_box, .tab_ty1 ul.col7 li:nth-child(9) .tab_box, .tab_ty1 ul.col7 li:nth-child(11) .tab_box{margin-left:0}
    .tab_ty1 ul.col7 li:nth-child(-n+2) .tab_box{margin-top:0}


    /* ---------- normalist ---------- */
    /* normalist_ty1 */
    .normalist_ty1 .normalist > li:hover{box-shadow:none; border-bottom:1px solid #dadada}
    .normalist_ty1 .normalist_box{padding-left:0; padding-right:0}
    .normalist_ty1 .normalist > li.answer_row .normalist_box{padding-left:10px}
    .normalist_ty1 .num_area{display:none}
    .normalist_ty1 .notice_area{position:relative; left:auto; top:auto; width:auto; margin-top:0; margin-bottom:5px}
    .normalist_ty1 .notice_area .notice{display:block}
    .normalist_ty1 .tit_area .tit{font-size:14px; text-overflow:initial; white-space:normal; overflow:hidden}

    .normalist_ty1 .info_area li{width:100%}

    /* ---------- viewhead ---------- */
    /* viewhead_ty1 */
    .viewhead_ty1 .summury_area{padding:10px 15px 10px; border-bottom:none}
    .viewhead_ty1 .summury_area .summury_list li{width:100%; margin:3px 0}


    /* guide_box */
    .guide_box .tit_area{padding:35px 0 30px}
    .guide_box .tit_area .tit{font-size:22px}
    .guide_box .cont_area{padding:25px 15px}

    .current_location .location{padding-left:0}
    .current_location .location .home{display:none}
    .current_location .location ul li{width:33.33333%}
    .current_location .location ul li .depth{padding-right:10px; padding-left:10px}
    .current_location .location ul li:first-child .depth{padding-left:0}
    .current_location .location ul li:after{content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:#e7ebf5}
    .current_location .location ul li:last-child:after{display:none}

    /* footer */
    #footer .footer_link{height:auto}
    #footer .footer_link .link_service{padding:15px 0}
    #footer .footer_link .link_service li{width:50%; padding:0}
    #footer .footer_link .link_service li:first-child{padding-left:0}
    #footer .footer_link .link_service li a{height:32px; line-height:32px}


    .join_type .type_wrap .type_box.box_l{padding-right:0; width:100%; float:none; margin-bottom:35px;}
    .join_type .type_wrap .type_box:after{display:none}
    .join_type .type_wrap .type_box.box_r{padding-left:0; width:100%; float:none; padding-top:30px; border-top:1px solid #dadada}

    .mypage_carousel_ty1 .thum_area .thum{width:100%; object-fit:cover}
}


/* -------------------- respon max 440px -------------------- */
@media all and (max-width:440px)
{   

    .seminar_uc .uc_tit .tit{display:block; text-align:center}

    /* comments */
    .comment_list .comment_box .comment_info > li:first-child{float:none; margin-bottom:5px; border-right:none}
    .comment_list .comment_box .comment_info > li:nth-child(2){padding-left:0}

    #cardview_carousel_w .slick-arrow{margin-top:-30px}
    #cardview_carousel_w .slick-prev{left:-20px}
    #cardview_carousel_w .slick-next{right:-20px}

    #cardview_carousel_h .slick-prev{right:-20px}
    #cardview_carousel_h .slick-next{right:-20px}


    .seminar_uc .base_info .apply_area li{width:100%; float:none; margin-bottom:5px}
    .seminar_uc .base_info .apply_area li:last-child{margin-bottom:0}
    .seminar_uc .base_info .apply_area li .inner .btn_normal, .seminar_uc .base_info .apply_area li .inner .btn_line{width:auto}
    
    .viewhead_seminar .panel_info{padding-left:107px}
    .viewhead_seminar .panel_info .meta_area{padding-left:0}
    .viewhead_seminar .panel_info .meta_area dt{position:relative; left:auto;}
    .viewhead_seminar .panel_info .photo_area{width:89px; height:112px}
    .viewhead_seminar .panel_info .photo_area .photo{width:89px; height:112px}

    .header_top .logo{margin-left:15px; top:35px; left:0}
    .header_top .logo a{width:200px; height:29px; background-size: 200px 29px;}

    .login_ty1 .login_inner{width:100%; margin:0}
    .login_ty1 .login_wrap .login_help .help_list li{float:none; width:100%}
    .login_ty1 .login_wrap .sns_login li{margin-bottom:5px}

    .login_ty2 .login_inner{width:100%; margin:0}
    .login_ty2 .btn_confirm{height:62px; line-height:63px}
    .login_ty2 .login_wrap .sns_login li{margin-bottom:5px}
}


/* -------------------- respon max 340px -------------------- */
@media all and (max-width:340px)
{
    #allmenu_layer .depth2 > ul > li{width:100%}
}