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

@media (min-width:1000px) and (max-width:1300px) {
/**/
#header .gnb_wrap .logo {left:0;}
#header .gnb_wrap .gnb {padding-left:60px;}
#header .gnb_wrap .gnb > li .dp1 {font-size:1.125em; padding:0 1em;}
#header .gnb_wrap .etc_wrap .lang .tit .tt {padding:.3em 1.5em;}
#header .gnb_wrap .etc_wrap .menu > li {width:50px;}

#header .gnb_wrap .gnb .m_guide, #header .gnb_wrap .gnb .dp2, #header .gnb_wrap .gnb .dp3 {display:none;}

}
@media screen and (max-width:1640px){
#header .gnb_wrap .gnb{}
#header .gnb_wrap .gnb > li .dp1{padding:0 1em;}
}
@media screen and (max-width:1540px){
#header .gnb_wrap .gnb{}
#header .gnb_wrap .gnb > li .dp1{padding:0 .75em;}
}
@media screen and (max-width:1490px){
#header .gnb_wrap .gnb{padding-left:125px}
}
@media screen and (max-width:1400px){
#header .gnb_wrap .gnb{display:none;}
}


@media screen and (max-width:1024px){
body:not(#pop){ font-size:15px;}
.di_wrap > *{ font-size:.938rem;}
.pc_hide{ display:block}
.phone_hide{ display:none}
.box0{width:95%; max-width:1200px; margin:0 auto; position:relative;}
.box1{width:95%; max-width:1200px; margin:0 auto; position:relative;}

#header {height:7.8%;}
#header .gnb_wrap .etc_wrap .menu .m_btn > a {color:#fff; font-size:20px;}
#header .gnb_wrap .gnb > li .dp1 {display:none;}
#header .gnb_wrap .logo {left:20px; top:0;}

/**/
#footer .info_wrap {padding:20px 0 20px 0;}
#footer .info_wrap .info {width:40%;}
#footer .info_wrap .mark {right:30px;}
#footer .info_wrap .info > li.copy {padding-top:.8em;}
#footer .siteMap_wrap .gnb > li, #footer .siteMap_wrap .etc_wrap {padding:20px 0;}

/**/
#left_quick {display:none;}

/**/
#contents .subCon_wrap {padding:40px 0 150px 0;}
#contents .subTop_wrap {height:250px;}
#contents .subTitle .tit .t1 {font-size:1em;}
#contents .subTitle .tit .t2 {font-size:2em;}
#contents .doc .sub_con {width:98%; max-width:1200px;}
#contents .doc_prod {padding-top:0;}


/**/
.con1_box .img_wrap .con1_img1 {bottom:30px;}
.section .con2_box .con2_box_in .t2 {font-size:1.313em;}
.section .con2_box {margin-left:-20px;}
.section .con2_box .con2_box_in {margin-left:20px;}

/**/
#section3 .main_board {padding:20px 0;}

/**/
.con5_add_wrap {margin-left:-10px;}
.con5_add_wrap .con5_add_in {margin-left:10px;}

/**/
.sub_agree_wrap {padding:20px;}

/**/
.sub_history_wrap {padding-left:104px;}
.sub_history_wrap .sub_history > li .history {padding:0;}
.sub_history_wrap .sub_history > li .history:before {left:-46px;}
.sub_history_wrap .sub_history > li {margin-top:30px;}

.sub_history_tit {padding:50px 0 50px 50px;}
.sub_history_tit .t1 {font-size:2em;}

/**/
.page_wrap .page_img_top .txt_wrap .in .tit {font-size:1.375em;}
.page_wrap .page_img_top .txt_wrap .in .tit:after {right:50px;}
.page_wrap .page_img_con .con_wrap .con > dd {padding:10px;}

/**/
.bis_w .top_ul .top_li .in_w {padding:20px;}
.bis_w .bot_ul li .in_w {padding:20px;}
.bis_w .bot_ul li .in_w p.tit {margin-bottom:10px;}
.bis_w .bot_ul li .in_w .t_w {width:88%;}

}

@media screen and (max-width:768px){
body:not(#pop){ font-size:13px;}
.di_wrap > *{ font-size:.813rem;}

.box0{width:95%; margin:0 auto; position:relative;}
.box1{width:95%; margin:0 auto; position:relative;}

/**/
.mainNav_wrap {display:none;}
.main_slogan .main_slo_t1 {font-size:1.5em;}
.main_slogan .main_slo_t2 {font-size:1.125em; width:100%; max-width:230px; margin:0 auto;}

#mainVisual .btn_wrap .main_paging {width:110px;}
#mainVisual .btn_wrap > li {margin:0 10px;}

/**/
#header {height:70px;}
#header .gnb_wrap .logo {width:35%; top:0; left:10px;}
#header .gnb_wrap .etc_wrap .menu > li:first-child {border-left:none;}
#header .gnb_wrap .etc_wrap .menu > li {width:35px; border-right:none;}
#header .gnb_wrap .etc_wrap .lang .tit .tt {padding:.3em 1.5em;}

/**/
#footer .info_wrap .logo {float:none;}
#footer .info_wrap .logo img {width:100px;}
#footer .info_wrap .info {float:none; width:100%; margin:5px 0 0 3%;}
#footer .info_wrap .mark > li {width:20px; margin:0 0 0 5px;}
#footer .siteMap_wrap {display:none;}

/**/
#contents .subTop_wrap {height:200px;}
#contents .subNav_wrap .nav > li:first-child {display:none;}
#contents .subNav_wrap .nav li[class^="depth"] .tt {min-width:20px; padding:0 60px 0 10px;}
#contents .subNav_wrap .tt {height:35px; line-height:35px;}
#contents .conTit_wrap {padding:10px 0;}
#contents .subCon_wrap {padding:30px 0 100px 0;}
#contents .subTitle .tit .t1 {font-size:.938em;}
#contents .subTitle .tit .t2 {font-size:1.5em;}

/**/
.section .sect_tit {top:13%;}
.section .sect_tit .t1 {font-size:1.5em;}
.section .sect_tit .t2 {width:100%; max-width:250px; margin:10px auto 0 auto;}
.section .sect_tit .btn {width:20px; margin:10px 0 0 0;}

.con_box {top:30%;}

/**/
.con1_box .txt_wrap {width:40%;  height:200px !important;}
.con1_box .img_wrap {width:55%;  height:200px !important;}
.con1_box .txt_wrap .btn {margin-top:20px; width:70px;}
.con1_box .txt_wrap div {padding:50px 0 0 25px;}
.con1_box .img_wrap .con1_img1 {right:3px; width:100%;}
.con1_box .txt_wrap .tit {font-size:1.375em;}


/**/
.section .con2_box {margin-left:-5px;}
.section .con2_box .con_box0 {float:none; width:100%;}
.section .con2_box .con2_box_in {margin-left:5px; height:130px; padding:0; margin-bottom:5px;}
.section .con2_box .con2_box_in .t1 {font-size:1.063em; padding:15px 10px;}
.section .con2_box .con2_box_in .t2 {font-size:1em; padding:0 10px;}

.section .con2_box .con2_box_in.bg001 {background-size:100% 100%;}
.section .con2_box .con2_box_in.bg002 {background-size:100% 100%;}
.section .con2_box .con2_box_in.bg003 {background-size:100% 100%;}

/**/
#section3 .main_board {padding:0;}
#section3 .main_board .tit {display:none;}
#section3 .main_board .con {float:none; width:100%;}
#section3 .main_board_slide {padding:0 0 0 10px;}
#section3 .main_board_slide .tt_wrap .tt {width:70%;}
#section3 .main_board_slide .tt_wrap .date {width:28%;}

#section3 .main_board_slide .flex-direction-nav a {width:15px; height:15px}
#section3 .main_board_slide .flex-direction-nav a.flex-prev {background-size:50%;}
#section3 .main_board_slide .flex-direction-nav a.flex-next {background-size:50%;}

/**/
#section3 .con4_box {margin-left:-5px; margin-top:10px;}
#section3 .con4_box > li {width:100%; float:none;}
#section3 .con4_box .con4_box_in {height:115px; margin-left:5px; margin-bottom:5px;}
#section3 .con4_box .con4_box_in .con4_box_tt {font-size:1.2em;}
#section3 .con4_box .con4_box_in.bg002 {background-size:100% 100%;}
#section3 .con4_box .con4_box_in.bg003 {background-size:100% 100%;}
#section3 .con4_box .con4_box_in.bg004 {background-size:100% 100%;}

/**/
.con5_box > li {float:none; width:100%; margin-bottom:20px;}
.con5_box .con5_faq_wrap {margin-right:0; height:200px; padding:10px;}
#section4 .con5_faq_wrap .agree_btn {top:7px; right:10px;}
.con5_faq_wrap .con5_input .txt {left:10px; top:4px; font-size:.750em;}
.con5_faq_wrap .con5_input .txt .xi {font-size:16px;}
.map_img {display:none;}
.con5_faq_wrap input[type=text].input_st, input[type=tel].input_st, .con5_faq_wrap input[type=password].input_st {height:25px; line-height:25px;}
.con5_faq_wrap .con5_btn {margin-top:0; height:30px; line-height:30px;}
.con5_add_wrap .con5_add_in .con5_add_t {padding:10px;}
.con5_add_wrap .con5_add_in .con5_add_t dd .xi {width:20px; height:20px; line-height:20px; font-size:12px;}

/**/
.sub_agree_wrap {padding:10px;}
.page_email .email_top {padding:15px;}
.page_email .email_con .con_wrap {margin-top:20px;}
.sub_agree_wrap .cont {height:90px;}
.cont_check {margin:10px 0 30px 0;}
.inqury_tw .tt {font-size:.938em;}
.inqury_tw .tt .star_t {float:none; display:block;}

/**/
.partner ul {margin:-10px 0 0 -10px;}
.partner ul li {width:50%;}
.partner ul li div {margin:10px 0 0 10px;}

/**/
.prod_detail_wrap .inner .slide_wrap {float:none; width:100%;}
.prod_detail_wrap .inner .info_wrap {float:none; width:100%;}
.prod_detail_wrap .info_wrap .in {padding:10px 0;}
.prod_detail_wrap .info_wrap .prod_info .info {padding:10px 0 10px 90px;}
.prod_detail_wrap .info_wrap .prod_info .info:before {width:5px; height:5px; top:14px; left:6px;}
.prod_detail_wrap .info_wrap .prod_info .info .tit {top:10px;  font-size:1em;}
.prod_detail_wrap .info_wrap .prod_info .info .tit.m_st {width:60px;}
.prod_detail_wrap .info_wrap .prod_info .info .txt {padding-left:9px;}

.status_info_w {padding:.5em; margin-top:1em;}
.status_tit {padding-left:30px; padding-top:10px;}
.status_tit:before {left:15px; top:13px;}

/**/
.prod_cate_wrap .list > li > a {font-size:.813em; padding:0 5px;}
.prod_cate_wrap {margin-left:0; margin-right:0;}
.prod_cate_wrap .list {text-align:center;}


.img_wrap .big.st1 {width:100%;}
.img_wrap .small.st1 {width:100%; margin-top:.5em;}
.img_wrap .small.st1 > li {width:25%; float:left;}
.img_wrap .small.st1 > li .in { margin-top:0; border:1px solid #0c61b5;}

/**/
.TAB_WRAP .tab_ul li > a {padding:0 .5em; font-size:.813em;}
.TAB_WRAP .tab_ul li.on > a {color:#fff !important;}
.TAB_WRAP .tab_ul li.on:after {bottom:-2px;}
.sub3_1_tx_wrap > .tx_ul.pd_st .tx {padding-left:3em;}
.sub3_1_tx_wrap > .tx_ul .tx:before {top:0; font-size:10px;}
.sub3_1_tx_wrap > .tx_ul .ti:before {top:4px;}

/**/
.sub3_1info_wrap {margin:2em .5em;}
.sub3_1_tx_wrap {padding:1em; margin-top:0;}

/**/
.prod_view_top {margin:1em 0.5em;}
.in_prod_cate_wrap {margin:0;}
.in_prod_cate_wrap .list > li > a {line-height:20px; height:20px;}
.in_prod_cate_wrap .list > li.on > a:after {top:-12px;}

/**/
.main_tit_w.m_1_4_st {margin:0 0 10px 0;}
.main_tit_w .txt2 {padding-left:8px; padding-top:5px;}
.main_tit_w .txt2:before {left:0; top:10px; width:5px; height:2px;}
.main_tit_w .map_info_ul2.tel_info {padding-top:5px;}
.main_tit_w .map_info_ul2.tel_info > li {padding-left:10px; font-size:.875rem;}
.main_tit_w .map_info_ul2.tel_info > li.in.line_st:before {left:0; top:10px; width:5px; height:2px;}
.main_tit_w .map_info_ul2.tel_info > li.in .tt {font-size:.875rem;}

/**/
.page_wrap .page_img_top {margin-left:0; overflow:inherit; padding-bottom:0;}
.page_wrap .page_img_top .img_wrap {display:none;}
.page_wrap .page_img_top .txt_wrap {float:none; width:100%;}
.page_wrap .page_img_top .txt_wrap .in {margin-left:0; padding:15px 0;}
.page_wrap .page_img_top .txt_wrap .in .tit {text-align:center; }
.page_wrap .page_img_top .txt_wrap .in .tit:before {left:40px;}
.page_wrap .page_img_top .txt_wrap .in .tit:after {right:30px;}
.page_wrap .page_img_top .txt_wrap .in .ti.st {margin-top:1em;}
.page_wrap .page_img_top .txt_wrap .in .ti .tt {padding-left:1.9em;}
.page_wrap .page_img_top .txt_wrap .in .ti .tt:before {font-size:12px;}
.page_wrap .page_img_top .txt_wrap .in .ti .in_tt {display:block;}
.page_wrap .page_img_top .txt_wrap .in .ti .in_tt:before {left:22px; top:5px;}
.page_wrap .page_img_top .txt_wrap .in .ti .in_tt:after {display:none;}

/**/
.page_wrap .page_img_top .txt_wrap .in .sub1_3_company_info_w .titt:before {font-size:12px;}
.page_wrap .page_img_top .txt_wrap .in .sub1_3_company_info_w .titt {padding-left:1.9em;}
.page_wrap .page_img_top .txt_wrap .in .sub1_3_company_info_w .tx {line-height:2;}

/**/
.sub1_3_t_wrap .sub1_3_title {font-size:1.3em;}

/**/
.page_wrap .page_img_con .con_wrap > li {width:25%; }
.page_wrap .page_img_con .con_wrap .con {margin-bottom:5px;}
.page_wrap .page_img_con .con_wrap .con > dd {padding:5px;}

/**/
.sub1_3_t_w {margin:.5em 1em;}

.bis_w .top_ul .top_li .in_w {margin-left:0;}
.bis_w .top_ul .top_li .in_w .t_box > li {width:100%;}
.bis_w .top_ul .top_li .in_w .in_list .tx_w .tx:before {top:6px;}
.bis_w .top_ul .top_li .in_w .in_list {margin-bottom:10px;}
.bis_w .top_ul .top_li .in_w .in_list.m_st1 {height:260px !important;}
.bis_w .top_ul .top_li .in_w .in_list.m_st2 {height:280px !important;}
.bis_w .top_ul .top_li .in_w .in_list.m_st3 {height:280px !important;}

.bis_w .bot_ul {overflow:inherit;}
.bis_w .bot_ul li {float:none; width:100%;}
.bis_w .bot_ul li .in_w {padding:10px;}
.bis_w .bot_ul li .in_w .t_w.m_st {height:80px !important;}
.bis_w .bot_ul li .in_w p.tit:before {top:0;}
.bis_w .bot_ul li .in_w p.txt:before {top:7px;}

.bot_tw > ul {padding:10px;}

/**/
.sub_history_tit {padding:20px 0 20px 20px; background-size:100% 100%;} 
.sub_history_tit .t1 {font-size:1.5em; padding-right:20px;}
.sub_history_tit .t2 {margin-top:5px;}
.sub_history_wrap {padding-left:44px;}
.sub_history_wrap .sub_history_line {top:-20px;}
.sub_history_wrap .sub_history > li {margin-top:20px;}
.sub_history_wrap .sub_history > li .history .year {font-size:1.6em;}
.sub_history_wrap .sub_history > li .history .list {margin-top:10px;}
.sub_history_wrap .sub_history > li .history .list .tt {margin-bottom:10px;}
span.month {margin:0 10px 0 5px;}
.sub_history_wrap .sub_history > li .history:before {left:-26px; top:7px;}

/**/
.sub1_1_w .txt_area {position:relative; z-index:101;}
.sub1_1_w .txt_area .txt {float:none; width:100%;}
.sub1_1_w .txt_area .txt .in_tx {font-family:notokrR;}
.sub1_1_w .txt_area .bg_img {float:none; width:50%; position:absolute; bottom:0; right:0; z-index:1; opacity:.2;}

/**/


}

@media screen and (max-width:400px){
body:not(#pop){ font-size:11px;}
.di_wrap > *{ font-size:.688rem;}

}

@media (min-width: 480px) and (max-width:767px) and (orientation: landscape){

}