@charset "utf-8";
/* CSS Document */
.pc{display:block;} /*pc 노출 = 테블릿, 모바일 미노출*/
.pcta{display:block;} /*pc, 테블릿 노출 = 모바일 미노출*/
.mo{display:none;} /*모바일 노출 = pc,테블릿 미노출*/
.ta{display:none;} /*테블릿, 모바일 노출 = pc 미노출*/

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

	 .main .main_cont .img_box{bottom:-35px;}


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

	 .main .main_cont .img_box{bottom:-35px;}

	 .sub.business .size{padding:0 20px; box-sizing:border-box;}
	 .sub.case .size{padding:0 20px; box-sizing:border-box;}
	 .sub.case .case_sec .img_box img{max-width:100%;}
	 .sub.case .case_sec .txt_box{height:320px;}
	 .sub.case .case_sec .txt_box table th{padding:10px 10px 10px 0;}
	 .sub.case .case_sec .txt_box table td{padding:10px;}


}
@media screen and (max-width: 1200px){
     .header .size {padding:0 20px; }
     .size {width:100%; padding:0 20px; box-sizing: border-box;}
	 .header .logo a{padding:0 15px;}
	 .header .gnb > ul > li > a{padding:0 12px;}

	 .main .main_cont .txt_box .txt span{font-size:3.2rem;}
	 .main .main_cont .txt_box .txt strong{font-size:5.2rem;}
	 .main .main_cont .img_box{width:100%; max-width:700px; right:-60px; margin-top:-215px;}
}
@media screen and (max-width: 1230px) and (min-width: 1025px){
	/* /info 제목·다운로드 버튼 겹침: 1024 전환 직전까지 */
	.sub.business .cont1 .txt_box .tit em{padding-right:280px; box-sizing:border-box;}
}
@media screen and (max-width: 1050px){


	 .footer .left{float:none; width:100%; font-size:0; text-align:center;}
	 .footer .left .info > div{margin-top:0;}
	 .footer .left .info p{display:inline-block; line-height:1.4;}
	 .footer .left .info p .inb{display:block;}
	 .footer .right{margin-top:25px; float:none; width:100%; text-align:center; font-size:0;}
	 .footer .right ul{display:inline-block;}


}
@media screen and (max-width: 1024px){
     .pc{display: none;}
     .ta{display:block;}
     html{font-size: 60%;}

	 .header .logo a{padding:0 20px;}
	 /*.header .logo a .logo_mo{display:inline-block;}
	 .header .logo a .logo_pc{display:none;}*/
	 .header .inner{padding:0}
	 .header .mo_open{display:block;}
	 .header .gnb{display:none;}

	 .main .main_cont .img_box{margin-top:20px; position:static; text-align:center; max-width:none;}
	 .main .main_cont .img_box p{display:inline-block; max-width:615px;}
	 .main .main_cont .txt_box{float:none; width:100%; height:auto; padding-top:180px;}
	 .main .main_cont .txt_box .txt{text-align:center;}
	 .main .main_cont .txt_box .main_link{text-align:center; font-size:0;}
	 .main .main_cont .txt_box .main_link p{display:inline-block; width:100%; max-width:380px;}

	 .sub.business .cont_wrap .size{max-width:768px;}
	 .sub.business .cont1{padding-left:0;}
	 .sub.business .cont1 .img_box{float:none; width:100%; text-align:center;}
	 .sub.business .cont1 .txt_box{float:none; padding:0; width:100%; margin-top:55px;}
	 .sub.business .cont1 .txt_box .tit .down_wrap{position:static; margin-top:15px;}
	 .sub.business .cont1 .txt_box .txt p .dpb{display:inline-block;}
	 .sub.business .cont2 .top_cont, .sub.business .cont2 .btm_cont{display:block;}
	 .sub.business .cont2 .info{width:100%;}
	 .sub.business .cont2 .info:nth-child(odd){padding-right:0;}
	 .sub.business .cont2 .info:nth-child(even){padding-left:0; margin-top:20px;}

	 .sub.case .case_sec .inner{width:100%; max-width:627px; margin:0 auto;}
	 .sub.case .case_sec .title .pc_tit{/*margin-top:10px;*/}
	 .sub.case .case_sec .title .pc_tit .txt{padding:14.5px 0;}
	 .sub.case .case_sec .title .pc_tit .txt.pic2{padding:13px 0;}
	 .sub.case .case_sec .title .pc_tit .txt em{margin-top:0;}
	 /*.sub.case .case_sec .title .pc_tit .txt span{display:none;}
	 .sub.case .case_sec .title .mo_tit{display:block;}*/
	 .sub.case .case_sec .img_box{float:none; width:100%; padding:0;}
	 .sub.case .case_sec .txt_box{float:none; width:100%; height:auto; padding:0;/* margin-top:10px;*/}
	 .sub.case .case_sec .txt_box table th{padding:20px 10px 20px 0;}
	 .sub.case .case_sec .txt_box table td{padding:20px 10px;}





}

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

	 .header{top:20px;}

	 .main .main_visual{background-image:url('/img/main_visual_mo.jpg');}
	 .main .main_cont .txt_box .txt span{font-size:26px; letter-spacing:-2px;}
	 .main .main_cont .txt_box .txt strong{font-size:40px; letter-spacing:-0.5px;}
	 .main .main_cont .txt_box .main_link{margin-top:30px;}
	 .main .main_cont .txt_box .main_link p a{height:60px; line-height:60px;}
	 .main .main_cont .txt_box .main_link p a.link1{line-height:60px;}
	 .main .main_cont .txt_box .main_link p a.link2{line-height:54px;}
	 .main .notice .inner{padding:25px 0;}
	 .main .notice .cont{margin-top:15px;}
	 .main .notice .cont .left{width:100%;}

	 .main .main_cont .img_box{margin-top:20px; position:static; text-align:center; max-width:none;}
	 .main .main_cont .img_box p{display:inline-block; max-width:480px;}



}
@media screen and (max-width: 768px){
     .mo{display:block;}
     .pcta{display: none;}
     html{font-size: 56%;}

	 .mo_menu .mo_gnb > ul > li > a span{font-size:24px;}
}
@media screen and (max-width: 640px){
     html{font-size: 54%;}

	 .header .logo a{height:60px; line-height:60px;}
    .header.h_on .logo a{padding: 0;}
    .header.h_on .size{padding: 0 0 0 20px;}
	 .header .mo_open{padding:20.5px 0;}
	 .mo_menu .inner{width:100%; max-width:360px;}
	 .mo_menu .top .menu_logo{height:60px; line-height:60px; padding:0 20px;}
	 .mo_menu .top .menu_logo img{height:15px;}
	 .mo_menu .top .mo_close{height:60px; line-height:60px; padding:0 20px;}
	 .mo_menu .mo_gnb > ul > li > a span .inb{display:block;}
	 .mo_menu .mo_gnb > ul > li:first-child > a span{line-height:1.4;}

	 .footer .left .tit strong{font-size:15px;}
	 .footer .left .info p{font-size:14px;}
	 .footer .left .copy{font-size:14px;}


	 .main .main_cont .txt_box .main_link p{max-width:360px;}
	 .main .main_cont .txt_box .main_link p a{max-width:175px; height:52px;}
	 .main .main_cont .txt_box .main_link p a.link1{line-height:52px;}
	 .main .main_cont .txt_box .main_link p a.link2{line-height:46px;}
        
    .sub .cont_wrap{padding: 50px 0 100px;}
	 .sub .sub_visual .visual .visual_tit{height:230px; padding-top:85px;}
	 .sub .sub_visual .visual h2{margin-bottom:10px; font-size:28px;}
	 .sub .sub_visual .visual span{font-size:13px;}
    
    .sub.cscenter .help_top .img_box img{width: 100%;}
    .sub.cscenter .help_top .mbr{display: block;}
    .sub.cscenter .help_top .txt_box h5{line-height: 1.5; padding: 15px 30px;border-radius: 15px;}
    .sub.cscenter .help_top{padding-top: 50px;}
    .sub.cscenter .help_top .txt_box p::before{width: 50px; height: 50px; background-size: contain;left: 10px; top: -20px;}



}
@media screen and (max-width: 480px){
     html{font-size: 45%;}

	 .main .main_cont .txt_box .main_link p a{font-size:16px; padding:0 20px !important;}
	 .main .main_cont .txt_box .main_link a.link1{line-height:51px;}
	 .main .notice .title a{font-size:16px;}
	 .main .notice .inner{padding:20px 0;}
	 .main .notice .cont .notice_odd{height:44px;}
	 .main .notice .cont .s_cont .tit em{font-size:15px; height: 16px;}
	 .main .notice .cont .s_cont .txt span{font-size:13px;}
	 .main .notice .cont .s_cont .txt{margin-top:9px;}
	 .main .notice .cont .s_cont .txt p{font-size:13px;}

	 .sub.business .cont_wrap{padding:35px 0 60px;}
	 .sub.business .cont1 .txt_box .tit em{font-size:25px; letter-spacing:-0.5px;}
	 .sub.business .cont1 .txt_box .tit .down_wrap a{font-size:15px;}
	 .sub.business .cont1 .txt_box .txt p{font-size:16px;}
	 .sub.business .cont1 .txt_box .txt span{font-size:15px;}
	 .sub.business .cont2{margin-top:45px;}
	 .sub.business .cont2 .info .title{padding:16px 15px;}
	 .sub.business .cont2 .info .title em{padding:8.5px 0 8.5px 45px; font-size:20px;}
	 .sub.business .cont2 .info .title em::before{background-size:28px;}
	 .sub.business .cont2 .info .info_cont{padding:20px;}
	 .sub.business .cont2 .info .info_cont .dpb{display:inline-block;}
	 .sub.business .cont2 .info .info_cont .list1 li .blue_txt em{font-size:16px; line-height:1.3;}
	 .sub.business .cont2 .info .info_cont .list1 li .txt_wrap p{font-size:15px; font-weight:400;}
	 .sub.business .cont2 .info .info_cont .num_list li::before{top:3px;}
	 .sub.business .cont2 .info .info_cont .gray_txt{font-size:14px;}
	 .sub.business .cont2 .info .info_cont .box .box_tit strong{font-size:16px;}
	 .sub.business .cont2 .info .info_cont .box .box_tit strong .inb{display:block;}
	 .sub.business .cont2 .info .info_cont .box .box_txt{padding:20px;}
	 .sub.business .cont2 .info .info_cont .list2 li > em{font-size:14px;}
	 .sub.business .cont2 .info .info_cont .list2 li .list2_txt p{font-size:15px;}
	 .sub.business .cont2 .info3 .info_cont .list2 li .list2_txt.pic p .dpb{display:block;}
	 .sub.business .cont2 .info4 .info_cont .list1 li .t_wrap p span{font-size:15px;}
	 .sub.business .cont2 .info4 .info_cont .num_list li::before{top:22px;}
	 
	 .sub.case .case_sec.sec1 .inner{padding:50px 0 45px;}
	 .sub.case .case_sec:nth-child(odd) .inner{padding:40px 0 30px;}
	 .sub.case .case_sec:nth-child(even) .inner{padding:40px 0 20px;}
	 .sub.case .case_sec .title .mo_tit span{font-size:16px;}
	 .sub.case .case_sec .title .mo_tit strong{font-size:28px;}
	 .sub.case .case_sec .title .pc_tit{padding-left:0;}
	 .sub.case .case_sec .title .pc_tit .ico{position:static; display:inline-block; vertical-align:middle; width:46px; height:46px; line-height:45px;}
	 .sub.case .case_sec.sec1 .title .pc_tit .ico img{height:33px;}
	 .sub.case .case_sec.sec2 .title .pc_tit .ico img{height:44px;}
	 .sub.case .case_sec.sec3 .title .pc_tit .ico img{height:44px;}
	 .sub.case .case_sec.sec4 .title .pc_tit .ico img{height:44px;}
	 .sub.case .case_sec.sec5 .title .pc_tit .ico img{height:46px;}
	 .sub.case .case_sec.sec6 .title .pc_tit .ico img{height:44px;}
	 .sub.case .case_sec .title .pc_tit .txt{display:inline-block; vertical-align:middle; margin-left:5px; padding:0 !important;}
	 .sub.case .case_sec .title .pc_tit .txt em{font-size:22px;}
	 .sub.case .case_sec .txt_box table th{font-size:16px;}
	 .sub.case .case_sec .txt_box table td p{font-size:16px;}
	 .sub.case .case_sec .txt_box table td .ast{font-size:14px;}
    
    .sub.cscenter .help_top .txt_box h5{padding: 15px 10px;}

	 .sub.cscenter .as p{font-size:15px;}
	 .sub.cscenter .spam p:first-child{font-size:14px; margin-bottom:10px;}

	 .agree_con > strong{font-size:16px;}
	 .agree_txt h4{font-size:15px;}
	 .agree_txt p, .agree_txt ul, .agree_txt ol{font-size:13px;}
	 .check_box label{font-size:13px;}
	 .radio_box label{font-size:13px;}

	 .btn{font-size:14px;}


}

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

	 .header .logo a img{height:15px;}
	 .header .mo_open{padding:22.5px 0;}
	 .header .mo_open img{height:15px;}

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


	 .main .main_cont .txt_box{padding-top:150px;}
	 .main .main_cont .txt_box .txt span{font-size:22px;}
	 .main .main_cont .txt_box .txt strong{font-size:42px;}
	 .main .main_cont .txt_box .main_link p{max-width:300px;}
	 .main .main_cont .txt_box .main_link p a{max-width:145px; padding:0 17px !important; font-size:14px;}
	 .main .main_cont .txt_box .main_link a.link1{background-position:right 20px top 51%;}
	 .main .main_cont .txt_box .main_link a.link2{background-position:right 15px top 51%;}
	 .main .main_cont .img_box p img{height:300px;}
	 

	 .sub .sub_visual .visual h2{font-size:24px;}

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


	 .footer .right ul li a{width:145px; background-size:115px;}

	 .sub.business .cont1 .img_box img{height:210px;}
	 .sub.business .cont1 .txt_box{margin-top:35px;}
	 .sub.business .cont1 .txt_box .tit{padding-bottom:10px;}
	 .sub.business .cont1 .txt_box .tit .down_wrap a{width:115px; font-size:13px;}
	 .sub.business .cont1 .txt_box .txt{padding-top:10px;}
	 .sub.business .cont1 .txt_box .tit em{font-size:19px;}
	 .sub.business .cont1 .txt_box .txt p{font-size:13px;}
	 .sub.business .cont1 .txt_box .txt span{margin-top:10px; font-size:12px;}
	 .sub.business .cont2 .info .title em{padding-left:35px; font-size:17px;}
	 .sub.business .cont2 .info .title em::before{height:38px; background-size:24px;}
	 .sub.business .cont2 .info .info_cont .list1 li .blue_txt em{font-size:14.5px;}
	 .sub.business .cont2 .info .info_cont .list1 li .txt_wrap p{font-size:13px;}
	 .sub.business .cont2 .info .info_cont .gray_txt{font-size:12px;}
	 .sub.business .cont2 .info .info_cont .box .box_tit strong{font-size:14px;}
	 .sub.business .cont2 .info .info_cont .list2 li > em{font-size:12px;}
	 .sub.business .cont2 .info .info_cont .list2 li .list2_txt{padding-left:25px;}
	 .sub.business .cont2 .info .info_cont .list2 li .list2_txt p{font-size:13px;}
	 .sub.business .cont2 .info3 .info_cont .list2 li .list2_txt{padding-left:50px;}
	 .sub.business .cont2 .info4 .info_cont .list1 li .t_wrap p{padding-left:55px;}
	 .sub.business .cont2 .info4 .info_cont .list1 li .t_wrap p span{font-size:13px;}

	 .sub.case .case_sec .cont{margin-top:10px;}
	 .sub.case .case_sec .txt_box table th{padding:15px 15px 15px 0;}
	 .sub.case .case_sec .txt_box table td{padding:15px;}
	 .sub.case .case_sec .title .mo_tit span{font-size:14px;}
	 .sub.case .case_sec .title .mo_tit strong{font-size:24px;}
	 .sub.case .case_sec .title .pc_tit .ico{width:46px; height:46px; line-height:45px;}
	 .sub.case .case_sec.sec1 .title .pc_tit .ico img{height:28px;}
	 .sub.case .case_sec.sec2 .title .pc_tit .ico img{height:37px;}
	 .sub.case .case_sec.sec3 .title .pc_tit .ico img{height:37px;}
	 .sub.case .case_sec.sec4 .title .pc_tit .ico img{height:37px;}
	 .sub.case .case_sec.sec5 .title .pc_tit .ico img{height:40px;}
	 .sub.case .case_sec.sec6 .title .pc_tit .ico img{height:37px;}
	 .sub.case .case_sec .title .pc_tit .txt em{font-size:17.5px; margin-top: 2px;}
	 .sub.case .case_sec .txt_box table th{font-size:14px;}
	 .sub.case .case_sec .txt_box table td p{font-size:14px;}
	 .sub.case .case_sec .txt_box table td .ast{font-size:12px;}


	 .mo_menu .inner{max-width:335px;}
	 .mo_menu .top .menu_logo{padding:0 15px;}
	 .mo_menu .top .mo_close{padding:0 15px;}
	 .mo_menu .top .mo_close img{height:17px;}




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

	
	 .footer .right ul li a{width:125px; background-size:105px;}
	 .mo_menu .mo_gnb > ul > li > a{padding:18px 0;}
	 .mo_menu .mo_gnb > ul > li > a span{font-size:19px;}

	 .main .main_cont .txt_box{padding-top:140px;}
	 .main .main_cont .txt_box .txt span{font-size:18px; letter-spacing:-0.5px;}
	 .main .main_cont .txt_box .txt strong{font-size:32px;}
	 .main .main_cont .txt_box .main_link p{max-width:250px;}
	 .main .main_cont .txt_box .main_link p a{max-width:120px; height:45px; font-size:12px;}
	 .main .main_cont .txt_box .main_link p a.link1{background-size:19px; line-height:45px;}
	 .main .main_cont .txt_box .main_link p a.link2{background-size:13px; line-height:39px; background-position:right 12px top 51%;}
	 .main .main_cont .img_box p img{height:250px;}

	 .main .notice .cont .s_cont .tit em{height:15px;}
	 .main .notice .cont .s_cont .txt p{height:13px;}

	 .sub.cscenter .as p{font-size:14px;}


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

	 .footer .left .tit strong{font-size:13px;}
	 .footer .left .info p{font-size:12px;}
	 .footer .left .copy{font-size:12px;}

	 .sub .sub_visual .visual h2{font-size:22px;}

	 .header .logo a{padding:0 15px;}
	 .header .logo a img{height:14px;}
	 .header .mo_open{width:55px;}
	 .mo_menu .inner{max-width:285px;}
	 .mo_menu .top .menu_logo img{height:12px;}

	 .sub.case .case_sec .title .pc_tit .txt em{font-size:15.5px;}
	 .sub.case .case_sec .txt_box table th{font-size:12px;}
	 .sub.case .case_sec .txt_box table td p{font-size:12px;}


}
@media screen and (max-width: 320px){
     html{font-size: 42%;}

	 .main .main_cont .txt_box{padding-top:110px;}
}