@charset "utf-8";
/* CSS Document */




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

.gallery_wrap .in_con{ width:85%;}
.main_gallery .gallery_control .btn .i_btn.b_next{ right:0;}
.main_gallery .gallery_control .btn .i_btn.b_prev{ left:0;}
.main_gallery .board_tw .bo_tt{ text-align:center;}
}


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

}

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

.main_con3 .cs_cont > li.cs_map{ width:50%;}
.main_con3 .cs_cont > li.cs_info{ width:50%;}
.main_con3 .cs_cont > li.cs_bank{ width:100%; margin-top:5px;}

.main_con1 .about_list{ box-shadow:none;}
.main_con1 .about_list > li{ width:50%;}
.main_con1 .about_list > li.ytb_cont{ width:100%; height:auto; margin-top:1em;}
.main_con1 .about_list > li.ytb_cont iframe{ height:420px !important;}

.mainSlider .slogan .t1{ font-size:2.25em;}
.mainSlider .slogan .t2{ font-size:1.125em;}
	
.page_ceoWrap{ font-size:.938em; padding:4em 3em;}	

.infr_wrap{ margin-top:0;}
.infr_wrap .infr_img{ width:350px; margin-top:11em;}
.infr_wrap .infr_txt{ width:calc(100% - 350px);}
.infr_wrap .infr_txt .s_tit{ width:100%;}
}


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

.main_con2 .board_cont,
.main_con2 .food_news{ width:100%;}
.main_con2 .board_cont{ margin-bottom:3em;}
.main_gallery .gallery_control .btn .i_btn{ font-size:1.35em;}


.infr_wrap .infr_img{ margin-top:0; position:absolute; top:12em; left:50%; margin-left:-175px;}
.infr_wrap .infr_txt{ width:100%; padding-right:0; padding-left:0;}	
.infr_wrap .infr_txt .s_tit{ text-align:center; margin-bottom:23em;}
.infr_bg{ display:none;}	

.page_txt_wrap.flex{ display:block;}
.page_txt_wrap.flex > .flex_w1{flex:100%;}
.page_txt_wrap.flex > .flex_w2{flex:100%; margin-left:0; font-size:.938em;}

.icon_ul_st03 > li{ width:50%;}
.icon_ul_st03 > li .border_dv{ margin-bottom:20px; padding:1.5em; min-height:160px;}

.py_cont .py_wrap .py_img{ display:none;}
.py_cont .py_wrap .py_txt{ width:100%; padding-left:0;}

.tab_st01{ margin:0 0 -10px -10px;}
.tab_st01 li{width:33.33%;}
.tab_st01 li .inr{ margin:0 0 10px 10px;}
}


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

.PC{ display:none !important;}
.PHONE{ display:block !important;}

html.l-nav-open .l-nav{ width:50%;}
html.l-nav-open .l-main {
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}

#header .top_wrap .left{ display:none;}
#header .top_wrap .right{ width:auto; margin-right:4em;}
#header .top_wrap .right .mem_wrap > li.hart_btn{ display:none;}
#header .menu_wrap{ position: absolute; top:13px; right:13px; z-index:9999;}
#header .menu_wrap .gnb_wrap .gnb{ display:none;}
#header .menu_wrap .all_wrap .wrapBtn{ border-top:1px solid #eee;}
#header .menu_wrap .all_wrap > .box1{ width:auto; max-width:auto; margin:auto;}

#header .menu_wrap .all_wrap.on .all{ opacity: 0; display: none;}

.mainSlider .el{ height:30em;}
.mainSlider .slogan{ top:7em;}

.sub_tit .t1{ font-size:2em;}

.main_con3 .cs_cont > li.cs_info,
.main_con3 .cs_cont > li.cs_map{ width:100%;}
.main_con3 .cs_cont > li.cs_map{ margin-bottom:1em;}
.main_con3 .cs_cont > li.cs_bank{ margin-top:1em;}

.page_ceoWrap .txt.tit{ font-size:1.375em;}
.page_ceoWrap .left{ float:none; margin:0 auto 2em;}
.page_ceoWrap .right{ float:none; width:100%; padding-left:0;}
.page_ex_box > .inner.icon{flex:110px;}
.page_ex_box > .inner.txt{flex:calc(100% - 110px);}
}

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

.main_con1{ margin-top:2.5em;}
.main_con1 .about_list > li{ width:100%;}
.main_con1 .about_list > li:first-child{ margin-bottom:1em;}
.main_gallery{ padding:2em 0 3em;}
.gallery_wrap .in_con{ width:80%}

.history_wrap:before, .history_wrap .lineAni,
.history_wrap .lineAni:before, .history_wrap:after{ left:5%;}
.history_wrap .history > li .list{width:100%; margin-left:2em; margin-top:0;}
.history_wrap .history > li .year.flex{ display:block; width:100%;}
.history_wrap .history > li .year .tt:before{ display:none;}
.history_wrap .history > li .year .wrap_in{ width:100%; text-align:left; margin-left:2em;}

.history_wrap .history > li:nth-child(2n) .year{width:50%; overflow:hidden; justify-content:flex-end}
.history_wrap .history > li:nth-child(2n) .year .tt:before{ content:""; position:absolute; left:100%; top:50%; margin-top:-1px; width:100%; border-top:2px dotted #aaa}
.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 .month{ text-align:left;}
.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 .list .wrap_in .img_wrap .resize .img_r{ text-align:left !important;}

.map_info2 .info_list > li h3{ float:none; margin-bottom:10px;}
.map_info2 .info_list > li .info{ margin:0;}
.map_info1{ text-align:left;}
.map_info1 .t1 span{ display:block; margin-right:0;}
.root_daum_roughmap.root_daum_roughmap_landing{ height:250px;}

.page_txt_wrap.flex > .flex_w1 .f_tit{ font-size:1.125em;}
.page_txt_wrap.flex > .flex_w2 .in_tw{ font-size:1em;}

.bs_cont{ margin-bottom:2em;}
.bs_cont .bs_bg{ height:220px;}
.bs_cont .bs_tit{ padding:2em; margin:-7em auto 0;}
.bs_cont .bs_tit .t1{ font-size:1.25em;}
.atv_list > li{ flex:1 50%;}
.atv_list > li .in{ margin-bottom:20px;}
.tbox{ padding:1em 1.5em;}

.sub_tbl .tbl_st tbody th,
.sub_tbl .tbl_st tbody td{ padding:1em;}

#footer .foot_wrap .menu_wrap .menu > li > a{ margin-right:1.5em;}
#footer .foot_wrap .con .copy{ margin-top:2em;}

.society .t_nav ul{ margin:0 0 -10px -10px;}
.society .t_nav ul li{flex: 1 1 33.33%;}
.society .t_nav ul li .inner{ margin:0 0 10px 10px;}

.infr_wrap .infr_txt .tw{ font-size:.938em;}
.page_ceoWrap .txt.tit{ font-size:1.25em;}
.page_ceoWrap .txt_wrap .txt{ font-size:1em;}
.history_wrap .history > li .year .tt{ font-size:2em;}
.ns_tit{ font-size:1.25em;}
.atv_list > li .in .atv_tt{ font-size:1em;}
.step_cons > li .in .tt{ font-size:1em;}
.sub_tbl .tbl_st tbody th,
.sub_tbl .tbl_st tbody td{font-size:.938em;}
}


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

html.l-nav-open .l-nav{ width:80%;}
html.l-nav-open .l-main {
  -webkit-transform: translate3d(-80%, 0, 0);
  -moz-transform: translate3d(-80%, 0, 0);
  -o-transform: translate3d(-80%, 0, 0);
  transform: translate3d(-80%, 0, 0);
}
#contents .doc{ padding:3em 0 7em 0;}

#header .top_wrap .mem_wrap > li > a .xi{ margin-right:0; display:block; text-align:center;}
#header .menu_wrap{top:20px;}
#header .menu_wrap .all_wrap .wrapBtn{ width:3em;}
#header .menu_wrap .va_wrap{ height:3em;}
#header .top_wrap .mem_wrap > li > a{ padding:1em .5em;}

.mainSlider .slogan .en_t{ font-size:1em;}
.mainSlider .slogan .t1{ font-size:1.8em;}
.mainSlider .slogan .t2{ font-size:1em;}
.mainSlider .slogan .t2 br{ display:none;}

.main_con1 .about_list > li.ytb_cont iframe{ height:340px !important;}

#contents .sub_visual{ height:240px;}
#contents .sub_visual .slogan .t2{ font-size:2em;}
#contents .sub_nav_wrap{ top:184px;}
#contents .sub_nav_wrap .nav{ width:100%;}
#contents .sub_nav_wrap > .box1{ width:100%; max-width:100%;}
#contents .sub_nav_wrap .nav > li.home{ width:66px;}
#contents .sub_nav_wrap .nav > li.tt.toggleWrap{ width:calc(50% - 33px);}
#contents .sub_nav_wrap .nav > li.tt > a{min-width:100%; box-sizing:border-box;}
#contents .sub_nav_wrap .nav > li.tt > a i{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}


.page_ceoWrap{ padding:3em 1.5em;}
.page_ceoWrap .txt.tit br{ display:none;}
.page_ceoWrap .left{ width:70%; height:auto;}

.page_cont{ padding:2em;}
.page_txt_wrap.flex > *{ padding:1em .4em;}
.page_txt_wrap.flex > .flex_w2 .cbox_list > li{ flex:100%;}
.page_txt_wrap.flex > .flex_w2 .cbox_list > li .in{ margin-bottom:10px;}

.icon_ul_st03 > li{width:100%;}
.icon_ul_st03 > li .border_dv{ min-height:auto;}

.atv_list > li{ flex:100%;}
.atv_list > li .in .atv_tt{ min-height:auto;}

.bs_cont .bs_tit .t1{ font-size:1.125em;}
.tbox.fst_01{ font-size:1em;}
.py_cont .py_stit .stt2{ font-size:1.375em;}
.py_cont{ margin-top:0;}

.sub_tit{ width:90%; margin:3em auto 0;}
.sub_tit .t1{ font-size:1.65em;}

.map_info2 .info_list > li h3{ font-size:1.125em;}    
.board_st .info_wrap > li:first-child,
.board_st .info_wrap > li:last-child{ display:none}
.board_st .info_wrap > li{ padding:0;}
.board_st .info_wrap > li:before{ display:none;}
.page_ex_box > .inner.icon .in{ width:4em; height:4em;}
.page_ex_box > .inner.icon .xi{ font-size:1.5em;}
}



@media screen and (max-width:500px){
.gallery_wrap .in_con{ width:70%;}
.infr_wrap .infr_txt .s_tit{ font-size:1.25em; margin-bottom:27em;}
.step_cons > li{flex:1 50%;}
.step_cons > li .in:after{ display:none;}
#footer{ font-size:.938em;}
#contents .doc{ padding:3em 0 6em;}
#header .top_wrap > .flex{ height:4.5em;}
#header .top_wrap .right{ margin-right:3.5em;}
#header .top_wrap .mainLogo > a{ top:27px;}
#header .top_wrap .mainLogo > a img{ width:145px; height:auto;}
#header .top_wrap .mem_wrap > li > a .xi{ font-size:1.65em;}
#header .menu_wrap{top:16px;}
#header .menu_wrap .all_wrap .wrapBtn{ width:2.5em; height:2.5em;}
#header .menu_wrap .all_wrap .wrapBtn .xi{ font-size:1.375em;}

.mainSlider .el{ height:23em;}
.mainSlider .slogan{ top:4em;}
.mainSlider .slogan .t1{ font-size:1.5em;}
.mainSlider .slogan .t2{ font-size:.938em;}
.main_con1 .about_list > li{ height:auto; padding:1.5em;}
.main_con1 .about_list > li .ab_tt{ font-size:1.25em;}
.main_con1 .about_list > li .ab_st1{ margin-top:1.5em;}
.main_con1 .about_list > li .ab_st1 > li{ width:100%;}
.main_con1 .about_list > li .ab_st1 > li a{ border-right:1px solid #fff;}
.main_con1 .about_list > li.ytb_cont iframe{ height:235px !important;}
.main_con2 .board_cont .in_con{ padding:1.5em; min-height:auto;}
.main_con2 .board_cont .brd_top{ padding-bottom:1em;}
.main_con2 .board_cont .brd_top .brd_date{ width:5em; height:5em;}
.main_con2 .board_cont .brd_top .brd_dd{ margin-top:19px; font-size:1.25em;}
.main_con2 .board_cont .brd_tit{ width:calc(100% - 5em); padding-left:1em; margin-top:1em;}
.main_con2 .board_cont .brd_tit .in_tt{ max-width:80%;}
.board_tw .bo_tt{ font-size:1.25em;}
.board_tw .bo_btn{ width:1.2em; height:1.2em; line-height:1.2em;}
.main_con2{ margin-top:2em;}
.main_con2 .food_news .in_con{ padding:1.5em 0;}
.main_con2 .food_news .in_con .news_list > li{ padding:0 .5em;}
.main_con2 .board_cont{ margin-bottom:2em;}
.main_con3{ margin-top:2em;}
.main_con3 .cs_cont > li .in{ min-height:auto;}
.main_con3 .cs_cont > li .in .cs_stt{ margin-bottom:1em;}
.main_con3 .cs_cont > li .in .info_list > li .in_tw1{ font-size:1.25em;}
.main_con3 .cs_cont > li.cs_bank .bank_list > li .b_nm{ font-size:1.125em;}
#contents .sub_nav_wrap .nav > li.home > a{ width:3em;}
#contents .sub_nav_wrap .nav > li.home{ width:50px;}
#contents .sub_nav_wrap .nav > li.tt.toggleWrap{ width:calc(50% - 25px);}
#contents .sub_nav_wrap .nav > li.tt > a{ padding-right:2.5em;}
#contents .sub_nav_wrap .nav > li > a{ height:3em;}
#contents .sub_visual{ height:200px;}
#contents .sub_nav_wrap{ top:152px;}
.page_ceoWrap .txt.tit{ font-size:1.125em;}
.page_ceoWrap .line_bar{ margin:25px auto;}
.page_ceoWrap .left{ margin:0 auto 1em;}
.history_wrap .history > li .list .wrap_in{ padding:0 1em; font-size:.938em;}
.history_wrap .history > li .list .detail .tt{ padding:0 0 0 1em;}
.history_wrap .history > li .list .detail .tt:before{ left:-5px;}
.or_box{ padding:1em;}
.infr_wrap .infr_txt .s_tit{ font-size:1.125em; margin-bottom:22em;}
.infr_wrap .infr_img{width:250px; height:auto; margin-left:-125px;}
.map_info1{ font-size:.938em;}
.page_ex_box > .inner .in_tt .t1{ font-size:1.125em;}
.fs18{ font-size:.938em !important;}
.page_cont{ padding:1.5em;}
.bs_cont .bs_tit{ padding:1.5em 1em;}
.bs_cont .bs_tit .t1{ font-size:1.068em;}
.tbox.fst_01{ font-size:.938em;}
.icon_ul_st03 > li .border_dv .p1{ font-size:1em;}
.step_cons{ margin-right:-10px;}
.step_cons > li .in{ margin-right:10px; margin-bottom:10px;}
.society .t_nav ul li .inner{ font-size:.9em; padding:15px 5px;}
.society .t_nav{ margin-bottom:2em;}
.tab_st01 li .inr{ padding:15px 5px; font-size:.938em;}
.pn_wrap .pn_tbox,
.pn_wrap .in_con{ width:100%;}
.pn_wrap .pn_tbox{ position:relative; margin-bottom:1em;}
.pn_wrap .pn_control{ position:absolute; top:-9px; left:90px;}
.pn_wrap .pn_control .i_btn{ width:2em; height:2em; line-height:2em;}
.pn_wrap .in_con li .n_in{ margin-left:0; margin:0 5px;}


}