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

#header .gnb_wrap .gnb > li .dp1 { padding: 0 1.5em; }
#header .tel .top_t2 { font-size: 1.5em; }
@media screen and (max-width:1290px){
#header .tel { margin-left: 15px; }
#header .all_wrap { margin-left: 0; }
#header .gnb_wrap .gnb > li .dp1 { padding: 0 1.25em; }
#header .tel .va { padding: 10px; }
}


@media screen and (max-width:1200px){
/*header*/
#header .tel .va { font-size: .938em; }
#header .tel .top_t1 { display: none; }
#header .gnb_wrap .gnb > li .dp1 { padding: 0 1.25em; }
#header .gnb_wrap .gnb > li .dp1 .va { font-size: 1em; }
#header .logo { width: 250px; }
#header .all_wrap .allBtn { width: 4em; }

.sub2_1 .text_w { left: 0; font-size: .813em; }
.sub2_1 .text { width: 300px; }
.sub2_1 .line { width: 205px; }


.sub3_1 .text_w { left: 0; font-size: .813em; }
.sub3_1 .text { width: 300px; }
.sub3_1 .line { width: 205px; }

}

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

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

@media screen and (max-width:1023px){
body{}
.PC{ display:none !important}
.PHONE{ display:block !important}	


/*header*/
#header { background: #FFF; }
#header .tel { display: none; }
#header .all_wrap .m_tel { display: block; }
#header .gnb_wrap { display: none; }
#header .logo { width: 220px; margin-left: 10px; }

/*main*/
.main_nav { display: none; }

.mainVisual .img .slogan .t1 { font-size: 3em; }
.mainVisual .img .slogan .t2 { margin-top: 1em; }
.mainVisual .img .slogan_wrap { padding-top: 130px; }
#scrollAni { display: none; }




/**/
.main01 .bis_ul .li_in .con_in .con_tx_wrap {padding:25px 10px 40px 10px;}
.main01 .bis_ul .li_in .con_in .con_tx_wrap .bis_more {font-size:.750em; padding:5px;}
.main01 .bis_ul .li_in .con_in .con_tx_wrap .tx {padding:15px 0; font-size:.813em;}
.main01 .bis_ul .li_in .con_in .con_tx_wrap .bis_more.dsbl { display: block!important; width: 69px; height: 19px; margin-top: 10px;}


/**/
.main03 .main_history_wrap .main_history .history .list > li .in {left:-10%;}

/**/
.main04 .custom_ul .li_in .con_in .con_tx_wrap {padding:20px 30px 20px 20px;}
.main04 .custom_ul .li_in .con_in .con_tx_wrap .tx {font-size:.813em;}
.main04 .custom_ul .li_in .con_in .con_im_wrap .con_img img {width:100%;}


/*sub*/
#contents .sub_visual_wrap .slogan .t1 { font-size: 1.75em; }
#contents .sub_visual_wrap .slogan .t2 { font-size: .75em; }
#contents .sub_visual_wrap .va_wrap { height: 15em; }
#contents .sub_visual_wrap .sub_gnb_wrap { display: none; }
#contents .sub_visual_wrap .slogan .t2 { margin-bottom: 0; }
#contents .sub_tit .tit { font-size: 1.625em; }
#contents .sub_tit { padding: 1.375em 0; }



/*1-1*/
.sub1_1 .top { font-size: .938em; width: 320px; }
.sub1_1 .top .st { margin-top: 20px; }
.sub1_1 .top .tt { font-size: 1.438em; }
.wh .btm { font-size: .938em; }
.wh .btm br { display: none; }
.wh .btm .t1 { line-height: 1.4; }

/*1-3*/
.root_daum_roughmap .wrap_map { height: 270px!important; }

/*2-1*/
.nav_wh { margin-bottom: 35px; }
.nav_wh li { font-size: 1.125rem!important; }

.sub2_1 table { font-size: .875em; }

/*2-2*/
.sub2_2 { font-size: .938em; }
.sub2_2 .slogan { font-size: .938em; }
.sub2_2 .bg { height: 177px; }
.sub2_2 .top { width: 100%; }
.sub2_2 .inner1 .icon:after { height: 827px; bottom: -827px; }

/*2-3*/
.sub2_3 .right .top,
.sub2_3 .right .btm { font-size: .938em; padding: 10px 20px; }



/*3-2*/
.benefit { font-size: .938em; }

}

@media screen and (max-width:920px){
.sub3_1 { height: auto; }
.sub3_1 .text_w { position: static; text-align: center; }
.sub3_1 .text { text-align: left; }
.sub3_1 .img { position: static; width: 90%; margin: 20px auto 0 auto; }
.sub3_1bg { display: none; }
	
}
@media screen and (max-width:840px){
.sub2_2 .inner1 .icon:after { height: 846px; bottom: -846px; }
}

@media screen and (max-width:768px){
/*header*/
#header .all_wrap .allBtn { width: 3.5em; }
#header .logo { width: 200px; }

/*main*/
.mainVisual .img .bg { height: 300px; }
.mainVisual .flex-control-paging { left: 50%; margin-left: -62px; }
.mainVisual .img .slogan_wrap { left: 3em; }
.mainVisual .img .slogan .t1 { font-size: 2.375em; }

.main_tit { padding: 35px 0; }
.main_tit .tit { font-size: 1.8em; }
.ffnt { font-size: 1.625em!important; }
.main_tit .txt { font-size: 1em; }
	
/**/
.main01 {padding-bottom:30px;}
.main01 .box5 { max-width: 100%; }
.main01 .bis_ul {overflow:inherit; margin-left:0;}
.main01 .bis_ul .li_in {float:none; width:100%;}
.main01 .bis_ul .li_in .con_in {margin-left:0;}
.main01 .bis_ul .li_in .con_in .con_tx_wrap {padding:20px 16px;}
.main01 .bis_ul .li_in .con_in .con_tx_wrap .ti {font-size:1em;}
.main01 .bis_ul .li_in .con_in .con_tx_wrap .tx {padding:15px 0 20px 0;}
.main01 .bis_ul .li_in .con_in .con_tx_wrap .bis_more {font-size:.813em;}
.main01 .bis_ul .li_in .con_in .con_im_wrap .con_img img {width:100% !important;}
.main01 .bis_ul .li_in .con_in .con_tx_wrap .bis_more.dsbl { display: inline!important; width: auto; height: auto; margin-top: 0;}



/**/
.main02 {padding:3em 0; overflow: hidden; height: auto; }
.main02 .box1 { text-align: center; }
.main02 .main_tit { font-size: 1.8em; }
.main02 .main_tt { font-size: 1.625em; }
.main02 table { font-size: 1em; margin-top: 30px; }
.main02 .text_wrap { margin: 0 auto; width: auto; display: inline-block; float: none; }
.main02 .main_tit { text-align: center; }
.main02 .line { margin: 10px auto; }


/**/
.main03 .main_history_wrap .main_history {padding:30px 0;}
.main03 .main_history_wrap .main_history .history .list > li .in {width:137%;}
.main03 .main_history_wrap .main_history .history .list > li .in .date {font-size:.5em;}
ry_wrap .main_histo {font-size:.625em; line-height:1.4;}
.main03 .main_history_wrap .main_history .history .list > li .in .tt {font-size:.688em; line-height:1.2}
.main03 .main_history_wrap .main_history .history .list > li:nth-child(2n-1) .in { margin-top: 192px; }


/**/
.main04 {padding-top:0; padding-bottom: 80px; }
.main04 .custom_ul .li_in {width:50%;}
.main04 .custom_ul .li_in .con_in {margin-bottom:5px;}
.main04 .custom_ul .li_in .con_in .con_tx_wrap {padding:15px; height: 95px; }
.main04 .custom_ul .li_in .con_in .con_tx_wrap .tx {font-size:.750em;}
.main04 .custom_ul .li_in .con_in .con_tx_wrap .ti {font-size:1em;}
.main04 .box2 { padding: 0; }
.customer_w .customer_slide .tt { display: none; }
.customer_w .customer_slide .slides li .notice_tit { margin-left: 10px; font-size: .938em; width: 62%; }
.customer_w .customer_slide .slides li .notice_date { font-size: .813em; right: 75px; }
.customer_w .customer_slide .flex-direction-nav a { width: 26px; height: 26px; }
.customer_w .customer_slide .flex-direction-nav { bottom: 22px; }

.main04 .custom_ul .li_in:last-child .con_in .con_tx_wrap { padding: 15px; }


/*sub*/
#contents .doc { padding: 2em 0 8em 0;}
#contents .sub_visual_wrap .va_wrap { height: 10em; }
#contents .sub_visual_wrap .slogan .t1 { font-size: 1.5em; padding-bottom: .5em; }
#contents .sub_visual_wrap .slogan .t2 { font-size: .625em; }
#contents .sub_tit .tit { font-size: 1.375em; }
#contents .sub_tit { padding: 1.125em 0; }

/*footer*/
#footer { font-size: .938em; }
#footer .menu_wrap { display: none; }
#footer .link_wrap .link > li > a { margin: 0 1.75em; }


/*board*/
.w_no { display: none; }
.w_hit { display: none; }
.w_date { width: 7em; }

.board_st { font-size: .750rem; }

.board_paging { margin-top: 2em; font-size: .750rem; }
.board_paging button { width: 2.5em; height: 2.5em; line-height: 2.5em; }
.board_search_wrap { font-size: .750rem; }
.board_search_wrap .left,
.board_search_wrap .right { float: none; text-align: right; }
.board_search_wrap .right { margin-top: 7px; }

#smart_editor2 { min-width: 100%!important; }
.se2_tool { display: none!important; }
.se2_conversion_mode { display: none!important; }

/**/


/*1-3*/
.root_daum_roughmap .wrap_map { height: 200px!important; }
.table_st.location_st { font-size: .938em; }
.table_st.location_st td .bus_info .bus_ti { font-size: .750em; width: 32px; height: 32px; line-height: 32px; margin-right: 3px; }

/*2-1*/
.sub2_1 { padding: 0; }
.sub2_1 .text_w { top: 0; font-size: .75em; }
.sub2_1 .inner_w { padding: 190px 0 40px 0; padding-right: 0!important; }
.sub2_1 .inner { float: none; width: 65%; margin: 0 auto; }
.sub2_1 .inner.wd_ed { width: 80%; }
.sub2_1 .t2 { margin-top: 10px; margin-bottom: 20px; }
.nav_wh li { width: 35%; font-size: 1rem!important; }

/*2-2*/
.sub2_2 { font-size: .875em; }
.sub2_2 .inner1 .icon .xi { font-size: 1.5em; }
.sub2_2 .inner1 .icon { width: 50px; height: 50px; }
.sub2_2 .inner1 .txt { font-size: .938em; top: 3px; right: -110px; }
.sub2_2 .left .txt { padding-right: 55px; }
.sub2_2 .right .txt { padding-left: 55px; }
.sub2_2 .left,
.sub2_2 .right { font-size: .938em; }
.sub2_2 .inner1 .icon:after { height: 760px; bottom: -760px; }
.sub2_2 .bg { display: none; }
.sub2_2 .slogan { width: 100%; box-sizing: border-box; background: url('../images/sub/slogan_bg.jpg') no-repeat 100% 100%; }

/*2-3*/

.sub2_3 .left { width: 100%; float: none; }
.sub2_3 .right { width: 100%; float: none; margin-top: 1%; }
.sub2_3 .right .inner { overflow: hidden; margin-left: 0; }
.sub2_3 .top_w,
.sub2_3 .btm_w { float: left; width: 49.5%; }
.sub2_3 .btm_w { margin-top: 0!important; margin-left: 1%;}
.sub2_3 .right .top, .sub2_3 .right .btm { height: 92px; padding: 10px; }


/*3-1*/

.sub3_1 { padding: 0; }
.sub3_1 .text_w { top: 0; font-size: .75em; }
.sub3_1 .t2 { margin-top: 10px; margin-bottom: 20px; }
.information .tit { font-size: 1.313em; }

/*3-2*/
.benefit { text-align: center; margin-bottom: 0;}
.benefit .left { float: none; width: 100%; text-align: center; font-size: .813em; background: #f3f3f3; border-bottom: 1px dashed #CCC; }
.benefit .right { float: none; width: auto; display: inline-block; text-align: left; padding-left: 5px; padding-right: 5px; height: auto; }


}

@media screen and (max-width:540px){
.sub2_3 { width: 100%; }	
.sub2_3 .top_w,
.sub2_3 .btm_w { float: none; width: 100%; }
.sub2_3 .btm_w { margin-left: 0; margin-top: 10px!important; }
.sub2_3 .right .top, .sub2_3 .right .btm { height: auto; padding: 15px 10px; }
.sub2_3 .right { margin-top: 20px; }


	
}

@media screen and (max-width:480px){
.sub2_1 .text_w { font-size: .688em; }
.sub2_1 .logo { width: 45px; }
.sub2_1 .text { width: 255px; }
.sub2_1 .line { width: 180px; }
.nav_wh li { width: 40%; }
.sub2_1 .inner { width: 80%; }
.sub2_1 .inner_w { padding-top: 170px; }

.sub2_1 table { font-size: .75em; }
.sub2_1 table th { padding: 7px; 20px; }


.sub3_1 .text_w { font-size: .688em; }
.sub3_1 .logo { width: 45px; }
.sub3_1 .text { width: 255px; }
.sub3_1 .line { width: 180px; }

}

@media screen and (max-width:430px){
/*header*/	
#header .all_wrap > .m_tel .xi, #header .all_wrap > .home .xi, #header .all_wrap > .contact .xi { width: 1.875em; }
#header .all_wrap .xi { font-size: 1em; }
#header .all_wrap .allBtn { width: 2.5em; }
#header .box3 { max-width: 100%; }
#header .logo { width: 180px; margin-left: 10px; }
#header .va_wrap { height: 70px; }


/*main*/
.mainVisual .img .slogan_wrap { left: 1em; }
.mainVisual .img .slogan .t1 { font-size: 2em; }
.mainVisual .img .slogan .t2 { font-size: .938em; }

.main02 .main_tt { font-size: 1.5em; }
.main02 table { font-size: .938em; }

.main03 .main_history_wrap .main_history .history .list > li:nth-child(2n-1) .in { margin-top: 156px; }
.ffnt { font-size: 1.625em!important; }
.main_tit .txt { font-size: .938em; }

.main04 { padding-bottom: 55px; }
.customer_w { height: 60px; margin-bottom: 20px; }
.customer_w .customer_slide .slides li { height: 60px; line-height: 60px; }
.customer_w .customer_slide .flex-direction-nav { bottom: 17px; }
.customer_w .customer_slide .slides li .notice_tit { font-size: .875em; width: 55%; }
.customer_w .customer_slide .slides li .notice_date { right: 62px; }



#footer .box1 { margin-right: 0; }
#footer .link_wrap .link > li > a { margin: 0 1em; }
#footer .link_wrap .gotop { width: 3.125em; }	

/*1-1*/
.sub1_1 .top { width: 94%; left: 3%; font-size: .875em; }
.wh .btm { font-size: .875em; }
.wh .btm .t2 { margin-top: 20px; }

/*1-3*/
.table_st.location_st th { width: 15%; }
.table_st.location_st td { width: 85%; }
.table_st.location_st td .bus_info { display: block; }
.bus_txt { margin-bottom: 7px; }
/*2-2*/
.sub2_2 .left .txt { padding-right: 35px; }
.sub2_2 .right .txt { padding-left: 35px; }
.sub2_2 .left,
.sub2_2 .right { font-size: .875em; }
.sub2_2 .inner1 .icon:after { height: 1000px; bottom: -1000px; }
.sub2_2 .slogan { padding: 1.5em .75em; }


/*2-3*/
.sub2_3 .right .top, .sub2_3 .right .btm { padding: 12px; font-size: .875em; }

}
@media all and (orientation:landscape){
.main05 .custom_ul .li_in .con_in .con_im_wrap .con_img img {width:100%;}



}