@media (max-width:1800px) {
	.main_bus .con_idx{max-width:96%; margin: 7em auto 0;}
	.main_bus .mb_swiper .swiper-slide .in{margin-right:0}
	.main_bus .mb_swiper .mb_pagen{left:50%; transform: translateX(-50%);}
}

@media (max-width:1600px) {
	.comm_board .swiper-container{width:85%;}
	.comm_board .event_control .event_btn{width:65px; height: 65px; line-height: 65px;}
	.comm_board .event_control .event_prev{margin-left:0}
	.comm_board .event_control .event_next{margin-right:0;}
}

@media (max-width:1280px) {
body { font-size:0.8em }
/*.wrap { width:100%; padding:0 20px }*/
#header .gnb .depth1{margin:0 25px;}
#header .gnb .depth1 > a:before { left:30px }
#header.down { height:260px }
#header .btn_user { margin-right:20px }
#header .user { right:5px }
.pic_lt .ts-controls { text-align:center; margin-top:10px }
.pic_lt .ts-controls button { display:none }
.pic_lt .ts-controls button.ts-paging-btn { display:inline-block; margin:0 3px; position:static; width:100%; background:none; width:20px; height:20px; border:1px solid #333; border-radius:50% }
.pic_lt .ts-controls button.ts-paging-btn.ts-paging-active { background:#333 }


#snb .wrap { padding:0 }
#snb li:first-child { border-left:0 }
#snb li:last-child { border-right:0 }
#contents { margin:55px 0 0 0 }
.container_title { font-size:2.4em; margin:0 0 40px }
.tbl_head01 td, .tbl_head01 th { padding:12px 7px !important }
#bo_list .td_num2 { width:50px }
.td_thumb { width:150px }
#bo_list .td_datetime { width:80px }
#bo_gall .gall_info .gall_view { display:none }
#faq_sch .frm_input, #faq_sch .btn_submit { height:40px }
#bo_v iframe { width: 100%; height:43vw }
#sch_res_detail select, #sch_res_detail select { width:120px }
#sch_res_detail .sch_wr { width:calc(100% - 380px) }
	
	.f_rbox{display:none;}
	.mainSlider .slogan{font-size:.875em;}
	.main_intro .ab_tt{font-size:4.125em;}
	.main_tit .in_tt{font-size:2.85em;}
	.main_bus{padding:100px 0 120px;}
	.main_bus .main_tit{ text-align: center;}
	.main_bus .tab_idx{position:inherit; top:inherit; right: inherit; margin: 0 auto;}
	.main_bus .con_idx{margin:3em auto 0;}
	.main_bus .wrap_idx{margin-top:-20px;}
	
	.main_cs .main_cs_list{margin-right:-20px;}
	.main_cs .main_cs_list li {margin-bottom:20px;}
	.main_cs .main_cs_list li .in{margin-right:20px;}
	
	.bus_top{display:flex; flex-wrap:wrap; flex-direction: column-reverse;}
	.bus_top .bus_swiper{margin:0 auto 4em; max-width: 100%; height: 300px;}
	.bus_top .b_box{width:100%; padding-right:0;}
	.fl_wrap.fw3 > li{width:100%;}
	    
        .main_title{font-size: 3em;}
		.section01_wrap .section01_con .section01_s_title01{ margin-bottom: 1em; font-size: 1.1em;}
		.section01_wrap .section01_con .section01_s_title02{line-height: 1.6em; font-size: 1.1em;}
		.section01_con .section01_titlebox .more_btn .section01_more{width: 90px;height: 90px; margin-top: 20px;}
		.section01_con .section01_titlebox .more_btn .section01_more_arr{width: 90px;height: 90px; margin-top: 20px;}
		.section01_wrap .section01_con .section01_imgbox .section01_img02{margin-left: 20px;}
		.section01_wrap .section01_con .section01_imgbox .section01_img01{width: 300px; height: 400px;}
		.section01_wrap .section01_con .section01_imgbox .section01_img02{width: 300px; height: 400px;}
		.section01_wrap .section01_con .section01_titlebox{width: 39%;}
		.section01_wrap .section01_con .section01_imgbox{width: 60%;}
		.section01_s_title02 br {display: none;}
	
		.section02_wrap .sec02_Slider{ max-width: 90%; margin-left: 0; margin: 0 auto; }
		.section02_wrap .sec02sd_co .sec02_img .img_text_box .name_in{padding: 55px 10px 10px 25px;}
		.section02_wrap .sec02sd_co .sec02_img .img_text_box .name_in .img_name::before{ top: 45px;}
		.sec02_arr{ top: 7.3em;}
		.sec02_arr .sec02_Slider-prev{width: 55px;  height: 55px;}
		.sec02_arr .sec02_Slider-next{width: 55px; height: 55px;}
	
		.section04_wrap .wrap{padding: 75px 0 50px 35px;}
		.section04_wrap .wrap .section04_con .section04_img01{right: 211px;}
		.section04_wrap .wrap .section04_con .section04_img02{left: 39em;}
		.section04_wrap .wrap .section04_con .section04_img03{ right: 442px;}
	    .section04_wrap .wrap .section04_con .section04_titlebox .af_box::after{ width: 300px;}
	
        .f_rbox{display:none;}
        #footer .f_info > li{float:none; display:inline-block;}
        #footer .f_info > li.copy{width:100%;}
	
		/*서브페이지*/
		/* 인사말*/
		.intro_text_box{ padding: 7em 4em;}
		.intro_text_box .intro_text.intro_text_01{ font-size: 1.8em; margin-bottom: 35px;}
		.intro_text_box .intro_text{font-size: 1em;}
	
		/* 연혁 */
		.history_wrap .swiper-pagination-bullet:before{font-size: 25px;}
		.sd_in_l{font-size: 35px;}
		.history_wrap .wrap .his_year{font-size: 24px;}
		.history_wrap .wrap .his_text{font-size: 17px;}
}

@media (max-width:1023px) {
body { font-size:0.8em }
/*.wrap { width:100%; padding:0 4% }*/
.mobile_only { display:block !important }
.mobile_no { display:none !important }
	
#header .all_m_btn,
#header .pc_all_menu{display:none;}
.scroll #header .btn_gnb,
#header:hover .btn_gnb{color:#222;}
#header .btn_gnb .xi{font-size:1.5em;}
#header .gnb .depth1 > ul:after{display:none;}
#header .btn_user { position:absolute; right:70px; top:17px; font-size:22px; z-index:8; float:none; margin:0 }
#header .btn_gnb { font-size:22px; z-index:10; color:#fff;}
#header .btn_gnb.on .xi-apps:before{content:'\e921'; color:#666;}
#header .btn_search { position:absolute; right:105px; top:17px; font-size:22px; z-index:8; float:none; margin:0 }
#header .gnb { position:fixed; width:300px; background:#fff; height:100%; top:0; right:-350px; margin:0; float:none; z-index:9; padding:65px 15px 0; transition:all .3s; text-align:left;box-shadow: 0 0 0.5625rem #ccc }
#header .gnb.on { right:0; }
#header .gnb > ul{width:300px; border-top:1px solid #ddd;}
#header.down .gnb a { color: #fff }
#header.down .gnb .depth1 > a { margin-bottom:0 }
#header.down .gnb .depth1:hover > a { color:#fff }
#header .gnb .depth1 ul { display:none; height:0; max-height:none; transition:all .3s; position:static; transform:translateX(0); border:0; opacity:1; width:auto; background: #f9f9f9;}
#header .gnb .depth1.on ul { display:block; height:auto}
#header .gnb .depth1 > a:before { display:none }
#header .gnb .depth1 { padding:0; float:none; margin:0; height: auto;text-align: left;}
#header .gnb .depth1 > a {width:100%; height:auto; line-height:inherit; color:#333!important; font-size: 1.25em; padding:20px 15px; border-bottom:1px solid #ddd; display: block; position: relative;}
#header .gnb .depth1 > a:after{content:'\e914'; font-family: 'xeicon'; position: absolute; top: 50%; right: 15px; transform: translateY(-50%);}
#header .gnb .depth1.on > a:after{content:'\e91b';}
#header .gnb .depth1 i { position:absolute; top:0; right:0; width:60px; height:56px; line-height:56px; text-align:center; z-index:2; color: #333; display:none!important;}
#header .gnb .depth2 > a { padding:15px; border:0 }
#header .gnb .depth2 > a:hover { background:none; color:#fff }
#header .gnb .depth1 > ul > .depth2 a{border-bottom:1px solid #ddd; border-top:0;}	
#header .gnb .depth1 > ul > .depth2 a:before{content:'-'; margin-right:6px;}
#header .gnb .depth1:before{display:block;}
#header .gnb .depth1.on{background-color:var(--maincolor);}	
#header .gnb .depth1.on > a.gnb_al_a{color:#fff !important;}	
	
#header .sns { float:none; text-align:center; margin:30px 0 0 0 }
#header .sns li { float:none; display:inline-block; margin:0 10px }
#header .user { right:38px; }

#sub_visual { height:300px }
#sub_visual h2 { padding-top:130px }

#contents { margin:50px 0 0 0; min-height:400px }
/*#contents .wrap { padding:0 3% }*/

#ctt_con { font-size:1.12em }

#ctt_con.sub01_01 .sec01 .img01 { width:35% }
#ctt_con.sub01_01 .sec01 > div { width:60% }
#ctt_con.sub01_02 .tab_menu a { font-size:30px }

#bo_gall .gall_li { width:calc(100%/3 - 15px) }
#bo_gall .gall_li:nth-child(4n + 1) { clear:none }
#bo_gall .gall_li:nth-child(3n + 1) { clear:none }
#bo_gall .gall_img:hover img { transform:none }
#bo_gall.listtype .gall_img + div { padding:15px 30px }
#bo_gall.listtype .bo_tit { font-size:1.6em }
#bo_gall .gall_list_con { max-height:38px; overflow:hidden; margin-top:5px }

#bo_v_act { margin:40px 0 !important }
#bo_v_desc { margin-top:40px }
.bo_v_nb { margin: 30px 0 }
#bo_vc_empty { padding:40px 0 !important }
#bo_v_con { min-height:50px }
#bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest, #bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest { font-size:1.2em }
#bo_list .td_datetime { width:60px }
#bo_list .td_name { width:90px }
#captcha.m_captcha #captcha_key { height:40px; margin-top:5px }
#captcha.m_captcha #captcha_img { display:inline-block; width:120px; height:40px; }
#captcha.m_captcha #captcha_reload { margin-top:5px }
td .thumb { width:150px }
td .thumb ~ div { margin-left:170px }
#bo_v iframe { width: 100%; height:52vw }
#sch_res_board a { min-width:0; padding:0; height:auto; line-height:1; margin:3px 10px; border:0; font-size:13px }
#sch_res_board .sch_on { border:0 }
.bo_v_nb li a { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; width:calc(100% - 120px); vertical-align:top }
	
	
	.page_tt{font-size:1.5em;}
	.w_form_tit{width:10em;}
	
	
	.section01_wrap .section01_con .section01_s_title01{ margin-bottom: 1em; font-size: 1.1em;}
	.section01_wrap .section01_con .section01_s_title02{line-height: 1.6em; font-size: 1.1em;}
	.section01_con .section01_titlebox .more_btn .section01_more{width: 90px;height: 90px; margin-top: 20px;}
	.section01_con .section01_titlebox .more_btn .section01_more_arr{width: 90px;height: 90px; margin-top: 20px;}
	.section01_wrap .section01_con .section01_imgbox .section01_img02{margin-left: 20px;}
	
	.section04_wrap .wrap{padding: 75px 0 50px 38px;}
	.section04_wrap .wrap .section04_con .section04_img01{ right: 145px;}
	.section04_wrap .wrap .section04_con .section04_img04{right: -21px;}
	.section04_wrap .wrap .section04_con .section04_img03{right: 329px;}
	
	
	
	/* 서브페이지*/
	/* 경영이념 */
	.giup_wrap .wrap .giup_text_box .giup_text_co02{font-size: 1.3em;}
	
	/* 연혁 */
	
	.history_wrap .swiper-pagination{width: 100%;}
	.his_Slider-next .xi.xi-angle-right-thin{display: none;}
	.his_Slider-prev .xi.xi-angle-left-thin{display: none;}
	.sd_in_l{font-size: 35px; padding: 0.7em 1em; width: 40%;}
	.history_wrap .wrap .sd_in{ margin-left: 0; width: 45%;}
	.history_wrap .wrap .his_year{font-size: 22px; line-height: 2em;}
	.history_wrap .wrap .his_text{font-size: 15px; line-height: 1em;}
	.his_text02{margin-top: 1em;}
	.history_wrap .wrap .sd_in_l01{margin: 0;}
}



@media (max-width:950px) {
	.comm_board li .in{margin:0 30px;}
	.comm_board .swiper-container{width:75%;}
	.about_content .in_tx_box{padding:5em 3em 5em;}
	
		
	.history_wrap:before, .history_wrap .lineAni,
    .history_wrap .lineAni:before, .history_wrap:after{ left:5%;}
    .history_wrap .history > li .list{width:100%; margin-left:2.5em;}
    .history_wrap .history > li .list .ynm{ float: none; width: 100%; display: block;}
    .history_wrap .history > li .list .wrap_in{ display: block; width: 100%;}
    .history_wrap .history > li .year_tt .tt{ font-size: 2.5em;}
    .history_wrap .history > li .list .tx{ font-size: .938em; width: 100%;}
    .history_wrap .history > li:nth-child(2n) .year_tt{ text-align: left;}
    .history_wrap .history > li:nth-child(2n) .year_tt .tt:before{ right: 100%; left: auto;}
    .history_wrap .history > li:nth-child(2n) .list .ynm{ float: left; margin-right: 13px; margin-left: 0;}
    .history_wrap .history > li:nth-child(2n) .list{order:inherit;}
    .history_wrap .history > li:nth-child(2n) .list > li > .flex{ justify-content:flex-start}
    .history_wrap .history > li:nth-child(2n) .list .detail{ order: inherit;}
    .history_wrap .history > li:nth-child(2n) .list .detail .tt{ text-align:left;}
    .history_wrap .history > li:nth-child(2n) .list .detail .tt:before{ right:auto; left:0}
    .history_wrap .history > li:nth-child(2n) .list .tx{ float: left;}
    .history_wrap .history > li .list .detail .tt{ padding: 0 0 0 1em;}
	.history_wrap .history > li:nth-child(2n) .list .in_img img{margin-left:0;}
	
		.main_title{margin-bottom: 20px;}
		.section01_wrap .section01_con .section01_titlebox{width: 64%; margin-top: 0px;}
		.section01_wrap .section01_con .section01_imgbox{width: 70%; margin-left: 27%;}
		.section01_wrap .section01_con .section01_imgbox .section01_img01{margin-top: 38px;}
		.section01_con .section01_titlebox .more_btn .section01_more{left: 20%; transform: translateX(-50%);  bottom: 3em;}
		.section01_con .section01_titlebox .more_btn .section01_more_arr{left: 25%; transform: translateX(-50%);  bottom: 3em;}
		
		.section02_wrap{ padding: 4em 0;}
		.section02_wrap .sec02sd_co{margin-top: 7.4em;}
		.sec02_arr{top: 10em; transform: translateX(50%); right: 50%;}
	
		.section04_wrap .wrap{padding: 75px 0 50px 0px;}
		.section04_wrap .wrap .section04_con .section04_img04{right: -1px;  top: 3px;  width: 100px;}
		.section04_wrap .wrap .section04_con .section04_img01{width: 185px; right: 75px;}
	
	
		/* 서브페이지 */
		/* 경영이념*/
		.giup_wrap .wrap .giup_text_box .giup_text_co01 .giup_text_bg{ width: 14em; height: 14em;}
		.giup_wrap .wrap .giup_text_box .giup_text_co01 .giup_text_bg .giup_text_b{font-size: 1.7em;}
	
		/* 오시는 길*/
	.tab_idx > li > a .va{font-size: 0.9em;}
}
	



@media (max-width:850px) {
	.main_cs .main_cs_list{margin-right:0;}
	.main_cs .main_cs_list li{flex:100%;}
	.main_cs .main_cs_list li .in{margin-right:0;}
	.mainSlider .slogan{font-size:.65em;}
	.main_intro .ab_tt{font-size:3em; letter-spacing: 0;}
	.main_intro .ab_tw{letter-spacing: -.5px;}
	.main_tit{margin-bottom:40px;}
	.main_tit .in_tt{font-size:2.5em;}
	.main_tit .in_tx{font-size:1.125em;}
	.main_bus,
	.main_notice,
	.main_cs{padding:80px 0;}
	.main_bus .mb_swiper .swiper-slide .in .txt_z{padding:25px 30px; min-height: 170px;}
	.main_bus .mb_swiper .swiper-slide .in .txt_z .tt{font-size:1.25em;}
	.main_bus .mb_swiper .swiper-slide .in .txt_z .tw{font-size:1em;}
	.main_bus .mb_swiper .swiper-slide .in .img_z{height:220px}
	.comm_board li .in .in_txt .lt_tit{font-size:1.125em;}
	.comm_board li .in .in_txt .lt_cont{font-size:1em;}
	.main_cs .main_cs_list li .in .in_txt .tw{font-size:1em;}
	.comm_board .event_control .event_btn{width:50px; height: 50px; line-height: 50px;}
	

    .fixed_w {overflow-x:scroll;}
	.fixed_w .fixed {width:1000px !important; table-layout:fixed;}
	.fix_info{display:block; font-size:.938em; color:#ef4747; margin-bottom: 5px;}
	
	.section04_wrap .wrap .section04_con .section04_img02{ left: 32em;}
	.section04_wrap .wrap .section04_con .section04_img03{top: 20px;}
    
    
    .main_map .map_info > li{width: 50%;}
    .main_map .map_info > li .in{padding: 10px;}
    .main_map .box1{max-width:100%; position: inherit; left: inherit; bottom: 0; transform: translate(0)}
    .main_map .map_info > li:nth-child(2){border: 0;}
    
    .vis_wrap .vis_cont{margin-top: 2em;}
    .vis_wrap .vis_cont .vis_list > li .in > div{width: 100%;}
    .vis_wrap .vis_cont .vis_list > li .in .img_box .img_it{margin-right: 0;}
    .vis_wrap .vis_cont .txt_box{margin-top: 2em;}
    .vis_wrap .vis_cont .vis_list > li .in .ti{font-size: 1.8em}
    .vis_wrap .vis_cont .vis_list > li:nth-child(2) .in{flex-direction:column-reverse}
}
	
@media (max-width:767px) {
.s_mobile_only { display:block !important }
.hd_sch_wr .box { width:96% }

.pic_lt .ts-controls button.ts-paging-btn { margin:3px }
.tab_menu li a { padding:0; margin:0 10px; border:0 }
.pic_lt li .lt_name { font-size:1.3em }

#sub_visual { height:240px }
#sub_visual h2 { font-size:2.2em; padding-top:125px }
#sub_visual h2:after { bottom:-15px }

#snb .depth1 > li { width:calc(50% + 1px); }
#snb .depth1 > li:first-child { display:none; }
#snb .depth1 > li:nth-child(2) { border-left:0 }

#contents { min-height:300px; margin:40px 0 0 0 }
.container_title { font-size:2em; padding-top:15px; margin:0 0 30px }
.container_title:before { width:35px; height:2px; margin-left:-17.5px }

#right_area { padding-top:30px }

#bo_gall #gall_ul { margin:10px 0 0 -10px; }
#bo_gall .gall_li { width:calc(100%/2 - 15px);}
#bo_gall .gall_li:nth-child(2n+1){clear:none;}
#bo_v_item #bo_v_img { float:none; width:100%; margin-top:5px }
#bo_v_item #bo_v_summary { float:none; width:100%; margin:30px 0 0 0 }
#bo_v_summary .bo_v_title { font-size:1.5em }
#bo_v_summary .bo_v_title small { font-size:0.6em }
#bo_v_summary, #bo_v_desc { font-size:1em }
#bo_v_summary .refer { margin:12px 0 0 0 }
#bo_v_sns li a { width:50px; height:50px; line-height:50px }
#bo_v_share .btn { width:50px; height:50px; font-size:11px }
#bo_v_share .btn i { margin:8px 0 0 0 }
#bo_v_share { padding:25px 0 }
.bo_v_nb { margin:20px 0 }
#bo_v_desc { margin-top:30px }
.bo_vc_w_info .frm_input { width:49.5%; margin:0 }
.bo_vc_w_info #wr_password { float:right }
#bo_vc article .pf_img { display:none }
#bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest, #bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest { font-size:1.1em }
#bo_gall.listtype .gall_img { float:none; width:100% }
#bo_gall.listtype .gall_img + div { float:none; width:100%; padding:20px; font-size:1em }
#bo_gall .bo_tit, #bo_gall.listtype .bo_tit { font-size:1.3em }
.gall_list_opt dt { min-width:60px; text-align:center }
.gall_list_opt dt, .gall_list_opt dd { font-size:.95em }
td .thumb { width:100%; float:none }
td .thumb ~ div { margin-left:0; margin-top:15px }
#bo_v_title { font-size:1.3em; font-weight:500 }
#bo_v_title .bo_v_tit { font-size:1em }
#bo_v_act { margin:30px 0 !important }
.bo_v_nb li .nb_tit { padding-right:0; width:65px; vertical-align:top }
.tbl_head01 td, .tbl_head01 th { font-size:1.05em }
#faq_sch .btn_submit { width:70px; }
#faq_sch .frm_input { width:calc(100% - 75px) }
#faq_sch .frm_input, #faq_sch .btn_submit { height:36px; font-size:1em }
#faq_sch { padding:20px; }
#faq_wrap li { font-size:1em }
#bo_v_con { font-size:1em }
#bo_list .td_stat, #bo_v_rel .td_stat { width:80px }
#bo_list .txt_rdy, #bo_v_rel .txt_rdy { padding:0 5px }
#bo_list .td_date { width:70px }
.bo_cate_link { float:none; display:block }
#bo_v_title .bo_v_cate { display:block; font-size:0.7em }
.bo_v_com > li { margin-left:0 }
.bo_sch { width:320px; margin-left:-160px }
.bo_sch .sch_input { width:240px }
#sch_res_detail { padding:15px }
#sch_res_detail select, #sch_res_detail select { width:49.4% }
#sch_res_detail .sch_wr { width:100%; margin:5px 0 0 0 }
.switch_field { padding-bottom:0 }
#sch_res_ov h2 { display:none }
#sch_res_ov ul { float:none }
.sch_res_list { font-size:.9em }
#bo_gall .gall_list_con { max-height:none; margin-top:10px }
#bo_v_info { margin:0 0 25px }
#bo_v_con { margin-top:0 }
#bo_v { font-size:1.05em }
#bo_list .txt_done, #bo_v_rel .txt_done { font-size:0.9em; padding:0 6px }
#bo_list .td_stat, #bo_v_rel .td_stat { width:70px }
.ctt_admin { font-size:13px }
input.hasDatepicker { width:150px; padding-right:0 !important }
#bo_v_ans h2 { font-size:1.3em }

ul.faq_list_board { font-size:1em }

.mbskin .mbskin_box { width:320px }
#mb_login #sns_login .txt { padding-left:0 !important }
#fregister p { padding:10px; line-height:1.3; font-size:1em; height:auto }
#sns_register h2 { display:none }
#sns_register .sns-wrap { width:100%; display:block; text-align:center }
#fregister h2 { font-size:1.1em }

#ctt_con { font-size:1em; overflow:hidden }
#ctt_con.sub01_01 .sec01 > div { float:none; width:100% }
#ctt_con.sub01_01 .sec01 h2 { font-size:1.5em }
#ctt_con.sub01_01 .sec01 .img01 { width:100%; float:none }
#ctt_con.sub01_01 .sec01 .img01 p { text-align:center }
#ctt_con h2.title { font-size:1.4em; padding-bottom:20px }
#ctt_con.sub01_01 th { width:auto }
#ctt_con.sub01_01 th, #ctt_con.sub01_01 td { padding:12px 7px; word-break:keep-all }
#ctt_con.sub01_02 .tab_menu a { font-size:16px; border:1px solid #e0e0e0; border-left:0; border-right:0; padding:10px 0; margin:0 }
#ctt_con.sub01_02 .tab_menu li.on a { border-color:#666 }
#ctt_con.sub01_02 .tab_menu { margin:0 0 30px }

#ctt_con.sub01_02 .tab_menu { margin:0 }
#ctt_con.sub01_02 .tab_menu a small { display:none }
.os_mac.root_daum_roughmap .section_address .tit, .os_mac.root_daum_roughmap .section_address .txt { font-size:1em !important }

#hd_pop { width:100% }
.hd_pops { width:100% !important; left:0 !important; top:3vw !important }
.hd_pops_con { width:100% !important; height:auto !important; min-height:100px }

	
	.main_bus .mb_swiper .swiper-slide .in{margin:0 10px;}
	#header, #header .va_wrap, #header .h_wrap{height:70px;}
	.about_content .in_tx_box .tw_en{font-size:1.5em;}
	.about_content .in_tx_box .tw_tit{font-size:1.5em;}
	.about_content .in_tx_box .tw_tit:after{margin:20px auto 40px;}
	.about_content .in_tx_box .tw{font-size:1.068em; margin-bottom: 10px;}
	.about_content .in_tx_box .ceo .name{font-size:1.5em;}
	
	.tab_wrap{width:100%;}
	.tab_idx{margin:-10px 0 3em -5px;}
	.tab_idx > li > a .va{font-size:1em;}
	
	
	#bo_cate li{margin:0 8px;}
	#bo_cate a,
	#bo_cate #bo_cate_on{min-width:auto; border:0; padding: 0 5px;}
	#bo_cate a, #bo_cate #bo_cate_on{border-bottom:1px solid #ddd;}
	#bo_cate #bo_cate_on{border-bottom-color:#333;}
	#bo_cate a:hover{background:#fff !important;}
	#bo_gall .bo_tit, #bo_gall.listtype .bo_tit{font-size:1.25em;}
	#sub_visual h2:after{width:40px; margin-left:-20px;}
	
	.page_tt{font-size:1.25em;}
	.location_box{padding:0 5px;}
	.root_daum_roughmap .wrap_map{height: 300px !important;}
	.location_box .info_list > li{padding:1.5em 1em;}
	.location_box .info_list > li h3{float:none; margin-bottom: 15px; font-size: 1.25em;}
	.location_box .info_list > li .info{margin:0;}
	.location_box .info_list > li .info .in_list > li{font-size:.938em;}
	
	.board_st.write th, .board_st.write td,
	.table_st th, .table_st td{padding:.8em .5em;}
	.table_st th, .table_st td{font-size:.938em;}
	.agree_box .con{padding:1em;}
	.board_btn_wrap .input_st.s1{font-size:1em;}
	.bus_step{width:100%; display:flex; flex-wrap:wrap;}
	.bus_step > li{flex:33.33%; margin-bottom: 20px;}
	
	.board_st.write th, .board_st.write td{font-size:1em;}

	
		.section01_wrap .section01_con{display: flex;  flex-direction: column;}
		.section01_wrap .section01_con .section01_titlebox{ width: 100%;}
		.section01_wrap .section01_con .section01_imgbox{display: flex; flex-direction: column; margin: 1em 0;  width: 100%;}
		.section01_wrap .section01_con .section01_imgbox .section01_img01{width: 100%;  margin: 0;  height: 400px;}
		.section01_wrap .section01_con .section01_imgbox .section01_img02{width: 100%;  margin: 1em 0; height: 400px;}
		.section01_con .section01_titlebox .more_btn .section01_more{bottom: -5em; width: 100px;  width: 1; height: 100px; left: 50%;  transform: translateX(-50%);}
		.section01_con .section01_titlebox .more_btn .section01_more_arr{bottom: -5em; width: 100px; height: 100px; left: 57%;  transform: translateX(-50%);}
	
		.main_title{margin-bottom: 0.4em;}
		.section02_wrap{padding: 3em 0;}
		.section02_wrap .sec02_Slider{display: flex; flex-direction: row; flex-wrap: wrap;}
		.section02_wrap .section02_con{width: 100%;}
		.section02_wrap .sec02sd_co{width: 100%; margin-top:10em;}
		.sec02_arr{ top: 9.3em;}
		.sec02_arr .sec02_Slider-prev{ width: 50px; height: 50px;}
		.sec02_arr .sec02_Slider-next{ width: 50px; height: 50px;}
	
	
		.section03_listbox li{width: 50%;}
		.section03_listbox li .in .listbox_p{margin-bottom: 25px;}
		.section03_wrap .section03_con{margin-bottom: 2em;}
	
		.section04_wrap .wrap{padding: 75px 0 50px 0px;}
		.section04_wrap .wrap .section04_con .section04_titlebox .section04_s_title02{ width: 70%;}
		.section04_wrap .wrap .section04_con .section04_img01{ right: 54px; top: 102px; width: 150px;}
		.section04_wrap .wrap .section04_con .section04_img02{ top: 89px; left: 327px;}
		.section04_wrap .wrap .section04_con .section04_img03{right: 153px;}
		.section04_wrap .wrap .section04_con .section04_img04{top: 25px; width: 100px; right: 0;}
		.section04_wrap .wrap .section04_con .section04_titlebox .af_box::after{width: 299px;}
	

	
	
		/* 서브페이지*/
		/*인사말*/
		.intro_bg_img{padding: 7em 1em;}
		.intro_text_box{padding: 4em 3em;}
		.intro_text_box .intro_text.intro_text_01{font-size: 1.3em;}
		.intro_text_box .intro_text {font-size: 0.9em;}

		/* 경영이념*/
        .vis_wrap .vis_cont .vis_list > li .in{margin-bottom: 2em;}
        .vis_wrap .vis_cont .vis_list > li .in .ti{font-size: 1.5em;}
        .vis_wrap .vis_cont .vis_list > li .in .tx{font-size: 1em;}
	
		/* 연혁*/
		.history_wrap .swiper-pagination-bullet:before{font-size: 20px;}
		.sd_in_l{font-size: 27px;}
		.his_in{display: flex; flex-direction: column;}
		.history_wrap .wrap .his_year{ line-height: 1em;}
		.history_wrap .wrap .his_text{ line-height: 1.2em; margin-left: 0; margin-top: 14px;}
		.history_wrap .wrap .his_li{ margin-top: 1.8em;}
		.history_wrap .wrap .his_li:first-child { margin-top: 1em;}
		.his_text02{margin-top: 0.9em;}
}



@media (max-width:650px) {
	#header, #header .va_wrap, #header .h_wrap{height:65px;}
	.h_logo .logo_a img, .h_logo .logo_b img, #footer .f_logo img{width:120px; height: auto;}

	.about_content{margin-bottom:-4em;}
	.mainSlider .slogan .t1{font-size:3.85em}
	.mainSlider .slogan .t2{font-size:2.85em;}
	.mainSlider .slogan .t3{margin-top:2em;}
	.main_intro{ background-size: cover;}
	.main_intro .ab_tt{font-size:2.5em;}
	.main_bus .tab_idx{width:100%;}
	.main_bus .con_idx{margin:2em auto 0;}
	.main_tit .in_tt{font-size:2.125em; margin-bottom:5px;}
	.main_tit .in_tx{font-size:1.068em;}
	.main_bus, .main_notice, .main_cs{padding:60px 0;}
	.main_bus .tab_idx > li > a .va{font-size:1em;}
	.main_bus .mb_swiper{padding-bottom:30px;}
	.comm_board .swiper-container{width:100%;}
	.comm_board .event_control{display:none;}
	.comm_board li .in .in_txt{margin-top:1.5em;}
	.main_cs .main_cs_list li{margin-bottom:15px;}
	.main_cs .main_cs_list li .in{padding:30px 30px;}
	.main_cs .main_cs_list li .in .in_icon img{ width:50px; height: auto;}
	.main_cs .main_cs_list li .in .in_txt .tt{font-size:1.25em;}
	
	#sub_visual{height:200px;}
	#sub_visual h2{padding-top:110px;}
	.tab_idx{margin:-5px 0 3em -5px;}
	.tab_idx > li{flex: 1 50%;}
	.tab_idx > li > a{height:53px; margin:5px 0 0 5px;}
	.sub_tbox .in_tt{margin-bottom:15px;}
	
	
	.history_wrap .history > li .list{margin-left:1em;}
	.history_wrap:before, .history_wrap .lineAni, .history_wrap .lineAni:before, .history_wrap:after{left:3%;}
	.history_wrap .history > li .year_tt .tt{font-size:2.25em;}
	
	.sub_tbox .in_tt{font-size:1.25em;}
	.in_tw{font-size:.938em;}
	.bus_top .bus_swiper{height:250px;}
	.bus_top .bus_swiper .bus_control .bus_btn{width:56px; height: 56px; line-height: 56px; font-size: 1.125em; }
	.bus_step{margin-right:0;}
	.bus_step > li{flex:100%; margin-bottom: 35px;}
	.bus_step > li .in{margin-right:0; height: auto; font-size:1.068em;}
	.bus_step > li .in:after{right:50%; top:inherit; bottom:-30px; transform:translateX(50%) rotate(90deg);}
	.main_bus .tab_idx > li{margin:0 5px;}
	.main_bus .tab_idx > li > a{margin-left:0;}
	.bus_step > li.box_two:after{content:''; display:block; clear: both;}
	.bus_step > li.box_two .in{width:49%; float:left; padding:1em 5px; margin-bottom: 0;}
	.bus_step > li.box_two .in.mb0{width:49%; float:right;}
	
	.about_content{padding:4em 0 7em;}
	.about_content .in_tx_box{padding:3em 1em 4em;}
	.about_content .in_tx_box .tw_en,
	.about_content .in_tx_box .tw_tit{font-size:1.375em;}
	.table_st td{font-size:.9em;}
	
	.in_timg > li{flex: 50%; margin-bottom: 20px;}
	.in_stab > li{flex:50%;}
	.in_stab > li a{font-size:1em; margin:0 7px;}
	.about_content .in_tx_box .tw_en, .about_content .in_tx_box .tw_tit{display:inline;}
	.agree_box .in_con{padding:1em; font-size:.813em;}
	
	
		.section01_wrap .section01_con .section01_titlebox{ width: 100%;}
		.section01_wrap .section01_con .section01_imgbox{width: 100%; margin: 0; display: flex;  flex-direction: column;}
		.section01_wrap .section01_con .section01_imgbox .section01_img01{ width: 100%;  margin: 0.5em 0 0 0;}
		.section01_wrap .section01_con .section01_imgbox .section01_img02{ width: 100%; margin: 0.5em 0;}
		.section01_con .section01_titlebox .more_btn .section01_more{left: 50%;  transform: translateX(-50%); bottom: -4.5em;  width: 70px; height: 70px;}
		.section01_con .section01_titlebox .more_btn .section01_more_arr{left: 56%;  transform: translateX(-50%); bottom: -4.5em;  width: 70px; height: 70px;}
		.section01_wrap .section01_con .section01_s_title02{line-height: 1.6em; font-size: 1em;}
		.section01_wrap::after{font-size: 6em; bottom: 0.5em;}
	
		.sec02_arr{top: 11.8em;}
	
		.section04_wrap .wrap{padding: 29px 0 20px 0px;}
		.section04_wrap .wrap .section04_titlebox{text-align: center;}
		.section04_wrap .wrap .section04_con .section04_titlebox .section04_s_title02{margin-top: 11em; width: 100%; text-align: center;}
		.section04_wrap .wrap .section04_con .section04_titlebox .section04_s_title02 br{display: none;}
		.section04_wrap .wrap .section04_con .section04_img01{top: 137px;  right: 50%; transform: translateX(50%);}
		.section04_wrap .wrap .section04_con .section04_img02{display: none;}
		.section04_wrap .wrap .section04_con .section04_img03{display: none;}
		.section04_wrap .wrap .section04_con .section04_img04{display: none;}
		.section04_wrap .wrap .section04_con .section04_titlebox .af_box::after{left: 50%; transform: translateX(-50%);}
	
	    
        #footer{margin-top:4em;}
        #footer .f_info > li{margin-right:0; font-size:.85em;}
        #footer .f_info > li:after{display:none;}
        #footer .f_info > li.copy{font-size:.813em;}
    
		/* 서브페이지 */
		/* 경영이념*/
		.giup_wrap .wrap .giup_text_box .giup_text_co01 .giup_text_bg{ width: 9em; height: 9em;}
		.giup_wrap .wrap .giup_text_box .giup_text_co01 .giup_text_bg .giup_text_b{font-size: 1em;}
		.sd_in_l{font-size: 22px;}
	
}


@media (max-width:500px) {
	.mainSlider .slogan .t1{font-size:3.25em; line-height: 1.2;}
	.mainSlider .slogan .t2{font-size:2.125em;}
	.mainSlider .slogan .t3{font-size:1.25em;}
	.scroll_wrap .mainSlide_scroll_bar{height:35px;}
	.mainSlider .mainSlider-pagination{top:inherit; bottom:5em;}
	.mainSlider .mainSlider-pagination span{width:40px;}
	.main_intro .ab_tt{font-size:2.125em;}
	.main_intro .ab_tw{display:block; margin-left:0; margin-top:10px;}
	.main_tit .in_tx{font-size:1em;}
	.main_bus .mb_swiper .swiper-slide .in .img_z,
	.comm_board li .in .in_img{height:200px;}
	.main_bus .wrap_idx{margin-top:0;}
	.main_bus .mb_swiper .swiper-slide .in .txt_z{padding:20px 25px;}
	.main_bus .mb_swiper .swiper-slide .in .txt_z .tt,
	.main_cs .main_cs_list li .in .in_txt .tt{font-size:1.125em; margin-bottom:10px;}
	.main_bus .mb_swiper .swiper-slide .in .txt_z .tw,
	.main_cs .main_cs_list li .in .in_txt .tw{font-size:.938em;}
	.main_tit{margin-bottom:25px;}
	.main_tit .in_tt{font-size:1.85em;}
	.main_cs .main_cs_list li .in .in_icon img{width:45px;}
	.main_cs .main_cs_list li .in{padding:25px;}
	.comm_board li .in{margin:0 10px;}
	.about_content .in_tx_box .tw{font-size:1em;}
	.about_content .in_tx_box .tw_tit:after{background-color:#aaa;}
	.history_wrap .history > li .list .tx{font-size:.875em;}
	.history_wrap .history > li .list .wrap_in{padding:0 1.2em;}
	#bo_gall .gall_text_href{font-size:.938em; padding:10px 5px;}
	.gall_date{font-size:12px;}
	#bo_cate a{height:40px; line-height: 40px;}
	.w_form_tit{width:6em;}
	.input_st.w1.name_st{width:100%;}
	.input_st.w2.ph_st{width:24%;}
	.input_st.w1.mail_st1{width:85%; margin-bottom: 2px;}
	.input_st.w1.mail_st2{width:85%; margin-bottom: 2px;}
	.agree_box .con{font-size:.875em;}
	
	
		.mainSlider .slogan{ width: 95%;}
		.mainSlider .main_arr{ display: none;}
		.main_title{margin-bottom: 10px;font-size: 1.875em}
		.section01_wrap .section01_con{ margin-top: 50px;}
		.section01_wrap .section01_con .section01_titlebox{width: 100%;}
		.section01_wrap .section01_con .section01_s_title01{line-height: 1.6;  font-size: 1em; margin-bottom: 1em;}
		.section01_wrap .section01_con .section01_imgbox .section01_img01{height: 200px;}
		.section01_wrap .section01_con .section01_imgbox .section01_img02{height: 200px;}
		.section01_con .section01_titlebox .more_btn .section01_more{bottom: -3.9em;}
		.section01_con .section01_titlebox .more_btn .section01_more_arr{bottom: -3.9em;left: 57%}
		
		.section02_wrap .section02_con .section02_s_title02{line-height: 1.4em;font-size: 1em;}
		.sec02_arr{top: 6em;} 
        .section02_wrap .sec02sd_co{top: -4em;}
		.sec02_arr .sec02_Slider-next{width: 45px; height: 45px;}
		.sec02_arr .sec02_Slider-prev{width: 45px; height: 45px; margin-right: 1em;}
	    
        .section03_wrap .section03_con .section03_s_title03{font-size: 1em;}
		.section03_wrap .section03_con .section03_listbox{margin-right: -10px;}
		.section03_listbox li .in{margin-right: 10px;}
		.section03_listbox li .in .listbox_h3{margin-top: 13px;}
	

	
	
		/* 서브페이지 */
		/* 인사말 */
		.intro_bg_img{ padding: 5em 0.5em;}
		.intro_text_box{padding: 3em 1em;}

		/* 경영이념*/
        .vis_wrap .vis_cont .vis_list > li .in .img_box{height: 200px;}
        .vis_wrap .vis_cont .vis_list > li .in .img_box .img_it{height: 200px;}
        .vis_wrap .vis_cont .txt_box{margin-top: 1em;}
        .vis_wrap .vis_cont .vis_list > li .in{margin-bottom: 2em;}
        .vis_wrap .vis_cont .vis_list > li .in .ti{font-size: 1.25em;}
        .vis_wrap .vis_cont .vis_list > li .in .tx{font-size: 0.937em;}
        .vis_wrap .vis_cont .vis_list > li .in .tt{font-size: 15px;}
	
        /* 오시는 길*/
        .main_map{margin-bottom: 6em}
        .location_box .map_tw{font-size: 1.125em;}
        .location_box .map_tw .xi{width: 35px; height: 35px; line-height: 35px;}
        .main_map .map_info > li .t2{font-size: .937em;}
        
		/* 연혁 */
		.history_wrap .swiper-pagination-bullet:before{font-size: 16px;}
		.history_wrap .swiper-slide{display: flex; flex-direction: column; margin-top: 2em;}
		.history_wrap .wrap .sd_in{width: 100%; padding: 1em;}
		.sd_in_l{display: none;}
	
			/* 프로덕트 */
		#snb .depth1 li .tx{white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;}
		#snb .depth1 ul li a{white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;}
        .section02_wrap{margin-bottom: 0;}
        .section02_wrap .sec02sd_co .sec02_img .img_text_box .name_in .img_name::before{height: 2px;}
        .section02_wrap .sec02sd_co .sec02_img .img_text_box .name_in{font-size: 1.125em}
	    
	
	
}

@media (max-width: 340px){
    .section01_con .section01_titlebox .more_btn .section01_more_arr{left: 61%}
}

