@media screen and (max-width:1860px) {
    #header .btn_gnb{width:45px; height: 45px; margin-left:10px;}
    #header .gnb .depth1:not(:last-child){margin-right:25px;}
    #header .gnb .depth1 > a{font-size:1.068em;}
    
    /*영어*/
    .lang_en #header .gnb .depth1{max-width:130px;}
    .lang_en #header .gnb .depth1 > a{font-size:1em;}
    
    /*중국어*/
    .lang_ch #header .gnb .depth1{max-width:150px;}
    .lang_ch #header .gnb .depth1 > a{font-size:1em;}
    
    /*베트남어*/
    .lang_vn #header .gnb .depth1{max-width:130px;}
    .lang_vn #header .gnb .depth1:not(:last-child){margin-right:15px;}
    .lang_vn #header .gnb .depth1 > a{font-size:.95em;}
 
    /*태국어*/
    .lang_th #header .gnb .depth1{max-width:120px;}
    .lang_th #header .gnb .depth1:not(:last-child){margin-right:15px;}
    .lang_th #header .gnb .depth1 > a{font-size:.95em;}
}


@media screen and (max-width:1650px) {
    #header .gnb .depth1{max-width:130px;}
    #header .gnb .depth1:not(:last-child){margin-right:10px;}
    #header .gnb .depth1 > a{font-size:1em;}
    #header .h_logo .logo_a img,
    #header .h_logo .logo_b img{width:210px; height: auto;}
    #hm_footer .f_logo img{width:210px; height: auto;}
    
    .mainSlider .mainSlider-control{display:none;}
    .mainSlider .slogan .slog_txt{padding-top:30px;}
    .mainSlider .slogan .slog_txt .t1{font-size:3.25em;}
    .mainSlider .slogan .slog_txt .t2{font-size:1.375em;}
    .main_tit .in_tt{font-size:2.825em;}
    .page_tit{font-size:3.625em;}
    .main_about{height:450px; padding-top:0;}
    .main_about .box1{height:100%;}
    .main_about .main_tit{width:100%!important; margin-top:0; position: relative; z-index: 10;}
    .main_about .img_box{position: absolute; bottom:0; right:0; width:45%;}
    
    /*영어*/
    .lang_en #header .gnb .depth1{max-width:100px;}
    .lang_en #header .gnb .depth1 > a{font-size:.938em; line-height: 1;}
    
    /*중국어*/
    .lang_ch #header .gnb .depth1{max-width:110px;}
    .lang_ch #header .gnb .depth1 > a{font-size:.95em;}
    
    /*베트남어*/
    .lang_vn #header .gnb .depth1{max-width:90px;}
    .lang_vn #header .gnb .depth1 > a{font-size:.938em;}
     
    /*태국어*/
    .lang_th #header .gnb .depth1{max-width:90px;}
    .lang_th #header .gnb .depth1 > a{font-size:.938em;}
}



@media screen and (max-width:1350px) {
.navbar-nav > li{ margin: 0 20px !important;}
.navbar-nav{ margin-right: 0 !important;}
.navbar-form .form-control{ width: 180px !important;}
#sit_pvi{ width: 50% !important;}
#sit_ov{ width: 50% !important;}
	
    /**/
	.mobile_only{display:block !important;}
	.pc_only{display:none !important;}
	.all_menu,
	.pc_all_menu{display:none;}
    .all_m_btn.mobile_only{display:flex!important;}
    
    #header .h_right{margin-left:auto;}
    
    .mainSlider .slogan{display:block; height:100%; text-align: center; padding-top:calc(var(--header_H) + 100px); overflow: hidden; width:100%; max-width:100%;}
    .mainSlider .slogan .slog_txt{width:96%; padding-top:0; z-index: 10; margin: 0 auto;}
    .mainSlider .slogan .slog_img{width:100%; position: absolute; bottom:0; right:-100px; text-align: right}
    .mainSlider .slogan .slog_img img{width:500px; height: auto;}
    
    .main_serv .serv_left{width:calc(100% - 600px)}
    .main_serv .serv_left .main_tit .in_tx br:nth-child(2){display:none;}
    .main_serv .serv_right{width:600px;}
    .main_serv .serv_right .serv_list{grid-gap: 30px;}
    .main_serv .serv_right .serv_list > li .in{height:380px;}
    .main_serv .serv_right .serv_list > li .in .in_txt > p,
    .main_alien .alien_list > li .in_tx,
    .main_help .help_list > li .in .in_tt{font-size:1.825em;}

    
    #hm_footer{padding-top:55px;}
    #hm_footer .f_wrap{position: relative;}
    #hm_footer .f_logo{width:100%;}
    #hm_footer .f_info{width:100%; margin-top:30px;}
    #hm_footer .f_info > li.cl{clear: inherit}
    #hm_footer .f_site{position: absolute; top: 0px; right:0; width:220px;}
    #hm_footer .f_site .f_site_btn{padding:15px 25px;}
    #hm_footer .f_site .f_site_list{padding:8px 25px; top:53px;}
    #hm_footer .f_copy{ margin-top: 60px; padding: 20px 0;}
    
        
    .main_tit .in_tt,
    .lang_en .main_tit .in_tt,
    .lang_ch .main_tit .in_tt,
    .lang_vn .main_tit .in_tt,
    .lang_th .main_tit .in_tt{font-size:2.25em;}
    .page_tit,
    .lang_en .page_tit,
    .lang_ch .page_tit,
    .lang_vn .page_tit,
    .lang_th .page_tit{font-size:3em;}
    .page_tt,
    .lang_en .page_tt,
    .lang_ch .page_tt,
    .lang_vn .page_tt,
    .lang_th .page_tt{font-size:2.125em;}
    .page_tit_img{height:400px;}
    .lang_ch .page_tx1,
    .page_tx1{font-size:1.125em;}
    .subh_tit .sub_in_tt{font-size:1.25em;}
    .sub_top_wrap{margin-top:60px;}
    .sub_top_wrap.Aon{height:54px;}
    .sub_top_wrap .sub_top_tab > li .dp3{padding:15px 5px;}
    .serv_all_wrap{padding-left:70px;}
    .serv_cont .serv_top:before{left: -85px;}
    
    /*영어*/
    .main_alien .alien_list > li:not(:last-child){margin-right:20px;}
    
}



@media screen and (max-width:1024px) {
body { font-size:14px !important; }  
.navbar-nav > li{ float:none !important;}
.navbar-form .form-control{ width: 100% !important;}
.navbar-left .search_btn{ width: 2.5em !important; line-height: 2.5em !important; height: 2.5em !important;}
.navbar-nav{ width: 100% !important;}
#navbar-main > form{ width: 100%; margin-top: 1em;}
.dropdown-menu{ display: none; height: 0; box-shadow: none !important;}
.dropdown.on .dropdown-menu{ display: block; height: auto; position: inherit; float: none; visibility: visible; min-width: 100%;}
.dropdown-toggle{ border-top: 1px solid #ededed !important;}
.navbar-nav > li.dropdown.on .dropdown-toggle{ background: #1c4899; color: #fff !important;}
.nav .dropdown .dropdown-menu:after{ display: none;}
.navbar-nav > li > a{ padding: 20px 10px !important;}
#navbar-main{ border-top: 1px solid #ddd;}
.navbar-nav{ margin: 0 !important;}
#navbar-main{ padding-top: 1em !important;}
.navbar-collapse.collapse{ display: block; position: fixed !important; right: -100% !important; top: 70px !important; background: #fff;  padding: 1em 0; width: 320px !important; height: 100% !important; transition: .8s; box-shadow: 0 20px 0.5625rem #666;}
.navbar-collapse.collapse.on{right: 0 !important; transition: .8s;}
.navbar-default .navbar-nav > li > a:after{ content: '+'; position: absolute; right: 1em; color: #999; font-size: 1.125em;}
.navbar-default .navbar-nav > li.on > a:after{ content: '-'; position: absolute; right: 1em; color: #fff; font-size: 1.125em;}
.dropdown-menu{ border: 1px solid #ddd !important;}
.dropdown-menu > li > a{ padding: 12px 10px !important; line-height: 1.5 !important; text-align: left !important;}
.nav .dropdown:last-child .dropdown-toggle{ border-bottom: 1px solid #ededed;}
.navbar-toggle{ width: 44px; height: 42px;}
.navbar-toggle.on .icon-bar{ transition: all .3s;}
.navbar-toggle.on .icon-bar:nth-child(2){ opacity: 0;}
.navbar-toggle.on .icon-bar:nth-child(1){ transform: rotate(45deg); position: absolute; top: 20px; }
.navbar-toggle.on .icon-bar:nth-child(3){ transform: rotate(-45deg); position: absolute; top: 16px;}

    /**/
    .mainSlider .slogan .slog_img{display:none;}
    .main_tit{  text-align: center;}
    .main_tit .in_tx{margin-top:25px;}
    .main_serv{padding:100px 0 120px;}
    .main_serv .serv_left{width:100%;}
    .main_serv .serv_left .main_tit{position: inherit; top: inherit; left: inherit; padding-right:0; margin-top:0;}
	.main_serv .serv_right{width:100%;}
    .main_serv .serv_right .serv_list{margin-top:50px; grid-gap: 20px;}
    .main_serv .serv_right .serv_list > li:nth-child(2n-1) .in{margin-top:0;}
    .main_serv .serv_right .serv_list > li .in .in_txt > p, 
    .main_alien .alien_list > li .in_tx, 
    .main_help .help_list > li .in .in_tt{font-size:1.5em!important;}
    .main_alien .alien_list > li{max-width:45%;}
    .main_alien .alien_list > li:not(:last-child){margin-right:20px;}
    .main_help .help_list{margin-right:-20px;}
    .main_help .help_list > li{width:50%;}
    .main_help .help_list > li:last-child{width:100%; margin-top:20px;}
    .main_help .help_list > li .in{margin-right:20px;}
    .main_about{height:auto}
    .main_about .box1{display:block;align-content: baseline; align-items: normal;}
    .main_about .main_tit{text-align:center; margin-top:70px;}
    .main_about .main_tit .in_tt{margin-bottom:25px;}
    .main_about .main_tit > .flex{justify-content: center;}
    .main_about .img_box{width:100%!important; text-align: center!important; position: inherit; bottom:inherit; right:inherit; margin-top:50px;}
    .main_about .img_box img{width:400px; height: auto; max-width:100%;}
    .main_about .main_tit .more_btn{margin-left:15px;}
    .main_about:hover .more_btn .xi{background-color: var(--mainColor); color:#fff; margin-left:0px;}
    
    .serv_all_wrap{padding-left:0;}
    .serv_line,
    .serv_cont .serv_top:before{display:none;}
    .serv_cont .serv_top .serv_img{padding-left:40px;}
    
    .page_tt,
    .lang_en .page_tt,
    .lang_ch .page_tt,
    .lang_vn .page_tt,
    .lang_th .page_tt{font-size:1.825em;}

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

#sit_pvi{ width: 100% !important;}
#sit_ov{ width: 100% !important; padding: 2em 0 !important; min-height: auto !important;}
.subh_tit{ top:190px;} 
.subh_tit h2{ font-size: 34px !important;} 
.nav > li > a{ text-align: left;}
#navbar-main .dropdown-menu > li > a{ text-align: left; padding-left: .5em;}
#sch_res_detail .frm_input{ width: 200px;}
#sch_res_detail{ padding: 30px 10px !important;}
#bo_cate.st_tab ul li{ float: left; width: 20%;}
#bo_cate.st_tab ul li a{ padding: 12px 0; width: auto;}  
	
	/**/
	.mo_all_menu .gnb_all > ul > li.depth1 > a.gnb_al_a{font-size:1em;}
    
    .mainSlider .slogan .slog_txt .t1{font-size:2.5em!important;}
    .lang_th .mainSlider .slogan .slog_txt .t1 br{display:block;}
    .mainSlider .slogan .slog_txt .t1 br
    .mainSlider .slogan .slog_txt .t2{font-size:1.25em!important;}
    
    .main_tit .in_tt,
    .lang_en .main_tit .in_tt,
    .lang_ch .main_tit .in_tt,
    .lang_vn .main_tit .in_tt,
    .lang_th .main_tit .in_tt{font-size:2em;}
    
    .main_tit .in_stt,
    .lang_en .main_tit .in_stt,
    .lang_ch .main_tit .in_stt,
    .lang_vn .main_tit .in_stt,
    .lang_th .main_tit .in_stt{font-size:2em;}
    
    .main_tit .in_tx{font-size:1.068em; line-height: 1.5;}
    .main_serv .serv_right .serv_list{display: block;}
    .main_serv .serv_right .serv_list > li{margin-bottom:7px;}
    .main_serv .serv_right .serv_list > li .in{height:250px;}
    .main_alien .alien_list > li{max-width:100%;}
    .main_alien .alien_list > li:not(:last-child){margin-right:0; margin-bottom:30px;}
    .main_help{padding:100px 0;}
    .main_help .help_list > li{width:100%; margin-bottom: 20px;}
    .main_help .help_list > li:last-child{margin-top:0;}
    .main_help .help_list > li .in{height:auto;}
    
    
    .page_tit,
    .lang_en .page_tit,
    .lang_ch .page_tit,
    .lang_vn .page_tit,
    .lang_th .page_tit{font-size:2.125em;}
    .page_tit_img{height:300px; margin-top:60px;}
    .page_stt{font-size:1.125em;}
    .lang_ch .page_tx1,
    .page_tx1{font-size:1.068em;}
    .page_tx2{font-size:1em;}
    .about_wrap{padding:5em 0 8em;}
    .about_wrap .page_tt br{display:none;}
    .about_wrap .about_img{margin-right:0;}
    .about_wrap .about_img > li{width:100%; margin-bottom: 7px;} 
    .about_wrap .about_img > li .img_z{height:300px; margin-right:0;}
    .about_wrap .about_sbox{margin-top:50px; padding-top:40px;}
    
    .sub_top_wrap.Aon{height:47px;}
    .sub_top_wrap .sub_top_tab > li:not(:last-child){margin-right:10px;}
    .sub_top_wrap .sub_top_tab > li .dp3{font-size:1.068em; padding:12px 5px;}
    .serv_all_wrap{padding-bottom:8em;}
    .serv_cont{padding:5em 0 3em;}
    .serv_cont .serv_top{flex-direction: column-reverse;}
    .serv_cont .serv_top .serv_txt{width:100%; padding:0; margin-bottom:30px;}
    .serv_cont .serv_top .serv_img{width:100%; padding-left: 0;}
    .serv_cont .serv_top .serv_img .bgfix{min-height:240px;}
    .serv_cont .serv_cbox{margin-top:30px;}
    .table_st{font-size:1em;}
    .table_st th, .table_st td{padding:.8em .5em;}
    .dot_list > li:not(:last-child){margin-bottom:10px;}
    .dot_list > li .c_blue{width:100%!important;}
    .dot_list > li .tt{width:100%!important; padding-left:0; margin-top:3px;}
    .page_tbox .tbox_in{padding:15px;}
    .page_tbox .tbox_in .c_blue{width:100%!important;}
    .page_tbox .tbox_in .tx{width:100%!important; margin-top:3px;}
}


@media screen and (max-width:500px) {
#bo_list_title{ display: none;}
.navbar-brand > img{ width: 130px; height: auto;}
.navbar-brand.flex.vc .logo_name{ font-size: .875em;}
.navbar-default .navbar-brand{ padding-top:0px !important;}
.ctt_img{height:230px;}	
.subh_tit h2{ font-size: 28px !important;}
.subh_tit{ top: 135px !important;}
.sub_tit .t1{ font-size:1.8em;} 
.sym_color_list > li{ flex: 100%;}
.grid_4,
#sit_inf_open th{ width: 100px !important;}
#sit_inf_open th,
#sit_inf_open td{ font-size: .875em;}

#bo_list .td_num{ display: none;}
#bo_list .td_date{ width: 50px !important;}
.wt_n{ display:none;}

#sch_res_detail .sch_wr{ margin-top: 10px;}
#bo_list,
#bo_img,
#bo_v,
#bo_w{ width: 98% !important; margin: 0 auto;}
.navbar-collapse.collapse{ width: 100% !important; box-shadow: none;}


    :root{
        --header_H: 70px;
    }
    
    #header .btn_gnb{width:38px; height: 38px;}
    #header .h_logo .logo_a img, #header .h_logo .logo_b img{width:180px; height: auto;}
    #header .lang_wrap .lw_btn .lw_tx{margin:0 5px 0 3px;}
    #hm_footer{padding-top:35px;}
    #hm_footer .f_logo{text-align:center;}
    #hm_footer .f_logo img{width:180px;}
    #hm_footer .f_info{margin-top:20px;}
    #hm_footer .f_info > li{font-size:.938em; margin-right:0; width:100%; margin-top:7px; text-align:center;}
    #hm_footer .f_site{position: inherit; top: inherit; right:inherit; margin: 20px auto 0;}
    #hm_footer .f_site .f_site_btn{padding:12px 25px;}
    #hm_footer .f_site .f_site_list{max-height:65px;}
    #hm_footer .f_copy{margin-top:40px; padding:15px 0;}
    
    
    .mainSlider .el{height:570px;}
    .mainSlider .slogan{padding-top: calc(var(--header_H) + 70px);}
    .mainSlider .slogan .slog_txt .t1{font-size:2.125em!important;}
    .lang_th .mainSlider .slogan .slog_txt .t1{font-size:1.5em!important;}
    .mainSlider .slogan .slog_txt .t2{font-size:1.125em!important; margin-top:30px;}
    .mainSlider .scrolldown{display:none;}
    .mainSlider .mainSlider-pagination{text-align:center;}
    .mainSlider .mainSlider-pagination .swiper-pagination-bullet{width:12px; height: 12px;}
    .mainSlider .mainSlider-pagination .swiper-pagination-bullet-active{width:30px;}
    
    .main_tit .in_tt,
    .lang_en .main_tit .in_tt,
    .lang_ch .main_tit .in_tt,
    .lang_vn .main_tit .in_tt,
    .lang_th .main_tit .in_tt{font-size:1.625em;}
    
    .main_tit .in_stt,
    .lang_en .main_tit .in_stt,
    .lang_ch .main_tit .in_stt,
    .lang_vn .main_tit .in_stt,
    .lang_th .main_tit .in_stt{font-size:1.625em;}
    
    
    .main_tit .in_tx{font-size:1em; margin-top:10px;}
    .more_btn .xi{width:40px; height: 40px; line-height: 40px; font-size:1.125em;}
    
    .main_serv{padding:80px 0;}
    .main_serv .serv_right .serv_list{margin-top:40px;}
    .main_serv .serv_right .serv_list > li .in{height:200px;}
    .main_serv .serv_right .serv_list > li .in .in_txt{padding:20px;}
    .main_serv .serv_right .serv_list > li .in .in_txt > p, 
    .main_alien .alien_list > li .in_tx, 
    .main_help .help_list > li .in .in_tt{font-size:1.25em!important;}
    .main_alien{padding:80px 0;}
    .main_alien .alien_list > li .in_icon{width:150px; height: 150px;}
    .main_alien .alien_list > li .in_icon img{width:45px; height: auto;}
    .main_help{padding:80px 0 60px;}
    .main_help .help_list > li{margin-bottom:7px;}
    .main_help .help_list > li .in{padding:20px;}
    .main_help .help_list > li .in .in_tx{font-size:1em; line-height: 1.5;}
    .main_help .help_list > li .in .in_icon{right:20px; bottom:20px;}
    .main_help .help_list > li .in .in_icon img{width:80px; height: auto;}
    .main_about .main_tit > .flex{display:block;}
    .main_about .main_tit .in_tt{margin-bottom:10px;}
    .main_about .main_tit .more_btn{margin-left:0; margin-top:20px;}
    .main_tit .in_stt{margin-bottom:25px; text-align: left;}
    .main_partner{margin-top:80px;}
    .main_partner .main_control{top:-3px;}
    .main_partner .main_control .b_prev{margin-right:20px;}
    .main_partner .main_control .b_prev:before{right:-10px;}
    .main_partner .main_control .xi{font-size:1.825em;}
    
    .mo_all_menu{width:85%;}
    .subh_tit{padding:60px 0 25px;}
    .page_tit,
    .lang_en .page_tit,
    .lang_ch .page_tit,
    .lang_vn .page_tit,
    .lang_th .page_tit{font-size:1.625em;}
    .page_tit br{display:none;}
    .page_tit_img{height:220px; margin-top:30px;}
    .sub_top_wrap{margin-top:20px;}
    .sub_top_wrap.Aon{height:41px;}
    .sub_top_wrap .sub_top_tab > li .dp3{padding:10px 5px; font-size:1em;}
    .main_tit .in_tx
    .about_wrap{padding:3em 0 8em;}
    .about_wrap .about_img > li .img_z{height:240px;}
    .lang_ch .about_wrap .about_img > li .txt_z{padding:20px!important;}
    .about_wrap .about_img > li .txt_z br{display:none;}
    
     .page_tt,
    .lang_en .page_tt,
    .lang_ch .page_tt,
    .lang_vn .page_tt,
    .lang_th .page_tt{font-size:1.45em; margin-bottom: 20px;}
    .page_tbox{padding:20px;}
    .serv_cont .serv_top .serv_img .bgfix{min-height:220px;}
    .serv_cont .serv_cbox{margin-top:15px;}
    .serv_cont .serv_cbox > li .in{padding:20px;}
    .page_tx1 .nmb_r{width:35px; height: 35px; line-height: 35px; }
    .page_tx1 .tt{width:calc(100% - 35px);}
    .table_st .bg02,
    .table_st .bg01{font-size:1em;}

    .lang_th .page_tt br{display:none;}
    
    .qk_list .qk_btn{width:45px; height: 45px; line-height: 45px; font-size:1.375em;}
    .sub_snb{display:none;}
    
    .scrollAni.delay1.Aon,
    .scrollAni.delay2.Aon,
    .scrollAni.delay3.Aon,
    .scrollAni.delay4.Aon{transition-delay:0s}
    .scrollAni.moveL{ transform:translateY(50px)}
    .scrollAni.moveL.Aon{ transform:translateY(0); }
    .scrollAni.moveR{transform:translateY(50px)}
    .scrollAni.moveR.Aon{ transform:translateY(0)}
}