@charset "utf-8"; /*비대면교육 페이지 css*/

#main h3{width:100%; height:149px; padding-top:62px; color:#ffffff; font-size:30px; font-weight:300; text-align:center;}
#main h4{letter-spacing:-1px;}
#main strong{font-weight:bold;}

.tablet, .pc{display:none;}
#main #intro{background:url(../img/untact/intro_bg_m.jpg) no-repeat center; background-size:100% 371px;}
#intro .intro-box{padding:30px 20px 16px;}
#intro .intro-box p{margin-bottom:20px; color:#1f2558; font-size:30px; font-weight:bold; line-height:40px; text-align:center;}
#intro .intro-box .intro-txt{padding-bottom:20px; font-size:15px; line-height:24px; letter-spacing:-1px; text-align:center;}

.cont-01{width:100%; padding:28px 20px 30px;}
.cont-01 h4{margin-bottom:18px; font-size:20px; font-weight:300; text-align:center;}
.cont-01 .cont-01-txt{margin-bottom:26px; color:#666666; letter-spacing:-1px; text-align:center;}
.cont-01 .box-01, .cont-01 .box-02{width:100%; height:114px; background:#f6f6f6;}
.cont-01 .box-01-in{width:136px; height:56px; padding-top:29px; margin:0 auto;}
.cont-01 .box-01 p{float:left; width:56px; height:56px; padding-top:17px; border-radius:50px; color:#ffffff; background:#bbbbbb; font-size:13px; font-weight:bold; text-align:center;}
.cont-01 .box-01 img{float:left; width:9px; height:9px; margin:24px 11px 0 16px;}
.cont-01 .box-01 span{float:left; margin-top:18px; color:#030303; font-size:11px;}
.cont-01 .arrow, .cont-02 .arrow{margin:5px 0 5px; text-align:center;}
.cont-01 .arrow img, .cont-02 .arrow img{transform:rotate(90deg); width:17px; height:31px;}

.cont-01 .box-02-in{width:194px; height:82px; padding-top:18px; margin:0 auto;}
.cont-01 .box-02 .circle{float:left; width:84px; height:82px;}
.cont-01 .box-02 .circle p{float:left; width:40px; height:40px; padding-top:9px; margin:0 2px 0 0; border-radius:50px; color:#ffffff; font-size:11px; font-weight:bold; text-align:center;}
.cont-01 .box-02 .circle .circle-01{margin:0 21px -3px; background:#03a6a8;}
.cont-01 .box-02 .circle .circle-02{background:#e3c472;}
.cont-01 .box-02 .circle .circle-03{background:#f3877d;}
.cont-01 .box-02 img{float:left; width:9px; height:9px; margin:34px 20px 0 16px;}
.cont-01 .box-02 .box-02-txt{position:relative; z-index:100; float:left; margin-top:16px; color:#030303; font-size:11px; line-height:15px; text-align:center;}
.cont-01 .box-02 .box-02-txt .highlighter{position:absolute; z-index:-500; top:21px; left:6px; width:31px; height:8px; background:#f3e3b9;}

.cont-02{position:relative; width:100%; height:100%; margin-bottom:45px; background:#f9f9fb;}
.cont-02 h4{padding:38px 20px 0; margin-bottom:31px; font-size:20px; font-weight:300; text-align:center;}
.cont-02 .cont-02-01{height:510px;}
.cont-02 .cont-02-01 .cont-02-01-info, .cont-02 .cont-02-02 .cont-02-02-info{padding:0 35px; text-align:center;}
.cont-02 .cont-02-01 .cont-02-01-info .cont-02-01-txt, .cont-02 .cont-02-02 .cont-02-02-info .cont-02-02-txt{float:left; margin-bottom:22px; color:#666666; font-size:13px;}
.cont-02 .cont-02-01 .untact-tool{width:221px; margin:0 auto;}
.cont-02 .cont-02-01 .untact-tool>div{float:left; margin-right:26px; margin-bottom:22px; text-align:center;}
.cont-02 .cont-02-01 .untact-tool>div:nth-child(2n){margin-right:0;}
.cont-02 .cont-02-01 .untact-tool>div .untact-tool-circle{overflow:hidden; width:97px; height:97px; margin-bottom:3px; border:1px solid #bcbdc7; border-radius:50px; background:#ffffff;}
.cont-02 .cont-02-01 .untact-tool .untact-tool-03 .untact-tool-circle{margin-bottom:6px;}
.cont-02 .cont-02-01 .untact-tool>div>div>img{width:80px; height:auto; padding-top:20px;}
.cont-02 .cont-02-01 .untact-tool .untact-tool-txt{color:#4a4a4a; font-size:12px; font-weight:500;}
.cont-02 .cont-02-01 .untact-tool .weliveon a{display:inline-block; width:100%; height:23px; padding-top:1px; border-radius:50px; color:#ffffff; background:#1f2558;}
.cont-02 .cont-02-01 .untact-tool .weliveon img{width:13px; height:13px; margin:4px 0 0 3px;}
.cont-02 .cont-02-01 .untact-tool .weliveon-txt{color:#666666; font-size:11px; font-weight:bold;}

.cont-02 .cont-02-02{clear:both; margin-top:50px;}
.cont-02 .cont-02-02 .cont-02-02-info{margin-top:43px;}
.cont-02 .cont-02-02 .cont-02-02-info .cont-02-02-txt{margin-bottom:20px;}
.cont-02 .cont-02-02 .zoom{padding:0 20px 40px;}
.cont-02 .cont-02-02 .zoom>div{clear:both; height:100px; margin:0 auto; text-align:right;}
.cont-02 .cont-02-02 .zoom>div>div{float:left;}
.cont-02 .cont-02-02 .zoom .zoom-img{width:45%; margin-right:30px;}
.cont-02 .cont-02-02 .zoom .zoom-img img{width:auto; height:97px;}
.cont-02 .cont-02-02 .zoom .zoom-info .step{width:44px; height:16px; margin:35px 0 4px; border-radius:50px; color:#ffffff; background:#717386; font-size:8px; line-height:16px; text-align:center;}
.cont-02 .cont-02-02 .zoom .zoom-info .zoom-txt{color:#4a4a4a; font-size:12px; font-weight:500; letter-spacing:-1px;}
.cont-02 .cont-02-02 .zoom .zoom-arrow{width:auto; height:22px; text-align:center;}
.cont-02 .cont-02-02 .zoom .zoom-arrow img{width:auto; height:22px;}

.cont-03{overflow:hidden; position:relative; width:100%; margin:30px 0 42px;}
.cont-03 h4{padding:0 20px; margin-bottom:16px; font-size:20px; font-weight:300; text-align:center;}
.cont-03 .cont-03-01{padding:0 20px 20px;}
.cont-03 .cont-03-01 .untact-table{position:relative;}
.cont-03 .cont-03-01 .untact-table .untact-table-bg{position:absolute; top:0; left:0; z-index:250; width:100%; height:100%; background:rgba(0,0,0,0.2);}
.cont-03 .cont-03-01 .untact-table .btn-img-view{position:absolute; bottom:6px; right:8px; z-index:300; width:45px; height:45px;}
.cont-03 .cont-03-01 .untact-table .untact-table-img{width:100%; text-align:center;}
.cont-03 .cont-03-01 .untact-table-pc{display:none;}
.cont-03 .cont-03-02{padding:0 20px;}
.cont-03 .cont-03-02 img{width:100%; margin-bottom:8px;}

.modal{display:none;}
.cont-04{width:100%; height:445px; padding-top:40px; background:#f9f9fb;}
.cont-04 .cont-04-in{width:100%; padding:0 20px;}
.cont-04 h4{margin-bottom:16px; font-size:20px; font-weight:300; text-align:center;}
.cont-04>div>div{float:left; height:100px;}
.cont-04 .cont-04-img-01{width:44%; margin:0 2% 2% 0;}
.cont-04 .cont-04-img-02{width:54%;}
.cont-04 .cont-04-img-03{width:60%; margin:0 2% 2% 0;}
.cont-04 .cont-04-img-04{width:38%;}
.cont-04 .cont-04-img-05{width:66%; margin:0 2% 60px 0;}
.cont-04 .cont-04-img-06{width:32%;}
.cont-04 img{width:100%; height:100%; object-fit:cover;}

.cont-05{clear:both;}
.cont-05 h4{width:100%; height:98px; padding-top:16px; color:#ffffff; background:url(../img/untact/cont_05_tit_img_m.png) no-repeat center; font-size:20px; font-weight:300; line-height:26px; text-align:center;}
.cont-05 .cont-05-info{padding:0 20px;}
.cont-05 .cont-05-info .number{padding:20px 0 8px; font-size:40px; font-weight:100; line-height:50px;}
.cont-05 .cont-05-info h5{font-size:22px; font-weight:bold;}
.cont-05 .cont-05-info h6{padding:17px 0 0; font-size:13px; font-weight:500;}
.cont-05 .cont-05-info ul{width:287px; padding:10px 0 0 7px;}
.cont-05 .cont-05-info li{list-style:url(../img/untact/li_circle_m.png) no-repeat; list-style-position:inside; color:#555555; font-size:12px; font-weight:300; letter-spacing:-1px;}
.cont-05 .cont-05-info img{width:320px; padding-top:30px;}
.cont-05 .cont-05-info .cont-05-info-02{padding:40px 0; text-align:right;}
.cont-05 .cont-05-info .cont-05-info-02 div{color:#555555; font-size:12px; font-weight:300; line-height:18px; letter-spacing:-1px;}
.cont-05 .cont-05-info .cont-05-info-03{margin-bottom:66px;}
.cont-05 .cont-05-info .cont-05-info-03 li{float:left; width:140px; color:#555555;}

@media screen and (max-width:330px){
    #main h3{font-size:25px;}
}

@media screen and (max-width:350px){
    .cont-02 .cont-02-02 .zoom .zoom-step-03 .zoom-img{width:41%;}
    .cont-02 .cont-02-02 .zoom .zoom-step-03 .zoom-img img{width:133px; height:auto; padding-top:4px;}
    .cont-05 .cont-05-info img{width:90%;}
}

@media screen and (min-width:565px){
    #main h3{padding-top:64px;}
    #main #intro{background-position:center top;}
}

@media screen and (min-width:620px){
    .cont-05-info>div{position:relative;}
    .cont-05 .cont-05-info img{position:absolute; bottom:0; right:0;}
    .cont-05 .cont-05-info .cont-05-info-02 img{bottom:40px; left:0;}
    .cont-05 .cont-05-info .cont-05-info-03{margin-bottom:146px;}
    .cont-05 .cont-05-info .cont-05-info-03 img{bottom:-153px;}
}

@media screen and (min-width:700px){
    .cont-02 .cont-02-02 .cont-02-02-info{padding:0 69px;}
}

@media screen and (min-width:768px){
    .mobile{display:none;}
    .tablet{display:block;}
	#main #intro{background:url(../img/untact/intro_bg.jpg) no-repeat center; background-size:cover;}
    #main h3{padding-top:76px;}
    #intro .intro-box{padding-top:50px;}
    #intro .intro-box p{margin-bottom:10px;}
    
    .cont-01{height:260px;}
    .cont-01 .box-align{width:733px; margin:0 auto;}
    .cont-01>div>div{float:left;}
    .cont-01 .box-01, .cont-01 .box-02{width:327px;}
    .cont-01 .arrow, .cont-02 .arrow{width:10%; padding-top:36px;}
    .cont-01 .arrow img, .cont-02 .arrow img{transform:rotate(0deg);}
    
    .cont-02{height:540px; margin-bottom:55px;}
	.cont-02 h4{margin-bottom:25px;}
	.cont-02 .txt{width:95%; margin-bottom:20px; letter-spacing:-1px;}
    .cont-02 .cont-02-01{height:180px;}
    .cont-02 .cont-02-01 .cont-02-01-info, .cont-02 .cont-02-02 .cont-02-02-info{width:680px; height:20px; padding:0; margin:0 auto;}
    .cont-02 .cont-02-01 .cont-02-01-info .cont-02-01-txt, .cont-02 .cont-02-02 .cont-02-02-info .cont-02-02-txt{width:680px;}
    .cont-02 .cont-02-01 .untact-tool{width:768px; padding:0 50px;}
    .cont-02 .cont-02-01 .untact-tool>div{margin-right:17px;}
    .cont-02 .cont-02-01 .untact-tool>div:nth-child(2n){margin-right:17px;}
    .cont-02 .cont-02-01 .untact-tool>div:last-child{margin-right:0;}
    
    .cont-02 .cont-02-02 .zoom{width:720px; padding:0 20px 40px; margin:0 auto;}
    .cont-02 .cont-02-02 .zoom>div{display:inline-block; width:20%;}
    .cont-02 .cont-02-02 .zoom .zoom-step-01{width:15%;}
    .cont-02 .cont-02-02 .zoom .zoom-step-02{width:22%;}
    .cont-02 .cont-02-02 .zoom .zoom-step-03{width:24%;}
    .cont-02 .cont-02-02 .zoom .zoom-img{width:100%; margin-right:0;}
    .cont-02 .cont-02-02 .zoom>div>div{float:inherit; text-align:center;}
    .cont-02 .cont-02-02 .zoom .zoom-info .step{margin:15px auto 2px;}
    .cont-02 .cont-02-02 .zoom .zoom-arrow{width:13px; padding-top:68px; margin:0 10px; vertical-align:top;}
    .cont-02 .cont-02-02 .zoom .zoom-arrow img{width:100%;}
    
	.cont-03{padding-left:0;}
	.cont-03 h4{margin-bottom:20px;}
    .cont-03 .cont-03-01{width:728px; padding:0; margin:0 auto;}
    .cont-03 .cont-03-01 .untact-table .untact-table-bg, .cont-03 .cont-03-01 .untact-table .untact-table-img, .cont-03 .cont-03-01 .untact-table .btn-img-view{display:none;}
    .cont-03 .cont-03-01 .untact-table-pc{display:table; width:100%; margin-bottom:20px;}
    .cont-03 .cont-03-01 .untact-table-pc .row{display:table-row;}
    .cont-03 .cont-03-01 .untact-table-pc .cell{display:table-cell; height:45px; border-bottom:2px solid #ffffff; font-size:13px; line-height:16px; text-align:center; vertical-align:middle;}
    .cont-03 .cont-03-01 .untact-table-pc img{width:8px; margin-top:-2px; vertical-align:middle;}
    .cont-03 .cont-03-01 .untact-table-pc .row:first-child .cell{height:50px; border-bottom:none; font-weight:bold;}
    .cont-03 .cont-03-01 .untact-table-pc .row:first-child .cell img{width:auto; height:28px;}
    .col1{width:14%; background:#fcfcfd;}
    .cont-03 .cont-03-01 .untact-table-pc .row:first-child .col1{background:#ccd1e4; font-weight:400;}
    .col2{width:17%; background:#f4f4f5;}
    .row:first-child .col2{background:#c6cadd;}
    .col3{width:18%; background:#fcfcfd;}
    .row:first-child .col3{background:#ccd1e4;}
    .col4{width:17%; background:#f4f4f5;}
    .row:first-child .col4{background:#c6cadd;}
    .col5{width:17%; background:#fcfcfd;}
    .row:first-child .col5{background:#ccd1e4;}
    .col6{width:17%; background:#f4f4f5;}
    .row:first-child .col6{background:#c6cadd;}
    
    .cont-03 .cont-03-02{text-align:center;}
    .cont-03 .cont-03-02>div .inactivate{pointer-events:none;}
    .cont-03 .cont-03-02 img{width:auto; height:140px; margin-right:3px;}
    .cont-03 .cont-03-02 img:last-child{margin-right:0;}
    
    .cont-04 .pc{display:block;}
	.modal{position:relative; position:fixed; top:0; left:0; z-index:1200; width:100%; height:100%; background-color:rgba(0,0,0,0.7); text-align:center;}
    .modal .close-popup{display:none; position:absolute; top:30px; right:30px; width:50px; height:50px; background:#ffffff; border-radius:50%; text-align:center; padding-top:15px; cursor:pointer;}
    .modal .modalBox{overflow:hidden; position:absolute; top:15%; left:5%; z-index:800; width:90%; text-align:center;}
    .modal .modalBox #helper{display:inline-block; height:100%; vertical-align: middle;}
    .modal .modalBox img{max-width:700px; object-fit:cover; vertical-align:middle;}
    .cont-04 h4{margin-bottom:25px; font-size:20px; font-weight:300;}
    .cont-04 .cont-04-in{width:768px; margin:0 auto;}
	.cont-04>div>div>div{overflow:hidden; float:left; height:131px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
	.cont-04>div>div>div img{transition: all 0.5s ease-in-out;}
	.cont-04>div>div>div:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
    .cont-04 .cont-04-img-01{width:276px; margin:0 7px 7px 0;}
    .cont-04 .cont-04-img-02{width:234px; margin:0 7px 7px 0;}
    .cont-04 .cont-04-img-03{width:204px; margin:0;}
    .cont-04 .cont-04-img-04{clear:both; width:189px; margin:0 7px 0 0;}
    .cont-04 .cont-04-img-05{width:277px; margin:0 7px 70px 0;}
    .cont-04 .cont-04-img-06{width:248px; margin:0;}
    
    .cont-05 .mobile{display:block;}
    .cont-05 h4{background-image:url(../img/untact/cont_05_tit_img_t.png);}
    .cont-05 .cont-05-info{width:700px; margin:0 auto;}
}

@media screen and (min-width:1280px){
    #main h3{height:266px; padding-top:87px; font-size:55px;}
    #main #intro{width:100%; padding:55px 0 30px 0; margin:0 auto;}
    #intro .intro-box p{padding-bottom:30px; font-size:50px; line-height:50px;}
    #intro .intro-box .intro-txt{font-size:24px; line-height:38px;}
    
    #main .cont-in{margin:0 auto;}
    .cont-01{width:1280px; height:445px; padding:28px 0 30px; margin:0 auto 100px;}
	.cont-01 h4{margin:54px 0 40px; font-size:36px; line-height:45px;}
    .cont-01 p{padding-bottom:21px; margin-bottom:30px; font-size:24px; font-weight:300; line-height:30px;}
    .cont-01 .box-align{width:100%;}
    .cont-01 .box-01, .cont-01 .box-02{width:560px; height:200px;}
    .cont-01 .arrow, .cont-02 .arrow{width:160px; padding-top:68px;}
    .cont-01 .arrow img, .cont-02 .arrow img{width:30px; height:53px;}
    .cont-01 .box-01-in{width:230px; padding-top:51px;}
    .cont-01 .box-01 p{width:98px; height:98px; padding-top:32px; font-size:24px;}
    .cont-01 .box-01 img, .cont-01 .box-02 img{width:15px; height:16px; margin:42px 20px 0 25px;}
    .cont-01 .box-01 span{margin-top:38px; font-size:18px; line-height:24px;}
    
    .cont-01 .box-02-in{width:309px; padding-top:32px;}
    .cont-01 .box-02 .box-02-txt{margin-top:29px; font-size:18px; line-height:24px;}
    .cont-01 .box-02 .circle{width:144px; height:138px;}
    .cont-01 .box-02 .circle .circle-01{margin:-1px 36px -7px;}
    .cont-01 .box-02 .circle p{width:70px; height:70px; padding-top:18px; font-size:18px;}
    .cont-01 .box-02 img{margin-top:58px;}
    .cont-01 .box-02 .box-02-txt .highlighter{top:34px; left:11px; width:46px; height:13px;}
    
	.cont-02{height:950px; padding-top:80px; margin-bottom:60px;}
    .cont-02 .cont-02-01 .cont-02-01-info, .cont-02 .cont-02-02 .cont-02-02-info{width:100%;}
    .cont-02 .cont-02-01 .cont-02-01-info .cont-02-01-txt, .cont-02 .cont-02-02 .cont-02-02-info .cont-02-02-txt{width:100%; font-size:24px; line-height:32px; font-weight:300;}
    .cont-02 h4{padding:0; margin-bottom:65px; font-size:36px; line-height:45px;}
    
    .cont-02 .cont-02-01{margin-bottom:90px;}
    .cont-02 .cont-02-01 .untact-tool{width:1280px; padding:0;}
    .cont-02 .cont-02-01 .untact-tool>div{margin-right:49px; margin-bottom:80px;}
    .cont-02 .cont-02-01 .untact-tool>div:nth-child(2n){margin-right:49px;}
    .cont-02 .cont-02-01 .untact-tool>div:last-child{margin-right:0;}
    .cont-02 .cont-02-01 .untact-tool>div .untact-tool-circle{width:172px; height:172px; margin-bottom:10px; border-radius:100px;}
    .cont-02 .cont-02-01 .untact-tool .untact-tool-03 .untact-tool-circle{margin-bottom:8px;}
    .cont-02 .cont-02-01 .untact-tool>div>div>img{width:135px; padding-top:39px;}
    .cont-02 .cont-02-01 .untact-tool .untact-tool-txt{font-size:20px;}
    .cont-02 .cont-02-01 .untact-tool .untact-tool-txt a{height:33px; padding-top:6px; border-radius:100px;}
    .cont-02 .cont-02-01 .untact-tool .weliveon img{width:19px; height:18px; margin:2px 0 0 5px;}
    .cont-02 .cont-02-01 .untact-tool .weliveon-txt{margin-top:3px; font-size:14px;}
    .cont-02 .cont-02-01 .cont-02-01-info .cont-02-01-txt, .cont-02 .cont-02-02 .cont-02-02-info .cont-02-02-txt{margin-bottom:32px;}

    .cont-02 .cont-02-02 .cont-02-02-info .cont-02-02-txt{margin-bottom:52px;}
    .cont-02 .cont-02-02 .zoom{width:1280px; padding:0; text-align:center;}
    .cont-02 .cont-02-02 .zoom .zoom-img img{height:155px;}
    .cont-02 .cont-02-02 .zoom .zoom-arrow{width:22px;}
    .cont-02 .cont-02-02 .zoom .zoom-arrow img{height:38px;}
    .cont-02 .cont-02-02 .zoom .zoom-info .step{float:left; width:75px; height:25px; margin:20px 7px 0 0; font-size:13px; line-height:25px;}
    .cont-02 .cont-02-02 .zoom .zoom-step-02 .step{margin-left:20px;}
    .cont-02 .cont-02-02 .zoom .zoom-step-01{width:16%;}
    .cont-02 .cont-02-02 .zoom .zoom-step-02{width:19%;}
    .cont-02 .cont-02-02 .zoom .zoom-step-03{width:26%;}
    .cont-02 .cont-02-02 .zoom .zoom-step-04{width:24%;}
    .cont-02 .cont-02-02 .zoom .zoom-info .zoom-txt{float:left; margin-top:20px; font-size:20px; line-height:25px;}
    
	.cont-03{height:100%; padding-left:0; margin-top:80px; margin-bottom:109px;}
	.cont-03 h4{width:100%; padding:0; margin-bottom:65px; font-size:36px; line-height:45px;}
    .cont-03 .cont-03-01{width:1280px; padding:0; margin:0 auto;}
    .cont-03 .cont-03-01 img{padding-left:0;}
    
    .cont-03 .cont-03-01 .untact-table-pc{margin-bottom:45px;}
    .cont-03 .cont-03-01 .untact-table-pc .cell{height:75px; border-bottom:3px solid #ffffff; font-size:18px; line-height:22px;}
    .cont-03 .cont-03-01 .untact-table-pc .row:first-child .cell{height:75px; font-size:20px;}
    .cont-03 .cont-03-01 .untact-table-pc img{width:11px; margin-top:-3px;}
    .cont-03 .cont-03-01 .untact-table-pc .row:first-child .cell img{height:37px;}
    .col1{font-size:20px;}
    
    .cont-03 .cont-03-02{width:1280px; height:245px; padding:0; margin:52px auto 0;}
    .cont-03 .cont-03-02 img{height:245px; margin-right:12px;}
    .cont-03 .cont-03-02 img:last-child{margin-right:0;}
    
    .modal .modalBox{top:5%; left:10%; width:80%; height:90%;}
    .modal .modalBox img{max-width:1020px;}
    .cont-04{height:734px; padding-top:80px;}
    .cont-04 .cont-04-in{width:1280px; padding:0;}
    .cont-04 h4{margin-bottom:40px; font-size:36px; line-height:45px;}
    .cont-04>div>div{width:1280px; margin:0 auto;}
    .cont-04>div>div>div{height:230px;}
    .cont-04 .cont-04-img-01{width:499px; margin:0 10px 10px 0;}
    .cont-04 .cont-04-img-02{width:386px; margin:0 10px 10px 0;}
    .cont-04 .cont-04-img-03{width:375px;}
    .cont-04 .cont-04-img-04{width:313px; margin:0 10px 0 0;}
    .cont-04 .cont-04-img-05{width:493px; margin:0 10px 100px 0;}
    .cont-04 .cont-04-img-06{width:454px;}
    
    .cont-05 .mobile{display:none;}
    .cont-05 .pc{display:block;}
    .cont-05 h4{height:115px; padding-top:24px; background-image:url(../img/untact/cont_05_tit_img.png); font-size:32px; line-height:45px;}
    .cont-05 .cont-05-info{width:970px; padding:110px 0 0;}
    .cont-05 .cont-05-info .number{padding-bottom:20px; font-size:65px; line-height:80px;}
    .cont-05 .cont-05-info .cont-05-info-03{margin-bottom:206px;}
    .cont-05 .cont-05-info .cont-05-info-01 img{width:416px;}
    .cont-05 .cont-05-info .cont-05-info-02 img{bottom:90px; width:481px;}
    .cont-05 .cont-05-info .cont-05-info-03 img{bottom:-223px; width:513px;}
    .cont-05 .cont-05-info h5{font-size:34px;}
    .cont-05 .cont-05-info h6{padding-top:30px; font-size:20px;}
    .cont-05 .cont-05-info ul{width:465px; padding:20px 0 0 25px;}
    .cont-05 .cont-05-info li{list-style:url(../img/untact/li_circle.png) no-repeat; font-size:18px; line-height:32px;}
    .cont-05 .cont-05-info .cont-05-info-02{padding:80px 0;}
    .cont-05 .cont-05-info .cont-05-info-02 div{padding-top:10px; font-size:18px; line-height:26px;}
    .cont-05 .cont-05-info .cont-05-info-03 li{width:220px;}
}

@media screen and (min-width:1600px){
    .modal .modalBox img{max-width:1300px;}
}