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

@media screen and (max-width:1660px){
.main_con.st2{padding-top:140px;}
.main_con{padding-top:190px;}
.box1{ max-width:90%}
.box2{max-width:90%}
.box3 {max-width:85%;}
#section1{height: 1000px !important;}
#section2 {height: 1000px !important;}
#section3 {height: 800px !important;}
}

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

}

@media screen and (max-width:1206px){	
.PHONE1200{display:block;}
.PHONE1200f{display:flex;}
.PHONE1200i{display:inline-block;}
.PHONE1200t{display:table;}
.PC1200{display:none;}
.PC1200f{display:none;}
.PC1200i{display:none;}
.PC1200t{display:none;}
body{ font-size:14px;}
.section {background-size:cover;}
#header .va_wrap{height:4.375em}
#mainNav {display:none;}
#section2 {height: 1000px !important;}
#section2 .headerT {padding-top:0;}
#section3 {height: 800px !important;}
.box2{width:76em;}
.con2_In .con2_list > li .inner .t2{font-size:12px;}
.main_con.st2{padding-top:45px;}
}

@media screen and (max-width:1100px){
#header .gnb_wrap .gnb > li .dp1 {padding: 0 .5em;}
}

@media screen and (max-width:1024px){
body{ font-size:13px}
.box5{width:90%}
#header .gnb_wrap{padding: 0 21em;}

#header .logo > a{width:13em;}
.main_con.st2{padding-top:110px;}

.greeting_Wrap .con2:before{left:-200px; top:177px; width:28em;}
.greeting_Wrap .imgw img{width:19em;margin-top:-2em;}

.greeting_Wrap .imgw:before{transform: translate(30%,-68%)}
.greeting_Wrap .imgw:after{transform:translate(114%,-287%)}
}
@media screen and (max-width:999px){
.main_con.st2{padding-top:50px;}
.main_con{padding-top:65px;}
.con2_In .con2_list > li{flex:1 1 50%;}
.main_con.st2 .con2_In .con2_list > li{flex:1 1 50%;}
.box2{width:60em;}
}

@media screen and (max-width:768px){
body{ font-size:11px}
html.l-nav-open #header{transform:translateX(-80%);}
#header .gnb_wrap{padding: 0 19em;}
.box1{max-width:80%;}
.box2{width:63em;}
.box5{width:80%}
.PC{display:none !important;}
.PHONE{display:block !important;}
.main_con{padding-top:90px;}
#section2 {height:1200px !important;}
.main_con.st2 .con2_In .con2_list > li{flex:1 1 50%;}
.con2_In .con2_list > li{flex: 1 1 100%;}
.con2_In .con2_list > li .inner {padding:1em;}

.l-nav .gnb > li .dp1 .va{font-size:14px;}
.l-nav .gnb > li .dp2 .va{font-size:10px;}
.l-nav .gnb > li .dp2 .va:after{top:9px;}

.l-nav .gnb .dp1.on .va:after{top:0;}
.l-nav .gnb > li .dp1 .va:after{top:3px}

.greeting_Wrap .inner{flex-direction:column;}
.greeting_Wrap .imgw{margin-left:0; margin-top:10em;}
.greeting_Wrap .imgw img{width:58em;}
.greeting_Wrap .con2:before{left:-220px; top:150px; width:32em; border-right: 8em solid #ffd966; border-left: 8em solid #292c6f;}


.page_tab .tab.sEC4 > li{width:50%;}
.page_tab .tab.sEC5 > li{width:50%;}
.prod_wrap > li{width:50%;}
.prod_detail_wrap .inner{display:flex; justify-content:space-between;}
.prod_detail_wrap .inner .slide_wrap{float:none;}
.prod_detail_wrap .inner .slide_wrap .control_box{display:none;}
.prod_detail_wrap .inner .slide_wrap .prod_thumb .item .img{padding:37px;}
.prod_detail_wrap .inner .info_wrap{float:none; width:53%;}
.prod_detail_wrap .info_wrap .in{padding: 0;}

.board_gallery.cert > li{width:50%;}

.l-nav .gnb li.fSt{display:none;}

#footer .menu_wrap .gnb_wrap .gnb > li:first-child{display:block;}
#footer .menu_wrap .gnb_wrap .gnb > li{display:none;}
#footer .menu_wrap .gnb_wrap .gnb > li:after{display:none;}
#footer .menu_wrap .gnb_wrap .gnb > li.fSt{width:100%!important;}
}
@media screen and (max-width:650px){
body{ font-size:10px}

#section1{height: 1300px !important;}
.main_con.st2 .con2_In .con2_list > li{flex:1 1 100%;}
}
@media screen and (max-width:500px){
body{ font-size:8px}
.box2{width:55em;}
#header .logo > a{width:8em;}
#header .gnb_wrap{padding:0 9em;}
#header .gnb_wrap .gnb > li .dp1{min-width:10em;}
#header .gnb_wrap .gnb > li .dp1 .va{font-size:.9em;}

#section1{height: 1200px !important;}
.main_con.st2 .con2_In .con2_list > li{flex:1 1 100%;}
.prod_wrap > li{width:100%;}

.prod_detail_wrap .inner{flex-direction:column;}
.prod_detail_wrap .inner > div{width:100% !important;}
.prod_detail_wrap .info_wrap .in{padding-left:0; padding:0 1em; margin-top:2rem;}
.prod_detail_wrap .info_wrap .prod_btn > li{width:49%;}

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

.dp1_product #contents .subtop_wrap .sub_visual .wrap_in .sub_menu .box1{max-width:100%;}
.board_gallery.cert > li{width:100%;}
.board_gallery.cert > li .in .info_wrap{height:6.5em;}

.table_st.response.form th:first-child{border-left:1px solid #777;}
.table_st.response,
.table_st.response caption,
.table_st.response thead,
.table_st.response tbody,
.table_st.response tfoot,
.table_st.response th,
.table_st.response td,
.table_st.response tr,
.table_st.response .in_Table,
.table_st.response .in_Table .tr,
.table_st.response .in_Table .th,
.table_st.response .in_Table .td{ display:block; box-sizing:border-box; height:auto;}
.table_st.response .in_Table .th,
.table_st.response .in_Table .td{ width:auto;}
.table_st.response { font-size:1em !important;}
.table_st.response thead{ display:none;}
.table_st.response th,
.table_st.response td,
.table_st.response th[class^="w_"],
.table_st.response td[class^="w_"]{ width:auto;}
.table_st.response th,
.table_st.response td{ border-color:#777; border:1px solid #777}
.table_st.response th{margin-top:.5em; background:#f2f2f2; border-bottom-color:#ccc; color:#000; text-align:left;}
.table_st.response td{ border-width:0 1px 1px 1px;}

/**/
.board_st.response,
.board_st.response caption,
.board_st.response thead,
.board_st.response tbody,
.board_st.response tfoot,
.board_st.response th,
.board_st.response td,
.board_st.response tr,
.board_st.response .in_Table,
.board_st.response .in_Table .tr,
.board_st.response .in_Table .th,
.board_st.response .in_Table .td{ display:block; box-sizing:border-box; height:auto;}
.board_st.response .in_Table .th,
.board_st.response .in_Table .td{ width:auto;}
.board_st.response { font-size:1em !important;}
.board_st.response thead{ display:none;}
.board_st.response th,
.board_st.response td,
.board_st.response th[class^="w_"],
.board_st.response td[class^="w_"]{ width:auto;}
.board_st.response th,
.board_st.response td{ border-color:#777; border:1px solid #777}
.board_st.response th{margin-top:.5em; background:#f2f2f2; border-bottom-color:#ccc; color:#000; text-align:left;}
.board_st.response td{ border-width:0 1px 1px 1px;}

/**/
.board_table.response,
.board_table.response caption,
.board_table.response thead,
.board_table.response tbody,
.board_table.response tfoot,
.board_table.response th,
.board_table.response td,
.board_table.response tr,
.board_table.response .in_Table,
.board_table.response .in_Table .tr,
.board_table.response .in_Table .th,
.board_table.response .in_Table .td{ display:block; box-sizing:border-box; height:auto;}
.board_table.response .in_Table .th,
.board_table.response .in_Table .td{ width:auto;}
.board_table.response { font-size:1em !important;}
.board_table.response thead{ display:none;}
.board_table.response th,
.board_table.response td,
.board_table.response th[class^="w_"],
.board_table.response td[class^="w_"]{ width:auto;}
.board_table.response th,
.board_table.response td{ border-color:#777; border:1px solid #777}
.board_table.response th{margin-top:.5em; background:#f2f2f2; border-bottom-color:#ccc; color:#000; text-align:left;}
.board_table.response td{ border-width:0 1px 1px 1px;}

.input_st.w100m{width:100%;}
.input_st.w33m{width:31%;}
.input_st.w40m{width:40%;}
.input_st.w30m{width:26%;}
.w30m{width:26%;}

}

@media screen and (max-width:499px){
.box2{width:40em;}
}