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

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

#header .gnb_wrap .gnb > li .dp1{padding:0 2em;}
#header .gnb_wrap .gnb > li .dp1 .va{ position:relative; z-index:1; font-size: 1.2em;}
.mainVisual_wrap .quk_wrap .quk_btn{position: absolute; bottom: 13em; left: 50%; transform:translate(-50%,50%);}
.mainVisual_wrap .quk_wrap .quk_btn > li a .tt {font-size: 1.5em;}
.mainVisual_wrap .quk_wrap .quk_btn > li a .tw {font-size: 0.5em;}
}

@media screen and (max-width:1090px){	
.mainVisual_wrap .quk_wrap .quk_btn{flex-wrap: wrap;}
.mainVisual_wrap .quk_wrap .quk_btn > li{ width:50%; flex:unset;}
.mainVisual_wrap .quk_wrap .quk_btn > li a{padding: 2em 1.5em;}
.flex-control-paging{top: 23.5em;}
#header .gnb_wrap .gnb > li .dp1 {padding: 0 1em;}
.mainVisual_wrap .quk_wrap .quk_btn{}
.mainVisual_wrap .quk_wrap .quk_btn > li a .tt {font-size: 1.8em;}
.mainVisual_wrap .quk_wrap .quk_btn > li a .tw {display: none;}
.mainVisual_wrap .quk_wrap .quk_btn > li a.responb{border-bottom-left-radius: 0px;}
.mainVisual_wrap .quk_wrap .quk_btn > li a.responb2{border-top-right-radius: 20px;}
.mainVisual_wrap .quk_wrap .quk_btn > li a.responb3{border-bottom-left-radius: 20px;}
.mainVisual_wrap .quk_wrap .quk_btn > li a.responb4{border-top-right-radius: 0px; border-bottom-right-radius: 20px;}


}

@media screen and (max-width:960px){	
.mainVisual_wrap .quk_wrap .quk_btn{flex-wrap: wrap;}
.mainVisual_wrap .quk_wrap .quk_btn > li{ width:50%;}
.flex-control-paging{top: 26.5em;}
.mainVisual_wrap .quk_wrap .quk_btn > li a .tt {font-size: 1.5em;}
.mainVisual_wrap .quk_wrap .quk_btn > li a .tw {display: none;}

/*sub1*/
.grt_logo_wrap{display: none;}
.sec4 > li{width: 50% !important}
.m_sub2_3{padding-top: 10em;}
.m_sub2_4{padding-top: 10em;}
}


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

/**/	

/**/
#header .gnb_wrap .gnb > li .dp1 {padding: 0 1em;}
.mainVisual_wrap .quk_wrap .quk_btn > li a .tt {font-size: 1em;}
.mainVisual_wrap .quk_wrap .quk_btn > li a .tt .quk_btn_j{font-size: 1em;}
/**/

/**/

/**/

/**/

}


@media screen and (max-width:850px){
/**/
#header .gnb_wrap{ display:none;}
/**/
.PC{ display:none !important}
.PHONE{ display:block !important}
/**/

}

@media screen and (max-width:768px){
.sec3 > li{width: 100% !important}
.sec5 > li{width: 100% !important}
.m_sub1:first-child{padding-top: 0em;}
.m_sub1{padding-top: 10em;}
.m_sub2_2{padding-top: 10em;}
.m_sub2_3{padding-top: 10em;}
.m_sub2_4{padding-top: 10em;}
.m_sub2_5{padding-top: 10em;}
/**/
.mainVisual_wrap .quk_wrap .quk_btn{bottom:-3em; left:19.3%; transform:none;}
.mainVisual_wrap .quk_wrap .quk_btn > li{ width:50%;}
.mainVisual_wrap .quk_wrap .quk_btn > li a .tt {font-size: 1em;}
.mainVisual_wrap .quk_wrap .quk_btn > li a .tw {display: none;}

.mainVisual .slogan_wrap{ top:8em;}
.mainVisual .slogan{ padding:50px;}
.mainVisual .slogan .t1{ font-size:2em;}
.mainVisual .el{ height:750px;}
.mainVisual_wrap .control_wrap .nav .btn{ width:2.5em; line-height:2.5em;}

/*sub css*/
.culture_con ul li .inn .tt .col{font-size: 1.1em}
.culture_con ul li .inn .tt .txt{font-size: .9em; word-break:keep-all;}
.prod_detail_wrap .info_wrap .in{padding: 0 0 0 2%;}

.dp1_1 #contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.on .dp2{display:flex; flex-wrap:wrap;}
.dp1_1 #contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.on .dp2 li{flex:1 1 25%; width:auto; margin-bottom:.5rem;}
.dp1_1 #contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.on .dp2 li:nth-last-of-type(-n+4){margin-bottom:0;}
.dp1_1 #contents .sub_visual_wrap .va_wrap{height:23em;}
} 

@media screen and (max-width:600px){
#contents .sub_visual_wrap .slogan{ margin-top:-4em;}
.dp1_2 #contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.on .dp2 li{flex:1 1 100%; width:25%;}
.dp1_3 #contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.on .dp2 li{flex: 1 1 50%; width:50%;}
.dp1_5 #contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.on .dp2 li{flex: 1 1 33%; width:33%;}
/**/
.mainVisual_wrap .quk_wrap .quk_btn{left:31%; bottom: -3em;}
.mainVisual_wrap .quk_wrap .quk_btn > li{width:55%;}
.mainVisual_wrap .quk_wrap .quk_btn > li a{padding:.5em;}
.mainVisual_wrap .quk_wrap .quk_btn > li a .tt{font-size: 15px;}
.mainVisual_wrap .quk_wrap .quk_btn > li a .tt .quk_btn_j{display: none;}
.mainVisual_wrap .quk_wrap .quk_btn > li a .ang .xi{width:1em; line-height:1em;}

.mainVisual_wrap .quk_wrap .quk_btn > li a.responb{border-bottom-left-radius: 0px; border-top-right-radius: 20px;}
.mainVisual_wrap .quk_wrap .quk_btn > li a.responb2{border-top-right-radius: 0px;}
.mainVisual_wrap .quk_wrap .quk_btn > li a.responb3{border-bottom-left-radius: 0px;}
.mainVisual_wrap .quk_wrap .quk_btn > li a.responb4{border-top-right-radius: 0px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px;}

/*서브페이지*/
.prod_detail_wrap .inner{flex-direction: column;}
.prod_detail_wrap .inner .slide_wrap{width:100%; padding-bottom:1em;}
.prod_detail_wrap .inner .info_wrap{width:100%;}

.quk_tt2{padding-bottom: 0;}
.ang{margin-top:0;}
}

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

.PC{ display:none !important}
.PHONE{ display:block !important}
.minr40{margin-top: 40px; clear:both;}

/**/

}

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

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

.mainVisual .el{ height:650px;}	
.mainVisual .slogan_wrap{ top:7em;}
.mainVisual .slogan{ padding:0; width:80%; text-align:center;}
.mainVisual .slogan .t1{ font-size:1.7em;}
.mainVisual .slogan .t2{ font-size:.938em; line-height:1.4;}

.mainVisual .slogan .line{ display:none;}

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);
}
/**/
.pn_wrap .pn_tbox .pn_tt{font-size: 1em;}
.pn_wrap .pn_control .i_btn{ width:1.5em; height:1.5em; line-height:1.5em; background:#acacac; border-radius:50%; text-align:center; font-size:.875em; color:#fff; margin-right:3px; cursor:pointer}

/*subpage*/
.sec3 > li{width: 100% !important}
.m_sub1:first-child{padding-top: 0em;}
.m_sub1{padding-top: 10em;}
.culture_con ul li .inn .tt .col{font-size: 1.2em}
.culture_con ul li .inn .tt .txt{font-size: 1.1em; word-break:keep-all;}

.sec4 > li{width: 100% !important}
.sec5 > li{width: 100% !important}


.board_flex.partner > li{width: 100% !important;}

.map_info1 p{display: flex; flex-direction: column;}
.map_info2 .info_list > li{display: flex; flex-direction: column;}
.map_info2 .info_list > li .info{margin: 0;}

#footer .f_top{margin: 0 auto; margin-top: 1em;}
#footer .f_menu{display: flex; flex-direction: column; justify-content: space-between;}
#footer .f_menu > li{margin: 5px 2em 0 0;}

#footer .f_info{padding-left: 0;}
#footer .box1{flex-direction: column;}
}

@media screen and (max-width:412px){
.pn_wrap .pn_tbox .pn_tt{font-size: .7em;}
.mainVisual .slogan_wrap{display:none;}

#contents .sub_visual_wrap .slogan{margin-top:-12em;}

.dp1_1 #contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.on .dp2 li{flex: 1 1 26%;}
.dp1_1 #contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.on .dp2 li:last-child{margin-top:.5rem;}
}


@media screen and (max-width:380px){
	
/**/	

}

@media screen and (max-width:360px){
/*body{ font-size:11px;}
*//*.di_wrap > *{ font-size:11px; font-size:.813rem;}
*/
/**/


}

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

}

@media all and (orientation:landscape){

}