@charset "utf-8";


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

#main_visual .mainTxt{position: absolute; top:50%;transform: translateY(-50%); left:8%; }
#main_visual .main_phone{display: inline-block;margin-left:50%; width:50%;height:100vh; background-size:80% auto;}
.main_stit{font-size:3.0rem;margin-bottom:15px;}
.main_img{min-height:150px;background-size:auto 150px;margin-top:30px;}
.main_txt{font-size:2.0rem;}

.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;font-size:1.8rem;}
.sub_sec2 .txtArea::before{ height:60px;background-size:auto 60px;}
.sub_sec2 .txtArea::after{height:60px;background-size:auto 60px;}





}

	

/* 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 .mainTxt{position: absolute; top:20%;transform: translateY(-20%); left:50%;transform: translateX(-50%);text-align:center;width:80%;}
#main_visual .main_phone{margin-left:0%; width:100%;height:100vh; background:url(/img/main_phone2.png) 50% 100% no-repeat;background-size:65% auto;}
.main_stit{font-size:2.8rem;margin-bottom:10px;}
.main_img{min-height:120px;background:url(/img/main_img2.png) 50% 0% no-repeat;background-size:auto 120px;margin-top:20px;}
.main_txt{font-size:1.8rem;}

.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:5.0rem;margin-bottom:60px;}
.tit_mid > span{font-size:1.7rem;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 30px;}
.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_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 .main_phone{background-size:70% auto;}
.main_stit{font-size:2.4rem;margin-bottom:10px;}
.main_img{min-height:100px;background:url(/img/main_img2.png) 50% 0% no-repeat;background-size:auto 100px;margin-top:40px;}

.main_txt{font-size:1.8rem;}

.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;}

.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;}


.btn_up_layer {bottom:110px;}
.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.8rem;}
.sub_sec3 .tbArea .stit{font-size:2.0rem;}
.sub_sec3 .tbArea .stxt{font-size:1.6rem;}


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


.sub_sec5{padding:80px 5%;}
.sub_sec5 .tit{font-size:2.8rem;}



.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){


.main_stit{font-size:2.2rem;margin-bottom:10px;}

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


}


/*mobile 360 이하 */
@media all and (max-width:360px){
html{font-size:8px;}
.main_img{min-height:80px;background-size:auto 80px;margin-bottom:25px;}

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






}

/*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 .mclose {top:20px;right:20px; }
.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 .mainTxt{position: absolute; top:20%;transform: translateY(-20%); left:50%;transform: translateX(-50%);text-align:center;width:90%;}
#main_visual .main_phone{background-size:70% auto;}
.main_stit{font-size:2.0rem;margin-bottom:10px;}


}

/* **************************************** *
 * 667px
 * **************************************** */
 @media all and (max-height: 650px){
    #main_visual .mainTxt{position: absolute; top:18%;transform: translateY(-18%); left:50%;transform: translateX(-50%);text-align:center;width:85%;}
    #main_visual .main_phone{background-size:65% auto;}
    .main_stit{font-size:2.0rem;margin-bottom:10px;}
    .main_img{min-height:80px;background-size:auto 80px;margin-top:10px;}
    .main_txt{font-size:1.8rem;}


	
}

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

	
}