@charset "utf-8";
/* 1440px 이하 */
@media all and (max-width:1440px){
#main_visual .mainTxt{width:55%;height: 100%; padding-left:5%;}
#main_visual .main_phone{width:45%;height:100vh; background:url(/img/main_phone.png) 50% 100% no-repeat;background-size:90% auto;}
.main_stit{font-size:3.0rem;margin-bottom:20px;}
.main_img{min-height:150px;background-size:auto 150px;margin-top:30px;}
.main_txt{font-size:2.0rem;}

}
/* 1260px 이하 */
@media all and (max-width:1260px){

.main_stit{font-size:2.8rem;margin-bottom:20px;}

.section{margin:100px auto 0px;}
.section_sub{margin:80px auto 0px;}
.inner{padding:0 5%;}

.sec1{padding:100px 5%;}
.sec1 .bi{min-height:100px;background-size:auto 100px;}
.sec1 > p{font-size:2.2rem;margin-top:10px; }

.sec2{padding:100px 5%;}
.sec2 .imgArea{padding:0 20px;order:1;}
.sec2 .textArea{padding:0 20px;order:2;}

.sec3 .sec3_inner .textArea{padding:0 0px 0px 0px;}

.sec5{padding:100px 5%;background:url(/img/brand-2.png) center top no-repeat;}
.sec5 .stit{font-size:1.8rem;margin-bottom:20px;}
.sec5 .tit{font-size:5.0rem;margin-bottom:60px;}
.sec5 .txt{font-size:2.2rem;}

.sec6 .txt{font-size:2.0rem;}

.sub_sec1{padding:100px 5%;}
.sub_sec1 .tit{font-size:3.0rem;margin-bottom:30px;}
.sub_sec1 .txt{font-size:1.8rem;}
.sub_sec1 .bi{min-height:200px;background:url(/img/bi2.png) center top no-repeat;background-size:auto 200px;margin:60px 0px;}
.sub_sec1 .stit{font-size:2.2rem;margin-top:30px;}

.sub_sec3{padding:80px 5%;}
.sub_sec3 .tbArea li{margin-left:20px;}

.sub_sec5{padding:80px 5%;}
.sub_sec5 .tbArea li{margin-left:20px;}

.form-wrap{padding:100px 5%;}






}


/* Tablet  1024px 이하 */
@media all and (max-width:1024px) {
html{font-size:9px;}

.tit_big{font-size:7.0rem;padding-bottom:25px;margin-bottom:25px;} 
.tit_big::before{width:40px;}
.tit_big_desc{font-size:2.2rem;margin-bottom:80px;} 
.tit_mid{font-size:5.0rem;margin-bottom:80px;}
.tit_mid > span{font-size:1.8rem;margin-top:30px;} 
.tit_lg{font-size:4.0rem;padding-bottom:20px;margin-bottom:60px;} 
.tit_lg::before{width:40px;}

.sec2 .circleArea .circle{width:90px;height:90px;}

.sec3 .sec3_inner{flex-wrap: wrap; flex-direction: column;}
.sec3 .sec3_inner .textArea{width:100%;padding:0 0px 40px;text-align:center;}
.sec3 .sec3_inner .appArea{width:100%;padding:0 0px;}

.sec5 .stit{font-size:1.7rem;margin-bottom:20px;}
.sec5 .tit{font-size:5.0rem;margin-bottom:50px;}
.sec5 .txt{font-size:2.0rem;}

.sec6 .txt br{display:none;}

.sub_sec1 .txt br{display:none;}

.sub_sec2 .tit{font-size:2.4rem;}
.sub_sec2 .txt{font-size:1.8rem;}
.sub_sec2 .txtArea{margin:60px 0px;padding:100px 0px;}
.sub_sec2 .txtArea::before{ height:60px;background-size:auto 60px;}
.sub_sec2 .txtArea::after{height:60px;background-size:auto 60px;}
.sub_sec2 .txtArea h4{font-size:1.8rem;}


#main_visual .mainTxt{width:60%;height: 100%; padding-left:5%; padding-top:80px;}
#main_visual .main_phone{width:40%;}

.main_stit{font-size:2.7rem;margin-bottom:20px;}
.main_img{min-height:100px;background-size:auto 100px;margin-top:30px;}

.sub_sec3 .txt{font-size:15px;}
.sub_sec5 .tbArea .stit-point{font-size:15px;}

}

	

/* Mobile 768px 이하 */
@media all and (max-width:768px) {
html{font-size:8.5px;}

#gnb {margin:20px auto 0px;}
#gnb .logo{top:0px;width:160px;min-height:40px;background:url(/img/logo_s.png) left top no-repeat;}
#gnb .m_open{display:inline-block;}
#gnb .gnb_wrap {display:none;}

#header.bg_on #gnb {margin:5px auto 0px;}
#header.bg_on{height:60px;}
#header.bg_on #gnb .m_open{top:15px;}

#header.fixed_on #gnb {margin:5px auto 0px;}
#header.fixed_on{height:60px;}
#header.fixed_on #gnb .m_open{top:15px;}

.pc_only{display: none !important;}	
.mo_only{display: inline-block !important;}

#main_visual{display:block; }
#main_visual .mainTxt{position: absolute; top:15%;transform: translateY(-15%); left:50%;transform: translateX(-50%);text-align:center;width:80%; padding:0px; display:inline-block;text-align:center; }
#main_visual .main_phone{width:100%;height:100vh; background:url(/img/main_phone2.png) 50% 100% no-repeat;background-size:50% auto;}

.main_stit{font-size:2.4rem;margin-bottom:20px;}
.main_img{background:url(/img/main_img2.png) 50% 0% no-repeat;min-height:90px;background-size:auto 90px;margin-top:15px;}

.footer{text-align:left;}

.section{margin:80px auto 0px;}
.sec1 > p br{display:inline-block;}

.sec1{padding:80px 5%;}
.sec1 .bi{min-height:90px;background-size:auto 90px;}
.sec1 > p{font-size:2.2rem;margin-top:10px; }

.tit_big{font-size:6.0rem;padding-bottom:20px;margin-bottom:20px;} 
.tit_big::before{width:35px;}
.tit_big_desc{font-size:2.0rem;margin-bottom:60px;} 
.tit_lg{font-size:4.0rem;padding-bottom:20px;margin-bottom:60px;} 
.tit_lg::before{width:35px;}

.tit_mid{font-size:4.0rem;margin-bottom:60px;}
.tit_mid > span{font-size:2.1rem;margin-top:20px;} 

.sec2{flex-wrap: wrap; flex-direction: column;padding:80px 5%;}
.sec2 .imgArea{width:100%;padding:0 15%;order:2;}
.sec2 .textArea{width:100%;padding:0 20px 60px;order:1;}
.sec2 .tit{margin-bottom:20px;}
.sec2 .iconArea{margin-top:40px;}

.sec3{padding:80px 5%;}

.sec4{padding:80px 5%;}
.sec4 li{display: inline-block;width:48%;margin:0 0% 4% 4%;}
.sec4 li:nth-child(even){margin:0 0% 4% 4% !important;}
.sec4 li:nth-child(odd){margin:0 0% 4% 0% !important;}

.sec5{padding:80px 8%;}
.sec5 .stit{font-size:1.6rem;margin-bottom:20px;}
.sec5 .tit{font-size:4.5rem;margin-bottom:40px;}
.sec5 .txt{font-size:1.8rem;}

.sec6{padding:80px 8% 0px;}
.sec6 .sec6_inner{flex-wrap: wrap; flex-direction: column;}
.sec6 .imgArea{width:100%;padding:0 15%;order:2;}
.sec6 .textArea{width:100%;padding:0px 0px 60px;order:1;}
.sec6 .txt{font-size:2.0rem;}

.subMenu_A{ margin-top:60px;}
.subMenu_A ul li{height:30px; margin: 0px 15px;}
.subMenu_A ul a{height:30px;}

.sub_sec1{padding:80px 5%;}
.sub_sec1 .tit{font-size:2.8rem;margin-bottom:30px;}
.sub_sec1 .txt{font-size:1.8rem;}
.sub_sec1 .bi{min-height:180px;background:url(/img/bi2.png) center top no-repeat;background-size:auto 180px;margin:50px 0px;}
.sub_sec1 .stit{font-size:2.0rem;margin-top:30px;}
.sub_sec1 .stit br{display:none;}

.sub_sec2{padding:80px 5%;}
.sub_sec2 .tit{font-size:2.2rem;}
.sub_sec2 .txtArea{margin:60px 0px;padding:70px 0px;}
.sub_sec2 .txtArea::before{ height:40px;background-size:auto 40px;}
.sub_sec2 .txtArea::after{height:40px;background-size:auto 40px;}

.sub_sec3{padding:80px 5%;}
.sub_sec3 .tit{margin-bottom:20px;}
.sub_sec3 .txt{margin-bottom:30px;}
.sub_sec3 .imgArea{margin-bottom:50px;padding:30px;}
.sub_sec3 .tbArea ul{display: flex;width:100%;flex-wrap: wrap; flex-direction: column;align-items:flex-start;}
.sub_sec3 .tbArea li{width:100%;margin-left:0px;margin-bottom:30px;}
.sub_sec3 .tbArea .thumbArea{margin-bottom:15px;}
.thumbWrap{padding-top:65%;}
.tit-bullet::before {width:6px; height:6px; margin-top: 11px;margin-left:-14px;}

.sub_sec5{padding:80px 5%;}
.sub_sec5 .tit{font-size:3rem;margin-bottom:20px;}
.sub_sec5 .tbArea ul{display: flex;width:100%;flex-wrap: wrap; flex-direction: column;align-items:flex-start;}
.sub_sec5 .tbArea li{width:100%;margin-left:0px;margin-bottom:30px;}
.sub_sec5 .tbArea .mtit-arrow{display:block;width:100%;height:30px;background:url(/img/arrow-down.png) center bottom no-repeat;}
.sub_sec5 .tbArea .mtit{display:none;}
.sub_sec5 .tbArea .mtit-arrow{display:none;}
.sub_sec5 .tbArea .mtit-m{display:block;}
.sub_sec5 .tbArea .mtit-arrow-m{display:block;}
.sub_sec5 .tbArea .point-box{margin-top:30px;}


.col50{width:100% !important; }
.form-wrap{padding:80px 5%;}

.form_sty{margin:0px 0 40px;}
.form_sty.type1 ul{display: flex;flex-wrap: wrap; padding:15px 0 0; border-bottom:0px solid #dfdfdf;}
.form_sty ul{display: flex;flex-wrap: wrap; padding:15px 0;}
.form_sty li.top{padding-top:0px;}
.form_sty li{padding:0px;min-height:auto;}
.form_sty li:nth-child(3){margin-top:15px;}
.form_sty .tit{flex:0 0 100%;margin-bottom:10px;}
.form_sty .tit > span{font-size: 14px;}
.form_sty .cont{flex:0 0 100%; }
.form_sty .txt{font-size:13px;}
.form_sty .txt-bold{font-size:15px;}
.form_sty .txt-bold > span{font-size:13px;}
.form_sty .cont-txt{font-size:14px;}

.f-group-A .sm{font-size:13px;}

.sub-title-1{font-size:16px;}


}





/*mobile 520 이하 */
@media all and (max-width:520px){
html{font-size:8px;}

#main_visual .mainTxt{position: absolute; top:20%;transform: translateY(-20%); left:50%;transform: translateX(-50%);width:80%; padding:0px; display:inline-block;text-align:center; }
#main_visual .main_phone{background:url(/img/main_phone2.png) 50% 100% no-repeat;background-size:60% auto;}

.main_stit{font-size:2.4rem;margin-bottom:20px;}
.main_img{background:url(/img/main_img2.png) 50% 0% no-repeat;min-height:90px;background-size:auto 90px;margin-top:15px;}

.sec2 .tit br{display:none;}
.sec2 .imgArea{width:100%;padding:0 15%;}
.sec2 .textArea{width:100%;padding:0 0px 60px;}
.sec2 .txt br{display:inline-block;}
.sec2 .circleArea .circle{width:80px;height:80px;}

.sec3 .sec3_inner .textArea > p{font-size:2.8rem;}

.sec5 .stit{margin-bottom:10px;}
.sec5 .tit{font-size:3.6rem;margin-bottom:20px;}
.sec5 .txt br{display:inline-block;}

.sec6 .imgArea{width:100%;padding:0 5%;order:2;}
.sec6 .textArea{padding:0px 0px 40px;order:1;}

.tit_lg{font-size:3.5rem;padding-bottom:20px;margin-bottom:40px;} 

.sub_sec1{padding:60px 5%;}
.sub_sec1 .tit{font-size:2.6rem;margin-bottom:30px;}
.sub_sec1 .bi{min-height:150px;background:url(/img/bi2.png) center top no-repeat;background-size:auto 150px;margin:50px 0px;}

.sub_sec2{padding:60px 5%;}
.sub_sec2 .tit{font-size:2.0rem;}


.footer .f_copy h3 span{display:block;font-size:0;line-height:0;}
.footer{padding:30px 5%;}

.sub_sec3{padding:60px 5%;}
.sub_sec3 .tit{font-size:2.6rem;}
.sub_sec3 .tbArea .stit{font-size:2.0rem;}
.sub_sec3 .txt{font-size:14px;}

.sub_sec3 .tbArea .stxt{font-size:14px;text-indent:-8px; padding-left:8px;}
.sub_sec5 .tbArea .stxt{font-size:14px;text-indent:-8px; padding-left:8px;}

.sub_sec4{padding:60px 5%;}
.sub_sec4 .tit{font-size:2.6rem;}
.sub_sec4 .sub_imgArea{padding:30px;}


.sub_sec5{padding:80px 5%;}
.sub_sec5 .tit{font-size:2.6rem;}
.sub_sec5 .tbArea .stit-point{font-size:14px;}

.sub_sec3 .imgArea_pc{display:none;}
.sub_sec3 .imgArea_m{display:inline-block;}

.form-wrap{padding:60px 5%;}

.inputfile-wrap label.btn {width:90px;margin-left:5px;font-size:14px;}

.f-group-A.email{flex-wrap: wrap;}
.f-group-A > * {margin-left:10px;}
.f-group-A > *:nth-child(4){margin-left:0px;}
.f-group-A .w2{width:50%;}
.f-group-A .select-w{width:100%; margin-top:10px;}
.f-group-A .input-tel{flex:1;}



}



/*mobile 420 이하 */
@media all and (max-width:420px){
.sec6 .btn-lg {font-size:13px;padding:0 20px;}

.sub_sec3 .tit br{display:inline-block;}
.sub_sec4 .tit br{display:inline-block;}
.sub_sec5 .tit br{display:inline-block;}


}

/*mobile 375 이하 */
@media all and (max-width:375px){

    #main_visual .mainTxt{position: absolute; top:12%;transform: translateY(-12%); left:50%;transform: translateX(-50%);width:85%;}

    
}

/*mobile 360 이하 */
@media all and (max-width:360px){
html{font-size:8px;}

.sub_sec1 .bi{min-height:120px;background:url(/img/bi2.png) center top no-repeat;background-size:auto 120px;margin:50px 0px;}


.main_stit{font-size:2.0rem;margin-bottom:15px;}
.main_img{background:url(/img/main_img2.png) 50% 0% no-repeat;min-height:80px;background-size:auto 80px;margin-top:15px;}

.mMenu .mclose { position:absolute;  top:20px;right:20px; }
.mMenu .mTop {padding:30px 20px 20px;}

.sec6 .btn-lg {font-size:12px;padding:0 10px;}

.sub_sec3 .tbArea .stxt{font-size:13px;text-indent:-8px; padding-left:8px;}
.sub_sec5 .tbArea .stxt{font-size:13px;text-indent:-8px; padding-left:8px;}
.sub_sec3 .txt{font-size:13px;}
.sub_sec5 .tbArea .stit-point{font-size:13px;}

}

/*mobile 320 이하 */
@media all and (max-width:320px){
html{font-size:7.5px;}

.hamburger-box {position: relative;display: inline-block;width:24px; height: 21px;vertical-align: middle;}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {width: 24px; height: 3px;}
.hamburger-inner:before { top: 9px; left: -8px;}
.hamburger-inner:after { top: 18px;   width: 23px;}

.mMenu .mTop .logo_s img{height:35px;}

.lnav > li {margin: 0px 0 20px;}
.lnav li a { font-size:18px;} 
.lnav > li li a { font-size:15px;}

.sec2 .imgArea{width:100%;padding:0 10%;}
.sec2 .textArea{width:100%;padding:0 0px 40px;}

.sec2 .circleArea .circle{width:60px;height:60px;}








}


/*mobile 280 이하 */
@media all and (max-width:280px){

    #main_visual .main_phone{background:url(/img/main_phone2.png) 50% 100% no-repeat;background-size:70% auto;}    
    .main_img{background:url(/img/main_img2.png) 50% 0% no-repeat;min-height:70px;background-size:auto 70px;margin-top:15px;}

    .sec6 .i_arrow {padding-right:12px;}

}

/* **************************************** *
 * 667px
 * **************************************** */
 @media all and (max-height: 667px){
    #main_visual .mainTxt{position: absolute; top:12%;transform: translateY(-12%); left:50%;transform: translateX(-50%);width:85%;}
    #main_visual .main_phone{background:url(/img/main_phone.png) 50% 100% no-repeat;background-size:55% auto;}
	.main_stit{font-size:2.2rem;margin-bottom:20px;}
}

/* **************************************** *
 * 750px
 * **************************************** */
 @media(min-width: 860px) and (max-height: 750px){

	
}