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

table { border-spacing: 0px; border=style: none; padding: 0px; }
th { border-spacing: 0px; border=style: none; padding: 0px; }
td { border-spacing: 0px; border=style: none; padding: 0px; }

body { font-size: 15px; }
#header .logo > a { width: 80%; }
.di_wrap > li { font-size: .938rem; }
#header .gnb_wrap .gnb > li .dp1 { min-width: auto; padding: 0 1.125em; }
#header .gnb_wrap .gnb > li .dp1 .va { font-size: 1em; }


@media screen and (max-width:1023px){
	
	
body{}
.PC{ display:none !important}
.PHONE{ display:block !important}	
.box1{width:95%; max-width:1200px; margin:0 auto; position:relative;}
.box2{width:95%; max-width:1200px; margin:0 auto; position:relative;}

table.PHONE { display: inline-block;; }

.mainVisual .slogan_wrap { font-size: .875em!important; }

#contents .doc { padding: 50px 0 70px 0; }
/*header*/
#header .menu_wrap { display: none; }
#header .all_wrap .m_btn .va { font-size: 1.6em; margin-left: 15px; }
#contents .sub_visual_wrap .va_wrap { height: 14em; }
#contents .sub_visual_wrap .slogan .tit { font-size: 1.875em; }
.subNav_wrap { display: none; }

.tx_box { width: 100%; }


.sub1_4 .tx_tw { font-size: 1.313em; }
.sub1_4 .co_0074 { font-size: 1.125em; }
.sub1_4 .back_img { height: 100%; padding: 30px 20px; }
.sub1_4 .tx_box02 { height: auto; }
.sub1_4 .tx_tt { font-size: 1em; padding: 0; }
.sub1_4 .ba_tt { margin: 50px 0 20px 0; font-size: 1.625em; }
.sub1_4 .ba_list li .list_wrap .tx_w1 { font-size: 1.125em; }
.sub1_4 .ba_list li .list_wrap .tx_w2 { font-size: .938em; }
.l-nav .nav_logo { height: 67px; box-sizing: border-box; padding-left: 20px; }

.tx_b .tx_s { margin-top: 50px; font-size: 1em; }


.tx_box { font-size: .875em; }
.tx_box .bg_on_w { font-size: .875em; }
.sub1_1 .con_box { width: 60%; padding-left: 3%; box-sizing: border-box; }
.sub1_1 .img { width: 40%; padding-left: 0; }
.tx_b .tx_s { min-height: auto; }
.tx_b .ceo_tx { position: static; }

.sub_history_tit { height: auto; }
.sub_history_tit .tt_box { line-height: 130px; font-size: 1.625em; }
.sub1_2 .wrap_idx { font-size: .938em; }

#footer { padding: 0 2.5%; box-sizing: border-box; }
#footer .f_icon { display: none; }
#footer .info_wrap .f_menu { display: none; }
#footer .line { display: none; }
#footer .f_in { float: none; }
#footer .f_logo { float: none; width: 90px; }
#footer .f_in { width: 100%; }

.sub1_3 .tx_box02 { height: auto; }
.sub1_3 .tx_tt { padding-top: 0; }

.sub1_3 .tx_tw { font-size: 1.25em; }
.sub1_3 .co_0074 { font-size: 1.25em; }
.sub1_3 .back_img { padding: 30px 1em; }

.sub1_3 .in_con .list_box .tt_sbox { width: 100%; float: none; }
.sub1_3 .in_con .list_box .tx_sbox { width: 100%; float: none; }

.sub1_3 .in_con .list_box .tt_sbox .t_001 { margin: 0 auto; }
.sub1_3 .in_con .list_box { padding-top: 30px; }
.sub1_3 .in_con .list_b2 .t_003 { margin-top: 20px; margin-bottom: 35px; font-size: 1.313em; }

.mainVisual_wrap .slick-dots > ul { text-align: center; }
.main_con1 .main_stt { font-size: 1.5em; }
.main_in_con .btn_wrap li .xi { font-size: 1em; }

.family_wrap ul { width: 96%!important; }

.main_in_con .btn_wrap .paging { width: 65%; top: 15px; }

.main_in_con .btn_wrap { margin-top: 0; }

.main_con2 { padding-top: 0!important; }
.main_con .main_tt { font-size: 1.625em; }
.main_con .main_tx { font-size: 1em; }
.main_con2 .con2_list li .list_wrap .in_txt .t_01 { font-size: 1.125em; }
.main_con2 .con2_list li .list_wrap .in_txt .t_02 { font-size: .875em; margin-bottom: 13px; }
.main_con2 .con2_list li .list_wrap .in_txt .view .t_03 { font-size: .813em; }
.main_con2 .con2_list li .list_wrap .in_txt .view .xi-angle-right-min { padding: 1px 3px; margin-left: 7px; }
.main_con2 .con2_list li .list_wrap .in_txt { padding: 1em; }

.main_con3 { padding-top: 0!important; }

.wrap_idx2 .tab_idx2 li.va_wrap { height: 62px; }
}

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

}

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

}

@media screen and (max-width:768px){
.box1{width:95%; margin:0 auto; position:relative;}
.sub1_1 .con_box { float: none; width: 100%; padding-left: 0; }
.sub1_1 .img { float: none; width: 50%; }
.tx_b .tx_s { margin-top: 15px; }
.tx_box { background-position: 80% center; }
.sub1_3 .in_con .list_b2 .t_list1 li .t1_list_in .t_list_tx { width: 170px; height: 170px; padding-top: 3.5em; font-size: 1.063em; }
.sub1_3 .in_con .list_b2 .t_list1 li .t_list_tx { margin-right: 0; }
.t_list2 { margin-top: 20px; }
.sub1_3 .in_con .list_b3 .t_list2 li { width: 100%; margin-bottom: 10px; }
.sub1_3 .in_con .list_b3 .t_list2 .t2_list_in .t_004:after { display: none; }
.sub1_3 .in_con .list_b3 .t_list2 .t2_list_in .xi { display: block; margin: 0 auto 7px auto; }
.sub1_3 .in_con .list_b3 .t_list2 .t2_list_in .t_004 { font-size: 1.063em; }

.mainVisual .com_logo .logo_list li { width: 50%!important; }
.mainVisual .slogan_wrap .t1 { margin-bottom: 10px; }

.sub1_5 .wrap_idx .tab_idx li { width: 50%; }
.sub1_6 { margin-top: 0; }
.root_daum_roughmap .wrap_map { height: 220px!important; }
.sub1_6 .sub_tbl .tbl_st { font-size: .875em; }
.sub1_5 .wrap_idx .tab_idx li, .sub1_5 .wrap_idx .tab_idx li.on, .sub1_5 .wrap_idx .tab_idx li:hover { font-size: .875em; }

.in_tx { font-size: 1.125em; }
.page_viewWrap .control_arrow { display: none; }
.sub_tit_wrap .tit { font-size: 1.125em; }

.page_viewWrap .slider_for { width: 100%; }
.page_viewWrap .page_viewB { width: 100%; }
.page_viewWrap .page_viewB .pro_tw .pro_name { font-size: 1em; }
.page_viewWrap .page_viewB .pro_tw .pro_line { height: 1px; }
.sub_pro_tw { padding: 1em; font-size: .938em; }

.left_menu .list_wrap { width: 100%; }
.left_menu .list_com { overflow: hidden; border: 0; border-right: 1px solid #DDD; }
.left_menu .list_com li { width: 50%; float: left; border-left: 1px solid #DDD; box-sizing: border-box; }
.left_menu .list_com li:last-child { border-bottom: 1px solid #DDD; }

.down_list { width: 100%; margin-top: 20px; }
.down_list .in_tx { margin-bottom: 10px; }
.left_menu .list_name { font-size: 1.25em; height: 60px; line-height: 60px; }
.down_list .in_tx { font-size: 1.25em; }
.down_list .sub_tbl .tbl_st { font-size: .875em; }
.down_list .sub_tbl .tbl_st tbody th { font-size: 1.063em; }
.sub4_1 .sub_tbl .tbl_st { font-size: .875em; }
.sub4_1 .sub_tbl .tbl_st tbody th { padding: .75em .625em; }

.sub4_1 .in_tx { margin-top: 15px; }

.certification .page_certification .certification_wrap > li { width: 50%; height: auto!important; }
.certification .page_certification .certification_wrap .vm_wrap img { min-height: auto; max-height: auto; }
.online .terms_area .terms_box { padding: 0; font-size: .875em; }

.l-nav .nav_logo img { width: 84px; margin-top: -10px; }
}

@media screen and (max-width:680px){
.sub1_4 .ba_list li { width: 50%; margin-bottom: 30px; }
.sub1_4 .ba_list li .list_wrap { padding-top: 5em; }
}

@media screen and (max-width:600px){
.sub1_3 .in_con .list_b2 .t_list1 li .t1_list_in { width: 100%; }
.sub1_3 .in_con .list_b2 .t_list1 li { width: 100%; margin-bottom: 10px; }

.mainVisual .com_logo .logo_list li .logo_tx { font-size: 1.125em; }
.r_t2 { font-size: 1.75em!important; }

.main_con3 .s_con1 { width: 100%; }
.main_con3 .s_con2 { width: 100%; }
.main_con3 .s_con1 .notice_dv li { margin-top: 15px; }
.main_con3 .s_con2 { margin-top: 40px; }
.main_con3 .s_con1 .notice_dv li .tt { font-size: .875em; }
.main_con3 .s_con .t_04 { font-size: 1.125em; }
.main_con .main_tt { font-size: 1.5em; }
main_con main_con3 { padding-bottom: 80px!important; }

.product_write .in_dv .in_img { width: 60%; height: 300px; line-height: 250px; }

.product_write .in_dv .in_txt { float: none; width: 100%; float: left!important; margin-top: 25px; font-size: .875em;  }
.product_write .in_dv .btn_wrap { position: static; margin-top: 15px; }
.product_write .in_dv .in_txt .tx_list .t1:after { top: 6px; }
.product_write .in_dv .grp_in { font-size: .875em; font-size: .875rem; }
.product_write .in_dv .grp_in table { width: 100%!important; }
.product_write .in_dv { margin-left: 0; }


.wrap_idx2 .tab_idx2 li { width: 33.3333%; font-size: .813em; }
.product_write .in_dv .btn_wrap li a { margin-bottom: 10px; }
}

@media screen and (max-width:500px){
.sub1_4 .ba_list li { width: 100%; margin-bottom: 15px; }
.sub1_4 .ba_list li .list_wrap { padding-top: 3em; }
.sub1_4 .tx_tw { font-size: 1em; }
.sub1_4 .tx_tw br { display: none; }
.sub1_4 .ba_tt { font-size: 1.438em; margin: 30px 0 15px 0;}
.sub1_4 .co_0074 { font-size: 1em; }
.sub1_4 .tx_tt { margin-bottom: 8px; }
.sub1_4 .in_con { margin-bottom: 1em; }
#contents .doc { padding: 40px 0 50px 0; }
#contents .sub_visual_wrap .slogan { margin-top: 2.5em; }
#contents .sub_visual_wrap .slogan .tit { font-size: 1.625em; }
#contents .sub_visual_wrap .va_wrap { height: 12em; }
.sub1_4 .ba_list li .list_wrap .icon_in .icon_box { width: 40px; height: 40px; line-height: 40px; }
.sub1_4 .ba_list li .list_wrap .icon_in .icon_box .xi { font-size: 1em!important; }
#footer .info_wrap .info { font-size: .938em; }
.sub1_1 .img { float: none; width: 60%; margin-top: 25px!important; }
.tx_b .tx_s { margin-top: 10px; }
.tx_box .bg_on_w { font-size: .75em; }
.sub1_1 { padding: 0 12px; }
.sub_history_tit .tt_box { font-size: 1.313em; line-height: 100px; }
.sub_history_wrap .sub_history > li .history .year { font-size: 1.625em; }
.sub_history_wrap { padding-left: 15px; }
.sub_history_wrap .sub_history > li .history:before { left: -2px; top: 12px; width: 7px; height: 7px; }
.sub_history_wrap .sub_history_line { left: 15px; }

.main_con2 .con2_list li { width: 100%; margin-right: 0; }
.main_con2 .con2_list li .list_wrap .in_txt { padding: .5em 1em 1.5em 1em; }
.down_list .sub_tbl .tbl_st tbody .down_btn a { width: 86px; }


.border_dv.product_prod { height: auto!important; }
.p_list > ul > li .img_dv { height: auto!important; line-height: auto!important; width: 100%; padding: 10px; box-sizing: border-box; }
.p_list > ul > li .txt_dv { margin-left: 0; width: 100%; margin-top: 10px; }
.p_list > ul > li .img_dv .in_img > img { margin-bottom: 52px; }


}

@media screen and (max-width:360px){
.tx_box .bg_on_w { font-size: .625em; }
.tx_b .tx_s { font-size: .938em; margin-top: 0; padding-top: 15px; }
.product_write .in_dv .in_img { height: 222px; line-height: 166px; }
}

@media all and (orientation:landscape){

}