@charset "utf-8";
@import url(media_sub.css);

/**** Media Query *********************************/	
/*
@media (max-width:1800px){
	.main_tb {width:100%;}
	.main_tb>.left_bx{}
	.main_tb>.rgt_bx{width:calc( 100% - 410px);}
	.cont>.inner{width:calc(100% - 40px); margin-left:20px;}
	.footer .inner{width:calc(100% - 40px); margin-left:20px;}
	.footer .inner>.left_bx{margin-left:15%;}
	.mv_sec .owl-theme .item >.inner{width:80%; margin-left:10%;}
}
@media (max-width:1600px){
	.gnb{width:800px;}
}	
*/

@media (max-width:1600px){
    .gnb {width:800px;}
    .lang_bx{right:12.1%}
    .hd_logo img {width:auto; height: 45px;}

    .footer .inner>.left_bx .eq0 .br1 { display:block}
    .footer .inner>.left_bx {position: absolute; left:20%; padding-left:0;}
}

@media (max-width:1320px){
    .lnb_wrap {width:100%}
    .gnb {width:600px;}

    .mv_sec .owl-theme .item >.inner {width:100%;}
    .cont>.inner {width:100%; padding: 129px 20px;}    
    .cont01>.inner {height: auto;}
    .cont01 ul li:nth-child(n+13) {margin-bottom: 28px;}
    .cont01 ul li p {font-size: 18px;} 
    .cont03 {background-size: cover;}
    .cont03>.inner {height: auto;}
    .cont03>.inner::after {clear: both; content: ""; display: block;}
    .cont03 .bx {width:48%; margin-right:4%}
    .cont03 .bx ul li {width:48%; margin-right:4%;}
    .cont03 .bx ul li:last-child {margin-left:0;}
    .cont03 .bx ul li>a {width: 100%;}
    .cont03 .bx ul li .cover {height: auto;}
    .cont03 .bx ul li .cover::after {content: ""; padding-bottom: 74.6%; width: 100%; display: block;}
    .cont03 .bx ul li .img_wrap {height: auto;}
    .cont03 .bx ul li .img_wrap::after {content: ""; padding-bottom: 74.6%; width: 100%; display: block;}
    .cont03 .bx ul li .img_wrap img {width: 100%; height: auto;}
    .cont03 .bx ul li .txt p {width: calc(100% - 33px);}


    .footer {height: auto; padding:30px 20px; text-align: left;}
    .footer .inner {width:calc(100% - 67px); height: auto; margin:0; margin-left:20px; transform: translateY(0);}
    .footer .logo0 {position: relative; top:0; left:0;}
    .footer .inner>.left_bx {position: relative; top:0px; right: 0; left: 0; padding-left:0;}
    .footer .inner>.rgt_bx {float:left; margin-left: 50px;}
}

@media (max-width:1200px){
    .hd_logo img {height: 35px;}
    .gnb {width:600px;}
    .cont01 ul li p {font-size: 16px;}
    
}

@media (max-width:1024px){
    body {padding-top:100px}
    .lang_bx {top:50%; transform: translateY(-50%); height: 25px; width: 80px; right: 70px;}
    .lang_bx a {line-height: 25px; font-size: 14px;}
    .lang_bx img {width: 16px; top:50%; left:15px; transform: translateY(-50%);}
    

    .cont01>.inner {height: auto;}
    .cont01 ul li {height: auto;}
    .cont01 ul li .img_wrap {width:70px; height: 70px; left: 50%; transform: translateX(-50%); display: block}
    .cont01 ul li p {line-height: 1.4; margin-left: 0px; display: block; width: 100%; text-align: center; margin-top: 10px; height: 50px;}

    .footer .inner {padding-top:0px; margin:0; width: 100%;}
    .footer .logo0 {display:none}
    .footer .inner>.left_bx {width:100%}
    .footer .inner>.rgt_bx {margin-left: 0px;}
}

@media (max-width:968px){
    .header {display:none;}
    #m_header {display:block;}
    body {padding-top:12vw;}
    .hd_logo {top:50%; transform: translateY(-50%);}
    .hd_logo img {height: 6vw;}

    .footer .inner>.left_bx .eq0 {width: 85%;}

    
    
}

@media (max-width:800px){
    .mv_sec .owl-theme .item img {display: none;}
    .mv_sec .owl-theme .item .vis_m {display: block;}
    .mv_sec .txtarea h5 {font-size:60px;}
    .mv_sec .txtarea p {font-size: 20px;}
    .mv_sec {height:490px;}
    .mv_sec .owl-theme .item {height: 490px;}

    .cont .refer2_h5 {font-size:40px;}
    .cont02 .h22 {font-size:35px;}
    .cont02 .btn_a {width:150px; line-height: 60px; font-size: 20px;}
    .cont03 .bx .r_h6 {font-size: 30px;}
    .cont03 .bx ul li .txt p {font-size: 18px;}
    .cont01 ul li {height: auto;}
    .cont01 ul li .img_wrap {width:70px; height: 70px; left: 50%; transform: translateX(-50%); display: block}
    .cont01 ul li p {line-height: 1.2; margin-left: 0px; display: block; width: 100%; text-align: center; height: 70px; padding-top: 20px; box-sizing: border-box;}

    
}

@media (max-width:686px){
    .cont03 .bx  {width: 100%; margin-bottom:40px;}
}

@media (max-width:640px){
	.cont03 .bx ul li .img_wrap::after{display:none;}
	.cont03 .bx ul li .img_wrap img{position:relative; left:0  !important; top:0 !important; transform:none  !important;}
	.cont03 .bx ul li .cover{display:none;}
    body {padding-top:17vw;}
    #m_header {height:17vw;}
    .hd_logo img {height: 10vw;}
    .m_header_nav {top:17vw;}
    .cont>.inner {padding: 50px 20px;}
    
    .footer .btn_insta {position: absolute; top:30px; right: 20px; transform: translateY(0);}
    .footer .btn_insta .instal2 {display: block;}
    .footer .btn_insta .instal1 {display: none;}
    .top_button {display: none;}

}

@media (max-width:460px){
    .lang_bx {width: 45px;}
    .lang_bx img {left: 7px;}
    .lang_bx a {text-indent: 0px; font-size: 12px;}
    .lang_bx img.eq0 {display: none;}
    .lang_bx img.eq1 {display: none;}
    .mv_sec .txtarea h5 {font-size:30px;}
    .mv_sec .txtarea p {font-size: 14px;}

    .cont .refer2_h5 {font-size:25px;}
    .cont01 ul li p {font-size: 14px;}
    .cont02 .h22 {font-size:20px;}
    .cont02 .btn_a {width:120px; line-height: 50px; font-size: 18px;}

    .cont03 .bx .r_h6 {font-size: 20px;}
    .cont03 .bx ul li .txt p {font-size: 14px;}

    .footer .inner>.rgt_bx {line-height: 30px;}
    .footer .inner>.left_bx .eq0 {width: 205px;}
    .footer .inner>.left_bx .eq0, .footer .inner>.left_bx .eq1 {font-size:11px; line-height: 1.5;}
    .footer .inner>.left_bx .eq0 .br2 { display:block}
    .footer .inner>.left_bx .eq0 {margin-bottom: 15px;}
    .footer .inner>.rgt_bx a {font-size: 11px;}
    
    
}

@media (max-width:352px){
    .cont01 ul li .img_wrap {width:60px; height: 60px;}

    .cont01 ul li p {font-size: 11px;}
    
}